Update flows

stellar · Jun 27, 2024 · fae0ce3 · fae0ce3
1 parent efcbda6
commit fae0ce3
Show file tree

Hide file tree

Showing 5 changed files with 62 additions and 11 deletions.
diff --git a/packages/demo-wallet-client/src/components/Sep6/Sep6Deposit.tsx b/packages/demo-wallet-client/src/components/Sep6/Sep6Deposit.tsx
@@ -121,12 +121,17 @@ export const Sep6Deposit = () => {
   ) => {
     const { id, value } = event.target;
 
+    let fields = { ...formData.customerFields };
+
+    if (value) {
+      fields[id] = value;
+    } else if (fields[id]) {
+      delete fields[id];
+    }
+
     const updatedState = {
       ...formData,
-      customerFields: {
-        ...formData.customerFields,
-        [id]: value,
-      },
+      customerFields: fields,
     };
 
     setFormData(updatedState);
@@ -360,6 +365,26 @@ export const Sep6Deposit = () => {
     );
   }
 
+  if (sep6DepositAsset.status === ActionStatus.KYC_DONE) {
+    return (
+      <Modal
+        visible={isInfoModalVisible}
+        onClose={() => setIsInfoModalVisible(false)}
+        parentId={CSS_MODAL_PARENT_ID}
+      >
+        <Modal.Heading>SEP-6 Deposit</Modal.Heading>
+
+        <Modal.Body>
+          <p>Submit the deposit.</p>
+        </Modal.Body>
+
+        <Modal.Footer>
+          <Button onClick={() => dispatch(sep6DepositAction())}>Submit</Button>
+        </Modal.Footer>
+      </Modal>
+    );
+  }
+
   if (sep6DepositAsset.data.instructions) {
     return (
       <Modal

diff --git a/packages/demo-wallet-client/src/components/Sep6/Sep6Withdraw.tsx b/packages/demo-wallet-client/src/components/Sep6/Sep6Withdraw.tsx
@@ -124,12 +124,17 @@ export const Sep6Withdraw = () => {
   ) => {
     const { id, value } = event.target;
 
+    let fields = { ...formData.customerFields };
+
+    if (value) {
+      fields[id] = value;
+    } else if (fields[id]) {
+      delete fields[id];
+    }
+
     const updatedState = {
       ...formData,
-      customerFields: {
-        ...formData.customerFields,
-        [id]: value,
-      },
+      customerFields: fields,
     };
 
     setFormData(updatedState);
@@ -383,6 +388,26 @@ export const Sep6Withdraw = () => {
     );
   }
 
+  if (sep6WithdrawAsset.status === ActionStatus.KYC_DONE) {
+    return (
+      <Modal
+        visible={isInfoModalVisible}
+        onClose={() => setIsInfoModalVisible(false)}
+        parentId={CSS_MODAL_PARENT_ID}
+      >
+        <Modal.Heading>SEP-6 Withdrawal</Modal.Heading>
+
+        <Modal.Body>
+          <p>Submit the withdrawal.</p>
+        </Modal.Body>
+
+        <Modal.Footer>
+          <Button onClick={handleAmountSubmit}>Submit</Button>
+        </Modal.Footer>
+      </Modal>
+    );
+  }
+
   if (sep6WithdrawAsset.status === ActionStatus.SUCCESS) {
     return (
       <Modal

diff --git a/packages/demo-wallet-client/src/ducks/sep6DepositAsset.ts b/packages/demo-wallet-client/src/ducks/sep6DepositAsset.ts
@@ -264,7 +264,7 @@ export const submitSep6CustomerInfoFields = createAsyncThunk<
       }
 
       return {
-        status: ActionStatus.CAN_PROCEED,
+        status: ActionStatus.KYC_DONE,
       };
     } catch (e) {
       const errorMessage = getErrorMessage(e);

diff --git a/packages/demo-wallet-client/src/ducks/sep6WithdrawAsset.ts b/packages/demo-wallet-client/src/ducks/sep6WithdrawAsset.ts
@@ -274,7 +274,7 @@ export const sep6WithdrawAction = createAsyncThunk<
         transactionResponse: transaction,
         status:
           currentStatus === TransactionStatus.PENDING_CUSTOMER_INFO_UPDATE
-            ? ActionStatus.NEEDS_INPUT
+            ? ActionStatus.NEEDS_KYC
             : ActionStatus.SUCCESS,
         requiredCustomerInfoUpdates,
         customerFields,
@@ -336,7 +336,7 @@ export const submitSep6WithdrawCustomerInfoFields = createAsyncThunk<
       }
 
       return {
-        status: ActionStatus.CAN_PROCEED,
+        status: ActionStatus.KYC_DONE,
       };
     } catch (e) {
       const errorMessage = getErrorMessage(e);

diff --git a/packages/demo-wallet-client/src/types/types.ts b/packages/demo-wallet-client/src/types/types.ts
@@ -410,6 +410,7 @@ export enum ActionStatus {
   SUCCESS = "SUCCESS",
   NEEDS_INPUT = "NEEDS_INPUT",
   NEEDS_KYC = "NEEDS_KYC",
+  KYC_DONE = "KYC_DONE",
   CAN_PROCEED = "CAN_PROCEED",
   ANCHOR_QUOTES = "ANCHOR_QUOTES",
 }