@tap-payments/auth-jsconnect 2.3.80-test → 2.3.84-test

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

@@ -15,7 +15,7 @@ import { ScreenContainer } from '../../../shared/Containers';
 import { FormProvider, useForm } from 'react-hook-form';
 import Form from '../../../../components/Form';
 import { styled } from '@mui/material/styles';
-import { useAppDispatch, useAppSelector, useDataNoneEditable, useFormReadOnly, useLanguage, useSetFromDefaultValues, useFormErrorAndUpdateReadOnly } from '../../../../hooks';
+import { useAppDispatch, useAppSelector, useDataNoneEditable, useFormReadOnly, useLanguage, useSetFromDefaultValues, useFormErrorAndUpdateReadOnly, useExcludeReadOnlyFelids } from '../../../../hooks';
 import { yupResolver } from '@hookform/resolvers/yup';
 import { BrandActivitiesValidationSchema } from './validation';
 import Button from '../../../shared/Button';
@@ -70,8 +70,9 @@ var BrandActivities = function (_a) {
         'terms'
     ]);
     var readOnly = useFormErrorAndUpdateReadOnly(methods, originalReadOnly, noneEditable);
+    var getFelids = useExcludeReadOnlyFelids(methods, readOnly).getFelids;
     var onSubmit = function (data) {
-        dispatch(updateBrandActivities(data));
+        dispatch(updateBrandActivities(getFelids(data)));
     };
     var onBack = function () {
         dispatch(handlePrevScreenStep());

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

@@ -15,7 +15,7 @@ import React from 'react';
 import { FormProvider, useForm } from 'react-hook-form';
 import Form from '../../../../components/Form';
 import { styled } from '@mui/material/styles';
-import { useAppDispatch, useAppSelector, useDataNoneEditable, useFormReadOnly, useLanguage, useSetFromDefaultValues, useFormErrorAndUpdateReadOnly } from '../../../../hooks';
+import { useAppDispatch, useAppSelector, useDataNoneEditable, useFormReadOnly, useLanguage, useSetFromDefaultValues, useFormErrorAndUpdateReadOnly, useExcludeReadOnlyFelids } from '../../../../hooks';
 import { yupResolver } from '@hookform/resolvers/yup';
 import { BrandValidationSchema } from './validation';
 import Button from '../../../shared/Button';
@@ -60,8 +60,13 @@ var BrandInfo = function (_a) {
         mode: 'onChange'
     });
     useSetFromDefaultValues(methods, data.brandData, true);
+    var defaultBrandLogoFile = React.useMemo(function () { return logo_details && __assign(__assign({}, logo_details), { docId: '' }); }, [logo_details]);
+    var originalReadOnly = useFormReadOnly(methods, { brandLogoId: defaultBrandLogoFile });
+    var noneEditable = useDataNoneEditable(data_status, ['name', 'segment.type', 'segment.teams', 'channel_services']);
+    var readOnly = useFormErrorAndUpdateReadOnly(methods, originalReadOnly, noneEditable);
+    var getFelids = useExcludeReadOnlyFelids(methods, readOnly).getFelids;
     var onSubmit = function (data) {
-        dispatch(updateBrand(data));
+        dispatch(updateBrand(getFelids(data)));
     };
     var onBack = function () {
         if ((flows === null || flows === void 0 ? void 0 : flows.length) > 0) {
@@ -87,10 +92,6 @@ var BrandInfo = function (_a) {
     var handleMenuClick = function (flag) {
         setListActive(flag);
     };
-    var defaultBrandLogoFile = React.useMemo(function () { return logo_details && __assign(__assign({}, logo_details), { docId: '' }); }, [logo_details]);
-    var originalReadOnly = useFormReadOnly(methods, { brandLogoId: defaultBrandLogoFile });
-    var noneEditable = useDataNoneEditable(data_status, ['name', 'segment.type', 'segment.teams', 'channel_services']);
-    var readOnly = useFormErrorAndUpdateReadOnly(methods, originalReadOnly, noneEditable);
     var isSegmentsListActive = listActive === ListType.SegmentsList;
     var isTeamSizeListActive = listActive === ListType.TeamSizeList;
     return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(BrandName, { readOnly: readOnly['brandName'] || noneEditable['name'], show: !listActive, brandNameChecking: brandNameChecking, fetchingBrandName: setBrandNameChecking }), _jsx(BrandLogo, { defaultFile: defaultBrandLogoFile, readOnly: readOnly['brandLogoId'], show: !listActive }), _jsx(Segments, { readOnly: readOnly['segment'] || noneEditable['segment.type'], show: !isTeamSizeListActive, onListOpen: function () { return handleMenuClick(ListType.SegmentsList); }, onListClose: function () { return handleMenuClick(); } }), _jsx(TeamSize, { readOnly: readOnly['teamSize'] || noneEditable['segment.teams'], show: !isSegmentsListActive, onListOpen: function () { return handleMenuClick(ListType.TeamSizeList); }, onListClose: function () { return handleMenuClick(); } }), _jsxs(Collapse, __assign({ in: !listActive }, { children: [_jsx(SalesChannels, { readOnly: readOnly['salesChannels'] || noneEditable['channel_services'] }), _jsx(Button, __assign({ onBackClicked: function () { return onBack(); }, disabled: disabled, isAr: isAr, error: t(error || ''), loading: loading }, { children: t('next') }))] }))] })) })) }));

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

@@ -14,7 +14,7 @@ import * as React from 'react';
 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 } from '../../../../hooks';
+import { useAppDispatch, useAppSelector, useSetFromDefaultValues, useLanguage, useFormReadOnly, useFormErrorAndUpdateReadOnly, useExcludeReadOnlyFelids } from '../../../../hooks';
 import { isSA } from '../../../../utils';
 import { handlePrevScreenStep, settingsSelector } from '../../../../app/settings';
 import Form from '../../../../components/Form';
@@ -49,6 +49,9 @@ var CollectBusinessInfo = function (_a) {
         mode: 'onChange'
     });
     useSetFromDefaultValues(methods, data.businessData);
+    var originalReadOnly = useFormReadOnly(methods);
+    var readOnly = useFormErrorAndUpdateReadOnly(methods, originalReadOnly);
+    var getFelids = useExcludeReadOnlyFelids(methods, readOnly).getFelids;
     React.useEffect(function () {
         if (error)
             dispatch(clearError());
@@ -64,13 +67,11 @@ var CollectBusinessInfo = function (_a) {
             licenseNumber: data.licenseNumber,
             termAndConditionChecked: data.termAndConditionChecked
         };
-        dispatch(updateLeadBusinessDataAsync(dataValues));
+        dispatch(updateLeadBusinessDataAsync(getFelids(dataValues)));
     };
     var onBack = function () {
         dispatch(handlePrevScreenStep());
     };
-    var originalReadOnly = useFormReadOnly(methods);
-    var readOnly = useFormErrorAndUpdateReadOnly(methods, originalReadOnly);
     var brandErrChecks = !methods.formState.isValid || !!methods.formState.errors.brandName || !!error;
     var disabled = brandErrChecks || brandNameChecking || isBrandNameAvailable == false;
     return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(Form, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(BrandName, { readOnly: readOnly['brandName'], show: true, brandNameChecking: brandNameChecking, fetchingBrandName: setBrandNameChecking }), _jsx(LicenseList, { readOnly: readOnly['selectedLicense'], onListOpen: function () {

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

@@ -15,7 +15,7 @@ import { useTranslation } from 'react-i18next';
 import { useForm, FormProvider } from 'react-hook-form';
 import { yupResolver } from '@hookform/resolvers/yup';
 import { styled } from '@mui/material/styles';
-import { useAppDispatch, useAppSelector, useFormErrorAndUpdateReadOnly, useFormReadOnly, useSetFromDefaultValues } from '../../../../hooks';
+import { useAppDispatch, useAppSelector, useExcludeReadOnlyFelids, useFormErrorAndUpdateReadOnly, useFormReadOnly, useSetFromDefaultValues } from '../../../../hooks';
 import { AuthForType } from '../../../../@types';
 import { useLanguage } from '../../../../hooks';
 import { isKW } from '../../../../utils';
@@ -56,12 +56,15 @@ var CollectIndividualInfo = function (_a) {
         mode: 'onChange'
     });
     useSetFromDefaultValues(methods, individualData, true);
+    var originalReadOnly = useFormReadOnly(methods);
+    var readOnly = useFormErrorAndUpdateReadOnly(methods, originalReadOnly);
+    var getFelids = useExcludeReadOnlyFelids(methods, readOnly).getFelids;
     React.useEffect(function () {
         if (countryCode.iso2 !== methods.getValues('countryCode.iso2'))
             methods.setValue('countryCode', countryCode);
     }, [countryCode]);
     var onSubmit = function (formData) {
-        dispatch(updateLeadIndividualAsync(formData));
+        dispatch(updateLeadIndividualAsync(getFelids(formData)));
     };
     var onBack = function () {
         var _a;
@@ -81,8 +84,6 @@ var CollectIndividualInfo = function (_a) {
         if (isEmailAvailable === false)
             methods.setError('email', { message: 'tap_js_email_already_exist' });
     }, [responseData]);
-    var originalReadOnly = useFormReadOnly(methods);
-    var readOnly = useFormErrorAndUpdateReadOnly(methods, originalReadOnly);
     var isLeadEmailAvailable = (contact === null || contact === void 0 ? void 0 : contact.email) === methods.watch('email');
     var isEmailValid = typeof isEmailAvailable === 'undefined' ? isLeadEmailAvailable : isEmailAvailable;
     var emailErrChecks = !methods.formState.isValid || !!methods.formState.errors.email || !!error;

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

@@ -67,9 +67,8 @@ var InputStyled = styled(Input)(function () { return ({
 }); });
 var cancelToken = null;
 var Email = function (_a) {
-    var _b;
+    var _b, _c, _d, _e;
     var show = _a.show, fetchingEmail = _a.fetchingEmail, emailChecking = _a.emailChecking, readOnly = _a.readOnly;
-    var _c = React.useState(''), storedEmail = _c[0], setStoredEmail = _c[1];
     var dispatch = useAppDispatch();
     var data = useAppSelector(connectExpressSelector).data;
     var t = useTranslation().t;
@@ -77,6 +76,7 @@ var Email = function (_a) {
     var emailControl = useController({ name: 'email', control: control });
     var emailValue = emailControl.field.value;
     var error = (_b = emailControl.fieldState.error) === null || _b === void 0 ? void 0 : _b.message;
+    var email = (_e = (_d = (_c = data.responseData) === null || _c === void 0 ? void 0 : _c.leadData) === null || _d === void 0 ? void 0 : _d.contact) === null || _e === void 0 ? void 0 : _e.email;
     var checkEmail = debounce(function (value) { return __awaiter(void 0, void 0, void 0, function () {
         var onSuccess;
         return __generator(this, function (_a) {
@@ -92,15 +92,9 @@ var Email = function (_a) {
     var handleEmailChange = function (event) {
         emailControl.field.onChange(event.target.value);
     };
-    React.useEffect(function () {
-        var _a, _b, _c;
-        var email = (_c = (_b = (_a = data.responseData) === null || _a === void 0 ? void 0 : _a.leadData) === null || _b === void 0 ? void 0 : _b.contact) === null || _c === void 0 ? void 0 : _c.email;
-        if (!!email)
-            setStoredEmail(email);
-    }, [data.responseData]);
     React.useEffect(function () {
         var isValid = emailValue && !error && emailValue.length > 3;
-        if (isValid && emailValue != storedEmail) {
+        if (isValid && emailValue != email) {
             fetchingEmail(true);
             checkEmail(emailValue);
         }

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

@@ -15,7 +15,7 @@ import { FormProvider, useForm } from 'react-hook-form';
 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 } from '../../../../hooks';
+import { useAppDispatch, useAppSelector, useDataNoneEditable, useFormReadOnly, useLanguage, useSetFromDefaultValues, useFormErrorAndUpdateReadOnly, useExcludeReadOnlyFelids } from '../../../../hooks';
 import { clearError, entitySelector, updateEntityCapital } from '../../../app/entity/entityStore';
 import { yupResolver } from '@hookform/resolvers/yup';
 import { handlePrevScreenStep } from '../../../../app/settings';
@@ -58,8 +58,9 @@ var EntityCapital = function (_a) {
         'capital.shares.value'
     ]);
     var readOnly = useFormErrorAndUpdateReadOnly(methods, originalReadOnly, noneEditable);
+    var getFelids = useExcludeReadOnlyFelids(methods, readOnly).getFelids;
     var onSubmit = function (data) {
-        dispatch(updateEntityCapital(data));
+        dispatch(updateEntityCapital(getFelids(data)));
     };
     var onBack = function () {
         dispatch(handlePrevScreenStep());

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

@@ -15,7 +15,7 @@ import { FormProvider, useForm } from 'react-hook-form';
 import { useTranslation } from 'react-i18next';
 import { yupResolver } from '@hookform/resolvers/yup';
 import { styled } from '@mui/material/styles';
-import { useAppDispatch, useAppSelector, useDataNoneEditable, useFormReadOnly, useLanguage, useSetFromDefaultValues, useFormErrorAndUpdateReadOnly } from '../../../../hooks';
+import { useAppDispatch, useAppSelector, useDataNoneEditable, useFormReadOnly, useLanguage, useSetFromDefaultValues, useFormErrorAndUpdateReadOnly, useExcludeReadOnlyFelids } from '../../../../hooks';
 import { handlePrevScreenStep, settingsSelector } from '../../../../app/settings';
 import { getFileDetailsFromDocument, isKW, isSA } from '../../../../utils';
 import { BusinessType, DocumentPurpose } from '../../../../@types';
@@ -83,8 +83,9 @@ var EntityName = function (_a) {
         'AOA_file_id'
     ]);
     var readOnly = useFormErrorAndUpdateReadOnly(methods, originalReadOnly, noneEditable);
+    var getFelids = useExcludeReadOnlyFelids(methods, readOnly).getFelids;
     var onSubmit = function (data) {
-        dispatch(updateEntityName(data));
+        dispatch(updateEntityName(getFelids(data)));
     };
     var handleIssueDateOpenClose = function (flag) {
         setIssueAnchorEl(flag);

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/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/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/package.json

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