@tap-payments/auth-jsconnect 2.3.9-test → 2.3.11-test

package/build/api/entity.d.ts

@@ -102,6 +102,10 @@ export declare type UpdateEntityCapitalBody = {
         };
     };
 };
+export declare type UpdateEntityAOAFileBody = {
+    id: string;
+    AOA_file_id: string;
+};
 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>>;
@@ -114,5 +118,6 @@ declare const entityService: {
     updateEntityActivity: ({ id, ...data }: UpdateEntityActivityBody) => Promise<any>;
     retrieveEntityType: () => Promise<any>;
     updateEntityCapital: ({ id, ...data }: UpdateEntityCapitalBody) => Promise<any>;
+    updateEntityAOAFile: ({ id, ...data }: UpdateEntityAOAFileBody) => Promise<any>;
 };
 export { entityService };

package/build/api/entity.js

@@ -69,6 +69,14 @@ var updateIndividualInfo = function (_a) {
         data: data
     });
 };
+var updateEntityAOAFile = function (_a) {
+    var id = _a.id, data = __rest(_a, ["id"]);
+    return httpClient({
+        method: 'put',
+        url: "".concat(ENDPOINT_PATHS.ENTITY, "/").concat(id, "/aoa_file"),
+        data: data
+    });
+};
 var retrieveEntityType = function () {
     return httpClient({
         method: 'get',
@@ -86,6 +94,7 @@ var entityService = {
     updateEntity: updateEntity,
     updateEntityActivity: updateEntityActivity,
     retrieveEntityType: retrieveEntityType,
-    updateEntityCapital: updateEntityCapital
+    updateEntityCapital: updateEntityCapital,
+    updateEntityAOAFile: updateEntityAOAFile
 };
 export { entityService };

package/build/api/index.d.ts

@@ -3,7 +3,7 @@ import { ValidateOperatorBody } from './operator';
 import { CreateAuthBody, VerifyAuthBody, CreatePasswordBody, VerifyOperationAuthBody, ResetPasswordVerifyAuthBody, VerifyAuthExpressOTPBody } from './auth';
 import { UpdateLeadBody, LeadVerifyBody, CreateLeadBody, LeadOTPVerifyBody, LeadIdentityUpdateBody } from './lead';
 import { CheckEmailBody, CheckBrandBody } from './availabilityServices';
-import { EntityInfoBody, EntityBankUpdateBody, BankDocumentInfo, UpdateEntityBody, UpdateEntityActivityBody, UpdateEntityCapitalBody } from './entity';
+import { EntityInfoBody, EntityBankUpdateBody, BankDocumentInfo, UpdateEntityBody, UpdateEntityActivityBody, UpdateEntityCapitalBody, UpdateEntityAOAFileBody } from './entity';
 import { CreateAccountBody, ExpressCreateAccountBody } from './account';
 import { DataElementBody } from './data';
 import { BrandListBody, UpdateBrandBody, UpdateIndividualBody, GetIndividualListBody } from './individual';
@@ -60,6 +60,7 @@ declare const API: {
         updateEntityActivity: ({ id, ...data }: UpdateEntityActivityBody) => Promise<any>;
         retrieveEntityType: () => Promise<any>;
         updateEntityCapital: ({ id, ...data }: UpdateEntityCapitalBody) => Promise<any>;
+        updateEntityAOAFile: ({ id, ...data }: UpdateEntityAOAFileBody) => Promise<any>;
     };
     availabilityServices: {
         checkEmail: (data: CheckEmailBody, config?: import("axios").AxiosRequestConfig<any> | undefined) => Promise<import("axios").AxiosResponse<any, any>>;
@@ -141,6 +142,6 @@ declare const API: {
         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, DocumentBody };
+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, UpdateEntityAOAFileBody };
 export { setAxiosGlobalHeaders, removeAxiosGlobalHeaders, axiosInstance, getAxiosHeaders };
 export default API;

package/build/app/settings.js

@@ -107,7 +107,7 @@ export var fetchAppSettingsSync = createAsyncThunk('fetchAppSettingsSync', funct
                     },
                     source: 'browser'
                 };
-                setAxiosGlobalHeaders(__assign(__assign(__assign({}, getRequestHeaders(deviceInfo)), { authorization: encryptString(appConfig.publicKey), mdn: encryptString(params.mdn || window.location.origin) }), (maturity && { maturity: maturity })));
+                setAxiosGlobalHeaders(__assign(__assign(__assign({}, getRequestHeaders(deviceInfo)), { authorization: encryptString(appConfig.publicKey), mdn: encryptString(params.mdn || window.location.origin), cu: window.location.href }), (maturity && { maturity: maturity })));
                 return [4, API.operatorService.validateOperator(operatorData)];
             case 2:
                 operatorStatus = _e.sent();

package/build/constants/app.d.ts

@@ -193,6 +193,9 @@ export declare const BUSINESS_FLOW_SUCCESS: {
     status: string;
     url: string;
 }[];
+export declare enum FileRemoveType {
+    AOA_FILE_ID = "AOA_file_id"
+}
 export declare enum FileType {
     IMAGES = "images",
     FILES = "files"

package/build/constants/app.js

@@ -696,6 +696,10 @@ export var PASSWORD_OPERATION_TYPE = {
     RESET_PASSWORD: 'reset_password'
 };
 export var BUSINESS_FLOW_SUCCESS = [{ name: 'business', status: 'completed', url: '' }];
+export var FileRemoveType;
+(function (FileRemoveType) {
+    FileRemoveType["AOA_FILE_ID"] = "AOA_file_id";
+})(FileRemoveType || (FileRemoveType = {}));
 export var FileType;
 (function (FileType) {
     FileType["IMAGES"] = "images";

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

@@ -75,8 +75,9 @@ export declare const entitySlice: import("@reduxjs/toolkit").Slice<EntityState,
     resetOTPScreen: (state: EntityState) => void;
     uploadingStatus: (state: EntityState, action: ActionState<boolean>) => void;
     uploadingArticleStatus: (state: EntityState, action: ActionState<boolean>) => void;
+    clearAOAFile: (state: EntityState) => void;
 }, "entity/store">;
-export declare const clearError: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, stopLoader: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, resetOTPScreen: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, uploadingStatus: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, string>, uploadingArticleStatus: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, 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>, clearAOAFile: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
 declare const _default: import("redux").Reducer<EntityState, import("redux").AnyAction>;
 export default _default;
 export declare const entitySelector: (state: RootState) => EntityState;

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

@@ -447,6 +447,10 @@ export var entitySlice = createSlice({
         },
         uploadingArticleStatus: function (state, action) {
             state.uploadingArticle = action.payload;
+        },
+        clearAOAFile: function (state) {
+            var entity = (state.data.verify.responseBody || {}).entity;
+            state.data.verify.responseBody = __assign(__assign({}, state.data.verify.responseBody), { entity: __assign(__assign({}, entity), { AOA_file: undefined, AOA_file_id: undefined }) });
         }
     },
     extraReducers: function (builder) {
@@ -666,6 +670,6 @@ export var entitySlice = createSlice({
         });
     }
 });
-export var clearError = (_a = entitySlice.actions, _a.clearError), stopLoader = _a.stopLoader, resetOTPScreen = _a.resetOTPScreen, uploadingStatus = _a.uploadingStatus, uploadingArticleStatus = _a.uploadingArticleStatus;
+export var clearError = (_a = entitySlice.actions, _a.clearError), stopLoader = _a.stopLoader, resetOTPScreen = _a.resetOTPScreen, uploadingStatus = _a.uploadingStatus, uploadingArticleStatus = _a.uploadingArticleStatus, clearAOAFile = _a.clearAOAFile;
 export default entitySlice.reducer;
 export var entitySelector = function (state) { return state.entity; };

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

@@ -15,10 +15,11 @@ import { useController, useFormContext } from 'react-hook-form';
 import { styled } from '@mui/material/styles';
 import { useAppDispatch, useAppSelector } from '../../../../hooks';
 import { DocumentPurpose } from '../../../../@types';
+import { FileRemoveType } from '../../../../constants';
 import Collapse from '../../../../components/Collapse';
 import { ScreenContainer } from '../../../shared/Containers';
 import { UploadWrapper } from '../../../shared/UploadFile';
-import { entitySelector, uploadingArticleStatus } from '../../../app/entity/entityStore';
+import { entitySelector, uploadingArticleStatus, clearAOAFile } from '../../../app/entity/entityStore';
 var FeatureStyled = styled(ScreenContainer)(function (_a) {
     var theme = _a.theme;
     return ({
@@ -26,7 +27,7 @@ var FeatureStyled = styled(ScreenContainer)(function (_a) {
     });
 });
 var Article = function (_a) {
-    var _b, _c;
+    var _b;
     var show = _a.show;
     var t = useTranslation().t;
     var control = useFormContext().control;
@@ -34,13 +35,16 @@ var Article = function (_a) {
     var loading = useAppSelector(entitySelector).loading;
     var dispatch = useAppDispatch();
     var data = useAppSelector(entitySelector).data;
+    var _c = ((_b = data.verify.responseBody) === null || _b === void 0 ? void 0 : _b.entity) || {}, AOA_file = _c.AOA_file, id = _c.id;
     var handleArticleChange = function (id) {
         articleIdControl.field.onChange(id);
     };
     var handleReset = function () {
+        if (AOA_file)
+            dispatch(clearAOAFile());
         articleIdControl.field.onChange(undefined);
     };
-    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)); } }) }) })));
+    var defaultFile = AOA_file && __assign(__assign({}, AOA_file), { docId: id });
+    return (_jsx(Collapse, __assign({ in: show }, { children: _jsx(FeatureStyled, { children: _jsx(UploadWrapper, { id: 'articleId', fileRemoveType: FileRemoveType.AOA_FILE_ID, 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/shared/UploadFile/FileUpload.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { SxProps, Theme } from '@mui/material/styles';
-import { FileInfo } from '../../../constants';
+import { FileInfo, FileRemoveType } from '../../../constants';
 export declare const InputContainerStyled: import("@emotion/styled").StyledComponent<import("@mui/system").SystemProps<Theme> & {
     children?: React.ReactNode;
     component?: React.ElementType<any> | undefined;
@@ -14,6 +14,7 @@ export declare type FileUploadProps = {
     show: boolean;
     purpose: string;
     file: File;
+    fileRemoveType: FileRemoveType;
     required?: boolean;
     title?: string;
     uploadedFile: FileInfo;
@@ -22,6 +23,7 @@ export declare type FileUploadProps = {
     onUpdate: (file: FileInfo, loadingStatus: boolean) => void;
     sx?: SxProps<Theme> | undefined;
     isSubmitting?: boolean;
+    initialFileId?: string;
 };
-declare const FileUpload: ({ key, show, title, file, uploadedFile, onSuccess, onDelete, onUpdate, sx, purpose, isSubmitting }: FileUploadProps) => JSX.Element;
+declare const FileUpload: ({ key, show, title, file, uploadedFile, onSuccess, onDelete, onUpdate, sx, purpose, isSubmitting, fileRemoveType, initialFileId }: FileUploadProps) => JSX.Element;
 export default FileUpload;

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

@@ -58,7 +58,7 @@ import Text from '../../../components/Text';
 import Icon from '../../../components/Icon';
 import { maskFileName } from '../../../utils';
 import API from '../../../api';
-import { FileStatus, ICONS_NAMES, MAX_FILE_SIZE_FOUR_MB, VALID_FILE_FORMATS } from '../../../constants';
+import { DeleteFileStatus, FileStatus, ICONS_NAMES, MAX_FILE_SIZE_FOUR_MB, VALID_FILE_FORMATS, FileRemoveType } from '../../../constants';
 import CheckIcon from '../../shared/CheckIcon';
 var BoxStyled = styled(Box)(function (_a) {
     var theme = _a.theme;
@@ -108,11 +108,11 @@ var WarningContainer = styled(Box)(function (_a) {
     return (__assign({ background: alpha(theme.palette.warning.main, 0.1), paddingBlock: theme.spacing(1.5), paddingInlineStart: theme.spacing(2.5), flexDirection: 'row', display: 'flex', justifyContent: 'center', color: theme.palette.warning.light, padding: theme.spacing(0.5, 1), borderRadius: '101px', alignItems: 'center', marginTop: theme.spacing(1.25) }, theme.typography.caption));
 });
 var FileUpload = function (_a) {
-    var key = _a.key, show = _a.show, title = _a.title, file = _a.file, uploadedFile = _a.uploadedFile, onSuccess = _a.onSuccess, onDelete = _a.onDelete, onUpdate = _a.onUpdate, sx = _a.sx, purpose = _a.purpose, isSubmitting = _a.isSubmitting;
+    var key = _a.key, show = _a.show, title = _a.title, file = _a.file, uploadedFile = _a.uploadedFile, onSuccess = _a.onSuccess, onDelete = _a.onDelete, onUpdate = _a.onUpdate, sx = _a.sx, purpose = _a.purpose, isSubmitting = _a.isSubmitting, fileRemoveType = _a.fileRemoveType, initialFileId = _a.initialFileId;
     var theme = useTheme();
     var t = useTranslation().t;
     var _b = file || {}, name = _b.name, size = _b.size, type = _b.type;
-    var _c = uploadedFile || {}, status = _c.status, progress = _c.progress, error = _c.error, fileId = _c.fileId;
+    var _c = uploadedFile || {}, status = _c.status, progress = _c.progress, error = _c.error, fileId = _c.fileId, deleteStatus = _c.deleteStatus;
     var uploadFile = function () { return __awaiter(void 0, void 0, void 0, function () {
         var uploadPayload, onUploadProgress, data, fileId;
         return __generator(this, function (_a) {
@@ -177,7 +177,50 @@ var FileUpload = function (_a) {
             }
         });
     }); };
+    var deleteFile = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var payload, data, entity, _a;
+        var _b;
+        return __generator(this, function (_c) {
+            switch (_c.label) {
+                case 0:
+                    _c.trys.push([0, 3, , 4]);
+                    uploadedFile = __assign(__assign({}, uploadedFile), { deleteStatus: DeleteFileStatus.DELETING, error: '' });
+                    onUpdate(uploadedFile, true);
+                    if (!(fileRemoveType === FileRemoveType.AOA_FILE_ID)) return [3, 2];
+                    payload = (_b = {
+                            id: uploadedFile.docId
+                        },
+                        _b[fileRemoveType] = '',
+                        _b);
+                    return [4, API.entityService.updateEntityAOAFile(payload)];
+                case 1:
+                    data = _c.sent();
+                    entity = (data || {}).entity;
+                    if (entity === null || entity === void 0 ? void 0 : entity.id) {
+                        uploadedFile = __assign(__assign({}, uploadedFile), { deleteStatus: DeleteFileStatus.SUCCESS, fileId: '', error: '', docId: '' });
+                        onUpdate(uploadedFile, false);
+                        onDelete();
+                    }
+                    else {
+                        uploadedFile = __assign(__assign({}, uploadedFile), { deleteStatus: DeleteFileStatus.ERROR, error: 'file_delete_error' });
+                        onUpdate(uploadedFile, false);
+                    }
+                    _c.label = 2;
+                case 2: return [3, 4];
+                case 3:
+                    _a = _c.sent();
+                    uploadedFile = __assign(__assign({}, uploadedFile), { deleteStatus: DeleteFileStatus.ERROR, error: 'file_delete_error' });
+                    onUpdate(uploadedFile, false);
+                    return [3, 4];
+                case 4: return [2];
+            }
+        });
+    }); };
     var handleDeleteFile = function () {
+        if (initialFileId === uploadedFile.fileId) {
+            deleteFile();
+            return;
+        }
         onDelete();
     };
     var getProgressComponent = function () {
@@ -215,6 +258,6 @@ var FileUpload = function (_a) {
                                     flexDirection: 'column',
                                     padding: theme.spacing(1.5, 0, 1.5),
                                     width: '100%'
-                                } }, { 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: name && 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: getProgressComponent() })] }), _jsx(UploadBoxStyled, __assign({ uploading: status === FileStatus.UPLOADING || status === FileStatus.DOWNLOADING, onClick: canDeleteFile ? function () { return handleDeleteFile(); } : undefined }, { children: _jsx(ClearIconStyled, {}) }))] })) }), key) })));
+                                } }, { 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: name && 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: getProgressComponent() })] }), _jsx(UploadBoxStyled, __assign({ uploading: status === FileStatus.UPLOADING || status === FileStatus.DOWNLOADING, onClick: canDeleteFile ? function () { return handleDeleteFile(); } : undefined }, { children: deleteStatus === DeleteFileStatus.DELETING ? (_jsx(MUICircularProgress, { size: 25, thickness: 5, sx: { color: theme.palette.common.white } })) : (_jsx(ClearIconStyled, {})) }))] })) }), key) })));
 };
 export default FileUpload;

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

@@ -1,6 +1,7 @@
 import React from 'react';
 import { Control, FieldValues } from 'react-hook-form';
 import { FileDetails } from '../../../@types';
+import { FileRemoveType } from '../../../constants';
 export declare const InputContainerStyled: import("@emotion/styled").StyledComponent<import("@mui/system").SystemProps<import("@mui/material/styles").Theme> & {
     children?: React.ReactNode;
     component?: React.ElementType<any> | undefined;
@@ -14,6 +15,7 @@ interface UploadWrapperProps {
     control: Control<FieldValues, any>;
     label: string;
     purpose: string;
+    fileRemoveType: FileRemoveType;
     fileTitle?: string;
     required?: boolean;
     title: string;
@@ -27,5 +29,5 @@ interface UploadWrapperProps {
     onDeleteFile: () => void;
     defaultFile?: FileDetails;
 }
-declare const UploadWrapper: ({ id, label, control, required, title, subTitle, dragDescription, uploadingTitle, successTitle, isSubmitting, onFileUploaded, fileUploadingStatus, onDeleteFile, purpose, fileTitle, defaultFile }: UploadWrapperProps) => JSX.Element;
-export default UploadWrapper;
+declare const _default: React.MemoExoticComponent<({ id, label, control, required, fileRemoveType, title, subTitle, dragDescription, uploadingTitle, successTitle, isSubmitting, onFileUploaded, fileUploadingStatus, onDeleteFile, purpose, fileTitle, defaultFile }: UploadWrapperProps) => JSX.Element>;
+export default _default;

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

@@ -18,7 +18,7 @@ import Box from '@mui/material/Box';
 import { DragAndDrop } from '../../../components/FileInput';
 import Collapse from '../../../components/Collapse';
 import { getFileType } from '../../../utils';
-import { FileStatus } from '../../../constants';
+import { DeleteFileStatus, FileStatus } from '../../../constants';
 import { InputLabelStyled } from '../../shared/Input/Input';
 import { ScreenContainer } from '../../shared/Containers';
 import Mandatory from '../../shared/Mandatory';
@@ -44,7 +44,7 @@ export var InputContainerStyled = styled(Box)(function () { return ({
     justifyContent: 'center'
 }); });
 var UploadWrapper = function (_a) {
-    var id = _a.id, label = _a.label, control = _a.control, required = _a.required, title = _a.title, subTitle = _a.subTitle, dragDescription = _a.dragDescription, uploadingTitle = _a.uploadingTitle, successTitle = _a.successTitle, isSubmitting = _a.isSubmitting, onFileUploaded = _a.onFileUploaded, fileUploadingStatus = _a.fileUploadingStatus, onDeleteFile = _a.onDeleteFile, purpose = _a.purpose, fileTitle = _a.fileTitle, defaultFile = _a.defaultFile;
+    var id = _a.id, label = _a.label, control = _a.control, required = _a.required, fileRemoveType = _a.fileRemoveType, title = _a.title, subTitle = _a.subTitle, dragDescription = _a.dragDescription, uploadingTitle = _a.uploadingTitle, successTitle = _a.successTitle, isSubmitting = _a.isSubmitting, onFileUploaded = _a.onFileUploaded, fileUploadingStatus = _a.fileUploadingStatus, onDeleteFile = _a.onDeleteFile, purpose = _a.purpose, fileTitle = _a.fileTitle, defaultFile = _a.defaultFile;
     var t = useTranslation().t;
     var _b = React.useState(''), error = _b[0], setError = _b[1];
     var fileControl = useController({ name: "".concat(id, "File"), control: control });
@@ -89,8 +89,8 @@ var UploadWrapper = function (_a) {
             setError('');
             if (required)
                 setError(t('should_upload_file'));
-            fileControl.field.onChange(undefined);
-            fileInfoControl.field.onChange(undefined);
+            fileControl.field.onChange(null);
+            fileInfoControl.field.onChange(null);
             onDeleteFile();
         }
     };
@@ -108,7 +108,7 @@ var UploadWrapper = function (_a) {
         }
     };
     var fileExists = !!fileInfo;
-    var fileUploaded = (fileInfo === null || fileInfo === void 0 ? void 0 : fileInfo.status) === FileStatus.SUCCESS || (fileInfo === null || fileInfo === void 0 ? void 0 : fileInfo.status) === FileStatus.DOWNLOADING;
-    return (_jsxs(FeatureStyled, { children: [_jsx(LabelContainerStyled, { children: _jsx(InputLabelStyled, { children: _jsxs(_Fragment, { children: [label, required && _jsx(Mandatory, {})] }) }) }), _jsx(Collapse, __assign({ in: !fileUploaded }, { children: _jsx(InputContainerStyled, __assign({ sx: { mb: 2.5 } }, { children: _jsx(DragAndDrop, { title: title, subTitle: subTitle, description: dragDescription, fileExists: fileExists, uploadingTitle: uploadingTitle, successTitle: successTitle, progress: fileInfo === null || fileInfo === void 0 ? void 0 : fileInfo.progress, uploading: (fileInfo === null || fileInfo === void 0 ? void 0 : fileInfo.status) === FileStatus.UPLOADING, uploadSuccess: fileUploaded, onSuccess: handleFileChange, error: (fileInfo === null || fileInfo === void 0 ? void 0 : fileInfo.error) || error, multiple: false }) })) })), _jsx(Collapse, __assign({ in: fileExists, timeout: 300 }, { children: _jsx(FileUpload, { show: fileUploaded, purpose: purpose, title: fileTitle || '', isSubmitting: isSubmitting, uploadedFile: fileInfo, file: fileData, onSuccess: handleSuccess, onDelete: handleDelete, onUpdate: handleUpdate }) }))] }));
+    var showUploadedInputField = (fileInfo === null || fileInfo === void 0 ? void 0 : fileInfo.status) === FileStatus.SUCCESS || (fileInfo === null || fileInfo === void 0 ? void 0 : fileInfo.status) === FileStatus.DOWNLOADING || (fileInfo === null || fileInfo === void 0 ? void 0 : fileInfo.deleteStatus) === DeleteFileStatus.DELETING;
+    return (_jsxs(FeatureStyled, { children: [_jsx(LabelContainerStyled, { children: _jsx(InputLabelStyled, { children: _jsxs(_Fragment, { children: [label, required && _jsx(Mandatory, {})] }) }) }), _jsx(Collapse, __assign({ in: !showUploadedInputField }, { children: _jsx(InputContainerStyled, __assign({ sx: { mb: 2.5 } }, { children: _jsx(DragAndDrop, { title: title, subTitle: subTitle, description: dragDescription, fileExists: fileExists, uploadingTitle: uploadingTitle, successTitle: successTitle, progress: fileInfo === null || fileInfo === void 0 ? void 0 : fileInfo.progress, uploading: (fileInfo === null || fileInfo === void 0 ? void 0 : fileInfo.status) === FileStatus.UPLOADING, uploadSuccess: (fileInfo === null || fileInfo === void 0 ? void 0 : fileInfo.status) === FileStatus.SUCCESS, onSuccess: handleFileChange, error: (fileInfo === null || fileInfo === void 0 ? void 0 : fileInfo.error) || error, multiple: false }) })) })), _jsx(Collapse, __assign({ in: fileExists, timeout: 300 }, { children: _jsx(FileUpload, { show: showUploadedInputField, fileRemoveType: fileRemoveType, purpose: purpose, title: fileTitle || '', isSubmitting: isSubmitting, uploadedFile: fileInfo, file: fileData, onSuccess: handleSuccess, onDelete: handleDelete, onUpdate: handleUpdate, initialFileId: defaultFile === null || defaultFile === void 0 ? void 0 : defaultFile.id }) }))] }));
 };
-export default UploadWrapper;
+export default React.memo(UploadWrapper);

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

@@ -23,5 +23,5 @@ export declare type UploadFileProps = {
     sx?: SxProps<Theme> | undefined;
     isSubmitting?: boolean;
 };
-declare const UploadFile: ({ index, title, file, fileType, uploadedFiles, onSuccess, onDelete, onUpdate, sx, purpose, required, isSubmitting }: UploadFileProps) => JSX.Element;
+declare const UploadFile: ({ index, title, file, fileType, uploadedFiles, onSuccess, onDelete, onUpdate, sx, purpose, isSubmitting }: UploadFileProps) => JSX.Element;
 export default UploadFile;

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

@@ -108,7 +108,7 @@ var WarningContainer = styled(Box)(function (_a) {
     return (__assign({ background: alpha(theme.palette.warning.main, 0.1), paddingBlock: theme.spacing(1.5), paddingInlineStart: theme.spacing(2.5), flexDirection: 'row', display: 'flex', justifyContent: 'center', color: theme.palette.warning.light, padding: theme.spacing(0.5, 1), borderRadius: '101px', alignItems: 'center', marginTop: theme.spacing(1.25) }, theme.typography.caption));
 });
 var UploadFile = function (_a) {
-    var index = _a.index, title = _a.title, file = _a.file, fileType = _a.fileType, uploadedFiles = _a.uploadedFiles, onSuccess = _a.onSuccess, onDelete = _a.onDelete, onUpdate = _a.onUpdate, sx = _a.sx, purpose = _a.purpose, required = _a.required, isSubmitting = _a.isSubmitting;
+    var index = _a.index, title = _a.title, file = _a.file, fileType = _a.fileType, uploadedFiles = _a.uploadedFiles, onSuccess = _a.onSuccess, onDelete = _a.onDelete, onUpdate = _a.onUpdate, sx = _a.sx, purpose = _a.purpose, isSubmitting = _a.isSubmitting;
     var theme = useTheme();
     var t = useTranslation().t;
     var _b = file || {}, name = _b.name, size = _b.size, type = _b.type;
@@ -219,8 +219,7 @@ var UploadFile = function (_a) {
         });
     }); };
     var handleDeleteFile = function (index) {
-        var canDeleteFile = required ? uploadedFiles.length > 1 : true;
-        if (canDeleteFile && uploadedFile.docId) {
+        if (uploadedFile.docId) {
             deleteFile(index);
             return;
         }

package/package.json

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