@tap-payments/auth-jsconnect 2.0.61-test → 2.0.63-test

package/build/api/entity.d.ts

@@ -52,6 +52,6 @@ declare const entityService: {
     retrieveBankAccount: (id: string) => Promise<any>;
     retrieveEntityInfo: (entity_id: string, config?: AxiosRequestConfig) => Promise<import("axios").AxiosResponse<any, any>>;
     updateIndividualInfo: ({ id, ...data }: EntityInfoBody) => Promise<any>;
-    uploadFileInfo: (data: UploadFileBody) => Promise<any>;
+    uploadFileInfo: (data: UploadFileBody, config?: AxiosRequestConfig) => Promise<any>;
 };
 export { entityService };

package/build/api/entity.js

@@ -1,3 +1,14 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -31,13 +42,8 @@ var retrieveBankAccount = function (id) {
         url: "".concat(ENDPOINT_PATHS.BANK, "/").concat(id)
     });
 };
-var uploadFileInfo = function (data) {
-    return httpClient({
-        method: 'post',
-        url: "".concat(ENDPOINT_PATHS.FILES_PATH),
-        data: data,
-        headers: { 'Content-Type': 'multipart/form-data' }
-    });
+var uploadFileInfo = function (data, config) {
+    return httpClient(__assign({ method: 'post', url: "".concat(ENDPOINT_PATHS.FILES_PATH), data: data, headers: { 'Content-Type': 'multipart/form-data' } }, config));
 };
 var updateIndividualInfo = function (_a) {
     var id = _a.id, data = __rest(_a, ["id"]);

package/build/api/index.d.ts

@@ -40,7 +40,7 @@ declare const API: {
         retrieveBankAccount: (id: string) => Promise<any>;
         retrieveEntityInfo: (entity_id: string, config?: import("axios").AxiosRequestConfig<any> | undefined) => Promise<import("axios").AxiosResponse<any, any>>;
         updateIndividualInfo: ({ id, ...data }: EntityInfoBody) => Promise<any>;
-        uploadFileInfo: (data: import("./entity").UploadFileBody) => Promise<any>;
+        uploadFileInfo: (data: import("./entity").UploadFileBody, config?: import("axios").AxiosRequestConfig<any> | undefined) => Promise<any>;
     };
     availabilityServices: {
         checkEmail: (data: CheckEmailBody, config?: import("axios").AxiosRequestConfig<any> | undefined) => Promise<import("axios").AxiosResponse<any, any>>;

package/build/api/lead.d.ts

@@ -77,8 +77,8 @@ export declare type LeadIdentityUpdateBody = {
     id: string;
     country_code: string;
     identification_id: string;
-    identification_id_type: string;
-    date_of_birth: string;
+    identification_id_type?: string;
+    date_of_birth?: string;
     step_name: string;
     encryption_contract: Array<string>;
 };

package/build/app/settings.d.ts

@@ -30,8 +30,9 @@ export declare const settingsSlice: import("@reduxjs/toolkit").Slice<SettingsSta
     handlePrevScreenStep: (state: SettingsState, action: ActionState<string | undefined>) => void;
     handleActiveFlowScreens: (state: SettingsState, action: ActionState<Array<ScreenStepNavigation>>) => void;
     handleSetAppConfig: (state: SettingsState, action: ActionState<LibConfig>) => void;
+    handleSetCountryByIso2: (state: SettingsState, action: ActionState<string>) => void;
 }, "settings">;
-export declare const handleSkin: import("@reduxjs/toolkit").ActionCreatorWithPayload<ThemeMode, string>, handleLanguage: import("@reduxjs/toolkit").ActionCreatorWithPayload<LanguageMode, string>, handleActiveFlowScreens: import("@reduxjs/toolkit").ActionCreatorWithPayload<ScreenStepNavigation[], string>, handleNextScreenStep: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<string | undefined, string>, handlePrevScreenStep: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<string | undefined, string>, handleCurrentActiveScreen: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, string>, handleSetAppConfig: import("@reduxjs/toolkit").ActionCreatorWithPayload<LibConfig, string>, handleOpen: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, string>, handleIsTapOrigin: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, string>;
+export declare const handleSkin: import("@reduxjs/toolkit").ActionCreatorWithPayload<ThemeMode, string>, handleLanguage: import("@reduxjs/toolkit").ActionCreatorWithPayload<LanguageMode, string>, handleActiveFlowScreens: import("@reduxjs/toolkit").ActionCreatorWithPayload<ScreenStepNavigation[], string>, handleNextScreenStep: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<string | undefined, string>, handlePrevScreenStep: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<string | undefined, string>, handleCurrentActiveScreen: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, string>, handleSetAppConfig: import("@reduxjs/toolkit").ActionCreatorWithPayload<LibConfig, string>, handleOpen: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, string>, handleSetCountryByIso2: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, string>, handleIsTapOrigin: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, string>;
 declare const _default: import("redux").Reducer<SettingsState, import("redux").AnyAction>;
 export default _default;
 export declare const settingsSelector: (state: RootState) => SettingsState;

package/build/app/settings.js

@@ -220,6 +220,10 @@ export var settingsSlice = createSlice({
             if (typeof open !== 'boolean')
                 throw new Error('Open is required');
             state.data.appConfig = action.payload;
+        },
+        handleSetCountryByIso2: function (state, action) {
+            var country = findCountryByIso2(state.data.countries, action.payload);
+            state.data.businessCountry = country || defaultCountry;
         }
     },
     extraReducers: function (builder) {
@@ -241,6 +245,6 @@ export var settingsSlice = createSlice({
         });
     }
 });
-export var handleSkin = (_a = settingsSlice.actions, _a.handleSkin), handleLanguage = _a.handleLanguage, handleActiveFlowScreens = _a.handleActiveFlowScreens, handleNextScreenStep = _a.handleNextScreenStep, handlePrevScreenStep = _a.handlePrevScreenStep, handleCurrentActiveScreen = _a.handleCurrentActiveScreen, handleSetAppConfig = _a.handleSetAppConfig, handleOpen = _a.handleOpen, handleIsTapOrigin = _a.handleIsTapOrigin;
+export var handleSkin = (_a = settingsSlice.actions, _a.handleSkin), handleLanguage = _a.handleLanguage, handleActiveFlowScreens = _a.handleActiveFlowScreens, handleNextScreenStep = _a.handleNextScreenStep, handlePrevScreenStep = _a.handlePrevScreenStep, handleCurrentActiveScreen = _a.handleCurrentActiveScreen, handleSetAppConfig = _a.handleSetAppConfig, handleOpen = _a.handleOpen, handleSetCountryByIso2 = _a.handleSetCountryByIso2, handleIsTapOrigin = _a.handleIsTapOrigin;
 export default settingsSlice.reducer;
 export var settingsSelector = function (state) { return state.settings; };

package/build/components/FileInput/DragAndDrop.d.ts

@@ -6,10 +6,11 @@ interface DragAndDropProps {
     uploadingTitle: string;
     successTitle: string;
     error?: string;
+    progress?: number;
     uploading?: boolean;
     uploadSuccess?: boolean;
     fileExists: boolean;
     onSuccess?: (files: File) => void;
 }
-declare const DragAndDrop: ({ title, subTitle, description, error, uploadingTitle, successTitle, uploading, fileExists, uploadSuccess, onSuccess }: DragAndDropProps) => JSX.Element;
+declare const DragAndDrop: ({ title, subTitle, description, error, uploadingTitle, successTitle, progress, uploading, fileExists, uploadSuccess, onSuccess }: DragAndDropProps) => JSX.Element;
 export default DragAndDrop;

package/build/components/FileInput/DragAndDrop.js

@@ -91,16 +91,22 @@ var DropFileIcon = styled(Icon)(function (_a) {
         marginInline: theme.spacing(-1.25)
     });
 });
+var TextDoneStyled = styled(Text)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        marginBlockStart: theme.spacing(1),
+        color: theme.palette.text.primary
+    });
+});
 var WarningContainer = styled(Box)(function (_a) {
     var theme = _a.theme;
     return (__assign({ background: theme.palette.warning.dark, paddingBlock: theme.spacing(1.5), paddingInlineStart: theme.spacing(2.5), border: '0.5px solid', display: 'flex', justifyContent: 'space-around', borderColor: theme.palette.warning.main, color: theme.palette.warning.light, padding: theme.spacing(0.5, 1), borderRadius: theme.spacing(12.5) }, theme.typography.caption));
 });
 var DragAndDrop = function (_a) {
-    var title = _a.title, subTitle = _a.subTitle, description = _a.description, error = _a.error, uploadingTitle = _a.uploadingTitle, successTitle = _a.successTitle, uploading = _a.uploading, fileExists = _a.fileExists, uploadSuccess = _a.uploadSuccess, onSuccess = _a.onSuccess;
-    var _b = React.useState(1), progress = _b[0], setProgress = _b[1];
-    var _c = React.useState(false), dragActive = _c[0], setDragActive = _c[1];
-    var _d = React.useState(false), showDone = _d[0], setShowDone = _d[1];
-    var _e = useDropzone({
+    var title = _a.title, subTitle = _a.subTitle, description = _a.description, error = _a.error, uploadingTitle = _a.uploadingTitle, successTitle = _a.successTitle, progress = _a.progress, uploading = _a.uploading, fileExists = _a.fileExists, uploadSuccess = _a.uploadSuccess, onSuccess = _a.onSuccess;
+    var _b = React.useState(false), dragActive = _b[0], setDragActive = _b[1];
+    var _c = React.useState(false), showDone = _c[0], setShowDone = _c[1];
+    var _d = useDropzone({
         maxFiles: 1,
         noKeyboard: true,
         noClick: false,
@@ -116,29 +122,16 @@ var DragAndDrop = function (_a) {
             onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(files === null || files === void 0 ? void 0 : files[0]);
             setDragActive(false);
         }
-    }), getRootProps = _e.getRootProps, getInputProps = _e.getInputProps;
+    }), getRootProps = _d.getRootProps, getInputProps = _d.getInputProps;
     React.useEffect(function () {
         setDragActive(false);
         if (uploadSuccess) {
             setShowDone(true);
             setTimeout(function () {
-                setProgress(100);
                 setShowDone(false);
-            }, 500);
-        }
-        else if (uploading) {
-            var timer_1 = setInterval(function () {
-                setProgress(function (prevProgress) { return (prevProgress >= 75 ? 1 : prevProgress + 25); });
-            }, 800);
-            return function () {
-                clearInterval(timer_1);
-            };
+            }, 400);
         }
     }, [uploading]);
-    React.useEffect(function () {
-        if (!fileExists)
-            setProgress(25);
-    }, [fileExists]);
-    return (_jsx(Box, __assign({ id: 'upload-container' }, { children: _jsxs(BoxStyled, __assign({ active: dragActive }, getRootProps({ className: 'dropzone' }), { children: [_jsx(Fade, __assign({ in: (!uploading && !uploadSuccess) || !fileExists, unmountOnExit: true, timeout: 100 }, { children: _jsxs(Box, { children: [_jsx(CenterBoxStyled, { children: _jsx(IconStyled, { src: dragActive ? ICONS_NAMES.ACTIVE_UPLOAD_ICON : ICONS_NAMES.UPLOAD_ICON }) }), _jsxs(VerticalCenterBox, __assign({ sx: { marginBlockEnd: '20px' } }, { children: [_jsxs(CenterBoxStyled, { children: [_jsx(Text, __assign({ sx: { fontSize: '16px' } }, { children: title })), _jsx(SubTitleStyled, { children: subTitle })] }), _jsx(DescTextStyled, { children: description }), _jsx(Collapse, __assign({ in: !!error, timeout: 400 }, { children: _jsxs(WarningContainer, { children: [_jsx(WarningIconStyled, { src: ICONS_NAMES.WARNING_ICON }), _jsx(Text, { children: error })] }) }))] })), _jsx(UploadInputStyled, { inputProps: __assign({}, getInputProps()) })] }) })), _jsx(CenterBoxStyled, { children: showDone ? (_jsxs(VerticalCenterBox, { children: [_jsx(DoneIconStyled, { src: ICONS_NAMES.DONE_ICON }), _jsx(Text, { children: successTitle })] })) : uploading ? (_jsxs(VerticalCenterBox, { children: [_jsx(CircularProgress, { value: progress, size: 54 }), _jsx(Text, { children: uploadingTitle })] })) : (_jsx(_Fragment, {})) }), _jsx(Fade, __assign({ unmountOnExit: true, timeout: 100, in: dragActive }, { children: _jsx(DropFileIcon, { src: ICONS_NAMES.DROP_FILE_ICON }) }))] })) })));
+    return (_jsx(Box, __assign({ id: 'upload-container' }, { children: _jsxs(BoxStyled, __assign({ active: dragActive }, getRootProps({ className: 'dropzone' }), { children: [_jsx(Fade, __assign({ in: (!uploading && !uploadSuccess) || !fileExists, unmountOnExit: true, timeout: 100 }, { children: _jsxs(Box, { children: [_jsx(CenterBoxStyled, { children: _jsx(IconStyled, { src: dragActive ? ICONS_NAMES.ACTIVE_UPLOAD_ICON : ICONS_NAMES.UPLOAD_ICON }) }), _jsxs(VerticalCenterBox, __assign({ sx: { marginBlockEnd: '20px' } }, { children: [_jsxs(CenterBoxStyled, { children: [_jsx(Text, __assign({ sx: { fontSize: '16px' } }, { children: title })), _jsx(SubTitleStyled, { children: subTitle })] }), _jsx(DescTextStyled, { children: description }), _jsx(Collapse, __assign({ in: !!error, timeout: 400 }, { children: _jsxs(WarningContainer, { children: [_jsx(WarningIconStyled, { src: ICONS_NAMES.WARNING_ICON }), _jsx(Text, { children: error })] }) }))] })), _jsx(UploadInputStyled, { inputProps: __assign({}, getInputProps()) })] }) })), _jsx(CenterBoxStyled, { children: showDone ? (_jsxs(VerticalCenterBox, { children: [_jsx(DoneIconStyled, { src: ICONS_NAMES.DONE_ICON }), _jsx(TextDoneStyled, { children: successTitle })] })) : uploading ? (_jsxs(VerticalCenterBox, { children: [_jsx(CircularProgress, { value: progress, size: 54 }), _jsx(Text, { children: uploadingTitle })] })) : (_jsx(_Fragment, {})) })] })) })));
 };
 export default DragAndDrop;

package/build/constants/app.js

@@ -37,7 +37,7 @@ export var CONNECT_SCREENS_NAVIGATION = [
         name: 'CONNECT_VERIFY_PACI_STEP',
         next: ['CONNECT_INDIVIDUAL_STEP', 'CONNECT_MERCHANT_INFO_STEP'],
         prev: 'CONNECT_CIVIL_ID_STEP',
-        order: 1
+        order: 2
     },
     {
         name: 'CONNECT_OTP_STEP',
@@ -73,22 +73,29 @@ export var BUSINESS_SCREENS_NAVIGATION = [
             'BUSINESS_CUSTOMERS_STEP',
             'BUSINESS_SUCCESS_STEP',
             'BUSINESS_ACTIVITIES_STEP',
-            'BUSINESS_SUCCESS_FOUR_FLOWS_BUTTONS_STEP'
+            'BUSINESS_SUCCESS_FOUR_FLOWS_BUTTONS_STEP',
+            'BUSINESS_CIVIL_ID_STEP'
         ],
         prev: '',
         order: 1
     },
+    {
+        name: 'BUSINESS_CIVIL_ID_STEP',
+        next: 'BUSINESS_VERIFY_PACI_STEP',
+        prev: '',
+        order: 2
+    },
     {
         name: 'BUSINESS_IDBOD_STEP',
         next: 'BUSINESS_OTP_STEP',
-        prev: 'BUSINESS_VERIFY_NUMBER_STEP',
+        prev: '',
         order: 2
     },
     {
-        name: 'BUSINESS_BUSINESS_TYPE_STEP',
-        next: 'BUSINESS_ACTIVITIES_STEP',
-        prev: 'BUSINESS_IDBOD_STEP',
-        order: 2
+        name: 'BUSINESS_VERIFY_PACI_STEP',
+        next: 'BUSINESS_BUSINESS_TYPE_STEP',
+        prev: 'BUSINESS_CIVIL_ID_STEP',
+        order: 3
     },
     {
         name: 'BUSINESS_OTP_STEP',
@@ -96,6 +103,12 @@ export var BUSINESS_SCREENS_NAVIGATION = [
         prev: 'BUSINESS_IDBOD_STEP',
         order: 3
     },
+    {
+        name: 'BUSINESS_BUSINESS_TYPE_STEP',
+        next: 'BUSINESS_ACTIVITIES_STEP',
+        prev: 'BUSINESS_IDBOD_STEP',
+        order: 2
+    },
     {
         name: 'BUSINESS_CONFIRM_STEP',
         next: 'BUSINESS_ACTIVITIES_STEP',

package/build/constants/validation.js

@@ -10,6 +10,6 @@ export var MAX_FILE_SIZE = 5000000;
 export var VALID_FILE_FORMATS = ['image/jpeg', 'image/png', 'image/jpg', 'application/pdf'];
 export var REGEX_FULL_NAME = /^([a-zA-Z]{2,}\s{1}[a-zA-Z]{1,}|[a-zA-Z]+\s{1}[a-zA-Z.-]{1,}\s{1}[a-zA-Z.-]{1,}\s{1}[a-zA-Z]{1,}|[a-zA-Z]+\s{1}[a-zA-Z.-]{1,}\s{1}[a-zA-Z]{1,})$/g;
 export var REGEX_WEBSITE = /^[a-zA-Z0-9]+([\-\.]{1}[a-zA-Z0-9]+)*\.[a-zA-Z]{2,63}(:[0-9]{1,5})?(\/.*)?$/;
-export var REGEX_BENEFICIARY_NAME = /^([\u0600-\u065F\u066A-\u06EF\u06FA-\u06FFa-zA-Z\s])*$/g;
+export var REGEX_BENEFICIARY_NAME = /^([\u0600-\u065F\u066A-\u06EF\u06FA-\u06FFa-zA-Z()\s])*$/g;
 export var REGEX_BRAND_NAME = /^(([a-zA-Z0-9])+\s)*[a-zA-Z0-9]+$/;
 export var EMAIL_MAX_LENGTH = 50;

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

@@ -33,9 +33,13 @@ export declare const checkIbanBank: import("@reduxjs/toolkit").AsyncThunk<{
     cancelToken: CancelToken;
     onSuccess?: (() => void) | undefined;
 }, {}>;
+interface UploadBankStatementParams {
+    file: File;
+    onProgress?: (value: number) => void;
+}
 export declare const uploadBankStatement: import("@reduxjs/toolkit").AsyncThunk<{
     data: any;
-}, File, {}>;
+}, UploadBankStatementParams, {}>;
 export declare const updateBoardSuccess: import("@reduxjs/toolkit").AsyncThunk<{
     response: any;
     formData: void;

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

@@ -209,24 +209,31 @@ export var checkIbanBank = createAsyncThunk('checkIbanBank', function (_a) {
         });
     });
 });
-export var uploadBankStatement = createAsyncThunk('uploadBankStatement', function (file) { return __awaiter(void 0, void 0, void 0, function () {
-    var uploadPayload, data;
-    return __generator(this, function (_a) {
-        switch (_a.label) {
-            case 0:
-                uploadPayload = {
-                    file_link_create: true,
-                    title: file === null || file === void 0 ? void 0 : file.name,
-                    purpose: 'identity_document',
-                    file: file
-                };
-                return [4, API.entityService.uploadFileInfo(uploadPayload)];
-            case 1:
-                data = _a.sent();
-                return [2, { data: data }];
-        }
+export var uploadBankStatement = createAsyncThunk('uploadBankStatement', function (_a) {
+    var file = _a.file, onProgress = _a.onProgress;
+    return __awaiter(void 0, void 0, void 0, function () {
+        var uploadPayload, onUploadProgress, data;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    uploadPayload = {
+                        file_link_create: true,
+                        title: file === null || file === void 0 ? void 0 : file.name,
+                        purpose: 'identity_document',
+                        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.entityService.uploadFileInfo(uploadPayload, { onUploadProgress: onUploadProgress })];
+                case 1:
+                    data = _b.sent();
+                    return [2, { data: data }];
+            }
+        });
     });
-}); });
+});
 export var updateBoardSuccess = createAsyncThunk('updateBoardBankSuccess', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
     var _a, settings, bank, _b, id, infoId, payload, data;
     var _c, _d, _e, _f;
@@ -431,7 +438,7 @@ export var bankSlice = createSlice({
             var data = action.payload.data;
             state.data.bankData.bankStatementId = data === null || data === void 0 ? void 0 : data.id;
         })
-            .addCase(uploadBankStatement.rejected, function (state, action) {
+            .addCase(uploadBankStatement.rejected, function (state) {
             state.uploading = false;
             state.error = 'file_upload_error';
         });

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

@@ -60,13 +60,13 @@ import moment from 'moment';
 import API from '../../../api';
 import { BusinessType, FlowsTypes } from '../../../@types';
 import { BUSINESS_FLOW_SUCCESS, BUSINESS_STEP_NAMES, IDENTIFICATION_TYPE, OTHER_CR_LICENSE, OTHER_FL_LICENSE } from '../../../constants';
-import { convertNumbers2English, getEighteenYearsAgo, hasKey, sleep } from '../../../utils';
-import { handleNextScreenStep } from '../../../app/settings';
+import { convertNumbers2English, getEighteenYearsAgo, hasKey, sleep, isKW } from '../../../utils';
+import { handleNextScreenStep, handleSetCountryByIso2 } from '../../../app/settings';
 export var verifyLeadToken = createAsyncThunk('businessVerifyLeadToken', function (token, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var payload, data, leadResponse, brandInfo, boardResponse, board_id, board_info_id, steps, brandID, hasBusinessCompleted, hasBusinessCRInfoCompleted, hasBusinessCRActivitiesCompleted, hasBusinessCustomersCompleted;
-    var _a, _b, _c, _d, _e, _f;
-    return __generator(this, function (_g) {
-        switch (_g.label) {
+    var payload, data, leadResponse, brandInfo, boardResponse, countryIso2, board_id, board_info_id, steps, brandID, hasBusinessCompleted, hasBusinessCRInfoCompleted, hasBusinessCRActivitiesCompleted, hasBusinessCustomersCompleted;
+    var _a, _b, _c, _d, _e, _f, _g;
+    return __generator(this, function (_h) {
+        switch (_h.label) {
             case 0:
                 payload = {
                     service_name: 'tap_email',
@@ -74,28 +74,33 @@ export var verifyLeadToken = createAsyncThunk('businessVerifyLeadToken', functio
                 };
                 return [4, API.leadService.verifyLeadToken(payload)];
             case 1:
-                data = (_g.sent()).data;
+                data = (_h.sent()).data;
                 leadResponse = undefined;
                 brandInfo = undefined;
                 boardResponse = undefined;
                 if (!(!(data === null || data === void 0 ? void 0 : data.errors) && !(data === null || data === void 0 ? void 0 : data.mw_error))) return [3, 17];
                 return [4, API.leadService.retrieveLead(data === null || data === void 0 ? void 0 : data.id)];
             case 2:
-                leadResponse = _g.sent();
-                board_id = (_a = leadResponse === null || leadResponse === void 0 ? void 0 : leadResponse.data) === null || _a === void 0 ? void 0 : _a.board_id;
-                board_info_id = (_b = leadResponse === null || leadResponse === void 0 ? void 0 : leadResponse.data) === null || _b === void 0 ? void 0 : _b.board_info_id;
+                leadResponse = _h.sent();
+                countryIso2 = (_a = leadResponse === null || leadResponse === void 0 ? void 0 : leadResponse.data) === null || _a === void 0 ? void 0 : _a.country_code;
+                thunkApi.dispatch(handleSetCountryByIso2(countryIso2));
+                board_id = (_b = leadResponse === null || leadResponse === void 0 ? void 0 : leadResponse.data) === null || _b === void 0 ? void 0 : _b.board_id;
+                board_info_id = (_c = leadResponse === null || leadResponse === void 0 ? void 0 : leadResponse.data) === null || _c === void 0 ? void 0 : _c.board_info_id;
                 if (!(!!board_id && !!board_info_id)) return [3, 4];
                 return [4, API.boardService.retrieveBoardInfo({ id: board_id, infoId: board_info_id })];
             case 3:
-                boardResponse = _g.sent();
-                _g.label = 4;
+                boardResponse = _h.sent();
+                _h.label = 4;
             case 4:
-                if (data.step_name === BUSINESS_STEP_NAMES.IDENTITY_AUTH) {
+                if (data.step_name === BUSINESS_STEP_NAMES.IDENTITY_AUTH && isKW(countryIso2)) {
+                    thunkApi.dispatch(handleNextScreenStep('BUSINESS_CIVIL_ID_STEP'));
+                }
+                if (data.step_name === BUSINESS_STEP_NAMES.IDENTITY_AUTH && !isKW(countryIso2)) {
                     thunkApi.dispatch(handleNextScreenStep('BUSINESS_IDBOD_STEP'));
                 }
                 if (!(data.step_name === 'business_info')) return [3, 17];
-                steps = (_c = leadResponse === null || leadResponse === void 0 ? void 0 : leadResponse.data) === null || _c === void 0 ? void 0 : _c.steps;
-                brandID = (_e = (_d = leadResponse === null || leadResponse === void 0 ? void 0 : leadResponse.data) === null || _d === void 0 ? void 0 : _d.brand) === null || _e === void 0 ? void 0 : _e.id;
+                steps = (_d = leadResponse === null || leadResponse === void 0 ? void 0 : leadResponse.data) === null || _d === void 0 ? void 0 : _d.steps;
+                brandID = (_f = (_e = leadResponse === null || leadResponse === void 0 ? void 0 : leadResponse.data) === null || _e === void 0 ? void 0 : _e.brand) === null || _f === void 0 ? void 0 : _f.id;
                 hasBusinessCompleted = hasKey(steps, BUSINESS_STEP_NAMES.BUSINESS_SUCCESS);
                 hasBusinessCRInfoCompleted = hasKey(steps, BUSINESS_STEP_NAMES.BUSINESS_CR_INFO) && hasKey(steps, BUSINESS_STEP_NAMES.BUSINESS_INFO_CONFIRM);
                 hasBusinessCRActivitiesCompleted = hasKey(steps, BUSINESS_STEP_NAMES.BUSINESS_CR_ACTIVITIES);
@@ -103,7 +108,7 @@ export var verifyLeadToken = createAsyncThunk('businessVerifyLeadToken', functio
                 if (!hasBusinessCompleted) return [3, 6];
                 return [4, thunkApi.dispatch(retrieveBoardDetails(board_id))];
             case 5:
-                _g.sent();
+                _h.sent();
                 thunkApi.dispatch(handleNextScreenStep('BUSINESS_SUCCESS_FOUR_FLOWS_BUTTONS_STEP'));
                 return [3, 17];
             case 6:
@@ -118,36 +123,36 @@ export var verifyLeadToken = createAsyncThunk('businessVerifyLeadToken', functio
                 if (!hasBusinessCRActivitiesCompleted) return [3, 12];
                 return [4, thunkApi.dispatch(retrieveChannels())];
             case 9:
-                _g.sent();
+                _h.sent();
                 return [4, thunkApi.dispatch(retrieveDataList())];
             case 10:
-                _g.sent();
+                _h.sent();
                 thunkApi.dispatch(handleNextScreenStep('BUSINESS_CUSTOMERS_STEP'));
                 return [4, API.brandService.retrieveBrand(brandID)];
             case 11:
-                brandInfo = _g.sent();
+                brandInfo = _h.sent();
                 return [3, 17];
             case 12:
                 if (!hasBusinessCRInfoCompleted) return [3, 15];
                 return [4, thunkApi.dispatch(retrieveChannels())];
             case 13:
-                _g.sent();
+                _h.sent();
                 return [4, API.brandService.retrieveBrand(brandID)];
             case 14:
-                brandInfo = _g.sent();
+                brandInfo = _h.sent();
                 thunkApi.dispatch(handleNextScreenStep('BUSINESS_ACTIVITIES_STEP'));
                 return [3, 17];
             case 15: return [4, thunkApi.dispatch(retrieveEntityList({ leadId: data === null || data === void 0 ? void 0 : data.id }))];
             case 16:
-                _g.sent();
+                _h.sent();
                 thunkApi.dispatch(handleNextScreenStep('BUSINESS_BUSINESS_TYPE_STEP'));
-                _g.label = 17;
+                _h.label = 17;
             case 17: return [2, {
                     data: data,
                     leadData: __assign(__assign({}, leadResponse === null || leadResponse === void 0 ? void 0 : leadResponse.data), { flows: BUSINESS_FLOW_SUCCESS.concat(boardResponse === null || boardResponse === void 0 ? void 0 : boardResponse.info) }),
                     token: token,
                     brandInfo: brandInfo === null || brandInfo === void 0 ? void 0 : brandInfo.brand,
-                    boardId: (_f = leadResponse === null || leadResponse === void 0 ? void 0 : leadResponse.data) === null || _f === void 0 ? void 0 : _f.board_id
+                    boardId: (_g = leadResponse === null || leadResponse === void 0 ? void 0 : leadResponse.data) === null || _g === void 0 ? void 0 : _g.board_id
                 }];
         }
     });
@@ -170,93 +175,99 @@ export var resendOTP = createAsyncThunk('resendOTPBusiness', function (params, t
     });
 }); });
 export var verifyLeadOTP = createAsyncThunk('verifyLeadOTP', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var _a, business, settings, isNID, responseBody, verifyResponse, stepName, brandID, payload, data, brandInfo, steps, hasBusinessCompleted, hasBusinessCRInfoCompleted, hasBusinessCRActivitiesCompleted, hasBusinessCustomersCompleted;
-    var _b, _c, _d, _e, _f, _g, _h, _j;
-    return __generator(this, function (_k) {
-        switch (_k.label) {
+    var _a, business, settings, isNID, responseBody, verifyResponse, stepName, brandID, countryIso2, payload, data, brandInfo, steps, hasBusinessCompleted, hasBusinessCRInfoCompleted, hasBusinessCRActivitiesCompleted, hasBusinessCustomersCompleted, isIdentityAuthStep;
+    var _b, _c, _d, _e, _f, _g, _h;
+    return __generator(this, function (_j) {
+        switch (_j.label) {
             case 0:
                 _a = thunkApi.getState(), business = _a.business, settings = _a.settings;
                 isNID = business.data.otpData.isNID;
                 responseBody = (isNID ? business.data.nidData : business.data.verify).responseBody;
                 verifyResponse = business.data.verify.responseBody;
                 stepName = isNID ? BUSINESS_STEP_NAMES.IDENTITY_VERIFY_AUTH : BUSINESS_STEP_NAMES.PHONE_AUTH;
-                brandID = (_c = (_b = business.data.verify.responseBody) === null || _b === void 0 ? void 0 : _b.brand) === null || _c === void 0 ? void 0 : _c.id;
+                brandID = (_b = verifyResponse === null || verifyResponse === void 0 ? void 0 : verifyResponse.brand) === null || _b === void 0 ? void 0 : _b.id;
+                countryIso2 = verifyResponse === null || verifyResponse === void 0 ? void 0 : verifyResponse.country_code;
                 payload = {
                     data: params.otp,
-                    service_name: ((_e = (_d = responseBody === null || responseBody === void 0 ? void 0 : responseBody.verification_token) === null || _d === void 0 ? void 0 : _d.verification_by) === null || _e === void 0 ? void 0 : _e.service_name) || ((_f = responseBody === null || responseBody === void 0 ? void 0 : responseBody.verification_by) === null || _f === void 0 ? void 0 : _f.service_name),
-                    verify_token: ((_g = responseBody === null || responseBody === void 0 ? void 0 : responseBody.verification_token) === null || _g === void 0 ? void 0 : _g.verify_token) || (responseBody === null || responseBody === void 0 ? void 0 : responseBody.verify_token),
+                    service_name: ((_d = (_c = responseBody === null || responseBody === void 0 ? void 0 : responseBody.verification_token) === null || _c === void 0 ? void 0 : _c.verification_by) === null || _d === void 0 ? void 0 : _d.service_name) || ((_e = responseBody === null || responseBody === void 0 ? void 0 : responseBody.verification_by) === null || _e === void 0 ? void 0 : _e.service_name),
+                    verify_token: ((_f = responseBody === null || responseBody === void 0 ? void 0 : responseBody.verification_token) === null || _f === void 0 ? void 0 : _f.verify_token) || (responseBody === null || responseBody === void 0 ? void 0 : responseBody.verify_token),
                     step_name: stepName,
                     encryption_contract: ['data']
                 };
                 return [4, API.leadService.verifyLeadOTP(payload)];
             case 1:
-                data = (_k.sent()).data;
+                data = (_j.sent()).data;
                 brandInfo = undefined;
-                if (!!data.errors) return [3, 14];
+                if (!!data.errors) return [3, 15];
                 thunkApi.dispatch(updateStepName(stepName));
                 return [4, thunkApi.dispatch(retrieveEntityList({ leadId: data === null || data === void 0 ? void 0 : data.id }))];
             case 2:
-                _k.sent();
-                (_j = (_h = settings.data.appConfig).onStepCompleted) === null || _j === void 0 ? void 0 : _j.call(_h, settings.data.activeScreen.name, { otp: params.otp });
+                _j.sent();
+                (_h = (_g = settings.data.appConfig).onStepCompleted) === null || _h === void 0 ? void 0 : _h.call(_g, settings.data.activeScreen.name, { otp: params.otp });
                 steps = responseBody === null || responseBody === void 0 ? void 0 : responseBody.steps;
                 hasBusinessCompleted = hasKey(steps, BUSINESS_STEP_NAMES.BUSINESS_SUCCESS);
                 hasBusinessCRInfoCompleted = hasKey(steps, BUSINESS_STEP_NAMES.BUSINESS_CR_INFO) && hasKey(steps, BUSINESS_STEP_NAMES.BUSINESS_INFO_CONFIRM);
                 hasBusinessCRActivitiesCompleted = hasKey(steps, BUSINESS_STEP_NAMES.BUSINESS_CR_ACTIVITIES);
                 hasBusinessCustomersCompleted = hasKey(steps, BUSINESS_STEP_NAMES.BUSINESS_CUSTOMERS);
+                isIdentityAuthStep = data.step_name === BUSINESS_STEP_NAMES.IDENTITY_AUTH;
                 if (!isNID) return [3, 3];
                 thunkApi.dispatch(handleNextScreenStep());
-                return [3, 14];
+                return [3, 15];
             case 3:
-                if (!hasBusinessCompleted) return [3, 5];
-                return [4, thunkApi.dispatch(retrieveBoardDetails(verifyResponse === null || verifyResponse === void 0 ? void 0 : verifyResponse.board_id))];
+                if (!(isIdentityAuthStep && isKW(countryIso2))) return [3, 4];
+                thunkApi.dispatch(handleNextScreenStep('BUSINESS_CIVIL_ID_STEP'));
+                return [3, 15];
             case 4:
-                _k.sent();
-                thunkApi.dispatch(handleNextScreenStep('BUSINESS_SUCCESS_FOUR_FLOWS_BUTTONS_STEP'));
-                return [3, 14];
+                if (!hasBusinessCompleted) return [3, 6];
+                return [4, thunkApi.dispatch(retrieveBoardDetails(verifyResponse === null || verifyResponse === void 0 ? void 0 : verifyResponse.board_id))];
             case 5:
-                if (!(data.step_name === BUSINESS_STEP_NAMES.IDENTITY_AUTH)) return [3, 6];
-                thunkApi.dispatch(handleNextScreenStep('BUSINESS_IDBOD_STEP'));
-                return [3, 14];
+                _j.sent();
+                thunkApi.dispatch(handleNextScreenStep('BUSINESS_SUCCESS_FOUR_FLOWS_BUTTONS_STEP'));
+                return [3, 15];
             case 6:
-                if (!hasBusinessCustomersCompleted) return [3, 7];
-                thunkApi.dispatch(handleNextScreenStep('BUSINESS_SUCCESS_STEP'));
-                return [3, 14];
+                if (!(data.step_name === BUSINESS_STEP_NAMES.IDENTITY_AUTH)) return [3, 7];
+                thunkApi.dispatch(handleNextScreenStep('BUSINESS_IDBOD_STEP'));
+                return [3, 15];
             case 7:
-                if (!hasBusinessCRActivitiesCompleted) return [3, 10];
+                if (!hasBusinessCustomersCompleted) return [3, 8];
+                thunkApi.dispatch(handleNextScreenStep('BUSINESS_SUCCESS_STEP'));
+                return [3, 15];
+            case 8:
+                if (!hasBusinessCRActivitiesCompleted) return [3, 11];
                 thunkApi.dispatch(retrieveChannels());
                 return [4, thunkApi.dispatch(retrieveDataList())];
-            case 8:
-                _k.sent();
+            case 9:
+                _j.sent();
                 thunkApi.dispatch(handleNextScreenStep('BUSINESS_CUSTOMERS_STEP'));
                 return [4, API.brandService.retrieveBrand(brandID)];
-            case 9:
-                brandInfo = _k.sent();
-                return [3, 14];
             case 10:
-                if (!hasBusinessCRInfoCompleted) return [3, 13];
-                return [4, thunkApi.dispatch(retrieveChannels())];
+                brandInfo = _j.sent();
+                return [3, 15];
             case 11:
-                _k.sent();
-                return [4, API.brandService.retrieveBrand(brandID)];
+                if (!hasBusinessCRInfoCompleted) return [3, 14];
+                return [4, thunkApi.dispatch(retrieveChannels())];
             case 12:
-                brandInfo = _k.sent();
-                thunkApi.dispatch(handleNextScreenStep('BUSINESS_ACTIVITIES_STEP'));
-                return [3, 14];
+                _j.sent();
+                return [4, API.brandService.retrieveBrand(brandID)];
             case 13:
+                brandInfo = _j.sent();
+                thunkApi.dispatch(handleNextScreenStep('BUSINESS_ACTIVITIES_STEP'));
+                return [3, 15];
+            case 14:
                 thunkApi.dispatch(handleNextScreenStep('BUSINESS_BUSINESS_TYPE_STEP'));
-                _k.label = 14;
-            case 14: return [2, { data: data, formData: __assign(__assign({}, params), { isNID: isNID }), brandInfo: brandInfo === null || brandInfo === void 0 ? void 0 : brandInfo.brand }];
+                _j.label = 15;
+            case 15: return [2, { data: data, formData: __assign(__assign({}, params), { isNID: isNID }), brandInfo: brandInfo === null || brandInfo === void 0 ? void 0 : brandInfo.brand }];
         }
     });
 }); });
 export var verifyPACI = createAsyncThunk('verifyPACI', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var _a, settings, connect, responseBody, expiry, interval, maxCalls, response, count, data, isSuccess;
+    var _a, settings, business, responseBody, expiry, interval, maxCalls, response, count, data, isSuccess;
     var _b, _c;
     return __generator(this, function (_d) {
         switch (_d.label) {
             case 0:
-                _a = thunkApi.getState(), settings = _a.settings, connect = _a.connect;
-                responseBody = connect.data.civilIdData.responseBody;
+                _a = thunkApi.getState(), settings = _a.settings, business = _a.business;
+                responseBody = business.data.civilIdData.responseBody;
                 expiry = (responseBody === null || responseBody === void 0 ? void 0 : responseBody.expiry) || 120;
                 interval = 5;
                 maxCalls = Math.floor(expiry / interval);
@@ -292,29 +303,26 @@ export var verifyPACI = createAsyncThunk('verifyPACI', function (params, thunkAp
     });
 }); });
 export var createCivilIdAuth = createAsyncThunk('createCivilIdAuth', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var settings, requestBody, data;
-    var _a, _b;
-    return __generator(this, function (_c) {
-        switch (_c.label) {
+    var _a, settings, business, stepName, requestBody, data;
+    var _b, _c, _d;
+    return __generator(this, function (_e) {
+        switch (_e.label) {
             case 0:
-                settings = thunkApi.getState().settings;
+                _a = thunkApi.getState(), settings = _a.settings, business = _a.business;
+                stepName = BUSINESS_STEP_NAMES.CREATE_AUTH_CIVIL_ID;
                 requestBody = {
-                    lang: settings.data.language,
-                    user_credentail: {
-                        identification_id: params.civilId,
-                        country_code: 'KW'
-                    },
-                    sign_in: false,
-                    step_name: BUSINESS_STEP_NAMES.CREATE_AUTH_CIVIL_ID,
-                    encryption_contract: ['user_credentail.identification_id']
+                    id: ((_b = business.data.verify.responseBody) === null || _b === void 0 ? void 0 : _b.id) || '',
+                    identification_id: params.civilId,
+                    country_code: settings.data.businessCountry.iso2,
+                    step_name: stepName,
+                    identification_id_type: 'civil_id',
+                    encryption_contract: ['identification_id']
                 };
-                return [4, API.authService.createAuth(requestBody)];
+                return [4, API.leadService.updateLead(requestBody)];
             case 1:
-                data = (_c.sent()).data;
-                if (!data.errors) {
-                    thunkApi.dispatch(handleNextScreenStep());
-                    (_b = (_a = settings.data.appConfig).onStepCompleted) === null || _b === void 0 ? void 0 : _b.call(_a, settings.data.activeScreen.name, requestBody.user_credentail);
-                }
+                data = _e.sent();
+                thunkApi.dispatch(handleNextScreenStep());
+                (_d = (_c = settings.data.appConfig).onStepCompleted) === null || _d === void 0 ? void 0 : _d.call(_c, settings.data.activeScreen.name, requestBody);
                 return [2, { response: data, formData: params }];
         }
     });
@@ -841,6 +849,7 @@ export var businessSlice = createSlice({
                 state.error = description;
                 return;
             }
+            state.data.civilIdData = __assign(__assign({}, formData), { responseBody: response });
         })
             .addCase(createCivilIdAuth.rejected, function (state, action) {
             state.loading = false;

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

@@ -16,11 +16,12 @@ var FeatureStyled = styled(ScreenContainer)(function (_a) {
 });
 var BankStatement = function () {
     var _a, _b;
+    var _c = React.useState(0), progress = _c[0], setProgress = _c[1];
     var t = useTranslation().t;
-    var _c = useFormContext(), control = _c.control, setError = _c.setError, clearErrors = _c.clearErrors;
+    var _d = useFormContext(), control = _d.control, setError = _d.setError, clearErrors = _d.clearErrors;
     var bankStatementFileControl = useController({ name: 'bankStatementFile', control: control });
     var bankStatementIdControl = useController({ name: 'bankStatementId', control: control });
-    var _d = useAppSelector(bankSelector), loading = _d.loading, uploading = _d.uploading, sysError = _d.error;
+    var _e = useAppSelector(bankSelector), loading = _e.loading, uploading = _e.uploading, sysError = _e.error;
     var dispatch = useAppDispatch();
     var bankStatementValue = bankStatementFileControl.field.value;
     var error = ((_a = bankStatementFileControl.fieldState.error) === null || _a === void 0 ? void 0 : _a.message) || ((_b = bankStatementIdControl.fieldState.error) === null || _b === void 0 ? void 0 : _b.message);
@@ -33,23 +34,30 @@ var BankStatement = function () {
         }
         else {
             bankStatementFileControl.field.onChange(file);
-            dispatch(uploadBankStatement(file));
+            dispatch(uploadBankStatement({
+                file: file,
+                onProgress: function (value) {
+                    setProgress(value);
+                }
+            }));
         }
     };
     var handleReset = function () {
         bankStatementFileControl.field.onChange(null);
         bankStatementIdControl.field.onChange('');
+        setProgress(0);
     };
     React.useEffect(function () {
         if (sysError === 'file_upload_error') {
             setError('bankStatementId', { message: sysError });
             bankStatementFileControl.field.onChange(null);
+            setProgress(0);
         }
     }, [sysError]);
     React.useEffect(function () {
         if ((bankStatementFileControl.formState.isValid || !!bankStatementValue) && error != 'file_upload_error')
             clearErrors();
     }, [bankStatementFileControl.formState.isValid, bankStatementValue]);
-    return (_jsx(FeatureStyled, { children: _jsx(UploadFile, { label: t('title_bank_statement'), title: t('drag_and_drop'), subTitle: t('subtitle_drop'), dragDescription: t('desc_drag_and_drop'), uploadingTitle: t('file_uploading_title'), successTitle: t('success_upload_bank_statement'), onFileUploaded: handleBankStatementChange, isFileUploaded: !uploading && !!bankStatementValue, isSubmitting: loading, isUploading: uploading, onReset: handleReset, error: error && t(error) }) }));
+    return (_jsx(FeatureStyled, { children: _jsx(UploadFile, { label: t('title_bank_statement'), title: t('drag_and_drop'), subTitle: t('subtitle_drop'), dragDescription: t('desc_drag_and_drop'), uploadingTitle: t('file_uploading_title'), successTitle: t('success_upload_bank_statement'), onFileUploaded: handleBankStatementChange, isFileUploaded: !uploading && !!bankStatementValue, isSubmitting: loading, isUploading: uploading, progress: progress, onReset: handleReset, error: error && t(error) }) }));
 };
 export default BankStatement;

package/build/features/business/screens/CivilID/CivilID.js

@@ -63,7 +63,7 @@ var CivilID = function (_a) {
     var settingsStore = useAppSelector(settingsSelector);
     var methods = useForm({
         resolver: yupResolver(civilIDValidationSchema),
-        defaultValues: {},
+        defaultValues: data.civilIdData,
         mode: 'onChange'
     });
     React.useEffect(function () {

package/build/features/featuresScreens.js

@@ -1,7 +1,7 @@
 import MobileScreen from './connect/screens/Mobile';
 import NIDScreen from './connect/screens/NID';
-import CivilIDScreen from '../features/connect/screens/CivilID';
-import VerifyPACIScreen from './connect/screens/VerifyPACI';
+import ConnectCivilIDScreen from '../features/connect/screens/CivilID';
+import ConnectVerifyPACIScreen from './connect/screens/VerifyPACI';
 import IndividualScreen from './connect/screens/Individual';
 import MerchantInfoScreen from './connect/screens/Merchant';
 import ConnectOTPScreen from './connect/screens/OTP';
@@ -15,6 +15,8 @@ import ActivitiesPage from './business/screens/Activities';
 import SuccessPage from './business/screens/Success';
 import SuccessWithFlowButtonsPage from './business/screens/SuccessWithFlowButtons';
 import ResetPasswordSuccessPage from './business/screens/ResetPasswordSuccess';
+import BusCivilIDscreen from './business/screens/CivilID';
+import BusVerifyPACIScreen from './business/screens/VerifyPACI';
 import PasswordVerifyPage from './password/screens/Verify';
 import CreatePasswordPage from './password/screens/CreatePassword';
 import PasswordOTPPage from './password/screens/OTP';
@@ -54,7 +56,7 @@ export var connectFeatureScreens = [
     },
     {
         name: 'CONNECT_CIVIL_ID_STEP',
-        element: CivilIDScreen
+        element: ConnectCivilIDScreen
     },
     {
         name: 'CONNECT_MOBILE_STEP',
@@ -66,7 +68,7 @@ export var connectFeatureScreens = [
     },
     {
         name: 'CONNECT_VERIFY_PACI_STEP',
-        element: VerifyPACIScreen
+        element: ConnectVerifyPACIScreen
     },
     {
         name: 'CONNECT_INDIVIDUAL_STEP',
@@ -90,6 +92,14 @@ export var businessFeatureScreens = [
         name: 'BUSINESS_IDBOD_STEP',
         element: IDBODPage
     },
+    {
+        name: 'BUSINESS_CIVIL_ID_STEP',
+        element: BusCivilIDscreen
+    },
+    {
+        name: 'BUSINESS_VERIFY_PACI_STEP',
+        element: BusVerifyPACIScreen
+    },
     {
         name: 'BUSINESS_OTP_STEP',
         element: BusinessOTPPage

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

@@ -16,11 +16,12 @@ interface UploadFileProps {
     uploadingTitle: string;
     successTitle: string;
     error?: string;
+    progress?: number;
     isSubmitting?: boolean;
     isUploading?: boolean;
     isFileUploaded?: boolean;
     onFileUploaded: (file: File) => void;
     onReset: () => void;
 }
-declare const UploadFile: ({ label, required, title, subTitle, dragDescription, uploadingTitle, successTitle, isSubmitting, isUploading, isFileUploaded, error, onFileUploaded, onReset }: UploadFileProps) => JSX.Element;
+declare const UploadFile: ({ label, required, title, subTitle, dragDescription, uploadingTitle, successTitle, isSubmitting, isUploading, isFileUploaded, error, progress, onFileUploaded, onReset }: UploadFileProps) => JSX.Element;
 export default UploadFile;

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

@@ -64,7 +64,7 @@ export var InputContainerStyled = styled(Box)(function (_a) {
     });
 });
 var UploadFile = function (_a) {
-    var label = _a.label, required = _a.required, title = _a.title, subTitle = _a.subTitle, dragDescription = _a.dragDescription, uploadingTitle = _a.uploadingTitle, successTitle = _a.successTitle, isSubmitting = _a.isSubmitting, isUploading = _a.isUploading, isFileUploaded = _a.isFileUploaded, error = _a.error, onFileUploaded = _a.onFileUploaded, onReset = _a.onReset;
+    var label = _a.label, required = _a.required, title = _a.title, subTitle = _a.subTitle, dragDescription = _a.dragDescription, uploadingTitle = _a.uploadingTitle, successTitle = _a.successTitle, isSubmitting = _a.isSubmitting, isUploading = _a.isUploading, isFileUploaded = _a.isFileUploaded, error = _a.error, progress = _a.progress, onFileUploaded = _a.onFileUploaded, onReset = _a.onReset;
     var _b = React.useState(''), fileName = _b[0], setFileName = _b[1];
     var _c = React.useState(false), showFile = _c[0], setShowFile = _c[1];
     var handleFileChange = function (file) {
@@ -86,6 +86,6 @@ var UploadFile = function (_a) {
         else
             setShowFile(false);
     }, [isFileUploaded]);
-    return (_jsxs(FeatureStyled, { children: [_jsxs(LabelContainerStyled, { children: [_jsx(InputLabelStyled, { children: label }), required && _jsx(Mandatory, {})] }), _jsx(Collapse, __assign({ in: !showFile }, { children: _jsx(InputContainerStyled, { children: _jsx(DragAndDrop, { title: title, subTitle: subTitle, description: dragDescription, fileExists: !!fileName, uploadingTitle: uploadingTitle, successTitle: successTitle, uploading: isUploading, uploadSuccess: isFileUploaded, onSuccess: handleFileChange, error: error }) }) })), _jsx(Collapse, __assign({ in: showFile, timeout: 300 }, { children: _jsxs(InputContainerStyled, { children: [_jsxs(BoxStyled, { children: [_jsxs(Box, __assign({ sx: { display: 'flex' } }, { children: [_jsx(Icon, { src: ICONS_NAMES.DOC_ICON }), _jsx(Text, { children: fileName })] })), _jsx(Box, { children: _jsx(CheckIcon, {}) })] }), _jsx(UploadBoxStyled, __assign({ onClick: handleReset }, { children: _jsx(ClearIconStyled, {}) }))] }) }))] }));
+    return (_jsxs(FeatureStyled, { children: [_jsxs(LabelContainerStyled, { children: [_jsx(InputLabelStyled, { children: label }), required && _jsx(Mandatory, {})] }), _jsx(Collapse, __assign({ in: !showFile }, { children: _jsx(InputContainerStyled, { children: _jsx(DragAndDrop, { title: title, subTitle: subTitle, description: dragDescription, fileExists: !!fileName, uploadingTitle: uploadingTitle, successTitle: successTitle, progress: progress, uploading: isUploading, uploadSuccess: isFileUploaded, onSuccess: handleFileChange, error: error }) }) })), _jsx(Collapse, __assign({ in: showFile, timeout: 300 }, { children: _jsxs(InputContainerStyled, { children: [_jsxs(BoxStyled, { children: [_jsxs(Box, __assign({ sx: { display: 'flex' } }, { children: [_jsx(Icon, { src: ICONS_NAMES.DOC_ICON }), _jsx(Text, { children: fileName })] })), _jsx(Box, { children: _jsx(CheckIcon, {}) })] }), _jsx(UploadBoxStyled, __assign({ onClick: handleReset }, { children: _jsx(ClearIconStyled, {}) }))] }) }))] }));
 };
 export default UploadFile;

package/package.json

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