@tap-payments/auth-jsconnect 2.3.2-test → 2.3.4-test

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

@@ -341,5 +341,6 @@ export type FileDetails = {
     size: string;
     title: string;
     type: string;
+    docId?: string;
 };
 export {};

package/build/api/document.d.ts

@@ -0,0 +1,25 @@
+export type DocumentInfo = {
+    type?: string;
+    number?: string;
+    issuing_country?: string;
+    issuing_date?: string;
+    expiry_date?: string;
+    images: Array<string>;
+};
+export type DocumentUpdateBody = {
+    entity_id?: boolean;
+    individual_type_id?: number;
+    country?: string;
+    documents: Array<DocumentInfo>;
+};
+export interface DocumentBody {
+    id: string;
+    images?: Array<string>;
+    files?: Array<string>;
+}
+declare const documentService: {
+    updateDocumentInfo: (data: DocumentUpdateBody) => Promise<any>;
+    addFilesToExistingDocument: ({ id, ...data }: DocumentBody) => Promise<any>;
+    removeFilesFromDocument: ({ id, ...data }: DocumentBody) => Promise<import("axios").AxiosResponse<any, any>>;
+};
+export { documentService };

package/build/api/document.js

@@ -0,0 +1,38 @@
+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 { ENDPOINT_PATHS } from '../constants';
+import instance, { httpClient } from './axios';
+var updateDocumentInfo = function (data) {
+    return httpClient({
+        method: 'post',
+        url: "".concat(ENDPOINT_PATHS.DOCUMENT),
+        data: data
+    });
+};
+var addFilesToExistingDocument = function (_a) {
+    var id = _a.id, data = __rest(_a, ["id"]);
+    return httpClient({
+        method: 'put',
+        url: "".concat(ENDPOINT_PATHS.DOCUMENT, "/").concat(id, "/files/add"),
+        data: data
+    });
+};
+var removeFilesFromDocument = function (_a) {
+    var id = _a.id, data = __rest(_a, ["id"]);
+    return instance.put("".concat(ENDPOINT_PATHS.DOCUMENT, "/").concat(id, "/files/remove"), data);
+};
+var documentService = {
+    updateDocumentInfo: updateDocumentInfo,
+    addFilesToExistingDocument: addFilesToExistingDocument,
+    removeFilesFromDocument: removeFilesFromDocument
+};
+export { documentService };

package/build/api/entity.d.ts

@@ -102,20 +102,6 @@ export type UpdateEntityCapitalBody = {
         };
     };
 };
-export type DocumentInfo = {
-    type?: string;
-    number?: string;
-    issuing_country?: string;
-    issuing_date?: string;
-    expiry_date?: string;
-    images: Array<string>;
-};
-export type DocumentUpdateBody = {
-    entity_id?: boolean;
-    individual_type_id?: number;
-    country?: string;
-    documents: Array<DocumentInfo>;
-};
 declare const entityService: {
     createEntityInfo: ({ id, ...data }: EntityInfoBody, config?: AxiosRequestConfig) => Promise<import("axios").AxiosResponse<any, any>>;
     updateEntityInfo: ({ id, ...data }: EntityInfoBody, config?: AxiosRequestConfig) => Promise<import("axios").AxiosResponse<any, any>>;
@@ -123,7 +109,6 @@ declare const entityService: {
     retrieveBankAccount: (id: string) => Promise<any>;
     retrieveEntityInfo: (entity_id: string, config?: AxiosRequestConfig) => Promise<import("axios").AxiosResponse<any, any>>;
     updateIndividualInfo: ({ id, ...data }: EntityInfoBody) => Promise<any>;
-    updateDocumentInfo: (data: DocumentUpdateBody) => Promise<any>;
     retrieveEntity: (entity_id: string) => Promise<any>;
     updateEntity: ({ id, ...data }: UpdateEntityBody) => Promise<any>;
     updateEntityActivity: ({ id, ...data }: UpdateEntityActivityBody) => Promise<any>;

package/build/api/entity.js

@@ -69,13 +69,6 @@ var updateIndividualInfo = function (_a) {
         data: data
     });
 };
-var updateDocumentInfo = function (data) {
-    return httpClient({
-        method: 'post',
-        url: "".concat(ENDPOINT_PATHS.DOCUMENT),
-        data: data
-    });
-};
 var retrieveEntityType = function () {
     return httpClient({
         method: 'get',
@@ -89,7 +82,6 @@ var entityService = {
     retrieveBankAccount: retrieveBankAccount,
     retrieveEntityInfo: retrieveEntityInfo,
     updateIndividualInfo: updateIndividualInfo,
-    updateDocumentInfo: updateDocumentInfo,
     retrieveEntity: retrieveEntity,
     updateEntity: updateEntity,
     updateEntityActivity: updateEntityActivity,

package/build/api/file.d.ts

@@ -9,5 +9,6 @@ export type UploadFileBody = {
 declare const fileService: {
     uploadFile: (data: UploadFileBody, config?: AxiosRequestConfig) => Promise<import("axios").AxiosResponse<any, any>>;
     uploadFileInfo: (data: UploadFileBody, config?: AxiosRequestConfig) => Promise<any>;
+    downloadFile: (id: string, name: string, config?: AxiosRequestConfig) => Promise<void>;
 };
 export { fileService };

package/build/api/file.js

@@ -17,8 +17,20 @@ var uploadFileInfo = function (data, config) {
 var uploadFile = function (data, config) {
     return instance.post("".concat(ENDPOINT_PATHS.FILES_PATH), data, __assign({ headers: { 'Content-Type': 'multipart/form-data' } }, config));
 };
+var downloadFile = function (id, name, config) {
+    return instance.get("".concat(ENDPOINT_PATHS.FILES_PATH, "/").concat(id, "/download"), __assign({ responseType: 'blob' }, config)).then(function (response) {
+        var url = window.URL.createObjectURL(response.data);
+        var link = document.createElement('a');
+        link.href = url;
+        link.download = name;
+        document.body.appendChild(link);
+        link.click();
+        window.URL.revokeObjectURL(url);
+    });
+};
 var fileService = {
     uploadFile: uploadFile,
-    uploadFileInfo: uploadFileInfo
+    uploadFileInfo: uploadFileInfo,
+    downloadFile: downloadFile
 };
 export { fileService };

package/build/api/index.d.ts

@@ -3,13 +3,14 @@ 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, BankDocumentInfo, UpdateEntityBody, DocumentUpdateBody, DocumentInfo, UpdateEntityActivityBody, UpdateEntityCapitalBody } from './entity';
+import { EntityInfoBody, EntityBankUpdateBody, BankDocumentInfo, UpdateEntityBody, UpdateEntityActivityBody, UpdateEntityCapitalBody } from './entity';
 import { CreateAccountBody, ExpressCreateAccountBody } from './account';
 import { DataElementBody } from './data';
 import { BrandListBody, UpdateBrandBody, UpdateIndividualBody, GetIndividualListBody } from './individual';
 import { UpdateBoardBody, RequestEmailBody } from './board';
 import { GetUserListBody } from './user';
 import { UploadFileBody } from './file';
+import { DocumentUpdateBody, DocumentInfo, DocumentBody } from './document';
 declare const API: {
     locationService: {
         getIP: () => Promise<any>;
@@ -54,7 +55,6 @@ declare const API: {
         retrieveBankAccount: (id: string) => Promise<any>;
         retrieveEntityInfo: (entity_id: string, config?: import("axios").AxiosRequestConfig<any> | undefined) => Promise<import("axios").AxiosResponse<any, any>>;
         updateIndividualInfo: ({ id, ...data }: EntityInfoBody) => Promise<any>;
-        updateDocumentInfo: (data: DocumentUpdateBody) => Promise<any>;
         retrieveEntity: (entity_id: string) => Promise<any>;
         updateEntity: ({ id, ...data }: UpdateEntityBody) => Promise<any>;
         updateEntityActivity: ({ id, ...data }: UpdateEntityActivityBody) => Promise<any>;
@@ -133,8 +133,14 @@ declare const API: {
     fileService: {
         uploadFile: (data: UploadFileBody, config?: import("axios").AxiosRequestConfig<any> | undefined) => Promise<import("axios").AxiosResponse<any, any>>;
         uploadFileInfo: (data: UploadFileBody, config?: import("axios").AxiosRequestConfig<any> | undefined) => Promise<any>;
+        downloadFile: (id: string, name: string, config?: import("axios").AxiosRequestConfig<any> | undefined) => Promise<void>;
+    };
+    documentService: {
+        updateDocumentInfo: (data: DocumentUpdateBody) => Promise<any>;
+        addFilesToExistingDocument: ({ id, ...data }: DocumentBody) => Promise<any>;
+        removeFilesFromDocument: ({ id, ...data }: DocumentBody) => Promise<import("axios").AxiosResponse<any, 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, BankDocumentInfo, GetUserListBody, GetIndividualListBody, RequestEmailBody };
+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, GetUserListBody, GetIndividualListBody, RequestEmailBody, DocumentBody };
 export { setAxiosGlobalHeaders, removeAxiosGlobalHeaders, axiosInstance, getAxiosHeaders };
 export default API;

package/build/api/index.js

@@ -14,6 +14,7 @@ import { boardService } from './board';
 import { userService } from './user';
 import { brandService } from './brand';
 import { fileService } from './file';
+import { documentService } from './document';
 var API = {
     locationService: locationService,
     operatorService: operatorService,
@@ -29,7 +30,8 @@ var API = {
     boardService: boardService,
     userService: userService,
     brandService: brandService,
-    fileService: fileService
+    fileService: fileService,
+    documentService: documentService
 };
 export { setAxiosGlobalHeaders, removeAxiosGlobalHeaders, axiosInstance, getAxiosHeaders };
 export default API;

package/build/api/individual.d.ts

@@ -1,4 +1,4 @@
-import { DocumentInfo } from './entity';
+import { DocumentInfo } from './document';
 export type BrandListBody = {
     individual_id: string;
 };

package/build/assets/locales/ar.json

@@ -388,5 +388,7 @@
     "share_value_label": "قيمة السهم ({{currency}})",
     "share_value_hint": "0000",
     "brand": "الاسم التجاري",
-    "try_again": "حاول مرة أخرى"
+    "try_again": "حاول مرة أخرى",
+    "file_delete_error": "حدث خطأ ما في حذف الملف. حاول مرة اخرى",
+    "file_download_error": "حدث خطأ ما في تحميل الملف. حاول مرة اخرى"
 }

package/build/assets/locales/en.json

@@ -418,5 +418,7 @@
     "share_value_label": "Share Value ({{currency}})",
     "share_value_hint": "0000",
     "brand": "Brand",
-    "try_again": "Try again"
+    "try_again": "Try again",
+    "file_delete_error": "Something went wrong with deleting file. Please try again",
+    "file_download_error": "Something went wrong with downloading file. Please try again"
 }

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

@@ -1,6 +1,6 @@
+import { CancelToken } from 'axios';
 import { RootState } from '../../../app/store';
 import { ActionState, BankFormValues, FlowsTypes, OTPFormValues, ResponseData, SharedState } from '../../../@types';
-import { CancelToken } from 'axios';
 interface VerifyLeadTokenProps {
     token: string;
     isInternally?: boolean;

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

@@ -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, requestBody, data;
-    var _b, _c, _d, _e, _f, _g, _h;
-    return __generator(this, function (_j) {
-        switch (_j.label) {
+    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) {
             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;
@@ -192,14 +192,27 @@ export var createBankAccount = createAsyncThunk('createBankAccount', function (p
                 isBeneficiaryNameEditable = true;
                 isBankNameEditable = true;
                 isBankStatementIdEditable = true;
+                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: (_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,
+                    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: {
                         iban: isIBANEditable ? iban : undefined,
                         beneficiary_name: isBeneficiaryNameEditable ? beneficiaryName : undefined,
                         bank_name: isBankNameEditable ? bankName : undefined,
                         is_acknowledged: confirmPolicy,
-                        document: isBankStatementIdEditable && (bankStatementId || []).length > 0
+                        document: !documentId && hasDocument
                             ? {
                                 type: 'bank_statement',
                                 files: bankStatementId || []
@@ -210,11 +223,12 @@ 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 = (_j.sent()).data;
+            case 3:
+                data = (_k.sent()).data;
                 if (!data.errors) {
+                    data.documentData = documentResponse;
                     thunkApi.dispatch(handleNextScreenStep());
-                    (_h = (_g = settings.data.appConfig).onStepCompleted) === null || _h === void 0 ? void 0 : _h.call(_g, settings.data.activeScreen.name, requestBody);
+                    (_j = (_h = settings.data.appConfig).onStepCompleted) === null || _j === void 0 ? void 0 : _j.call(_h, settings.data.activeScreen.name, requestBody);
                 }
                 return [2, { data: data, formData: params }];
         }

package/build/features/app/brand/brandStore.js

@@ -45,13 +45,24 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
+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;
+};
 var _a;
 import { createAsyncThunk, createSlice } from '@reduxjs/toolkit';
 import API from '../../../api';
 import { FlowsTypes } from '../../../@types';
 import { handleNextScreenStep, handleSetCountryByIso2 } from '../../../app/settings';
 import { BRAND_STEP_NAMES } from '../../../constants';
-import { findInArrayOrSubArray, isKW, isTwitter, isWebsite, sleep } from '../../../utils';
+import { isKW, isTwitter, isWebsite, sleep } from '../../../utils';
 export var verifyLeadToken = createAsyncThunk('brandVerifyLeadToken', function (_a, thunkApi) {
     var token = _a.token, isInternally = _a.isInternally;
     return __awaiter(void 0, void 0, void 0, function () {
@@ -340,7 +351,7 @@ export var updateBrandActivities = createAsyncThunk('brandUpdateBrandActivities'
                 }); });
                 customerBaseId = (expectedCustomer === null || expectedCustomer === void 0 ? void 0 : expectedCustomer.id) && { id: expectedCustomer.id, period: 'monthly' };
                 salesId = (expectedSale === null || expectedSale === void 0 ? void 0 : expectedSale.id) && { id: expectedSale.id, period: 'monthly' };
-                customerBase = (customerBaseId || customerLocation.length) && __assign(__assign({}, (customerBaseId && { id: expectedCustomer.id, period: 'monthly' })), (customerLocation.length && { location: customerLocation }));
+                customerBase = (customerBaseId || customerLocation.length) && __assign(__assign({}, (customerBaseId && { id: expectedCustomer.id, period: 'monthly' })), (customerLocation.length && { locations: customerLocation }));
                 if (customerBase)
                     requestBody = __assign(__assign({}, requestBody), { operations: __assign(__assign({}, requestBody.operations), { customer_base: customerBase }) });
                 if (salesId && isSalesRangeEditable) {
@@ -400,12 +411,14 @@ export var updateBoardSuccess = createAsyncThunk('updateBoardBrandSuccess', func
                     step_name: BRAND_STEP_NAMES.BRAND_SUCCESS,
                     id: id
                 };
-                data = {};
-                return [4, API.boardService.retrieveBoardInfoStatus(id)];
+                return [4, API.boardService.updateBoardInfo(__assign({ id: id, infoId: infoId }, payload))];
             case 1:
+                data = _g.sent();
+                return [4, API.boardService.retrieveBoardInfoStatus(id)];
+            case 2:
                 boardInfoData = _g.sent();
                 return [4, thunkApi.dispatch(retrieveBoardDetails(id)).unwrap()];
-            case 2:
+            case 3:
                 _g.sent();
                 (_d = (_c = settings.data.appConfig).onStepCompleted) === null || _d === void 0 ? void 0 : _d.call(_c, settings.data.activeScreen.name, {});
                 (_f = (_e = settings.data.appConfig).onFlowCompleted) === null || _f === void 0 ? void 0 : _f.call(_e, { data: data });
@@ -580,13 +593,13 @@ export var brandSlice = createSlice({
             state.data.brandData = formData;
             state.data.brandActivities.activities = (selectedActivity === null || selectedActivity === void 0 ? void 0 : selectedActivity.length) > 0 ? selectedActivity : [];
             var _b = operations || {}, customer_base = _b.customer_base, sales = _b.sales;
-            var _c = state.data.brandActivities.responseBody || {}, customerBases = _c.customerBases, expectedSales = _c.expectedSales, expectedCustomerSales = _c.expectedCustomerSales;
-            var findCustomerBase = findInArrayOrSubArray(expectedCustomerSales, customer_base === null || customer_base === void 0 ? void 0 : customer_base.id);
-            var findSale = findInArrayOrSubArray(expectedSales, sales === null || sales === void 0 ? void 0 : sales.id);
-            if (!!findSale)
-                state.data.brandActivities.expectedSale = findSale;
-            if (!!findCustomerBase)
-                state.data.brandActivities.expectedCustomer = findCustomerBase;
+            var _c = customer_base || {}, locations = _c.locations, customerBase = __rest(_c, ["locations"]);
+            if (locations && locations.length)
+                state.data.brandActivities.customerLocations = locations;
+            if (!!sales)
+                state.data.brandActivities.expectedSale = sales;
+            if (!!customerBase)
+                state.data.brandActivities.expectedCustomer = customerBase;
             state.data.verify.responseBody = __assign(__assign({}, state.data.verify.responseBody), { activities: data === null || data === void 0 ? void 0 : data.brand_activities });
         })
             .addCase(updateBrandActivities.rejected, function (state, action) {

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

@@ -494,7 +494,7 @@ export var updateLeadBusinessType = createAsyncThunk('updateLeadBusinessType', f
                         }
                     ]
                 };
-                return [4, API.entityService.updateDocumentInfo(documentBody)];
+                return [4, API.documentService.updateDocumentInfo(documentBody)];
             case 5:
                 documentData = _h.sent();
                 _h.label = 6;

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

@@ -63,7 +63,7 @@ import { BusinessType, DocumentPurpose, FlowsTypes } from '../../../@types';
 import { handleNextScreenStep, handleSetCountryByIso2 } from '../../../app/settings';
 import { ENTITY_STEP_NAMES } from '../../../constants';
 import moment from 'moment';
-import { convertNumbers2English } from '../../../utils';
+import { convertNumbers2English, getRecentDocumentBasedOnPurpose } from '../../../utils';
 export var verifyLeadToken = createAsyncThunk('entityVerifyLeadToken', function (_a, thunkApi) {
     var token = _a.token, isInternally = _a.isInternally;
     return __awaiter(void 0, void 0, void 0, function () {
@@ -240,10 +240,10 @@ 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, articleId, issuingDate, expiryDate, isFL, isLegalNameEditable, isLicenseTypeEditable, isEntityTypeEditable, isLicenseNumberEditable, isUnifiedNumberEditable, isIssuingDateEditable, isExpiryDateEditable, payload, data, documentBody, _c, list;
-    var _d, _e;
-    return __generator(this, function (_f) {
-        switch (_f.label) {
+    var _a, settings, entity, entityData, _b, id, data_status, articleId, issuingDate, expiryDate, isFL, isLegalNameEditable, isLicenseTypeEditable, isEntityTypeEditable, isLicenseNumberEditable, isUnifiedNumberEditable, isIssuingDateEditable, isExpiryDateEditable, documentResponse, document, documentBody, documentBody, payload, data, list;
+    var _c, _d;
+    return __generator(this, function (_e) {
+        switch (_e.label) {
             case 0:
                 _a = thunkApi.getState(), settings = _a.settings, entity = _a.entity;
                 entityData = (entity.data.verify.responseBody || {}).entity;
@@ -259,6 +259,32 @@ export var updateEntityName = createAsyncThunk('entityUpdateEntityName', functio
                 isUnifiedNumberEditable = true;
                 isIssuingDateEditable = true;
                 isExpiryDateEditable = true;
+                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 === null || document === void 0 ? void 0 : 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: articleId,
@@ -292,28 +318,15 @@ export var updateEntityName = createAsyncThunk('entityUpdateEntityName', functio
                     ]
                 };
                 return [4, API.entityService.updateEntity(payload)];
-            case 1:
-                data = _f.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:
-                _c.documentData = _f.sent();
-                _f.label = 3;
-            case 3: return [4, API.dataService.getActivities()];
-            case 4:
-                list = (_f.sent()).list;
+            case 5:
+                data = _e.sent();
+                data.documentData = documentResponse;
+                return [4, API.dataService.getActivities()];
+            case 6:
+                list = (_e.sent()).list;
                 data.activityList = list;
                 thunkApi.dispatch(handleNextScreenStep());
-                (_e = (_d = settings.data.appConfig).onStepCompleted) === null || _e === void 0 ? void 0 : _e.call(_d, settings.data.activeScreen.name, id);
+                (_d = (_c = settings.data.appConfig).onStepCompleted) === null || _d === void 0 ? void 0 : _d.call(_c, settings.data.activeScreen.name, id);
                 return [2, { data: data, formData: params }];
         }
     });
@@ -624,7 +637,7 @@ export var entitySlice = createSlice({
             var _b = data || {}, activityList = _b.activityList, rest = __rest(_b, ["activityList"]);
             state.data.entityNameData = formData;
             state.data.entityNameData.responseBody = __assign(__assign({}, state.data.entityNameData.responseBody), { rest: rest });
-            state.data.verify.responseBody = __assign(__assign({}, state.data.verify.responseBody), { activityList: activityList });
+            state.data.verify.responseBody = __assign(__assign({}, state.data.verify.responseBody), { entity: data === null || data === void 0 ? void 0 : data.entity, activityList: activityList });
             if (rest === null || rest === void 0 ? void 0 : rest.activities)
                 state.data.entityCapitalData = __assign(__assign({}, state.data.entityCapitalData), { activities: rest === null || rest === void 0 ? void 0 : rest.activities });
         })

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

@@ -648,7 +648,7 @@ export var updateIndividualInfo = createAsyncThunk('updateIndividualInfo', funct
                     documents: documentsList
                 };
                 if (!(documentsList.length > 0)) return [3, 2];
-                return [4, API.entityService.updateDocumentInfo(documentBody)];
+                return [4, API.documentService.updateDocumentInfo(documentBody)];
             case 1:
                 _f.sent();
                 _f.label = 2;

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

@@ -48,9 +48,10 @@ 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 { handleNextScreenStep, handleCurrentActiveScreen, handleSetCountryByIso2 } from '../../../app/settings';
 import { TAX_STEP_NAMES } from '../../../constants';
+import { getRecentDocumentBasedOnPurpose } from '../../../utils';
 export var verifyLeadToken = createAsyncThunk('taxVerifyLeadToken', function (_a, thunkApi) {
     var token = _a.token, isInternally = _a.isInternally;
     return __awaiter(void 0, void 0, void 0, function () {
@@ -168,15 +169,16 @@ export var verifyTaxLeadOTP = createAsyncThunk('verifyTaxLeadOTP', function (par
     });
 }); });
 export var updateTaxInfo = createAsyncThunk('updateTaxInfo', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var _a, settings, tax, entity, entityId, isTaxNumberEditable, requestBody, data, documentBody, _b;
-    var _c, _d, _e;
-    return __generator(this, function (_f) {
-        switch (_f.label) {
+    var _a, settings, tax, entity, entityId, isTaxNumberEditable, document, requestBody, data, documentBody, _b, documentBody, _c;
+    var _d, _e, _f;
+    return __generator(this, function (_g) {
+        switch (_g.label) {
             case 0:
                 _a = thunkApi.getState(), settings = _a.settings, tax = _a.tax;
                 entity = (tax.data.verify.responseBody || {}).entity;
                 entityId = entity === null || entity === void 0 ? void 0 : entity.id;
                 isTaxNumberEditable = true;
+                document = getRecentDocumentBasedOnPurpose(entity === null || entity === void 0 ? void 0 : entity.documents, DocumentPurpose.TAX_DOCUMENT);
                 requestBody = {
                     id: entityId,
                     vat_id: isTaxNumberEditable ? params.vatId : undefined,
@@ -185,10 +187,21 @@ export var updateTaxInfo = createAsyncThunk('updateTaxInfo', function (params, t
                 };
                 return [4, API.entityService.updateEntityInfo(requestBody)];
             case 1:
-                data = (_f.sent()).data;
-                if ((_c = data.errors) === null || _c === void 0 ? void 0 : _c.length)
+                data = (_g.sent()).data;
+                if ((_d = data.errors) === null || _d === void 0 ? void 0 : _d.length)
                     throw new Error(data.errors[0].description);
-                if (!((params.documentId || []).length > 0)) return [3, 3];
+                if (!((params.documentId || []).length > 0)) return [3, 5];
+                if (!(document === null || document === void 0 ? void 0 : document.id)) return [3, 3];
+                documentBody = {
+                    id: document === null || document === void 0 ? void 0 : document.id,
+                    images: params.documentId
+                };
+                _b = data;
+                return [4, API.documentService.addFilesToExistingDocument(documentBody)];
+            case 2:
+                _b.documentData = _g.sent();
+                return [3, 5];
+            case 3:
                 documentBody = {
                     entity_id: entityId || '',
                     documents: [
@@ -197,14 +210,14 @@ export var updateTaxInfo = createAsyncThunk('updateTaxInfo', function (params, t
                         }
                     ]
                 };
-                _b = data;
-                return [4, API.entityService.updateDocumentInfo(documentBody)];
-            case 2:
-                _b.documentData = _f.sent();
-                _f.label = 3;
-            case 3:
+                _c = data;
+                return [4, API.documentService.updateDocumentInfo(documentBody)];
+            case 4:
+                _c.documentData = _g.sent();
+                _g.label = 5;
+            case 5:
                 thunkApi.dispatch(handleNextScreenStep());
-                (_e = (_d = settings.data.appConfig).onStepCompleted) === null || _e === void 0 ? void 0 : _e.call(_d, settings.data.activeScreen.name, requestBody);
+                (_f = (_e = settings.data.appConfig).onStepCompleted) === null || _f === void 0 ? void 0 : _f.call(_e, settings.data.activeScreen.name, requestBody);
                 return [2, { data: data, formData: params }];
         }
     });

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

@@ -6,7 +6,7 @@ import { useTranslation } from 'react-i18next';
 import { useController, useFormContext } from 'react-hook-form';
 import { useAppDispatch, useAppSelector } from '../../../../hooks';
 import { DocumentPurpose } from '../../../../@types';
-import { getRecentDocumentFiles } from '../../../../utils';
+import { getFileDetailsFromDocument } from '../../../../utils';
 import { bankSelector, bankStatementUploadingStatus } from '../../../app/bank/bankStore';
 import UploadMultipleFile from '../../../shared/UploadMultipleFile';
 var FeatureStyled = styled(ScreenContainer)(function (_a) {
@@ -30,7 +30,7 @@ var BankStatement = function (_a) {
     var handleReset = function (ids) {
         bankStatementIdControl.field.onChange(ids);
     };
-    var defaultFiles = React.useMemo(function () { return getRecentDocumentFiles(document ? [document] : [], DocumentPurpose.BANK_STATEMENT); }, [document]);
+    var defaultFiles = React.useMemo(function () { return getFileDetailsFromDocument(document ? [document] : [], DocumentPurpose.BANK_STATEMENT); }, [document]);
     return (_jsx(FeatureStyled, { children: _jsx(UploadMultipleFile, { id: 'bankStatementId', control: control, 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: DocumentPurpose.BANK_STATEMENT, defaultFiles: defaultFiles, maxLimit: 4, fileUploadingStatus: function (uploading) { return dispatch(bankStatementUploadingStatus(uploading)); } }) }));
 };
 export default BankStatement;

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

@@ -17,7 +17,7 @@ import { styled } from '@mui/material/styles';
 import Collapse from '../../../../components/Collapse';
 import { DocumentPurpose } from '../../../../@types';
 import { useAppDispatch, useAppSelector } from '../../../../hooks';
-import { getRecentDocumentFiles } from '../../../../utils';
+import { getFileDetailsFromDocument } from '../../../../utils';
 import { ScreenContainer } from '../../../shared/Containers';
 import { entitySelector, uploadingStatus } from '../../../app/entity/entityStore';
 import UploadMultipleFile from '../../../shared/UploadMultipleFile';
@@ -42,7 +42,7 @@ var LicenseCertificate = function (_a) {
     var handleReset = function (ids) {
         certificateIdControl.field.onChange(ids);
     };
-    var defaultFiles = React.useMemo(function () { return getRecentDocumentFiles(documents, DocumentPurpose.CR); }, [documents]);
+    var defaultFiles = React.useMemo(function () { return getFileDetailsFromDocument(documents, DocumentPurpose.CR); }, [documents]);
     return (_jsx(Collapse, __assign({ in: show }, { children: _jsx(FeatureStyled, { children: _jsx(UploadMultipleFile, { id: 'certificateId', control: control, 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, defaultFiles: defaultFiles, purpose: DocumentPurpose.CR, fileUploadingStatus: function (uploading) { return dispatch(uploadingStatus(uploading)); } }) }) })));
 };
 export default LicenseCertificate;

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

@@ -6,7 +6,7 @@ import { useTranslation } from 'react-i18next';
 import { useController, useFormContext } from 'react-hook-form';
 import { useAppDispatch, useAppSelector } from '../../../../hooks';
 import { DocumentPurpose } from '../../../../@types';
-import { getRecentDocumentFiles } from '../../../../utils';
+import { getFileDetailsFromDocument } from '../../../../utils';
 import { civilIDUploadingStatus, individualSelector } from '../../../app/individual/individualStore';
 import UploadMultipleFile from '../../../shared/UploadMultipleFile';
 var FeatureStyled = styled(ScreenContainer)(function (_a) {
@@ -29,7 +29,7 @@ var CivilIDFile = function () {
     var handleReset = function (ids) {
         civilIDFileIdControl.field.onChange(ids);
     };
-    var defaultFiles = React.useMemo(function () { return getRecentDocumentFiles(documents, DocumentPurpose.IDENTITY_DOCUMENT); }, [documents]);
+    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)); } }) }));
 };
 export default CivilIDFile;

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

@@ -16,7 +16,7 @@ import { useController, useFormContext } from 'react-hook-form';
 import { styled } from '@mui/material/styles';
 import { useAppDispatch, useAppSelector } from '../../../../hooks';
 import { DocumentPurpose } from '../../../../@types';
-import { getRecentDocumentFiles } from '../../../../utils';
+import { getFileDetailsFromDocument } from '../../../../utils';
 import UploadMultipleFile from '../../../shared/UploadMultipleFile';
 import { ScreenContainer } from '../../../shared/Containers';
 import { individualSelector, signatureFileUploadingStatus } from '../../../app/individual/individualStore';
@@ -42,7 +42,7 @@ var SignatureFile = function (_a) {
     var handleReset = function (ids) {
         signatureFileIdControl.field.onChange(ids);
     };
-    var defaultFiles = React.useMemo(function () { return getRecentDocumentFiles(documents, DocumentPurpose.CUSTOMER_SIGNATURE); }, [documents]);
+    var defaultFiles = React.useMemo(function () { return getFileDetailsFromDocument(documents, DocumentPurpose.CUSTOMER_SIGNATURE); }, [documents]);
     return (_jsx(Collapse, __assign({ in: show }, { children: _jsx(FeatureStyled, { children: _jsx(UploadMultipleFile, { id: 'signatureFileId', control: control, label: t('title_signature_file'), title: t('drag_and_drop'), subTitle: t('subtitle_drop'), dragDescription: t('desc_drag_and_drop_signature'), uploadingTitle: t('file_uploading_title'), successTitle: t('success_upload_signature_file'), onFileUploaded: handleSignatureChange, isSubmitting: loading, onDeleteFile: handleReset, maxLimit: 4, defaultFiles: defaultFiles, purpose: DocumentPurpose.CUSTOMER_SIGNATURE, fileUploadingStatus: function (uploading) { return dispatch(signatureFileUploadingStatus(uploading)); } }) }) })));
 };
 export default SignatureFile;

package/build/features/shared/UploadMultipleFile/UploadFile.d.ts

@@ -11,21 +11,31 @@ export declare const InputContainerStyled: import("@emotion/styled").StyledCompo
 export declare enum FileStatus {
     INIT = "init",
     UPLOADING = "uploading",
+    DOWNLOADING = "downloading",
     SUCCESS = "success",
     ERROR = "error",
     ALREADY_UPLOADED = "already_uploaded"
 }
+export declare enum DeleteFileStatus {
+    NONE = "none",
+    DELETING = "deleting",
+    ERROR = "error",
+    SUCCESS = "success"
+}
 export type FileInfo = {
     fileId: string;
+    docId: string;
     name: string;
     status: FileStatus;
     progress: number;
     error: string;
+    deleteStatus: DeleteFileStatus;
 };
 export type UploadFileProps = {
     index: number;
     purpose: string;
     file: File;
+    required?: boolean;
     title?: string;
     uploadedFiles: Array<FileInfo>;
     onSuccess: (index: number, file: FileInfo) => void;
@@ -34,5 +44,5 @@ export type UploadFileProps = {
     onProgress: (index: number, file: FileInfo) => void;
     sx?: SxProps<Theme> | undefined;
 };
-declare const UploadFile: ({ index, title, file, uploadedFiles, onSuccess, onFailure, onDelete, onProgress, sx, purpose }: UploadFileProps) => JSX.Element;
+declare const UploadFile: ({ index, title, file, uploadedFiles, onSuccess, onFailure, onDelete, onProgress, sx, purpose, required }: UploadFileProps) => JSX.Element;
 export default UploadFile;

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

@@ -51,11 +51,13 @@ import { useTranslation } from 'react-i18next';
 import { alpha, styled, useTheme } from '@mui/material/styles';
 import Box from '@mui/material/Box';
 import ClearIcon from '@mui/icons-material/Clear';
+import { CircularProgress as MUICircularProgress } from '@mui/material';
 import Collapse from '../../../components/Collapse';
 import { CircularProgress } from '../../../components/ProgressBar';
 import Text from '../../../components/Text';
 import Icon from '../../../components/Icon';
 import { maskFileName } from '../../../utils';
+import { DocumentPurpose } from '../../../@types';
 import API from '../../../api';
 import { ICONS_NAMES, MAX_FILE_SIZE_FOUR_MB, VALID_FILE_FORMATS } from '../../../constants';
 import CheckIcon from '../../shared/CheckIcon';
@@ -81,7 +83,7 @@ export var InputContainerStyled = styled(Box)(function () { return ({
     width: '100%',
     justifyContent: 'center'
 }); });
-var CenterBoxStyled = styled(Box)(function () { return ({
+var ProgressBoxStyled = styled(Box)(function () { return ({
     display: 'flex',
     justifyContent: 'center',
     alignItems: 'center'
@@ -110,17 +112,25 @@ export var FileStatus;
 (function (FileStatus) {
     FileStatus["INIT"] = "init";
     FileStatus["UPLOADING"] = "uploading";
+    FileStatus["DOWNLOADING"] = "downloading";
     FileStatus["SUCCESS"] = "success";
     FileStatus["ERROR"] = "error";
     FileStatus["ALREADY_UPLOADED"] = "already_uploaded";
 })(FileStatus || (FileStatus = {}));
+export var DeleteFileStatus;
+(function (DeleteFileStatus) {
+    DeleteFileStatus["NONE"] = "none";
+    DeleteFileStatus["DELETING"] = "deleting";
+    DeleteFileStatus["ERROR"] = "error";
+    DeleteFileStatus["SUCCESS"] = "success";
+})(DeleteFileStatus || (DeleteFileStatus = {}));
 var UploadFile = function (_a) {
-    var index = _a.index, title = _a.title, file = _a.file, uploadedFiles = _a.uploadedFiles, onSuccess = _a.onSuccess, onFailure = _a.onFailure, onDelete = _a.onDelete, onProgress = _a.onProgress, sx = _a.sx, purpose = _a.purpose;
+    var index = _a.index, title = _a.title, file = _a.file, uploadedFiles = _a.uploadedFiles, onSuccess = _a.onSuccess, onFailure = _a.onFailure, onDelete = _a.onDelete, onProgress = _a.onProgress, sx = _a.sx, purpose = _a.purpose, required = _a.required;
     var theme = useTheme();
     var t = useTranslation().t;
     var _b = file || {}, name = _b.name, size = _b.size, type = _b.type;
     var uploadedFile = (uploadedFiles === null || uploadedFiles === void 0 ? void 0 : uploadedFiles[index]) || {};
-    var status = uploadedFile.status, progress = uploadedFile.progress, error = uploadedFile.error;
+    var status = uploadedFile.status, progress = uploadedFile.progress, error = uploadedFile.error, deleteStatus = uploadedFile.deleteStatus;
     var uploadFile = function () { return __awaiter(void 0, void 0, void 0, function () {
         var uploadPayload, onUploadProgress, data, fileId;
         return __generator(this, function (_a) {
@@ -153,6 +163,68 @@ var UploadFile = function (_a) {
             }
         });
     }); };
+    var deleteFile = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var files, payload, data, docId;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    uploadedFile = __assign(__assign({}, uploadedFile), { deleteStatus: DeleteFileStatus.DELETING });
+                    onProgress(index, uploadedFile);
+                    files = purpose === DocumentPurpose.BANK_STATEMENT ? { files: [uploadedFile.fileId] } : { images: [uploadedFile.fileId] };
+                    payload = __assign({ id: uploadedFile.docId }, files);
+                    return [4, API.documentService.removeFilesFromDocument(payload)];
+                case 1:
+                    data = (_a.sent()).data;
+                    docId = (data || {}).id;
+                    if (docId) {
+                        uploadedFile = __assign(__assign({}, uploadedFile), { deleteStatus: DeleteFileStatus.SUCCESS, fileId: '' });
+                        onSuccess(index, uploadedFile);
+                        onDelete(index);
+                    }
+                    else {
+                        uploadedFile = __assign(__assign({}, uploadedFile), { deleteStatus: DeleteFileStatus.ERROR, error: 'file_delete_error' });
+                        onFailure(index, uploadedFile);
+                    }
+                    return [2];
+            }
+        });
+    }); };
+    var downloadFile = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var onDownloadProgress, _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    onDownloadProgress = function (progressEvent) {
+                        var progress = ((progressEvent === null || progressEvent === void 0 ? void 0 : progressEvent.loaded) / (progressEvent === null || progressEvent === void 0 ? void 0 : progressEvent.total)) * 100;
+                        uploadedFile = __assign(__assign({}, uploadedFile), { progress: Math.floor(progress), status: FileStatus.DOWNLOADING });
+                        onProgress(index, uploadedFile);
+                    };
+                    _b.label = 1;
+                case 1:
+                    _b.trys.push([1, 3, , 4]);
+                    return [4, API.fileService.downloadFile(uploadedFile.fileId, uploadedFile.name, { onDownloadProgress: onDownloadProgress })];
+                case 2:
+                    _b.sent();
+                    uploadedFile = __assign(__assign({}, uploadedFile), { status: FileStatus.SUCCESS });
+                    onSuccess(index, uploadedFile);
+                    return [3, 4];
+                case 3:
+                    _a = _b.sent();
+                    uploadedFile = __assign(__assign({}, uploadedFile), { error: 'file_download_error', status: FileStatus.SUCCESS });
+                    onFailure(index, uploadedFile);
+                    return [3, 4];
+                case 4: return [2];
+            }
+        });
+    }); };
+    var handleDeleteFile = function (index) {
+        var canDeleteFile = required ? uploadedFiles.length > 1 : true;
+        if (canDeleteFile && uploadedFile.docId) {
+            deleteFile();
+            return;
+        }
+        onDelete(index);
+    };
     React.useEffect(function () {
         if (!file)
             return;
@@ -174,11 +246,12 @@ var UploadFile = function (_a) {
             }
         }
     }, []);
+    var canDownloadFile = uploadedFile.fileId && status !== FileStatus.DOWNLOADING;
     return (_jsx(Box, { children: _jsxs(InputContainerStyled, __assign({ sx: __assign({ borderTop: "1px solid ".concat(alpha(theme.palette.divider, 0.8)) }, sx) }, { children: [_jsxs(BoxStyled, { children: [_jsxs(Box, __assign({ sx: {
                                 display: 'flex',
                                 flexDirection: 'column',
                                 padding: theme.spacing(1.5, 0, 1.5),
                                 width: '100%'
-                            } }, { children: [_jsxs(Box, __assign({ sx: { display: 'flex', flexDirection: 'row' } }, { children: [_jsx(Icon, { src: ICONS_NAMES.DOC_ICON }), _jsx(Text, { children: maskFileName(name) })] })), _jsx(Box, __assign({ sx: { display: 'flex', flexDirection: 'row', justifyContent: 'center' } }, { children: _jsx(Collapse, __assign({ in: !!error, timeout: 400 }, { children: _jsxs(WarningContainer, { children: [_jsx(WarningIconStyled, { src: ICONS_NAMES.WARNING_ICON }), _jsx(Text, { children: t(error) })] }) })) }))] })), _jsx(CenterBoxStyled, { children: error ? (_jsx(ErrorIconStyled, { src: ICONS_NAMES.ERROR_ICON })) : status === FileStatus.SUCCESS ? (_jsx(CheckIcon, {})) : progress ? (_jsx(CircularProgress, { sx: { backgroundColor: alpha(theme.palette.primary.main, 0.05), borderRadius: '32px' }, textSx: { fontSize: theme.spacing(1.125) }, value: progress, size: 35 })) : (_jsx(_Fragment, {})) })] }), _jsx(UploadBoxStyled, __assign({ uploading: status === FileStatus.UPLOADING, onClick: status === FileStatus.UPLOADING ? undefined : function () { return onDelete(index); } }, { children: _jsx(ClearIconStyled, {}) }))] })) }, index));
+                            } }, { children: [_jsxs(Box, __assign({ sx: { display: 'flex', flexDirection: 'row', cursor: canDownloadFile ? 'pointer' : 'auto' }, onClick: canDownloadFile ? function () { return downloadFile(); } : undefined }, { children: [_jsx(Icon, { src: ICONS_NAMES.DOC_ICON }), _jsx(Text, { children: maskFileName(name) })] })), _jsx(Box, __assign({ sx: { display: 'flex', flexDirection: 'row', justifyContent: 'center' } }, { children: _jsx(Collapse, __assign({ in: !!error, timeout: 400 }, { children: _jsxs(WarningContainer, { children: [_jsx(WarningIconStyled, { src: ICONS_NAMES.WARNING_ICON }), _jsx(Text, { children: t(error) })] }) })) }))] })), _jsx(ProgressBoxStyled, { children: status === FileStatus.ERROR ? (_jsx(ErrorIconStyled, { src: ICONS_NAMES.ERROR_ICON })) : status === FileStatus.SUCCESS ? (_jsx(CheckIcon, {})) : progress ? (_jsx(CircularProgress, { sx: { backgroundColor: alpha(theme.palette.primary.main, 0.05), borderRadius: '32px' }, textSx: { fontSize: theme.spacing(1.125) }, value: progress, size: 35 })) : (_jsx(_Fragment, {})) })] }), _jsx(UploadBoxStyled, __assign({ uploading: status === FileStatus.UPLOADING, onClick: status === FileStatus.UPLOADING || deleteStatus === DeleteFileStatus.DELETING ? undefined : function () { return handleDeleteFile(index); } }, { children: deleteStatus === DeleteFileStatus.DELETING ? (_jsx(MUICircularProgress, { size: 25, thickness: 5, sx: { color: theme.palette.common.white } })) : (_jsx(ClearIconStyled, {})) }))] })) }, index));
 };
 export default UploadFile;

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

@@ -28,7 +28,7 @@ import Collapse from '../../../components/Collapse';
 import { InputLabelStyled } from '../../shared/Input/Input';
 import { ScreenContainer } from '../../shared/Containers';
 import Mandatory from '../../shared/Mandatory';
-import UploadFile, { FileStatus } from './UploadFile';
+import UploadFile, { DeleteFileStatus, FileStatus } from './UploadFile';
 import { useController } from 'react-hook-form';
 import { getFileType } from '../../../utils';
 var FeatureStyled = styled(ScreenContainer)(function (_a) {
@@ -76,10 +76,12 @@ var UploadMultipleFile = function (_a) {
                 fileArray.push({ name: file.title, size: file.size, type: getFileType(file.type) });
                 fileInfoArray.push({
                     fileId: file.id,
+                    docId: file.docId,
                     status: FileStatus.SUCCESS,
                     progress: 100,
                     error: '',
-                    name: file.title || ''
+                    name: file.title || '',
+                    deleteStatus: DeleteFileStatus.NONE
                 });
             });
             fileControl.field.onChange(__spreadArray([], fileArray, true));
@@ -107,14 +109,24 @@ var UploadMultipleFile = function (_a) {
                     if (isFileAlreadyUploaded) {
                         fileInfoArray.push({
                             fileId: '',
+                            docId: '',
                             status: FileStatus.ALREADY_UPLOADED,
                             progress: 0,
                             error: '',
-                            name: file.name
+                            name: file.name,
+                            deleteStatus: DeleteFileStatus.NONE
                         });
                     }
                     else {
-                        fileInfoArray.push({ fileId: '', status: FileStatus.INIT, progress: 0, error: '', name: file.name });
+                        fileInfoArray.push({
+                            fileId: '',
+                            docId: '',
+                            status: FileStatus.INIT,
+                            progress: 0,
+                            error: '',
+                            name: file.name,
+                            deleteStatus: DeleteFileStatus.NONE
+                        });
                     }
                 });
                 fileControl.field.onChange(__spreadArray([], fileArray, true));
@@ -133,7 +145,8 @@ var UploadMultipleFile = function (_a) {
                 fileInfoArray.splice(index, 1);
                 fileInfoControl.field.onChange(__spreadArray([], fileInfoArray, true));
                 var fileIds = fileInfoArray.filter(function (f) { return f.fileId; }).map(function (f) { return f.fileId; });
-                onDeleteFile(fileIds);
+                var filteredFromDefaultFiles = fileIds.filter(function (id) { return !(defaultFiles || []).some(function (file) { return file.id === id; }); });
+                onDeleteFile(filteredFromDefaultFiles);
             }
         }
     };
@@ -163,7 +176,7 @@ var UploadMultipleFile = function (_a) {
     };
     var fileExists = fileInfoArray.length > 0;
     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: {
+                    return (_jsx(UploadFile, { required: required, 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/build/features/tax/screens/TaxDetails/TaxDocument.js

@@ -17,7 +17,7 @@ import { useAppDispatch, useAppSelector } from '../../../../hooks';
 import { DocumentPurpose } from '../../../../@types';
 import { styled } from '@mui/material/styles';
 import Collapse from '../../../../components/Collapse';
-import { getRecentDocumentFiles } from '../../../../utils';
+import { getFileDetailsFromDocument } from '../../../../utils';
 import { ScreenContainer } from '../../../shared/Containers';
 import { taxSelector, uploadingStatus } from '../../../app/tax/taxStore';
 import UploadMultipleFile from '../../../shared/UploadMultipleFile';
@@ -42,7 +42,7 @@ var TaxDocument = function (_a) {
     var handleReset = function (ids) {
         documentIdControl.field.onChange(ids);
     };
-    var defaultFiles = React.useMemo(function () { return getRecentDocumentFiles(documents, DocumentPurpose.TAX_DOCUMENT); }, [documents]);
+    var defaultFiles = React.useMemo(function () { return getFileDetailsFromDocument(documents, DocumentPurpose.TAX_DOCUMENT); }, [documents]);
     return (_jsx(Collapse, __assign({ in: show }, { children: _jsx(FeatureStyled, __assign({ sx: { mb: 2.5 } }, { children: _jsx(UploadMultipleFile, { id: 'documentId', control: control, label: t('title_tax_document'), title: t('drag_and_drop'), subTitle: t('subtitle_drop'), dragDescription: t('desc_drag_and_drop_tax_document'), uploadingTitle: t('file_uploading_title'), successTitle: t('success_upload_bank_statement'), onFileUploaded: handleTaxDocumentChange, isSubmitting: loading, onDeleteFile: handleReset, maxLimit: 4, defaultFiles: defaultFiles, purpose: DocumentPurpose.TAX_DOCUMENT, fileUploadingStatus: function (uploading) { return dispatch(uploadingStatus(uploading)); } }) })) })));
 };
 export default TaxDocument;

package/build/utils/array.d.ts

@@ -62,5 +62,6 @@ export declare const fixBrandList: (items: Array<{
 }[];
 export declare const findFirstId: (items: Array<SaleChannel>) => string;
 export declare const sortActivitiesByName: (items: Array<Activity>, path: string) => Activity[];
-export declare const getRecentDocumentFiles: (documents: Array<any>, purpose: string) => any;
+export declare const getFileDetailsFromDocument: (documents: Array<any>, purpose: string) => any;
+export declare const getRecentDocumentBasedOnPurpose: (documents: Array<any>, purpose: string) => any;
 export declare const findInArrayOrSubArray: (items: Array<any>, value: string | number) => null;

package/build/utils/array.js

@@ -142,13 +142,21 @@ export var sortActivitiesByName = function (items, path) {
         return get(a, path).trim().toLowerCase().localeCompare(get(b, path).trim().toLowerCase().trim().toLowerCase());
     });
 };
-export var getRecentDocumentFiles = function (documents, purpose) {
-    var _a;
-    if ((documents === null || documents === void 0 ? void 0 : documents.length) === 0)
+export var getFileDetailsFromDocument = function (documents, purpose) {
+    if ((documents || []).length === 0)
         return [];
-    return (((_a = (documents || [])
-        .filter(function (doc) { return (doc.file_details || []).find(function (file) { return file.purpose === purpose; }); })
-        .sort(function (a, b) { return b.created - a.created; })[0]) === null || _a === void 0 ? void 0 : _a.file_details) || []);
+    return documents.reduce(function (acc, document) {
+        var fileDetails = (document.file_details || []).filter(function (file) { return file.purpose === purpose; });
+        return acc.concat(fileDetails.map(function (f) { return (__assign(__assign({}, f), { docId: document.id })); }));
+    }, []);
+};
+export var getRecentDocumentBasedOnPurpose = function (documents, purpose) {
+    if ((documents || []).length === 0)
+        return [];
+    return (documents
+        .filter(function (doc) { var _a; return ((_a = doc.file_details) === null || _a === void 0 ? void 0 : _a.length) > 0; })
+        .filter(function (doc) { return doc.file_details.find(function (file) { return file.purpose === purpose; }); })
+        .sort(function (a, b) { return b.created - a.created; })[0]);
 };
 export var findInArrayOrSubArray = function (items, value) {
     var found = null;

package/package.json

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