Add provision to update validation schema for payment method and shipping method sections

Author: rajeev-k-tomy

src/reactapp/src/components/paymentMethod/components/PaymentMethodFormManager.jsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useMemo, useState } from 'react';
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import { Form } from 'formik';
 import { node } from 'prop-types';
 import { string as YupString } from 'yup';
@@ -32,6 +32,16 @@ function PaymentMethodFormManager({ children, formikData }) {
   const { setMessage, setPageLoader, setErrorMessage, setSuccessMessage } =
     usePaymentMethodAppContext();
 
+  /**
+   * This can be used to add additional validations for payment method
+   */
+  const updateValidationSchema = useCallback((validationSchemaToUpdate) => {
+    setValidationSchema((oldValidationSchema) => ({
+      ...oldValidationSchema,
+      ...validationSchemaToUpdate,
+    }));
+  }, []);
+
   const formSubmit = async (paymentMethod) => {
     setMessage(false);
 
@@ -80,8 +90,15 @@ function PaymentMethodFormManager({ children, formikData }) {
       validationSchema,
       setInitialValues,
       setValidationSchema,
+      updateValidationSchema,
     }),
-    [formContext, formikData, validationSchema, initialValues]
+    [
+      formikData,
+      formContext,
+      initialValues,
+      validationSchema,
+      updateValidationSchema,
+    ]
   );
 
   return (

src/reactapp/src/components/shippingMethod/components/ShippingMethodFormManager.jsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useMemo, useState } from 'react';
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import { Form } from 'formik';
 import { node } from 'prop-types';
 import { string as YupString } from 'yup';
@@ -36,6 +36,16 @@ function ShippingMethodFormManager({ children, formikData }) {
   const { setMessage, setPageLoader, setErrorMessage, setSuccessMessage } =
     useShippingMethodAppContext();
 
+  /**
+   * This can be used to add additional validations for shipping method
+   */
+  const updateValidationSchema = useCallback((validationSchemaToUpdate) => {
+    setValidationSchema((oldValidationSchema) => ({
+      ...oldValidationSchema,
+      ...validationSchemaToUpdate,
+    }));
+  }, []);
+
   const formSubmit = async (shippingMethod) => {
     setMessage(false);
 
@@ -97,10 +107,17 @@ function ShippingMethodFormManager({ children, formikData }) {
       validationSchema,
       setInitialValues,
       setValidationSchema,
+      updateValidationSchema,
       ...formikData,
       ...formSectionContext,
     }),
-    [validationSchema, formikData, formSectionContext, initialValues]
+    [
+      formikData,
+      initialValues,
+      validationSchema,
+      formSectionContext,
+      updateValidationSchema,
+    ]
   );
 
   return (