feat: forms validate only on submit

new-lamassu-admin/src/components/ConfirmDialog.js

@@ -115,7 +115,6 @@ export const ConfirmDialog = memo(
             error={error}
             InputLabelProps={{ shrink: true }}
             onChange={handleChange}
-            onBlur={() => setError(isOnErrorState)}
           />
         </DialogContent>
         <DialogActions className={classes.dialogActions}>

new-lamassu-admin/src/components/booleanPropertiesTable/BooleanPropertiesTable.js

@@ -50,6 +50,8 @@ const BooleanPropertiesTable = memo(
     return (
       <div className={classes.booleanPropertiesTableWrapper}>
         <Formik
+          validateOnBlur={false}
+          validateOnChange={false}
           enableReinitialize
           onSubmit={innerSave}
           initialValues={initialValues}

new-lamassu-admin/src/components/editableTable/Table.js

@@ -183,6 +183,8 @@ const ETable = ({
               <TBody>
                 {adding && (
                   <Formik
+                    validateOnBlur={false}
+                    validateOnChange={false}
                     initialValues={{ id: v4(), ...initialValues }}
                     onReset={onReset}
                     validationSchema={validationSchema}
@@ -205,6 +207,8 @@ const ETable = ({
 
                   return (
                     <Formik
+                      validateOnBlur={false}
+                      validateOnChange={false}
                       key={it.id ?? idx}
                       enableReinitialize
                       initialValues={it}

new-lamassu-admin/src/pages/AddMachine/AddMachine.js

@@ -131,6 +131,8 @@ const MachineNameComponent = ({ nextStep, classes, setQrCode, setName }) => {
         Machine Name (ex: Coffee shop 01)
       </Info2>
       <Formik
+        validateOnBlur={false}
+        validateOnChange={false}
         initialValues={initialValues}
         validationSchema={validationSchema}
         onSubmit={({ name }) => {

new-lamassu-admin/src/pages/Blacklist/BlacklistModal.js

@@ -42,6 +42,8 @@ const BlackListModal = ({
       handleClose={onClose}
       open={true}>
       <Formik
+        validateOnBlur={false}
+        validateOnChange={false}
         initialValues={{
           address: ''
         }}

new-lamassu-admin/src/pages/Cashout/WizardStep.js

@@ -43,6 +43,8 @@ const WizardStep = ({
 
       {step <= 2 && (
         <Formik
+          validateOnBlur={false}
+          validateOnChange={false}
           onSubmit={onContinue}
           initialValues={{ top: '', bottom: '' }}
           enableReinitialize
@@ -95,6 +97,8 @@ const WizardStep = ({
 
       {step === 3 && (
         <Formik
+          validateOnBlur={false}
+          validateOnChange={false}
           onSubmit={onContinue}
           initialValues={{ zeroConfLimit: '' }}
           enableReinitialize

new-lamassu-admin/src/pages/LoyaltyPanel/PromoCodesModal.js

@@ -49,6 +49,8 @@ const PromoCodesModal = ({ showModal, onClose, errorMsg, addCode }) => {
           handleClose={onClose}
           open={true}>
           <Formik
+            validateOnBlur={false}
+            validateOnChange={false}
             initialValues={initialValues}
             validationSchema={validationSchema}
             onSubmit={({ code, discount }) => {

new-lamassu-admin/src/pages/Notifications/components/SingleFieldEditableNumber.js

@@ -53,6 +53,8 @@ const SingleFieldEditableNumber = ({
 
   return (
     <Formik
+      validateOnBlur={false}
+      validateOnChange={false}
       enableReinitialize
       initialValues={{ [name]: (data && data[name]) ?? '' }}
       validationSchema={schema}

new-lamassu-admin/src/pages/Notifications/sections/FiatBalanceAlerts.js

@@ -53,6 +53,8 @@ const FiatBalance = ({
 
   return (
     <Formik
+      validateOnBlur={false}
+      validateOnChange={false}
       enableReinitialize
       initialValues={{
         fiatBalanceCassette1: data?.fiatBalanceCassette1 ?? '',

new-lamassu-admin/src/pages/OperatorInfo/ContactInfo.js

@@ -218,6 +218,8 @@ const ContactInfo = ({ wizard }) => {
           )}
         </div>
         <Formik
+          validateOnBlur={false}
+          validateOnChange={false}
           enableReinitialize
           initialValues={form.initialValues}
           validationSchema={validationSchema}

new-lamassu-admin/src/pages/OperatorInfo/TermsConditions.js

@@ -198,6 +198,8 @@ const TermsConditions = () => {
           )}
         </div>
         <Formik
+          validateOnBlur={false}
+          validateOnChange={false}
           enableReinitialize
           initialValues={initialValues}
           validationSchema={validationSchema}

new-lamassu-admin/src/pages/Services/FormRenderer.js

@@ -42,6 +42,8 @@ const FormRenderer = ({
 
   return (
     <Formik
+      validateOnBlur={false}
+      validateOnChange={false}
       enableReinitialize
       initialValues={values}
       validationSchema={validationSchema}

new-lamassu-admin/src/pages/Triggers/Wizard.js

@@ -235,6 +235,8 @@ const Wizard = ({ onClose, save, error, currency }) => {
           currentStep={step}
         />
         <Formik
+          validateOnBlur={false}
+          validateOnChange={false}
           enableReinitialize
           onSubmit={onContinue}
           initialValues={stepOptions.initialValues}

new-lamassu-admin/src/pages/Wizard/components/Wallet/ChooseCoin.js

@@ -51,6 +51,8 @@ const ChooseCoin = ({ addData }) => {
       </H4>
 
       <Formik
+        validateOnBlur={false}
+        validateOnChange={false}
         enableReinitialize
         initialValues={{ coin: '' }}
         onSubmit={onSubmit}>