@tap-payments/auth-jsconnect 2.3.6-test → 2.3.8-test

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

@@ -126,7 +126,6 @@ export declare type EntityNameFormValues = {
     unifiedNumber: string;
     certificateId?: Array<string>;
     articleId?: string;
-    articleFile?: File;
 };
 export declare type EntityCapitalFormValues = {
     activities: Array<Activity>;

package/build/components/DatePicker/DatePicker.js

@@ -30,7 +30,7 @@ import Divider from '@mui/material/Divider';
 import Collapse from '../Collapse';
 import ExpandIcon from '../ExpandIcon';
 import CalendarTodayOutlined from '@mui/icons-material/CalendarTodayOutlined';
-import { scrollDown, scrollUp } from '../../utils';
+import { convertNumbers2English, dateFormat, scrollDown, scrollUp } from '../../utils';
 import Input from '../Input';
 import Text from '../Text';
 import './customStyle.css';
@@ -84,8 +84,10 @@ var DatePicker = function (_a) {
         setTimeout(function () { return scrollUp(elementId); }, 550);
         onClick === null || onClick === void 0 ? void 0 : onClick();
     };
-    var formattedDate = function (date) {
-        return new Date(date).toLocaleDateString('en-CA');
+    var formattedDate = function (d) {
+        var date = new Date(d);
+        var formattedDate = dateFormat(date, 'YYYY-MM-DD');
+        return convertNumbers2English(formattedDate);
     };
     var handleOnDateChange = function (date) {
         setDate(date);

package/build/constants/app.d.ts

@@ -193,3 +193,30 @@ export declare const BUSINESS_FLOW_SUCCESS: {
     status: string;
     url: string;
 }[];
+export declare enum FileType {
+    IMAGES = "images",
+    FILES = "files"
+}
+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 declare type FileInfo = {
+    fileId: string;
+    docId: string;
+    name: string;
+    status: FileStatus;
+    progress: number;
+    error: string;
+    deleteStatus: DeleteFileStatus;
+};

package/build/constants/app.js

@@ -696,3 +696,24 @@ export var PASSWORD_OPERATION_TYPE = {
     RESET_PASSWORD: 'reset_password'
 };
 export var BUSINESS_FLOW_SUCCESS = [{ name: 'business', status: 'completed', url: '' }];
+export var FileType;
+(function (FileType) {
+    FileType["IMAGES"] = "images";
+    FileType["FILES"] = "files";
+})(FileType || (FileType = {}));
+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 = {}));

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

@@ -46,15 +46,6 @@ 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;
@@ -77,16 +68,15 @@ 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;
+    uploadingArticleStatus: (state: EntityState, action: ActionState<boolean>) => void;
 }, "entity/store">;
-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>;
+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>, uploadingArticleStatus: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, 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

@@ -240,7 +240,7 @@ export var retrieveBoardDetails = createAsyncThunk('entityRetrieveEntityInfo', f
     });
 }); });
 export var updateEntityName = createAsyncThunk('entityUpdateEntityName', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var _a, settings, entity, entityData, _b, id, data_status, articleId, issuingDate, expiryDate, isFL, isLegalNameEditable, isLicenseTypeEditable, isEntityTypeEditable, isLicenseNumberEditable, isUnifiedNumberEditable, isIssuingDateEditable, isExpiryDateEditable, documentResponse, document, documentBody, documentBody, payload, data, list;
+    var _a, settings, entity, entityData, _b, id, data_status, 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) {
@@ -248,7 +248,6 @@ export var updateEntityName = createAsyncThunk('entityUpdateEntityName', functio
                 _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;
@@ -264,7 +263,7 @@ export var updateEntityName = createAsyncThunk('entityUpdateEntityName', functio
                 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,
+                    id: document.id,
                     images: params.certificateId
                 };
                 return [4, API.documentService.addFilesToExistingDocument(documentBody)];
@@ -287,7 +286,7 @@ export var updateEntityName = createAsyncThunk('entityUpdateEntityName', functio
             case 4:
                 payload = {
                     id: id,
-                    AOA_file_id: articleId,
+                    AOA_file_id: params.articleId,
                     license: {
                         number: isLicenseNumberEditable && params.licenseNumber ? params.licenseNumber : undefined,
                         type: isLicenseTypeEditable ? (isFL ? 'freelance' : 'commercial_registration') : undefined,
@@ -331,35 +330,6 @@ export var updateEntityName = createAsyncThunk('entityUpdateEntityName', functio
         }
     });
 }); });
-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: DocumentPurpose.ARTICLE_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;
@@ -434,7 +404,6 @@ var initialState = {
     customLoading: false,
     uploading: false,
     uploadingArticle: false,
-    uploadingArticleError: null,
     data: {
         flowName: FlowsTypes.ENTITY,
         verify: {
@@ -476,8 +445,8 @@ export var entitySlice = createSlice({
         uploadingStatus: function (state, action) {
             state.uploading = action.payload;
         },
-        clearArticleId: function (state) {
-            state.data.entityNameData.articleId = '';
+        uploadingArticleStatus: function (state, action) {
+            state.uploadingArticle = action.payload;
         }
     },
     extraReducers: function (builder) {
@@ -635,7 +604,7 @@ export var entitySlice = createSlice({
             state.error = null;
             var _a = action.payload, data = _a.data, formData = _a.formData;
             var _b = data || {}, activityList = _b.activityList, rest = __rest(_b, ["activityList"]);
-            state.data.entityNameData = formData;
+            state.data.entityNameData = __assign(__assign({}, formData), { certificateId: undefined });
             state.data.entityNameData.responseBody = __assign(__assign({}, state.data.entityNameData.responseBody), { rest: rest });
             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)
@@ -644,20 +613,6 @@ 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;
@@ -711,6 +666,6 @@ export var entitySlice = createSlice({
         });
     }
 });
-export var clearError = (_a = entitySlice.actions, _a.clearError), stopLoader = _a.stopLoader, resetOTPScreen = _a.resetOTPScreen, uploadingStatus = _a.uploadingStatus, clearArticleId = _a.clearArticleId;
+export var clearError = (_a = entitySlice.actions, _a.clearError), stopLoader = _a.stopLoader, resetOTPScreen = _a.resetOTPScreen, uploadingStatus = _a.uploadingStatus, uploadingArticleStatus = _a.uploadingArticleStatus;
 export default entitySlice.reducer;
 export var entitySelector = function (state) { return state.entity; };

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

@@ -7,6 +7,7 @@ import { useController, useFormContext } from 'react-hook-form';
 import { useAppDispatch, useAppSelector } from '../../../../hooks';
 import { DocumentPurpose } from '../../../../@types';
 import { getFileDetailsFromDocument } from '../../../../utils';
+import { FileType } from '../../../../constants';
 import { bankSelector, bankStatementUploadingStatus } from '../../../app/bank/bankStore';
 import UploadMultipleFile from '../../../shared/UploadMultipleFile';
 var FeatureStyled = styled(ScreenContainer)(function (_a) {
@@ -31,6 +32,6 @@ var BankStatement = function (_a) {
         bankStatementIdControl.field.onChange(ids);
     };
     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)); } }) }));
+    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)); }, fileType: FileType.FILES }) }));
 };
 export default BankStatement;

package/build/features/business/screens/BusinessType/Article.js

@@ -17,7 +17,7 @@ import { useTranslation } from 'react-i18next';
 import { useController, useFormContext } from 'react-hook-form';
 import { useAppDispatch, useAppSelector } from '../../../../hooks';
 import { businessSelector, clearArticleId, uploadArticle } from '../../../app/business/businessStore';
-import UploadFile from '../../../shared/UploadFile';
+import { UploadFile } from '../../../shared/UploadFile';
 import { MAX_FILE_SIZE, VALID_FILE_FORMATS } from '../../../../constants';
 import { maskFileName } from '../../../../utils';
 import Collapse from '../../../../components/Collapse';

package/build/features/business/screens/BusinessType/LicenseCertificate.js

@@ -14,6 +14,7 @@ import { useTranslation } from 'react-i18next';
 import { useController, useFormContext } from 'react-hook-form';
 import { useAppDispatch, useAppSelector } from '../../../../hooks';
 import { DocumentPurpose } from '../../../../@types';
+import { FileType } from '../../../../constants';
 import { styled } from '@mui/material/styles';
 import Collapse from '../../../../components/Collapse';
 import { ScreenContainer } from '../../../shared/Containers';
@@ -38,6 +39,6 @@ var LicenseCertificate = function (_a) {
     var handleReset = function (ids) {
         certificateIdControl.field.onChange(ids);
     };
-    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, purpose: DocumentPurpose.CR, fileUploadingStatus: function (uploading) { return dispatch(uploadingStatus(uploading)); } }) }) })));
+    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, purpose: DocumentPurpose.CR, fileUploadingStatus: function (uploading) { return dispatch(uploadingStatus(uploading)); }, fileType: FileType.IMAGES }) }) })));
 };
 export default LicenseCertificate;

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

@@ -10,17 +10,15 @@ var __assign = (this && this.__assign) || function () {
     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 { DocumentPurpose } from '../../../../@types';
 import Collapse from '../../../../components/Collapse';
 import { ScreenContainer } from '../../../shared/Containers';
-import { entitySelector, clearArticleId, uploadArticle } from '../../../app/entity/entityStore';
-import UploadFile from '../../../shared/UploadFile';
+import { UploadWrapper } from '../../../shared/UploadFile';
+import { entitySelector, uploadingArticleStatus } from '../../../app/entity/entityStore';
 var FeatureStyled = styled(ScreenContainer)(function (_a) {
     var theme = _a.theme;
     return ({
@@ -28,60 +26,21 @@ var FeatureStyled = styled(ScreenContainer)(function (_a) {
     });
 });
 var Article = function (_a) {
+    var _b, _c;
     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 control = useFormContext().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 loading = useAppSelector(entitySelector).loading;
     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 data = useAppSelector(entitySelector).data;
+    var handleArticleChange = function (id) {
+        articleIdControl.field.onChange(id);
     };
     var handleReset = function () {
-        articleFileControl.field.onChange(undefined);
-        articleIdControl.field.onChange('');
-        dispatch(clearArticleId());
-        setProgress(0);
+        articleIdControl.field.onChange(undefined);
     };
-    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 }) }) })));
+    var defaultFile = (_c = (_b = data.verify.responseBody) === null || _b === void 0 ? void 0 : _b.entity) === null || _c === void 0 ? void 0 : _c.AOA_file;
+    return (_jsx(Collapse, __assign({ in: show }, { children: _jsx(FeatureStyled, { children: _jsx(UploadWrapper, { id: 'articleId', control: control, 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, isSubmitting: loading, onDeleteFile: handleReset, defaultFile: defaultFile, purpose: DocumentPurpose.ARTICLE_ASSOCIATION, fileUploadingStatus: function (uploading) { return dispatch(uploadingArticleStatus(uploading)); } }) }) })));
 };
 export default Article;

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

@@ -46,7 +46,7 @@ var EntityName = function (_a) {
     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, certificateId = _f.certificateId, articleId = _f.articleId, articleFile = _f.articleFile;
+    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;
     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]);
@@ -63,8 +63,7 @@ var EntityName = function (_a) {
             expiryDate: expiryDate,
             unifiedNumber: unifiedNumber,
             certificateId: certificateId,
-            articleId: articleId,
-            articleFile: articleFile
+            articleId: articleId
         },
         mode: 'onChange'
     });

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

@@ -16,6 +16,7 @@ import { useController, useFormContext } from 'react-hook-form';
 import { styled } from '@mui/material/styles';
 import Collapse from '../../../../components/Collapse';
 import { DocumentPurpose } from '../../../../@types';
+import { FileType } from '../../../../constants';
 import { useAppDispatch, useAppSelector } from '../../../../hooks';
 import { getFileDetailsFromDocument } from '../../../../utils';
 import { ScreenContainer } from '../../../shared/Containers';
@@ -43,6 +44,6 @@ var LicenseCertificate = function (_a) {
         certificateIdControl.field.onChange(ids);
     };
     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)); } }) }) })));
+    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)); }, fileType: FileType.IMAGES }) }) })));
 };
 export default LicenseCertificate;

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

@@ -6,6 +6,7 @@ import { useTranslation } from 'react-i18next';
 import { useController, useFormContext } from 'react-hook-form';
 import { useAppDispatch, useAppSelector } from '../../../../hooks';
 import { DocumentPurpose } from '../../../../@types';
+import { FileType } from '../../../../constants';
 import { getFileDetailsFromDocument } from '../../../../utils';
 import { civilIDUploadingStatus, individualSelector } from '../../../app/individual/individualStore';
 import UploadMultipleFile from '../../../shared/UploadMultipleFile';
@@ -30,6 +31,6 @@ var CivilIDFile = function () {
         civilIDFileIdControl.field.onChange(ids);
     };
     var defaultFiles = React.useMemo(function () { return getFileDetailsFromDocument(documents, DocumentPurpose.IDENTITY_DOCUMENT); }, [documents]);
-    return (_jsx(FeatureStyled, { children: _jsx(UploadMultipleFile, { id: 'civilID', control: control, label: t('title_civil_id'), title: t('drag_and_drop'), subTitle: t('subtitle_drop'), dragDescription: t('desc_drag_and_drop_civilID'), uploadingTitle: t('file_uploading_title'), successTitle: t('success_upload_civil_id'), onFileUploaded: handleCivilIDChange, isSubmitting: loading, onDeleteFile: handleReset, maxLimit: 4, defaultFiles: defaultFiles, purpose: DocumentPurpose.IDENTITY_DOCUMENT, fileUploadingStatus: function (uploading) { return dispatch(civilIDUploadingStatus(uploading)); } }) }));
+    return (_jsx(FeatureStyled, { children: _jsx(UploadMultipleFile, { id: 'civilID', control: control, label: t('title_civil_id'), title: t('drag_and_drop'), subTitle: t('subtitle_drop'), dragDescription: t('desc_drag_and_drop_civilID'), uploadingTitle: t('file_uploading_title'), successTitle: t('success_upload_civil_id'), onFileUploaded: handleCivilIDChange, isSubmitting: loading, onDeleteFile: handleReset, maxLimit: 4, defaultFiles: defaultFiles, purpose: DocumentPurpose.IDENTITY_DOCUMENT, fileUploadingStatus: function (uploading) { return dispatch(civilIDUploadingStatus(uploading)); }, fileType: FileType.IMAGES }) }));
 };
 export default CivilIDFile;

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

@@ -16,6 +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 { FileType } from '../../../../constants';
 import { getFileDetailsFromDocument } from '../../../../utils';
 import UploadMultipleFile from '../../../shared/UploadMultipleFile';
 import { ScreenContainer } from '../../../shared/Containers';
@@ -43,6 +44,6 @@ var SignatureFile = function (_a) {
         signatureFileIdControl.field.onChange(ids);
     };
     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)); } }) }) })));
+    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)); }, fileType: FileType.IMAGES }) }) })));
 };
 export default SignatureFile;

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

@@ -0,0 +1,27 @@
+import React from 'react';
+import { SxProps, Theme } from '@mui/material/styles';
+import { FileInfo } from '../../../constants';
+export declare const InputContainerStyled: import("@emotion/styled").StyledComponent<import("@mui/system").SystemProps<Theme> & {
+    children?: React.ReactNode;
+    component?: React.ElementType<any> | undefined;
+    ref?: React.Ref<unknown> | undefined;
+    sx?: SxProps<Theme> | undefined;
+} & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/material/OverridableComponent").CommonProps | ("border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "color" | "zIndex" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform") | "ref" | "children" | "component" | "sx"> & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;
+export declare type FileUploadProps = {
+    key?: string;
+    show: boolean;
+    purpose: string;
+    file: File;
+    required?: boolean;
+    title?: string;
+    uploadedFile: FileInfo;
+    onSuccess: (file: FileInfo) => void;
+    onDelete: () => void;
+    onUpdate: (file: FileInfo, loadingStatus: boolean) => void;
+    sx?: SxProps<Theme> | undefined;
+    isSubmitting?: boolean;
+};
+declare const FileUpload: ({ key, show, title, file, uploadedFile, onSuccess, onDelete, onUpdate, sx, purpose, isSubmitting }: FileUploadProps) => JSX.Element;
+export default FileUpload;