@tap-payments/auth-jsconnect 2.0.49-test → 2.0.50-test

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

@@ -302,12 +302,16 @@ export var resendOTPLeadIdentity = createAsyncThunk('resendOTPLeadIdentity', fun
     });
 }); });
 export var retrieveChannels = createAsyncThunk('retrieveChannels', function () { return __awaiter(void 0, void 0, void 0, function () {
-    var data;
+    var body, data;
     return __generator(this, function (_a) {
         switch (_a.label) {
-            case 0: return [4, API.dataService.getChannelsOfServices()];
+            case 0:
+                body = {
+                    page: 0
+                };
+                return [4, API.dataService.getChannelsOfServices(body)];
             case 1:
-                data = (_a.sent()).data;
+                data = _a.sent();
                 return [2, data];
         }
     });
@@ -609,8 +613,8 @@ export var businessSlice = createSlice({
             var isHasWebsite = (website === null || website === void 0 ? void 0 : website.length) > 0;
             var isHasTwitter = social === null || social === void 0 ? void 0 : social.find(function (s) { return s.includes('twitter.com'); });
             var isHasInstagram = social === null || social === void 0 ? void 0 : social.find(function (s) { return s.includes('instagram.com'); });
-            var websiteData = channels === null || channels === void 0 ? void 0 : channels.find(function (c) { return c.name_en.toLocaleLowerCase() === 'website'; });
-            var socialData = channels === null || channels === void 0 ? void 0 : channels.find(function (c) { return c.name_en.toLocaleLowerCase() === 'social'; });
+            var websiteData = channels === null || channels === void 0 ? void 0 : channels.find(function (c) { return c.name.en.toLocaleLowerCase() === 'website'; });
+            var socialData = channels === null || channels === void 0 ? void 0 : channels.find(function (c) { return c.name.en.toLocaleLowerCase() === 'social media'; });
             if (isHasWebsite && (isHasTwitter || isHasInstagram))
                 selectedChannels = [websiteData, socialData];
             else if (isHasTwitter || isHasInstagram)
@@ -620,7 +624,7 @@ export var businessSlice = createSlice({
             if (((_d = brandInfo === null || brandInfo === void 0 ? void 0 : brandInfo.channel_services) === null || _d === void 0 ? void 0 : _d.length) > 0) {
                 selectedChannels = channels === null || channels === void 0 ? void 0 : channels.filter(function (channel) {
                     var _a;
-                    return (_a = brandInfo === null || brandInfo === void 0 ? void 0 : brandInfo.channel_services) === null || _a === void 0 ? void 0 : _a.find(function (storedChannel) { return channel.name_en.toLowerCase() === storedChannel.toLowerCase(); });
+                    return (_a = brandInfo === null || brandInfo === void 0 ? void 0 : brandInfo.channel_services) === null || _a === void 0 ? void 0 : _a.find(function (storedChannel) { return channel.id === storedChannel; });
                 });
             }
             state.data.activitiesData.salesChannels = selectedChannels;
@@ -700,8 +704,8 @@ export var businessSlice = createSlice({
             var isHasWebsite = (website === null || website === void 0 ? void 0 : website.length) > 0;
             var isHasTwitter = social === null || social === void 0 ? void 0 : social.find(function (s) { return s.includes('twitter.com'); });
             var isHasInstagram = social === null || social === void 0 ? void 0 : social.find(function (s) { return s.includes('instagram.com'); });
-            var websiteData = channels === null || channels === void 0 ? void 0 : channels.find(function (c) { return c.name_en.toLocaleLowerCase() === 'website'; });
-            var socialData = channels === null || channels === void 0 ? void 0 : channels.find(function (c) { return c.name_en.toLocaleLowerCase() === 'social'; });
+            var websiteData = channels === null || channels === void 0 ? void 0 : channels.find(function (c) { return c.name.en.toLocaleLowerCase() === 'website'; });
+            var socialData = channels === null || channels === void 0 ? void 0 : channels.find(function (c) { return c.name.en.toLocaleLowerCase() === 'social media'; });
             if (isHasWebsite && (isHasTwitter || isHasInstagram))
                 selectedChannels = [websiteData, socialData];
             else if (isHasTwitter || isHasInstagram)
@@ -711,7 +715,7 @@ export var businessSlice = createSlice({
             if (((_d = brandInfo === null || brandInfo === void 0 ? void 0 : brandInfo.channel_services) === null || _d === void 0 ? void 0 : _d.length) > 0) {
                 selectedChannels = channels === null || channels === void 0 ? void 0 : channels.filter(function (channel) {
                     var _a;
-                    return (_a = brandInfo === null || brandInfo === void 0 ? void 0 : brandInfo.channel_services) === null || _a === void 0 ? void 0 : _a.find(function (storedChannel) { return channel.name_en.toLowerCase() === storedChannel.toLowerCase(); });
+                    return (_a = brandInfo === null || brandInfo === void 0 ? void 0 : brandInfo.channel_services) === null || _a === void 0 ? void 0 : _a.find(function (storedChannel) { return channel.name.en.toLowerCase() === storedChannel.toLowerCase(); });
                 });
             }
             state.data.activitiesData.salesChannels = selectedChannels;
@@ -851,7 +855,7 @@ export var businessSlice = createSlice({
                 state.error = description;
                 return;
             }
-            var channels = data || [];
+            var channels = data.list || [];
             state.data.businessTypeData.responseBody = __assign(__assign({}, state.data.businessTypeData.responseBody), { channelList: channels });
             var brand = (state.data.verify.responseBody || {}).brand;
             var selectedChannels = (!!(channels === null || channels === void 0 ? void 0 : channels[0]) && [channels === null || channels === void 0 ? void 0 : channels[0]]) || [];
@@ -859,8 +863,8 @@ export var businessSlice = createSlice({
             var isHasWebsite = (website === null || website === void 0 ? void 0 : website.length) > 0;
             var isHasTwitter = social === null || social === void 0 ? void 0 : social.find(function (s) { return s.includes('twitter.com'); });
             var isHasInstagram = social === null || social === void 0 ? void 0 : social.find(function (s) { return s.includes('instagram.com'); });
-            var websiteData = channels === null || channels === void 0 ? void 0 : channels.find(function (c) { return c.name_en.toLocaleLowerCase() === 'website'; });
-            var socialData = channels === null || channels === void 0 ? void 0 : channels.find(function (c) { return c.name_en.toLocaleLowerCase() === 'social'; });
+            var websiteData = channels === null || channels === void 0 ? void 0 : channels.find(function (c) { return c.name.en.toLocaleLowerCase() === 'website'; });
+            var socialData = channels === null || channels === void 0 ? void 0 : channels.find(function (c) { return c.name.en.toLocaleLowerCase() === 'social media'; });
             if (isHasWebsite && (isHasTwitter || isHasInstagram))
                 selectedChannels = [websiteData, socialData];
             else if (isHasTwitter || isHasInstagram)

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

@@ -1,10 +1,14 @@
 import { RootState } from '../../../app/store';
-import { ResponseData, MobileFormValues, NIDFormValues, OTPFormValues, IndividualFormValues, SharedState, BrandFormValues, FlowsTypes } from '../../../@types';
+import { ResponseData, MobileFormValues, NIDFormValues, CivilFormValues, OTPFormValues, IndividualFormValues, SharedState, BrandFormValues, FlowsTypes } from '../../../@types';
 import { CancelToken } from 'axios';
 export declare const createMobileAuth: import("@reduxjs/toolkit").AsyncThunk<{
     response: any;
     formData: MobileFormValues;
 }, MobileFormValues, {}>;
+export declare const createCivilIdAuth: import("@reduxjs/toolkit").AsyncThunk<{
+    response: any;
+    formData: CivilFormValues;
+}, CivilFormValues, {}>;
 export declare const resendOTPMobile: import("@reduxjs/toolkit").AsyncThunk<any, void, {}>;
 export declare const createNIDAuth: import("@reduxjs/toolkit").AsyncThunk<{
     response: any;
@@ -19,6 +23,9 @@ export declare const verifyAuth: import("@reduxjs/toolkit").AsyncThunk<{
     response: any;
     formData: OTPFormValues;
 }, OTPFormValues, {}>;
+export declare const verifyPACI: import("@reduxjs/toolkit").AsyncThunk<{
+    response: any;
+}, void, {}>;
 export declare const retrieveLead: import("@reduxjs/toolkit").AsyncThunk<{
     response: any;
     formData: {
@@ -76,6 +83,7 @@ export interface ConnectData {
     nidData: NIDFormValues & ResponseData & {
         type: string;
     };
+    civilIdData: CivilFormValues & ResponseData;
     otpData: OTPFormValues & ResponseData & {
         isAbsher: boolean;
     };

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

@@ -90,6 +90,34 @@ export var createMobileAuth = createAsyncThunk('createMobileAuth', function (par
         }
     });
 }); });
+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) {
+            case 0:
+                settings = thunkApi.getState().settings;
+                requestBody = {
+                    lang: settings.data.language,
+                    user_credentail: {
+                        identification_id: params.civilId,
+                        country_code: 'KW'
+                    },
+                    sign_in: false,
+                    step_name: CONNECT_STEP_NAMES.CREATE_AUTH_CIVIL_ID,
+                    encryption_contract: ['user_credentail.civil_id']
+                };
+                return [4, API.authService.createAuth(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);
+                }
+                return [2, { response: data, formData: params }];
+        }
+    });
+}); });
 export var resendOTPMobile = createAsyncThunk('resendOTPMobile', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
     var _a, settings, connect, _b, mobile, countryCode, requestBody, data;
     return __generator(this, function (_c) {
@@ -237,6 +265,47 @@ export var verifyAuth = createAsyncThunk('verifyAuth', function (params, thunkAp
         }
     });
 }); });
+export var verifyPACI = createAsyncThunk('verifyPACI', function (_, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
+    var _a, settings, connect, responseBody, data, params, params;
+    var _b, _c, _d;
+    return __generator(this, function (_e) {
+        switch (_e.label) {
+            case 0:
+                _a = thunkApi.getState(), settings = _a.settings, connect = _a.connect;
+                responseBody = connect.data.civilIdData.responseBody;
+                return [4, API.authService.getVerifyAuth(responseBody === null || responseBody === void 0 ? void 0 : responseBody.auth_token)];
+            case 1:
+                data = _e.sent();
+                if (!(((_b = data.status) === null || _b === void 0 ? void 0 : _b.toLowerCase()) === 'success')) return [3, 5];
+                (_d = (_c = settings.data.appConfig).onStepCompleted) === null || _d === void 0 ? void 0 : _d.call(_c, settings.data.activeScreen.name, {});
+                if (!(responseBody === null || responseBody === void 0 ? void 0 : responseBody.new_user)) return [3, 2];
+                params = {
+                    leadId: data === null || data === void 0 ? void 0 : data.lead_id,
+                    stepName: 'CONNECT_INDIVIDUAL_STEP'
+                };
+                thunkApi.dispatch(retrieveLead(params));
+                return [3, 5];
+            case 2: return [4, thunkApi.dispatch(retrieveBrandList(data === null || data === void 0 ? void 0 : data.individual_id))];
+            case 3:
+                _e.sent();
+                return [4, thunkApi.dispatch(retrieveChannels())];
+            case 4:
+                _e.sent();
+                if (!(data === null || data === void 0 ? void 0 : data.lead_id)) {
+                    params = {
+                        individualId: data === null || data === void 0 ? void 0 : data.individual_id,
+                        stepName: 'CONNECT_MERCHANT_INFO_STEP'
+                    };
+                    thunkApi.dispatch(createLead(params));
+                }
+                else {
+                    thunkApi.dispatch(handleNextScreenStep('CONNECT_MERCHANT_INFO_STEP'));
+                }
+                _e.label = 5;
+            case 5: return [2, { response: data }];
+        }
+    });
+}); });
 export var retrieveLead = createAsyncThunk('retrieveLead', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
     var data;
     return __generator(this, function (_a) {
@@ -286,12 +355,16 @@ export var retrieveBrandList = createAsyncThunk('retrieveBrandList', function (i
     });
 }); });
 export var retrieveChannels = createAsyncThunk('retrieveChannels', function () { return __awaiter(void 0, void 0, void 0, function () {
-    var data;
+    var body, data;
     return __generator(this, function (_a) {
         switch (_a.label) {
-            case 0: return [4, API.dataService.getChannelsOfServices()];
+            case 0:
+                body = {
+                    page: 0
+                };
+                return [4, API.dataService.getChannelsOfServices(body)];
             case 1:
-                data = (_a.sent()).data;
+                data = _a.sent();
                 return [2, data];
         }
     });
@@ -475,6 +548,9 @@ var initialState = {
             dob: getEighteenYearsAgo(),
             type: ''
         },
+        civilIdData: {
+            civilId: '284121505934'
+        },
         otpData: {
             otp: '',
             isAbsher: false
@@ -565,6 +641,38 @@ export var connectSlice = createSlice({
         })
             .addCase(resendOTPMobile.rejected, function (state, action) {
             state.error = action.error.message;
+        })
+            .addCase(createCivilIdAuth.pending, function (state, action) {
+            state.loading = true;
+            state.error = null;
+        })
+            .addCase(createCivilIdAuth.fulfilled, function (state, action) {
+            var _a;
+            state.loading = false;
+            state.error = null;
+            var _b = action.payload, formData = _b.formData, response = _b.response;
+            var description = (((_a = response === null || response === void 0 ? void 0 : response.errors) === null || _a === void 0 ? void 0 : _a[0]) || {}).description;
+            if (description) {
+                state.error = description;
+                return;
+            }
+            state.data.civilIdData = __assign(__assign({}, formData), { responseBody: response });
+        })
+            .addCase(createCivilIdAuth.rejected, function (state, action) {
+            state.loading = false;
+            state.error = action.error.message;
+        })
+            .addCase(verifyPACI.pending, function (state) {
+            state.loading = true;
+            state.error = null;
+        })
+            .addCase(verifyPACI.fulfilled, function (state, action) {
+            state.loading = false;
+            state.error = null;
+        })
+            .addCase(verifyPACI.rejected, function (state, action) {
+            state.loading = false;
+            state.error = action.error.message;
         })
             .addCase(createNIDAuth.fulfilled, function (state, action) {
             var _a;
@@ -792,25 +900,19 @@ export var connectSlice = createSlice({
             state.loading = true;
         })
             .addCase(retrieveChannels.fulfilled, function (state, action) {
-            var _a;
             state.error = null;
             state.loading = false;
             var data = action.payload || {};
-            var description = (((_a = data === null || data === void 0 ? void 0 : data.errors) === null || _a === void 0 ? void 0 : _a[0]) || {}).description;
-            if (description) {
-                state.error = description;
-                return;
-            }
-            var channels = data || [];
+            var channels = data.list || [];
             state.data.brandData.responseBody = __assign(__assign({}, state.data.brandData.responseBody), { channelList: channels });
             var selectedChannels = [];
             var selectedBrandItem = (state.data.brandData || {}).selectedBrandItem;
-            var _b = selectedBrandItem || {}, website = _b.website, social = _b.social;
+            var _a = selectedBrandItem || {}, website = _a.website, social = _a.social;
             var isHasWebsite = (website === null || website === void 0 ? void 0 : website.length) > 0;
             var isHasTwitter = social === null || social === void 0 ? void 0 : social.find(function (s) { return s.includes('twitter.com'); });
             var isHasInstagram = social === null || social === void 0 ? void 0 : social.find(function (s) { return s.includes('instagram.com'); });
-            var websiteData = channels === null || channels === void 0 ? void 0 : channels.find(function (c) { return c.name_en.toLocaleLowerCase() === 'website'; });
-            var socialData = channels === null || channels === void 0 ? void 0 : channels.find(function (c) { return c.name_en.toLocaleLowerCase() === 'social'; });
+            var websiteData = channels === null || channels === void 0 ? void 0 : channels.find(function (c) { return c.id.toLocaleLowerCase() === 'website'; });
+            var socialData = channels === null || channels === void 0 ? void 0 : channels.find(function (c) { var _a; return ((_a = c.name) === null || _a === void 0 ? void 0 : _a.en.toLocaleLowerCase()) === 'social'; });
             if (isHasWebsite && (isHasTwitter || isHasInstagram))
                 selectedChannels = [websiteData, socialData];
             else if (isHasTwitter || isHasInstagram)

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

@@ -220,12 +220,16 @@ export var updateBoardSuccess = createAsyncThunk('updateBoardEntitySuccess', fun
     });
 }); });
 export var retrieveChannels = createAsyncThunk('retrieveChannelsEntity', function () { return __awaiter(void 0, void 0, void 0, function () {
-    var data;
+    var body, data;
     return __generator(this, function (_a) {
         switch (_a.label) {
-            case 0: return [4, API.dataService.getChannelsOfServices()];
+            case 0:
+                body = {
+                    page: 0
+                };
+                return [4, API.dataService.getChannelsOfServices(body)];
             case 1:
-                data = (_a.sent()).data;
+                data = _a.sent();
                 return [2, data];
         }
     });
@@ -291,8 +295,8 @@ export var entitySlice = createSlice({
             var isHasWebsite = (website === null || website === void 0 ? void 0 : website.length) > 0;
             var isHasTwitter = social === null || social === void 0 ? void 0 : social.find(function (s) { return s.includes('twitter.com'); });
             var isHasInstagram = social === null || social === void 0 ? void 0 : social.find(function (s) { return s.includes('instagram.com'); });
-            var websiteData = channels === null || channels === void 0 ? void 0 : channels.find(function (c) { return c.name_en.toLocaleLowerCase() === 'website'; });
-            var socialData = channels === null || channels === void 0 ? void 0 : channels.find(function (c) { return c.name_en.toLocaleLowerCase() === 'social'; });
+            var websiteData = channels === null || channels === void 0 ? void 0 : channels.find(function (c) { return c.name.en.toLocaleLowerCase() === 'website'; });
+            var socialData = channels === null || channels === void 0 ? void 0 : channels.find(function (c) { return c.name.en.toLocaleLowerCase() === 'social media'; });
             if (isHasWebsite && (isHasTwitter || isHasInstagram))
                 selectedChannels = [websiteData, socialData];
             else if (isHasTwitter || isHasInstagram)
@@ -302,7 +306,7 @@ export var entitySlice = createSlice({
             if (((_c = brand === null || brand === void 0 ? void 0 : brand.channel_services) === null || _c === void 0 ? void 0 : _c.length) > 0) {
                 selectedChannels = channels === null || channels === void 0 ? void 0 : channels.filter(function (channel) {
                     var _a;
-                    return (_a = brand === null || brand === void 0 ? void 0 : brand.channel_services) === null || _a === void 0 ? void 0 : _a.find(function (storedChannel) { return channel.name_en.toLowerCase() === storedChannel.toLowerCase(); });
+                    return (_a = brand === null || brand === void 0 ? void 0 : brand.channel_services) === null || _a === void 0 ? void 0 : _a.find(function (storedChannel) { return channel.name.en.toLowerCase() === storedChannel.toLowerCase(); });
                 });
             }
             state.data.entityData.salesChannels = selectedChannels;
@@ -428,7 +432,7 @@ export var entitySlice = createSlice({
                 state.error = description;
                 return;
             }
-            var channels = data || [];
+            var channels = data.list || [];
             state.data.verify.responseBody = __assign(__assign({}, state.data.verify.responseBody), { channelList: channels });
             var brand = (state.data.verify.responseBody || {}).brand;
             var selectedChannels = (!!(channels === null || channels === void 0 ? void 0 : channels[0]) && [channels === null || channels === void 0 ? void 0 : channels[0]]) || [];
@@ -436,8 +440,8 @@ export var entitySlice = createSlice({
             var isHasWebsite = (website === null || website === void 0 ? void 0 : website.length) > 0;
             var isHasTwitter = social === null || social === void 0 ? void 0 : social.find(function (s) { return s.includes('twitter.com'); });
             var isHasInstagram = social === null || social === void 0 ? void 0 : social.find(function (s) { return s.includes('instagram.com'); });
-            var websiteData = channels === null || channels === void 0 ? void 0 : channels.find(function (c) { return c.name_en.toLocaleLowerCase() === 'website'; });
-            var socialData = channels === null || channels === void 0 ? void 0 : channels.find(function (c) { return c.name_en.toLocaleLowerCase() === 'social'; });
+            var websiteData = channels === null || channels === void 0 ? void 0 : channels.find(function (c) { return c.name.en.toLocaleLowerCase() === 'website'; });
+            var socialData = channels === null || channels === void 0 ? void 0 : channels.find(function (c) { return c.name.en.toLocaleLowerCase() === 'social media'; });
             if (isHasWebsite && (isHasTwitter || isHasInstagram))
                 selectedChannels = [websiteData, socialData];
             else if (isHasTwitter || isHasInstagram)

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

@@ -42,7 +42,7 @@ var ButtonStyled = styled(Button)(function (_a) {
 var BankDetails = function () {
     var _a = React.useState(false), ibanChecking = _a[0], setIbanChecking = _a[1];
     var dispatch = useAppDispatch();
-    var _b = useAppSelector(bankSelector), data = _b.data, loading = _b.loading, error = _b.error;
+    var _b = useAppSelector(bankSelector), data = _b.data, loading = _b.loading, error = _b.error, uploading = _b.uploading;
     var methods = useForm({
         resolver: yupResolver(BankValidation),
         defaultValues: data.bankData,
@@ -56,7 +56,7 @@ var BankDetails = function () {
     var onBack = function () {
         dispatch(handleCurrentActiveScreen('BANK_SUCCESS_FOUR_FLOWS_BUTTONS_STEP'));
     };
-    var disabled = ibanChecking || !methods.formState.isValid || !!error;
+    var disabled = ibanChecking || !methods.formState.isValid || !!error || uploading;
     React.useEffect(function () {
         if (error)
             dispatch(clearError());

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

@@ -1,11 +1,13 @@
 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 { useAppSelector } from '../../../../hooks';
-import { bankSelector } from '../../../app/bank/bankStore';
+import { useAppDispatch, useAppSelector } from '../../../../hooks';
+import { bankSelector, uploadBankStatement } from '../../../app/bank/bankStore';
 import UploadFile from '../../../shared/UploadFile';
+import { MAX_FILE_SIZE, VALID_FILE_FORMATS } from '../../../../constants';
 var FeatureStyled = styled(ScreenContainer)(function (_a) {
     var theme = _a.theme;
     return ({
@@ -13,18 +15,41 @@ var FeatureStyled = styled(ScreenContainer)(function (_a) {
     });
 });
 var BankStatement = function () {
-    var _a;
+    var _a, _b;
     var t = useTranslation().t;
-    var control = useFormContext().control;
+    var _c = useFormContext(), control = _c.control, setError = _c.setError, clearErrors = _c.clearErrors;
     var bankStatementFileControl = useController({ name: 'bankStatementFile', control: control });
-    var loading = useAppSelector(bankSelector).loading;
-    var error = (_a = bankStatementFileControl.fieldState.error) === null || _a === void 0 ? void 0 : _a.message;
+    var bankStatementIdControl = useController({ name: 'bankStatementId', control: control });
+    var _d = useAppSelector(bankSelector), loading = _d.loading, uploading = _d.uploading, sysError = _d.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);
     var handleBankStatementChange = function (file) {
-        bankStatementFileControl.field.onChange(file);
+        if (!VALID_FILE_FORMATS.includes(file === null || file === void 0 ? void 0 : file.type)) {
+            setError('bankStatementFile', { message: 'file_not_supported_alert' });
+        }
+        else if ((file === null || file === void 0 ? void 0 : file.size) > MAX_FILE_SIZE) {
+            setError('bankStatementFile', { message: 'file_size_alert' });
+        }
+        else {
+            bankStatementFileControl.field.onChange(file);
+            dispatch(uploadBankStatement(file));
+        }
     };
     var handleReset = function () {
         bankStatementFileControl.field.onChange(null);
+        bankStatementIdControl.field.onChange('');
     };
-    return (_jsx(FeatureStyled, { children: _jsx(UploadFile, { label: t('title_bank_statement'), dragTitle: t('drag_and_drop'), uploadTitle: t('title_upload_file'), onFileUploaded: handleBankStatementChange, isSubmitting: loading, onReset: handleReset, error: error && t(error) }) }));
+    React.useEffect(function () {
+        if (sysError === 'file_upload_error') {
+            setError('bankStatementId', { message: sysError });
+            bankStatementFileControl.field.onChange(null);
+        }
+    }, [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) }) }));
 };
 export default BankStatement;

package/build/features/business/screens/Activities/ActivitiesList.d.ts

@@ -20,7 +20,7 @@ export declare const InputStyled: import("@emotion/styled").StyledComponent<Pick
 export declare const CheckIconStyled: import("@emotion/styled").StyledComponent<{
     children?: React.ReactNode;
     classes?: Partial<import("@mui/material").SvgIconClasses> | undefined;
-    color?: "inherit" | "disabled" | "error" | "info" | "primary" | "secondary" | "action" | "success" | "warning" | undefined;
+    color?: "inherit" | "disabled" | "error" | "success" | "info" | "primary" | "secondary" | "action" | "warning" | undefined;
     fontSize?: "small" | "inherit" | "medium" | "large" | undefined;
     htmlColor?: string | undefined;
     inheritViewBox?: boolean | undefined;

package/build/features/business/screens/Activities/SalesChannels.js

@@ -107,6 +107,6 @@ var SalesChannels = function () {
         if (channelsChecked)
             return !!(channelsChecked === null || channelsChecked === void 0 ? void 0 : channelsChecked.find(function (channel) { return channel.id === (item === null || item === void 0 ? void 0 : item.id); }));
     };
-    return (_jsxs(ScreenContainer, { children: [_jsxs(InputLabelStyled, { children: [t('channel_of_service'), " ", _jsx(MandatoryStyled, { children: "*" })] }), channelsMenuList.map(function (channel) { return (_jsxs(ContainerStyled, { children: [_jsx(CheckBoxStyled, { id: channel.id, disableRipple: true, disableFocusRipple: true, focusRipple: false, disabled: (salesChannels === null || salesChannels === void 0 ? void 0 : salesChannels.find(function (c) { return c.id === (channel === null || channel === void 0 ? void 0 : channel.id); })) ? true : false, checked: getSelectedChannelsFlag(channel), onChange: handleSalesChannelChange }), _jsxs(TextStyled, { children: [isAr ? channel.name_ar : channel.name_en, " "] })] }, channel.id)); }), _jsx(CollapseStyled, __assign({ in: !!warningMessage }, { children: _jsx(Warning, __assign({ warningType: 'alert' }, { children: t(warningMessage) })) }))] }));
+    return (_jsxs(ScreenContainer, { children: [_jsxs(InputLabelStyled, { children: [t('channel_of_service'), " ", _jsx(MandatoryStyled, { children: "*" })] }), channelsMenuList.map(function (channel) { return (_jsxs(ContainerStyled, { children: [_jsx(CheckBoxStyled, { id: channel.id, disableRipple: true, disableFocusRipple: true, focusRipple: false, disabled: (salesChannels === null || salesChannels === void 0 ? void 0 : salesChannels.find(function (c) { return c.id === (channel === null || channel === void 0 ? void 0 : channel.id); })) ? true : false, checked: getSelectedChannelsFlag(channel), onChange: handleSalesChannelChange }), _jsxs(TextStyled, { children: [isAr ? channel.name.ar : channel.name.en, " "] })] }, channel.id)); }), _jsx(CollapseStyled, __assign({ in: !!warningMessage }, { children: _jsx(Warning, __assign({ warningType: 'alert' }, { children: t(warningMessage) })) }))] }));
 };
 export default SalesChannels;

package/build/features/business/screens/Customers/CustomerLocations.d.ts

@@ -35,7 +35,7 @@ export declare const NameContainer: import("@emotion/styled").StyledComponent<im
 export declare const CheckIconStyled: import("@emotion/styled").StyledComponent<{
     children?: React.ReactNode;
     classes?: Partial<import("@mui/material").SvgIconClasses> | undefined;
-    color?: "inherit" | "disabled" | "error" | "info" | "primary" | "secondary" | "action" | "success" | "warning" | undefined;
+    color?: "inherit" | "disabled" | "error" | "success" | "info" | "primary" | "secondary" | "action" | "warning" | undefined;
     fontSize?: "small" | "inherit" | "medium" | "large" | undefined;
     htmlColor?: string | undefined;
     inheritViewBox?: boolean | undefined;
@@ -49,7 +49,7 @@ export declare const CheckIconStyled: import("@emotion/styled").StyledComponent<
 export declare const RemainingCheck: import("@emotion/styled").StyledComponent<{
     children?: React.ReactNode;
     classes?: Partial<import("@mui/material").SvgIconClasses> | undefined;
-    color?: "inherit" | "disabled" | "error" | "info" | "primary" | "secondary" | "action" | "success" | "warning" | undefined;
+    color?: "inherit" | "disabled" | "error" | "success" | "info" | "primary" | "secondary" | "action" | "warning" | undefined;
     fontSize?: "small" | "inherit" | "medium" | "large" | undefined;
     htmlColor?: string | undefined;
     inheritViewBox?: boolean | undefined;

package/build/features/connect/Connect.js

@@ -21,17 +21,16 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { memo } from 'react';
+import React, { memo } from 'react';
 import { FeatureContainer } from '../shared/Containers';
-import { useAppTheme, useAppSelector, useAppConfig, useErrorListener, useStepStartedListener } from '../../hooks';
-import { useAppDispatch } from '../../hooks';
-import { settingsSelector, handleOpen } from '../../app/settings';
+import { useAppTheme, useAppSelector, useAppConfig, useErrorListener, useStepStartedListener, useAppDispatch } from '../../hooks';
+import { handleCurrentActiveScreen, settingsSelector, handleOpen } from '../../app/settings';
 import AnimationFlow from '../../components/AnimationFlow';
 import { store } from '../../app/store';
 import { connectSelector } from '../app/connect/connectStore';
 import { ReduxProvider, ThemeProvider } from '../../components/Providers';
 import Collapse from '../../components/Collapse';
-import { reactElement, removeElement } from '../../utils';
+import { reactElement, removeElement, isKW } from '../../utils';
 import { CONNECT_SCREENS_NAVIGATION, DIALOG_ID } from '../../constants';
 import { connectFeatureScreens } from '../featuresScreens';
 import CustomFooter from '../shared/Footer';
@@ -46,6 +45,13 @@ var Connect = memo(function (_a) {
     useErrorListener(connectError || error);
     useStepStartedListener();
     var activeScreen = data.activeScreen, isTapOrigin = data.isTapOrigin, open = data.open;
+    React.useEffect(function () {
+        var _a;
+        if (!settingLoading) {
+            if (isKW((_a = data.businessCountry) === null || _a === void 0 ? void 0 : _a.iso2))
+                dispatch(handleCurrentActiveScreen('CONNECT_CIVIL_ID_STEP'));
+        }
+    }, [settingLoading]);
     var handleDialogClose = function () {
         dispatch(handleOpen(false));
     };

package/build/features/connect/screens/CivilID/CivilID.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+export interface CivilIDProps {
+}
+declare const _default: React.MemoExoticComponent<({}: CivilIDProps) => JSX.Element>;
+export default _default;

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

@@ -0,0 +1,85 @@
+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, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { useTranslation } from 'react-i18next';
+import { alpha, styled } from '@mui/material/styles';
+import { useForm, FormProvider } from 'react-hook-form';
+import { yupResolver } from '@hookform/resolvers/yup';
+import { civilIDValidationSchema } from './validation';
+import { useAppDispatch, useLanguage, useAppSelector } from '../../../../hooks';
+import { handlePrevScreenStep, settingsSelector } from '../../../../app/settings';
+import { clearError, connectSelector, createCivilIdAuth } from '../../../app/connect/connectStore';
+import Form from '../../../../components/Form';
+import Button, { MobileButton } from '../../../shared/Button';
+import { ScreenContainer } from '../../../shared/Containers';
+import Collapse from '../../../../components/Collapse';
+import Box from '@mui/material/Box';
+import Divider from '@mui/material/Divider';
+import Text from '../../../../components/Text';
+import IDNumber from './IDNumber';
+var FormStyled = styled(Form)(function () { return ({
+    display: 'flex',
+    flexDirection: 'column'
+}); });
+var TextStyled = styled(Text)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        color: alpha(theme.palette.primary.dark, 0.4)
+    });
+});
+var DividerStyled = styled(Divider)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        width: '45%',
+        borderColor: alpha(theme.palette.primary.dark, 0.4),
+        marginBlockEnd: theme.spacing(0.62)
+    });
+});
+var OrBoxStyled = styled(Box)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        display: 'flex',
+        justifyContent: 'space-between',
+        marginBlockEnd: theme.spacing(1.62),
+        marginBlockStart: theme.spacing(-1.25),
+        marginInline: theme.spacing(2.5)
+    });
+});
+var CivilID = function (_a) {
+    var isAr = useLanguage().isAr;
+    var dispatch = useAppDispatch();
+    var t = useTranslation().t;
+    var _b = useAppSelector(connectSelector), data = _b.data, loading = _b.loading, error = _b.error;
+    var settingsStore = useAppSelector(settingsSelector);
+    var methods = useForm({
+        resolver: yupResolver(civilIDValidationSchema),
+        defaultValues: data.civilIdData,
+        mode: 'onChange'
+    });
+    React.useEffect(function () {
+        handleClearError();
+    }, [methods.formState.isValid]);
+    var onSubmit = function (data) {
+        dispatch(createCivilIdAuth(data));
+    };
+    var handleClearError = function () {
+        if (error)
+            dispatch(clearError());
+    };
+    var onBack = function () {
+        dispatch(handlePrevScreenStep('CONNECT_MOBILE_STEP'));
+    };
+    var disabled = !methods.formState.isValid || !!error;
+    return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(IDNumber, { sx: { mb: methods.formState.isValid ? 7.5 : 0, transition: 'mb 0.3s' } }), _jsx(Button, __assign({ loading: loading, isAr: isAr, disableBack: true, disabled: disabled || settingsStore.loading, error: t(error || '') }, { children: t('next') })), _jsxs(Collapse, __assign({ in: !methods.formState.isValid }, { children: [_jsxs(OrBoxStyled, { children: [_jsx(DividerStyled, {}), _jsx(TextStyled, { children: t('or') }), _jsx(DividerStyled, {})] }), _jsx(MobileButton, __assign({ onClick: function () { return onBack(); }, disabled: loading || settingsStore.loading }, { children: t('mobile_button_label') }))] }))] })) })) }));
+};
+export default React.memo(CivilID);

package/build/features/connect/screens/CivilID/IDNumber.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { SxProps, Theme } from '@mui/material/styles';
+interface IDNumberProps {
+    sx: SxProps<Theme> | undefined;
+}
+declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<IDNumberProps & React.RefAttributes<unknown>>>;
+export default _default;