@tap-payments/auth-jsconnect 2.3.46-test → 2.3.47-test

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

@@ -52,7 +52,6 @@ export declare type BusinessTypeFormValues = {
     selectedLicense?: License;
     certificateId?: Array<string>;
     articleId?: string;
-    articleFile?: File;
 };
 export declare type ActivitiesFormValues = {
     activities: Array<Activity> | undefined;

package/build/api/brand.d.ts

@@ -1,9 +1,16 @@
 import { BrandListBody, UpdateBrandBody, UpdateSalesChannels } from '../api/individual';
+export declare type RemoveBrandActivity = {
+    id: string;
+    activities?: Array<{
+        id: string;
+    }>;
+};
 declare const brandService: {
     retrieveBrand: (id: string) => Promise<any>;
     getBrandList: (data: BrandListBody) => Promise<any>;
     updateBrandInfo: ({ id, ...data }: UpdateBrandBody) => Promise<any>;
     updateBrandSales: ({ id, ...data }: UpdateSalesChannels) => void;
     getBrandListByIndividualId: (id: string) => Promise<any>;
+    removeBrandActivity: ({ id, ...data }: RemoveBrandActivity) => Promise<any>;
 };
 export { brandService };

package/build/api/brand.js

@@ -47,11 +47,20 @@ var updateBrandSales = function (_a) {
         data: data
     });
 };
+var removeBrandActivity = function (_a) {
+    var id = _a.id, data = __rest(_a, ["id"]);
+    return httpClient({
+        method: 'put',
+        url: "".concat(ENDPOINT_PATHS.BRAND, "/").concat(id, "/activities/remove"),
+        data: data
+    });
+};
 var brandService = {
     retrieveBrand: retrieveBrand,
     getBrandList: getBrandList,
     updateBrandInfo: updateBrandInfo,
     updateBrandSales: updateBrandSales,
-    getBrandListByIndividualId: getBrandListByIndividualId
+    getBrandListByIndividualId: getBrandListByIndividualId,
+    removeBrandActivity: removeBrandActivity
 };
 export { brandService };

package/build/api/index.d.ts

@@ -9,6 +9,7 @@ import { DataElementBody } from './data';
 import { BrandListBody, UpdateBrandBody, UpdateIndividualBody, GetIndividualListBody } from './individual';
 import { UpdateBoardBody, RequestEmailBody } from './board';
 import { GetUserListBody } from './user';
+import { RemoveBrandActivity } from './brand';
 import { UploadFileBody } from './file';
 import { DocumentUpdateBody, DocumentInfo, DocumentBody } from './document';
 declare const API: {
@@ -130,6 +131,7 @@ declare const API: {
         updateBrandInfo: ({ id, ...data }: UpdateBrandBody) => Promise<any>;
         updateBrandSales: ({ id, ...data }: import("./individual").UpdateSalesChannels) => void;
         getBrandListByIndividualId: (id: string) => Promise<any>;
+        removeBrandActivity: ({ id, ...data }: RemoveBrandActivity) => Promise<any>;
     };
     fileService: {
         uploadFile: (data: UploadFileBody, config?: import("axios").AxiosRequestConfig<any> | undefined) => Promise<import("axios").AxiosResponse<any, any>>;
@@ -142,6 +144,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, UpdateEntityAOAFileBody };
+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, RemoveBrandActivity };
 export { setAxiosGlobalHeaders, removeAxiosGlobalHeaders, axiosInstance, getAxiosHeaders };
 export default API;

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

@@ -332,19 +332,30 @@ export var retrieveEntityList = createAsyncThunk('retrieveEntityList', function
     });
 }); });
 export var updateBrandActivities = createAsyncThunk('brandUpdateBrandActivities', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var _a, settings, brand, _b, data_status, id, isActivitiesNonEditable, isCustomerBaseLocationNonEditable, isCustomerBaseNonEditable, isTermsNonEditable, isSalesRangeNonEditable, activities, customerLocations, expectedCustomer, expectedSale, requestBody, customerLocation, customerBaseId, salesId, customerBase, brandData;
+    var _a, settings, brand, _b, data_status, id, brandActivities, isActivitiesNonEditable, isCustomerBaseLocationNonEditable, isCustomerBaseNonEditable, isTermsNonEditable, isSalesRangeNonEditable, activities, customerLocations, expectedCustomer, expectedSale, removedActivities, payload, requestBody, customerLocation, customerBaseId, salesId, customerBase, brandData;
     var _c, _d, _e;
     return __generator(this, function (_f) {
         switch (_f.label) {
             case 0:
                 _a = thunkApi.getState(), settings = _a.settings, brand = _a.brand;
-                _b = ((_c = brand.data.verify.responseBody) === null || _c === void 0 ? void 0 : _c.brand) || {}, data_status = _b.data_status, id = _b.id;
+                _b = ((_c = brand.data.verify.responseBody) === null || _c === void 0 ? void 0 : _c.brand) || {}, data_status = _b.data_status, id = _b.id, brandActivities = _b.activities;
                 isActivitiesNonEditable = hasNoneEditableValue(data_status, 'activities');
                 isCustomerBaseLocationNonEditable = hasNoneEditableValue(data_status === null || data_status === void 0 ? void 0 : data_status.operations, 'customer_base_location');
                 isCustomerBaseNonEditable = hasNoneEditableValue(data_status === null || data_status === void 0 ? void 0 : data_status.operations, 'customer_base');
                 isTermsNonEditable = hasNoneEditableValue(data_status, 'terms');
                 isSalesRangeNonEditable = hasNoneEditableValue(data_status === null || data_status === void 0 ? void 0 : data_status.operations, 'sales_range');
                 activities = params.activities, customerLocations = params.customerLocations, expectedCustomer = params.expectedCustomer, expectedSale = params.expectedSale;
+                removedActivities = (brandActivities || []).filter(function (brandActivity) { return !(activities || []).some(function (activity) { return activity.id === brandActivity.id; }); });
+                if (!(!isActivitiesNonEditable && (removedActivities === null || removedActivities === void 0 ? void 0 : removedActivities.length) > 0)) return [3, 2];
+                payload = {
+                    id: id,
+                    activities: removedActivities
+                };
+                return [4, API.brandService.removeBrandActivity(payload)];
+            case 1:
+                _f.sent();
+                _f.label = 2;
+            case 2:
                 requestBody = {
                     id: id,
                     activities: isActivitiesNonEditable ? undefined : activities,
@@ -363,7 +374,7 @@ export var updateBrandActivities = createAsyncThunk('brandUpdateBrandActivities'
                     requestBody = __assign(__assign({}, requestBody), { operations: __assign(__assign({}, requestBody.operations), { sales: salesId }) });
                 }
                 return [4, API.brandService.updateBrandInfo(requestBody)];
-            case 1:
+            case 3:
                 brandData = (_f.sent()).data;
                 thunkApi.dispatch(handleNextScreenStep());
                 (_e = (_d = settings.data.appConfig).onStepCompleted) === null || _e === void 0 ? void 0 : _e.call(_d, settings.data.activeScreen.name, id);

package/build/features/app/business/businessStore.d.ts

@@ -60,15 +60,6 @@ export declare const updateLeadBusinessType: import("@reduxjs/toolkit").AsyncThu
     documentData: any;
     entityData: any;
 }, BusinessTypeFormValues, {}>;
-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 updateActivitiesInfo: import("@reduxjs/toolkit").AsyncThunk<{
     data: any;
     formData: {
@@ -114,16 +105,16 @@ export interface BusinessState extends SharedState<BusinessData> {
     customLoading?: boolean;
     uploading?: boolean;
     uploadingArticle?: boolean;
-    uploadingArticleError?: string | null;
 }
 export declare const businessSlice: import("@reduxjs/toolkit").Slice<BusinessState, {
     clearError: (state: BusinessState) => void;
     stopLoader: (state: BusinessState) => void;
     resetOTPScreen: (state: BusinessState) => void;
-    clearArticleId: (state: BusinessState) => void;
     uploadingStatus: (state: BusinessState, action: ActionState<boolean>) => void;
+    uploadingArticleStatus: (state: BusinessState, action: ActionState<boolean>) => void;
+    clearAOAFile: (state: BusinessState) => void;
 }, "business/store">;
-export declare const clearError: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, stopLoader: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, resetOTPScreen: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, clearArticleId: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, uploadingStatus: 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<BusinessState, import("redux").AnyAction>;
 export default _default;
 export declare const businessSelector: (state: RootState) => BusinessState;

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

@@ -441,36 +441,37 @@ export var retrieveBoardDetails = createAsyncThunk('retrieveBoardDetails', funct
     });
 }); });
 export var updateLeadBusinessType = createAsyncThunk('updateLeadBusinessType', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var _a, settings, business, isNonSA, isFL, payload, data, entity_activities, list, accountBody, accountData, documentData, entityData, entityId, articleId, documentBody, payload_1;
-    var _b, _c, _d, _e, _f, _g;
-    return __generator(this, function (_h) {
-        switch (_h.label) {
+    var _a, settings, business, isNonSA, selectedLicense, licenseNumber, entityLegalName, certificateId, articleId, isFL, payload, data, entity_activities, list, accountBody, accountData, documentData, entityData, entityId, documentBody, payload_1;
+    var _b, _c, _d, _e;
+    return __generator(this, function (_f) {
+        switch (_f.label) {
             case 0:
                 _a = thunkApi.getState(), settings = _a.settings, business = _a.business;
                 isNonSA = !isSA(settings.data.businessCountry.iso2);
-                isFL = ((_b = params.selectedLicense) === null || _b === void 0 ? void 0 : _b.type) === BusinessType.FL;
+                selectedLicense = params.selectedLicense, licenseNumber = params.licenseNumber, entityLegalName = params.entityLegalName, certificateId = params.certificateId, articleId = params.articleId;
+                isFL = (selectedLicense === null || selectedLicense === void 0 ? void 0 : selectedLicense.type) === BusinessType.FL;
                 payload = {
-                    id: ((_c = business.data.verify.responseBody) === null || _c === void 0 ? void 0 : _c.lead_id) || '',
-                    license_number: isNonSA && isFL ? '' : params.licenseNumber,
+                    id: ((_b = business.data.verify.responseBody) === null || _b === void 0 ? void 0 : _b.lead_id) || '',
+                    license_number: isNonSA && isFL ? '' : licenseNumber,
                     license_type: isFL ? 'freelance' : 'commercial_registration',
-                    business_type: (_d = params.selectedLicense) === null || _d === void 0 ? void 0 : _d.type,
+                    business_type: selectedLicense === null || selectedLicense === void 0 ? void 0 : selectedLicense.type,
                     step_name: BUSINESS_STEP_NAMES.BUSINESS_CR_INFO,
-                    business: isNonSA && isFL ? undefined : { ar: params.entityLegalName, en: params.entityLegalName },
+                    business: isNonSA && isFL ? undefined : { ar: entityLegalName, en: entityLegalName },
                     encryption_contract: ['license_number', 'business_type', 'license_type']
                 };
                 return [4, API.leadService.updateLead(payload)];
             case 1:
-                data = _h.sent();
+                data = _f.sent();
                 entity_activities = data.entity_activities;
                 if (!!entity_activities) return [3, 3];
                 return [4, API.dataService.getActivities()];
             case 2:
-                list = (_h.sent()).list;
+                list = (_f.sent()).list;
                 data.entity_activities = list;
-                _h.label = 3;
+                _f.label = 3;
             case 3:
                 accountBody = {
-                    lead_id: (_e = business.data.verify.responseBody) === null || _e === void 0 ? void 0 : _e.lead_id,
+                    lead_id: (_c = business.data.verify.responseBody) === null || _c === void 0 ? void 0 : _c.lead_id,
                     notify: {
                         email: false,
                         phone: false
@@ -481,24 +482,23 @@ export var updateLeadBusinessType = createAsyncThunk('updateLeadBusinessType', f
                 };
                 return [4, API.accountService.createAccount(accountBody)];
             case 4:
-                accountData = _h.sent();
+                accountData = _f.sent();
                 entityData = undefined;
                 entityId = accountData === null || accountData === void 0 ? void 0 : accountData.entity_id;
-                articleId = business.data.businessTypeData.articleId;
-                if (!((params.certificateId || []).length > 0)) return [3, 6];
+                if (!((certificateId || []).length > 0)) return [3, 6];
                 documentBody = {
                     entity_id: entityId || '',
                     documents: [
                         {
                             type: DocumentPurpose.CR,
-                            images: params.certificateId
+                            images: certificateId
                         }
                     ]
                 };
                 return [4, API.documentService.updateDocumentInfo(documentBody)];
             case 5:
-                documentData = _h.sent();
-                _h.label = 6;
+                documentData = _f.sent();
+                _f.label = 6;
             case 6:
                 if (!(articleId && entityId)) return [3, 8];
                 payload_1 = {
@@ -507,44 +507,15 @@ export var updateLeadBusinessType = createAsyncThunk('updateLeadBusinessType', f
                 };
                 return [4, API.entityService.updateEntity(payload_1)];
             case 7:
-                entityData = _h.sent();
-                _h.label = 8;
+                entityData = _f.sent();
+                _f.label = 8;
             case 8:
                 thunkApi.dispatch(handleNextScreenStep());
-                (_g = (_f = settings.data.appConfig).onStepCompleted) === null || _g === void 0 ? void 0 : _g.call(_f, settings.data.activeScreen.name, params);
+                (_e = (_d = settings.data.appConfig).onStepCompleted) === null || _e === void 0 ? void 0 : _e.call(_d, settings.data.activeScreen.name, params);
                 return [2, { data: data, formData: params, accountData: accountData, documentData: documentData, entityData: entityData }];
         }
     });
 }); });
-export var uploadArticle = createAsyncThunk('businessUploadArticle', 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 updateActivitiesInfo = createAsyncThunk('updateActivitiesInfo', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
     var _a, settings, business, activities, stepName, id, requestBody, data;
     var _b, _c, _d, _e, _f;
@@ -708,7 +679,6 @@ var initialState = {
     customLoading: false,
     uploading: false,
     uploadingArticle: false,
-    uploadingArticleError: null,
     data: {
         flowName: FlowsTypes.BUSINESS,
         verify: {
@@ -756,11 +726,15 @@ export var businessSlice = createSlice({
         resetOTPScreen: function (state) {
             state.data.otpData.otp = '';
         },
-        clearArticleId: function (state) {
-            state.data.businessTypeData.articleId = '';
-        },
         uploadingStatus: function (state, action) {
             state.uploading = action.payload;
+        },
+        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) {
@@ -1041,20 +1015,6 @@ export var businessSlice = createSlice({
             .addCase(updateLeadBusinessType.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.businessTypeData.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(updateActivitiesInfo.pending, function (state) {
             state.loading = true;
@@ -1138,6 +1098,6 @@ export var businessSlice = createSlice({
         });
     }
 });
-export var clearError = (_a = businessSlice.actions, _a.clearError), stopLoader = _a.stopLoader, resetOTPScreen = _a.resetOTPScreen, clearArticleId = _a.clearArticleId, uploadingStatus = _a.uploadingStatus;
+export var clearError = (_a = businessSlice.actions, _a.clearError), stopLoader = _a.stopLoader, resetOTPScreen = _a.resetOTPScreen, uploadingStatus = _a.uploadingStatus, uploadingArticleStatus = _a.uploadingArticleStatus, clearAOAFile = _a.clearAOAFile;
 export default businessSlice.reducer;
 export var businessSelector = function (state) { return state.business; };

package/build/features/business/screens/BusinessType/Article.d.ts

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

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

@@ -10,17 +10,16 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
 import { styled } from '@mui/material/styles';
 import { ScreenContainer } from '../../../shared/Containers';
 import { useTranslation } from 'react-i18next';
 import { useController, useFormContext } from 'react-hook-form';
 import { useAppDispatch, useAppSelector } from '../../../../hooks';
-import { businessSelector, clearArticleId, uploadArticle } from '../../../app/business/businessStore';
-import { UploadFile } from '../../../shared/UploadFile';
-import { MAX_FILE_SIZE, VALID_FILE_FORMATS } from '../../../../constants';
-import { maskFileName } from '../../../../utils';
+import { businessSelector, clearAOAFile, clearError, uploadingArticleStatus } from '../../../app/business/businessStore';
+import { UploadWrapper } from '../../../shared/UploadFile';
+import { FileRemoveType } from '../../../../constants';
 import Collapse from '../../../../components/Collapse';
+import { DocumentPurpose } from '../../../../@types';
 var FeatureStyled = styled(ScreenContainer)(function (_a) {
     var theme = _a.theme;
     return ({
@@ -28,60 +27,26 @@ var FeatureStyled = styled(ScreenContainer)(function (_a) {
     });
 });
 var Article = function (_a) {
-    var show = _a.show;
-    var _b = React.useState(), error = _b[0], setError = _b[1];
-    var _c = React.useState(0), progress = _c[0], setProgress = _c[1];
+    var _b;
+    var show = _a.show, defaultFile = _a.defaultFile;
     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(businessSelector), loading = _e.loading, uploadingArticle = _e.uploadingArticle, sysError = _e.uploadingArticleError, data = _e.data;
+    var _c = useAppSelector(businessSelector), loading = _c.loading, error = _c.error, data = _c.data;
     var dispatch = useAppDispatch();
-    var articleValue = articleFileControl.field.value;
-    var businessTypeData = data.businessTypeData;
-    var articleFile = businessTypeData.articleFile, articleId = businessTypeData.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 AOA_file = (((_b = data.verify.responseBody) === null || _b === void 0 ? void 0 : _b.entity) || {}).AOA_file;
+    var handleArticleChange = function (id) {
+        if (error)
+            dispatch(clearError());
+        articleIdControl.field.onChange(id);
     };
     var handleReset = function () {
-        articleFileControl.field.onChange(undefined);
-        articleIdControl.field.onChange('');
-        dispatch(clearArticleId());
-        setProgress(0);
+        if (error)
+            dispatch(clearError());
+        if (AOA_file)
+            dispatch(clearAOAFile());
+        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 }) }) })));
+    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/business/screens/BusinessType/BusinessType.js

@@ -28,7 +28,7 @@ import LicenseList from './LicenseList';
 var BusinessType = function (_a) {
     var _b = useAppSelector(businessSelector), data = _b.data, loading = _b.loading, error = _b.error, uploading = _b.uploading, uploadingArticle = _b.uploadingArticle;
     var settingsData = useAppSelector(settingsSelector).data;
-    var _c = data.businessTypeData, selectedLicense = _c.selectedLicense, licenseNumber = _c.licenseNumber, entityLegalName = _c.entityLegalName, certificateId = _c.certificateId, articleId = _c.articleId, articleFile = _c.articleFile;
+    var _c = data.businessTypeData, selectedLicense = _c.selectedLicense, licenseNumber = _c.licenseNumber, entityLegalName = _c.entityLegalName, certificateId = _c.certificateId, articleId = _c.articleId;
     var t = useTranslation().t;
     var isAr = useLanguage().isAr;
     var dispatch = useAppDispatch();
@@ -41,8 +41,7 @@ var BusinessType = function (_a) {
             licenseNumber: licenseNumber,
             entityLegalName: entityLegalName,
             certificateId: certificateId,
-            articleId: articleId,
-            articleFile: articleFile
+            articleId: articleId
         },
         mode: 'onChange'
     });
@@ -56,7 +55,8 @@ var BusinessType = function (_a) {
             selectedLicense: data.selectedLicense,
             licenseNumber: data.licenseNumber,
             entityLegalName: data.entityLegalName,
-            certificateId: data.certificateId
+            certificateId: data.certificateId,
+            articleId: data.articleId
         };
         dispatch(updateLeadBusinessType(dataValues));
     };

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

@@ -32,9 +32,8 @@ var Article = function (_a) {
     var t = useTranslation().t;
     var control = useFormContext().control;
     var articleIdControl = useController({ name: 'articleId', control: control });
-    var loading = useAppSelector(entitySelector).loading;
     var dispatch = useAppDispatch();
-    var _c = useAppSelector(entitySelector), data = _c.data, error = _c.error;
+    var _c = useAppSelector(entitySelector), data = _c.data, error = _c.error, loading = _c.loading;
     var AOA_file = (((_b = data.verify.responseBody) === null || _b === void 0 ? void 0 : _b.entity) || {}).AOA_file;
     var handleArticleChange = function (id) {
         if (error)

package/package.json

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