@tap-payments/auth-jsconnect 2.3.22-test → 2.3.25-test

package/build/features/app/bank/bankStore.js

@@ -48,7 +48,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 var _a;
 import { createAsyncThunk, createSlice } from '@reduxjs/toolkit';
 import API from '../../../api';
-import { FlowsTypes } from '../../../@types';
+import { DocumentPurpose, FlowsTypes } from '../../../@types';
 import { handleCurrentActiveScreen, handleNextScreenStep, handleSetCountryByIso2 } from '../../../app/settings';
 import { BANK_STEP_NAMES } from '../../../constants';
 export var verifyLeadToken = createAsyncThunk('bankVerifyLeadToken', function (_a, thunkApi) {
@@ -180,10 +180,10 @@ export var retrieveBoardDetails = createAsyncThunk('retrieveBankEntityInfo', fun
     });
 }); });
 export var createBankAccount = createAsyncThunk('createBankAccount', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var _a, settings, bank, iban, beneficiaryName, bankName, bankStatementId, confirmPolicy, bank_account, isIBANEditable, isBeneficiaryNameEditable, isBankNameEditable, isBankStatementIdEditable, documentResponse, hasDocument, documentId, documentBody, requestBody, data;
-    var _b, _c, _d, _e, _f, _g, _h, _j;
-    return __generator(this, function (_k) {
-        switch (_k.label) {
+    var _a, settings, bank, iban, beneficiaryName, bankName, bankStatementId, confirmPolicy, bank_account, isIBANEditable, isBeneficiaryNameEditable, isBankNameEditable, isBankStatementIdEditable, documentResponse, hasDocument, documentId, requestBody, data, documentBody;
+    var _b, _c, _d, _e, _f, _g, _h, _j, _k;
+    return __generator(this, function (_l) {
+        switch (_l.label) {
             case 0:
                 _a = thunkApi.getState(), settings = _a.settings, bank = _a.bank;
                 iban = params.iban, beneficiaryName = params.beneficiaryName, bankName = params.bankName, bankStatementId = params.bankStatementId, confirmPolicy = params.confirmPolicy;
@@ -195,16 +195,6 @@ export var createBankAccount = createAsyncThunk('createBankAccount', function (p
                 documentResponse = undefined;
                 hasDocument = isBankStatementIdEditable && (bankStatementId || []).length > 0;
                 documentId = (_b = bank_account === null || bank_account === void 0 ? void 0 : bank_account.document) === null || _b === void 0 ? void 0 : _b.id;
-                if (!(documentId && hasDocument)) return [3, 2];
-                documentBody = {
-                    id: documentId,
-                    files: bankStatementId || []
-                };
-                return [4, API.documentService.addFilesToExistingDocument(documentBody)];
-            case 1:
-                documentResponse = _k.sent();
-                _k.label = 2;
-            case 2:
                 requestBody = {
                     wallet_id: (_g = (_f = (_e = (_d = (_c = bank.data.verify.responseBody) === null || _c === void 0 ? void 0 : _c.business) === null || _d === void 0 ? void 0 : _d.entity) === null || _e === void 0 ? void 0 : _e.merchant) === null || _f === void 0 ? void 0 : _f.wallet) === null || _g === void 0 ? void 0 : _g.id,
                     bank_account: {
@@ -214,7 +204,7 @@ export var createBankAccount = createAsyncThunk('createBankAccount', function (p
                         is_acknowledged: confirmPolicy,
                         document: !documentId && hasDocument
                             ? {
-                                type: 'bank_statement',
+                                type: DocumentPurpose.BANK_STATEMENT,
                                 files: bankStatementId || []
                             }
                             : undefined
@@ -223,13 +213,23 @@ export var createBankAccount = createAsyncThunk('createBankAccount', function (p
                     encryption_contract: ['bank_account.iban', 'bank_account.beneficiary_name', 'bank_account.bank_name']
                 };
                 return [4, API.entityService.createBankAccount(requestBody)];
+            case 1:
+                data = (_l.sent()).data;
+                if ((_h = data.errors) === null || _h === void 0 ? void 0 : _h.length)
+                    throw new Error(data.errors[0].description);
+                if (!(documentId && hasDocument)) return [3, 3];
+                documentBody = {
+                    id: documentId,
+                    files: bankStatementId || []
+                };
+                return [4, API.documentService.addFilesToExistingDocument(documentBody)];
+            case 2:
+                documentResponse = _l.sent();
+                _l.label = 3;
             case 3:
-                data = (_k.sent()).data;
-                if (!data.errors) {
-                    data.documentData = documentResponse;
-                    thunkApi.dispatch(handleNextScreenStep());
-                    (_j = (_h = settings.data.appConfig).onStepCompleted) === null || _j === void 0 ? void 0 : _j.call(_h, settings.data.activeScreen.name, requestBody);
-                }
+                data.documentData = documentResponse;
+                thunkApi.dispatch(handleNextScreenStep());
+                (_k = (_j = settings.data.appConfig).onStepCompleted) === null || _k === void 0 ? void 0 : _k.call(_j, settings.data.activeScreen.name, requestBody);
                 return [2, { data: data, formData: params }];
         }
     });
@@ -427,15 +427,9 @@ export var bankSlice = createSlice({
             state.error = null;
         })
             .addCase(createBankAccount.fulfilled, function (state, action) {
-            var _a;
             state.loading = false;
             state.error = null;
-            var _b = action.payload, data = _b.data, formData = _b.formData;
-            var description = (((_a = data === null || data === void 0 ? void 0 : data.errors) === null || _a === void 0 ? void 0 : _a[0]) || {}).description;
-            if (description) {
-                state.error = description;
-                return;
-            }
+            var _a = action.payload, data = _a.data, formData = _a.formData;
             state.data.bankData = formData;
             state.data.bankData.responseBody = data;
         })

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

@@ -490,6 +490,7 @@ export var updateLeadBusinessType = createAsyncThunk('updateLeadBusinessType', f
                     entity_id: entityId || '',
                     documents: [
                         {
+                            type: DocumentPurpose.CR,
                             images: params.certificateId
                         }
                     ]

package/build/features/app/entity/entityStore.js

@@ -242,7 +242,7 @@ export var retrieveBoardDetails = createAsyncThunk('entityRetrieveEntityInfo', f
     });
 }); });
 export var updateEntityName = createAsyncThunk('entityUpdateEntityName', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var _a, settings, entity, entityData, _b, id, data_status, data_verification, issuingDate, expiryDate, isFL, isLegalNameEditable, isLicenseTypeEditable, isEntityTypeEditable, isLicenseNumberEditable, isUnifiedNumberEditable, isIssuingDateEditable, isExpiryDateEditable, isEntityTypeVerified, documentResponse, document, documentBody, documentBody, payload, data, list;
+    var _a, settings, entity, entityData, _b, id, data_status, data_verification, issuingDate, expiryDate, isFL, isLegalNameEditable, isLicenseTypeEditable, isEntityTypeEditable, isLicenseNumberEditable, isUnifiedNumberEditable, isIssuingDateEditable, isExpiryDateEditable, isEntityTypeVerified, payload, data, documentResponse, document, documentBody, documentBody, list;
     var _c, _d;
     return __generator(this, function (_e) {
         switch (_e.label) {
@@ -261,32 +261,6 @@ export var updateEntityName = createAsyncThunk('entityUpdateEntityName', functio
                 isIssuingDateEditable = true;
                 isExpiryDateEditable = true;
                 isEntityTypeVerified = hasVerifiedValue(data_verification, 'type');
-                documentResponse = undefined;
-                document = getRecentDocumentBasedOnPurpose(entityData === null || entityData === void 0 ? void 0 : entityData.documents, DocumentPurpose.CR);
-                if (!((params.certificateId || []).length > 0)) return [3, 4];
-                if (!(document === null || document === void 0 ? void 0 : document.id)) return [3, 2];
-                documentBody = {
-                    id: document.id,
-                    images: params.certificateId
-                };
-                return [4, API.documentService.addFilesToExistingDocument(documentBody)];
-            case 1:
-                documentResponse = _e.sent();
-                return [3, 4];
-            case 2:
-                documentBody = {
-                    entity_id: id || '',
-                    documents: [
-                        {
-                            images: params.certificateId
-                        }
-                    ]
-                };
-                return [4, API.documentService.updateDocumentInfo(documentBody)];
-            case 3:
-                documentResponse = _e.sent();
-                _e.label = 4;
-            case 4:
                 payload = {
                     id: id,
                     AOA_file_id: params.articleId,
@@ -320,11 +294,41 @@ export var updateEntityName = createAsyncThunk('entityUpdateEntityName', functio
                     ]
                 };
                 return [4, API.entityService.updateEntity(payload)];
-            case 5:
+            case 1:
                 data = _e.sent();
-                data.documentData = documentResponse;
-                return [4, API.dataService.getActivities()];
+                documentResponse = undefined;
+                document = getRecentDocumentBasedOnPurpose(entityData === null || entityData === void 0 ? void 0 : entityData.documents, DocumentPurpose.CR);
+                if (!((params.certificateId || []).length > 0)) return [3, 7];
+                if (!(document === null || document === void 0 ? void 0 : document.id)) return [3, 3];
+                documentBody = {
+                    id: document.id,
+                    images: params.certificateId
+                };
+                return [4, API.documentService.addFilesToExistingDocument(documentBody)];
+            case 2:
+                documentResponse = _e.sent();
+                return [3, 5];
+            case 3:
+                documentBody = {
+                    entity_id: id || '',
+                    documents: [
+                        {
+                            type: DocumentPurpose.CR,
+                            images: params.certificateId
+                        }
+                    ]
+                };
+                return [4, API.documentService.updateDocumentInfo(documentBody)];
+            case 4:
+                documentResponse = _e.sent();
+                _e.label = 5;
+            case 5: return [4, API.entityService.retrieveEntity(id)];
             case 6:
+                data = _e.sent();
+                data.documentData = documentResponse;
+                _e.label = 7;
+            case 7: return [4, API.dataService.getActivities()];
+            case 8:
                 list = (_e.sent()).list;
                 data.activityList = list;
                 thunkApi.dispatch(handleNextScreenStep());

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

@@ -619,7 +619,7 @@ export var updateIndividualPersonalInfo = createAsyncThunk('individual/updateInd
                 };
                 return [4, API.individualService.updateIndividual(requestBody)];
             case 1:
-                data = (_h.sent()).data;
+                data = _h.sent();
                 if (!(type === IndividualType.USER || type === IndividualType.BUYER)) return [3, 3];
                 return [4, thunkApi.dispatch(retrieveDataList(code))];
             case 2:
@@ -633,7 +633,7 @@ export var updateIndividualPersonalInfo = createAsyncThunk('individual/updateInd
     });
 }); });
 export var updateIndividualInfo = createAsyncThunk('updateIndividualInfo', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var _a, settings, individual, _b, notification, user, _c, id, type, civilID, signatureFileId, businessCountry, hasCivilIdDocument, hasSignatureDocument, isSendSignatureFile, civilIdDocument, signatureDocument, documentBody, documentBody, documentsList, documentBody, occupation, sourceIncome, monthlyIncome, isPEP, isInfluencer, shareCount, shareValue, isOccupationEditable, isSourceIncomeEditable, isPEPEditable, isInfluencerEditable, isSharesAvailable, pepInfo, influencerInfo, occupationInfo, sourceIncomeInfo, monthlyIncomeInfo, userPayload, shareHolderPayload, boardMemberPayload, buyerMemberPayload, payload, requestBody, data;
+    var _a, settings, individual, _b, notification, user, _c, id, type, occupation, sourceIncome, monthlyIncome, isPEP, isInfluencer, shareCount, shareValue, isOccupationEditable, isSourceIncomeEditable, isPEPEditable, isInfluencerEditable, isSharesAvailable, pepInfo, influencerInfo, occupationInfo, sourceIncomeInfo, monthlyIncomeInfo, userPayload, shareHolderPayload, boardMemberPayload, buyerMemberPayload, payload, requestBody, data, civilID, signatureFileId, businessCountry, hasCivilIdDocument, hasSignatureDocument, isSendSignatureFile, civilIdDocument, signatureDocument, documentBody, documentBody, documentsList, documentBody;
     var _d, _e;
     return __generator(this, function (_f) {
         switch (_f.label) {
@@ -641,49 +641,6 @@ export var updateIndividualInfo = createAsyncThunk('updateIndividualInfo', funct
                 _a = thunkApi.getState(), settings = _a.settings, individual = _a.individual;
                 _b = individual.data.verify.responseBody || {}, notification = _b.notification, user = _b.user;
                 _c = ((user === null || user === void 0 ? void 0 : user.is_authorized) ? user : notification === null || notification === void 0 ? void 0 : notification.recipient) || {}, id = _c.id, type = _c.type;
-                civilID = params.civilID, signatureFileId = params.signatureFileId;
-                businessCountry = settings.data.businessCountry;
-                hasCivilIdDocument = (civilID || []).length > 0;
-                hasSignatureDocument = (signatureFileId || []).length > 0;
-                isSendSignatureFile = (user === null || user === void 0 ? void 0 : user.is_authorized) && (type === IndividualType.USER || type === IndividualType.BUYER);
-                civilIdDocument = getRecentDocumentBasedOnPurpose(user === null || user === void 0 ? void 0 : user.documents, DocumentPurpose.IDENTITY_DOCUMENT);
-                signatureDocument = getRecentDocumentBasedOnPurpose(user === null || user === void 0 ? void 0 : user.documents, DocumentPurpose.CUSTOMER_SIGNATURE);
-                if (!((civilIdDocument === null || civilIdDocument === void 0 ? void 0 : civilIdDocument.id) && hasCivilIdDocument)) return [3, 2];
-                documentBody = {
-                    id: civilIdDocument.id,
-                    images: civilID
-                };
-                return [4, API.documentService.addFilesToExistingDocument(documentBody)];
-            case 1:
-                _f.sent();
-                _f.label = 2;
-            case 2:
-                if (!((signatureDocument === null || signatureDocument === void 0 ? void 0 : signatureDocument.id) && hasSignatureDocument && isSendSignatureFile)) return [3, 4];
-                documentBody = {
-                    id: signatureDocument.id,
-                    images: signatureFileId
-                };
-                return [4, API.documentService.addFilesToExistingDocument(documentBody)];
-            case 3:
-                _f.sent();
-                _f.label = 4;
-            case 4:
-                documentsList = [];
-                if (hasCivilIdDocument && !(civilIdDocument === null || civilIdDocument === void 0 ? void 0 : civilIdDocument.id))
-                    documentsList.push({ type: 'Civil ID File', images: civilID });
-                if (isSendSignatureFile && hasSignatureDocument && !(signatureDocument === null || signatureDocument === void 0 ? void 0 : signatureDocument.id))
-                    documentsList.push({ type: 'Signature File', images: signatureFileId });
-                if (!(documentsList.length > 0)) return [3, 6];
-                documentBody = {
-                    individual_type_id: id || '',
-                    country: businessCountry.iso2,
-                    documents: documentsList
-                };
-                return [4, API.documentService.updateDocumentInfo(documentBody)];
-            case 5:
-                _f.sent();
-                _f.label = 6;
-            case 6:
                 occupation = params.occupation, sourceIncome = params.sourceIncome, monthlyIncome = params.monthlyIncome, isPEP = params.isPEP, isInfluencer = params.isInfluencer, shareCount = params.shareCount, shareValue = params.shareValue;
                 isOccupationEditable = true;
                 isSourceIncomeEditable = true;
@@ -730,8 +687,51 @@ export var updateIndividualInfo = createAsyncThunk('updateIndividualInfo', funct
                     payload = {};
                 requestBody = __assign(__assign({ id: id, type: type }, payload), { encryption_contract: [], step_name: INDIVIDUAl_STEP_NAMES.INDIVIDUAl_INFO });
                 return [4, API.individualService.updateIndividual(requestBody)];
+            case 1:
+                data = _f.sent();
+                civilID = params.civilID, signatureFileId = params.signatureFileId;
+                businessCountry = settings.data.businessCountry;
+                hasCivilIdDocument = (civilID || []).length > 0;
+                hasSignatureDocument = (signatureFileId || []).length > 0;
+                isSendSignatureFile = (user === null || user === void 0 ? void 0 : user.is_authorized) && (type === IndividualType.USER || type === IndividualType.BUYER);
+                civilIdDocument = getRecentDocumentBasedOnPurpose(user === null || user === void 0 ? void 0 : user.documents, DocumentPurpose.IDENTITY_DOCUMENT);
+                signatureDocument = getRecentDocumentBasedOnPurpose(user === null || user === void 0 ? void 0 : user.documents, DocumentPurpose.CUSTOMER_SIGNATURE);
+                if (!((civilIdDocument === null || civilIdDocument === void 0 ? void 0 : civilIdDocument.id) && hasCivilIdDocument)) return [3, 3];
+                documentBody = {
+                    id: civilIdDocument.id,
+                    images: civilID
+                };
+                return [4, API.documentService.addFilesToExistingDocument(documentBody)];
+            case 2:
+                _f.sent();
+                _f.label = 3;
+            case 3:
+                if (!((signatureDocument === null || signatureDocument === void 0 ? void 0 : signatureDocument.id) && hasSignatureDocument && isSendSignatureFile)) return [3, 5];
+                documentBody = {
+                    id: signatureDocument.id,
+                    images: signatureFileId
+                };
+                return [4, API.documentService.addFilesToExistingDocument(documentBody)];
+            case 4:
+                _f.sent();
+                _f.label = 5;
+            case 5:
+                documentsList = [];
+                if (hasCivilIdDocument && !(civilIdDocument === null || civilIdDocument === void 0 ? void 0 : civilIdDocument.id))
+                    documentsList.push({ type: DocumentPurpose.IDENTITY_DOCUMENT, images: civilID });
+                if (isSendSignatureFile && hasSignatureDocument && !(signatureDocument === null || signatureDocument === void 0 ? void 0 : signatureDocument.id))
+                    documentsList.push({ type: DocumentPurpose.CUSTOMER_SIGNATURE, images: signatureFileId });
+                if (!(documentsList.length > 0)) return [3, 7];
+                documentBody = {
+                    individual_type_id: id || '',
+                    country: businessCountry.iso2,
+                    documents: documentsList
+                };
+                return [4, API.documentService.updateDocumentInfo(documentBody)];
+            case 6:
+                _f.sent();
+                _f.label = 7;
             case 7:
-                data = (_f.sent()).data;
                 thunkApi.dispatch(handleNextScreenStep());
                 (_e = (_d = settings.data.appConfig).onStepCompleted) === null || _e === void 0 ? void 0 : _e.call(_d, settings.data.activeScreen.name, requestBody);
                 return [2, { data: data, formData: params }];

package/build/features/app/tax/taxStore.js

@@ -206,6 +206,7 @@ export var updateTaxInfo = createAsyncThunk('updateTaxInfo', function (params, t
                     entity_id: entityId || '',
                     documents: [
                         {
+                            type: DocumentPurpose.TAX_DOCUMENT,
                             images: params.documentId
                         }
                     ]

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

@@ -14,11 +14,12 @@ import * as React from 'react';
 import { yupResolver } from '@hookform/resolvers/yup';
 import { useForm, FormProvider } from 'react-hook-form';
 import { useTranslation } from 'react-i18next';
-import { handleCurrentActiveScreen } from '../../../../app/settings';
+import { handleCurrentActiveScreen, settingsSelector } from '../../../../app/settings';
 import Box from '@mui/material/Box';
 import { alpha, styled } from '@mui/material/styles';
 import { useAppDispatch, useAppSelector, useSetFromDefaultValues, useLanguage } from '../../../../hooks';
 import { IndividualType } from '../../../../@types';
+import { isSA } from '../../../../utils';
 import Form from '../../../../components/Form';
 import Collapse from '../../../../components/Collapse';
 import Text from '../../../../components/Text';
@@ -54,6 +55,7 @@ var AdditionalIndividualInfo = function (_a) {
     var isAr = useLanguage().isAr;
     var dispatch = useAppDispatch();
     var _b = useAppSelector(individualSelector), data = _b.data, loading = _b.loading, error = _b.error;
+    var settingsData = useAppSelector(settingsSelector).data;
     var verify = data.verify;
     var user = (verify.responseBody || {}).user;
     var isAuthorizedUser = user === null || user === void 0 ? void 0 : user.is_authorized;
@@ -79,6 +81,7 @@ var AdditionalIndividualInfo = function (_a) {
     });
     useSetFromDefaultValues(methods, data.individualData, true);
     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));
     };
@@ -113,7 +116,7 @@ var AdditionalIndividualInfo = function (_a) {
     var isMonthlyIncomeListActive = listActive === ListType.MonthlyIncomeList;
     var isOccupationListActive = listActive === ListType.OccupationList;
     var disabled = !methods.formState.isValid || civilIDUploading || signatureFileUploading;
-    return (_jsxs(ScreenContainer, { children: [_jsx(Collapse, __assign({ in: !listActive && !!(user === null || user === void 0 ? void 0 : user.is_authorized), timeout: 500 }, { children: _jsxs(TextBoxStyled, { children: [getUserName() || '', _jsx(RoleTextStyled, { children: getUserRole() || '' })] }) })), _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: showOccupationFile && !isMonthlyIncomeListActive && !isSourceOfIncomeListActive }), _jsx(SourceOfIncome, { onListOpen: function () { return handleMenuClick(ListType.SourceOfIncomeList); }, onListClose: function () { return handleMenuClick(); }, show: showSourceOfIncome && !isMonthlyIncomeListActive && !isOccupationListActive }), _jsx(MonthlyIncome, { show: showSourceOfIncome && !isSourceOfIncomeListActive && !isOccupationListActive, onListOpen: function () { return handleMenuClick(ListType.MonthlyIncomeList); }, onListClose: function () { return handleMenuClick(); } }), _jsx(ShareCount, { show: !listActive && showShares }), _jsx(ShareValue, { show: !listActive && showShares }), _jsxs(Collapse, __assign({ in: !listActive, timeout: 500 }, { children: [_jsx(CivilIDFile, {}), _jsx(SignatureFile, { show: (user === null || user === void 0 ? void 0 : user.is_authorized) && showSignatureFile })] })), _jsx(PEPSwitch, { show: showIsPEP && !listActive }), _jsx(InfluencerSwitch, { show: showIsInfluencer && !listActive })] }), _jsx(Collapse, __assign({ in: !listActive, timeout: 500 }, { children: _jsx(Button, __assign({ onBackClicked: function () { return onBack(); }, isAr: isAr, disabled: disabled, loading: loading, error: t(error || '') }, { children: t('next') })) }))] })) }))] }));
+    return (_jsxs(ScreenContainer, { children: [_jsx(Collapse, __assign({ in: !listActive && !!(user === null || user === void 0 ? void 0 : user.is_authorized), timeout: 500 }, { children: _jsxs(TextBoxStyled, { children: [getUserName() || '', _jsx(RoleTextStyled, { children: getUserRole() || '' })] }) })), _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: showOccupationFile && !isMonthlyIncomeListActive && !isSourceOfIncomeListActive }), _jsx(SourceOfIncome, { onListOpen: function () { return handleMenuClick(ListType.SourceOfIncomeList); }, onListClose: function () { return handleMenuClick(); }, show: showSourceOfIncome && !isMonthlyIncomeListActive && !isOccupationListActive }), _jsx(MonthlyIncome, { show: showSourceOfIncome && !isSourceOfIncomeListActive && !isOccupationListActive, onListOpen: function () { return handleMenuClick(ListType.MonthlyIncomeList); }, onListClose: function () { return handleMenuClick(); } }), _jsx(ShareCount, { show: !listActive && showShares }), _jsx(ShareValue, { show: !listActive && showShares }), _jsxs(Collapse, __assign({ in: !listActive, timeout: 500 }, { children: [_jsx(CivilIDFile, { show: !isSACountry }), _jsx(SignatureFile, { show: (user === null || user === void 0 ? void 0 : user.is_authorized) && showSignatureFile })] })), _jsx(PEPSwitch, { show: showIsPEP && !listActive }), _jsx(InfluencerSwitch, { show: showIsInfluencer && !listActive })] }), _jsx(Collapse, __assign({ in: !listActive, timeout: 500 }, { children: _jsx(Button, __assign({ onBackClicked: function () { return onBack(); }, isAr: isAr, disabled: disabled, loading: loading, error: t(error || '') }, { children: t('next') })) }))] })) }))] }));
 };
 export default React.memo(AdditionalIndividualInfo);
 AdditionalIndividualInfo.defaultProps = {};

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

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

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

@@ -1,3 +1,14 @@
+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';
@@ -7,8 +18,9 @@ import { useController, useFormContext } from 'react-hook-form';
 import { useAppDispatch, useAppSelector } from '../../../../hooks';
 import { DocumentPurpose } from '../../../../@types';
 import { FileType } from '../../../../constants';
+import Collapse from '../../../../components/Collapse';
 import { getFileDetailsFromDocument } from '../../../../utils';
-import { civilIDUploadingStatus, individualSelector } from '../../../app/individual/individualStore';
+import { civilIDUploadingStatus, clearError, individualSelector } from '../../../app/individual/individualStore';
 import UploadMultipleFile from '../../../shared/UploadMultipleFile';
 var FeatureStyled = styled(ScreenContainer)(function (_a) {
     var theme = _a.theme;
@@ -16,21 +28,26 @@ var FeatureStyled = styled(ScreenContainer)(function (_a) {
         marginBlockStart: theme.spacing(3)
     });
 });
-var CivilIDFile = function () {
-    var _a;
+var CivilIDFile = function (_a) {
+    var _b;
+    var show = _a.show;
     var t = useTranslation().t;
     var dispatch = useAppDispatch();
     var control = useFormContext().control;
     var civilIDFileIdControl = useController({ name: 'civilID', control: control });
-    var _b = useAppSelector(individualSelector), loading = _b.loading, data = _b.data;
-    var documents = (((_a = data.verify.responseBody) === null || _a === void 0 ? void 0 : _a.user) || {}).documents;
+    var _c = useAppSelector(individualSelector), loading = _c.loading, data = _c.data, error = _c.error;
+    var documents = (((_b = data.verify.responseBody) === null || _b === void 0 ? void 0 : _b.user) || {}).documents;
     var handleCivilIDChange = function (ids) {
+        if (error)
+            dispatch(clearError());
         civilIDFileIdControl.field.onChange(ids);
     };
     var handleReset = function (ids) {
+        if (error)
+            dispatch(clearError());
         civilIDFileIdControl.field.onChange(ids);
     };
     var defaultFiles = React.useMemo(function () { return getFileDetailsFromDocument(documents, DocumentPurpose.IDENTITY_DOCUMENT); }, [documents]);
-    return (_jsx(FeatureStyled, { children: _jsx(UploadMultipleFile, { id: 'civilID', control: control, 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, isSubmitting: loading, onDeleteFile: handleReset, maxLimit: 4, defaultFiles: defaultFiles, purpose: DocumentPurpose.IDENTITY_DOCUMENT, fileUploadingStatus: function (uploading) { return dispatch(civilIDUploadingStatus(uploading)); }, fileType: FileType.IMAGES }) }));
+    return (_jsx(Collapse, __assign({ in: show }, { children: _jsx(FeatureStyled, { children: _jsx(UploadMultipleFile, { id: 'civilID', control: control, 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, isSubmitting: loading, onDeleteFile: handleReset, maxLimit: 4, defaultFiles: defaultFiles, purpose: DocumentPurpose.IDENTITY_DOCUMENT, fileUploadingStatus: function (uploading) { return dispatch(civilIDUploadingStatus(uploading)); }, fileType: FileType.IMAGES }) }) })));
 };
 export default CivilIDFile;

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

@@ -15,7 +15,7 @@ import { useTranslation } from 'react-i18next';
 import { useFormContext, useController } from 'react-hook-form';
 import { ScreenContainer } from '../../../shared/Containers';
 import Collapse from '../../../../components/Collapse';
-import { useAppSelector } from '../../../../hooks';
+import { useAppDispatch, useAppSelector } from '../../../../hooks';
 import { styled, alpha } from '@mui/material/styles';
 import Mandatory from '../../../shared/Mandatory';
 import Text from '../../../../components/Text';
@@ -24,7 +24,7 @@ import RadioLabel from '../../../../components/RadioLabel';
 import { InfoIconStyled, InfoOutlinedIconStyled } from './PEPSwitch';
 import Box from '@mui/material/Box';
 import Tooltip from '../../../../components/Tooltip';
-import { individualSelector } from '../../../app/individual/individualStore';
+import { individualSelector, clearError } from '../../../app/individual/individualStore';
 var LabelTextStyled = styled(Text)(function (_a) {
     var theme = _a.theme;
     return (__assign(__assign({}, theme.typography.caption), { color: alpha(theme.palette.text.primary, 0.6), marginBlockEnd: theme.spacing(0.625) }));
@@ -40,12 +40,15 @@ var InfluencerSwitch = function (_a) {
     var _b = React.useState(false), isHovered = _b[0], setIsHovered = _b[1];
     var control = useFormContext().control;
     var t = useTranslation().t;
+    var dispatch = useAppDispatch();
     var influencerControl = useController({ name: 'isInfluencer', control: control });
-    var data = useAppSelector(individualSelector).data;
+    var _c = useAppSelector(individualSelector), data = _c.data, error = _c.error;
     var user = (data.verify.responseBody || {}).user;
     var disabled = false;
     var handleOnChange = function (_a) {
         var target = _a.target;
+        if (error)
+            dispatch(clearError());
         influencerControl.field.onChange(target.value === 'yes');
     };
     var influencerValue = influencerControl.field.value;

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

@@ -30,8 +30,8 @@ import { ScreenContainer } from '../../../shared/Containers';
 import Input from '../../../shared/Input';
 import CheckIcon from '../../../shared/CheckIcon';
 import Collapse from '../../../../components/Collapse';
-import { useAppSelector, useLanguage } from '../../../../hooks';
-import { individualSelector } from '../../../app/individual/individualStore';
+import { useAppDispatch, useAppSelector, useLanguage } from '../../../../hooks';
+import { individualSelector, clearError } from '../../../app/individual/individualStore';
 import Text from '../../../../components/Text';
 import ExpandIcon from '../../../../components/ExpandIcon';
 import SimpleList from '../../../../components/SimpleList';
@@ -59,7 +59,8 @@ var MonthlyIncome = function (_a) {
     var _d = React.useState(null), anchorEl = _d[0], setAnchorEl = _d[1];
     var t = useTranslation().t;
     var isAr = useLanguage().isAr;
-    var data = useAppSelector(individualSelector).data;
+    var dispatch = useAppDispatch();
+    var _e = useAppSelector(individualSelector), data = _e.data, bckError = _e.error;
     var control = useFormContext().control;
     var settingsData = useAppSelector(settingsSelector).data;
     var monthlyIncomeList = (data.individualData.responseBody || {}).monthlyIncomeList;
@@ -86,6 +87,8 @@ var MonthlyIncome = function (_a) {
         }
     };
     var onSelectItem = function (source) {
+        if (bckError)
+            dispatch(clearError());
         onCloseList();
         monthlyIncomeControl.field.onChange(source);
     };

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

@@ -26,8 +26,8 @@ import Box from '@mui/material/Box';
 import { styled } from '@mui/material/styles';
 import { useTranslation } from 'react-i18next';
 import { useController, useFormContext } from 'react-hook-form';
-import { useAppSelector, useLanguage } from '../../../../hooks';
-import { individualSelector } from '../../../app/individual/individualStore';
+import { useAppSelector, useLanguage, useAppDispatch } from '../../../../hooks';
+import { individualSelector, clearError } from '../../../app/individual/individualStore';
 import Text from '../../../../components/Text';
 import Collapse from '../../../../components/Collapse';
 import CheckIcon from '@mui/icons-material/Check';
@@ -57,7 +57,8 @@ var Occupation = function (_a) {
     var _e = React.useState(null), anchorEl = _e[0], setAnchorEl = _e[1];
     var t = useTranslation().t;
     var isAr = useLanguage().isAr;
-    var data = useAppSelector(individualSelector).data;
+    var dispatch = useAppDispatch();
+    var _f = useAppSelector(individualSelector), data = _f.data, bckError = _f.error;
     var control = useFormContext().control;
     var occupationsList = ((_b = data.individualData.responseBody) === null || _b === void 0 ? void 0 : _b.occupationList) || [];
     var occupationControl = useController({ control: control, name: 'occupation' });
@@ -79,6 +80,8 @@ var Occupation = function (_a) {
         (_a = rest.onListClose) === null || _a === void 0 ? void 0 : _a.call(rest);
     };
     var onSelectItem = function (occupation) {
+        if (bckError)
+            dispatch(clearError());
         onCloseList();
         occupationControl.field.onChange(occupation);
     };

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

@@ -18,14 +18,14 @@ import { ScreenContainer } from '../../../shared/Containers';
 import Collapse from '../../../../components/Collapse';
 import Mandatory from '../../../shared/Mandatory';
 import Text from '../../../../components/Text';
-import { useAppSelector } from '../../../../hooks';
+import { useAppSelector, useAppDispatch } from '../../../../hooks';
 import RadioGroup from '../../../../components/RadioGroup';
 import RadioLabel from '../../../../components/RadioLabel';
 import Tooltip from '../../../../components/Tooltip';
 import InfoIcon from '@mui/icons-material/Info';
 import InfoOutlinedIcon from '@mui/icons-material/InfoOutlined';
 import Box from '@mui/material/Box';
-import { individualSelector } from '../../../app/individual/individualStore';
+import { individualSelector, clearError } from '../../../app/individual/individualStore';
 var LabelTextStyled = styled(Text)(function (_a) {
     var theme = _a.theme;
     return (__assign(__assign({}, theme.typography.caption), { color: alpha(theme.palette.text.primary, 0.6), marginBlockEnd: theme.spacing(0.625) }));
@@ -60,11 +60,14 @@ var PEPSwitch = function (_a) {
     var control = useFormContext().control;
     var t = useTranslation().t;
     var pepControl = useController({ name: 'isPEP', control: control });
-    var data = useAppSelector(individualSelector).data;
+    var _c = useAppSelector(individualSelector), data = _c.data, error = _c.error;
+    var dispatch = useAppDispatch();
     var user = (data.verify.responseBody || {}).user;
     var disabled = false;
     var handleOnChange = function (_a) {
         var target = _a.target;
+        if (error)
+            dispatch(clearError());
         pepControl.field.onChange(target.value === 'yes');
     };
     var pepValue = pepControl.field.value;

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

@@ -15,15 +15,21 @@ import { useTranslation } from 'react-i18next';
 import { useController, useFormContext } from 'react-hook-form';
 import Collapse from '@mui/material/Collapse';
 import { removeAllCharsFromNumber } from '../../../../utils';
+import { useAppSelector, useAppDispatch } from '../../../../hooks';
 import { ScreenContainer } from '../../../shared/Containers';
 import Input from '../../../shared/Input';
+import { individualSelector, clearError } from '../../../app/individual/individualStore';
 var ShareCount = function (_a) {
     var _b;
     var show = _a.show;
     var t = useTranslation().t;
     var control = useFormContext().control;
+    var dispatch = useAppDispatch();
+    var bckError = useAppSelector(individualSelector).error;
     var handleChange = function (_a) {
         var target = _a.target;
+        if (bckError)
+            dispatch(clearError());
         var value = removeAllCharsFromNumber(target.value);
         shareCountControl.field.onChange(value);
     };

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

@@ -16,18 +16,23 @@ import { useController, useFormContext } from 'react-hook-form';
 import Collapse from '@mui/material/Collapse';
 import { findCurrencyByIso2, removeAllCharsFromNumber } from '../../../../utils';
 import { settingsSelector } from '../../../../app/settings';
-import { useAppSelector } from '../../../../hooks';
+import { useAppDispatch, useAppSelector } from '../../../../hooks';
 import { ScreenContainer } from '../../../shared/Containers';
 import Input from '../../../shared/Input';
+import { individualSelector, clearError } from '../../../app/individual/individualStore';
 var ShareValue = function (_a) {
     var _b;
     var show = _a.show;
     var t = useTranslation().t;
     var settingsData = useAppSelector(settingsSelector).data;
     var control = useFormContext().control;
+    var bckError = useAppSelector(individualSelector).error;
+    var dispatch = useAppDispatch();
     var countryCode = settingsData.businessCountry.iso2;
     var handleChange = function (_a) {
         var target = _a.target;
+        if (bckError)
+            dispatch(clearError());
         var value = removeAllCharsFromNumber(target.value);
         shareValueControl.field.onChange(value);
     };

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

@@ -20,7 +20,7 @@ import { FileType } from '../../../../constants';
 import { getFileDetailsFromDocument } from '../../../../utils';
 import UploadMultipleFile from '../../../shared/UploadMultipleFile';
 import { ScreenContainer } from '../../../shared/Containers';
-import { individualSelector, signatureFileUploadingStatus } from '../../../app/individual/individualStore';
+import { individualSelector, signatureFileUploadingStatus, clearError } from '../../../app/individual/individualStore';
 import Collapse from '../../../../components/Collapse';
 var FeatureStyled = styled(ScreenContainer)(function (_a) {
     var theme = _a.theme;
@@ -34,13 +34,17 @@ var SignatureFile = function (_a) {
     var t = useTranslation().t;
     var control = useFormContext().control;
     var signatureFileIdControl = useController({ name: 'signatureFileId', control: control });
-    var _c = useAppSelector(individualSelector), loading = _c.loading, data = _c.data;
+    var _c = useAppSelector(individualSelector), loading = _c.loading, data = _c.data, error = _c.error;
     var documents = (((_b = data.verify.responseBody) === null || _b === void 0 ? void 0 : _b.user) || {}).documents;
     var dispatch = useAppDispatch();
     var handleSignatureChange = function (ids) {
+        if (error)
+            dispatch(clearError());
         signatureFileIdControl.field.onChange(ids);
     };
     var handleReset = function (ids) {
+        if (error)
+            dispatch(clearError());
         signatureFileIdControl.field.onChange(ids);
     };
     var defaultFiles = React.useMemo(function () { return getFileDetailsFromDocument(documents, DocumentPurpose.CUSTOMER_SIGNATURE); }, [documents]);

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

@@ -26,8 +26,8 @@ import Box from '@mui/material/Box';
 import { styled } from '@mui/material/styles';
 import { useTranslation } from 'react-i18next';
 import { useController, useFormContext } from 'react-hook-form';
-import { useAppSelector, useLanguage } from '../../../../hooks';
-import { individualSelector } from '../../../app/individual/individualStore';
+import { useAppSelector, useLanguage, useAppDispatch } from '../../../../hooks';
+import { individualSelector, clearError } from '../../../app/individual/individualStore';
 import Text from '../../../../components/Text';
 import Collapse from '../../../../components/Collapse';
 import CheckIcon from '@mui/icons-material/Check';
@@ -57,7 +57,8 @@ var SourceOfIncome = function (_a) {
     var _e = React.useState(null), anchorEl = _e[0], setAnchorEl = _e[1];
     var t = useTranslation().t;
     var isAr = useLanguage().isAr;
-    var data = useAppSelector(individualSelector).data;
+    var _f = useAppSelector(individualSelector), data = _f.data, bckError = _f.error;
+    var dispatch = useAppDispatch();
     var control = useFormContext().control;
     var sourceIncomeList = ((_b = data.individualData.responseBody) === null || _b === void 0 ? void 0 : _b.sourceIncomeList) || [];
     var sourceIncomeControl = useController({ control: control, name: 'sourceIncome' });
@@ -79,6 +80,8 @@ var SourceOfIncome = function (_a) {
         (_a = rest.onListClose) === null || _a === void 0 ? void 0 : _a.call(rest);
     };
     var onSelectItem = function (source) {
+        if (bckError)
+            dispatch(clearError());
         onCloseList();
         sourceIncomeControl.field.onChange(source);
     };

package/package.json

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