@tap-payments/auth-jsconnect 2.1.9-test → 2.1.10-test

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

@@ -28,7 +28,7 @@ export declare const verifyLeadOTP: import("@reduxjs/toolkit").AsyncThunk<{
     leadData: any;
 }, OTPFormValues, {}>;
 interface verifyPACIParams {
-    onSuccess?: () => void | Promise<void>;
+    onSuccess?: () => void;
 }
 export declare const verifyPACI: import("@reduxjs/toolkit").AsyncThunk<{
     response: any;
@@ -57,6 +57,7 @@ export declare const updateLeadBusinessType: import("@reduxjs/toolkit").AsyncThu
     formData: BusinessTypeFormValues;
     accountData: any;
     documentData: any;
+    entityData: any;
 }, BusinessTypeFormValues, {}>;
 interface UploadLicenseCertificateParams {
     file: File;
@@ -65,6 +66,11 @@ interface UploadLicenseCertificateParams {
 export declare const uploadLicenseCertificate: import("@reduxjs/toolkit").AsyncThunk<{
     data: any;
 }, UploadLicenseCertificateParams, {}>;
+interface UploadArticleParams extends UploadLicenseCertificateParams {
+}
+export declare const uploadArticle: import("@reduxjs/toolkit").AsyncThunk<{
+    data: any;
+}, UploadArticleParams, {}>;
 export declare const updateActivitiesInfo: import("@reduxjs/toolkit").AsyncThunk<{
     data: any;
     formData: {
@@ -109,6 +115,7 @@ export interface BusinessData {
 export interface BusinessState extends SharedState<BusinessData> {
     customLoading?: boolean;
     uploading?: boolean;
+    uploadingArticle?: boolean;
 }
 export declare const businessSlice: import("@reduxjs/toolkit").Slice<BusinessState, {
     clearError: (state: BusinessState) => void;

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

@@ -316,7 +316,8 @@ export var verifyPACI = createAsyncThunk('businessVerifyPACI', function (params,
                 isSuccess = ((_b = data.status) === null || _b === void 0 ? void 0 : _b.toLowerCase()) === 'success';
                 if (!isSuccess) return [3, 4];
                 (_d = (_c = settings.data.appConfig).onStepCompleted) === null || _d === void 0 ? void 0 : _d.call(_c, settings.data.activeScreen.name, {});
-                return [4, ((_e = params === null || params === void 0 ? void 0 : params.onSuccess) === null || _e === void 0 ? void 0 : _e.call(params))];
+                (_e = params === null || params === void 0 ? void 0 : params.onSuccess) === null || _e === void 0 ? void 0 : _e.call(params);
+                return [4, sleep(3000)];
             case 3:
                 _f.sent();
                 thunkApi.dispatch(handleNextScreenStep());
@@ -453,19 +454,21 @@ 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, payload, data, entity_activities, list, accountBody, accountData, documentData, documentBody;
+    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) {
             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;
                 payload = {
-                    id: ((_b = business.data.verify.responseBody) === null || _b === void 0 ? void 0 : _b.lead_id) || '',
-                    license_number: params.licenseNumber,
-                    license_type: ((_c = params.selectedLicense) === null || _c === void 0 ? void 0 : _c.type) === BusinessType.FL ? 'freelance' : 'commercial_registration',
+                    id: ((_c = business.data.verify.responseBody) === null || _c === void 0 ? void 0 : _c.lead_id) || '',
+                    license_number: isNonSA && isFL ? '' : params.licenseNumber,
+                    license_type: isFL ? 'freelance' : 'commercial_registration',
                     business_type: (_d = params.selectedLicense) === null || _d === void 0 ? void 0 : _d.type,
                     step_name: BUSINESS_STEP_NAMES.BUSINESS_CR_INFO,
-                    business: { ar: params.entityLegalName, en: params.entityLegalName },
+                    business: isNonSA && isFL ? undefined : { ar: params.entityLegalName, en: params.entityLegalName },
                     encryption_contract: ['license_number', 'business_type', 'license_type']
                 };
                 return [4, API.leadService.updateLead(payload)];
@@ -492,13 +495,15 @@ export var updateLeadBusinessType = createAsyncThunk('updateLeadBusinessType', f
                 return [4, API.accountService.createAccount(accountBody)];
             case 4:
                 accountData = _h.sent();
-                documentData = undefined;
-                if (!!!business.data.businessTypeData.certificateId) return [3, 6];
+                entityData = undefined;
+                entityId = accountData === null || accountData === void 0 ? void 0 : accountData.entity_id;
+                articleId = business.data.businessTypeData.articleId;
+                if (!((business.data.businessTypeData.certificateId || []).length > 0)) return [3, 6];
                 documentBody = {
-                    entity_id: (accountData === null || accountData === void 0 ? void 0 : accountData.entity_id) || '',
+                    entity_id: entityId || '',
                     documents: [
                         {
-                            images: [business.data.businessTypeData.certificateId]
+                            images: business.data.businessTypeData.certificateId
                         }
                     ]
                 };
@@ -507,9 +512,19 @@ export var updateLeadBusinessType = createAsyncThunk('updateLeadBusinessType', f
                 documentData = _h.sent();
                 _h.label = 6;
             case 6:
+                if (!(articleId && entityId)) return [3, 8];
+                payload_1 = {
+                    id: (accountData === null || accountData === void 0 ? void 0 : accountData.entity_id) || '',
+                    AOA_file_id: articleId
+                };
+                return [4, API.entityService.updateEntity(payload_1)];
+            case 7:
+                entityData = _h.sent();
+                _h.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);
-                return [2, { data: data, formData: params, accountData: accountData, documentData: documentData }];
+                return [2, { data: data, formData: params, accountData: accountData, documentData: documentData, entityData: entityData }];
         }
     });
 }); });
@@ -538,6 +553,35 @@ export var uploadLicenseCertificate = createAsyncThunk('uploadLicenseCertificate
         });
     });
 });
+export var uploadArticle = createAsyncThunk('entityUploadArticle', function (_a) {
+    var file = _a.file, onProgress = _a.onProgress;
+    return __awaiter(void 0, void 0, void 0, function () {
+        var typeArray, type, uploadPayload, onUploadProgress, data;
+        var _b;
+        return __generator(this, function (_c) {
+            switch (_c.label) {
+                case 0:
+                    typeArray = ((_b = file === null || file === void 0 ? void 0 : file.type) === null || _b === void 0 ? void 0 : _b.split('/')) || [];
+                    type = typeArray[1] || '';
+                    uploadPayload = {
+                        file_link_create: true,
+                        title: file === null || file === void 0 ? void 0 : file.name,
+                        purpose: 'identity_document',
+                        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.entityService.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;
@@ -700,6 +744,7 @@ var initialState = {
     loading: false,
     customLoading: false,
     uploading: false,
+    uploadingArticle: false,
     data: {
         flowName: FlowsTypes.BUSINESS,
         verify: {
@@ -719,8 +764,7 @@ var initialState = {
         },
         businessTypeData: {
             licenseNumber: '',
-            entityLegalName: '',
-            uploading: false
+            entityLegalName: ''
         },
         activitiesData: {
             activities: [],
@@ -870,7 +914,7 @@ export var businessSlice = createSlice({
             state.loading = false;
             state.error = action.error.message;
         })
-            .addCase(createCivilIdAuth.pending, function (state, action) {
+            .addCase(createCivilIdAuth.pending, function (state) {
             state.loading = true;
             state.error = null;
         })
@@ -1035,11 +1079,26 @@ export var businessSlice = createSlice({
             state.error = null;
             state.uploading = false;
             var data = action.payload.data;
-            state.data.businessTypeData.certificateId = data === null || data === void 0 ? void 0 : data.id;
+            var ids = state.data.businessTypeData.certificateId || [];
+            state.data.businessTypeData.certificateId = __spreadArray(__spreadArray([], ids, true), [data === null || data === void 0 ? void 0 : data.id], false);
         })
             .addCase(uploadLicenseCertificate.rejected, function (state) {
             state.uploading = false;
             state.error = 'file_upload_error';
+        })
+            .addCase(uploadArticle.pending, function (state) {
+            state.error = null;
+            state.uploadingArticle = true;
+        })
+            .addCase(uploadArticle.fulfilled, function (state, action) {
+            state.error = 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.error = 'file_upload_error';
         })
             .addCase(updateActivitiesInfo.pending, function (state) {
             state.loading = true;

package/build/features/app/connect/connectStore.d.ts

@@ -27,7 +27,7 @@ export declare const verifyAuth: import("@reduxjs/toolkit").AsyncThunk<{
     userInfoMissed: boolean;
 }, OTPFormValues, {}>;
 interface verifyPACIParams {
-    onSuccess?: () => void | Promise<void>;
+    onSuccess?: () => void;
 }
 export declare const verifyPACI: import("@reduxjs/toolkit").AsyncThunk<{
     authResponse: any;

package/build/features/app/connect/connectStore.js

@@ -307,9 +307,9 @@ export var verifyAuth = createAsyncThunk('connect/verifyAuth', function (params,
 }); });
 export var verifyPACI = createAsyncThunk('connect/verifyPACI', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
     var _a, settings, connect, responseBody, expiry, interval, maxCalls, count, authResponse, isSuccess, lead_id, individual_id, leadBody, leadResponse, _b, isNewUser, countryCode, contact, name_1, _c, phone, email, userInfoMissed, channels, brands, err_2;
-    var _d, _e, _f, _g, _h;
-    return __generator(this, function (_j) {
-        switch (_j.label) {
+    var _d, _e, _f, _g, _h, _j;
+    return __generator(this, function (_k) {
+        switch (_k.label) {
             case 0:
                 _a = thunkApi.getState(), settings = _a.settings, connect = _a.connect;
                 responseBody = connect.data.civilIdData.responseBody;
@@ -317,77 +317,86 @@ export var verifyPACI = createAsyncThunk('connect/verifyPACI', function (params,
                 interval = 3;
                 maxCalls = Math.floor(expiry / interval);
                 count = 1;
-                _j.label = 1;
+                _k.label = 1;
             case 1:
-                if (!(count <= maxCalls)) return [3, 16];
+                if (!(count <= maxCalls)) return [3, 19];
                 if (thunkApi.signal.aborted) {
-                    return [3, 16];
+                    return [3, 19];
                 }
                 return [4, API.authService.getVerifyAuth(responseBody === null || responseBody === void 0 ? void 0 : responseBody.auth_token)];
             case 2:
-                authResponse = _j.sent();
+                authResponse = _k.sent();
                 isSuccess = ((_d = authResponse.status) === null || _d === void 0 ? void 0 : _d.toLowerCase()) === 'success';
-                if (!isSuccess) return [3, 13];
-                return [4, ((_e = params === null || params === void 0 ? void 0 : params.onSuccess) === null || _e === void 0 ? void 0 : _e.call(params))];
-            case 3:
-                _j.sent();
+                if (!isSuccess) return [3, 16];
                 lead_id = authResponse.lead_id, individual_id = authResponse.individual_id;
                 leadBody = {
                     country_code: settings.data.businessCountry.iso2,
                     individual_id: individual_id
                 };
-                if (!lead_id) return [3, 5];
+                if (!lead_id) return [3, 4];
                 return [4, API.leadService.retrieveLead(lead_id)];
-            case 4:
-                _b = _j.sent();
-                return [3, 7];
-            case 5: return [4, API.leadService.createLead(leadBody)];
+            case 3:
+                _b = _k.sent();
+                return [3, 6];
+            case 4: return [4, API.leadService.createLead(leadBody)];
+            case 5:
+                _b = _k.sent();
+                _k.label = 6;
             case 6:
-                _b = _j.sent();
-                _j.label = 7;
-            case 7:
                 leadResponse = (_b).data;
-                if ((_f = leadResponse.errors) === null || _f === void 0 ? void 0 : _f.length)
+                if ((_e = leadResponse.errors) === null || _e === void 0 ? void 0 : _e.length)
                     throw new Error(leadResponse.errors[0].description);
                 isNewUser = leadResponse.is_new_individual;
                 countryCode = settings.data.businessCountry;
                 contact = leadResponse.contact, name_1 = leadResponse.name;
                 _c = contact || {}, phone = _c.phone, email = _c.email;
                 userInfoMissed = (!phone || !email || !name_1) && !isNewUser;
-                if (!!isNewUser) return [3, 12];
+                if (!!isNewUser) return [3, 13];
                 return [4, API.dataService.getChannelsOfServices({ page: 0 })];
-            case 8:
-                channels = (_j.sent()).list;
+            case 7:
+                channels = (_k.sent()).list;
                 leadResponse.channel_list = channels;
-                _j.label = 9;
-            case 9:
-                _j.trys.push([9, 11, , 12]);
+                _k.label = 8;
+            case 8:
+                _k.trys.push([8, 10, , 11]);
                 return [4, API.brandService.getBrandList({ individual_id: leadResponse.individual_id })];
-            case 10:
-                brands = (_j.sent()).brands;
+            case 9:
+                brands = (_k.sent()).brands;
                 leadResponse.brand_list = fixBrandList(brands, channels);
-                return [3, 12];
+                return [3, 11];
+            case 10:
+                err_2 = _k.sent();
+                return [3, 11];
             case 11:
-                err_2 = _j.sent();
-                return [3, 12];
+                (_f = params.onSuccess) === null || _f === void 0 ? void 0 : _f.call(params);
+                return [4, sleep(3000)];
             case 12:
+                _k.sent();
+                return [3, 15];
+            case 13:
+                (_g = params.onSuccess) === null || _g === void 0 ? void 0 : _g.call(params);
+                return [4, sleep(3000)];
+            case 14:
+                _k.sent();
+                _k.label = 15;
+            case 15:
                 if (phone === null || phone === void 0 ? void 0 : phone.country_code)
                     countryCode = findCountryByIddPrefix(settings.data.countries, phone.country_code);
-                (_h = (_g = settings.data.appConfig).onStepCompleted) === null || _h === void 0 ? void 0 : _h.call(_g, settings.data.activeScreen.name, {});
+                (_j = (_h = settings.data.appConfig).onStepCompleted) === null || _j === void 0 ? void 0 : _j.call(_h, settings.data.activeScreen.name, {});
                 if (isNewUser || userInfoMissed) {
                     thunkApi.dispatch(handleNextScreenStep('CONNECT_INDIVIDUAL_STEP'));
                     return [2, { authResponse: authResponse, leadResponse: leadResponse, isNewUser: isNewUser, countryCode: countryCode, userInfoMissed: userInfoMissed }];
                 }
                 thunkApi.dispatch(handleNextScreenStep('CONNECT_MERCHANT_INFO_STEP'));
                 return [2, { authResponse: authResponse, leadResponse: leadResponse, isNewUser: isNewUser, countryCode: countryCode, userInfoMissed: userInfoMissed }];
-            case 13: return [4, sleep(interval * 1000)];
-            case 14:
-                _j.sent();
-                _j.label = 15;
-            case 15:
+            case 16: return [4, sleep(interval * 1000)];
+            case 17:
+                _k.sent();
+                _k.label = 18;
+            case 18:
                 count++;
                 return [3, 1];
-            case 16: throw new Error('paci_verification_failed');
+            case 19: throw new Error('paci_verification_failed');
         }
     });
 }); });

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

@@ -25,22 +25,25 @@ var BankStatement = function () {
     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);
-    var handleBankStatementChange = function (file) {
+    var handleBankStatementChange = function (files) {
+        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('bankStatementFile', { message: 'file_not_supported_alert' });
+            return;
         }
-        else if ((file === null || file === void 0 ? void 0 : file.size) > MAX_FILE_SIZE) {
+        if ((file === null || file === void 0 ? void 0 : file.size) > MAX_FILE_SIZE) {
             setError('bankStatementFile', { message: 'file_size_alert' });
+            return;
         }
-        else {
-            bankStatementFileControl.field.onChange(file);
-            dispatch(uploadBankStatement({
-                file: file,
-                onProgress: function (value) {
-                    setProgress(value);
-                }
-            }));
-        }
+        bankStatementFileControl.field.onChange(file);
+        dispatch(uploadBankStatement({
+            file: file,
+            onProgress: function (value) {
+                setProgress(value);
+            }
+        }));
     };
     var handleReset = function () {
         bankStatementFileControl.field.onChange(null);

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

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

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

@@ -0,0 +1,89 @@
+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);
+};
+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, uploadArticle } from '../../../app/business/businessStore';
+import UploadFile from '../../../shared/UploadFile';
+import { MAX_FILE_SIZE, VALID_FILE_FORMATS } from '../../../../constants';
+import { maskFileName } from '../../../../utils';
+import Collapse from '../../../../components/Collapse';
+var FeatureStyled = styled(ScreenContainer)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        marginBlockStart: theme.spacing(3)
+    });
+});
+var Article = function (_a) {
+    var _b, _c;
+    var show = _a.show;
+    var _d = React.useState(0), progress = _d[0], setProgress = _d[1];
+    var t = useTranslation().t;
+    var _e = useFormContext(), control = _e.control, setError = _e.setError, clearErrors = _e.clearErrors, setValue = _e.setValue;
+    var articleFileControl = useController({ name: 'articleFile', control: control });
+    var articleIdControl = useController({ name: 'articleId', control: control });
+    var _f = useAppSelector(businessSelector), loading = _f.loading, uploadingArticle = _f.uploadingArticle, sysError = _f.error, data = _f.data;
+    var dispatch = useAppDispatch();
+    var articleValue = articleFileControl.field.value;
+    var error = ((_b = articleFileControl.fieldState.error) === null || _b === void 0 ? void 0 : _b.message) || ((_c = articleIdControl.fieldState.error) === null || _c === void 0 ? void 0 : _c.message);
+    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) {
+        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('articleFile', { message: 'file_not_supported_alert' });
+            return;
+        }
+        if ((file === null || file === void 0 ? void 0 : file.size) > MAX_FILE_SIZE) {
+            setError('articleFile', { message: 'file_size_alert' });
+            return;
+        }
+        articleFileControl.field.onChange(file);
+        dispatch(uploadArticle({
+            file: file,
+            onProgress: function (value) {
+                setProgress(value);
+            }
+        }));
+    };
+    var handleReset = function () {
+        articleFileControl.field.onChange(null);
+        articleIdControl.field.onChange('');
+        setProgress(0);
+    };
+    React.useEffect(function () {
+        if (sysError === 'file_upload_error') {
+            setError('articleId', { message: sysError });
+            articleFileControl.field.onChange(null);
+            setProgress(0);
+        }
+    }, [sysError]);
+    React.useEffect(function () {
+        if ((articleFileControl.formState.isValid || !!articleValue) && error != 'file_upload_error')
+            clearErrors();
+    }, [articleFileControl.formState.isValid, articleValue]);
+    var fileName = articleValue ? maskFileName(articleValue === null || articleValue === void 0 ? void 0 : articleValue.name) : '';
+    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: error && t(error), initialFileName: fileName }) }) })));
+};
+export default Article;

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

@@ -9,12 +9,23 @@ var __assign = (this && this.__assign) || function () {
     };
     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)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import { useForm, FormProvider } from 'react-hook-form';
 import { useTranslation } from 'react-i18next';
 import { yupResolver } from '@hookform/resolvers/yup';
-import { useAppDispatch, useAppSelector } from '../../../../hooks';
+import { useAppDispatch, useAppSelector, useSetFromDefaultValues } from '../../../../hooks';
 import { handlePrevScreenStep, settingsSelector } from '../../../../app/settings';
 import Form from '../../../../components/Form';
 import Collapse from '../../../../components/Collapse';
@@ -28,23 +39,18 @@ import LicenseList from './LicenseList';
 var BusinessType = function (_a) {
     var _b = useAppSelector(businessSelector), data = _b.data, loading = _b.loading, error = _b.error, uploading = _b.uploading;
     var settingsData = useAppSelector(settingsSelector).data;
-    var businessTypeData = data.businessTypeData;
+    var _c = data.businessTypeData, responseBody = _c.responseBody, defaultValues = __rest(_c, ["responseBody"]);
     var t = useTranslation().t;
     var isAr = useLanguage().isAr;
     var dispatch = useAppDispatch();
-    var _c = React.useState(false), listActive = _c[0], setListActive = _c[1];
+    var _d = React.useState(false), listActive = _d[0], setListActive = _d[1];
     var isSACountry = React.useMemo(function () { return isSA(settingsData.businessCountry.iso2); }, [settingsData.businessCountry.iso2]);
     var methods = useForm({
         resolver: yupResolver(!isSACountry ? KWLicenseValidationSchema : LicenseValidationSchema),
-        defaultValues: {
-            selectedLicense: businessTypeData.selectedLicense,
-            licenseNumber: businessTypeData.licenseNumber,
-            entityLegalName: businessTypeData.entityLegalName,
-            certificateId: businessTypeData.certificateId,
-            certificateFile: businessTypeData.certificateFile
-        },
+        defaultValues: defaultValues,
         mode: 'onChange'
     });
+    useSetFromDefaultValues(methods, defaultValues);
     React.useEffect(function () {
         if (error)
             dispatch(clearError());

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

@@ -51,6 +51,6 @@ var EntityName = function (_a) {
     var clearEntityName = function () {
         entityNameControl.field.onChange('');
     };
-    return (_jsx(Collapse, __assign({ in: show }, { children: _jsx(BoxStyled, { children: _jsx(Input, { label: t('entity_legal_name_title'), onChange: handleChange, value: entityNameValue, required: !isSACountry, endAdornment: (entityNameValue === null || entityNameValue === void 0 ? void 0 : entityNameValue.length) >= 3 ? _jsx(CheckIcon, {}) : entityNameValue && _jsx(ClearIcon, { onClick: clearEntityName }), placeholder: t('entity_legal_name_placeholder'), warningType: 'alert', warningMessage: error && t(error) }) }) })));
+    return (_jsx(Collapse, __assign({ in: show }, { children: _jsx(BoxStyled, { children: _jsx(Input, { label: t('entity_legal_name_title'), onChange: handleChange, value: entityNameValue, required: !isSACountry, endAdornment: !error && entityNameValue ? _jsx(CheckIcon, {}) : entityNameValue && _jsx(ClearIcon, { onClick: clearEntityName }), placeholder: t('entity_legal_name_placeholder'), warningType: 'alert', warningMessage: error && t(error) }) }) })));
 };
 export default EntityName;

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

@@ -38,14 +38,19 @@ var LicenseCertificate = function (_a) {
     var dispatch = useAppDispatch();
     var certificateValue = certificateFileControl.field.value;
     var error = ((_b = certificateFileControl.fieldState.error) === null || _b === void 0 ? void 0 : _b.message) || ((_c = certificateIdControl.fieldState.error) === null || _c === void 0 ? void 0 : _c.message);
-    var handleLicenseCertificateChange = function (file) {
-        if (!VALID_FILE_FORMATS.includes(file === null || file === void 0 ? void 0 : file.type)) {
-            setError('certificateFile', { message: 'file_not_supported_alert' });
-        }
-        else if ((file === null || file === void 0 ? void 0 : file.size) > MAX_FILE_SIZE) {
-            setError('certificateFile', { message: 'file_size_alert' });
-        }
-        else {
+    var handleLicenseCertificateChange = function (files) {
+        for (var index = 0; index < files.length; index++) {
+            var file = files === null || files === void 0 ? void 0 : files[index];
+            if (!file)
+                continue;
+            if (!VALID_FILE_FORMATS.includes(file === null || file === void 0 ? void 0 : file.type)) {
+                setError('certificateFile', { message: 'file_not_supported_alert' });
+                continue;
+            }
+            if ((file === null || file === void 0 ? void 0 : file.size) > MAX_FILE_SIZE) {
+                setError('certificateFile', { message: 'file_size_alert' });
+                continue;
+            }
             certificateFileControl.field.onChange(file);
             dispatch(uploadLicenseCertificate({
                 file: file,
@@ -71,6 +76,6 @@ var LicenseCertificate = function (_a) {
         if ((certificateFileControl.formState.isValid || !!certificateValue) && error != 'file_upload_error')
             clearErrors();
     }, [certificateFileControl.formState.isValid, certificateValue]);
-    return (_jsx(Collapse, __assign({ in: show }, { children: _jsx(FeatureStyled, { children: _jsx(UploadFile, { label: t('title_license_certificate'), title: t('drag_and_drop'), subTitle: t('subtitle_drop'), dragDescription: t('desc_drag_and_drop_certificate'), uploadingTitle: t('file_uploading_title'), successTitle: t('success_upload_bank_statement'), onFileUploaded: handleLicenseCertificateChange, isFileUploaded: !uploading && !!certificateValue, isSubmitting: loading, isUploading: uploading, progress: progress, onReset: handleReset, error: error && t(error) }) }) })));
+    return (_jsx(Collapse, __assign({ in: show }, { children: _jsx(FeatureStyled, { children: _jsx(UploadFile, { label: t('title_license_certificate'), title: t('drag_and_drop'), subTitle: t('subtitle_drop'), dragDescription: t('desc_drag_and_drop_certificate'), uploadingTitle: t('file_uploading_title'), successTitle: t('success_upload_bank_statement'), onFileUploaded: handleLicenseCertificateChange, isFileUploaded: !uploading && !!certificateValue, isSubmitting: loading, isUploading: uploading, progress: progress, onReset: handleReset, error: error && t(error), multiple: true }) }) })));
 };
 export default LicenseCertificate;

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

@@ -43,6 +43,7 @@ import LicenseType from './LicenseType';
 import { OTHER_CR_LICENSE, OTHER_FL_LICENSE } from '../../../../constants';
 import LicenseCertificate from './LicenseCertificate';
 import { settingsSelector } from '../../../../app/settings';
+import Article from './Article';
 var InputStyled = styled(Input)(function (_a) {
     var theme = _a.theme;
     return ({
@@ -100,7 +101,7 @@ var LicenseList = function (_a) {
         if (!!country_code) {
             var isNonSA = !isSA(country_code);
             if (isNonSA) {
-                var license = (selectedLicense === null || selectedLicense === void 0 ? void 0 : selectedLicense.type) === BusinessType.FL ? OTHER_FL_LICENSE : OTHER_CR_LICENSE;
+                var license = (selectedLicense === null || selectedLicense === void 0 ? void 0 : selectedLicense.type) === BusinessType.CR ? OTHER_CR_LICENSE : OTHER_FL_LICENSE;
                 setValue('selectedLicense', license, { shouldValidate: true });
                 setValue('entityLegalName', entityLegalName, { shouldValidate: true });
             }
@@ -142,6 +143,6 @@ var LicenseList = function (_a) {
     var flValue = isOtherLicense(selected) ? t(getLicenseName(selected)) : getLicenseNumber(selected);
     return (_jsxs(ScreenContainer, { children: [_jsxs(Collapse, __assign({ in: isSACountry }, { children: [_jsx(InputStyled, { label: t('choose_any_license'), readOnly: true, onClick: !!anchorEl ? function () { return onCloseLicenseList(); } : onOpenLicenseList, endAdornment: _jsx(ExpandIcon, { anchorEl: !!anchorEl }), placeholder: t('choose_license_cr'), value: isCR ? t(getLicenseName(selected)) : flValue }), _jsx(Collapse, __assign({ in: !!anchorEl }, { children: _jsx(SimpleList, { searchKeyPath: 'legal_name?.en', list: licenseList || [], onSelectItem: onSelectItem, renderItem: function (item) {
                                 return (_jsxs(_Fragment, { children: [_jsx(LicenseContainer, { children: _jsx(LicenseNameText, __assign({ isSelected: getLicenseNumber(item) === getLicenseNumber(selected) }, { children: isOtherLicense(item) ? t(getLicenseName(item)) : getLicenseFullName(item) })) }), getLicenseNumber(item) === getLicenseNumber(selected) && _jsx(CheckIcon, {})] }));
-                            } }) }))] })), _jsx(EntityName, { show: show && !isSACountry }), _jsx(LicenseType, { show: show && !isSACountry }), _jsx(LicenseNumber, { show: !isSACountry ? isCR : show, readOnly: licenseReadonly }), _jsx(LicenseCertificate, { show: show && !isSACountry && isCR })] }));
+                            } }) }))] })), _jsx(LicenseType, { show: show && !isSACountry }), _jsx(EntityName, { show: show && !isSACountry && isCR }), _jsx(LicenseNumber, { show: !isSACountry ? isCR : show, readOnly: licenseReadonly }), _jsx(LicenseCertificate, { show: show && !isSACountry && isCR }), _jsx(Article, { show: show && !isSACountry && isCR })] }));
 };
 export default React.memo(LicenseList);

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

@@ -92,16 +92,16 @@ var LicenseType = function (_a) {
             dispatch(clearError());
         selectedLicenseControl.field.onChange(target.value === BusinessType.FL ? OTHER_FL_LICENSE : OTHER_CR_LICENSE);
         if (isKWCountry && target.value === BusinessType.FL) {
-            setValue('licenseNumber', '', { shouldValidate: true });
             setValue('certificateFile', undefined, { shouldValidate: true });
             setValue('certificateId', undefined, { shouldValidate: true });
         }
     };
     var selectedLicenseValue = selectedLicenseControl.field.value;
-    return (_jsx(Collapse, __assign({ in: show }, { children: _jsxs(ScreenContainer, __assign({ sx: { pb: 1.5, pl: 2.5, pr: 2.5 } }, { children: [_jsxs(LabelTextStyled, { children: [t('signup_business_type_label'), _jsx(Mandatory, {})] }), _jsxs(RadioGroupStyled, __assign({ value: selectedLicenseValue != null
+    var isFL = (selectedLicenseValue === null || selectedLicenseValue === void 0 ? void 0 : selectedLicenseValue.type) === BusinessType.FL;
+    return (_jsx(Collapse, __assign({ in: show }, { children: _jsxs(ScreenContainer, __assign({ sx: { pb: isFL ? 9.5 : 1.5, pl: 2.5, pr: 2.5 } }, { children: [_jsxs(LabelTextStyled, { children: [t('signup_business_type_label'), _jsx(Mandatory, {})] }), _jsxs(RadioGroupStyled, __assign({ value: selectedLicenseValue != null
                         ? (selectedLicenseValue === null || selectedLicenseValue === void 0 ? void 0 : selectedLicenseValue.type) === BusinessType.FL
                             ? BusinessType.FL
                             : BusinessType.CR
-                        : false, onChange: handleOnChange }, { children: [_jsx(RadioLabel, { value: BusinessType.CR, label: _jsxs(LabelStyled, { children: [t('commercial_reg'), _jsx(Tooltip, __assign({ title: t('commercial_reg_hint'), onMouseOver: function () { return setIsCRHovered(true); }, onMouseLeave: function () { return setIsCRHovered(false); }, onTouchStartCapture: function () { return setIsCRHovered(true); } }, { children: isCRHovered ? _jsx(InfoIconStyled, {}) : _jsx(InfoOutlinedIconStyled, {}) }))] }), control: _jsx(RadioStyled, { color: 'primary', disableFocusRipple: true, disableRipple: true, disableTouchRipple: true, focusRipple: false }) }), _jsx(RadioLabel, { sx: { marginInlineEnd: '0px' }, value: BusinessType.FL, label: _jsxs(LabelStyled, { children: [t('homemaker_reg'), _jsx(Tooltip, __assign({ title: t('homemaker_reg_hint'), onMouseOver: function () { return setIsFLHovered(true); }, onMouseLeave: function () { return setIsFLHovered(false); }, onTouchStartCapture: function () { return setIsFLHovered(true); } }, { children: isFLHovered ? _jsx(InfoIconStyled, {}) : _jsx(InfoOutlinedIconStyled, {}) }))] }), control: _jsx(RadioStyled, { color: 'primary', disableFocusRipple: true, disableRipple: true, disableTouchRipple: true, focusRipple: false }) })] }))] })) })));
+                        : false, onChange: handleOnChange }, { children: [_jsx(RadioLabel, { value: BusinessType.FL, label: _jsxs(LabelStyled, { children: [t('homemaker_reg'), _jsx(Tooltip, __assign({ title: t('homemaker_reg_hint'), onMouseOver: function () { return setIsFLHovered(true); }, onMouseLeave: function () { return setIsFLHovered(false); }, onTouchStartCapture: function () { return setIsFLHovered(true); } }, { children: isFLHovered ? _jsx(InfoIconStyled, {}) : _jsx(InfoOutlinedIconStyled, {}) }))] }), control: _jsx(RadioStyled, { color: 'primary', disableFocusRipple: true, disableRipple: true, disableTouchRipple: true, focusRipple: false }) }), _jsx(RadioLabel, { value: BusinessType.CR, sx: { marginInlineEnd: '0px' }, label: _jsxs(LabelStyled, { children: [t('commercial_reg'), _jsx(Tooltip, __assign({ title: t('commercial_reg_hint'), onMouseOver: function () { return setIsCRHovered(true); }, onMouseLeave: function () { return setIsCRHovered(false); }, onTouchStartCapture: function () { return setIsCRHovered(true); } }, { children: isCRHovered ? _jsx(InfoIconStyled, {}) : _jsx(InfoOutlinedIconStyled, {}) }))] }), control: _jsx(RadioStyled, { color: 'primary', disableFocusRipple: true, disableRipple: true, disableTouchRipple: true, focusRipple: false }) })] }))] })) })));
 };
 export default LicenseType;