@tap-payments/auth-jsconnect 2.1.66-test → 2.1.68-test

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

@@ -68,8 +68,7 @@ export declare type BankFormValues = {
     iban: string;
     beneficiaryName: string;
     bankName: string;
-    bankStatementId?: string;
-    bankStatementFile?: File;
+    bankStatementId?: Array<string>;
     uploading?: boolean;
     confirmPolicy: boolean;
 };
@@ -104,6 +103,9 @@ export declare type EntityNameFormValues = {
     issuingDate: string;
     expiryDate: string;
     unifiedNumber: string;
+    certificateId?: Array<string>;
+    articleId?: string;
+    articleFile?: File;
 };
 export declare type EntityCapitalFormValues = {
     activities: Array<Activity>;

package/build/api/entity.d.ts

@@ -33,6 +33,14 @@ export declare type EntityInfoBody = {
     step_name: string;
     encryption_contract?: Array<string>;
 };
+export declare type BankDocumentInfo = {
+    type?: string;
+    number?: string;
+    issuing_country?: string;
+    issuing_date?: string;
+    expiry_date?: string;
+    files: Array<string>;
+};
 export declare type EntityBankUpdateBody = {
     wallet_id: string;
     bank_account: {
@@ -43,6 +51,7 @@ export declare type EntityBankUpdateBody = {
         swift_code?: string;
         account_number?: string;
         is_acknowledged: boolean;
+        document?: BankDocumentInfo;
     };
     step_name: string;
     encryption_contract?: Array<string>;

package/build/api/index.d.ts

@@ -3,7 +3,7 @@ import { ValidateOperatorBody } from './operator';
 import { CreateAuthBody, VerifyAuthBody, CreatePasswordBody, VerifyOperationAuthBody, ResetPasswordVerifyAuthBody, VerifyAuthExpressOTPBody } from './auth';
 import { UpdateLeadBody, LeadVerifyBody, CreateLeadBody, LeadOTPVerifyBody, LeadIdentityUpdateBody } from './lead';
 import { CheckEmailBody, CheckBrandBody } from './availabilityServices';
-import { EntityInfoBody, EntityBankUpdateBody, UpdateEntityBody, DocumentUpdateBody, DocumentInfo, UpdateEntityActivityBody, UpdateEntityCapitalBody } from './entity';
+import { EntityInfoBody, EntityBankUpdateBody, BankDocumentInfo, UpdateEntityBody, DocumentUpdateBody, DocumentInfo, UpdateEntityActivityBody, UpdateEntityCapitalBody } from './entity';
 import { CreateAccountBody, ExpressCreateAccountBody } from './account';
 import { DataElementBody } from './data';
 import { BrandListBody, UpdateBrandBody, UpdateIndividualBody } from './individual';
@@ -130,6 +130,6 @@ declare const API: {
         uploadFileInfo: (data: UploadFileBody, config?: import("axios").AxiosRequestConfig<any> | undefined) => Promise<any>;
     };
 };
-export type { ValidateOperatorBody, CreateAuthBody, ExpressCreateAccountBody, VerifyAuthBody, CreateLeadBody, UpdateLeadBody, LeadVerifyBody, LeadOTPVerifyBody, CheckEmailBody, CheckBrandBody, LeadIdentityUpdateBody, EntityInfoBody, CreateAccountBody, EntityBankUpdateBody, CreatePasswordBody, BrandListBody, VerifyOperationAuthBody, ResetPasswordVerifyAuthBody, UpdateBoardBody, UpdateBrandBody, DataElementBody, UploadFileBody, UpdateEntityBody, DocumentUpdateBody, DocumentInfo, VerifyAuthExpressOTPBody, UpdateIndividualBody, UpdateEntityActivityBody, UpdateEntityCapitalBody };
+export type { ValidateOperatorBody, CreateAuthBody, ExpressCreateAccountBody, VerifyAuthBody, CreateLeadBody, UpdateLeadBody, LeadVerifyBody, LeadOTPVerifyBody, CheckEmailBody, CheckBrandBody, LeadIdentityUpdateBody, EntityInfoBody, CreateAccountBody, EntityBankUpdateBody, CreatePasswordBody, BrandListBody, VerifyOperationAuthBody, ResetPasswordVerifyAuthBody, UpdateBoardBody, UpdateBrandBody, DataElementBody, UploadFileBody, UpdateEntityBody, DocumentUpdateBody, DocumentInfo, VerifyAuthExpressOTPBody, UpdateIndividualBody, UpdateEntityActivityBody, UpdateEntityCapitalBody, BankDocumentInfo };
 export { setAxiosGlobalHeaders, removeAxiosGlobalHeaders, axiosInstance, getAxiosHeaders };
 export default API;

package/build/assets/locales/ar.json

@@ -361,5 +361,6 @@
     "uploaded_file": "file",
     "prepare_data_title": "Preparing your data",
     "prepare_data_description": "This might take a moment...",
-    "oops": "Oops"
+    "oops": "Oops",
+    "file_upload_at_least_one": "عذرا,مطلوب رفع ملف واحد على الأقل"
 }

package/build/assets/locales/en.json

@@ -390,5 +390,6 @@
     "uploaded_file": "file",
     "prepare_data_title": "Preparing your data",
     "prepare_data_description": "This might take a moment...",
-    "oops": "Oops"
+    "oops": "Oops",
+    "file_upload_at_least_one": "please upload at least one file"
 }

package/build/features/app/bank/bankStore.d.ts

@@ -1,5 +1,5 @@
 import { RootState } from '../../../app/store';
-import { BankFormValues, FlowsTypes, OTPFormValues, ResponseData, SharedState } from '../../../@types';
+import { ActionState, BankFormValues, FlowsTypes, OTPFormValues, ResponseData, SharedState } from '../../../@types';
 import { CancelToken } from 'axios';
 interface VerifyLeadTokenProps {
     token: string;
@@ -41,13 +41,6 @@ export declare const checkIbanBank: import("@reduxjs/toolkit").AsyncThunk<{
     cancelToken: CancelToken;
     onSuccess?: (() => void) | undefined;
 }, {}>;
-interface UploadBankStatementParams {
-    file: File;
-    onProgress?: (value: number) => void;
-}
-export declare const uploadBankStatement: import("@reduxjs/toolkit").AsyncThunk<{
-    data: any;
-}, UploadBankStatementParams, {}>;
 export declare const updateBoardSuccess: import("@reduxjs/toolkit").AsyncThunk<{
     response: any;
     formData: void;
@@ -63,14 +56,14 @@ export interface BankData {
 }
 export interface BankState extends SharedState<BankData> {
     customLoading?: boolean;
-    uploading?: boolean;
 }
 export declare const bankSlice: import("@reduxjs/toolkit").Slice<BankState, {
     clearError: (state: BankState) => void;
     stopLoader: (state: BankState) => void;
     resetOTPScreen: (state: BankState) => void;
+    bankStatementUploadingStatus: (state: BankState, action: ActionState<boolean>) => void;
 }, "bank/store">;
-export declare const clearError: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, stopLoader: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, resetOTPScreen: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
+export declare const clearError: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, stopLoader: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, resetOTPScreen: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, bankStatementUploadingStatus: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, string>;
 declare const _default: import("redux").Reducer<BankState, import("redux").AnyAction>;
 export default _default;
 export declare const bankSelector: (state: RootState) => BankState;

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

@@ -179,23 +179,26 @@ 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, bank_name, requestBody, data;
+    var _a, settings, bank, iban, beneficiaryName, bankName, bankStatementId, confirmPolicy, requestBody, data;
     var _b, _c, _d, _e, _f, _g, _h;
     return __generator(this, function (_j) {
         switch (_j.label) {
             case 0:
                 _a = thunkApi.getState(), settings = _a.settings, bank = _a.bank;
-                iban = params.iban;
-                beneficiaryName = params.beneficiaryName;
-                bank_name = params.bankName;
+                iban = params.iban, beneficiaryName = params.beneficiaryName, bankName = params.bankName, bankStatementId = params.bankStatementId, confirmPolicy = params.confirmPolicy;
                 requestBody = {
                     wallet_id: (_f = (_e = (_d = (_c = (_b = bank.data.verify.responseBody) === null || _b === void 0 ? void 0 : _b.business) === null || _c === void 0 ? void 0 : _c.entity) === null || _d === void 0 ? void 0 : _d.merchant) === null || _e === void 0 ? void 0 : _e.wallet) === null || _f === void 0 ? void 0 : _f.id,
                     bank_account: {
                         iban: iban,
                         beneficiary_name: beneficiaryName,
-                        bank_name: bank_name,
-                        bank_statement_file_id: params.bankStatementFile ? bank.data.bankData.bankStatementId : undefined,
-                        is_acknowledged: params.confirmPolicy
+                        bank_name: bankName,
+                        is_acknowledged: confirmPolicy,
+                        document: (bankStatementId || []).length > 0
+                            ? {
+                                type: 'bank_statement',
+                                files: bankStatementId || []
+                            }
+                            : undefined
                     },
                     step_name: BANK_STEP_NAMES.BANK_INFO,
                     encryption_contract: ['bank_account.iban', 'bank_account.beneficiary_name', 'bank_account.bank_name']
@@ -231,31 +234,6 @@ export var checkIbanBank = createAsyncThunk('checkIbanBank', function (_a) {
         });
     });
 });
-export var uploadBankStatement = createAsyncThunk('uploadBankStatement', 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: true,
-                        title: file === null || file === void 0 ? void 0 : file.name,
-                        purpose: 'bank_statement',
-                        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.fileService.uploadFileInfo(uploadPayload, { onUploadProgress: onUploadProgress })];
-                case 1:
-                    data = _b.sent();
-                    return [2, { data: data }];
-            }
-        });
-    });
-});
 export var updateBoardSuccess = createAsyncThunk('updateBoardBankSuccess', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
     var _a, settings, bank, _b, id, infoId, payload, data, boardInfoData;
     var _c, _d, _e, _f;
@@ -291,7 +269,6 @@ var initialState = {
     error: null,
     loading: false,
     customLoading: false,
-    uploading: false,
     data: {
         flowName: FlowsTypes.BANK,
         verify: {
@@ -321,6 +298,9 @@ export var bankSlice = createSlice({
         },
         resetOTPScreen: function (state) {
             state.data.otpData.otp = '';
+        },
+        bankStatementUploadingStatus: function (state, action) {
+            state.data.bankData.uploading = action.payload;
         }
     },
     extraReducers: function (builder) {
@@ -455,23 +435,9 @@ export var bankSlice = createSlice({
             if (action.error.message === 'Aborted')
                 return;
             state.error = action.error.message;
-        })
-            .addCase(uploadBankStatement.pending, function (state) {
-            state.error = null;
-            state.uploading = true;
-        })
-            .addCase(uploadBankStatement.fulfilled, function (state, action) {
-            state.error = null;
-            state.uploading = false;
-            var data = action.payload.data;
-            state.data.bankData.bankStatementId = data === null || data === void 0 ? void 0 : data.id;
-        })
-            .addCase(uploadBankStatement.rejected, function (state) {
-            state.uploading = false;
-            state.error = 'file_upload_error';
         });
     }
 });
-export var clearError = (_a = bankSlice.actions, _a.clearError), stopLoader = _a.stopLoader, resetOTPScreen = _a.resetOTPScreen;
+export var clearError = (_a = bankSlice.actions, _a.clearError), stopLoader = _a.stopLoader, resetOTPScreen = _a.resetOTPScreen, bankStatementUploadingStatus = _a.bankStatementUploadingStatus;
 export default bankSlice.reducer;
 export var bankSelector = function (state) { return state.bank; };

package/build/features/app/connectExpress/connectExpressStore.js

@@ -63,13 +63,14 @@ import { CONNECT_EXPRESS_STEP_NAMES, IDENTIFICATION_TYPE, OTHER_CR_LICENSE, OTHE
 import { defaultCountry } from '../../../constants';
 import { getIndividualName, capitalizeTheFirstLetterOfEachWord, getEighteenYearsAgo, sleep, findCountryByIddPrefix, concatenateObjectValues, isSA } from '../../../utils';
 export var retrieveLeadIdentityByIdAsync = createAsyncThunk('expressConnect/retrieveLeadIdentityByIdAsync', function (leadId, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var _a, settings, connectExpress, countryCode, data, phone, status, board_id, board_info_id, _b, boardInfo, boardData, leadData;
+    var _a, settings, connectExpress, countryCode, showBoard, data, phone, status, board_id, board_info_id, isRegistered, _b, boardInfo, boardData, leadData;
     var _c, _d;
     return __generator(this, function (_e) {
         switch (_e.label) {
             case 0:
                 _a = thunkApi.getState(), settings = _a.settings, connectExpress = _a.connectExpress;
                 countryCode = settings.data.businessCountry;
+                showBoard = connectExpress.data.showBoard;
                 return [4, API.leadService.retrieveLeadIdentity(leadId)];
             case 1:
                 data = _e.sent();
@@ -77,19 +78,21 @@ export var retrieveLeadIdentityByIdAsync = createAsyncThunk('expressConnect/retr
                 if (phone === null || phone === void 0 ? void 0 : phone.country_code)
                     countryCode = findCountryByIddPrefix(settings.data.countries, phone.country_code);
                 status = data.status, board_id = data.board_id, board_info_id = data.board_info_id;
-                if ((status === null || status === void 0 ? void 0 : status.toLowerCase()) === 'registered' && !connectExpress.data.showBoard) {
-                    (_d = (_c = settings.data.appConfig).onFlowCompleted) === null || _d === void 0 ? void 0 : _d.call(_c, data);
-                    thunkApi.dispatch(handleOpen(false));
+                isRegistered = (status === null || status === void 0 ? void 0 : status.toLowerCase()) === 'registered';
+                if (!isRegistered && !(data === null || data === void 0 ? void 0 : data.identification) && (data === null || data === void 0 ? void 0 : data.phone)) {
+                    thunkApi.dispatch(handleCurrentActiveScreen('CONNECT_EXPRESS_MOBILE_STEP'));
                     return [2, { data: data, countryCode: countryCode }];
                 }
-                if ((status === null || status === void 0 ? void 0 : status.toLowerCase()) !== 'registered') {
-                    thunkApi.dispatch(handleCurrentActiveScreen('CONNECT_EXPRESS_MOBILE_STEP'));
+                if (isRegistered && !showBoard) {
+                    (_d = (_c = settings.data.appConfig).onFlowCompleted) === null || _d === void 0 ? void 0 : _d.call(_c, data);
+                    thunkApi.dispatch(handleOpen(false));
                     return [2, { data: data, countryCode: countryCode }];
                 }
-                if (!(board_id && board_info_id)) {
+                if (isRegistered && !(board_id && board_info_id)) {
                     thunkApi.dispatch(handleCurrentActiveScreen('CONNECT_EXPRESS_ACCOUNT_ALREADY_CREATED_STEP'));
                     return [2, { data: data, countryCode: countryCode }];
                 }
+                if (!(isRegistered && board_id && board_info_id)) return [3, 3];
                 return [4, Promise.all([
                         API.boardService.retrieveBoardInfo({ id: board_id, infoId: board_info_id }),
                         API.boardService.retrieveBoardDetails(board_id),
@@ -99,6 +102,7 @@ export var retrieveLeadIdentityByIdAsync = createAsyncThunk('expressConnect/retr
                 _b = _e.sent(), boardInfo = _b[0], boardData = _b[1], leadData = _b[2];
                 thunkApi.dispatch(handleCurrentActiveScreen('CONNECT_EXPRESS_SUCCESS_WITH_FLOW_BUTTONS_STEP'));
                 return [2, { data: __assign(__assign({}, data), leadData.data), countryCode: countryCode, boardInfo: boardInfo, boardData: boardData }];
+            case 3: return [2, { data: data, countryCode: countryCode }];
         }
     });
 }); });

package/build/features/app/entity/entityStore.d.ts

@@ -1,5 +1,5 @@
 import { RootState } from '../../../app/store';
-import { EntityCapitalFormValues, EntityNameFormValues, FlowsTypes, OTPFormValues, ResponseData, SharedState } from '../../../@types';
+import { ActionState, EntityCapitalFormValues, EntityNameFormValues, FlowsTypes, OTPFormValues, ResponseData, SharedState } from '../../../@types';
 interface VerifyLeadTokenProps {
     token: string;
     isInternally?: boolean;
@@ -44,6 +44,15 @@ export declare const updateEntityName: import("@reduxjs/toolkit").AsyncThunk<{
     data: any;
     formData: EntityNameFormValues;
 }, EntityNameFormValues, {}>;
+interface UploadArticleParams {
+    file: File;
+    onProgress?: (value: number) => void;
+    onSuccess?: (fileId: string) => void;
+    onFailure?: (error: string) => void;
+}
+export declare const uploadArticle: import("@reduxjs/toolkit").AsyncThunk<{
+    data: any;
+}, UploadArticleParams, {}>;
 export declare const updateEntityCapital: import("@reduxjs/toolkit").AsyncThunk<{
     data: any;
     formData: EntityCapitalFormValues;
@@ -65,13 +74,17 @@ export interface EntityData {
 export interface EntityState extends SharedState<EntityData> {
     customLoading?: boolean;
     uploading?: boolean;
+    uploadingArticle?: boolean;
+    uploadingArticleError?: string | null;
 }
 export declare const entitySlice: import("@reduxjs/toolkit").Slice<EntityState, {
     clearError: (state: EntityState) => void;
     stopLoader: (state: EntityState) => void;
     resetOTPScreen: (state: EntityState) => void;
+    uploadingStatus: (state: EntityState, action: ActionState<boolean>) => void;
+    clearArticleId: (state: EntityState) => void;
 }, "entity/store">;
-export declare const clearError: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, stopLoader: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, resetOTPScreen: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
+export declare const clearError: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, stopLoader: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, resetOTPScreen: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, uploadingStatus: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, string>, clearArticleId: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
 declare const _default: import("redux").Reducer<EntityState, import("redux").AnyAction>;
 export default _default;
 export declare const entitySelector: (state: RootState) => EntityState;

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

@@ -238,26 +238,28 @@ 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, issuingDate, expiryDate, isFL, isLegalNameEditable, isLicenseTypeEditable, isEntityTypeEditable, isLicenseNumberEditable, isUnifiedNumberEditable, isIssuingDateEditable, isExpiryDateEditable, payload, data, list;
-    var _c, _d, _e, _f, _g, _h, _j;
-    return __generator(this, function (_k) {
-        switch (_k.label) {
+    var _a, settings, entity, entityData, _b, id, data_status, articleId, issuingDate, expiryDate, isFL, isLegalNameEditable, isLicenseTypeEditable, isEntityTypeEditable, isLicenseNumberEditable, isUnifiedNumberEditable, isIssuingDateEditable, isExpiryDateEditable, payload, data, documentBody, _c, list;
+    var _d, _e, _f, _g, _h, _j, _k;
+    return __generator(this, function (_l) {
+        switch (_l.label) {
             case 0:
                 _a = thunkApi.getState(), settings = _a.settings, entity = _a.entity;
                 entityData = (entity.data.verify.responseBody || {}).entity;
                 _b = entityData || {}, id = _b.id, data_status = _b.data_status;
+                articleId = entity.data.entityNameData.articleId;
                 issuingDate = new Date(params.issuingDate).getTime();
                 expiryDate = new Date(params.expiryDate).getTime();
                 isFL = params.licenseType === BusinessType.FL;
                 isLegalNameEditable = (data_status === null || data_status === void 0 ? void 0 : data_status.legal_name) === FieldType.EDITABLE;
-                isLicenseTypeEditable = ((_c = data_status === null || data_status === void 0 ? void 0 : data_status.license) === null || _c === void 0 ? void 0 : _c.type) === FieldType.EDITABLE;
+                isLicenseTypeEditable = ((_d = data_status === null || data_status === void 0 ? void 0 : data_status.license) === null || _d === void 0 ? void 0 : _d.type) === FieldType.EDITABLE;
                 isEntityTypeEditable = (data_status === null || data_status === void 0 ? void 0 : data_status.type) === FieldType.EDITABLE;
-                isLicenseNumberEditable = ((_d = data_status === null || data_status === void 0 ? void 0 : data_status.license) === null || _d === void 0 ? void 0 : _d.number) === FieldType.EDITABLE;
-                isUnifiedNumberEditable = ((_e = data_status === null || data_status === void 0 ? void 0 : data_status.license) === null || _e === void 0 ? void 0 : _e.additional_info) === FieldType.EDITABLE;
-                isIssuingDateEditable = ((_f = data_status === null || data_status === void 0 ? void 0 : data_status.license) === null || _f === void 0 ? void 0 : _f.issuing_date) === FieldType.EDITABLE;
-                isExpiryDateEditable = ((_g = data_status === null || data_status === void 0 ? void 0 : data_status.license) === null || _g === void 0 ? void 0 : _g.expiry_date) === FieldType.EDITABLE;
+                isLicenseNumberEditable = ((_e = data_status === null || data_status === void 0 ? void 0 : data_status.license) === null || _e === void 0 ? void 0 : _e.number) === FieldType.EDITABLE;
+                isUnifiedNumberEditable = ((_f = data_status === null || data_status === void 0 ? void 0 : data_status.license) === null || _f === void 0 ? void 0 : _f.additional_info) === FieldType.EDITABLE;
+                isIssuingDateEditable = ((_g = data_status === null || data_status === void 0 ? void 0 : data_status.license) === null || _g === void 0 ? void 0 : _g.issuing_date) === FieldType.EDITABLE;
+                isExpiryDateEditable = ((_h = data_status === null || data_status === void 0 ? void 0 : data_status.license) === null || _h === void 0 ? void 0 : _h.expiry_date) === FieldType.EDITABLE;
                 payload = {
                     id: id,
+                    AOA_file_id: articleId,
                     license: {
                         number: isLicenseNumberEditable && params.licenseNumber ? params.licenseNumber : undefined,
                         type: isLicenseTypeEditable ? (isFL ? 'freelance' : 'commercial_registration') : undefined,
@@ -289,17 +291,60 @@ export var updateEntityName = createAsyncThunk('entityUpdateEntityName', functio
                 };
                 return [4, API.entityService.updateEntity(payload)];
             case 1:
-                data = _k.sent();
-                return [4, API.dataService.getActivities()];
+                data = _l.sent();
+                if (!((params.certificateId || []).length > 0)) return [3, 3];
+                documentBody = {
+                    entity_id: id || '',
+                    documents: [
+                        {
+                            images: params.certificateId
+                        }
+                    ]
+                };
+                _c = data;
+                return [4, API.entityService.updateDocumentInfo(documentBody)];
             case 2:
-                list = (_k.sent()).list;
+                _c.documentData = _l.sent();
+                _l.label = 3;
+            case 3: return [4, API.dataService.getActivities()];
+            case 4:
+                list = (_l.sent()).list;
                 data.activityList = list;
                 thunkApi.dispatch(handleNextScreenStep());
-                (_j = (_h = settings.data.appConfig).onStepCompleted) === null || _j === void 0 ? void 0 : _j.call(_h, settings.data.activeScreen.name, id);
+                (_k = (_j = settings.data.appConfig).onStepCompleted) === null || _k === void 0 ? void 0 : _k.call(_j, settings.data.activeScreen.name, id);
                 return [2, { data: data, formData: params }];
         }
     });
 }); });
+export var uploadArticle = createAsyncThunk('entityUploadArticle', function (_a) {
+    var file = _a.file, onProgress = _a.onProgress;
+    return __awaiter(void 0, void 0, void 0, function () {
+        var typeArray, type, uploadPayload, onUploadProgress, data;
+        var _b;
+        return __generator(this, function (_c) {
+            switch (_c.label) {
+                case 0:
+                    typeArray = ((_b = file === null || file === void 0 ? void 0 : file.type) === null || _b === void 0 ? void 0 : _b.split('/')) || [];
+                    type = typeArray[1] || '';
+                    uploadPayload = {
+                        file_link_create: true,
+                        title: file === null || file === void 0 ? void 0 : file.name,
+                        purpose: 'article_of_association',
+                        type: type,
+                        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.fileService.uploadFileInfo(uploadPayload, { onUploadProgress: onUploadProgress })];
+                case 1:
+                    data = _c.sent();
+                    return [2, { data: data }];
+            }
+        });
+    });
+});
 export var updateEntityCapital = createAsyncThunk('entityUpdateEntityCapital', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
     var _a, settings, entity, entityData, _b, id, data_status, isCapitalPaidEditable, isCapitalShareEditable, activities, payload, data;
     var _c, _d, _e, _f, _g;
@@ -373,6 +418,8 @@ var initialState = {
     loading: false,
     customLoading: false,
     uploading: false,
+    uploadingArticle: false,
+    uploadingArticleError: null,
     data: {
         flowName: FlowsTypes.ENTITY,
         verify: {
@@ -410,6 +457,12 @@ export var entitySlice = createSlice({
         },
         resetOTPScreen: function (state) {
             state.data.otpData.otp = '';
+        },
+        uploadingStatus: function (state, action) {
+            state.uploading = action.payload;
+        },
+        clearArticleId: function (state) {
+            state.data.entityNameData.articleId = '';
         }
     },
     extraReducers: function (builder) {
@@ -576,6 +629,20 @@ export var entitySlice = createSlice({
             .addCase(updateEntityName.rejected, function (state, action) {
             state.loading = false;
             state.error = action.error.message;
+        })
+            .addCase(uploadArticle.pending, function (state) {
+            state.uploadingArticleError = null;
+            state.uploadingArticle = true;
+        })
+            .addCase(uploadArticle.fulfilled, function (state, action) {
+            state.uploadingArticleError = null;
+            state.uploadingArticle = false;
+            var data = action.payload.data;
+            state.data.entityNameData.articleId = data === null || data === void 0 ? void 0 : data.id;
+        })
+            .addCase(uploadArticle.rejected, function (state) {
+            state.uploadingArticle = false;
+            state.uploadingArticleError = 'file_upload_article_error';
         })
             .addCase(updateEntityCapital.pending, function (state) {
             state.loading = true;
@@ -629,6 +696,6 @@ export var entitySlice = createSlice({
         });
     }
 });
-export var clearError = (_a = entitySlice.actions, _a.clearError), stopLoader = _a.stopLoader, resetOTPScreen = _a.resetOTPScreen;
+export var clearError = (_a = entitySlice.actions, _a.clearError), stopLoader = _a.stopLoader, resetOTPScreen = _a.resetOTPScreen, uploadingStatus = _a.uploadingStatus, clearArticleId = _a.clearArticleId;
 export default entitySlice.reducer;
 export var entitySelector = function (state) { return state.entity; };

package/build/features/bank/screens/BankDetails/BankDetails.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 { ScreenContainer } from '../../../shared/Containers';
@@ -53,21 +42,29 @@ var ButtonStyled = styled(Button)(function (_a) {
     });
 });
 var BankDetails = function () {
-    var _a, _b, _c;
-    var _d = React.useState(false), ibanChecking = _d[0], setIbanChecking = _d[1];
+    var _a, _b, _c, _d, _e, _f, _g;
+    var _h = React.useState(false), ibanChecking = _h[0], setIbanChecking = _h[1];
     var dispatch = useAppDispatch();
-    var _e = useAppSelector(bankSelector), data = _e.data, loading = _e.loading, error = _e.error, uploading = _e.uploading;
+    var _j = useAppSelector(bankSelector), data = _j.data, loading = _j.loading, error = _j.error;
     var settingsData = useAppSelector(settingsSelector).data;
-    var _f = data.bankData, responseBody = _f.responseBody, defaultValues = __rest(_f, ["responseBody"]);
+    var _k = data.bankData, iban = _k.iban, beneficiaryName = _k.beneficiaryName, bankName = _k.bankName, bankStatementId = _k.bankStatementId, bankStatementUploading = _k.uploading, confirmPolicy = _k.confirmPolicy;
     var verify = data.verify;
     var isKWCountry = React.useMemo(function () { return isKW(settingsData.businessCountry.iso2); }, [settingsData.businessCountry.iso2]);
     var isFL = ((_c = (_b = (_a = verify.responseBody) === null || _a === void 0 ? void 0 : _a.entity) === null || _b === void 0 ? void 0 : _b.type) === null || _c === void 0 ? void 0 : _c.toLowerCase()) === BusinessType.FL ? true : false;
+    var bankHasDocument = ((_g = (_f = (_e = (_d = verify.responseBody) === null || _d === void 0 ? void 0 : _d.bank_account) === null || _e === void 0 ? void 0 : _e.document) === null || _f === void 0 ? void 0 : _f.files) === null || _g === void 0 ? void 0 : _g.length) > 0;
     var methods = useForm({
-        resolver: yupResolver(isKWCountry && isFL ? BankKWFLValidation : BankValidation),
-        defaultValues: defaultValues,
+        resolver: yupResolver(isKWCountry && isFL && !bankHasDocument ? BankKWFLValidation : BankValidation),
+        defaultValues: {
+            iban: iban,
+            beneficiaryName: beneficiaryName,
+            bankName: bankName,
+            bankStatementId: bankStatementId,
+            uploading: bankStatementUploading,
+            confirmPolicy: confirmPolicy
+        },
         mode: 'onChange'
     });
-    useSetFromDefaultValues(methods, defaultValues);
+    useSetFromDefaultValues(methods, data.bankData);
     var onSubmit = function (data) {
         dispatch(createBankAccount(data));
     };
@@ -76,11 +73,11 @@ var BankDetails = function () {
     var onBack = function () {
         dispatch(handleCurrentActiveScreen('BANK_SUCCESS_FOUR_FLOWS_BUTTONS_STEP'));
     };
-    var disabled = ibanChecking || !methods.formState.isValid || !!error || uploading;
+    var disabled = ibanChecking || !methods.formState.isValid || !!error || bankStatementUploading;
     React.useEffect(function () {
         if (error)
             dispatch(clearError());
-    }, [methods.formState.isValid, methods.watch('bankStatementFile')]);
-    return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(Beneficiary, {}), _jsx(IBAN, { fetchingIban: function (value) { return setIbanChecking(value); }, ibanChecking: ibanChecking }), _jsx(BankName, {}), _jsx(BankStatement, { required: isKWCountry && isFL }), _jsx(ConfirmPolicy, {}), _jsx(ButtonStyled, __assign({ onBackClicked: function () { return onBack(); }, disabled: disabled, disableBack: true, isAr: isAr, loading: loading, error: t(error || '') }, { children: t('confirm') }))] })) })) }));
+    }, [methods.formState.isValid, methods.watch('bankStatementId')]);
+    return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(Beneficiary, {}), _jsx(IBAN, { fetchingIban: function (value) { return setIbanChecking(value); }, ibanChecking: ibanChecking }), _jsx(BankName, {}), _jsx(BankStatement, { required: isKWCountry && isFL && !bankHasDocument }), _jsx(ConfirmPolicy, {}), _jsx(ButtonStyled, __assign({ onBackClicked: function () { return onBack(); }, disabled: disabled, disableBack: true, isAr: isAr, loading: loading, error: t(error || '') }, { children: t('confirm') }))] })) })) }));
 };
 export default BankDetails;

package/build/features/bank/screens/BankDetails/BankStatement.js

@@ -1,13 +1,11 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
 import { styled } from '@mui/material/styles';
 import { ScreenContainer } from '../../../shared/Containers';
 import { useTranslation } from 'react-i18next';
 import { useController, useFormContext } from 'react-hook-form';
 import { useAppDispatch, useAppSelector } from '../../../../hooks';
-import { bankSelector, uploadBankStatement } from '../../../app/bank/bankStore';
-import UploadFile from '../../../shared/UploadFile';
-import { MAX_FILE_SIZE, VALID_FILE_FORMATS } from '../../../../constants';
+import { bankSelector, bankStatementUploadingStatus } from '../../../app/bank/bankStore';
+import UploadMultipleFile from '../../../shared/UploadMultipleFile';
 var FeatureStyled = styled(ScreenContainer)(function (_a) {
     var theme = _a.theme;
     return ({
@@ -15,53 +13,18 @@ var FeatureStyled = styled(ScreenContainer)(function (_a) {
     });
 });
 var BankStatement = function (_a) {
-    var _b, _c;
     var required = _a.required;
-    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 bankStatementFileControl = useController({ name: 'bankStatementFile', control: control });
+    var control = useFormContext().control;
     var bankStatementIdControl = useController({ name: 'bankStatementId', control: control });
-    var _f = useAppSelector(bankSelector), loading = _f.loading, uploading = _f.uploading, sysError = _f.error;
+    var loading = useAppSelector(bankSelector).loading;
     var dispatch = useAppDispatch();
-    var bankStatementValue = bankStatementFileControl.field.value;
-    var error = ((_b = bankStatementFileControl.fieldState.error) === null || _b === void 0 ? void 0 : _b.message) || ((_c = bankStatementIdControl.fieldState.error) === null || _c === void 0 ? void 0 : _c.message);
-    var handleBankStatementChange = function (files) {
-        var file = files === null || files === void 0 ? void 0 : files[0];
-        if (!file)
-            return;
-        if (!VALID_FILE_FORMATS.includes(file === null || file === void 0 ? void 0 : file.type)) {
-            setError('bankStatementFile', { message: 'file_not_supported_alert' });
-            return;
-        }
-        if ((file === null || file === void 0 ? void 0 : file.size) > MAX_FILE_SIZE) {
-            setError('bankStatementFile', { message: 'file_size_alert' });
-            return;
-        }
-        bankStatementFileControl.field.onChange(file);
-        dispatch(uploadBankStatement({
-            file: file,
-            onProgress: function (value) {
-                setProgress(value);
-            }
-        }));
+    var handleBankStatementChange = function (ids) {
+        bankStatementIdControl.field.onChange(ids);
     };
-    var handleReset = function () {
-        bankStatementFileControl.field.onChange(null);
-        bankStatementIdControl.field.onChange('');
-        setProgress(0);
+    var handleReset = function (ids) {
+        bankStatementIdControl.field.onChange(ids);
     };
-    React.useEffect(function () {
-        if (sysError === 'file_upload_error') {
-            setError('bankStatementId', { message: sysError });
-            bankStatementFileControl.field.onChange(null);
-            setProgress(0);
-        }
-    }, [sysError]);
-    React.useEffect(function () {
-        if ((bankStatementFileControl.formState.isValid || !!bankStatementValue) && error != 'file_upload_error')
-            clearErrors();
-    }, [bankStatementFileControl.formState.isValid, bankStatementValue]);
-    return (_jsx(FeatureStyled, { children: _jsx(UploadFile, { label: t('title_bank_statement'), title: t('drag_and_drop'), subTitle: t('subtitle_drop'), dragDescription: t('desc_drag_and_drop'), uploadingTitle: t('file_uploading_title'), successTitle: t('success_upload_bank_statement'), onFileUploaded: handleBankStatementChange, isFileUploaded: !uploading && !!bankStatementValue, isSubmitting: loading, isUploading: uploading, progress: progress, required: required, onReset: handleReset, error: error && t(error) }) }));
+    return (_jsx(FeatureStyled, { children: _jsx(UploadMultipleFile, { label: t('title_bank_statement'), title: t('drag_and_drop'), subTitle: t('subtitle_drop'), dragDescription: t('desc_drag_and_drop'), uploadingTitle: t('file_uploading_title'), successTitle: t('success_upload_bank_statement'), onFileUploaded: handleBankStatementChange, isSubmitting: loading, required: required, onDeleteFile: handleReset, purpose: 'bank_statement', maxLimit: 4, fileUploadingStatus: function (uploading) { return dispatch(bankStatementUploadingStatus(uploading)); } }) }));
 };
 export default BankStatement;

package/build/features/bank/screens/BankDetails/validation.d.ts

@@ -3,43 +3,37 @@ export declare const BankValidation: yup.ObjectSchema<import("yup/lib/object").A
     iban: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
     bankName: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
     beneficiaryName: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
-    bankStatementId: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
-    bankStatementFile: any;
+    bankStatementId: yup.ArraySchema<yup.AnySchema<any, any, any>, import("yup/lib/types").AnyObject, any[] | undefined, any[] | undefined>;
     confirmPolicy: yup.BooleanSchema<boolean | undefined, import("yup/lib/types").AnyObject, true>;
 }>, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
     iban: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
     bankName: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
     beneficiaryName: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
-    bankStatementId: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
-    bankStatementFile: any;
+    bankStatementId: yup.ArraySchema<yup.AnySchema<any, any, any>, import("yup/lib/types").AnyObject, any[] | undefined, any[] | undefined>;
     confirmPolicy: yup.BooleanSchema<boolean | undefined, import("yup/lib/types").AnyObject, true>;
 }>>, import("yup/lib/object").AssertsShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
     iban: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
     bankName: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
     beneficiaryName: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
-    bankStatementId: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
-    bankStatementFile: any;
+    bankStatementId: yup.ArraySchema<yup.AnySchema<any, any, any>, import("yup/lib/types").AnyObject, any[] | undefined, any[] | undefined>;
     confirmPolicy: yup.BooleanSchema<boolean | undefined, import("yup/lib/types").AnyObject, true>;
 }>>>;
 export declare const BankKWFLValidation: yup.ObjectSchema<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
     iban: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
     bankName: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
     beneficiaryName: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
-    bankStatementId: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
-    bankStatementFile: import("yup/lib/mixed").MixedSchema<any, import("yup/lib/types").AnyObject, any>;
+    bankStatementId: import("yup/lib/array").RequiredArraySchema<yup.AnySchema<any, any, any>, import("yup/lib/types").AnyObject, any[] | undefined>;
     confirmPolicy: yup.BooleanSchema<boolean | undefined, import("yup/lib/types").AnyObject, true>;
 }>, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
     iban: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
     bankName: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
     beneficiaryName: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
-    bankStatementId: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
-    bankStatementFile: import("yup/lib/mixed").MixedSchema<any, import("yup/lib/types").AnyObject, any>;
+    bankStatementId: import("yup/lib/array").RequiredArraySchema<yup.AnySchema<any, any, any>, import("yup/lib/types").AnyObject, any[] | undefined>;
     confirmPolicy: yup.BooleanSchema<boolean | undefined, import("yup/lib/types").AnyObject, true>;
 }>>, import("yup/lib/object").AssertsShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
     iban: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
     bankName: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
     beneficiaryName: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
-    bankStatementId: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
-    bankStatementFile: import("yup/lib/mixed").MixedSchema<any, import("yup/lib/types").AnyObject, any>;
+    bankStatementId: import("yup/lib/array").RequiredArraySchema<yup.AnySchema<any, any, any>, import("yup/lib/types").AnyObject, any[] | undefined>;
     confirmPolicy: yup.BooleanSchema<boolean | undefined, import("yup/lib/types").AnyObject, true>;
 }>>>;

package/build/features/bank/screens/BankDetails/validation.js

@@ -1,36 +1,16 @@
-import { MAX_FILE_SIZE, VALID_FILE_FORMATS, REGEX_ALPHANUMERIC, REGEX_IBAN } from '../../../../constants';
+import { REGEX_ALPHANUMERIC, REGEX_IBAN } from '../../../../constants';
 import * as yup from 'yup';
 export var BankValidation = yup.object().shape({
     iban: yup.string().matches(REGEX_IBAN, 'invalid_iban_format').min(15, 'invalid_iban_format').max(34, 'invalid_iban_format').required('alert_iban'),
     bankName: yup.string().optional(),
     beneficiaryName: yup.string().matches(REGEX_ALPHANUMERIC, 'beneficiary_name_invalid').required('beneficiary_name_required'),
-    bankStatementId: yup.string().optional(),
-    bankStatementFile: 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(),
+    bankStatementId: yup.array().optional(),
     confirmPolicy: yup.boolean().required('alert_bank_confirm').isTrue('alert_bank_confirm')
 });
 export var BankKWFLValidation = yup.object().shape({
     iban: yup.string().matches(REGEX_IBAN, 'invalid_iban_format').min(15, 'invalid_iban_format').max(34, 'invalid_iban_format').required('alert_iban'),
     bankName: yup.string().optional(),
     beneficiaryName: yup.string().matches(REGEX_ALPHANUMERIC, 'beneficiary_name_invalid').required('beneficiary_name_required'),
-    bankStatementId: yup.string().optional(),
-    bankStatementFile: 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;
-        }
-    })
-        .required('bank_statement_required'),
+    bankStatementId: yup.array().min(1, 'bank_statement_required').required('bank_statement_required'),
     confirmPolicy: yup.boolean().required('alert_bank_confirm').isTrue('alert_bank_confirm')
 });

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

@@ -136,7 +136,7 @@ var customerLocations = function (_a) {
     };
     var customerLocationsValue = customerLocationsControl.field.value;
     var customerLocationSelected = customerLocationsValue === null || customerLocationsValue === void 0 ? void 0 : customerLocationsValue[0];
-    return (_jsx(Collapse, __assign({ in: rest.show }, { children: _jsxs(ScreenContainer, { children: [_jsxs(LabelContainerStyled, { children: [_jsx(BaseLabelStyled, { children: t('select_customer_base') }), _jsx(Tooltip, __assign({ title: t('customer_base_name_hint'), onMouseOver: function () { return setIsHovered(true); }, onMouseLeave: function () { return setIsHovered(false); }, onTouchStartCapture: function () { return setIsHovered(true); } }, { children: isHovered ? _jsx(InfoIconStyled, {}) : _jsx(InfoOutlinedIconStyled, {}) }))] }), _jsx(InputStyled, { readOnly: true, placeholder: t('choose_expected_sales'), value: isAr ? customerLocationSelected === null || customerLocationSelected === void 0 ? void 0 : customerLocationSelected.name.ar : customerLocationSelected === null || customerLocationSelected === void 0 ? void 0 : customerLocationSelected.name.en, onClick: !!anchorEl ? function () { return onCloseList(); } : onOpenList, endAdornment: _jsx(ExpandIcon, { anchorEl: !!anchorEl }) }), _jsxs(Collapse, __assign({ in: !!anchorEl, timeout: 300 }, { children: [_jsx(Search, { onSearchValue: handleSearch }), _jsx(SimpleListStyled, { searchKeyPath: 'name.en', list: customerLocationsList, placeholder: 'choose_customer_base', onSelectItem: onSelectItem, renderItem: function (item) {
+    return (_jsx(Collapse, __assign({ in: rest.show }, { children: _jsxs(ScreenContainer, { children: [_jsxs(LabelContainerStyled, { children: [_jsx(BaseLabelStyled, { children: t('select_customer_base') }), _jsx(Tooltip, __assign({ title: t('customer_base_name_hint'), onMouseOver: function () { return setIsHovered(true); }, onMouseLeave: function () { return setIsHovered(false); }, onTouchStartCapture: function () { return setIsHovered(true); } }, { children: isHovered ? _jsx(InfoIconStyled, {}) : _jsx(InfoOutlinedIconStyled, {}) }))] }), _jsx(InputStyled, { readOnly: true, placeholder: t('choose_expected_sales'), value: (isAr ? customerLocationSelected === null || customerLocationSelected === void 0 ? void 0 : customerLocationSelected.name.ar : customerLocationSelected === null || customerLocationSelected === void 0 ? void 0 : customerLocationSelected.name.en) || '', onClick: !!anchorEl ? function () { return onCloseList(); } : onOpenList, endAdornment: _jsx(ExpandIcon, { anchorEl: !!anchorEl }) }), _jsxs(Collapse, __assign({ in: !!anchorEl, timeout: 300 }, { children: [_jsx(Search, { onSearchValue: handleSearch }), _jsx(SimpleListStyled, { searchKeyPath: 'name.en', list: customerLocationsList, placeholder: 'choose_customer_base', onSelectItem: onSelectItem, renderItem: function (item) {
                                 return (_jsxs(_Fragment, { children: [_jsx(Box, __assign({ display: 'flex' }, { children: _jsx(NameContainer, __assign({ isSelected: (item === null || item === void 0 ? void 0 : item.id) === (customerLocationsValue === null || customerLocationsValue === void 0 ? void 0 : customerLocationsValue.id) }, { children: isAr ? item.name.ar : item.name.en })) })), item.id === (customerLocationSelected === null || customerLocationSelected === void 0 ? void 0 : customerLocationSelected.id) && _jsx(CheckIconStyled, {}), checkRemainingCondition(item) && item.id != (customerLocationSelected === null || customerLocationSelected === void 0 ? void 0 : customerLocationSelected.id) && _jsx(RemainingCheck, {})] }));
                             } })] }))] }) })));
 };

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

@@ -90,7 +90,7 @@ var ExpectedCustomers = function (_a) {
     };
     var expectedCustomersValue = expectedCustomerControl.field.value;
     var expectedCustomersSelected = expectedCustomersValue;
-    return (_jsx(Collapse, __assign({ in: rest.show }, { children: _jsxs(ScreenContainer, { children: [_jsx(InputLabelStyled, { children: t('expected_customers_to_serve') }), _jsx(InputStyled, { readOnly: true, placeholder: t('choose_expected_sales'), value: isAr ? expectedCustomersSelected === null || expectedCustomersSelected === void 0 ? void 0 : expectedCustomersSelected.name.ar : expectedCustomersSelected === null || expectedCustomersSelected === void 0 ? void 0 : expectedCustomersSelected.name.en, onClick: !!anchorEl ? function () { return onCloseList(); } : onOpenList, endAdornment: _jsx(ExpandIcon, { anchorEl: !!anchorEl }) }), _jsxs(Collapse, __assign({ in: !!anchorEl, timeout: 300 }, { children: [_jsx(Search, { onSearchValue: handleSearch }), _jsx(SimpleListStyled, { searchKeyPath: 'name', list: expectedCustomersList, onSelectItem: onSelectItem, renderItem: function (item) {
+    return (_jsx(Collapse, __assign({ in: rest.show }, { children: _jsxs(ScreenContainer, { children: [_jsx(InputLabelStyled, { children: t('expected_customers_to_serve') }), _jsx(InputStyled, { readOnly: true, placeholder: t('choose_expected_sales'), value: (isAr ? expectedCustomersSelected === null || expectedCustomersSelected === void 0 ? void 0 : expectedCustomersSelected.name.ar : expectedCustomersSelected === null || expectedCustomersSelected === void 0 ? void 0 : expectedCustomersSelected.name.en) || '', onClick: !!anchorEl ? function () { return onCloseList(); } : onOpenList, endAdornment: _jsx(ExpandIcon, { anchorEl: !!anchorEl }) }), _jsxs(Collapse, __assign({ in: !!anchorEl, timeout: 300 }, { children: [_jsx(Search, { onSearchValue: handleSearch }), _jsx(SimpleListStyled, { searchKeyPath: 'name', list: expectedCustomersList, onSelectItem: onSelectItem, renderItem: function (item) {
                                 return (_jsxs(_Fragment, { children: [_jsx(ListItemContainer, { children: _jsx(NameContainer, __assign({ isSelected: (item === null || item === void 0 ? void 0 : item.id) === (expectedCustomersValue === null || expectedCustomersValue === void 0 ? void 0 : expectedCustomersValue.id) }, { children: isAr ? item.name.ar : item.name.en })) }), item.id === (expectedCustomersSelected === null || expectedCustomersSelected === void 0 ? void 0 : expectedCustomersSelected.id) && _jsx(CheckIconStyled, {})] }));
                             } })] }))] }) })));
 };

package/build/features/connectExpress/screens/Brand/Brand.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+interface BrandProps {
+}
+declare const _default: React.MemoExoticComponent<({}: BrandProps) => JSX.Element>;
+export default _default;

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

@@ -0,0 +1,71 @@
+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, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { connectSelector } from '../../../app/connect/connectStore';
+import * as React from 'react';
+import { useTranslation } from 'react-i18next';
+import { useFormContext, useController } from 'react-hook-form';
+import Box from '@mui/material/Box';
+import { styled } from '@mui/material/styles';
+import { useAppSelector, useLanguage } from '../../../../hooks';
+import ScreenContainer from '../../../shared/Containers/ScreenContainer';
+import Input from '../../../shared/Input';
+import CheckIcon from '../../../shared/CheckIcon';
+import SimpleList from '../../../../components/SimpleList';
+import Text from '../../../../components/Text';
+import ExpandIcon from '../../../../components/ExpandIcon';
+import Collapse from '../../../../components/Collapse';
+var InputStyled = styled(Input)(function () { return ({
+    '& .MuiInputBase-input': {
+        cursor: 'pointer'
+    }
+}); });
+var BrandContainer = styled(Box)(function () { return ({
+    display: 'flex'
+}); });
+var BrandNameText = styled(Text, { shouldForwardProp: function (prop) { return prop !== 'isSelected'; } })(function (_a) {
+    var theme = _a.theme, isSelected = _a.isSelected;
+    return (__assign(__assign({ color: theme.palette.text.primary }, theme.typography.body2), { fontWeight: isSelected ? theme.typography.fontWeightMedium : theme.typography.fontWeightLight }));
+});
+var Brand = function (_a) {
+    var _b = React.useState(null), anchorEl = _b[0], setAnchorEl = _b[1];
+    var t = useTranslation().t;
+    var isAr = useLanguage().isAr;
+    var data = useAppSelector(connectSelector).data;
+    var _c = data.individualData.responseBody || {}, segments_list = _c.segments_list, team_size_list = _c.team_size_list;
+    var _d = useFormContext(), control = _d.control, setValue = _d.setValue;
+    var selectedBrandControl = useController({ control: control, name: 'selectedBrand' });
+    var selectedBrand = selectedBrandControl.field.value;
+    var onOpenBrandList = function (event) {
+        setAnchorEl(event.currentTarget);
+    };
+    var onCloseBrandList = function () {
+        setAnchorEl(null);
+    };
+    var getBrandName = function (_a) {
+        var name = _a.name;
+        return (isAr ? name === null || name === void 0 ? void 0 : name.ar : name === null || name === void 0 ? void 0 : name.en) || '';
+    };
+    var getBrandId = function (item) {
+        return item.id || '';
+    };
+    var isOtherBrand = function (item) {
+        return getBrandId(item) === 'other';
+    };
+    var onSelectItem = function (brand) {
+        selectedBrandControl.field.onChange(brand);
+    };
+    return (_jsxs(ScreenContainer, { children: [_jsx(InputStyled, { label: t('select_brand_label'), readOnly: true, onClick: !!anchorEl ? onCloseBrandList : onOpenBrandList, endAdornment: _jsx(ExpandIcon, { anchorEl: !!anchorEl }), placeholder: t('choose_brand'), value: t(getBrandName(selectedBrand)) }), _jsx(Collapse, __assign({ in: !!anchorEl }, { children: _jsx(SimpleList, { searchKeyPath: 'id', list: [], onSelectItem: onSelectItem, renderItem: function (item) {
+                        return (_jsxs(_Fragment, { children: [_jsx(BrandContainer, { children: _jsx(BrandNameText, __assign({ isSelected: getBrandId(item) === getBrandId(selectedBrand) }, { children: isOtherBrand(item) ? t(getBrandName(item)) : getBrandName(item) })) }), getBrandId(item) === getBrandId(selectedBrand) && _jsx(CheckIcon, {})] }));
+                    } }) }))] }));
+};
+export default React.memo(Brand);

package/build/features/connectExpress/screens/Brand/index.d.ts

@@ -0,0 +1,2 @@
+import Brand from './Brand';
+export default Brand;

package/build/features/connectExpress/screens/Brand/index.js

@@ -0,0 +1,2 @@
+import Brand from './Brand';
+export default Brand;

package/build/features/entity/screens/EntityName/Article.d.ts

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

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

@@ -0,0 +1,87 @@
+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 { useTranslation } from 'react-i18next';
+import { useController, useFormContext } from 'react-hook-form';
+import { styled } from '@mui/material/styles';
+import { MAX_FILE_SIZE, VALID_FILE_FORMATS } from '../../../../constants';
+import { maskFileName } from '../../../../utils';
+import { useAppDispatch, useAppSelector } from '../../../../hooks';
+import Collapse from '../../../../components/Collapse';
+import { ScreenContainer } from '../../../shared/Containers';
+import { entitySelector, clearArticleId, uploadArticle } from '../../../app/entity/entityStore';
+import UploadFile from '../../../shared/UploadFile';
+var FeatureStyled = styled(ScreenContainer)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        marginBlockStart: theme.spacing(3)
+    });
+});
+var Article = function (_a) {
+    var show = _a.show;
+    var _b = React.useState(), error = _b[0], setError = _b[1];
+    var _c = React.useState(0), progress = _c[0], setProgress = _c[1];
+    var t = useTranslation().t;
+    var _d = useFormContext(), control = _d.control, setValue = _d.setValue;
+    var articleFileControl = useController({ name: 'articleFile', control: control });
+    var articleIdControl = useController({ name: 'articleId', control: control });
+    var _e = useAppSelector(entitySelector), loading = _e.loading, uploadingArticle = _e.uploadingArticle, sysError = _e.uploadingArticleError, data = _e.data;
+    var dispatch = useAppDispatch();
+    var articleValue = articleFileControl.field.value;
+    var entityNameData = data.entityNameData;
+    var articleFile = entityNameData.articleFile, articleId = entityNameData.articleId;
+    React.useEffect(function () {
+        if (!articleValue) {
+            setValue('articleFile', articleFile);
+            setValue('articleId', articleId);
+        }
+    }, [articleFile, articleId]);
+    var handleArticleChange = function (files) {
+        setError('');
+        var file = files === null || files === void 0 ? void 0 : files[0];
+        if (!file)
+            return;
+        if (!VALID_FILE_FORMATS.includes(file === null || file === void 0 ? void 0 : file.type)) {
+            setError('file_not_supported_alert');
+            return;
+        }
+        if ((file === null || file === void 0 ? void 0 : file.size) > MAX_FILE_SIZE) {
+            setError('file_size_alert');
+            return;
+        }
+        articleFileControl.field.onChange(file);
+        dispatch(uploadArticle({
+            file: file,
+            onProgress: function (value) {
+                setProgress(value);
+            }
+        }));
+    };
+    var handleReset = function () {
+        articleFileControl.field.onChange(undefined);
+        articleIdControl.field.onChange('');
+        dispatch(clearArticleId());
+        setProgress(0);
+    };
+    React.useEffect(function () {
+        if (sysError === 'file_upload_error') {
+            setError(sysError);
+            articleFileControl.field.onChange(undefined);
+            setProgress(0);
+        }
+    }, [sysError]);
+    var fileName = articleValue ? maskFileName(articleValue === null || articleValue === void 0 ? void 0 : articleValue.name) : '';
+    var errorValue = error || sysError || '';
+    return (_jsx(Collapse, __assign({ in: show }, { children: _jsx(FeatureStyled, { children: _jsx(UploadFile, { label: t('title_article'), title: t('drag_and_drop'), subTitle: t('subtitle_drop'), dragDescription: t('article_of_association'), uploadingTitle: t('file_uploading_title'), successTitle: t('success_upload_bank_statement'), onFileUploaded: handleArticleChange, isFileUploaded: !uploadingArticle && !!articleValue, isSubmitting: loading, isUploading: uploadingArticle, progress: progress, onReset: handleReset, error: errorValue && t(errorValue), initialFileName: fileName }) }) })));
+};
+export default Article;

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

@@ -17,7 +17,7 @@ import { yupResolver } from '@hookform/resolvers/yup';
 import { styled } from '@mui/material/styles';
 import { useAppDispatch, useAppSelector, useLanguage, useSetFromDefaultValues } from '../../../../hooks';
 import { settingsSelector } from '../../../../app/settings';
-import { isSA } from '../../../../utils';
+import { isKW, isSA } from '../../../../utils';
 import { BusinessType } from '../../../../@types';
 import Form from '../../../../components/Form';
 import Collapse from '../../../../components/Collapse';
@@ -31,6 +31,8 @@ import IssuingDate from './IssuingDate';
 import ExpiryDate from './ExpiryDate';
 import EntityTypeList from './EntityTypeList';
 import UnifiedNumber from './UnifiedNumber';
+import LicenseCertificate from './LicenseCertificate';
+import Article from './Article';
 var FormStyled = styled(Form)(function () { return ({
     display: 'flex',
     flexDirection: 'column'
@@ -39,14 +41,15 @@ var EntityName = function (_a) {
     var _b = React.useState(false), issueAnchorEl = _b[0], setIssueAnchorEl = _b[1];
     var _c = React.useState(false), expiryAnchorEl = _c[0], setExpiryAnchorEl = _c[1];
     var _d = React.useState(false), entityTypeAnchorEl = _d[0], setEntityTypeAnchorEl = _d[1];
-    var _e = useAppSelector(entitySelector), data = _e.data, loading = _e.loading, error = _e.error;
+    var _e = useAppSelector(entitySelector), data = _e.data, loading = _e.loading, error = _e.error, uploading = _e.uploading, uploadingArticle = _e.uploadingArticle;
     var settingsData = useAppSelector(settingsSelector).data;
     var isAr = useLanguage().isAr;
     var t = useTranslation().t;
     var dispatch = useAppDispatch();
-    var _f = data.entityNameData, legalName = _f.legalName, licenseNumber = _f.licenseNumber, licenseType = _f.licenseType, entityType = _f.entityType, issuingDate = _f.issuingDate, expiryDate = _f.expiryDate, unifiedNumber = _f.unifiedNumber;
+    var _f = data.entityNameData, legalName = _f.legalName, licenseNumber = _f.licenseNumber, licenseType = _f.licenseType, entityType = _f.entityType, issuingDate = _f.issuingDate, expiryDate = _f.expiryDate, unifiedNumber = _f.unifiedNumber, certificateId = _f.certificateId, articleId = _f.articleId, articleFile = _f.articleFile;
     var country_code = settingsData.businessCountry.iso2;
     var isSACountry = React.useMemo(function () { return isSA(country_code); }, [country_code]);
+    var isKWCountry = React.useMemo(function () { return isKW(country_code); }, [country_code]);
     var isCR = licenseType === BusinessType.CR;
     var entity = (data.verify.responseBody || {}).entity;
     var methods = useForm({
@@ -58,7 +61,10 @@ var EntityName = function (_a) {
             entityType: entityType,
             issuingDate: issuingDate,
             expiryDate: expiryDate,
-            unifiedNumber: unifiedNumber
+            unifiedNumber: unifiedNumber,
+            certificateId: certificateId,
+            articleId: articleId,
+            articleFile: articleFile
         },
         mode: 'onChange'
     });
@@ -79,9 +85,9 @@ var EntityName = function (_a) {
         if (error)
             dispatch(clearError());
     }, [methods.formState.isValid]);
-    var disabled = !methods.formState.isValid || !!error;
+    var disabled = !methods.formState.isValid || !!error || uploading || uploadingArticle;
     var showLicenseNumber = !isSACountry ? isCR : true;
     var showUnifiedNumber = isSACountry ? isCR : false;
-    return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(Collapse, __assign({ in: !expiryAnchorEl && !issueAnchorEl && !entityTypeAnchorEl }, { children: _jsx(LegalName, {}) })), _jsx(Collapse, __assign({ in: !expiryAnchorEl && !issueAnchorEl }, { children: _jsx(EntityTypeList, { onListOpen: function () { return handleEntityOpenClose(true); }, onListClose: function () { return handleEntityOpenClose(false); } }) })), _jsxs(Collapse, __assign({ in: !expiryAnchorEl && !issueAnchorEl && !entityTypeAnchorEl }, { children: [_jsx(LicenseNumber, { show: showLicenseNumber }), _jsx(UnifiedNumber, { show: showUnifiedNumber })] })), _jsx(Collapse, __assign({ in: !expiryAnchorEl && !entityTypeAnchorEl }, { children: _jsx(IssuingDate, { onDateClicked: handleIssueDateOpenClose }) })), _jsx(Collapse, __assign({ in: !issueAnchorEl && !entityTypeAnchorEl }, { children: _jsx(ExpiryDate, { onDateClicked: handleExpiryDateOpenClose }) })), _jsx(Collapse, __assign({ in: !expiryAnchorEl && !issueAnchorEl && !entityTypeAnchorEl }, { children: _jsx(Button, __assign({ disableBack: true, disabled: disabled, isAr: isAr, loading: loading, error: t(error || '') }, { children: t('next') })) }))] })) })) }));
+    return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(Collapse, __assign({ in: !expiryAnchorEl && !issueAnchorEl && !entityTypeAnchorEl }, { children: _jsx(LegalName, {}) })), _jsx(Collapse, __assign({ in: !expiryAnchorEl && !issueAnchorEl }, { children: _jsx(EntityTypeList, { onListOpen: function () { return handleEntityOpenClose(true); }, onListClose: function () { return handleEntityOpenClose(false); } }) })), _jsxs(Collapse, __assign({ in: !expiryAnchorEl && !issueAnchorEl && !entityTypeAnchorEl }, { children: [_jsx(LicenseNumber, { show: showLicenseNumber }), _jsx(UnifiedNumber, { show: showUnifiedNumber })] })), _jsx(Collapse, __assign({ in: !expiryAnchorEl && !entityTypeAnchorEl }, { children: _jsx(IssuingDate, { onDateClicked: handleIssueDateOpenClose }) })), _jsx(Collapse, __assign({ in: !issueAnchorEl && !entityTypeAnchorEl }, { children: _jsx(ExpiryDate, { onDateClicked: handleExpiryDateOpenClose }) })), _jsxs(Collapse, __assign({ in: !expiryAnchorEl && !issueAnchorEl && !entityTypeAnchorEl }, { children: [_jsx(LicenseCertificate, { show: !(isKWCountry && !isCR) }), _jsx(Article, { show: true })] })), _jsx(Collapse, __assign({ in: !expiryAnchorEl && !issueAnchorEl && !entityTypeAnchorEl }, { children: _jsx(Button, __assign({ disableBack: true, disabled: disabled, isAr: isAr, loading: loading, error: t(error || '') }, { children: t('next') })) }))] })) })) }));
 };
 export default EntityName;

package/build/features/entity/screens/EntityName/LicenseCertificate.d.ts

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

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

@@ -0,0 +1,42 @@
+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 { useTranslation } from 'react-i18next';
+import { useController, useFormContext } from 'react-hook-form';
+import { useAppDispatch, useAppSelector } from '../../../../hooks';
+import { styled } from '@mui/material/styles';
+import Collapse from '../../../../components/Collapse';
+import { ScreenContainer } from '../../../shared/Containers';
+import { entitySelector, uploadingStatus } from '../../../app/entity/entityStore';
+import UploadMultipleFile from '../../../shared/UploadMultipleFile';
+var FeatureStyled = styled(ScreenContainer)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        marginBlockStart: theme.spacing(3)
+    });
+});
+var LicenseCertificate = function (_a) {
+    var show = _a.show;
+    var t = useTranslation().t;
+    var control = useFormContext().control;
+    var dispatch = useAppDispatch();
+    var certificateIdControl = useController({ name: 'certificateId', control: control });
+    var loading = useAppSelector(entitySelector).loading;
+    var handleLicenseCertificateChange = function (ids) {
+        certificateIdControl.field.onChange(ids);
+    };
+    var handleReset = function (ids) {
+        certificateIdControl.field.onChange(ids);
+    };
+    return (_jsx(Collapse, __assign({ in: show }, { children: _jsx(FeatureStyled, { children: _jsx(UploadMultipleFile, { label: t('title_license_certificate'), title: t('drag_and_drop'), subTitle: t('subtitle_drop'), dragDescription: t('desc_drag_and_drop_certificate'), uploadingTitle: t('file_uploading_title'), successTitle: t('success_upload_bank_statement'), onFileUploaded: handleLicenseCertificateChange, isSubmitting: loading, onDeleteFile: handleReset, maxLimit: 4, purpose: 'commercial_registration', fileUploadingStatus: function (uploading) { return dispatch(uploadingStatus(uploading)); } }) }) })));
+};
+export default LicenseCertificate;

package/build/features/entity/screens/EntityName/validation.d.ts

@@ -7,6 +7,8 @@ export declare const EntityNameValidationSchema: (entity: any) => yup.ObjectSche
     unifiedNumber: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
     issuingDate: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
     expiryDate: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+    certificateId: yup.ArraySchema<yup.AnySchema<any, any, any>, import("yup/lib/types").AnyObject, any[] | undefined, any[] | undefined>;
+    articleId: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
 }>, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
     legalName: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
     licenseType: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
@@ -15,6 +17,8 @@ export declare const EntityNameValidationSchema: (entity: any) => yup.ObjectSche
     unifiedNumber: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
     issuingDate: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
     expiryDate: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+    certificateId: yup.ArraySchema<yup.AnySchema<any, any, any>, import("yup/lib/types").AnyObject, any[] | undefined, any[] | undefined>;
+    articleId: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
 }>>, import("yup/lib/object").AssertsShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
     legalName: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
     licenseType: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
@@ -23,6 +27,8 @@ export declare const EntityNameValidationSchema: (entity: any) => yup.ObjectSche
     unifiedNumber: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
     issuingDate: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
     expiryDate: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+    certificateId: yup.ArraySchema<yup.AnySchema<any, any, any>, import("yup/lib/types").AnyObject, any[] | undefined, any[] | undefined>;
+    articleId: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
 }>>>;
 export declare const EntityNameKWValidationSchema: (entity: any) => yup.ObjectSchema<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
     legalName: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
@@ -31,6 +37,8 @@ export declare const EntityNameKWValidationSchema: (entity: any) => yup.ObjectSc
     licenseNumber: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
     issuingDate: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
     expiryDate: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+    certificateId: yup.ArraySchema<yup.AnySchema<any, any, any>, import("yup/lib/types").AnyObject, any[] | undefined, any[] | undefined>;
+    articleId: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
 }>, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
     legalName: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
     licenseType: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
@@ -38,6 +46,8 @@ export declare const EntityNameKWValidationSchema: (entity: any) => yup.ObjectSc
     licenseNumber: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
     issuingDate: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
     expiryDate: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+    certificateId: yup.ArraySchema<yup.AnySchema<any, any, any>, import("yup/lib/types").AnyObject, any[] | undefined, any[] | undefined>;
+    articleId: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
 }>>, import("yup/lib/object").AssertsShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
     legalName: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
     licenseType: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
@@ -45,4 +55,6 @@ export declare const EntityNameKWValidationSchema: (entity: any) => yup.ObjectSc
     licenseNumber: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
     issuingDate: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
     expiryDate: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+    certificateId: yup.ArraySchema<yup.AnySchema<any, any, any>, import("yup/lib/types").AnyObject, any[] | undefined, any[] | undefined>;
+    articleId: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
 }>>>;

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

@@ -57,7 +57,9 @@ export var EntityNameValidationSchema = function (entity) {
             })
                 .required(''),
         issuingDate: isIssuingDateOptional ? yup.string().optional() : yup.string().required('choose_any_issuing_date'),
-        expiryDate: isExpiryDateOptional ? yup.string().optional() : yup.string().required('choose_any_expiry_date')
+        expiryDate: isExpiryDateOptional ? yup.string().optional() : yup.string().required('choose_any_expiry_date'),
+        certificateId: yup.array().optional(),
+        articleId: yup.string().optional()
     });
 };
 export var EntityNameKWValidationSchema = function (entity) {
@@ -107,6 +109,8 @@ export var EntityNameKWValidationSchema = function (entity) {
             })
                 .required(''),
         issuingDate: isIssuingDateOptional ? yup.string().optional() : yup.string().required('choose_any_issuing_date'),
-        expiryDate: isExpiryDateOptional ? yup.string().optional() : yup.string().required('choose_any_expiry_date')
+        expiryDate: isExpiryDateOptional ? yup.string().optional() : yup.string().required('choose_any_expiry_date'),
+        certificateId: yup.array().optional(),
+        articleId: yup.string().optional()
     });
 };

package/build/features/shared/UploadMultipleFile/UploadMultipleFile.js

@@ -18,7 +18,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     }
     return to.concat(ar || Array.prototype.slice.call(from));
 };
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { useTranslation } from 'react-i18next';
 import { alpha, styled, useTheme } from '@mui/material/styles';
@@ -105,6 +105,8 @@ var UploadMultipleFile = function (_a) {
         if (!isSubmitting) {
             if (fileInfoArray.length > 0) {
                 setError('');
+                if (required && fileInfoArray.length === 1)
+                    setError(t('file_upload_at_least_one'));
                 fileArray.splice(index, 1);
                 setFileArray(__spreadArray([], fileArray, true));
                 fileInfoArray.splice(index, 1);
@@ -138,7 +140,7 @@ var UploadMultipleFile = function (_a) {
         }
     };
     var fileExists = fileInfoArray.length > 0;
-    return (_jsxs(FeatureStyled, { children: [_jsxs(LabelContainerStyled, { children: [_jsx(InputLabelStyled, { children: label }), required && _jsx(Mandatory, {}), _jsx(Collapse, __assign({ in: !!uploadedFileCount, timeout: 100, unmountOnExit: true }, { children: _jsx(UploadCountBox, { children: "".concat(uploadedFileCount, " ").concat(t('uploaded_file')) }) }))] }), _jsx(InputContainerStyled, __assign({ sx: { mb: 2.5 } }, { children: _jsx(DragAndDrop, { title: title, subTitle: subTitle, description: dragDescription, fileExists: fileExists, uploadingTitle: uploadingTitle, successTitle: successTitle, onSuccess: handleFileChange, multiple: true, error: error }) })), _jsx(Collapse, __assign({ in: fileExists, timeout: 300 }, { children: (fileArray || []).map(function (file, index) {
+    return (_jsxs(FeatureStyled, { children: [_jsxs(LabelContainerStyled, { children: [_jsx(InputLabelStyled, { children: _jsxs(_Fragment, { children: [label, required && _jsx(Mandatory, {})] }) }), _jsx(Collapse, __assign({ in: !!uploadedFileCount, timeout: 100, unmountOnExit: true }, { children: _jsx(UploadCountBox, { children: "".concat(uploadedFileCount, " ").concat(t('uploaded_file')) }) }))] }), _jsx(InputContainerStyled, __assign({ sx: { mb: 2.5 } }, { children: _jsx(DragAndDrop, { title: title, subTitle: subTitle, description: dragDescription, fileExists: fileExists, uploadingTitle: uploadingTitle, successTitle: successTitle, onSuccess: handleFileChange, multiple: true, error: error }) })), _jsx(Collapse, __assign({ in: fileExists, timeout: 300 }, { children: (fileArray || []).map(function (file, index) {
                     return (_jsx(UploadFile, { purpose: purpose, title: fileTitle, uploadedFiles: fileInfoArray, index: index, file: file, sx: {
                             borderBottom: index === fileArray.length - 1 ? "1px solid ".concat(alpha(theme.palette.divider, 0.8)) : ''
                         }, onSuccess: handleSuccess, onDelete: handleDelete, onFailure: handleFailure, onProgress: handleProgress }, index));

package/package.json

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