fix: strip denominations in EditDenominationsModal from indexId (#288)

src/components/organisms/edit-denominations-modal/index.tsx

@@ -1,3 +1,4 @@
+import _ from "lodash"
 import * as React from "react"
 import { v4 as uuidv4 } from "uuid"
 import Button from "../../fundamentals/button"
@@ -22,12 +23,6 @@ type EditDenominationsModalProps = {
   currencyCodes?: string[]
 }
 
-const augmentWithId = (obj) => ({ ...obj, indexId: uuidv4() })
-
-const augmentWithIds = (list) => {
-  return list.map(augmentWithId)
-}
-
 const EditDenominationsModal = ({
   defaultDenominations = [],
   onSubmit,
@@ -80,6 +75,14 @@ const EditDenominationsModal = ({
     setDenominations([...denominations, augmentWithId(newDenomination)])
   }
 
+  const submitHandler = () => {
+    const strippedDenominations = stripDenominationFromIndexId(denominations)
+
+    if (onSubmit) {
+      onSubmit(strippedDenominations)
+    }
+  }
+
   return (
     <Modal handleClose={handleClose}>
       <Modal.Body>
@@ -151,7 +154,7 @@ const EditDenominationsModal = ({
               variant="primary"
               size="small"
               className="mr-2 min-w-[130px] justify-center"
-              onClick={() => onSubmit(denominations)}
+              onClick={submitHandler}
             >
               Save
             </Button>
@@ -163,3 +166,13 @@ const EditDenominationsModal = ({
 }
 
 export default EditDenominationsModal
+
+const augmentWithId = (obj) => ({ ...obj, indexId: uuidv4() })
+
+const augmentWithIds = (list) => {
+  return list.map(augmentWithId)
+}
+
+const stripDenominationFromIndexId = (list) => {
+  return list.map((element) => _.omit(element, "indexId"))
+}