@tap-payments/auth-jsconnect 2.3.6 → 2.3.7

package/build/features/connectExpress/screens/IdentityOTP/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 { resendNIDAuthIdentityOTP, connectExpressSelector } from '../../../app/connectExpress/connectExpressStore';
+import { resendNIDAuthIdentityOTP, connectExpressSelector, clearError } from '../../../app/connectExpress/connectExpressStore';
 import { useAppDispatch, useAppSelector } from '../../../../hooks';
 var BoxStyled = styled(Box)(function (_a) {
     var theme = _a.theme;
@@ -33,10 +33,12 @@ var OTPInput = function (_a) {
     var t = useTranslation().t;
     var dispatch = useAppDispatch();
     var otpControl = useController({ name: 'otp', control: control });
-    var data = useAppSelector(connectExpressSelector).data;
+    var _c = useAppSelector(connectExpressSelector), data = _c.data, error = _c.error;
     var nidData = data.nidData;
     var isNidAuth = data.otpData.authFor === AuthForType.NATIONAL_ID;
     var handleOnOTPChange = function (otp) {
+        if (error)
+            dispatch(clearError());
         otpControl.field.onChange(otp);
     };
     var handleOnResendOTP = function () {

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

@@ -30,6 +30,7 @@ import MobileNumber from './MobileNumber';
 import { PhoneValidationSchema } from './validation';
 import { ICONS_NAMES } from '../../../../constants';
 import TAC from './TAC';
+import { deepCopy } from '../../../../utils';
 var FormStyled = styled(Form)(function () { return ({
     display: 'flex',
     flexDirection: 'column'
@@ -91,7 +92,7 @@ var Mobile = function (_a) {
         dispatch(resetStore());
     }, []);
     var onSubmit = function (formData) {
-        dispatch(createMobileAuthAsync(formData));
+        dispatch(createMobileAuthAsync(deepCopy(formData)));
     };
     var onBack = function () {
         var screen = isKuwait ? 'CONNECT_EXPRESS_CIVIL_ID_STEP' : 'CONNECT_EXPRESS_NID_STEP';

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

@@ -29,6 +29,7 @@ import Text from '../../../../components/Text';
 import IDNumber from './IDNumber';
 import DOB from './DOB';
 import TAC from './TAC';
+import { deepCopy } from '../../../../utils';
 var FormStyled = styled(Form)(function () { return ({
     display: 'flex',
     flexDirection: 'column'
@@ -77,7 +78,7 @@ var NID = function (_a) {
     React.useEffect(function () {
     }, []);
     var onSubmit = function (data) {
-        dispatch(createNIDAuthAsync(data));
+        dispatch(createNIDAuthAsync(deepCopy(data)));
     };
     var handleCollapseOpenClose = function (flag) {
         setCollapse(flag);

package/build/features/connectExpress/screens/NIDMissed/NID.js

@@ -25,6 +25,7 @@ import { ScreenContainer } from '../../../shared/Containers';
 import Collapse from '../../../../components/Collapse';
 import IDNumber from './IDNumber';
 import DOB from './DOB';
+import { deepCopy } from '../../../../utils';
 var FormStyled = styled(Form)(function () { return ({
     display: 'flex',
     flexDirection: 'column'
@@ -45,7 +46,7 @@ var NID = function (_a) {
             dispatch(clearError());
     }, [methods.formState.isValid]);
     var onSubmit = function (data) {
-        dispatch(createNIDAuthIdentityAsync(data));
+        dispatch(createNIDAuthIdentityAsync(deepCopy(data)));
     };
     var handleCollapseOpenClose = function (flag) {
         setCollapse(flag);

package/build/features/connectExpress/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 } 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(verifyNIDOtpAsync(formData));
+            dispatch(verifyNIDOtpAsync(deepCopy(formData)));
             return;
         }
-        dispatch(verifyMobileOtpAsync(formData));
+        dispatch(verifyMobileOtpAsync(deepCopy(formData)));
     };
     var onBack = function () {
         var screen = isNidAuth ? 'CONNECT_EXPRESS_NID_STEP' : 'CONNECT_EXPRESS_MOBILE_STEP';

package/build/features/connectExpress/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 { resendMobileAuthOTP, resendNIDAuthOTP, connectExpressSelector } from '../../../app/connectExpress/connectExpressStore';
+import { resendMobileAuthOTP, resendNIDAuthOTP, connectExpressSelector, clearError } from '../../../app/connectExpress/connectExpressStore';
 import { useAppDispatch, useAppSelector } from '../../../../hooks';
 var BoxStyled = styled(Box)(function (_a) {
     var theme = _a.theme;
@@ -33,10 +33,12 @@ var OTPInput = function (_a) {
     var t = useTranslation().t;
     var dispatch = useAppDispatch();
     var otpControl = useController({ name: 'otp', control: control });
-    var data = useAppSelector(connectExpressSelector).data;
+    var _c = useAppSelector(connectExpressSelector), data = _c.data, error = _c.error;
     var mobileData = data.mobileData, nidData = data.nidData, responseData = data.responseData;
     var isNidAuth = data.otpData.authFor === AuthForType.NATIONAL_ID;
     var handleOnOTPChange = function (otp) {
+        if (error)
+            dispatch(clearError());
         otpControl.field.onChange(otp);
     };
     var handleOnResendOTP = function () {

package/build/features/entity/screens/EntityCapital/EntityCapital.js

@@ -16,7 +16,7 @@ import { useTranslation } from 'react-i18next';
 import { styled } from '@mui/material/styles';
 import Collapse from '@mui/material/Collapse';
 import { useAppDispatch, useAppSelector, useDataNoneEditable, useFormReadOnly, useLanguage, useSetFromDefaultValues, useFormErrorAndUpdateReadOnly, useExcludeReadOnlyFelids, useDataVerified } from '../../../../hooks';
-import { removeAllCharsFromNumber } from '../../../../utils';
+import { deepCopy, removeAllCharsFromNumber } from '../../../../utils';
 import { clearError, entitySelector, updateEntityCapital } from '../../../app/entity/entityStore';
 import { yupResolver } from '@hookform/resolvers/yup';
 import { handlePrevScreenStep } from '../../../../app/settings';
@@ -68,7 +68,7 @@ var EntityCapital = function (_a) {
     var isCapitalShareCountVerified = dataVerified['capital.shares.count'] && ((_d = (_c = capital === null || capital === void 0 ? void 0 : capital.shares) === null || _c === void 0 ? void 0 : _c.count) === null || _d === void 0 ? void 0 : _d.toString()) === ((_e = watch('capitalShareCount')) === null || _e === void 0 ? void 0 : _e.toString());
     var isCapitalShareValueVerified = dataVerified['capital.shares.value'] && ((_g = (_f = capital === null || capital === void 0 ? void 0 : capital.shares) === null || _f === void 0 ? void 0 : _f.value) === null || _g === void 0 ? void 0 : _g.toString()) === removeAllCharsFromNumber(watch('capitalShareValue'));
     var onSubmit = function (data) {
-        dispatch(updateEntityCapital(getFelids(data)));
+        dispatch(updateEntityCapital(deepCopy(getFelids(data))));
     };
     var onBack = function () {
         dispatch(handlePrevScreenStep());

package/build/features/entity/screens/EntityName/EntityName.js

@@ -17,7 +17,7 @@ import { yupResolver } from '@hookform/resolvers/yup';
 import { styled } from '@mui/material/styles';
 import { useAppDispatch, useAppSelector, useDataNoneEditable, useFormReadOnly, useLanguage, useSetFromDefaultValues, useFormErrorAndUpdateReadOnly, useExcludeReadOnlyFelids, useDataVerified } from '../../../../hooks';
 import { handlePrevScreenStep, settingsSelector } from '../../../../app/settings';
-import { convertToEnglishDateFormat, getFileDetailsFromDocument, isKW, isSA } from '../../../../utils';
+import { convertToEnglishDateFormat, deepCopy, getFileDetailsFromDocument, isKW, isSA } from '../../../../utils';
 import { BusinessType, DocumentPurpose } from '../../../../@types';
 import Form from '../../../../components/Form';
 import Collapse from '../../../../components/Collapse';
@@ -107,7 +107,7 @@ var EntityName = function (_a) {
     var isExpiryDateVerified = dataVerified['license.expiry_date'] && expDateRes === watch('expiryDate');
     var isArticleIdVerified = dataVerified['AOA_file_id'];
     var onSubmit = function (data) {
-        dispatch(updateEntityName(getFelids(data)));
+        dispatch(updateEntityName(deepCopy(getFelids(data))));
     };
     var handleIssueDateOpenClose = function (flag) {
         setIssueAnchorEl(flag);

package/build/features/entity/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 { entitySelector, resendOTP } from '../../../app/entity/entityStore';
+import { clearError, entitySelector, resendOTP } from '../../../app/entity/entityStore';
 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(entitySelector).error;
     var handleOnOTPChange = function (otp) {
+        if (error)
+            dispatch(clearError());
         otpControl.field.onChange(otp);
     };
     var handleOnResendOTP = function () {

package/build/features/entity/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(verifyEntityLeadOTP(formData));
+        dispatch(verifyEntityLeadOTP(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/individual/screens/AdditionalIndividualInfo/AdditionalIndividualInfo.js

@@ -19,7 +19,7 @@ import Box from '@mui/material/Box';
 import { alpha, styled } from '@mui/material/styles';
 import { useAppDispatch, useAppSelector, useSetFromDefaultValues, useLanguage, useFormReadOnly, useDataNoneEditable, useFormErrorAndUpdateReadOnly, useExcludeReadOnlyFelids, useDataVerified } from '../../../../hooks';
 import { DocumentPurpose, IndividualType } from '../../../../@types';
-import { getIndividualType, isSA } from '../../../../utils';
+import { deepCopy, getIndividualType, isSA } from '../../../../utils';
 import Form from '../../../../components/Form';
 import Collapse from '../../../../components/Collapse';
 import Text from '../../../../components/Text';
@@ -106,7 +106,7 @@ var AdditionalIndividualInfo = function (_a) {
     var _f = React.useState(), listActive = _f[0], setListActive = _f[1];
     var isSACountry = React.useMemo(function () { return isSA(settingsData.businessCountry.iso2); }, [settingsData.businessCountry.iso2]);
     var onSubmit = function (data) {
-        dispatch(updateIndividualInfo(getFelids(data)));
+        dispatch(updateIndividualInfo(deepCopy(getFelids(data))));
     };
     var onBack = function () {
         dispatch(handleCurrentActiveScreen('INDIVIDUAL_PERSONAL_INDIVIDUAL_INFO_STEP'));

package/build/features/individual/screens/IndividualPersonalInfo/IndividualPersonalInfo.js

@@ -18,7 +18,7 @@ import { handleCurrentActiveScreen, handlePrevScreenStep, settingsSelector } fro
 import Box from '@mui/material/Box';
 import { alpha, styled } from '@mui/material/styles';
 import { useAppDispatch, useAppSelector, useSetFromDefaultValues, useLanguage, useFormReadOnly, useDataNoneEditable, useFormErrorAndUpdateReadOnly, useExcludeReadOnlyFelids, useDataVerified } from '../../../../hooks';
-import { convertToEnglishDateFormat, getUserName } from '../../../../utils';
+import { convertToEnglishDateFormat, deepCopy, getUserName } from '../../../../utils';
 import Form from '../../../../components/Form';
 import Collapse from '../../../../components/Collapse';
 import Text from '../../../../components/Text';
@@ -136,7 +136,7 @@ var IndividualPersonalInfo = function (_a) {
     var isBirthCityVerified = dataVerified['birth.city'] && ((_h = birth === null || birth === void 0 ? void 0 : birth.city) === null || _h === void 0 ? void 0 : _h.cityId) === ((_j = watch('placeOfBirthCity')) === null || _j === void 0 ? void 0 : _j.id);
     var isNationalityVerified = dataVerified['nationality'] && nationalityRes === ((_k = watch('nationality')) === null || _k === void 0 ? void 0 : _k.iso2);
     var onSubmit = function (data) {
-        dispatch(updateIndividualPersonalInfo(getFelids(data)));
+        dispatch(updateIndividualPersonalInfo(deepCopy(getFelids(data))));
     };
     React.useEffect(function () {
         if (error)

package/build/features/individual/screens/IndividualPhoneInfo/PhoneInfo.js

@@ -25,6 +25,7 @@ import { individualSelector, clearError, updatePhoneInfo } from '../../../app/in
 import Button from '../../../shared/Button';
 import { IndividualPhoneInfoValidationSchema } from './validation';
 import MobileNumber from './MobileNumber';
+import { deepCopy } from '../../../../utils';
 var FormStyled = styled(Form)(function () { return ({
     display: 'flex',
     flexDirection: 'column'
@@ -51,7 +52,7 @@ var PhoneInfo = function (_a) {
     var readOnly = useFormErrorAndUpdateReadOnly(methods, originalReadOnly);
     var getFelids = useExcludeReadOnlyFelids(methods, readOnly).getFelids;
     var onSubmit = function (formData) {
-        dispatch(updatePhoneInfo(getFelids(formData)));
+        dispatch(updatePhoneInfo(deepCopy(getFelids(formData))));
     };
     React.useEffect(function () {
         if (error && methods.formState.isValid)

package/build/features/individual/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 { individualSelector, resendOTP } from '../../../app/individual/individualStore';
+import { clearError, individualSelector, resendOTP } from '../../../app/individual/individualStore';
 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(individualSelector).error;
     var handleOnOTPChange = function (otp) {
+        if (error)
+            dispatch(clearError());
         otpControl.field.onChange(otp);
     };
     var handleOnResendOTP = function () {

package/build/features/individual/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(verifyLeadOTP(formData));
+        dispatch(verifyLeadOTP(deepCopy(formData)));
     };
     var disabled = !methods.formState.isValid || !!error || !phone || resendLoading;
     var dataLoading = loading || cityLoading;

package/build/features/password/screens/CreatePassword/CreatePassword.js

@@ -27,6 +27,7 @@ import { PasswordValidation } from './validation';
 import Password from './Password';
 import { createPassword, passwordSelector, storePasswordScreen } from '../../../app/password/passwordStore';
 import { useSelector } from 'react-redux';
+import { deepCopy } from '../../../../utils';
 var InputsContainerStyled = styled(Box)(function (_a) {
     var theme = _a.theme;
     return ({
@@ -52,11 +53,11 @@ var CreatePassword = function (_a) {
     useSetFromDefaultValues(methods, data.passwordData);
     var onSubmit = function (data) {
         if (operationType === PASSWORD_OPERATION_TYPE.RESET_PASSWORD) {
-            dispatch(storePasswordScreen(data));
+            dispatch(storePasswordScreen(deepCopy(data)));
             dispatch(handleNextScreenStep('PASSWORD_RESET_PASSWORD_OTP_STEP'));
             return;
         }
-        dispatch(createPassword(data));
+        dispatch(createPassword(deepCopy(data)));
     };
     var onBack = function () {
         dispatch(handleCurrentActiveScreen('PASSWORD_SUCCESS_FOUR_FLOWS_BUTTONS_STEP'));

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

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

package/build/features/password/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 { useAppDispatch } from '../../../../hooks';
-import { resendOperationOTP } from '../../../../features/app/password/passwordStore';
+import { useAppDispatch, useAppSelector } from '../../../../hooks';
+import { clearError, passwordSelector, resendOperationOTP } from '../../../../features/app/password/passwordStore';
 var BoxStyled = styled(Box)(function (_a) {
     var theme = _a.theme;
     return ({
@@ -32,7 +32,10 @@ var OTPInput = function (_a) {
     var t = useTranslation().t;
     var dispatch = useAppDispatch();
     var otpControl = useController({ name: 'otp', control: control });
+    var error = useAppSelector(passwordSelector).error;
     var handleOnOTPChange = function (otp) {
+        if (error)
+            dispatch(clearError());
         otpControl.field.onChange(otp);
     };
     var handleOnResendOTP = function () {

package/build/features/password/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 { passwordSelector, resendOTP } from '../../../app/password/passwordStore';
+import { clearError, passwordSelector, resendOTP } from '../../../app/password/passwordStore';
 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(passwordSelector).error;
     var handleOnOTPChange = function (otp) {
+        if (error)
+            dispatch(clearError());
         otpControl.field.onChange(otp);
     };
     var handleOnResendOTP = function () {

package/build/features/password/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(verifyPasswordLeadOTP(formData));
+        dispatch(verifyPasswordLeadOTP(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 || resendLoading, isAr: isAr, loading: loading, error: t(error || '') }, { children: t('next') }))] })) })) }));

package/build/features/signIn/screens/Email/Email.js

@@ -21,6 +21,7 @@ import { clearError, signInSelector, createEmailAuth } from '../../../app/signIn
 import Form from '../../../../components/Form';
 import Button, { MobileButton } from '../../../shared/Button';
 import { ScreenContainer } from '../../../shared/Containers';
+import { deepCopy } from '../../../../utils';
 import Collapse from '../../../../components/Collapse';
 import Box from '@mui/material/Box';
 import Divider from '@mui/material/Divider';
@@ -81,7 +82,7 @@ var Email = function (_a) {
         handleClearError();
     }, [methods.formState.isValid]);
     var onSubmit = function (data) {
-        dispatch(createEmailAuth(data));
+        dispatch(createEmailAuth(deepCopy(data)));
     };
     var handleClearError = function () {
         if (error)

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

@@ -24,6 +24,7 @@ import { handlePrevScreenStep, settingsSelector } from '../../../../app/settings
 import ScreenContainer from '../../../shared/Containers/ScreenContainer';
 import { clearError, createMobileAuth, signInSelector } from '../../../app/signIn/signInStore';
 import { useLanguage } from '../../../../hooks';
+import { deepCopy } from '../../../../utils';
 import Divider from '@mui/material/Divider';
 import Text from '../../../../components/Text';
 import MobileNumber from './MobileNumber';
@@ -98,7 +99,7 @@ var Mobile = function (_a) {
             dispatch(clearError());
     }, [methods.formState.isValid]);
     var onSubmit = function (data) {
-        dispatch(createMobileAuth(data));
+        dispatch(createMobileAuth(deepCopy(data)));
     };
     var onBack = function () {
         dispatch(handlePrevScreenStep());

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

@@ -35,7 +35,7 @@ import { useLanguage } from '../../../../hooks';
 import { useForm, FormProvider } from 'react-hook-form';
 import { yupResolver } from '@hookform/resolvers/yup';
 import Form from '../../../../components/Form';
-import { maskPhone, maskEmail } from '../../../../utils';
+import { maskPhone, maskEmail, deepCopy } from '../../../../utils';
 import { OTPValidation } from './validation';
 import OTPInput from './OTPInput';
 var OTPTitleContainerStyled = styled(Box)(function (_a) {
@@ -79,7 +79,7 @@ var OTP = function () {
         };
     }, [methods.formState.isValid]);
     var onSubmit = function (formData) {
-        dispatch(verifyAuthOTP(formData));
+        dispatch(verifyAuthOTP(deepCopy(formData)));
     };
     var onBack = function () {
         dispatch(handlePrevScreenStep(isEmail ? 'SIGIN_EMAIL_STEP' : 'SIGIN_MOBILE_STEP'));

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

@@ -17,7 +17,7 @@ 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 { signInSelector, resendOTPMobile, resendOTPEmail } from '../../../app/signIn/signInStore';
+import { signInSelector, resendOTPMobile, resendOTPEmail, clearError } from '../../../app/signIn/signInStore';
 import { useAppDispatch, useAppSelector } from '../../../../hooks';
 var BoxStyled = styled(Box)(function (_a) {
     var theme = _a.theme;
@@ -32,9 +32,11 @@ var OTPInput = function (_a) {
     var t = useTranslation().t;
     var dispatch = useAppDispatch();
     var otpControl = useController({ name: 'otp', control: control });
-    var data = useAppSelector(signInSelector).data;
+    var _c = useAppSelector(signInSelector), data = _c.data, error = _c.error;
     var isEmail = !!data.auth.email;
     var handleOnOTPChange = function (otp) {
+        if (error)
+            dispatch(clearError());
         otpControl.field.onChange(otp);
     };
     var handleOnResendOTP = function () {

package/build/features/signIn/screens/Password/Password.js

@@ -34,6 +34,7 @@ import Form from '../../../../components/Form';
 import { useLanguage } from '../../../../hooks';
 import ScreenContainer from '../../../shared/Containers/ScreenContainer';
 import Button from '../../../shared/Button';
+import { deepCopy } from '../../../../utils';
 import { signInSelector, verifyAuthPassword } from '../../../app/signIn/signInStore';
 import PasswordInput from './PasswordInput';
 import { PasswordValidation } from './validation';
@@ -57,7 +58,7 @@ var Password = function (_a) {
     });
     useSetFromDefaultValues(methods, defaultValues);
     var onSubmit = function (data) {
-        dispatch(verifyAuthPassword(data));
+        dispatch(verifyAuthPassword(deepCopy(data)));
     };
     var onBack = function () {
         dispatch(handlePrevScreenStep(isEmail ? 'SIGIN_EMAIL_STEP' : 'SIGIN_MOBILE_STEP'));

package/build/features/tax/screens/TaxDetails/TaxDetails.js

@@ -19,7 +19,7 @@ import Form from '../../../../components/Form';
 import { useAppDispatch, useLanguage, useAppSelector, useSetFromDefaultValues, useFormReadOnly, useDataNoneEditable, useFormErrorAndUpdateReadOnly, useExcludeReadOnlyFelids, useDataVerified } from '../../../../hooks';
 import { handlePrevScreenStep, settingsSelector } from '../../../../app/settings';
 import { DocumentPurpose } from '../../../../@types';
-import { getFileDetailsFromDocument, isSA } from '../../../../utils';
+import { deepCopy, getFileDetailsFromDocument, isSA } from '../../../../utils';
 import { ScreenContainer } from '../../../shared/Containers';
 import Button from '../../../shared/Button';
 import { retrieveBoardStatus, taxSelector, updateTaxInfo } from '../../../app/tax/taxStore';
@@ -61,7 +61,7 @@ var TaxDetails = function () {
     var isAr = useLanguage().isAr;
     var isSACountry = React.useMemo(function () { return isSA(settingsData.businessCountry.iso2); }, [settingsData.businessCountry.iso2]);
     var onSubmit = function (data) {
-        dispatch(updateTaxInfo(getFelids(data)));
+        dispatch(updateTaxInfo(deepCopy(getFelids(data))));
     };
     var onBack = function () {
         if ((flows === null || flows === void 0 ? void 0 : flows.length) > 0) {

package/build/features/tax/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 { resendOTP, taxSelector } from '../../../app/tax/taxStore';
+import { clearError, resendOTP, taxSelector } from '../../../app/tax/taxStore';
 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(taxSelector).error;
     var handleOnOTPChange = function (otp) {
+        if (error)
+            dispatch(clearError());
         otpControl.field.onChange(otp);
     };
     var handleOnResendOTP = function () {

package/build/features/tax/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';
@@ -67,7 +67,7 @@ var VerifyNumber = function (_a) {
         };
     }, [methods.formState.isValid]);
     var onSubmit = function (formData) {
-        dispatch(verifyTaxLeadOTP(formData));
+        dispatch(verifyTaxLeadOTP(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/utils/object.d.ts

@@ -7,3 +7,4 @@ export declare const hasKeyValue: (obj: any, path: string, value: string | numbe
 export declare const hasNoneEditableValue: (obj: any, path: string) => boolean;
 export declare const hasEditableValue: (obj: any, path: string) => boolean;
 export declare const hasVerifiedValue: (obj: any, path: string) => boolean;
+export declare function deepCopy(obj: any): any;

package/build/utils/object.js

@@ -50,3 +50,17 @@ export var hasVerifiedValue = function (obj, path) {
     var value = VerificationStatus.VERIFIED;
     return hasKeyValue(obj, path, value);
 };
+export function deepCopy(obj) {
+    if (typeof obj !== 'object') {
+        return obj;
+    }
+    if (Array.isArray(obj)) {
+        return obj.map(function (item) { return deepCopy(item); });
+    }
+    var newObj = {};
+    for (var key in obj) {
+        var value = obj[key];
+        newObj[key] = deepCopy(value);
+    }
+    return newObj;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@tap-payments/auth-jsconnect",
-	"version": "2.3.6",
+	"version": "2.3.7",
 	"description": "connect library, auth",
 	"private": false,
 	"main": "build/index.js",