@tap-payments/auth-jsconnect 2.0.55 → 2.0.56

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

@@ -17,7 +17,7 @@ import { useTranslation } from 'react-i18next';
 import { handleCurrentActiveScreen, settingsSelector } from '../../../../app/settings';
 import Box from '@mui/material/Box';
 import { alpha, styled } from '@mui/material/styles';
-import { useAppDispatch, useAppSelector, useSetFromDefaultValues, useLanguage, useFormReadOnly, useDataNoneEditable, useFormErrorAndUpdateReadOnly } from '../../../../hooks';
+import { useAppDispatch, useAppSelector, useSetFromDefaultValues, useLanguage, useFormReadOnly, useDataNoneEditable, useFormErrorAndUpdateReadOnly, useExcludeReadOnlyFelids } from '../../../../hooks';
 import { DocumentPurpose, IndividualType } from '../../../../@types';
 import { isSA } from '../../../../utils';
 import Form from '../../../../components/Form';
@@ -80,10 +80,27 @@ var AdditionalIndividualInfo = function (_a) {
         mode: 'onChange'
     });
     useSetFromDefaultValues(methods, data.individualData, true);
+    var defaultCivilIdFiles = React.useMemo(function () { return getFileDetailsFromDocument(user === null || user === void 0 ? void 0 : user.documents, DocumentPurpose.IDENTITY_DOCUMENT); }, [user === null || user === void 0 ? void 0 : user.documents]);
+    var defaultSignatureFiles = React.useMemo(function () { return getFileDetailsFromDocument(user === null || user === void 0 ? void 0 : user.documents, DocumentPurpose.CUSTOMER_SIGNATURE); }, [user === null || user === void 0 ? void 0 : user.documents]);
+    var originalReadOnly = useFormReadOnly(methods, {
+        isPEP: typeof isPEP === 'boolean',
+        isInfluencer: typeof isInfluencer === 'boolean',
+        civilID: defaultCivilIdFiles,
+        signatureFileId: defaultSignatureFiles
+    });
+    var noneEditable = useDataNoneEditable(user === null || user === void 0 ? void 0 : user.data_status, [
+        'occupation',
+        'source_of_income',
+        'monthly_income',
+        'is_relative_PEP',
+        'is_influencer'
+    ]);
+    var readOnly = useFormErrorAndUpdateReadOnly(methods, originalReadOnly, noneEditable);
+    var getFelids = useExcludeReadOnlyFelids(methods, readOnly).getFelids;
     var _d = React.useState(), listActive = _d[0], setListActive = _d[1];
     var isSACountry = React.useMemo(function () { return isSA(settingsData.businessCountry.iso2); }, [settingsData.businessCountry.iso2]);
     var onSubmit = function (data) {
-        dispatch(updateIndividualInfo(data));
+        dispatch(updateIndividualInfo(getFelids(data)));
     };
     var onBack = function () {
         dispatch(handleCurrentActiveScreen('INDIVIDUAL_PERSONAL_INDIVIDUAL_INFO_STEP'));
@@ -106,22 +123,6 @@ var AdditionalIndividualInfo = function (_a) {
             return t('type_board_member');
         return t('type_user');
     };
-    var defaultCivilIdFiles = React.useMemo(function () { return getFileDetailsFromDocument(user === null || user === void 0 ? void 0 : user.documents, DocumentPurpose.IDENTITY_DOCUMENT); }, [user === null || user === void 0 ? void 0 : user.documents]);
-    var defaultSignatureFiles = React.useMemo(function () { return getFileDetailsFromDocument(user === null || user === void 0 ? void 0 : user.documents, DocumentPurpose.CUSTOMER_SIGNATURE); }, [user === null || user === void 0 ? void 0 : user.documents]);
-    var originalReadOnly = useFormReadOnly(methods, {
-        isPEP: typeof isPEP === 'boolean',
-        isInfluencer: typeof isInfluencer === 'boolean',
-        civilID: defaultCivilIdFiles,
-        signatureFileId: defaultSignatureFiles
-    });
-    var noneEditable = useDataNoneEditable(user === null || user === void 0 ? void 0 : user.data_status, [
-        'occupation',
-        'source_of_income',
-        'monthly_income',
-        'is_relative_PEP',
-        'is_influencer'
-    ]);
-    var readOnly = useFormErrorAndUpdateReadOnly(methods, originalReadOnly, noneEditable);
     var showSignatureFile = (user === null || user === void 0 ? void 0 : user.type) === IndividualType.USER || (user === null || user === void 0 ? void 0 : user.type) === IndividualType.BUYER;
     var showOccupationFile = (user === null || user === void 0 ? void 0 : user.type) === IndividualType.USER || (user === null || user === void 0 ? void 0 : user.type) === IndividualType.BUYER;
     var showSourceOfIncome = (user === null || user === void 0 ? void 0 : user.type) === IndividualType.USER || (user === null || user === void 0 ? void 0 : user.type) === IndividualType.BUYER;

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

@@ -17,7 +17,7 @@ import { useTranslation } from 'react-i18next';
 import { handleCurrentActiveScreen, handlePrevScreenStep, settingsSelector } from '../../../../app/settings';
 import Box from '@mui/material/Box';
 import { alpha, styled } from '@mui/material/styles';
-import { useAppDispatch, useAppSelector, useSetFromDefaultValues, useLanguage, useFormReadOnly, useDataNoneEditable, useFormErrorAndUpdateReadOnly } from '../../../../hooks';
+import { useAppDispatch, useAppSelector, useSetFromDefaultValues, useLanguage, useFormReadOnly, useDataNoneEditable, useFormErrorAndUpdateReadOnly, useExcludeReadOnlyFelids } from '../../../../hooks';
 import { IndividualType } from '../../../../@types';
 import Form from '../../../../components/Form';
 import Collapse from '../../../../components/Collapse';
@@ -101,8 +101,9 @@ var IndividualPersonalInfo = function (_a) {
         'nationality'
     ]);
     var readOnly = useFormErrorAndUpdateReadOnly(methods, originalReadOnly, noneEditable);
+    var getFelids = useExcludeReadOnlyFelids(methods, readOnly).getFelids;
     var onSubmit = function (data) {
-        dispatch(updateIndividualPersonalInfo(data));
+        dispatch(updateIndividualPersonalInfo(getFelids(data)));
     };
     React.useEffect(function () {
         if (error)

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

@@ -16,7 +16,7 @@ import { useForm, FormProvider } from 'react-hook-form';
 import { yupResolver } from '@hookform/resolvers/yup';
 import { styled } from '@mui/material/styles';
 import { settingsSelector } from '../../../../app/settings';
-import { useAppDispatch, useFormErrorAndUpdateReadOnly, useFormReadOnly, useSetFromDefaultValues } from '../../../../hooks';
+import { useAppDispatch, useExcludeReadOnlyFelids, useFormErrorAndUpdateReadOnly, useFormReadOnly, useSetFromDefaultValues } from '../../../../hooks';
 import { useLanguage, useAppSelector } from '../../../../hooks';
 import Form from '../../../../components/Form';
 import Collapse from '../../../../components/Collapse';
@@ -49,8 +49,9 @@ var PhoneInfo = function (_a) {
     var _d = React.useState(), listActive = _d[0], setListActive = _d[1];
     var originalReadOnly = useFormReadOnly(methods);
     var readOnly = useFormErrorAndUpdateReadOnly(methods, originalReadOnly);
+    var getFelids = useExcludeReadOnlyFelids(methods, readOnly).getFelids;
     var onSubmit = function (formData) {
-        dispatch(updatePhoneInfo(formData));
+        dispatch(updatePhoneInfo(getFelids(formData)));
     };
     React.useEffect(function () {
         if (error && methods.formState.isValid)

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

@@ -1,16 +1,21 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { Trans, useTranslation } from 'react-i18next';
+import { handlePrevScreenStep } from '../../../../app/settings';
 import SuccessScreen from '../../../shared/SuccessScreen';
 import { maskEmail } from '../../../../utils';
 import { individualSelector } from '../../../../features/app/individual/individualStore';
-import { useAppSelector } from '../../../../hooks';
+import { useAppSelector, useAppDispatch } from '../../../../hooks';
 var ResetPasswordSuccess = function (_a) {
     var _b, _c;
     var t = useTranslation().t;
+    var dispatch = useAppDispatch();
     var data = useAppSelector(individualSelector).data;
     var email = (((_c = (_b = data.verify.responseBody) === null || _b === void 0 ? void 0 : _b.business) === null || _c === void 0 ? void 0 : _c.primary_contact) || {}).email;
     var maskedEmail = maskEmail(email);
-    return (_jsx(SuccessScreen, { title: t("reset_password_success_title"), description: _jsx(Trans, { i18nKey: 'reset_password_success_description_dev', values: { email: maskedEmail } }), showEmailProviders: true }));
+    var onBack = function () {
+        dispatch(handlePrevScreenStep());
+    };
+    return (_jsx(SuccessScreen, { title: t("reset_password_success_title"), description: _jsx(Trans, { i18nKey: 'reset_password_success_description_dev', values: { email: maskedEmail } }), showEmailProviders: true, enableBack: true, onBack: function () { return onBack(); } }));
 };
 export default React.memo(ResetPasswordSuccess);

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

@@ -9,17 +9,6 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import { useForm, FormProvider } from 'react-hook-form';
@@ -49,14 +38,18 @@ var CreatePassword = function (_a) {
     var isAr = useLanguage().isAr;
     var dispatch = useAppDispatch();
     var _b = useSelector(passwordSelector), data = _b.data, loading = _b.loading, error = _b.error;
-    var operationType = data.verify.operationType;
-    var _c = data.passwordData, responseBody = _c.responseBody, defaultValues = __rest(_c, ["responseBody"]);
+    var _c = data.verify, operationType = _c.operationType, responseBody = _c.responseBody;
+    var _d = data.passwordData, password = _d.password, confirmPassword = _d.confirmPassword;
+    var flows = (responseBody || {}).flows;
     var methods = useForm({
         resolver: yupResolver(PasswordValidation),
-        defaultValues: defaultValues,
+        defaultValues: {
+            password: password,
+            confirmPassword: confirmPassword
+        },
         mode: 'onChange'
     });
-    useSetFromDefaultValues(methods, defaultValues);
+    useSetFromDefaultValues(methods, data.passwordData);
     var onSubmit = function (data) {
         if (operationType === PASSWORD_OPERATION_TYPE.RESET_PASSWORD) {
             dispatch(storePasswordScreen(data));
@@ -68,6 +61,6 @@ var CreatePassword = function (_a) {
     var onBack = function () {
         dispatch(handleCurrentActiveScreen('PASSWORD_SUCCESS_FOUR_FLOWS_BUTTONS_STEP'));
     };
-    return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(Form, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(InputsContainerStyled, { children: _jsx(Password, {}) }), _jsx(Button, __assign({ onBackClicked: function () { return onBack(); }, isAr: isAr, disableBack: true, disabled: !methods.formState.isValid, loading: loading, error: t(error || '') }, { children: t('next') }))] })) })) }));
+    return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(Form, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(InputsContainerStyled, { children: _jsx(Password, {}) }), _jsx(Button, __assign({ disableBack: !(flows === null || flows === void 0 ? void 0 : flows.length), onBackClicked: function () { return onBack(); }, isAr: isAr, disabled: !methods.formState.isValid, loading: loading, error: t(error || '') }, { children: t('next') }))] })) })) }));
 };
 export default React.memo(CreatePassword);

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

@@ -1,16 +1,21 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { Trans, useTranslation } from 'react-i18next';
+import { handlePrevScreenStep } from '../../../../app/settings';
 import SuccessScreen from '../../../shared/SuccessScreen';
-import { useAppSelector } from '../../../../hooks';
+import { useAppSelector, useAppDispatch } from '../../../../hooks';
 import { maskEmail } from '../../../../utils';
 import { passwordSelector } from '../../../app/password/passwordStore';
 var ResetPasswordSuccess = function (_a) {
     var _b, _c;
     var t = useTranslation().t;
+    var dispatch = useAppDispatch();
     var data = useAppSelector(passwordSelector).data;
     var email = (((_c = (_b = data.verify.responseBody) === null || _b === void 0 ? void 0 : _b.business) === null || _c === void 0 ? void 0 : _c.primary_contact) || {}).email;
     var maskedEmail = maskEmail(email);
-    return (_jsx(SuccessScreen, { title: t("reset_password_success_title"), description: _jsx(Trans, { i18nKey: 'reset_password_success_description_dev', values: { email: maskedEmail } }), showEmailProviders: true }));
+    var onBack = function () {
+        dispatch(handlePrevScreenStep());
+    };
+    return (_jsx(SuccessScreen, { title: t("reset_password_success_title"), description: _jsx(Trans, { i18nKey: 'reset_password_success_description_dev', values: { email: maskedEmail } }), showEmailProviders: true, enableBack: true, onBack: function () { return onBack(); } }));
 };
 export default React.memo(ResetPasswordSuccess);

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

@@ -9,17 +9,6 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import { useAppDispatch, useSetFromDefaultValues } from '../../../../hooks';
@@ -28,7 +17,6 @@ import { useForm, FormProvider } from 'react-hook-form';
 import { yupResolver } from '@hookform/resolvers/yup';
 import Box from '@mui/material/Box/Box';
 import { styled } from '@mui/material/styles';
-import { handlePrevScreenStep } from '../../../../app/settings';
 import { useLanguage, useAppSelector } from '../../../../hooks';
 import { maskPhone } from '../../../../utils';
 import Form from '../../../../components/Form';
@@ -61,16 +49,18 @@ var VerifyNumber = function (_a) {
     var _b, _c, _d;
     var dispatch = useAppDispatch();
     var _e = useAppSelector(passwordSelector), data = _e.data, loading = _e.loading, error = _e.error;
-    var _f = data.otpData, responseBody = _f.responseBody, defaultValues = __rest(_f, ["responseBody"]);
+    var otp = data.otpData.otp;
     var methods = useForm({
         resolver: yupResolver(OTPValidation),
-        defaultValues: defaultValues,
+        defaultValues: {
+            otp: otp
+        },
         mode: 'onChange'
     });
-    useSetFromDefaultValues(methods, defaultValues);
+    useSetFromDefaultValues(methods, data.otpData);
     var t = useTranslation().t;
     var isAr = useLanguage().isAr;
-    var _g = React.useState(false), resendLoading = _g[0], setResendLoading = _g[1];
+    var _f = React.useState(false), resendLoading = _f[0], setResendLoading = _f[1];
     var phone = (_d = (_c = (_b = data.verify.responseBody) === null || _b === void 0 ? void 0 : _b.contact) === null || _c === void 0 ? void 0 : _c.phone) === null || _d === void 0 ? void 0 : _d.number;
     React.useEffect(function () {
         if (error && methods.formState.isValid && phone)
@@ -82,10 +72,7 @@ var VerifyNumber = function (_a) {
     var onSubmit = function (formData) {
         dispatch(verifyPasswordLeadOTP(formData));
     };
-    var onBack = function () {
-        dispatch(handlePrevScreenStep());
-    };
     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, onBackClicked: function () { return onBack(); }, disabled: disabled || resendLoading, isAr: isAr, loading: loading, error: t(error || '') }, { children: t('next') }))] })) })) }));
+    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') }))] })) })) }));
 };
 export default React.memo(VerifyNumber);

package/build/features/shared/Button/IndividualActionButtons.js

@@ -26,7 +26,7 @@ var ArrowIconStyled = styled(Icon, { shouldForwardProp: function (prop) { return
         height: theme.spacing(2),
         transform: isAr ? 'scaleX(-1)' : 'scaleX(1)',
         marginInlineEnd: theme.spacing(-0.375),
-        verticalAlign: 'middle'
+        verticalAlign: 'unset'
     });
 });
 var CheckIconStyled = styled(CheckIcon)(function (_a) {
@@ -67,7 +67,7 @@ var Image = styled('img')(function (_a) {
         height: theme.spacing(3),
         fontSize: theme.spacing(3),
         marginInlineStart: theme.spacing(1),
-        verticalAlign: 'middle'
+        verticalAlign: 'sub'
     });
 });
 var TextStyled = styled('span')(function () { return ({

package/build/features/shared/SuccessScreen/SuccessScreen.d.ts

@@ -7,6 +7,8 @@ export interface ThankYouProps {
     loading?: boolean;
     error?: string;
     description?: string | React.ReactElement;
+    enableBack?: boolean;
+    onBack?: () => void;
 }
-declare const _default: React.MemoExoticComponent<({ title, description, showEmailProviders, onSuccess, successTitle, loading, error }: ThankYouProps) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ title, description, showEmailProviders, onSuccess, successTitle, loading, error, enableBack, onBack }: ThankYouProps) => JSX.Element>;
 export default _default;

package/build/features/shared/SuccessScreen/SuccessScreen.js

@@ -15,6 +15,7 @@ import { styled } from '@mui/material/styles';
 import * as React from 'react';
 import { useTranslation } from 'react-i18next';
 import Text from '../../../components/Text';
+import Button from '../../../components/Button';
 import Container from '../Containers/ScreenContainer';
 import { EmailProvidersButton, SuccessButton } from '../../shared/Button';
 import Icon from '../../../components/Icon';
@@ -54,9 +55,9 @@ var IconStyled = styled(Icon)(function (_a) {
         _b);
 });
 var ThankYou = function (_a) {
-    var title = _a.title, description = _a.description, showEmailProviders = _a.showEmailProviders, onSuccess = _a.onSuccess, successTitle = _a.successTitle, loading = _a.loading, error = _a.error;
+    var title = _a.title, description = _a.description, showEmailProviders = _a.showEmailProviders, onSuccess = _a.onSuccess, successTitle = _a.successTitle, loading = _a.loading, error = _a.error, enableBack = _a.enableBack, onBack = _a.onBack;
     var t = useTranslation().t;
     var isAr = useLanguage().isAr;
-    return (_jsxs(ContainerStyled, { children: [_jsx(IconStyled, { src: ICONS_NAMES.SUCCESS_GIF, alt: 'loading...' }), _jsxs(TitleStyled, { children: [title, " "] }), _jsx(DescriptionStyled, { children: description }), showEmailProviders && (_jsx(MailBoxStyled, { children: _jsx(EmailProvidersButton, { gmail: { title: t('gmail_btn_open_title'), href: 'https://mail.google.com/mail/u/0/#inbox' }, outlook: { title: t('outlook_btn_open_title'), href: 'https://outlook.live.com/mail/0/' }, apple: { title: t('apple_btn_open_title'), href: 'mailto:' }, mail: { title: t('mail_btn_open_title'), href: 'mailto:' } }) })), onSuccess && !showEmailProviders && (_jsx(MailBoxStyled, { children: _jsx(SuccessButton, __assign({ onClick: onSuccess, disableBack: true, disableNextIcon: true, disabled: loading, isAr: isAr, loading: loading, error: t(error || '') }, { children: t(successTitle || '') })) }))] }));
+    return (_jsxs(ContainerStyled, { children: [_jsx(IconStyled, { src: ICONS_NAMES.SUCCESS_GIF, alt: 'loading...' }), _jsxs(TitleStyled, { children: [title, " "] }), _jsx(DescriptionStyled, { children: description }), showEmailProviders && (_jsx(MailBoxStyled, { children: _jsx(EmailProvidersButton, { gmail: { title: t('gmail_btn_open_title'), href: 'https://mail.google.com/mail/u/0/#inbox' }, outlook: { title: t('outlook_btn_open_title'), href: 'https://outlook.live.com/mail/0/' }, apple: { title: t('apple_btn_open_title'), href: 'mailto:' }, mail: { title: t('mail_btn_open_title'), href: 'mailto:' } }) })), onSuccess && !showEmailProviders && (_jsx(MailBoxStyled, { children: _jsx(SuccessButton, __assign({ onClick: onSuccess, disableBack: true, disableNextIcon: true, disabled: loading, isAr: isAr, loading: loading, error: t(error || '') }, { children: t(successTitle || '') })) })), enableBack && (_jsx(Button, __assign({ sx: { mb: 1.5, mt: 0 }, onClick: function () { return onBack === null || onBack === void 0 ? void 0 : onBack(); }, variant: 'text' }, { children: t('back') })))] }));
 };
 export default React.memo(ThankYou);

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

@@ -1,16 +1,21 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { Trans, useTranslation } from 'react-i18next';
+import { handlePrevScreenStep } from '../../../../app/settings';
 import SuccessScreen from '../../../shared/SuccessScreen';
-import { useAppSelector } from '../../../../hooks';
+import { useAppSelector, useAppDispatch } from '../../../../hooks';
 import { maskEmail } from '../../../../utils';
-import { taxSelector } from '../../../../features/app/tax/taxStore';
+import { taxSelector } from '../../../app/tax/taxStore';
 var ResetPasswordSuccess = function (_a) {
     var _b, _c;
     var t = useTranslation().t;
+    var dispatch = useAppDispatch();
     var data = useAppSelector(taxSelector).data;
     var email = (((_c = (_b = data.verify.responseBody) === null || _b === void 0 ? void 0 : _b.business) === null || _c === void 0 ? void 0 : _c.primary_contact) || {}).email;
     var maskedEmail = maskEmail(email);
-    return (_jsx(SuccessScreen, { title: t("reset_password_success_title"), description: _jsx(Trans, { i18nKey: 'reset_password_success_description_dev', values: { email: maskedEmail } }), showEmailProviders: true }));
+    var onBack = function () {
+        dispatch(handlePrevScreenStep());
+    };
+    return (_jsx(SuccessScreen, { title: t("reset_password_success_title"), description: _jsx(Trans, { i18nKey: 'reset_password_success_description_dev', values: { email: maskedEmail } }), showEmailProviders: true, enableBack: true, onBack: function () { return onBack(); } }));
 };
 export default React.memo(ResetPasswordSuccess);

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

@@ -16,7 +16,7 @@ import { useForm, FormProvider } from 'react-hook-form';
 import { yupResolver } from '@hookform/resolvers/yup';
 import { styled } from '@mui/material/styles';
 import Form from '../../../../components/Form';
-import { useAppDispatch, useLanguage, useAppSelector, useSetFromDefaultValues, useFormReadOnly, useDataNoneEditable, useFormErrorAndUpdateReadOnly } from '../../../../hooks';
+import { useAppDispatch, useLanguage, useAppSelector, useSetFromDefaultValues, useFormReadOnly, useDataNoneEditable, useFormErrorAndUpdateReadOnly, useExcludeReadOnlyFelids } from '../../../../hooks';
 import { handlePrevScreenStep, settingsSelector } from '../../../../app/settings';
 import { DocumentPurpose } from '../../../../@types';
 import { getFileDetailsFromDocument, isSA } from '../../../../utils';
@@ -53,11 +53,12 @@ var TaxDetails = function () {
     var originalReadOnly = useFormReadOnly(methods, { documentId: defaultTaxFiles });
     var noneEditable = useDataNoneEditable(entity === null || entity === void 0 ? void 0 : entity.data_status, ['tax_number', 'documents', 'is_vat_acknowledged']);
     var readOnly = useFormErrorAndUpdateReadOnly(methods, originalReadOnly, noneEditable);
+    var getFelids = useExcludeReadOnlyFelids(methods, readOnly).getFelids;
     var t = useTranslation().t;
     var isAr = useLanguage().isAr;
     var isSACountry = React.useMemo(function () { return isSA(settingsData.businessCountry.iso2); }, [settingsData.businessCountry.iso2]);
     var onSubmit = function (data) {
-        dispatch(updateTaxInfo(data));
+        dispatch(updateTaxInfo(getFelids(data)));
     };
     var onBack = function () {
         if ((flows === null || flows === void 0 ? void 0 : flows.length) > 0) {
@@ -66,6 +67,6 @@ var TaxDetails = function () {
         }
         dispatch(retrieveBoardStatus());
     };
-    return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(VATId, { readOnly: readOnly['vatId'] || noneEditable['tax_number'] }), _jsx(TaxDocument, { show: isSACountry, defaultFiles: defaultTaxFiles, readOnly: readOnly['documentId'] || noneEditable['documents'] }), _jsx(ConfirmPolicy, { readOnly: readOnly['documentId'] || noneEditable['is_vat_acknowledged'] }), _jsx(Button, __assign({ onBackClicked: function () { return onBack(); }, isAr: isAr, disabled: !methods.formState.isValid || uploading, loading: loading, error: t(error || '') }, { children: t('next') }))] })) })) }));
+    return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(VATId, { readOnly: readOnly['vatId'] || noneEditable['tax_number'] }), _jsx(TaxDocument, { show: isSACountry, defaultFiles: defaultTaxFiles, readOnly: readOnly['documentId'] || noneEditable['documents'] }), _jsx(ConfirmPolicy, { readOnly: readOnly['confirmPolicy'] || noneEditable['is_vat_acknowledged'] }), _jsx(Button, __assign({ onBackClicked: function () { return onBack(); }, isAr: isAr, disabled: !methods.formState.isValid || uploading, loading: loading, error: t(error || '') }, { children: t('next') }))] })) })) }));
 };
 export default TaxDetails;

package/build/hooks/index.d.ts

@@ -18,3 +18,4 @@ export * from './useVerifyToken';
 export * from './useFormReadOnly';
 export * from './useDataNoneEditable';
 export * from './useFormErrorAndUpdateReadOnly';
+export * from './useExcludeReadOnlyFelids';

package/build/hooks/index.js

@@ -18,3 +18,4 @@ export * from './useVerifyToken';
 export * from './useFormReadOnly';
 export * from './useDataNoneEditable';
 export * from './useFormErrorAndUpdateReadOnly';
+export * from './useExcludeReadOnlyFelids';

package/build/hooks/useExcludeReadOnlyFelids.d.ts

@@ -0,0 +1,11 @@
+import { FieldValues, UseFormReturn } from 'react-hook-form';
+declare type ReadOnly<TF, V> = {
+    [key in keyof TF]: V;
+};
+export declare const useExcludeReadOnlyFelids: <TF extends FieldValues = FieldValues>({ formState }: UseFormReturn<TF, any>, readOnly: ReadOnly<TF, boolean>) => {
+    getFelids: <T extends TF = TF>(data: T) => {
+        originalFormData: T;
+        formData: T;
+    };
+};
+export {};

package/build/hooks/useExcludeReadOnlyFelids.js

@@ -0,0 +1,33 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { settingsSelector } from '../app/settings';
+import { useAppSelector } from './useAppSelector';
+export var useExcludeReadOnlyFelids = function (_a, readOnly) {
+    var formState = _a.formState;
+    var settingData = useAppSelector(settingsSelector).data;
+    var getFelids = function (data) {
+        if (settingData.boardMaturity !== false)
+            return { originalFormData: data, formData: data };
+        var object = {};
+        var objectCopy = __assign({}, data);
+        for (var key in data) {
+            if (readOnly[key] === true)
+                continue;
+            object[key] = data[key];
+        }
+        return {
+            originalFormData: objectCopy,
+            formData: object
+        };
+    };
+    return { getFelids: getFelids };
+};

package/build/utils/string.d.ts

@@ -69,5 +69,5 @@ export declare const getUserNameObject: (name: string) => {
     last: string;
 };
 export declare const getFileType: (type: string) => "" | "image/jpeg" | "image/png" | "image/jpg" | "application/pdf";
-export declare const isStringMasked: (value: string) => boolean;
+export declare const isStringHasOneAsterisk: (value: string) => boolean;
 export declare const isOtherLicense: (item?: License) => boolean;

package/build/utils/string.js

@@ -298,7 +298,9 @@ export var getFileType = function (type) {
             return '';
     }
 };
-export var isStringMasked = function (value) {
+export var isStringHasOneAsterisk = function (value) {
+    if (!value)
+        return false;
     return value.includes('*') ? true : false;
 };
 export var isOtherLicense = function (item) {

package/package.json

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