@tap-payments/auth-jsconnect 2.0.76-test → 2.0.77-test

package/build/assets/locales/ar.json

@@ -254,5 +254,7 @@
     "enter_civil_id": "Please enter your civil ID",
     "invalid_civil_id": "Please enter valid civil ID",
     "authenticate_kuwait_mobile_title": "Authenticate with Kuwait Mobile ID app",
-    "authenticate_kuwait_mobile_description": "Please go to your Kuwait Mobile ID app and accept the authentication request from Tap."
+    "authenticate_kuwait_mobile_description": "Please go to your Kuwait Mobile ID app and accept the authentication request from Tap.",
+    "cr_kw_max_length": "May you please verify the entered commercial registration number. (Note - the commercial registration minimum of 3 may contains characters and digits).",
+    "fl_kw_max_length": "May you please verify the entered freelancer registration reference. (Note - the freelancer registration may contains characters and digits)."
 }

package/build/assets/locales/en.json

@@ -274,5 +274,7 @@
     "enter_civil_id": "Please enter your civil ID",
     "invalid_civil_id": "Please enter valid civil ID",
     "authenticate_kuwait_mobile_title": "Authenticate with Kuwait Mobile ID app",
-    "authenticate_kuwait_mobile_description": "Please go to your Kuwait Mobile ID app and accept the authentication request from Tap."
+    "authenticate_kuwait_mobile_description": "Please go to your Kuwait Mobile ID app and accept the authentication request from Tap.",
+    "cr_kw_max_length": "May you please verify the entered commercial registration number. (Note - the commercial registration minimum of 3 may contains characters and digits).",
+    "fl_kw_max_length": "May you please verify the entered freelancer registration reference. (Note - the freelancer registration may contains characters and digits)."
 }

package/build/components/RadioLabel/RadioLabel.d.ts

@@ -2,6 +2,7 @@ import * as React from 'react';
 export interface RadioLabelProps {
     label: string;
     value: string;
+    control?: React.ReactElement<any, any>;
 }
-declare const _default: React.MemoExoticComponent<({ label, value }: RadioLabelProps) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ label, value, control }: RadioLabelProps) => JSX.Element>;
 export default _default;

package/build/components/RadioLabel/RadioLabel.js

@@ -27,8 +27,8 @@ var RadioLabelStyled = styled(FormControlLabel)(function (_a) {
     });
 });
 var RadioLabel = function (_a) {
-    var label = _a.label, value = _a.value;
+    var label = _a.label, value = _a.value, control = _a.control;
     var t = useTranslation().t;
-    return (_jsx(RadioLabelStyled, { value: value, control: _jsx(Radio, { color: 'primary', disableFocusRipple: true, disableRipple: true, disableTouchRipple: true, focusRipple: false }), label: t(label) }));
+    return (_jsx(RadioLabelStyled, { value: value, control: control || _jsx(Radio, { color: 'primary', disableFocusRipple: true, disableRipple: true, disableTouchRipple: true, focusRipple: false }), label: t(label) }));
 };
 export default React.memo(RadioLabel);

package/build/constants/validation.d.ts

@@ -5,6 +5,8 @@ export declare const VAT_ID_LENGTH = 15;
 export declare const MAX_IBAN_VALUE = 34;
 export declare const FL_NUMBER_LENGTH = 8;
 export declare const CR_NUMBER_LENGTH = 10;
+export declare const KW_MIN_LICENSE_LENGTH = 3;
+export declare const KW_MAX_LICENSE_LENGTH = 50;
 export declare const SAUDI_NUMBER_LENGTH = 9;
 export declare const MAX_FILE_SIZE = 5000000;
 export declare const VALID_FILE_FORMATS: string[];

package/build/constants/validation.js

@@ -5,6 +5,8 @@ export var VAT_ID_LENGTH = 15;
 export var MAX_IBAN_VALUE = 34;
 export var FL_NUMBER_LENGTH = 8;
 export var CR_NUMBER_LENGTH = 10;
+export var KW_MIN_LICENSE_LENGTH = 3;
+export var KW_MAX_LICENSE_LENGTH = 50;
 export var SAUDI_NUMBER_LENGTH = 9;
 export var MAX_FILE_SIZE = 5000000;
 export var VALID_FILE_FORMATS = ['image/jpeg', 'image/png', 'image/jpg', 'application/pdf'];

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

@@ -60,7 +60,7 @@ 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, isKW } from '../../../utils';
+import { convertNumbers2English, getEighteenYearsAgo, hasKey, sleep, isKW, isSA } from '../../../utils';
 import { handleNextScreenStep } 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, entity_activities, data_1, countryIso2, board_id, board_info_id, steps, brandID, hasBusinessCompleted, hasBusinessCRInfoCompleted, hasBusinessCRActivitiesCompleted, hasBusinessCustomersCompleted;
@@ -78,7 +78,7 @@ export var verifyLeadToken = createAsyncThunk('businessVerifyLeadToken', functio
                 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];
+                if (!(!(data === null || data === void 0 ? void 0 : data.errors) && !(data === null || data === void 0 ? void 0 : data.mw_error))) return [3, 18];
                 return [4, API.leadService.retrieveLead(data === null || data === void 0 ? void 0 : data.id)];
             case 2:
                 leadResponse = _h.sent();
@@ -105,7 +105,7 @@ export var verifyLeadToken = createAsyncThunk('businessVerifyLeadToken', functio
                 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];
+                if (!(data.step_name === 'business_info')) return [3, 18];
                 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);
@@ -117,15 +117,15 @@ export var verifyLeadToken = createAsyncThunk('businessVerifyLeadToken', functio
             case 7:
                 _h.sent();
                 thunkApi.dispatch(handleNextScreenStep('BUSINESS_SUCCESS_FOUR_FLOWS_BUTTONS_STEP'));
-                return [3, 17];
+                return [3, 18];
             case 8:
                 if (!(data.step_name === BUSINESS_STEP_NAMES.IDENTITY_AUTH)) return [3, 9];
                 thunkApi.dispatch(handleNextScreenStep('BUSINESS_IDBOD_STEP'));
-                return [3, 17];
+                return [3, 18];
             case 9:
                 if (!hasBusinessCustomersCompleted) return [3, 10];
                 thunkApi.dispatch(handleNextScreenStep('BUSINESS_SUCCESS_STEP'));
-                return [3, 17];
+                return [3, 18];
             case 10:
                 if (!hasBusinessCRActivitiesCompleted) return [3, 13];
                 return [4, thunkApi.dispatch(retrieveDataList())];
@@ -135,20 +135,24 @@ export var verifyLeadToken = createAsyncThunk('businessVerifyLeadToken', functio
                 return [4, API.brandService.retrieveBrand(brandID)];
             case 12:
                 brandInfo = _h.sent();
-                return [3, 17];
+                return [3, 18];
             case 13:
                 if (!hasBusinessCRInfoCompleted) return [3, 15];
                 return [4, API.brandService.retrieveBrand(brandID)];
             case 14:
                 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 }))];
+                return [3, 18];
+            case 15:
+                if (!isSA(countryIso2)) return [3, 17];
+                return [4, thunkApi.dispatch(retrieveEntityList({ leadId: data === null || data === void 0 ? void 0 : data.id }))];
             case 16:
                 _h.sent();
-                thunkApi.dispatch(handleNextScreenStep('BUSINESS_BUSINESS_TYPE_STEP'));
                 _h.label = 17;
-            case 17: return [2, {
+            case 17:
+                thunkApi.dispatch(handleNextScreenStep('BUSINESS_BUSINESS_TYPE_STEP'));
+                _h.label = 18;
+            case 18: 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,
@@ -199,11 +203,14 @@ export var verifyLeadOTP = createAsyncThunk('verifyLeadOTP', function (params, t
             case 1:
                 data = (_j.sent()).data;
                 brandInfo = undefined;
-                if (!!data.errors) return [3, 14];
+                if (!!data.errors) return [3, 15];
                 thunkApi.dispatch(updateStepName(stepName));
+                if (!isSA(countryIso2)) return [3, 3];
                 return [4, thunkApi.dispatch(retrieveEntityList({ leadId: data === null || data === void 0 ? void 0 : data.id }))];
             case 2:
                 _j.sent();
+                _j.label = 3;
+            case 3:
                 (_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);
@@ -211,49 +218,49 @@ export var verifyLeadOTP = createAsyncThunk('verifyLeadOTP', function (params, t
                 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];
+                if (!isNID) return [3, 4];
                 thunkApi.dispatch(handleNextScreenStep());
-                return [3, 14];
-            case 3:
-                if (!(isIdentityAuthStep && isKW(countryIso2))) return [3, 4];
-                thunkApi.dispatch(handleNextScreenStep('BUSINESS_CIVIL_ID_STEP'));
-                return [3, 14];
+                return [3, 15];
             case 4:
-                if (!hasBusinessCompleted) return [3, 6];
-                return [4, thunkApi.dispatch(retrieveBoardDetails(verifyResponse === null || verifyResponse === void 0 ? void 0 : verifyResponse.board_id))];
+                if (!(isIdentityAuthStep && isKW(countryIso2))) return [3, 5];
+                thunkApi.dispatch(handleNextScreenStep('BUSINESS_CIVIL_ID_STEP'));
+                return [3, 15];
             case 5:
+                if (!hasBusinessCompleted) return [3, 7];
+                return [4, thunkApi.dispatch(retrieveBoardDetails(verifyResponse === null || verifyResponse === void 0 ? void 0 : verifyResponse.board_id))];
+            case 6:
                 _j.sent();
                 thunkApi.dispatch(handleNextScreenStep('BUSINESS_SUCCESS_FOUR_FLOWS_BUTTONS_STEP'));
-                return [3, 14];
-            case 6:
-                if (!(data.step_name === BUSINESS_STEP_NAMES.IDENTITY_AUTH)) return [3, 7];
-                thunkApi.dispatch(handleNextScreenStep('BUSINESS_IDBOD_STEP'));
-                return [3, 14];
+                return [3, 15];
             case 7:
-                if (!hasBusinessCustomersCompleted) return [3, 8];
-                thunkApi.dispatch(handleNextScreenStep('BUSINESS_SUCCESS_STEP'));
-                return [3, 14];
+                if (!(data.step_name === BUSINESS_STEP_NAMES.IDENTITY_AUTH)) return [3, 8];
+                thunkApi.dispatch(handleNextScreenStep('BUSINESS_IDBOD_STEP'));
+                return [3, 15];
             case 8:
-                if (!hasBusinessCRActivitiesCompleted) return [3, 11];
-                return [4, thunkApi.dispatch(retrieveDataList())];
+                if (!hasBusinessCustomersCompleted) return [3, 9];
+                thunkApi.dispatch(handleNextScreenStep('BUSINESS_SUCCESS_STEP'));
+                return [3, 15];
             case 9:
+                if (!hasBusinessCRActivitiesCompleted) return [3, 12];
+                return [4, thunkApi.dispatch(retrieveDataList())];
+            case 10:
                 _j.sent();
                 thunkApi.dispatch(handleNextScreenStep('BUSINESS_CUSTOMERS_STEP'));
                 return [4, API.brandService.retrieveBrand(brandID)];
-            case 10:
-                brandInfo = _j.sent();
-                return [3, 14];
             case 11:
-                if (!hasBusinessCRInfoCompleted) return [3, 13];
-                return [4, API.brandService.retrieveBrand(brandID)];
+                brandInfo = _j.sent();
+                return [3, 15];
             case 12:
+                if (!hasBusinessCRInfoCompleted) return [3, 14];
+                return [4, API.brandService.retrieveBrand(brandID)];
+            case 13:
                 brandInfo = _j.sent();
                 thunkApi.dispatch(handleNextScreenStep('BUSINESS_ACTIVITIES_STEP'));
-                return [3, 14];
-            case 13:
+                return [3, 15];
+            case 14:
                 thunkApi.dispatch(handleNextScreenStep('BUSINESS_BUSINESS_TYPE_STEP'));
-                _j.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 }];
         }
     });
 }); });
@@ -275,30 +282,27 @@ export var verifyPACI = createAsyncThunk('verifyPACI', function (params, thunkAp
                 count = 1;
                 _f.label = 1;
             case 1:
-                if (!(count <= maxCalls)) return [3, 8];
+                if (!(count <= maxCalls)) return [3, 7];
                 return [4, API.authService.getTokenVerify(responseBody === null || responseBody === void 0 ? void 0 : responseBody.verify_token)];
             case 2:
                 data = _f.sent();
                 response = data;
                 isSuccess = ((_b = data.status) === null || _b === void 0 ? void 0 : _b.toLowerCase()) === 'success';
-                if (!isSuccess) return [3, 5];
-                return [4, thunkApi.dispatch(retrieveEntityList({ leadId: responseBody === null || responseBody === void 0 ? void 0 : responseBody.id }))];
-            case 3:
-                _f.sent();
+                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))];
-            case 4:
+            case 3:
                 _f.sent();
                 thunkApi.dispatch(handleNextScreenStep());
-                return [3, 8];
-            case 5: return [4, sleep(interval * 1000)];
-            case 6:
+                return [3, 7];
+            case 4: return [4, sleep(interval * 1000)];
+            case 5:
                 _f.sent();
-                _f.label = 7;
-            case 7:
+                _f.label = 6;
+            case 6:
                 count++;
                 return [3, 1];
-            case 8: return [2, { response: response }];
+            case 7: return [2, { response: response }];
         }
     });
 }); });
@@ -672,7 +676,7 @@ export var businessSlice = createSlice({
             state.data.verify.responseBody = __assign(__assign(__assign(__assign({}, data), leadData), state.data.verify.responseBody), { board_id: boardId });
             state.data.verify.token = token;
             state.data.otpData.isNID = false;
-            var _f = state.data.verify.responseBody || {}, entity = _f.entity, entity_activities = _f.entity_activities, business_type = _f.business_type;
+            var _f = state.data.verify.responseBody || {}, entity = _f.entity, entity_activities = _f.entity_activities, business_type = _f.business_type, business_name = _f.business_name;
             var issuingDate = (brandInfo === null || brandInfo === void 0 ? void 0 : brandInfo.business_operation_start_at)
                 ? brandInfo === null || brandInfo === void 0 ? void 0 : brandInfo.business_operation_start_at
                 : (_b = entity === null || entity === void 0 ? void 0 : entity.license) === null || _b === void 0 ? void 0 : _b.issuing_date;
@@ -687,6 +691,7 @@ export var businessSlice = createSlice({
             });
             state.data.activitiesData.activities = (selectedActivity === null || selectedActivity === void 0 ? void 0 : selectedActivity.length) > 0 ? selectedActivity : [activities === null || activities === void 0 ? void 0 : activities[0]];
             state.data.businessTypeData.responseBody = __assign(__assign({}, state.data.businessTypeData.responseBody), { entity_id: entity === null || entity === void 0 ? void 0 : entity.id, activities: activities });
+            state.data.businessTypeData.entityLegalName = (business_name === null || business_name === void 0 ? void 0 : business_name.en) || '';
             if (!!(entity === null || entity === void 0 ? void 0 : entity.license)) {
                 var licenseNumber_1 = (_c = entity === null || entity === void 0 ? void 0 : entity.license) === null || _c === void 0 ? void 0 : _c.number;
                 var _g = state.data.businessTypeData || {}, responseBody = _g.responseBody, selectedLicense = _g.selectedLicense;
@@ -742,7 +747,7 @@ export var businessSlice = createSlice({
             }
             state.data.otpData = formData;
             state.data.otpData.responseBody = data;
-            var _f = state.data.verify.responseBody || {}, entity = _f.entity, entity_activities = _f.entity_activities, business_type = _f.business_type;
+            var _f = state.data.verify.responseBody || {}, entity = _f.entity, entity_activities = _f.entity_activities, business_type = _f.business_type, business_name = _f.business_name;
             var issuingDate = (brandInfo === null || brandInfo === void 0 ? void 0 : brandInfo.business_operation_start_at)
                 ? brandInfo === null || brandInfo === void 0 ? void 0 : brandInfo.business_operation_start_at
                 : (_b = entity === null || entity === void 0 ? void 0 : entity.license) === null || _b === void 0 ? void 0 : _b.issuing_date;
@@ -757,6 +762,7 @@ export var businessSlice = createSlice({
             });
             state.data.activitiesData.activities = (selectedActivity === null || selectedActivity === void 0 ? void 0 : selectedActivity.length) > 0 ? selectedActivity : [activities === null || activities === void 0 ? void 0 : activities[0]];
             state.data.businessTypeData.responseBody = __assign(__assign({}, state.data.businessTypeData.responseBody), { entity_id: entity === null || entity === void 0 ? void 0 : entity.id, activities: activities });
+            state.data.businessTypeData.entityLegalName = (business_name === null || business_name === void 0 ? void 0 : business_name.en) || '';
             if (!!(entity === null || entity === void 0 ? void 0 : entity.license)) {
                 var licenseNumber_2 = (_c = entity === null || entity === void 0 ? void 0 : entity.license) === null || _c === void 0 ? void 0 : _c.number;
                 var _g = state.data.businessTypeData || {}, responseBody = _g.responseBody, selectedLicense = _g.selectedLicense;

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

@@ -1,5 +1,5 @@
 import { RootState } from '../../../app/store';
-import { ResponseData, MobileFormValues, NIDFormValues, CivilFormValues, OTPFormValues, IndividualFormValues, SharedState, BrandFormValues, FlowsTypes } from '../../../@types';
+import { ResponseData, MobileFormValues, NIDFormValues, CivilFormValues, OTPFormValues, IndividualFormValues, SharedState, BrandFormValues, FlowsTypes, ActionState, CountryCode } from '../../../@types';
 import { CancelToken } from 'axios';
 export declare const createMobileAuth: import("@reduxjs/toolkit").AsyncThunk<{
     response: any;
@@ -24,12 +24,14 @@ export declare const verifyAuth: import("@reduxjs/toolkit").AsyncThunk<{
     formData: OTPFormValues;
     leadData: any;
     selectedChannels: any;
+    countries: CountryCode[];
 }, OTPFormValues, {}>;
 interface verifyPACIParams {
     onSuccess?: () => void | Promise<void>;
 }
 export declare const verifyPACI: import("@reduxjs/toolkit").AsyncThunk<{
     response: any;
+    countries: CountryCode[];
 }, verifyPACIParams, {}>;
 export declare const retrieveLead: import("@reduxjs/toolkit").AsyncThunk<{
     response: any;
@@ -102,14 +104,15 @@ export interface ConnectState extends SharedState<ConnectData> {
 export declare const connectSlice: import("@reduxjs/toolkit").Slice<ConnectState, {
     clearError: (state: ConnectState) => void;
     stopLoader: (state: ConnectState) => void;
-    resetMobileScreen: (state: ConnectState) => void;
+    resetMobileScreen: (state: ConnectState, action: ActionState<CountryCode>) => void;
     resetNIDScreen: (state: ConnectState) => void;
     resetCivilScreen: (state: ConnectState) => void;
     resetOTPScreen: (state: ConnectState) => void;
     resetIndividualScreen: (state: ConnectState) => void;
     resetMerchantScreen: (state: ConnectState) => void;
+    setDefaultCountryCode: (state: ConnectState, action: ActionState<CountryCode>) => void;
 }, "connect/store">;
-export declare const clearError: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, stopLoader: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, resetMobileScreen: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, resetOTPScreen: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, resetIndividualScreen: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, resetMerchantScreen: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, resetNIDScreen: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, resetCivilScreen: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
+export declare const clearError: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, stopLoader: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, resetMobileScreen: import("@reduxjs/toolkit").ActionCreatorWithPayload<CountryCode, string>, resetOTPScreen: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, resetIndividualScreen: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, resetMerchantScreen: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, resetNIDScreen: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, resetCivilScreen: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, setDefaultCountryCode: import("@reduxjs/toolkit").ActionCreatorWithPayload<CountryCode, string>;
 declare const _default: import("redux").Reducer<ConnectState, import("redux").AnyAction>;
 export default _default;
 export declare const connectSelector: (state: RootState) => ConnectState;

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

@@ -61,7 +61,7 @@ import { FlowsTypes } from '../../../@types';
 import API from '../../../api';
 import { CONNECT_STEP_NAMES, IDENTIFICATION_TYPE, INSTAGRAM_URL, OTHER_BRAND, TWITTER_URL } from '../../../constants';
 import { defaultCountry } from '../../../constants';
-import { getIndividualName, capitalizeTheFirstLetterOfEachWord, getEighteenYearsAgo, sleep } from '../../../utils';
+import { getIndividualName, capitalizeTheFirstLetterOfEachWord, getEighteenYearsAgo, sleep, findCountryByIddPrefix } from '../../../utils';
 export var createMobileAuth = createAsyncThunk('createMobileAuth', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
     var settings, requestBody, data;
     var _a, _b;
@@ -273,7 +273,13 @@ export var verifyAuth = createAsyncThunk('verifyAuth', function (params, thunkAp
                         : thunkApi.dispatch(handleNextScreenStep('CONNECT_MERCHANT_INFO_STEP'));
                 }
                 _g.label = 7;
-            case 7: return [2, { response: data, formData: params, leadData: individualInfo, selectedChannels: selectedChannels }];
+            case 7: return [2, {
+                    response: data,
+                    formData: params,
+                    leadData: individualInfo,
+                    selectedChannels: selectedChannels,
+                    countries: settings.data.countries
+                }];
         }
     });
 }); });
@@ -334,7 +340,7 @@ export var verifyPACI = createAsyncThunk('verifyPACI', function (params, thunkAp
             case 7:
                 count++;
                 return [3, 1];
-            case 8: return [2, { response: response }];
+            case 8: return [2, { response: response, countries: settings.data.countries }];
         }
     });
 }); });
@@ -639,8 +645,8 @@ export var connectSlice = createSlice({
         stopLoader: function (state) {
             state.loading = false;
         },
-        resetMobileScreen: function (state) {
-            state.data.mobileData = __assign(__assign({}, state.data.mobileData), initialState.data.mobileData);
+        resetMobileScreen: function (state, action) {
+            state.data.mobileData = __assign(__assign(__assign({}, state.data.mobileData), initialState.data.mobileData), { countryCode: action.payload });
         },
         resetNIDScreen: function (state) {
             state.data.nidData = __assign(__assign({}, state.data.nidData), initialState.data.nidData);
@@ -655,6 +661,10 @@ export var connectSlice = createSlice({
             state.data.individualData = initialState.data.individualData;
         },
         resetMerchantScreen: function (state) {
+        },
+        setDefaultCountryCode: function (state, action) {
+            state.data.mobileData.countryCode = action.payload;
+            state.data.individualData.countryCode = action.payload;
         }
     },
     extraReducers: function (builder) {
@@ -727,8 +737,9 @@ export var connectSlice = createSlice({
             var _a;
             state.loading = false;
             state.error = null;
-            state.data.otpData.responseBody = action.payload.response;
-            var _b = action.payload.response, name = _b.name, contact = _b.contact, brand = _b.brand;
+            var _b = action.payload || {}, response = _b.response, countries = _b.countries;
+            state.data.otpData.responseBody = response;
+            var name = response.name, contact = response.contact, brand = response.brand;
             var _c = contact || {}, email = _c.email, phone = _c.phone;
             var firstName = (name === null || name === void 0 ? void 0 : name.first) + ' ';
             var middleName = !!(name === null || name === void 0 ? void 0 : name.middle) ? (name === null || name === void 0 ? void 0 : name.middle) + ' ' : '';
@@ -742,6 +753,9 @@ export var connectSlice = createSlice({
                 state.data.individualData.email = email;
             if (!!(phone === null || phone === void 0 ? void 0 : phone.number))
                 state.data.individualData.mobile = phone === null || phone === void 0 ? void 0 : phone.number;
+            var countryCode = state.data.individualData.countryCode;
+            if (!!(phone === null || phone === void 0 ? void 0 : phone.country_code))
+                state.data.individualData.countryCode = findCountryByIddPrefix(countries, phone === null || phone === void 0 ? void 0 : phone.country_code) || countryCode;
             state.data.brandData.brandName = (_a = brand === null || brand === void 0 ? void 0 : brand.name) === null || _a === void 0 ? void 0 : _a.en;
             state.data.brandData.links.website = brand === null || brand === void 0 ? void 0 : brand.website;
             state.data.otpData.responseBody = action.payload.response;
@@ -796,7 +810,7 @@ export var connectSlice = createSlice({
             .addCase(verifyAuth.fulfilled, function (state, action) {
             var _a, _b;
             state.error = null;
-            var _c = action.payload, formData = _c.formData, response = _c.response, leadData = _c.leadData, selectedChannels = _c.selectedChannels;
+            var _c = action.payload, formData = _c.formData, response = _c.response, leadData = _c.leadData, selectedChannels = _c.selectedChannels, countries = _c.countries;
             var description = (((_a = response === null || response === void 0 ? void 0 : response.errors) === null || _a === void 0 ? void 0 : _a[0]) || {}).description;
             if (description) {
                 state.loading = false;
@@ -817,6 +831,9 @@ export var connectSlice = createSlice({
                 state.data.individualData.email = email;
             if (!!(phone === null || phone === void 0 ? void 0 : phone.number))
                 state.data.individualData.mobile = phone === null || phone === void 0 ? void 0 : phone.number;
+            var countryCode = state.data.individualData.countryCode;
+            if (!!(phone === null || phone === void 0 ? void 0 : phone.country_code))
+                state.data.individualData.countryCode = findCountryByIddPrefix(countries, phone === null || phone === void 0 ? void 0 : phone.country_code) || countryCode;
             state.data.brandData.brandName = (_b = brand === null || brand === void 0 ? void 0 : brand.name) === null || _b === void 0 ? void 0 : _b.en;
             state.data.brandData.links.website = brand === null || brand === void 0 ? void 0 : brand.website;
             state.data.otpData.responseBody = __assign(__assign({}, response), leadData);
@@ -1028,6 +1045,6 @@ export var connectSlice = createSlice({
         });
     }
 });
-export var clearError = (_a = connectSlice.actions, _a.clearError), stopLoader = _a.stopLoader, resetMobileScreen = _a.resetMobileScreen, resetOTPScreen = _a.resetOTPScreen, resetIndividualScreen = _a.resetIndividualScreen, resetMerchantScreen = _a.resetMerchantScreen, resetNIDScreen = _a.resetNIDScreen, resetCivilScreen = _a.resetCivilScreen;
+export var clearError = (_a = connectSlice.actions, _a.clearError), stopLoader = _a.stopLoader, resetMobileScreen = _a.resetMobileScreen, resetOTPScreen = _a.resetOTPScreen, resetIndividualScreen = _a.resetIndividualScreen, resetMerchantScreen = _a.resetMerchantScreen, resetNIDScreen = _a.resetNIDScreen, resetCivilScreen = _a.resetCivilScreen, setDefaultCountryCode = _a.setDefaultCountryCode;
 export default connectSlice.reducer;
 export var connectSelector = function (state) { return state.connect; };

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

@@ -46,6 +46,7 @@ import { ScreenContainer } from '../../../shared/Containers';
 import { businessSelector } from '../../../app/business/businessStore';
 import CheckIcon from '@mui/icons-material/Check';
 import { MandatoryStyled } from './SalesChannels';
+import Search from '../../../../features/shared/Search';
 export var InputLabelStyled = styled(Text)(function (_a) {
     var theme = _a.theme;
     return (__assign({ margin: theme.spacing(2.5, 2.5, 1.5, 2.5), color: alpha(theme.palette.text.primary, 0.4) }, theme.typography.caption));
@@ -59,9 +60,7 @@ export var InputStyled = styled(Input)(function (_a) {
         }
     });
 });
-var SimpleListStyled = styled((SimpleList))(function () { return ({
-    height: 'fit-content'
-}); });
+var SimpleListStyled = styled((SimpleList))(function () { return ({}); });
 export var CheckIconStyled = styled(CheckIcon)(function (_a) {
     var theme = _a.theme;
     return ({
@@ -115,18 +114,27 @@ var ActivitiesList = function (_a) {
         activitiesControl.field.onChange(__spreadArray(__spreadArray([], controlValue, true), [item], false));
     };
     var getSelectedActivities = function () {
+        var _a, _b;
         if ((controlValue === null || controlValue === void 0 ? void 0 : controlValue.length) > 1) {
             return (controlValue === null || controlValue === void 0 ? void 0 : controlValue.length) + ' ' + t('activities_selected');
         }
         var item = controlValue[0];
-        return isAr ? item === null || item === void 0 ? void 0 : item.name.ar : item === null || item === void 0 ? void 0 : item.name.en;
+        return isAr ? (_a = item === null || item === void 0 ? void 0 : item.name) === null || _a === void 0 ? void 0 : _a.ar : (_b = item === null || item === void 0 ? void 0 : item.name) === null || _b === void 0 ? void 0 : _b.en;
     };
     var getSelectedActivityFlag = function (item) {
         return controlValue === null || controlValue === void 0 ? void 0 : controlValue.find(function (activity) { return activity.id === item.id; });
     };
-    return (_jsx(Collapse, __assign({ in: (activitiesMenuList === null || activitiesMenuList === void 0 ? void 0 : activitiesMenuList.length) > 0 }, { children: _jsxs(ScreenContainer, { children: [_jsxs(InputLabelStyled, { children: [t(isCR ? 'activities' : 'category'), " ", _jsx(MandatoryStyled, { children: "*" })] }), _jsxs(Box, { children: [_jsx(InputStyled, { readOnly: true, value: getSelectedActivities(), placeholder: isCR ? t('choose_activities') : t('category_name'), onClick: !!anchorEl ? function () { return onCloseList(); } : onOpenList, endAdornment: _jsx(ExpandIcon, { anchorEl: !!anchorEl }) }), _jsx(Collapse, __assign({ in: !!anchorEl, timeout: 300 }, { children: _jsx(SimpleListStyled, { searchKeyPath: 'name', list: activitiesMenuList, onSelectItem: onSelectItem, renderItem: function (item) {
+    var handleSearch = function (value) {
+        var filteredList = activities === null || activities === void 0 ? void 0 : activities.filter(function (activity) {
+            var _a, _b;
+            return ((_a = activity === null || activity === void 0 ? void 0 : activity.name) === null || _a === void 0 ? void 0 : _a.en.toLowerCase().startsWith(value.toLowerCase())) ||
+                ((_b = activity === null || activity === void 0 ? void 0 : activity.name) === null || _b === void 0 ? void 0 : _b.ar.toLowerCase().startsWith(value.toLowerCase()));
+        });
+        setActivitiesMenuList(filteredList);
+    };
+    return (_jsxs(ScreenContainer, { children: [_jsxs(InputLabelStyled, { children: [t(isCR ? 'activities' : 'category'), " ", _jsx(MandatoryStyled, { children: "*" })] }), _jsxs(Box, { children: [_jsx(InputStyled, { readOnly: true, value: getSelectedActivities(), placeholder: isCR ? t('choose_activities') : t('category_name'), onClick: !!anchorEl ? function () { return onCloseList(); } : onOpenList, endAdornment: _jsx(ExpandIcon, { anchorEl: !!anchorEl }) }), _jsxs(Collapse, __assign({ in: !!anchorEl, timeout: 300 }, { children: [_jsx(Search, { onSearchValue: handleSearch }), _jsx(SimpleListStyled, { searchKeyPath: 'name', list: activitiesMenuList, onSelectItem: onSelectItem, renderItem: function (item) {
                                     var _a, _b, _c;
                                     return (_jsxs(_Fragment, { children: [_jsx(Box, __assign({ display: 'flex' }, { children: _jsx(NameContainer, __assign({ isSelected: item.id === ((_a = getSelectedActivityFlag(item)) === null || _a === void 0 ? void 0 : _a.id) }, { children: isAr ? (_b = item === null || item === void 0 ? void 0 : item.name) === null || _b === void 0 ? void 0 : _b.ar : (_c = item === null || item === void 0 ? void 0 : item.name) === null || _c === void 0 ? void 0 : _c.en })) })), getSelectedActivityFlag(item) && _jsx(CheckIconStyled, {})] }));
-                                } }) }))] })] }) })));
+                                } })] }))] })] }));
 };
 export default ActivitiesList;

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

@@ -15,25 +15,26 @@ import { useForm, FormProvider } from 'react-hook-form';
 import { useTranslation } from 'react-i18next';
 import { yupResolver } from '@hookform/resolvers/yup';
 import { useAppDispatch, useAppSelector } from '../../../../hooks';
-import { handlePrevScreenStep, settingsSelector } from '../../../../app/settings';
+import { handlePrevScreenStep } from '../../../../app/settings';
 import Form from '../../../../components/Form';
 import Collapse from '../../../../components/Collapse';
 import { useLanguage } from '../../../../hooks';
 import ScreenContainer from '../../../shared/Containers/ScreenContainer';
 import { businessSelector, clearError, updateLeadBusinessType } from '../../../app/business/businessStore';
 import Button from '../../../shared/Button';
+import { isSA } from '../../../../utils';
 import { KWLicenseValidationSchema, LicenseValidationSchema } from './validation';
 import LicenseList from './LicenseList';
-import { isKW } from '../../../../utils';
 var BusinessType = function (_a) {
-    var _b = useAppSelector(businessSelector), data = _b.data, loading = _b.loading, error = _b.error;
-    var settingData = useAppSelector(settingsSelector).data;
+    var _b;
+    var _c = useAppSelector(businessSelector), data = _c.data, loading = _c.loading, error = _c.error;
     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 () { var _a; return isSA((_a = data.verify.responseBody) === null || _a === void 0 ? void 0 : _a.country_code); }, [(_b = data.verify.responseBody) === null || _b === void 0 ? void 0 : _b.country_code]);
     var methods = useForm({
-        resolver: yupResolver(isKW(settingData.businessCountry.iso2) ? KWLicenseValidationSchema : LicenseValidationSchema),
+        resolver: yupResolver(!isSACountry ? KWLicenseValidationSchema : LicenseValidationSchema),
         defaultValues: data.businessTypeData,
         mode: 'onChange'
     });

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

@@ -10,15 +10,18 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
 import ClearIcon from '../../../shared/ClearIcon';
 import CheckIcon from '../../../shared/CheckIcon';
 import Input from '../../../shared/Input';
 import Collapse from '../../../../components/Collapse';
 import { useTranslation } from 'react-i18next';
 import { useController, useFormContext } from 'react-hook-form';
-import { removeAllOtherThanCharsNumbersAndSpace } from '../../../../utils';
+import { isSA, removeAllOtherThanCharsNumbersAndSpace } from '../../../../utils';
 import { styled } from '@mui/material/styles';
 import Box from '@mui/material/Box';
+import { useAppSelector } from '../../../../hooks';
+import { businessSelector } from '../../../app/business/businessStore';
 var BoxStyled = styled(Box)(function (_a) {
     var theme = _a.theme;
     return ({
@@ -31,13 +34,15 @@ var BoxStyled = styled(Box)(function (_a) {
     });
 });
 var EntityName = function (_a) {
-    var _b;
+    var _b, _c;
     var show = _a.show;
     var t = useTranslation().t;
     var control = useFormContext().control;
     var entityNameControl = useController({ control: control, name: 'entityLegalName' });
     var entityNameValue = entityNameControl.field.value;
     var error = (_b = entityNameControl.fieldState.error) === null || _b === void 0 ? void 0 : _b.message;
+    var data = useAppSelector(businessSelector).data;
+    var isSACountry = React.useMemo(function () { var _a; return isSA((_a = data.verify.responseBody) === null || _a === void 0 ? void 0 : _a.country_code); }, [(_c = data.verify.responseBody) === null || _c === void 0 ? void 0 : _c.country_code]);
     var handleChange = function (_a) {
         var target = _a.target;
         var value = removeAllOtherThanCharsNumbersAndSpace(target.value);
@@ -46,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, 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: (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) }) }) })));
 };
 export default EntityName;

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

@@ -37,9 +37,10 @@ import Text from '../../../../components/Text';
 import ExpandIcon from '../../../../components/ExpandIcon';
 import Collapse from '../../../../components/Collapse';
 import LicenseNumber from './LicenseNumber';
-import EntityName from '../../../../features/business/screens/BusinessType/EntityName';
-import { isKW } from '../../../../utils';
-import { settingsSelector } from '../../../../app/settings';
+import EntityName from '../../../business/screens/BusinessType/EntityName';
+import { isSA } from '../../../../utils';
+import LicenseType from './LicenseType';
+import { OTHER_CR_LICENSE, OTHER_FL_LICENSE } from '../../../../constants';
 var InputStyled = styled(Input)(function (_a) {
     var theme = _a.theme;
     return ({
@@ -60,7 +61,6 @@ var LicenseList = function (_a) {
     var _b;
     var rest = __rest(_a, []);
     var _c = useAppSelector(businessSelector), data = _c.data, error = _c.error;
-    var settingData = useAppSelector(settingsSelector).data;
     var businessTypeData = data.businessTypeData;
     var _d = React.useState(null), anchorEl = _d[0], setAnchorEl = _d[1];
     var t = useTranslation().t;
@@ -80,18 +80,24 @@ var LicenseList = function (_a) {
         setAnchorEl(null);
         (_a = rest.onListClose) === null || _a === void 0 ? void 0 : _a.call(rest);
     };
+    var isSACountry = React.useMemo(function () { var _a; return isSA((_a = data.verify.responseBody) === null || _a === void 0 ? void 0 : _a.country_code); }, [(_b = data.verify.responseBody) === null || _b === void 0 ? void 0 : _b.country_code]);
     React.useEffect(function () {
-        if (licenseList.length > 0)
+        if ((licenseList || []).length > 0)
             setValue('licenseList', licenseList);
     }, [licenseList]);
     React.useEffect(function () {
-        if (licenseList.length > 0) {
+        if ((licenseList || []).length > 0) {
             if (!!selectedLicense) {
                 setValue('selectedLicense', selectedLicense, { shouldValidate: true });
                 setValue('licenseNumber', licenseNumber, { shouldValidate: true });
             }
         }
     }, [licenseList, selectedLicense]);
+    React.useEffect(function () {
+        var license = (selectedLicense === null || selectedLicense === void 0 ? void 0 : selectedLicense.type) === BusinessType.CR ? OTHER_CR_LICENSE : OTHER_FL_LICENSE;
+        if (!isSACountry)
+            setValue('selectedLicense', license, { shouldValidate: true });
+    }, [isSACountry]);
     var getLicenseNumber = function (item) {
         var _a;
         return ((_a = item === null || item === void 0 ? void 0 : item.license) === null || _a === void 0 ? void 0 : _a.number) || '';
@@ -126,8 +132,8 @@ var LicenseList = function (_a) {
     var licenseReadonly = !isOtherLicense(selected);
     var isCR = (selected === null || selected === void 0 ? void 0 : selected.type) === BusinessType.CR;
     var flValue = isOtherLicense(selected) ? t(getLicenseName(selected)) : getLicenseNumber(selected);
-    return (_jsxs(ScreenContainer, { 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: showLicenseNumber && isKW((_b = data.verify.responseBody) === null || _b === void 0 ? void 0 : _b.country_code) }), _jsx(LicenseNumber, { show: showLicenseNumber, readOnly: licenseReadonly })] }));
+    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: showLicenseNumber && !isSACountry }), _jsx(LicenseType, { show: showLicenseNumber && !isSACountry }), _jsx(LicenseNumber, { show: showLicenseNumber, readOnly: licenseReadonly })] }));
 };
 export default React.memo(LicenseList);

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

@@ -13,21 +13,25 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { useTranslation } from 'react-i18next';
 import { useController, useFormContext } from 'react-hook-form';
-import { CR_NUMBER_LENGTH, FL_NUMBER_LENGTH } from '../../../../constants';
-import { removeAllOtherThanCharsAndNumber } from '../../../../utils';
+import { CR_NUMBER_LENGTH, FL_NUMBER_LENGTH, KW_MAX_LICENSE_LENGTH, KW_MIN_LICENSE_LENGTH } from '../../../../constants';
+import { removeAllOtherThanCharsAndNumber, isSA } from '../../../../utils';
 import ScreenContainer from '../../../shared/Containers/ScreenContainer';
 import ClearIcon from '../../../shared/ClearIcon';
 import CheckIcon from '../../../shared/CheckIcon';
 import Input from '../../../shared/Input';
 import Collapse from '../../../../components/Collapse';
 import { BusinessType } from '../../../../@types';
+import { useAppSelector } from '../../../../hooks';
+import { businessSelector } from '../../../app/business/businessStore';
 var LicenseNumber = function (_a) {
-    var _b;
+    var _b, _c;
     var show = _a.show, readOnly = _a.readOnly;
     var t = useTranslation().t;
-    var _c = useFormContext(), control = _c.control, getValues = _c.getValues;
+    var _d = useFormContext(), control = _d.control, watch = _d.watch, getValues = _d.getValues;
     var licenseNumberControl = useController({ control: control, name: 'licenseNumber' });
-    var selectedLicense = getValues('selectedLicense');
+    var businessData = useAppSelector(businessSelector).data;
+    var isSACountry = React.useMemo(function () { var _a; return isSA((_a = businessData.verify.responseBody) === null || _a === void 0 ? void 0 : _a.country_code); }, [(_b = businessData.verify.responseBody) === null || _b === void 0 ? void 0 : _b.country_code]);
+    var selectedLicense = !isSACountry ? watch('selectedLicense') : getValues('selectedLicense');
     var isCR = (selectedLicense === null || selectedLicense === void 0 ? void 0 : selectedLicense.type) === BusinessType.CR;
     var handleFLNumberChange = function (_a) {
         var target = _a.target;
@@ -38,9 +42,11 @@ var LicenseNumber = function (_a) {
         licenseNumberControl.field.onChange('');
     };
     var licenseNumberValue = licenseNumberControl.field.value;
-    var error = (_b = licenseNumberControl.fieldState.error) === null || _b === void 0 ? void 0 : _b.message;
-    var length = isCR ? CR_NUMBER_LENGTH : FL_NUMBER_LENGTH;
+    var error = (_c = licenseNumberControl.fieldState.error) === null || _c === void 0 ? void 0 : _c.message;
+    var length = !isSACountry ? KW_MAX_LICENSE_LENGTH : isCR ? CR_NUMBER_LENGTH : FL_NUMBER_LENGTH;
+    var minLength = !isSACountry ? KW_MIN_LICENSE_LENGTH : length;
     var label = isCR ? 'cr_number' : 'fl_number';
-    return (_jsx(Collapse, __assign({ in: show }, { children: _jsx(ScreenContainer, { children: _jsx(Input, { readOnly: readOnly, label: t(label), onChange: handleFLNumberChange, inputProps: { maxLength: length }, value: licenseNumberValue, endAdornment: (licenseNumberValue === null || licenseNumberValue === void 0 ? void 0 : licenseNumberValue.length) === length ? (_jsx(CheckIcon, {})) : (licenseNumberValue && _jsx(ClearIcon, { onClick: clearLicenseNumber })), placeholder: isCR ? t('cr_number_hint') : t('fl_number_hint'), warningType: 'alert', warningMessage: error && t(error, { length: length }) }) }) })));
+    var showCheckIcon = !isSACountry ? (licenseNumberValue === null || licenseNumberValue === void 0 ? void 0 : licenseNumberValue.length) >= minLength : (licenseNumberValue === null || licenseNumberValue === void 0 ? void 0 : licenseNumberValue.length) === length;
+    return (_jsx(Collapse, __assign({ in: show }, { children: _jsx(ScreenContainer, { children: _jsx(Input, { readOnly: readOnly, label: t(label), required: !isSACountry, onChange: handleFLNumberChange, inputProps: { maxLength: length }, value: licenseNumberValue, endAdornment: showCheckIcon ? _jsx(CheckIcon, {}) : licenseNumberValue && _jsx(ClearIcon, { onClick: clearLicenseNumber }), placeholder: isCR ? t('cr_number_hint') : t('fl_number_hint'), warningType: 'alert', warningMessage: error && t(error, { length: minLength }) }) }) })));
 };
 export default React.memo(LicenseNumber);

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

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

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

@@ -0,0 +1,67 @@
+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 { styled, alpha } from '@mui/material/styles';
+import Collapse from '../../../../components/Collapse';
+import { useTranslation } from 'react-i18next';
+import { useController, useFormContext } from 'react-hook-form';
+import Text from '../../../../components/Text';
+import { ScreenContainer } from '../../../shared/Containers';
+import Mandatory from '../../../shared/Mandatory';
+import RadioLabel from '../../../../components/RadioLabel';
+import { BusinessType } from '../../../../@types';
+import RadioGroup from '../../../../components/RadioGroup';
+import Radio from '../../../../components/Radio';
+import { OTHER_CR_LICENSE, OTHER_FL_LICENSE } from '../../../../constants';
+import { businessSelector, clearError } from '../../../app/business/businessStore';
+import { useAppDispatch, useAppSelector } from '../../../../hooks';
+var LabelTextStyled = styled(Text)(function (_a) {
+    var theme = _a.theme;
+    return (__assign(__assign({}, theme.typography.caption), { color: alpha(theme.palette.text.primary, 0.6), marginBlockEnd: theme.spacing(0.625) }));
+});
+var RadioGroupStyled = styled(RadioGroup)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        marginInlineStart: theme.spacing(0.25)
+    });
+});
+var RadioStyled = styled(Radio)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        '& .MuiSvgIcon-root': {
+            fontSize: theme.spacing(2.25),
+            width: theme.spacing(2.25),
+            height: theme.spacing(2.25)
+        }
+    });
+});
+var LicenseType = function (_a) {
+    var show = _a.show;
+    var t = useTranslation().t;
+    var control = useFormContext().control;
+    var error = useAppSelector(businessSelector).error;
+    var selectedLicenseControl = useController({ control: control, name: 'selectedLicense' });
+    var dispatch = useAppDispatch();
+    var handleOnChange = function (_a) {
+        var target = _a.target;
+        if (error)
+            dispatch(clearError());
+        selectedLicenseControl.field.onChange(target.value === BusinessType.CR ? OTHER_CR_LICENSE : OTHER_FL_LICENSE);
+    };
+    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
+                        ? (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: t('commercial_reg'), control: _jsx(RadioStyled, { color: 'primary', disableFocusRipple: true, disableRipple: true, disableTouchRipple: true, focusRipple: false }) }), _jsx(RadioLabel, { value: BusinessType.FL, label: t('freelancer_reg'), control: _jsx(RadioStyled, { color: 'primary', disableFocusRipple: true, disableRipple: true, disableTouchRipple: true, focusRipple: false }) })] }))] })) })));
+};
+export default LicenseType;

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

@@ -1,5 +1,5 @@
 import * as yup from 'yup';
-import { FL_NUMBER_LENGTH, CR_NUMBER_LENGTH, REGEX_BRAND_NAME } from '../../../../constants';
+import { FL_NUMBER_LENGTH, CR_NUMBER_LENGTH, REGEX_BRAND_NAME, KW_MIN_LICENSE_LENGTH } from '../../../../constants';
 import { BusinessType } from '../../../../@types';
 var objectElements = {
     legal_name: yup.object().shape({
@@ -42,9 +42,9 @@ export var KWLicenseValidationSchema = yup.object().shape({
             if (length === 0)
                 return true;
             if (isCR) {
-                return length === CR_NUMBER_LENGTH ? true : this.createError({ message: 'cr_max_length' });
+                return length >= KW_MIN_LICENSE_LENGTH ? true : this.createError({ message: 'cr_kw_max_length' });
             }
-            return length === FL_NUMBER_LENGTH ? true : this.createError({ message: 'fl_max_length' });
+            return length >= KW_MIN_LICENSE_LENGTH ? true : this.createError({ message: 'fl_kw_max_length' });
         }
     })
         .required(''),

package/build/features/connect/Connect.js

@@ -27,7 +27,7 @@ import { useAppTheme, useAppSelector, useAppConfig, useErrorListener, useStepSta
 import { handleCurrentActiveScreen, settingsSelector, handleOpen } from '../../app/settings';
 import AnimationFlow from '../../components/AnimationFlow';
 import { store } from '../../app/store';
-import { connectSelector } from '../app/connect/connectStore';
+import { connectSelector, setDefaultCountryCode } from '../app/connect/connectStore';
 import { ReduxProvider, ThemeProvider } from '../../components/Providers';
 import Collapse from '../../components/Collapse';
 import { reactElement, removeElement, isKW } from '../../utils';
@@ -52,6 +52,11 @@ var Connect = memo(function (_a) {
                 dispatch(handleCurrentActiveScreen('CONNECT_CIVIL_ID_STEP'));
         }
     }, [settingLoading]);
+    React.useEffect(function () {
+        var _a;
+        if (!!((_a = data.businessCountry) === null || _a === void 0 ? void 0 : _a.iso2))
+            dispatch(setDefaultCountryCode(data.businessCountry));
+    }, [data.businessCountry]);
     var handleDialogClose = function () {
         dispatch(handleOpen(false));
     };

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

@@ -71,7 +71,7 @@ var CivilID = function (_a) {
     }, [methods.formState.isValid]);
     var onSubmit = function (data) {
         dispatch(createCivilIdAuth(data));
-        dispatch(resetMobileScreen());
+        dispatch(resetMobileScreen(settingsStore.data.businessCountry));
     };
     var handleClearError = function () {
         if (error)

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

@@ -73,7 +73,7 @@ var NID = function (_a) {
     }, [methods.formState.isValid]);
     var onSubmit = function (data) {
         dispatch(createNIDAuth(data));
-        dispatch(resetMobileScreen());
+        dispatch(resetMobileScreen(settingsStore.data.businessCountry));
     };
     var handleCollapseOpenClose = function (flag) {
         setCollapse(flag);

package/build/utils/array.d.ts

@@ -11,3 +11,4 @@ export declare const isExist: (items: Array<any>, id: string) => any;
 export declare const allAreTruthy: (items: Array<any>, condition: boolean | string, key: string, exclude?: string) => boolean;
 export declare const sortCountries: (countries: Array<CountryCode>) => CountryCode[];
 export declare const findCountryByIso2: (countries: Array<CountryCode>, iso2: string) => CountryCode | undefined;
+export declare const findCountryByIddPrefix: (countries: Array<CountryCode>, iddPrefix: string) => CountryCode | undefined;

package/build/utils/array.js

@@ -63,3 +63,8 @@ export var findCountryByIso2 = function (countries, iso2) {
         throw new Error('iso2 is required');
     return countries.find(function (country) { return country.iso2.toLowerCase() === iso2.toLowerCase(); });
 };
+export var findCountryByIddPrefix = function (countries, iddPrefix) {
+    if (!iddPrefix)
+        throw new Error('idd_prefix is required');
+    return countries.find(function (country) { return country.idd_prefix.toString() === iddPrefix; });
+};

package/build/utils/string.d.ts

@@ -43,3 +43,4 @@ export declare const getBaseUrl: () => string;
 export declare const getScreenNameBasedOnFlow: (flow: string) => "CONNECT_NID_STEP" | "" | "BUSINESS_BUSINESS_TYPE_STEP" | "INDIVIDUAL_ADDITIONAL_INDIVIDUAL_INFO_STEP" | "BANK_BANK_DETAILS_STEP" | "TAX_TAX_DETAILS_STEP";
 export declare const getEighteenYearsAgo: () => string;
 export declare const isKW: (flag: string) => boolean;
+export declare const isSA: (flag: string) => boolean;

package/build/utils/string.js

@@ -176,3 +176,6 @@ export var getEighteenYearsAgo = function () {
 export var isKW = function (flag) {
     return ['kw', 'kwd'].includes(flag === null || flag === void 0 ? void 0 : flag.toLowerCase());
 };
+export var isSA = function (flag) {
+    return ['sa', 'sau'].includes(flag === null || flag === void 0 ? void 0 : flag.toLowerCase());
+};

package/package.json

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