Check declaration: handle potential API validation errors (#926)

swan-io · Oct 1, 2024 · 6b66cc0 · 6b66cc0
1 parent 67a64bc
commit 6b66cc0
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 1 deletion.
diff --git a/clients/banking/src/components/CheckDeclarationWizard.tsx b/clients/banking/src/components/CheckDeclarationWizard.tsx
@@ -236,7 +236,7 @@ export const CheckDeclarationWizard = ({ merchantProfileId, params }: Props) =>
   const [declareOne, declareOneData] = useMutation(InitiateCheckMerchantPaymentDocument);
   const [declareAndAdd, declareAndAddData] = useMutation(InitiateCheckMerchantPaymentDocument);
 
-  const { Field, resetForm, submitForm } = useForm({
+  const { Field, resetForm, submitForm, setFieldError } = useForm({
     label: {
       initialValue: "",
       sanitize: trim,
@@ -307,6 +307,19 @@ export const CheckDeclarationWizard = ({ merchantProfileId, params }: Props) =>
                 .with({ __typename: "CheckRejection" }, ({ fnciInfo }) => {
                   setFnciError(fnciInfo);
                 })
+                .with({ __typename: "ValidationRejection" }, ({ fields }) => {
+                  fields.forEach(field => {
+                    match(field.path)
+                      .with(["amount"], () =>
+                        setFieldError("amount", t("common.form.invalidAmount")),
+                      )
+                      .with(["cmc7"], () => setFieldError("cmc7", t("common.form.invalidCMC7")))
+                      .with(["rlmcKey"], () =>
+                        setFieldError("rlmcKey", t("common.form.invalidRLMC")),
+                      )
+                      .otherwise(() => {});
+                  });
+                })
                 .otherwise(error => {
                   showToast({
                     variant: "error",

diff --git a/clients/banking/src/graphql/partner.gql b/clients/banking/src/graphql/partner.gql
@@ -2796,6 +2796,11 @@ mutation InitiateCheckMerchantPayment($input: InitiateCheckMerchantPaymentInput!
         ...FnciInfo
       }
     }
+    ... on ValidationRejection {
+      fields {
+        path
+      }
+    }
     ... on Rejection {
       message
     }