@tap-payments/auth-jsconnect 2.3.6 → 2.3.7

package/build/features/app/business/businessStore.js

@@ -1182,7 +1182,7 @@ export var businessSlice = createSlice({
             state.error = action.error.message;
         })
             .addCase(updateLeadSuccess.fulfilled, function (state, action) {
-            var _a, _b;
+            var _a, _b, _c, _d, _e, _f;
             state.loading = false;
             state.data.verify.responseBody = __assign(__assign({}, state.data.verify.responseBody), { updateLeadSuccessLoading: false });
             state.error = null;
@@ -1192,7 +1192,7 @@ export var businessSlice = createSlice({
                 state.error = description;
                 return;
             }
-            state.data.verify.responseBody = __assign(__assign(__assign({}, state.data.verify.responseBody), response), { name: (_b = state.data.verify.responseBody) === null || _b === void 0 ? void 0 : _b.name });
+            state.data.verify.responseBody = __assign(__assign(__assign({}, state.data.verify.responseBody), response), { name: (_b = state.data.verify.responseBody) === null || _b === void 0 ? void 0 : _b.name, merchant: ((_c = state.data.verify.responseBody) === null || _c === void 0 ? void 0 : _c.merchant) || ((_f = (_e = (_d = state.data.verify.responseBody) === null || _d === void 0 ? void 0 : _d.business) === null || _e === void 0 ? void 0 : _e.entity) === null || _f === void 0 ? void 0 : _f.merchant) });
         })
             .addCase(updateLeadSuccess.pending, function (state) {
             state.loading = true;

package/build/features/bank/screens/BankDetails/BankDetails.js

@@ -29,7 +29,7 @@ import Form from '../../../../components/Form';
 import { handlePrevScreenStep, settingsSelector } from '../../../../app/settings';
 import ConfirmPolicy from './ConfirmPolicy';
 import BankStatement from './BankStatement';
-import { getFileDetailsFromDocument, isKW, isStringHasOneAsterisk } from '../../../../utils';
+import { deepCopy, getFileDetailsFromDocument, isKW, isStringHasOneAsterisk } from '../../../../utils';
 var FormStyled = styled(Form)(function () { return ({
     display: 'flex',
     flexDirection: 'column',
@@ -103,7 +103,7 @@ var BankDetails = function () {
     var isBankNameVerified = dataVerified['bank_name'] && bank_name === methods.watch('bankName');
     var getFelids = useExcludeReadOnlyFelids(methods, readOnly).getFelids;
     var onSubmit = function (data) {
-        dispatch(createBankAccount(getFelids(data)));
+        dispatch(createBankAccount(deepCopy(getFelids(data))));
     };
     return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(Beneficiary, { readOnly: readOnly['beneficiaryName'] || noneEditable['beneficiary_name'], isVerified: isBeneficiaryNameVerified }), _jsx(IBAN, { fetchingIban: function (value) { return setIbanChecking(value); }, ibanChecking: ibanChecking, readOnly: readOnly['iban'] || noneEditable['iban'], isVerified: isIBANVerified }), _jsx(BankName, { readOnly: readOnly['bankName'] || noneEditable['bank_name'], isVerified: isBankNameVerified }), _jsx(BankStatement, { isVerified: dataVerified['document'], required: isKWCountry && isFL && !bankHasDocument, defaultFiles: defaultBankFiles, readOnly: readOnly['bankStatementId'] || noneEditable['bank_statement_file_id'] }), _jsx(ConfirmPolicy, { readOnly: readOnly['confirmPolicy'] || noneEditable['is_acknowledged'] }), _jsx(ButtonStyled, __assign({ onBackClicked: function () { return onBack(); }, disabled: disabled, isAr: isAr, loading: loading, error: t(error || '') }, { children: t('confirm') }))] })) })) }));
 };

package/build/features/bank/screens/Verify/OTPInput.js

@@ -19,7 +19,7 @@ import { useTranslation } from 'react-i18next';
 import { DEFAULT_TIMER_VALUE } from '../../../../constants';
 import { useAppDispatch, useAppSelector } from '../../../../hooks';
 import { isTokenExpired } from '../../../../utils';
-import { resendOTP, bankSelector } from '../../../app/bank/bankStore';
+import { resendOTP, bankSelector, clearError } from '../../../app/bank/bankStore';
 var BoxStyled = styled(Box)(function (_a) {
     var theme = _a.theme;
     return ({
@@ -36,6 +36,8 @@ var OTPInput = function (_a) {
     var dispatch = useAppDispatch();
     var error = useAppSelector(bankSelector).error;
     var handleOnOTPChange = function (otp) {
+        if (error)
+            dispatch(clearError());
         otpControl.field.onChange(otp);
     };
     var handleOnResendOTP = function () {

package/build/features/bank/screens/Verify/Verify.js

@@ -18,7 +18,7 @@ import { yupResolver } from '@hookform/resolvers/yup';
 import Box from '@mui/material/Box/Box';
 import { styled } from '@mui/material/styles';
 import { useLanguage, useAppSelector } from '../../../../hooks';
-import { maskPhone } from '../../../../utils';
+import { deepCopy, maskPhone } from '../../../../utils';
 import Form from '../../../../components/Form';
 import Text from '../../../../components/Text';
 import { ScreenContainer } from '../../../shared/Containers';
@@ -66,7 +66,7 @@ var VerifyNumber = function (_a) {
         };
     }, [methods.formState.isValid]);
     var onSubmit = function (formData) {
-        dispatch(verifyBankLeadOTP(formData));
+        dispatch(verifyBankLeadOTP(deepCopy(formData)));
     };
     var disabled = !methods.formState.isValid || !!error || !phone || resendLoading;
     return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(OTPTitleContainerStyled, { children: _jsxs(OTPTitleStyled, { children: [loading ? t('ide_otp_waiting_title') : t('ide_opt_sent_title'), !loading && phone && _jsx("span", __assign({ dir: 'ltr' }, { children: "".concat(maskPhone(phone || '')) }))] }) }), _jsx(OTPInput, { loading: resendLoading, setLoading: setResendLoading }), _jsx(Button, __assign({ disableBack: true, disabled: disabled, isAr: isAr, loading: loading, error: t(error || '') }, { children: t('next') }))] })) })) }));

package/build/features/brand/screens/BrandActivities/BrandActivities.js

@@ -21,6 +21,7 @@ import { BrandActivitiesValidationSchema } from './validation';
 import Button from '../../../shared/Button';
 import { brandSelector, updateBrandActivities } from '../../../app/brand/brandStore';
 import { handlePrevScreenStep } from '../../../../app/settings';
+import { deepCopy } from '../../../../utils';
 import { useTranslation } from 'react-i18next';
 import ActivitiesList from './ActivitiesList';
 import CustomerBase from './CustomerBase';
@@ -94,7 +95,7 @@ var BrandActivities = function (_a) {
     var isExpectedSalesRangeVerified = dataVerified['operations.sales_range'] && ((_c = operations === null || operations === void 0 ? void 0 : operations.sales) === null || _c === void 0 ? void 0 : _c.id) === ((_d = methods.watch('expectedSale')) === null || _d === void 0 ? void 0 : _d.id);
     var isExpectedCustomersVerified = dataVerified['operations.customer_base'] && ((_e = operations === null || operations === void 0 ? void 0 : operations.customer_base) === null || _e === void 0 ? void 0 : _e.id) === ((_f = methods.watch('expectedCustomer')) === null || _f === void 0 ? void 0 : _f.id);
     var onSubmit = function (data) {
-        dispatch(updateBrandActivities(getFelids(data)));
+        dispatch(updateBrandActivities(deepCopy(getFelids(data))));
     };
     var onBack = function () {
         dispatch(handlePrevScreenStep());

package/build/features/brand/screens/BrandInfo/BrandInfo.js

@@ -18,7 +18,7 @@ import { useAppDispatch, useAppSelector, useDataNoneEditable, useFormReadOnly, u
 import { handlePrevScreenStep } from '../../../../app/settings';
 import { yupResolver } from '@hookform/resolvers/yup';
 import Form from '../../../../components/Form';
-import { mapSalesChannel } from '../../../../utils';
+import { deepCopy, mapSalesChannel } from '../../../../utils';
 import Button from '../../../shared/Button';
 import { clearError, brandSelector, updateBrand, retrieveBoardStatus } from '../../../app/brand/brandStore';
 import { ScreenContainer } from '../../../shared/Containers';
@@ -58,7 +58,7 @@ var BrandInfo = function (_a) {
     var getFelids = useExcludeReadOnlyFelids(methods, readOnly).getFelids;
     var isBrandNameVerified = dataVerified['name.en'] && dataVerified['name.ar'] && ((name === null || name === void 0 ? void 0 : name.en) === watch('brandName') || (name === null || name === void 0 ? void 0 : name.ar) === watch('brandName'));
     var onSubmit = function (data) {
-        dispatch(updateBrand(getFelids(data)));
+        dispatch(updateBrand(deepCopy(getFelids(data))));
     };
     var onBack = function () {
         if ((flows === null || flows === void 0 ? void 0 : flows.length) > 0) {

package/build/features/brand/screens/BrandSegmentInfo/BrandSegmentInfo.js

@@ -19,6 +19,7 @@ import { handlePrevScreenStep } from '../../../../app/settings';
 import { yupResolver } from '@hookform/resolvers/yup';
 import Collapse from '../../../../components/Collapse';
 import Form from '../../../../components/Form';
+import { deepCopy } from '../../../../utils';
 import { ScreenContainer } from '../../../shared/Containers';
 import { clearError, brandSelector, updateSegmentBrand } from '../../../app/brand/brandStore';
 import Button from '../../../shared/Button';
@@ -80,7 +81,7 @@ var BrandInfo = function (_a) {
     var isSegmentTechVerified = dataVerified['segment.tech_type'] && ((_f = resSegment === null || resSegment === void 0 ? void 0 : resSegment.tech_type) === null || _f === void 0 ? void 0 : _f.id) === ((_g = watch('segmentTech')) === null || _g === void 0 ? void 0 : _g.id);
     var isTeamSizeVerified = dataVerified['segment.teams'] && ((_h = resSegment === null || resSegment === void 0 ? void 0 : resSegment.team) === null || _h === void 0 ? void 0 : _h.id) === ((_j = watch('teamSize')) === null || _j === void 0 ? void 0 : _j.id);
     var onSubmit = function (data) {
-        dispatch(updateSegmentBrand(getFelids(data)));
+        dispatch(updateSegmentBrand(deepCopy(getFelids(data))));
     };
     var onBack = function () {
         dispatch(handlePrevScreenStep());

package/build/features/brand/screens/Verify/OTPInput.js

@@ -18,7 +18,7 @@ import { useController, useFormContext } from 'react-hook-form';
 import { useTranslation } from 'react-i18next';
 import { DEFAULT_TIMER_VALUE } from '../../../../constants';
 import { useAppDispatch, useAppSelector } from '../../../../hooks';
-import { brandSelector, resendOTP } from '../../../app/brand/brandStore';
+import { brandSelector, clearError, resendOTP } from '../../../app/brand/brandStore';
 import { isTokenExpired } from '../../../../utils';
 var BoxStyled = styled(Box)(function (_a) {
     var theme = _a.theme;
@@ -36,6 +36,8 @@ var OTPInput = function (_a) {
     var dispatch = useAppDispatch();
     var error = useAppSelector(brandSelector).error;
     var handleOnOTPChange = function (otp) {
+        if (error)
+            dispatch(clearError());
         otpControl.field.onChange(otp);
     };
     var handleOnResendOTP = function () {

package/build/features/brand/screens/Verify/Verify.js

@@ -18,7 +18,7 @@ import { yupResolver } from '@hookform/resolvers/yup';
 import Box from '@mui/material/Box/Box';
 import { styled } from '@mui/material/styles';
 import { useLanguage, useAppSelector } from '../../../../hooks';
-import { maskPhone } from '../../../../utils';
+import { deepCopy, maskPhone } from '../../../../utils';
 import Form from '../../../../components/Form';
 import Text from '../../../../components/Text';
 import { ScreenContainer } from '../../../shared/Containers';
@@ -70,7 +70,7 @@ var VerifyNumber = function (_a) {
         };
     }, [methods.formState.isValid]);
     var onSubmit = function (formData) {
-        dispatch(verifyBrandLeadOTP(formData));
+        dispatch(verifyBrandLeadOTP(deepCopy(formData)));
     };
     var disabled = !methods.formState.isValid || !!error || !phone || resendLoading;
     return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(OTPTitleContainerStyled, { children: _jsxs(OTPTitleStyled, { children: [loading ? t('ide_otp_waiting_title') : t('ide_opt_sent_title'), !loading && phone && _jsx("span", __assign({ dir: 'ltr' }, { children: "".concat(maskPhone(phone || '')) }))] }) }), _jsx(OTPInput, { loading: resendLoading, setLoading: setResendLoading }), _jsx(Button, __assign({ disableBack: true, disabled: disabled, isAr: isAr, loading: loading, error: t(error || '') }, { children: t('next') }))] })) })) }));

package/build/features/business/screens/Activities/Activities.js

@@ -20,6 +20,7 @@ import { yupResolver } from '@hookform/resolvers/yup';
 import { useTranslation } from 'react-i18next';
 import { handlePrevScreenStep } from '../../../../app/settings';
 import Button from '../../../shared/Button';
+import { deepCopy } from '../../../../utils';
 import { ScreenContainer } from '../../../shared/Containers';
 import Collapse from '../../../../components/Collapse';
 import OperationStartDate from './OperationStartDate';
@@ -48,7 +49,7 @@ var Activities = function () {
     });
     useSetFromDefaultValues(methods, data.activitiesData, true);
     var onSubmit = function (data) {
-        dispatch(updateActivitiesInfo(__assign({}, data)));
+        dispatch(updateActivitiesInfo(deepCopy(data)));
     };
     var handleCollapseOpenClose = function (flag) {
         setCollapse(flag);

package/build/features/business/screens/BusinessType/BusinessType.js

@@ -23,7 +23,7 @@ import ScreenContainer from '../../../shared/Containers/ScreenContainer';
 import { businessSelector, clearError, updateLeadBusinessType } from '../../../app/business/businessStore';
 import { BusinessType as Type } from '../../../../@types';
 import Button from '../../../shared/Button';
-import { isKW, isOtherLicense, isSA } from '../../../../utils';
+import { deepCopy, isKW, isOtherLicense, isSA } from '../../../../utils';
 import { KWLicenseValidationSchema, LicenseValidationSchema } from './validation';
 import LicenseList from './LicenseList';
 import LicenseCertificate from './LicenseCertificate';
@@ -77,7 +77,7 @@ var BusinessType = function (_a) {
             certificateId: data.certificateId,
             articleId: data.articleId
         };
-        dispatch(updateLeadBusinessType(dataValues));
+        dispatch(updateLeadBusinessType(deepCopy(dataValues)));
     };
     var onBack = function () {
         dispatch(handlePrevScreenStep());

package/build/features/business/screens/CivilID/CivilID.js

@@ -33,6 +33,7 @@ import { clearError, businessSelector, createCivilIdAuth } from '../../../app/bu
 import Form from '../../../../components/Form';
 import Button from '../../../shared/Button';
 import { ScreenContainer } from '../../../shared/Containers';
+import { deepCopy } from '../../../../utils';
 import IDNumber from './IDNumber';
 var FormStyled = styled(Form)(function () { return ({
     display: 'flex',
@@ -55,7 +56,7 @@ var CivilID = function (_a) {
         handleClearError();
     }, [methods.formState.isValid]);
     var onSubmit = function (data) {
-        dispatch(createCivilIdAuth(data));
+        dispatch(createCivilIdAuth(deepCopy(data)));
     };
     var handleClearError = function () {
         if (error)

package/build/features/business/screens/Customers/Customers.js

@@ -30,6 +30,7 @@ import TransactionPolicy from './TransactionPolicy';
 import { ScreenContainer } from '../../../shared/Containers';
 import Collapse from '../../../../components/Collapse';
 import { businessSelector, clearError, updateCustomersInfo } from '../../../app/business/businessStore';
+import { deepCopy } from '../../../../utils';
 var FormStyled = styled(Form)(function () { return ({
     display: 'flex',
     flexDirection: 'column'
@@ -74,7 +75,7 @@ var Customers = function (_a) {
         }
     }, [terms]);
     var onSubmit = function (data) {
-        dispatch(updateCustomersInfo(data));
+        dispatch(updateCustomersInfo(deepCopy(data)));
     };
     var onBack = function () {
         dispatch(handlePrevScreenStep());

package/build/features/business/screens/IDBOD/IDBOD.js

@@ -32,6 +32,7 @@ import Button from '../../../shared/Button';
 import { ScreenContainer } from '../../../shared/Containers';
 import { businessSelector, clearError, updateLeadIdentity } from '../../../app/business/businessStore';
 import Collapse from '../../../../components/Collapse';
+import { deepCopy } from '../../../../utils';
 import { NIDValidationSchema } from './validation';
 import ID from './ID';
 import DOB from './DOB';
@@ -57,7 +58,7 @@ var IDBOD = function (_a) {
             dispatch(clearError());
     }, [methods.formState.isValid]);
     var onSubmit = function (data) {
-        dispatch(updateLeadIdentity(data));
+        dispatch(updateLeadIdentity(deepCopy(data)));
     };
     var handleCollapseOpenClose = function (flag) {
         setCollapse(flag);

package/build/features/business/screens/OTP/OTP.js

@@ -35,7 +35,7 @@ import Text from '../../../../components/Text';
 import { ScreenContainer } from '../../../shared/Containers';
 import { businessSelector, clearError, resetOTPScreen, verifyLeadOTP } from '../../../app/business/businessStore';
 import Button from '../../../shared/Button';
-import { maskID } from '../../../../utils';
+import { deepCopy, maskID } from '../../../../utils';
 import { OTPValidation } from './validation';
 import OTPInput from './OTPInput';
 var OTPTitleContainerStyled = styled(Box)(function (_a) {
@@ -77,7 +77,7 @@ var OTP = function (_a) {
         };
     }, [methods.formState.isValid]);
     var onSubmit = function (formData) {
-        dispatch(verifyLeadOTP(formData));
+        dispatch(verifyLeadOTP(deepCopy(formData)));
     };
     var onBack = function () {
         dispatch(handlePrevScreenStep());

package/build/features/business/screens/OTP/OTPInput.js

@@ -17,8 +17,8 @@ import Box from '@mui/material/Box/Box';
 import { styled } from '@mui/material/styles';
 import OTPField from '../../../shared/OTP';
 import { DEFAULT_TIMER_VALUE } from '../../../../constants';
-import { resendOTPLeadIdentity } from '../../../app/business/businessStore';
-import { useAppDispatch } from '../../../../hooks';
+import { businessSelector, clearError, resendOTPLeadIdentity } from '../../../app/business/businessStore';
+import { useAppDispatch, useAppSelector } from '../../../../hooks';
 var BoxStyled = styled(Box)(function (_a) {
     var theme = _a.theme;
     return ({
@@ -31,8 +31,11 @@ var OTPInput = function (_a) {
     var _b = useFormContext(), control = _b.control, setValue = _b.setValue;
     var t = useTranslation().t;
     var dispatch = useAppDispatch();
+    var error = useAppSelector(businessSelector).error;
     var otpControl = useController({ name: 'otp', control: control });
     var handleOnOTPChange = function (otp) {
+        if (error)
+            dispatch(clearError());
         otpControl.field.onChange(otp);
     };
     var handleOnResendOTP = function () {

package/build/features/business/screens/Verify/OTPInput.js

@@ -19,7 +19,7 @@ import { useController, useFormContext } from 'react-hook-form';
 import { useTranslation } from 'react-i18next';
 import { DEFAULT_TIMER_VALUE } from '../../../../constants';
 import { isTokenExpired } from '../../../../utils';
-import { businessSelector, resendOTP } from '../../../app/business/businessStore';
+import { businessSelector, clearError, resendOTP } from '../../../app/business/businessStore';
 var BoxStyled = styled(Box)(function (_a) {
     var theme = _a.theme;
     return ({
@@ -36,6 +36,8 @@ var OTPInput = function (_a) {
     var dispatch = useAppDispatch();
     var error = useAppSelector(businessSelector).error;
     var handleOnOTPChange = function (otp) {
+        if (error)
+            dispatch(clearError());
         otpControl.field.onChange(otp);
     };
     var handleOnResendOTP = function () {

package/build/features/business/screens/Verify/Verify.js

@@ -19,7 +19,7 @@ import Box from '@mui/material/Box/Box';
 import { styled } from '@mui/material/styles';
 import { handlePrevScreenStep } from '../../../../app/settings';
 import { useLanguage } from '../../../../hooks';
-import { maskPhone } from '../../../../utils';
+import { deepCopy, maskPhone } from '../../../../utils';
 import Form from '../../../../components/Form';
 import Text from '../../../../components/Text';
 import { ScreenContainer } from '../../../shared/Containers';
@@ -67,7 +67,7 @@ var VerifyNumber = function (_a) {
         };
     }, [methods.formState.isValid]);
     var onSubmit = function (formData) {
-        dispatch(verifyLeadOTP(formData));
+        dispatch(verifyLeadOTP(deepCopy(formData)));
     };
     var onBack = function () {
         dispatch(handlePrevScreenStep());

package/build/features/connect/screens/BrandSegment/BrandSegment.js

@@ -17,7 +17,7 @@ import Collapse from '@mui/material/Collapse';
 import { yupResolver } from '@hookform/resolvers/yup';
 import { useAppDispatch, useAppSelector } from '../../../../hooks';
 import { handlePrevScreenStep } from '../../../../app/settings';
-import { sendCustomEventToGTM } from '../../../../utils';
+import { deepCopy, sendCustomEventToGTM } from '../../../../utils';
 import Form from '../../../../components/Form';
 import { ScreenContainer } from '../../../shared/Containers';
 import Button from '../../../shared/Button';
@@ -62,7 +62,7 @@ var BrandSegment = function (_a) {
     var isAr = useLanguage().isAr;
     var dispatch = useAppDispatch();
     var onSubmit = function (formData) {
-        dispatch(updateLeadBrandSegment(formData));
+        dispatch(updateLeadBrandSegment(deepCopy(formData)));
     };
     var onBack = function () {
         dispatch(handlePrevScreenStep());

package/build/features/connect/screens/CivilID/CivilID.js

@@ -18,6 +18,7 @@ import { yupResolver } from '@hookform/resolvers/yup';
 import { civilIDValidationSchema } from './validation';
 import { useAppDispatch, useLanguage, useAppSelector, useSetFromDefaultValues } from '../../../../hooks';
 import { handlePrevScreenStep, settingsSelector } from '../../../../app/settings';
+import { deepCopy } from '../../../../utils';
 import { clearError, connectSelector, createCivilIdAuth, resetMobileScreen, resetStore } from '../../../app/connect/connectStore';
 import Form from '../../../../components/Form';
 import Button, { MobileButton } from '../../../shared/Button';
@@ -75,7 +76,7 @@ var CivilID = function (_a) {
         handleClearError();
     }, [methods.formState.isValid]);
     var onSubmit = function (data) {
-        dispatch(createCivilIdAuth(data));
+        dispatch(createCivilIdAuth(deepCopy(data)));
         dispatch(resetMobileScreen(settingsStore.data.businessCountry));
     };
     var handleClearError = function () {

package/build/features/connect/screens/Individual/Individual.js

@@ -40,7 +40,7 @@ import MobileNumber from './MobileNumber';
 import { countriesCode } from '../../../../constants';
 import { AuthForType } from '../../../../@types';
 import Collapse from '../../../../components/Collapse';
-import { isKW, sendCustomEventToGTM } from '../../../../utils';
+import { deepCopy, isKW, sendCustomEventToGTM } from '../../../../utils';
 var FormStyled = styled(Form)(function () { return ({
     display: 'flex',
     flexDirection: 'column',
@@ -79,7 +79,7 @@ var Individual = function (_a) {
             methods.setValue('countryCode', defaultValues.countryCode);
     }, [defaultValues.countryCode]);
     var onSubmit = function (formData) {
-        dispatch(updateLeadIndividual(formData));
+        dispatch(updateLeadIndividual(deepCopy(formData)));
     };
     var onBack = function () {
         var _a;

package/build/features/connect/screens/Merchant/Merchant.js

@@ -17,7 +17,7 @@ import Collapse from '@mui/material/Collapse';
 import { yupResolver } from '@hookform/resolvers/yup';
 import { useAppDispatch, useAppSelector } from '../../../../hooks';
 import { handlePrevScreenStep } from '../../../../app/settings';
-import { sendCustomEventToGTM } from '../../../../utils';
+import { deepCopy, sendCustomEventToGTM } from '../../../../utils';
 import Form from '../../../../components/Form';
 import { ScreenContainer } from '../../../shared/Containers';
 import Button from '../../../shared/Button';
@@ -63,7 +63,7 @@ var Merchant = function (_a) {
     var dispatch = useAppDispatch();
     var brandListItem = methods.getValues('selectedBrandItem');
     var onSubmit = function (formData) {
-        dispatch(updateLeadBrand(__assign(__assign({}, formData), { isNewBrand: isRequiredNewBrand })));
+        dispatch(updateLeadBrand(deepCopy(__assign(__assign({}, formData), { isNewBrand: isRequiredNewBrand }))));
     };
     var onBack = function () {
         dispatch(handlePrevScreenStep('CONNECT_INDIVIDUAL_STEP'));

package/build/features/connect/screens/Mobile/Mobile.js

@@ -25,7 +25,7 @@ import ScreenContainer from '../../../shared/Containers/ScreenContainer';
 import { clearError, connectSelector, createMobileAuth, resetNIDScreen, resetCivilScreen, resetOTPScreen, resetStore } from '../../../app/connect/connectStore';
 import { useLanguage } from '../../../../hooks';
 import Divider from '@mui/material/Divider';
-import { isKW, sendCustomEventToGTM } from '../../../../utils';
+import { deepCopy, isKW, sendCustomEventToGTM } from '../../../../utils';
 import Text from '../../../../components/Text';
 import MIDTitle from './Title';
 import MobileNumber from './MobileNumber';
@@ -103,7 +103,7 @@ var Mobile = function (_a) {
             dispatch(clearError());
     }, [methods.formState.isValid]);
     var onSubmit = function (formData) {
-        dispatch(createMobileAuth(formData));
+        dispatch(createMobileAuth(deepCopy(formData)));
         dispatch(resetNIDScreen());
         dispatch(resetCivilScreen());
     };

package/build/features/connect/screens/NID/NID.js

@@ -22,7 +22,7 @@ import { clearError, connectSelector, createNIDAuth, resetMobileScreen, resetSto
 import Form from '../../../../components/Form';
 import Button, { MobileButton } from '../../../shared/Button';
 import { ScreenContainer } from '../../../shared/Containers';
-import { sendCustomEventToGTM } from '../../../../utils';
+import { deepCopy, sendCustomEventToGTM } from '../../../../utils';
 import Collapse from '../../../../components/Collapse';
 import Box from '@mui/material/Box';
 import Divider from '@mui/material/Divider';
@@ -63,17 +63,21 @@ var NID = function (_a) {
     var dispatch = useAppDispatch();
     var t = useTranslation().t;
     var _c = useAppSelector(connectSelector), data = _c.data, loading = _c.loading, error = _c.error;
+    var _d = data.nidData, dob = _d.dob, nid = _d.nid;
     var settingsStore = useAppSelector(settingsSelector);
     var methods = useForm({
         resolver: yupResolver(NIDValidationSchema),
-        defaultValues: data.nidData,
+        defaultValues: {
+            dob: dob,
+            nid: nid
+        },
         mode: 'onChange'
     });
     React.useEffect(function () {
         handleClearError();
     }, [methods.formState.isValid]);
     var onSubmit = function (data) {
-        dispatch(createNIDAuth(data));
+        dispatch(createNIDAuth(deepCopy(data)));
         dispatch(resetMobileScreen(settingsStore.data.businessCountry));
     };
     var handleCollapseOpenClose = function (flag) {

package/build/features/connect/screens/OTP/OTP.js

@@ -25,7 +25,7 @@ import { AuthForType } from '../../../../@types';
 import { useForm, FormProvider } from 'react-hook-form';
 import { yupResolver } from '@hookform/resolvers/yup';
 import Form from '../../../../components/Form';
-import { maskPhone, maskID, sendCustomEventToGTM } from '../../../../utils';
+import { maskPhone, maskID, sendCustomEventToGTM, deepCopy } from '../../../../utils';
 import { OTPValidation } from './validation';
 import OTPInput from './OTPInput';
 var OTPTitleContainerStyled = styled(Box)(function (_a) {
@@ -78,7 +78,7 @@ var OTP = function () {
         };
     }, [methods.formState.isValid]);
     var onSubmit = function (formData) {
-        dispatch(verifyAuth(formData));
+        dispatch(verifyAuth(deepCopy(formData)));
     };
     var onBack = function () {
         dispatch(handlePrevScreenStep(startWithNID ? 'CONNECT_NID_STEP' : 'CONNECT_MOBILE_STEP'));

package/build/features/connect/screens/OTP/OTPInput.js

@@ -18,7 +18,7 @@ import { styled } from '@mui/material/styles';
 import OTPField from '../../../shared/OTP';
 import { DEFAULT_TIMER_VALUE } from '../../../../constants';
 import { AuthForType } from '../../../../@types';
-import { connectSelector, resendOTPMobile, resendOTPNID } from '../../../app/connect/connectStore';
+import { clearError, connectSelector, resendOTPMobile, resendOTPNID } from '../../../app/connect/connectStore';
 import { useAppDispatch, useAppSelector } from '../../../../hooks';
 import { sendCustomEventToGTM } from '../../../../utils';
 var BoxStyled = styled(Box)(function (_a) {
@@ -34,9 +34,11 @@ var OTPInput = function (_a) {
     var t = useTranslation().t;
     var dispatch = useAppDispatch();
     var otpControl = useController({ name: 'otp', control: control });
-    var data = useAppSelector(connectSelector).data;
+    var _c = useAppSelector(connectSelector), data = _c.data, error = _c.error;
     var startWithNID = data.otpData.authFor === AuthForType.NATIONAL_ID;
     var handleOnOTPChange = function (otp) {
+        if (error)
+            dispatch(clearError());
         otpControl.field.onChange(otp);
     };
     var sendEventAskAnotherOTP = function () {

package/build/features/connectExpress/screens/CivilID/CivilID.js

@@ -27,6 +27,7 @@ import Box from '@mui/material/Box';
 import Divider from '@mui/material/Divider';
 import Text from '../../../../components/Text';
 import IDNumber from './IDNumber';
+import { deepCopy } from '../../../../utils';
 var FormStyled = styled(Form)(function () { return ({
     display: 'flex',
     flexDirection: 'column'
@@ -73,7 +74,7 @@ var CivilID = function (_a) {
         dispatch(resetStore());
     }, []);
     var onSubmit = function (data) {
-        dispatch(createCivilIdAuthAsync(data));
+        dispatch(createCivilIdAuthAsync(deepCopy(data)));
     };
     var onBack = function () {
         dispatch(handlePrevScreenStep());

package/build/features/connectExpress/screens/CivilIDMissed/CivilID.js

@@ -22,6 +22,7 @@ import { clearError, connectExpressSelector, createCivilIDAuthIdentityAsync } fr
 import Form from '../../../../components/Form';
 import Button from '../../../shared/Button';
 import { ScreenContainer } from '../../../shared/Containers';
+import { deepCopy } from '../../../../utils';
 import IDNumber from './IDNumber';
 var FormStyled = styled(Form)(function () { return ({
     display: 'flex',
@@ -42,7 +43,7 @@ var CivilID = function (_a) {
             dispatch(clearError());
     }, [methods.formState.isValid]);
     var onSubmit = function (data) {
-        dispatch(createCivilIDAuthIdentityAsync(data));
+        dispatch(createCivilIDAuthIdentityAsync(deepCopy(data)));
     };
     var onBack = function () {
         dispatch(handlePrevScreenStep());

package/build/features/connectExpress/screens/CollectBusinessInfo/CollectBusinessInfo.js

@@ -15,7 +15,7 @@ import { useForm, FormProvider } from 'react-hook-form';
 import { useTranslation } from 'react-i18next';
 import { yupResolver } from '@hookform/resolvers/yup';
 import { useAppDispatch, useAppSelector, useSetFromDefaultValues, useLanguage, useFormReadOnly, useFormErrorAndUpdateReadOnly, useExcludeReadOnlyFelids } from '../../../../hooks';
-import { isSA } from '../../../../utils';
+import { deepCopy, isSA } from '../../../../utils';
 import { handlePrevScreenStep, settingsSelector } from '../../../../app/settings';
 import Form from '../../../../components/Form';
 import Collapse from '../../../../components/Collapse';
@@ -67,7 +67,7 @@ var CollectBusinessInfo = function (_a) {
             licenseNumber: data.licenseNumber,
             termAndConditionChecked: data.termAndConditionChecked
         };
-        dispatch(updateLeadBusinessDataAsync(getFelids(dataValues)));
+        dispatch(updateLeadBusinessDataAsync(deepCopy(getFelids(dataValues))));
     };
     var onBack = function () {
         dispatch(handlePrevScreenStep());

package/build/features/connectExpress/screens/CollectIndividualInfo/CollectIndividualInfo.js

@@ -18,7 +18,7 @@ import { styled } from '@mui/material/styles';
 import { useAppDispatch, useAppSelector, useExcludeReadOnlyFelids, useFormErrorAndUpdateReadOnly, useFormReadOnly, useSetFromDefaultValues } from '../../../../hooks';
 import { AuthForType } from '../../../../@types';
 import { useLanguage } from '../../../../hooks';
-import { isKW } from '../../../../utils';
+import { deepCopy, isKW } from '../../../../utils';
 import { countriesCode } from '../../../../constants';
 import { handlePrevScreenStep, settingsSelector } from '../../../../app/settings';
 import Form from '../../../../components/Form';
@@ -64,7 +64,7 @@ var CollectIndividualInfo = function (_a) {
             methods.setValue('countryCode', countryCode);
     }, [countryCode]);
     var onSubmit = function (formData) {
-        dispatch(updateLeadIndividualAsync(getFelids(formData)));
+        dispatch(updateLeadIndividualAsync(deepCopy(getFelids(formData))));
     };
     var onBack = function () {
         var _a;

package/build/features/connectExpress/screens/IdentityOTP/OTP.js

@@ -25,7 +25,7 @@ import { AuthForType } from '../../../../@types';
 import { useForm, FormProvider } from 'react-hook-form';
 import { yupResolver } from '@hookform/resolvers/yup';
 import Form from '../../../../components/Form';
-import { maskPhone, maskID } from '../../../../utils';
+import { maskPhone, maskID, deepCopy } from '../../../../utils';
 import { OTPValidation } from './validation';
 import OTPInput from './OTPInput';
 var OTPTitleContainerStyled = styled(Box)(function (_a) {
@@ -70,10 +70,10 @@ var OTP = function () {
     }, []);
     var onSubmit = function (formData) {
         if (isNidAuth) {
-            dispatch(verifyNIDOtpLeadIdentityAsync(formData));
+            dispatch(verifyNIDOtpLeadIdentityAsync(deepCopy(formData)));
             return;
         }
-        dispatch(verifyMobileOtpAsync(formData));
+        dispatch(verifyMobileOtpAsync(deepCopy(formData)));
     };
     var onBack = function () {
         dispatch(handlePrevScreenStep());