@tap-payments/auth-jsconnect 2.1.30-test → 2.1.31-test

package/build/@types/form.d.ts

@@ -89,6 +89,14 @@ export declare type IndividualExtraFormValues = {
     isPEP: boolean | null;
     isInfluencer: boolean | null;
 };
+export declare type IndividualAttachmentsFormValues = {
+    civilID?: string;
+    civilIDFile?: Array<File>;
+    signatureFileId?: string;
+    signatureFile?: Array<File>;
+    civilIDUploading?: boolean;
+    signatureFileUploading?: boolean;
+};
 export declare type PasswordCreateFormValues = {
     password: string;
     confirmPassword: string;

package/build/api/individual.d.ts

@@ -79,6 +79,7 @@ export declare type UpdateIndividualBody = {
     };
     is_relative_PEP?: boolean | null;
     is_influencer?: boolean | null;
+    documents?: Array<string | undefined>;
     occupation?: {
         id?: string;
     };

package/build/features/app/individual/individualStore.d.ts

@@ -1,5 +1,5 @@
 import { RootState } from '../../../app/store';
-import { CountryCode, FlowsTypes, IndividualExtraFormValues, OTPFormValues, ResponseData, SharedState } from '../../../@types';
+import { CountryCode, FlowsTypes, IndividualAttachmentsFormValues, IndividualExtraFormValues, OTPFormValues, ResponseData, SharedState } from '../../../@types';
 export declare const verifyLeadToken: import("@reduxjs/toolkit").AsyncThunk<{
     data: any;
     boardResponse: {
@@ -8,6 +8,7 @@ export declare const verifyLeadToken: import("@reduxjs/toolkit").AsyncThunk<{
         bank_account: any;
         entity: any;
         merchant: any;
+        merchant_id: any;
         name: any;
         contact: any;
         countries: CountryCode[];
@@ -40,6 +41,7 @@ export declare const verifyLeadOTP: import("@reduxjs/toolkit").AsyncThunk<{
         bank_account: any;
         entity: any;
         merchant: any;
+        merchant_id: any;
         name: any;
         contact: any;
         countries: CountryCode[];
@@ -59,6 +61,17 @@ export declare const updateIndividualInfo: import("@reduxjs/toolkit").AsyncThunk
     data: any;
     formData: IndividualExtraFormValues;
 }, IndividualExtraFormValues, {}>;
+interface UploadFileParams {
+    file: File;
+    onProgress?: (value: number) => void;
+    title?: string;
+}
+export declare const uploadCivilIdFile: import("@reduxjs/toolkit").AsyncThunk<{
+    data: any;
+}, UploadFileParams, {}>;
+export declare const uploadSignatureFile: import("@reduxjs/toolkit").AsyncThunk<{
+    data: any;
+}, UploadFileParams, {}>;
 export declare const updateBoardSuccess: import("@reduxjs/toolkit").AsyncThunk<{
     response: any;
     formData: void;
@@ -70,6 +83,7 @@ export interface IndividualData {
     verify: ResponseData & VerifyData;
     otpData: OTPFormValues & ResponseData;
     individualData: IndividualExtraFormValues & ResponseData;
+    attachmentsData: IndividualAttachmentsFormValues & ResponseData;
     flowName: FlowsTypes;
 }
 export interface IndividualState extends SharedState<IndividualData> {

package/build/features/app/individual/individualStore.js

@@ -123,6 +123,7 @@ export var verifyLeadToken = createAsyncThunk('individualVerifyLeadToken', funct
                         bank_account: boardData === null || boardData === void 0 ? void 0 : boardData.bank_account,
                         entity: boardData === null || boardData === void 0 ? void 0 : boardData.entity,
                         merchant: boardData === null || boardData === void 0 ? void 0 : boardData.merchant,
+                        merchant_id: boardInfoData === null || boardInfoData === void 0 ? void 0 : boardInfoData.merchant_id,
                         name: (_d = boardData === null || boardData === void 0 ? void 0 : boardData.user) === null || _d === void 0 ? void 0 : _d.names,
                         contact: (_e = boardData === null || boardData === void 0 ? void 0 : boardData.user) === null || _e === void 0 ? void 0 : _e.contact,
                         countries: countries,
@@ -260,6 +261,7 @@ export var verifyLeadOTP = createAsyncThunk('verifyIndividualLeadOTP', function
                         bank_account: boardData === null || boardData === void 0 ? void 0 : boardData.bank_account,
                         entity: boardData === null || boardData === void 0 ? void 0 : boardData.entity,
                         merchant: boardData === null || boardData === void 0 ? void 0 : boardData.merchant,
+                        merchant_id: boardInfoData === null || boardInfoData === void 0 ? void 0 : boardInfoData.merchant_id,
                         name: (_j = boardData === null || boardData === void 0 ? void 0 : boardData.user) === null || _j === void 0 ? void 0 : _j.names,
                         contact: (_k = boardData === null || boardData === void 0 ? void 0 : boardData.user) === null || _k === void 0 ? void 0 : _k.contact,
                         countries: countries,
@@ -273,37 +275,92 @@ export var verifyLeadOTP = createAsyncThunk('verifyIndividualLeadOTP', function
     });
 }); });
 export var updateIndividualInfo = createAsyncThunk('updateIndividualInfo', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var _a, settings, individual, _b, id, type, requestBody, data;
-    var _c, _d, _e, _f, _g, _h, _j, _k;
-    return __generator(this, function (_l) {
-        switch (_l.label) {
+    var _a, settings, individual, _b, id, type, _c, civilID, signatureFileId, documentBody, requestBody, data;
+    var _d, _e, _f, _g, _h, _j, _k, _l;
+    return __generator(this, function (_m) {
+        switch (_m.label) {
             case 0:
                 _a = thunkApi.getState(), settings = _a.settings, individual = _a.individual;
-                _b = ((_d = (_c = individual.data.verify.responseBody) === null || _c === void 0 ? void 0 : _c.notification) === null || _d === void 0 ? void 0 : _d.recipient) || {}, id = _b.id, type = _b.type;
+                _b = ((_e = (_d = individual.data.verify.responseBody) === null || _d === void 0 ? void 0 : _d.notification) === null || _e === void 0 ? void 0 : _e.recipient) || {}, id = _b.id, type = _b.type;
+                _c = individual.data.attachmentsData, civilID = _c.civilID, signatureFileId = _c.signatureFileId;
+                documentBody = [];
+                if (!!civilID)
+                    documentBody.push(civilID);
+                if (!!signatureFileId)
+                    documentBody.push(signatureFileId);
                 requestBody = {
                     id: id,
                     type: type,
-                    occupation: { id: (_e = params.occupation) === null || _e === void 0 ? void 0 : _e.id },
+                    occupation: { id: (_f = params.occupation) === null || _f === void 0 ? void 0 : _f.id },
                     employer_name: params.employerName,
-                    employer_country: (_f = params.employerLocation) === null || _f === void 0 ? void 0 : _f.iso2,
-                    source_income: [{ id: (_g = params.sourceIncome) === null || _g === void 0 ? void 0 : _g.id }],
-                    monthly_income: { id: (_h = params.monthlyIncome) === null || _h === void 0 ? void 0 : _h.id },
+                    employer_country: (_g = params.employerLocation) === null || _g === void 0 ? void 0 : _g.iso2,
+                    source_income: [{ id: (_h = params.sourceIncome) === null || _h === void 0 ? void 0 : _h.id }],
+                    monthly_income: { id: (_j = params.monthlyIncome) === null || _j === void 0 ? void 0 : _j.id },
                     is_relative_PEP: params.isPEP,
                     is_influencer: params.isInfluencer,
+                    documents: documentBody,
                     encryption_contract: ['employer_name', 'employer_country'],
                     step_name: INDIVIDUAl_STEP_NAMES.INDIVIDUAl_INFO
                 };
                 return [4, API.individualService.updateIndividual(requestBody)];
             case 1:
-                data = (_l.sent()).data;
-                if (!(data === null || data === void 0 ? void 0 : data.errors)) {
-                    thunkApi.dispatch(handleNextScreenStep());
-                    (_k = (_j = settings.data.appConfig).onStepCompleted) === null || _k === void 0 ? void 0 : _k.call(_j, settings.data.activeScreen.name, requestBody);
-                }
+                data = (_m.sent()).data;
+                thunkApi.dispatch(handleNextScreenStep());
+                (_l = (_k = settings.data.appConfig).onStepCompleted) === null || _l === void 0 ? void 0 : _l.call(_k, settings.data.activeScreen.name, requestBody);
                 return [2, { data: data, formData: params }];
         }
     });
 }); });
+export var uploadCivilIdFile = createAsyncThunk('uploadCivilIdFile', function (_a) {
+    var file = _a.file, onProgress = _a.onProgress, title = _a.title;
+    return __awaiter(void 0, void 0, void 0, function () {
+        var uploadPayload, onUploadProgress, data;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    uploadPayload = {
+                        file_link_create: false,
+                        title: title,
+                        purpose: 'identity_document',
+                        file: file
+                    };
+                    onUploadProgress = function (progressEvent) {
+                        var progress = ((progressEvent === null || progressEvent === void 0 ? void 0 : progressEvent.loaded) / (progressEvent === null || progressEvent === void 0 ? void 0 : progressEvent.total)) * 100;
+                        onProgress === null || onProgress === void 0 ? void 0 : onProgress(Math.floor(progress));
+                    };
+                    return [4, API.entityService.uploadFileInfo(uploadPayload, { onUploadProgress: onUploadProgress })];
+                case 1:
+                    data = _b.sent();
+                    return [2, { data: data }];
+            }
+        });
+    });
+});
+export var uploadSignatureFile = createAsyncThunk('uploadSignatureFile', function (_a) {
+    var file = _a.file, onProgress = _a.onProgress;
+    return __awaiter(void 0, void 0, void 0, function () {
+        var uploadPayload, onUploadProgress, data;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    uploadPayload = {
+                        file_link_create: false,
+                        title: 'Merchant Signature',
+                        purpose: 'customer_signature',
+                        file: file
+                    };
+                    onUploadProgress = function (progressEvent) {
+                        var progress = ((progressEvent === null || progressEvent === void 0 ? void 0 : progressEvent.loaded) / (progressEvent === null || progressEvent === void 0 ? void 0 : progressEvent.total)) * 100;
+                        onProgress === null || onProgress === void 0 ? void 0 : onProgress(Math.floor(progress));
+                    };
+                    return [4, API.entityService.uploadFileInfo(uploadPayload, { onUploadProgress: onUploadProgress })];
+                case 1:
+                    data = _b.sent();
+                    return [2, { data: data }];
+            }
+        });
+    });
+});
 export var updateBoardSuccess = createAsyncThunk('individualUpdateBoardSuccess', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
     var _a, settings, individual, _b, id, infoId, payload, data, boardInfoStatus;
     var _c, _d, _e, _f;
@@ -354,6 +411,10 @@ var initialState = {
             employerLocation: undefined,
             isPEP: null,
             isInfluencer: null
+        },
+        attachmentsData: {
+            civilIDUploading: false,
+            signatureFileUploading: false
         }
     }
 };
@@ -511,6 +572,34 @@ export var individualSlice = createSlice({
             .addCase(retrieveBoardDetails.rejected, function (state, action) {
             state.error = action.error.message;
             state.loading = false;
+        })
+            .addCase(uploadCivilIdFile.pending, function (state) {
+            state.error = null;
+            state.data.attachmentsData.civilIDUploading = true;
+        })
+            .addCase(uploadCivilIdFile.fulfilled, function (state, action) {
+            state.error = null;
+            state.data.attachmentsData.civilIDUploading = false;
+            var data = action.payload.data;
+            state.data.attachmentsData.civilID = data === null || data === void 0 ? void 0 : data.id;
+        })
+            .addCase(uploadCivilIdFile.rejected, function (state) {
+            state.data.attachmentsData.civilIDUploading = false;
+            state.error = 'file_upload_error';
+        })
+            .addCase(uploadSignatureFile.pending, function (state) {
+            state.error = null;
+            state.data.attachmentsData.signatureFileUploading = true;
+        })
+            .addCase(uploadSignatureFile.fulfilled, function (state, action) {
+            state.error = null;
+            state.data.attachmentsData.signatureFileUploading = false;
+            var data = action.payload.data;
+            state.data.attachmentsData.signatureFileId = data === null || data === void 0 ? void 0 : data.id;
+        })
+            .addCase(uploadSignatureFile.rejected, function (state) {
+            state.data.attachmentsData.signatureFileUploading = false;
+            state.error = 'file_upload_error';
         })
             .addCase(updateBoardSuccess.fulfilled, function (state, action) {
             var _a;

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

@@ -1,9 +1,16 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
-import { useTranslation } from 'react-i18next';
+import { Trans, useTranslation } from 'react-i18next';
 import SuccessScreen from '../../../shared/SuccessScreen';
+import { bankSelector } from '../../../../features/app/bank/bankStore';
+import { maskEmail } from '../../../../utils';
+import { useAppSelector } from '../../../../hooks';
 var ResetPasswordSuccess = function (_a) {
+    var _b, _c;
     var t = useTranslation().t;
-    return (_jsx(SuccessScreen, { title: t("reset_password_success_title"), description: t("reset_password_success_description"), showEmailProviders: true }));
+    var data = useAppSelector(bankSelector).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 }));
 };
 export default React.memo(ResetPasswordSuccess);

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

@@ -20,10 +20,11 @@ import SimpleList from '../../../../components/SimpleList';
 import Collapse from '../../../../components/Collapse';
 import ExpandIcon from '../../../../components/ExpandIcon';
 import { brandSelector, clearError } from '../../../app/brand/brandStore';
-import { isExist } from '../../../../utils';
+import { findCurrencyByIso2, isExist } from '../../../../utils';
 import { ScreenContainer } from '../../../shared/Containers';
 import { InputLabelStyled, CheckIconStyled, InputStyled, NameContainer } from './CustomerBase';
 import Search from '../../../../features/shared/Search';
+import { settingsSelector } from '../../../../app/settings';
 var ListItem = styled(Box)(function (_a) {
     var theme = _a.theme;
     return ({
@@ -55,9 +56,11 @@ var ExpectedSalesRange = function (_a) {
     var dispatch = useAppDispatch();
     var expectedSaleControl = useController({ name: 'expectedSale', control: control });
     var _e = useAppSelector(brandSelector), data = _e.data, error = _e.error;
+    var settingsData = useAppSelector(settingsSelector).data;
     var brandActivities = data.brandActivities;
     var expectedSales = (brandActivities.responseBody || {}).expectedSales;
     var expectedSalesRangeValue = expectedSaleControl.field.value;
+    var countryCode = settingsData.businessCountry;
     var handleOpenMainMenu = function (event) {
         setAnchorEl(event.currentTarget);
         onListOpen === null || onListOpen === void 0 ? void 0 : onListOpen();
@@ -109,7 +112,9 @@ var ExpectedSalesRange = function (_a) {
         if (item)
             setSubIndex(item.id);
     }, [anchorEl, expectedSalesRangeValue]);
-    return (_jsx(Collapse, __assign({ in: show }, { children: _jsxs(ScreenContainer, { children: [_jsx(InputLabelStyled, { children: t('expected_sales_yearly') }), _jsx(InputStyled, { readOnly: true, value: (isAr ? expectedSalesRangeValue === null || expectedSalesRangeValue === void 0 ? void 0 : expectedSalesRangeValue.name.ar : expectedSalesRangeValue === null || expectedSalesRangeValue === void 0 ? void 0 : expectedSalesRangeValue.name.en) || '', onClick: !!anchorEl ? handleCloseMainMenu : handleOpenMainMenu, placeholder: t('choose_expected_sales'), endAdornment: _jsx(ExpandIcon, { anchorEl: !!anchorEl }) }), _jsxs(Collapse, __assign({ in: !!anchorEl }, { children: [_jsx(Search, { onSearchValue: handleSearch }), _jsx(SimpleListStyled, { sx: { maxHeight: '350px', paddingTop: 0 }, list: expectedSalesRangeList, listItemProps: { sx: { padding: 0 } }, onSelectItem: function (item) {
+    return (_jsx(Collapse, __assign({ in: show }, { children: _jsxs(ScreenContainer, { children: [_jsx(InputLabelStyled, { children: t('expected_sales_monthly', {
+                        currency: findCurrencyByIso2(countryCode.iso2)
+                    }) }), _jsx(InputStyled, { readOnly: true, value: (isAr ? expectedSalesRangeValue === null || expectedSalesRangeValue === void 0 ? void 0 : expectedSalesRangeValue.name.ar : expectedSalesRangeValue === null || expectedSalesRangeValue === void 0 ? void 0 : expectedSalesRangeValue.name.en) || '', onClick: !!anchorEl ? handleCloseMainMenu : handleOpenMainMenu, placeholder: t('choose_expected_sales'), endAdornment: _jsx(ExpandIcon, { anchorEl: !!anchorEl }) }), _jsxs(Collapse, __assign({ in: !!anchorEl }, { children: [_jsx(Search, { onSearchValue: handleSearch }), _jsx(SimpleListStyled, { sx: { maxHeight: '350px', paddingTop: 0 }, list: expectedSalesRangeList, listItemProps: { sx: { padding: 0 } }, onSelectItem: function (item) {
                                 var isOnlyOneItem = !item.sub || item.sub.length === 1;
                                 if (isOnlyOneItem)
                                     onSelectItem(item);

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

@@ -1,9 +1,16 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
-import { useTranslation } from 'react-i18next';
+import { Trans, useTranslation } from 'react-i18next';
 import SuccessScreen from '../../../shared/SuccessScreen';
+import { useAppSelector } from '../../../../hooks';
+import { maskEmail } from '../../../../utils';
+import { brandSelector } from '../../../../features/app/brand/brandStore';
 var ResetPasswordSuccess = function (_a) {
+    var _b, _c;
     var t = useTranslation().t;
-    return (_jsx(SuccessScreen, { title: t("reset_password_success_title"), description: t("reset_password_success_description"), showEmailProviders: true }));
+    var data = useAppSelector(brandSelector).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 }));
 };
 export default React.memo(ResetPasswordSuccess);

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

@@ -20,10 +20,11 @@ import SimpleList from '../../../../components/SimpleList';
 import Collapse from '../../../../components/Collapse';
 import ExpandIcon from '../../../../components/ExpandIcon';
 import { businessSelector, clearError } from '../../../app/business/businessStore';
-import { isExist } from '../../../../utils';
+import { findCurrencyByIso2, isExist } from '../../../../utils';
 import { ScreenContainer } from '../../../shared/Containers';
 import { InputLabelStyled, CheckIconStyled, InputStyled, NameContainer } from './CustomerLocations';
 import Search from '../../../../features/shared/Search';
+import { settingsSelector } from '../../../../app/settings';
 var ListItem = styled(Box)(function (_a) {
     var theme = _a.theme;
     return ({
@@ -55,9 +56,11 @@ var ExpectedSalesRange = function (_a) {
     var dispatch = useAppDispatch();
     var expectedSaleControl = useController({ name: 'expectedSale', control: control });
     var _e = useAppSelector(businessSelector), data = _e.data, error = _e.error;
+    var settingsData = useAppSelector(settingsSelector).data;
     var activitiesData = data.activitiesData;
     var expectedSales = (activitiesData.responseBody || {}).expectedSales;
     var expectedSalesRangeValue = expectedSaleControl.field.value;
+    var countryCode = settingsData.businessCountry;
     var handleOpenMainMenu = function (event) {
         setAnchorEl(event.currentTarget);
         onListOpen === null || onListOpen === void 0 ? void 0 : onListOpen();
@@ -109,7 +112,9 @@ var ExpectedSalesRange = function (_a) {
         if (item)
             setSubIndex(item.id);
     }, [anchorEl, expectedSalesRangeValue]);
-    return (_jsx(Collapse, __assign({ in: show }, { children: _jsxs(ScreenContainer, { children: [_jsx(InputLabelStyled, { children: t('expected_sales_yearly') }), _jsx(InputStyled, { readOnly: true, value: (isAr ? expectedSalesRangeValue === null || expectedSalesRangeValue === void 0 ? void 0 : expectedSalesRangeValue.name.ar : expectedSalesRangeValue === null || expectedSalesRangeValue === void 0 ? void 0 : expectedSalesRangeValue.name.en) || '', onClick: !!anchorEl ? handleCloseMainMenu : handleOpenMainMenu, placeholder: t('choose_expected_sales'), endAdornment: _jsx(ExpandIcon, { anchorEl: !!anchorEl }) }), _jsxs(Collapse, __assign({ in: !!anchorEl }, { children: [_jsx(Search, { onSearchValue: handleSearch }), _jsx(SimpleListStyled, { sx: { maxHeight: '350px', paddingTop: 0 }, list: expectedSalesRangeList, listItemProps: { sx: { padding: 0 } }, onSelectItem: function (item) {
+    return (_jsx(Collapse, __assign({ in: show }, { children: _jsxs(ScreenContainer, { children: [_jsx(InputLabelStyled, { children: t('expected_sales_monthly', {
+                        currency: findCurrencyByIso2(countryCode.iso2)
+                    }) }), _jsx(InputStyled, { readOnly: true, value: (isAr ? expectedSalesRangeValue === null || expectedSalesRangeValue === void 0 ? void 0 : expectedSalesRangeValue.name.ar : expectedSalesRangeValue === null || expectedSalesRangeValue === void 0 ? void 0 : expectedSalesRangeValue.name.en) || '', onClick: !!anchorEl ? handleCloseMainMenu : handleOpenMainMenu, placeholder: t('choose_expected_sales'), endAdornment: _jsx(ExpandIcon, { anchorEl: !!anchorEl }) }), _jsxs(Collapse, __assign({ in: !!anchorEl }, { children: [_jsx(Search, { onSearchValue: handleSearch }), _jsx(SimpleListStyled, { sx: { maxHeight: '350px', paddingTop: 0 }, list: expectedSalesRangeList, listItemProps: { sx: { padding: 0 } }, onSelectItem: function (item) {
                                 var isOnlyOneItem = !item.sub || item.sub.length === 1;
                                 if (isOnlyOneItem)
                                     onSelectItem(item);

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

@@ -1,9 +1,16 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
-import { useTranslation } from 'react-i18next';
+import { useTranslation, Trans } from 'react-i18next';
 import SuccessScreen from '../../../shared/SuccessScreen';
+import { businessSelector } from '../../../app/business/businessStore';
+import { useAppSelector } from '../../../../hooks';
+import { maskEmail } from '../../../../utils';
 var ResetPasswordSuccess = function (_a) {
+    var _b, _c;
     var t = useTranslation().t;
-    return (_jsx(SuccessScreen, { title: t("reset_password_success_title"), description: t("reset_password_success_description"), showEmailProviders: true }));
+    var data = useAppSelector(businessSelector).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 }));
 };
 export default React.memo(ResetPasswordSuccess);

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

@@ -1,9 +1,16 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
-import { useTranslation } from 'react-i18next';
+import { Trans, useTranslation } from 'react-i18next';
 import SuccessScreen from '../../../shared/SuccessScreen';
+import { maskEmail } from '../../../../utils';
+import { entitySelector } from '../../../../features/app/entity/entityStore';
+import { useAppSelector } from '../../../../hooks';
 var ResetPasswordSuccess = function (_a) {
+    var _b, _c;
     var t = useTranslation().t;
-    return (_jsx(SuccessScreen, { title: t("reset_password_success_title"), description: t("reset_password_success_description"), showEmailProviders: true }));
+    var data = useAppSelector(entitySelector).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 }));
 };
 export default React.memo(ResetPasswordSuccess);

package/build/features/individual/screens/AdditionalIndividualInfo/AdditionalIndividualInfo.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 { yupResolver } from '@hookform/resolvers/yup';
@@ -42,6 +31,8 @@ import EmployerLocation from './EmployerLocation';
 import SourceOfIncome from './SourceOfIncome';
 import { individualSelector, updateIndividualInfo } from '../../../app/individual/individualStore';
 import Occupation from './Occupation';
+import CivilIDFile from './CivilIDFile';
+import SignatureFile from './SignatureFile';
 var ListType;
 (function (ListType) {
     ListType["SourceOfIncomeList"] = "SourceOfIncomeList";
@@ -56,15 +47,15 @@ var AdditionalIndividualInfo = function (_a) {
     var _b = useAppSelector(individualSelector), data = _b.data, loading = _b.loading, error = _b.error;
     var settingsData = useAppSelector(settingsSelector).data;
     var countries = settingsData.countries;
-    var _c = data.individualData, responseBody = _c.responseBody, defaultValues = __rest(_c, ["responseBody"]);
+    var user = (data.verify.responseBody || {}).user;
     var methods = useForm({
         resolver: yupResolver(IndividualInfoValidationSchema),
-        defaultValues: defaultValues,
+        defaultValues: data.individualData,
         mode: 'onChange'
     });
-    useSetFromDefaultValues(methods, defaultValues);
-    var _d = React.useState(), listActive = _d[0], setListActive = _d[1];
-    var _e = React.useState(false), employerFieldsActive = _e[0], setEmployerFieldsActive = _e[1];
+    useSetFromDefaultValues(methods, data.individualData, true);
+    var _c = React.useState(), listActive = _c[0], setListActive = _c[1];
+    var _d = React.useState(false), employerFieldsActive = _d[0], setEmployerFieldsActive = _d[1];
     React.useEffect(function () {
         var _a, _b;
         if (((_b = (_a = methods.getValues('sourceIncome')) === null || _a === void 0 ? void 0 : _a.name.en) === null || _b === void 0 ? void 0 : _b.toLowerCase()) === 'salary')
@@ -88,7 +79,7 @@ var AdditionalIndividualInfo = function (_a) {
     return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(Form, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsxs(Box, { children: [_jsx(Occupation, { onListOpen: function () { return handleMenuClick(ListType.OccupationList); }, onListClose: function () { return handleMenuClick(); }, show: !isEmployerLocationListActive && !isMonthlyIncomeListActive && !isSourceOfIncomeListActive }), _jsx(SourceOfIncome, { onListOpen: function () { return handleMenuClick(ListType.SourceOfIncomeList); }, onListClose: function () { return handleMenuClick(); }, show: !isEmployerLocationListActive && !isMonthlyIncomeListActive && !isOccupationListActive }), _jsx(MonthlyIncome, { show: !isEmployerLocationListActive && !isSourceOfIncomeListActive && !isOccupationListActive, onListOpen: function () { return handleMenuClick(ListType.MonthlyIncomeList); }, onListClose: function () { return handleMenuClick(); } }), _jsx(EmployerName, { show: false }), _jsx(EmployerLocation, { show: !isSourceOfIncomeListActive &&
                                     employerFieldsActive &&
                                     !isMonthlyIncomeListActive &&
-                                    !isOccupationListActive, countries: countries, onListOpen: function () { return handleMenuClick(ListType.EmployerLocationList); }, onListClose: function () { return handleMenuClick(); } }), _jsx(PEPSwitch, { show: !listActive }), _jsx(InfluencerSwitch, { show: !listActive })] }), _jsx(Collapse, __assign({ in: !listActive, timeout: 500 }, { children: _jsx(Button, __assign({ onBackClicked: function () { return onBack(); }, isAr: isAr, disableBack: true, disabled: !methods.formState.isValid, loading: loading, error: t(error || '') }, { children: t('next') })) }))] })) })) }));
+                                    !isOccupationListActive, countries: countries, onListOpen: function () { return handleMenuClick(ListType.EmployerLocationList); }, onListClose: function () { return handleMenuClick(); } }), _jsxs(Collapse, __assign({ in: !listActive, timeout: 500 }, { children: [_jsx(CivilIDFile, {}), _jsx(SignatureFile, { show: user === null || user === void 0 ? void 0 : user.is_authorized })] })), _jsx(PEPSwitch, { show: !listActive }), _jsx(InfluencerSwitch, { show: !listActive })] }), _jsx(Collapse, __assign({ in: !listActive, timeout: 500 }, { children: _jsx(Button, __assign({ onBackClicked: function () { return onBack(); }, isAr: isAr, disableBack: true, disabled: !methods.formState.isValid, loading: loading, error: t(error || '') }, { children: t('next') })) }))] })) })) }));
 };
 export default React.memo(AdditionalIndividualInfo);
 AdditionalIndividualInfo.defaultProps = {};

package/build/features/individual/screens/AdditionalIndividualInfo/CivilIDFile.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const CivilIDFile: () => JSX.Element;
+export default CivilIDFile;

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

@@ -0,0 +1,67 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { ScreenContainer } from '../../../../features/shared/Containers';
+import { styled } from '@mui/material/styles';
+import { useTranslation } from 'react-i18next';
+import { useController, useFormContext } from 'react-hook-form';
+import { useAppDispatch, useAppSelector } from '../../../../hooks';
+import { individualSelector, uploadCivilIdFile } from '../../../../features/app/individual/individualStore';
+import { MAX_FILE_SIZE, VALID_FILE_FORMATS } from '../../../../constants';
+import UploadFile from '../../../../features/shared/UploadFile';
+var FeatureStyled = styled(ScreenContainer)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        marginBlockStart: theme.spacing(3)
+    });
+});
+var CivilIDFile = function () {
+    var _a, _b;
+    var _c = React.useState(0), progress = _c[0], setProgress = _c[1];
+    var t = useTranslation().t;
+    var _d = useFormContext(), control = _d.control, setError = _d.setError, clearErrors = _d.clearErrors;
+    var civilIDFileControl = useController({ name: 'civilIDFile', control: control });
+    var civilIDFileIdControl = useController({ name: 'civilIDFileId', control: control });
+    var _e = useAppSelector(individualSelector), data = _e.data, loading = _e.loading, sysError = _e.error;
+    var civilIDUploading = data.attachmentsData.civilIDUploading;
+    var dispatch = useAppDispatch();
+    var civilIDValue = civilIDFileControl.field.value;
+    var error = ((_a = civilIDFileControl.fieldState.error) === null || _a === void 0 ? void 0 : _a.message) || ((_b = civilIDFileIdControl.fieldState.error) === null || _b === void 0 ? void 0 : _b.message);
+    var handleCivilIDChange = function (files) {
+        var _a;
+        var file = files === null || files === void 0 ? void 0 : files[0];
+        if (!VALID_FILE_FORMATS.includes(file === null || file === void 0 ? void 0 : file.type)) {
+            setError('civilIDFile', { message: 'file_not_supported_alert' });
+        }
+        else if ((file === null || file === void 0 ? void 0 : file.size) > MAX_FILE_SIZE) {
+            setError('civilIDFile', { message: 'file_size_alert' });
+        }
+        else {
+            civilIDFileControl.field.onChange(file);
+            dispatch(uploadCivilIdFile({
+                file: file,
+                onProgress: function (value) {
+                    setProgress(value);
+                },
+                title: (_a = data.verify.responseBody) === null || _a === void 0 ? void 0 : _a.merchant_id
+            }));
+        }
+    };
+    var handleReset = function () {
+        civilIDFileControl.field.onChange(null);
+        civilIDFileIdControl.field.onChange('');
+        setProgress(0);
+    };
+    React.useEffect(function () {
+        if (sysError === 'file_upload_error') {
+            setError('civilIDFileId', { message: sysError });
+            civilIDFileControl.field.onChange(null);
+            setProgress(0);
+        }
+    }, [sysError]);
+    React.useEffect(function () {
+        if ((civilIDFileControl.formState.isValid || !!civilIDValue) && error != 'file_upload_error')
+            clearErrors();
+    }, [civilIDFileControl.formState.isValid, civilIDValue]);
+    return (_jsx(FeatureStyled, { children: _jsx(UploadFile, { label: t('title_civil_id'), title: t('drag_and_drop'), subTitle: t('subtitle_drop'), dragDescription: t('desc_drag_and_drop_civilID'), uploadingTitle: t('file_uploading_title'), successTitle: t('success_upload_civil_id'), onFileUploaded: handleCivilIDChange, isFileUploaded: !civilIDUploading && !!civilIDValue, isSubmitting: loading, isUploading: civilIDUploading, progress: progress, onReset: handleReset, error: error && t(error) }) }));
+};
+export default CivilIDFile;

package/build/features/individual/screens/AdditionalIndividualInfo/SignatureFile.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+interface SignatureFileProps {
+    show: boolean;
+}
+declare const SignatureFile: ({ show }: SignatureFileProps) => JSX.Element;
+export default SignatureFile;

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

@@ -0,0 +1,78 @@
+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 { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { ScreenContainer } from '../../../../features/shared/Containers';
+import { styled } from '@mui/material/styles';
+import { useTranslation } from 'react-i18next';
+import { useController, useFormContext } from 'react-hook-form';
+import { useAppDispatch, useAppSelector } from '../../../../hooks';
+import { individualSelector, uploadSignatureFile } from '../../../../features/app/individual/individualStore';
+import { MAX_FILE_SIZE, VALID_FILE_FORMATS } from '../../../../constants';
+import UploadFile from '../../../../features/shared/UploadFile';
+import Collapse from '../../../../components/Collapse';
+var FeatureStyled = styled(ScreenContainer)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        marginBlockStart: theme.spacing(3)
+    });
+});
+var SignatureFile = function (_a) {
+    var _b, _c;
+    var show = _a.show;
+    var _d = React.useState(0), progress = _d[0], setProgress = _d[1];
+    var t = useTranslation().t;
+    var _e = useFormContext(), control = _e.control, setError = _e.setError, clearErrors = _e.clearErrors;
+    var signatureFileControl = useController({ name: 'signatureFile', control: control });
+    var signatureFileIdControl = useController({ name: 'signatureFileId', control: control });
+    var _f = useAppSelector(individualSelector), data = _f.data, loading = _f.loading, sysError = _f.error;
+    var signatureFileUploading = data.attachmentsData.signatureFileUploading;
+    var dispatch = useAppDispatch();
+    var signatureValue = signatureFileControl.field.value;
+    var error = ((_b = signatureFileControl.fieldState.error) === null || _b === void 0 ? void 0 : _b.message) || ((_c = signatureFileIdControl.fieldState.error) === null || _c === void 0 ? void 0 : _c.message);
+    var handleSignatureChange = function (files) {
+        var file = files === null || files === void 0 ? void 0 : files[0];
+        if (!VALID_FILE_FORMATS.includes(file === null || file === void 0 ? void 0 : file.type)) {
+            setError('signatureFile', { message: 'file_not_supported_alert' });
+        }
+        else if ((file === null || file === void 0 ? void 0 : file.size) > MAX_FILE_SIZE) {
+            setError('signatureFile', { message: 'file_size_alert' });
+        }
+        else {
+            signatureFileControl.field.onChange(file);
+            dispatch(uploadSignatureFile({
+                file: file,
+                onProgress: function (value) {
+                    setProgress(value);
+                }
+            }));
+        }
+    };
+    var handleReset = function () {
+        signatureFileControl.field.onChange(null);
+        signatureFileIdControl.field.onChange('');
+        setProgress(0);
+    };
+    React.useEffect(function () {
+        if (sysError === 'file_upload_error') {
+            setError('signatureFileId', { message: sysError });
+            signatureFileControl.field.onChange(null);
+            setProgress(0);
+        }
+    }, [sysError]);
+    React.useEffect(function () {
+        if ((signatureFileControl.formState.isValid || !!signatureValue) && error != 'file_upload_error')
+            clearErrors();
+    }, [signatureFileControl.formState.isValid, signatureValue]);
+    return (_jsx(Collapse, __assign({ in: show }, { children: _jsx(FeatureStyled, { children: _jsx(UploadFile, { label: t('title_signature_file'), title: t('drag_and_drop'), subTitle: t('subtitle_drop'), dragDescription: t('desc_drag_and_drop_signature'), uploadingTitle: t('file_uploading_title'), successTitle: t('success_upload_signature_file'), onFileUploaded: handleSignatureChange, isFileUploaded: !signatureFileUploading && !!signatureValue, isSubmitting: loading, isUploading: signatureFileUploading, progress: progress, onReset: handleReset, error: error && t(error) }) }) })));
+};
+export default SignatureFile;

package/build/features/individual/screens/AdditionalIndividualInfo/validation.d.ts

@@ -6,6 +6,10 @@ export declare const IndividualInfoValidationSchema: yup.ObjectSchema<import("yu
     sourceIncome: import("yup/lib/object").RequiredObjectSchema<ObjectShape, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<ObjectShape>>;
     monthlyIncome: import("yup/lib/object").OptionalObjectSchema<ObjectShape, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<ObjectShape>>;
     employerLocation: import("yup/lib/object").OptionalObjectSchema<Partial<Record<keyof CountryCode, yup.AnySchema<any, any, any> | import("yup/lib/Reference").default<unknown> | import("yup/lib/Lazy").default<any, any>>>, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<Partial<Record<keyof CountryCode, yup.AnySchema<any, any, any> | import("yup/lib/Reference").default<unknown> | import("yup/lib/Lazy").default<any, any>>>>>;
+    civilIDFileId: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+    civilIDFile: any;
+    signatureFileId: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+    signatureFile: any;
     isPEP: import("yup/lib/boolean").RequiredBooleanSchema<boolean | undefined, import("yup/lib/types").AnyObject>;
     isInfluencer: import("yup/lib/boolean").RequiredBooleanSchema<boolean | undefined, import("yup/lib/types").AnyObject>;
 }>, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").Assign<ObjectShape, {
@@ -13,6 +17,10 @@ export declare const IndividualInfoValidationSchema: yup.ObjectSchema<import("yu
     sourceIncome: import("yup/lib/object").RequiredObjectSchema<ObjectShape, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<ObjectShape>>;
     monthlyIncome: import("yup/lib/object").OptionalObjectSchema<ObjectShape, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<ObjectShape>>;
     employerLocation: import("yup/lib/object").OptionalObjectSchema<Partial<Record<keyof CountryCode, yup.AnySchema<any, any, any> | import("yup/lib/Reference").default<unknown> | import("yup/lib/Lazy").default<any, any>>>, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<Partial<Record<keyof CountryCode, yup.AnySchema<any, any, any> | import("yup/lib/Reference").default<unknown> | import("yup/lib/Lazy").default<any, any>>>>>;
+    civilIDFileId: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+    civilIDFile: any;
+    signatureFileId: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+    signatureFile: any;
     isPEP: import("yup/lib/boolean").RequiredBooleanSchema<boolean | undefined, import("yup/lib/types").AnyObject>;
     isInfluencer: import("yup/lib/boolean").RequiredBooleanSchema<boolean | undefined, import("yup/lib/types").AnyObject>;
 }>>, import("yup/lib/object").AssertsShape<import("yup/lib/object").Assign<ObjectShape, {
@@ -20,6 +28,10 @@ export declare const IndividualInfoValidationSchema: yup.ObjectSchema<import("yu
     sourceIncome: import("yup/lib/object").RequiredObjectSchema<ObjectShape, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<ObjectShape>>;
     monthlyIncome: import("yup/lib/object").OptionalObjectSchema<ObjectShape, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<ObjectShape>>;
     employerLocation: import("yup/lib/object").OptionalObjectSchema<Partial<Record<keyof CountryCode, yup.AnySchema<any, any, any> | import("yup/lib/Reference").default<unknown> | import("yup/lib/Lazy").default<any, any>>>, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<Partial<Record<keyof CountryCode, yup.AnySchema<any, any, any> | import("yup/lib/Reference").default<unknown> | import("yup/lib/Lazy").default<any, any>>>>>;
+    civilIDFileId: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+    civilIDFile: any;
+    signatureFileId: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+    signatureFile: any;
     isPEP: import("yup/lib/boolean").RequiredBooleanSchema<boolean | undefined, import("yup/lib/types").AnyObject>;
     isInfluencer: import("yup/lib/boolean").RequiredBooleanSchema<boolean | undefined, import("yup/lib/types").AnyObject>;
 }>>>;

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

@@ -1,4 +1,5 @@
 import * as yup from 'yup';
+import { MAX_FILE_SIZE, VALID_FILE_FORMATS } from '../../../../constants';
 export var IndividualInfoValidationSchema = yup.object().shape({
     occupation: yup.object().required('alert_choose_occupation'),
     sourceIncome: yup.object().required('choose_any_source_of_income'),
@@ -19,6 +20,32 @@ export var IndividualInfoValidationSchema = yup.object().shape({
             return yup.object().optional();
         }
     }),
+    civilIDFileId: yup.string().optional(),
+    civilIDFile: yup
+        .mixed()
+        .test({
+        test: function (value) {
+            if (!!value)
+                return VALID_FILE_FORMATS.includes(value === null || value === void 0 ? void 0 : value.type) && (value === null || value === void 0 ? void 0 : value.size) < MAX_FILE_SIZE
+                    ? true
+                    : this.createError({ message: 'alert_file_upload' });
+            return true;
+        }
+    })
+        .optional(),
+    signatureFileId: yup.string().optional(),
+    signatureFile: yup
+        .mixed()
+        .test({
+        test: function (value) {
+            if (!!value)
+                return VALID_FILE_FORMATS.includes(value === null || value === void 0 ? void 0 : value.type) && (value === null || value === void 0 ? void 0 : value.size) < MAX_FILE_SIZE
+                    ? true
+                    : this.createError({ message: 'alert_file_upload' });
+            return true;
+        }
+    })
+        .optional(),
     isPEP: yup.boolean().required('please_choose_relative_pep'),
     isInfluencer: yup.boolean().required('please_choose_are_you_influncer')
 });

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

@@ -1,9 +1,16 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
-import { useTranslation } from 'react-i18next';
+import { Trans, useTranslation } from 'react-i18next';
 import SuccessScreen from '../../../shared/SuccessScreen';
+import { maskEmail } from '../../../../utils';
+import { individualSelector } from '../../../../features/app/individual/individualStore';
+import { useAppSelector } from '../../../../hooks';
 var ResetPasswordSuccess = function (_a) {
+    var _b, _c;
     var t = useTranslation().t;
-    return (_jsx(SuccessScreen, { title: t("reset_password_success_title"), description: t("reset_password_success_description"), showEmailProviders: true }));
+    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 }));
 };
 export default React.memo(ResetPasswordSuccess);

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

@@ -1,9 +1,16 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
-import { useTranslation } from 'react-i18next';
+import { Trans, useTranslation } from 'react-i18next';
 import SuccessScreen from '../../../shared/SuccessScreen';
+import { useAppSelector } from '../../../../hooks';
+import { maskEmail } from '../../../../utils';
+import { passwordSelector } from '../../../app/password/passwordStore';
 var ResetPasswordSuccess = function (_a) {
+    var _b, _c;
     var t = useTranslation().t;
-    return (_jsx(SuccessScreen, { title: t("reset_password_success_title"), description: t("reset_password_success_description"), showEmailProviders: true }));
+    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 }));
 };
 export default React.memo(ResetPasswordSuccess);

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

@@ -1,9 +1,16 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
-import { useTranslation } from 'react-i18next';
+import { Trans, useTranslation } from 'react-i18next';
 import SuccessScreen from '../../../shared/SuccessScreen';
+import { useAppSelector } from '../../../../hooks';
+import { maskEmail } from '../../../../utils';
+import { taxSelector } from '../../../../features/app/tax/taxStore';
 var ResetPasswordSuccess = function (_a) {
+    var _b, _c;
     var t = useTranslation().t;
-    return (_jsx(SuccessScreen, { title: t("reset_password_success_title"), description: t("reset_password_success_description"), showEmailProviders: true }));
+    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 }));
 };
 export default React.memo(ResetPasswordSuccess);

package/package.json

@@ -1,129 +1,129 @@
-{
-	"name": "@tap-payments/auth-jsconnect",
-	"version": "2.1.30-test",
-	"description": "connect library, auth",
-	"private": false,
-	"main": "build/index.js",
-	"module": "build/index.js",
-	"types": "build/index.d.ts",
-	"files": [
-		"build",
-		"README.md"
-	],
-	"scripts": {
-		"husky:setup": "npx husky install",
-		"prettier": "prettier --list-different \"src/**/*.{md,mdx,ts,js,tsx,jsx,json}\" *.json *.js",
-		"prettier:fix": "prettier --write \"src/**/*.{ts,tsx,js,jsx,json,md,css,json}\"  *.json *.js",
-		"lint": "eslint src --color --ext .js,.jsx,.ts,.tsx,.json",
-		"lint:fix": "eslint src --ext .js,.jsx,.ts,.tsx --fix",
-		"start": "cross-env NODE_ENV=development webpack serve",
-		"build": "rm -rf build && cross-env NODE_ENV=production webpack",
-		"copy:files": "copyfiles -u 1 src/**/*.css build/",
-		"tsc:alias": "tsc-alias -p tsconfig.json",
-		"ts:build": "rm -rf build && tsc -p tsconfig.json && tsc-alias -p tsconfig.json && yarn copy:files",
-		"push": "npm publish --access public"
-	},
-	"keywords": [],
-	"author": {
-		"name": "Ahmed Elsharkawy",
-		"email": "a.elsharkawy@tap.company"
-	},
-	"license": "ISC",
-	"devDependencies": {
-		"@babel/core": "^7.18.6",
-		"@babel/preset-env": "^7.18.6",
-		"@babel/preset-react": "^7.18.6",
-		"@babel/preset-typescript": "^7.18.6",
-		"@types/lodash-es": "^4.17.6",
-		"@types/react": "^18.0.15",
-		"@types/react-calendar": "~3.5.1",
-		"@types/react-dom": "^18.0.6",
-		"@typescript-eslint/eslint-plugin": "^5.30.5",
-		"@typescript-eslint/parser": "^5.30.5",
-		"babel-loader": "^8.2.5",
-		"copyfiles": "^2.4.1",
-		"cross-env": "^7.0.3",
-		"css-loader": "^6.7.1",
-		"css-minimizer-webpack-plugin": "^4.0.0",
-		"eslint": "^8.19.0",
-		"eslint-config-airbnb": "^19.0.4",
-		"eslint-config-prettier": "^8.5.0",
-		"eslint-plugin-import": "^2.26.0",
-		"eslint-plugin-jsx-a11y": "^6.6.0",
-		"eslint-plugin-node": "^11.1.0",
-		"eslint-plugin-prettier": "^4.2.1",
-		"eslint-plugin-react": "^7.30.1",
-		"eslint-plugin-react-hooks": "^4.6.0",
-		"file-loader": "^6.2.0",
-		"fork-ts-checker-webpack-plugin": "^7.2.12",
-		"html-loader": "^3.1.2",
-		"html-webpack-plugin": "^5.5.0",
-		"husky": "^8.0.1",
-		"lint-staged": "^13.0.3",
-		"mini-css-extract-plugin": "^2.6.1",
-		"prettier": "^2.7.1",
-		"sass": "^1.53.0",
-		"sass-loader": "^13.0.2",
-		"style-loader": "^3.3.1",
-		"terser-webpack-plugin": "^5.3.3",
-		"tsc-alias": "^1.6.11",
-		"typescript": "^4.7.4",
-		"webpack": "^5.73.0",
-		"webpack-cli": "^4.10.0",
-		"webpack-dev-server": "^4.9.3",
-		"webpack-merge": "^5.8.0"
-	},
-	"dependencies": {
-		"@emotion/react": "^11.9.3",
-		"@emotion/styled": "^11.9.3",
-		"@fingerprintjs/fingerprintjs": "~3.3.4",
-		"@hookform/resolvers": "^2.9.6",
-		"@mui/icons-material": "^5.8.4",
-		"@mui/material": "^5.8.7",
-		"@reduxjs/toolkit": "^1.8.3",
-		"axios": "^0.27.2",
-		"device-detector-js": "^3.0.3",
-		"i18next": "^21.8.14",
-		"i18next-browser-languagedetector": "^6.1.4",
-		"i18next-http-backend": "^1.4.1",
-		"jsencrypt": "^2.3.1",
-		"lodash-es": "^4.17.21",
-		"lottie-web": "^5.9.6",
-		"moment": "^2.29.4",
-		"react": "^18.2.0",
-		"react-calendar": "~3.7.0",
-		"react-device-detect": "^2.2.2",
-		"react-dom": "^18.2.0",
-		"react-dropzone": "^14.2.2",
-		"react-hook-form": "^7.33.1",
-		"react-i18next": "^11.18.1",
-		"react-multi-date-picker": "^3.3.4",
-		"react-otp-input": "^2.4.0",
-		"react-redux": "^8.0.2",
-		"react-spring-bottom-sheet": "^3.4.1",
-		"yup": "^0.32.11"
-	},
-	"peerDependencies": {
-		"react": "^18.2.0",
-		"react-dom": "^18.2.0"
-	},
-	"lint-staged": {
-		"src/**/*.{ts,tsx,json,js,jsx}": [
-			"yarn run prettier:fix",
-			"yarn run lint",
-			"git add ."
-		]
-	},
-	"browserslist": {
-		"production": [
-			">0.2%",
-			"not dead",
-			"not op_mini all"
-		],
-		"development": [
-			"last 1 chrome version",
-			"last 1 firefox version",
-			"last 1 safari version"
-		]
-	}
-}
+{
+	"name": "@tap-payments/auth-jsconnect",
+	"version": "2.1.31-test",
+	"description": "connect library, auth",
+	"private": false,
+	"main": "build/index.js",
+	"module": "build/index.js",
+	"types": "build/index.d.ts",
+	"files": [
+		"build",
+		"README.md"
+	],
+	"scripts": {
+		"husky:setup": "npx husky install",
+		"prettier": "prettier --list-different \"src/**/*.{md,mdx,ts,js,tsx,jsx,json}\" *.json *.js",
+		"prettier:fix": "prettier --write \"src/**/*.{ts,tsx,js,jsx,json,md,css,json}\"  *.json *.js",
+		"lint": "eslint src --color --ext .js,.jsx,.ts,.tsx,.json",
+		"lint:fix": "eslint src --ext .js,.jsx,.ts,.tsx --fix",
+		"start": "cross-env NODE_ENV=development webpack serve",
+		"build": "rm -rf build && cross-env NODE_ENV=production webpack",
+		"copy:files": "copyfiles -u 1 src/**/*.css build/",
+		"tsc:alias": "tsc-alias -p tsconfig.json",
+		"ts:build": "rm -rf build && tsc -p tsconfig.json && tsc-alias -p tsconfig.json && yarn copy:files",
+		"push": "npm publish --access public"
+	},
+	"keywords": [],
+	"author": {
+		"name": "Ahmed Elsharkawy",
+		"email": "a.elsharkawy@tap.company"
+	},
+	"license": "ISC",
+	"devDependencies": {
+		"@babel/core": "^7.18.6",
+		"@babel/preset-env": "^7.18.6",
+		"@babel/preset-react": "^7.18.6",
+		"@babel/preset-typescript": "^7.18.6",
+		"@types/lodash-es": "^4.17.6",
+		"@types/react": "^18.0.15",
+		"@types/react-calendar": "~3.5.1",
+		"@types/react-dom": "^18.0.6",
+		"@typescript-eslint/eslint-plugin": "^5.30.5",
+		"@typescript-eslint/parser": "^5.30.5",
+		"babel-loader": "^8.2.5",
+		"copyfiles": "^2.4.1",
+		"cross-env": "^7.0.3",
+		"css-loader": "^6.7.1",
+		"css-minimizer-webpack-plugin": "^4.0.0",
+		"eslint": "^8.19.0",
+		"eslint-config-airbnb": "^19.0.4",
+		"eslint-config-prettier": "^8.5.0",
+		"eslint-plugin-import": "^2.26.0",
+		"eslint-plugin-jsx-a11y": "^6.6.0",
+		"eslint-plugin-node": "^11.1.0",
+		"eslint-plugin-prettier": "^4.2.1",
+		"eslint-plugin-react": "^7.30.1",
+		"eslint-plugin-react-hooks": "^4.6.0",
+		"file-loader": "^6.2.0",
+		"fork-ts-checker-webpack-plugin": "^7.2.12",
+		"html-loader": "^3.1.2",
+		"html-webpack-plugin": "^5.5.0",
+		"husky": "^8.0.1",
+		"lint-staged": "^13.0.3",
+		"mini-css-extract-plugin": "^2.6.1",
+		"prettier": "^2.7.1",
+		"sass": "^1.53.0",
+		"sass-loader": "^13.0.2",
+		"style-loader": "^3.3.1",
+		"terser-webpack-plugin": "^5.3.3",
+		"tsc-alias": "^1.6.11",
+		"typescript": "^4.7.4",
+		"webpack": "^5.73.0",
+		"webpack-cli": "^4.10.0",
+		"webpack-dev-server": "^4.9.3",
+		"webpack-merge": "^5.8.0"
+	},
+	"dependencies": {
+		"@emotion/react": "^11.9.3",
+		"@emotion/styled": "^11.9.3",
+		"@fingerprintjs/fingerprintjs": "~3.3.4",
+		"@hookform/resolvers": "^2.9.6",
+		"@mui/icons-material": "^5.8.4",
+		"@mui/material": "^5.8.7",
+		"@reduxjs/toolkit": "^1.8.3",
+		"axios": "^0.27.2",
+		"device-detector-js": "^3.0.3",
+		"i18next": "^21.8.14",
+		"i18next-browser-languagedetector": "^6.1.4",
+		"i18next-http-backend": "^1.4.1",
+		"jsencrypt": "^2.3.1",
+		"lodash-es": "^4.17.21",
+		"lottie-web": "^5.9.6",
+		"moment": "^2.29.4",
+		"react": "^18.2.0",
+		"react-calendar": "~3.7.0",
+		"react-device-detect": "^2.2.2",
+		"react-dom": "^18.2.0",
+		"react-dropzone": "^14.2.2",
+		"react-hook-form": "^7.33.1",
+		"react-i18next": "^11.18.1",
+		"react-multi-date-picker": "^3.3.4",
+		"react-otp-input": "^2.4.0",
+		"react-redux": "^8.0.2",
+		"react-spring-bottom-sheet": "^3.4.1",
+		"yup": "^0.32.11"
+	},
+	"peerDependencies": {
+		"react": "^18.2.0",
+		"react-dom": "^18.2.0"
+	},
+	"lint-staged": {
+		"src/**/*.{ts,tsx,json,js,jsx}": [
+			"yarn run prettier:fix",
+			"yarn run lint",
+			"git add ."
+		]
+	},
+	"browserslist": {
+		"production": [
+			">0.2%",
+			"not dead",
+			"not op_mini all"
+		],
+		"development": [
+			"last 1 chrome version",
+			"last 1 firefox version",
+			"last 1 safari version"
+		]
+	}
+}