@tap-payments/auth-jsconnect 2.8.98-development → 2.9.0

package/build/features/app/kyc/kycStore.js

@@ -0,0 +1,432 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var _a;
+import { createAsyncThunk, createSlice } from '@reduxjs/toolkit';
+import { handlePublicKey, handleSetCountryByIso2 } from '../../../app/settings';
+import { FlowsTypes } from '../../../@types';
+import { CONNECT_FLOWS, KYC_STEP_NAMES, NAFATH_PACI_TIMEOUT_DURATION, NAFATH_VERIFICATION_FAILED } from '../../../constants';
+import API from '../../../api';
+import { isNetworkError, isTimeoutError, sendCustomEventToGTM, sleep } from '../../../utils';
+export var verifyTokenApi = createAsyncThunk('kyc/verifyTokenApi', function (_a, thunkApi) {
+    var token = _a.token;
+    return __awaiter(void 0, void 0, void 0, function () {
+        var payload, data, _b, config, country_code, segment_id, boardId, boardInfoId, publicKey, info, isCompleted, nextScreen, userList, userPayload, users;
+        var _c;
+        return __generator(this, function (_d) {
+            switch (_d.label) {
+                case 0:
+                    payload = {
+                        service_name: 'tap_email',
+                        verify_token: token,
+                        notification: {
+                            sms: false
+                        }
+                    };
+                    return [4, API.leadService.verifyToken(payload)];
+                case 1:
+                    data = _d.sent();
+                    _b = data || {}, config = _b.config, country_code = _b.country_code, segment_id = _b.segment_id, boardId = _b.id, boardInfoId = _b.board_info_id;
+                    publicKey = config === null || config === void 0 ? void 0 : config.public_key;
+                    return [4, API.boardService.retrieveBoardInfo({ id: boardId, infoId: boardInfoId })];
+                case 2:
+                    info = (_d.sent()).info;
+                    isCompleted = ((_c = info === null || info === void 0 ? void 0 : info.find(function (flow) { return flow.name === 'kyc'; })) === null || _c === void 0 ? void 0 : _c.status) === 'completed';
+                    nextScreen = isCompleted ? CONNECT_FLOWS.kyc.alreadySubmitted : CONNECT_FLOWS.kyc.terms;
+                    userList = [];
+                    if (country_code)
+                        thunkApi.dispatch(handleSetCountryByIso2(country_code));
+                    if (publicKey)
+                        thunkApi.dispatch(handlePublicKey(publicKey));
+                    if (!!isCompleted) return [3, 4];
+                    userPayload = {
+                        page: 1,
+                        limit: 25,
+                        is_authorized: true,
+                        segment_ids: [segment_id]
+                    };
+                    return [4, API.userService.getUserListUsingSegmentId(userPayload)];
+                case 3:
+                    users = (_d.sent()).users;
+                    userList = users || [];
+                    _d.label = 4;
+                case 4: return [2, {
+                        data: __assign(__assign({}, data), { boardId: boardId }),
+                        userList: userList,
+                        token: token,
+                        nextScreen: nextScreen
+                    }];
+            }
+        });
+    });
+});
+export var createPaciAuth = createAsyncThunk('kyc/createPaciAuth', function (user, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
+    var _a, settings, kyc, verifyTokenData, id, requestBody, data, nextScreen;
+    var _b, _c;
+    return __generator(this, function (_d) {
+        switch (_d.label) {
+            case 0:
+                _a = thunkApi.getState(), settings = _a.settings, kyc = _a.kyc;
+                verifyTokenData = (kyc.data.responseData || {}).verifyTokenData;
+                id = (user || {}).id;
+                requestBody = {
+                    country: settings.data.businessCountry.iso2,
+                    lang: settings.data.language,
+                    is_lead: false,
+                    scope: 'auth',
+                    board_id: verifyTokenData === null || verifyTokenData === void 0 ? void 0 : verifyTokenData.boardId,
+                    user_id: id,
+                    step_name: KYC_STEP_NAMES.KYC_CREATE_PACI,
+                    encryption_contract: []
+                };
+                return [4, API.authService.createAuth(requestBody)];
+            case 1:
+                data = _d.sent();
+                (_c = (_b = settings.data.appConfig).onStepCompleted) === null || _c === void 0 ? void 0 : _c.call(_b, settings.data.activeScreen.name, { id: id });
+                nextScreen = CONNECT_FLOWS.kyc.verifyPACI;
+                return [2, { data: data, nextScreen: nextScreen }];
+        }
+    });
+}); });
+export var createNafathAuth = createAsyncThunk('kyc/createNafathAuth', function (user, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
+    var _a, settings, kyc, verifyTokenData, id, requestBody, data, nextScreen;
+    var _b, _c;
+    return __generator(this, function (_d) {
+        switch (_d.label) {
+            case 0:
+                _a = thunkApi.getState(), settings = _a.settings, kyc = _a.kyc;
+                verifyTokenData = (kyc.data.responseData || {}).verifyTokenData;
+                id = (user || {}).id;
+                requestBody = {
+                    country: settings.data.businessCountry.iso2,
+                    lang: settings.data.language,
+                    is_lead: false,
+                    scope: 'auth',
+                    board_id: verifyTokenData === null || verifyTokenData === void 0 ? void 0 : verifyTokenData.boardId,
+                    user_id: id,
+                    step_name: KYC_STEP_NAMES.KYC_CREATE_NAFATH,
+                    encryption_contract: []
+                };
+                return [4, API.authService.createAuth(requestBody)];
+            case 1:
+                data = _d.sent();
+                (_c = (_b = settings.data.appConfig).onStepCompleted) === null || _c === void 0 ? void 0 : _c.call(_b, settings.data.activeScreen.name, requestBody);
+                nextScreen = CONNECT_FLOWS.kyc.verifyNafath;
+                return [2, { data: data, nextScreen: nextScreen }];
+        }
+    });
+}); });
+export var verifyNafath = createAsyncThunk('kyc/verifyNafath', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
+    var kyc, createAuthData, expiry, interval, maxCalls, count, data, error_1, isSuccess, isFailed, nextScreen;
+    var _a, _b, _c, _d;
+    return __generator(this, function (_e) {
+        switch (_e.label) {
+            case 0:
+                kyc = thunkApi.getState().kyc;
+                createAuthData = (kyc.data.responseData || {}).createAuthData;
+                expiry = (createAuthData === null || createAuthData === void 0 ? void 0 : createAuthData.expiry) || 120;
+                interval = 3;
+                maxCalls = Math.floor(expiry / interval);
+                count = 1;
+                _e.label = 1;
+            case 1:
+                if (!(count <= maxCalls)) return [3, 10];
+                if (thunkApi.signal.aborted) {
+                    return [3, 10];
+                }
+                data = undefined;
+                _e.label = 2;
+            case 2:
+                _e.trys.push([2, 4, , 5]);
+                return [4, API.authService.getVerifyAuth(createAuthData === null || createAuthData === void 0 ? void 0 : createAuthData.auth_token, { timeout: NAFATH_PACI_TIMEOUT_DURATION })];
+            case 3:
+                data = _e.sent();
+                return [3, 5];
+            case 4:
+                error_1 = _e.sent();
+                if (!isNetworkError(error_1.message) && !isTimeoutError(error_1.message)) {
+                    throw new Error(error_1);
+                }
+                return [3, 5];
+            case 5:
+                isSuccess = ((_a = data === null || data === void 0 ? void 0 : data.status) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === 'success';
+                isFailed = ((_b = data === null || data === void 0 ? void 0 : data.status) === null || _b === void 0 ? void 0 : _b.toLowerCase()) === 'failed';
+                if (isFailed) {
+                    (_c = params.onFailure) === null || _c === void 0 ? void 0 : _c.call(params);
+                    return [2, { data: data, createAuthData: createAuthData }];
+                }
+                if (!isSuccess) return [3, 7];
+                (_d = params.onSuccess) === null || _d === void 0 ? void 0 : _d.call(params);
+                return [4, thunkApi.dispatch(updateKYCSuccess())];
+            case 6:
+                _e.sent();
+                nextScreen = CONNECT_FLOWS.kyc.success;
+                return [2, { data: data, nextScreen: nextScreen, createAuthData: createAuthData }];
+            case 7: return [4, sleep(interval * 1000)];
+            case 8:
+                _e.sent();
+                _e.label = 9;
+            case 9:
+                count++;
+                return [3, 1];
+            case 10: throw new Error(NAFATH_VERIFICATION_FAILED);
+        }
+    });
+}); });
+export var verifyPaci = createAsyncThunk('kyc/verifyPaci', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
+    var kyc, createAuthData, expiry, interval, maxCalls, count, data, error_2, isSuccess, nextScreen;
+    var _a, _b;
+    return __generator(this, function (_c) {
+        switch (_c.label) {
+            case 0:
+                kyc = thunkApi.getState().kyc;
+                createAuthData = (kyc.data.responseData || {}).createAuthData;
+                expiry = (createAuthData === null || createAuthData === void 0 ? void 0 : createAuthData.expiry) || 120;
+                interval = 3;
+                maxCalls = Math.floor(expiry / interval);
+                count = 1;
+                _c.label = 1;
+            case 1:
+                if (!(count <= maxCalls)) return [3, 10];
+                if (thunkApi.signal.aborted) {
+                    return [3, 10];
+                }
+                data = undefined;
+                _c.label = 2;
+            case 2:
+                _c.trys.push([2, 4, , 5]);
+                return [4, API.authService.getVerifyAuth(createAuthData === null || createAuthData === void 0 ? void 0 : createAuthData.auth_token, { timeout: NAFATH_PACI_TIMEOUT_DURATION })];
+            case 3:
+                data = _c.sent();
+                return [3, 5];
+            case 4:
+                error_2 = _c.sent();
+                if (!isNetworkError(error_2.message) && !isTimeoutError(error_2.message)) {
+                    throw new Error(error_2);
+                }
+                return [3, 5];
+            case 5:
+                isSuccess = ((_a = data === null || data === void 0 ? void 0 : data.status) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === 'success';
+                if (!isSuccess) return [3, 7];
+                (_b = params.onSuccess) === null || _b === void 0 ? void 0 : _b.call(params);
+                return [4, thunkApi.dispatch(updateKYCSuccess())];
+            case 6:
+                _c.sent();
+                nextScreen = CONNECT_FLOWS.kyc.success;
+                return [2, { data: data, nextScreen: nextScreen, createAuthData: createAuthData }];
+            case 7: return [4, sleep(interval * 1000)];
+            case 8:
+                _c.sent();
+                _c.label = 9;
+            case 9:
+                count++;
+                return [3, 1];
+            case 10: throw new Error('paci_verification_failed');
+        }
+    });
+}); });
+export var updateKYCSuccess = createAsyncThunk('kyc/updateKYCSuccess', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
+    var _a, settings, kyc, _b, boardId, infoId, payload, data;
+    var _c, _d, _e, _f, _g;
+    return __generator(this, function (_h) {
+        switch (_h.label) {
+            case 0:
+                _a = thunkApi.getState(), settings = _a.settings, kyc = _a.kyc;
+                _b = ((_c = kyc.data.responseData) === null || _c === void 0 ? void 0 : _c.verifyTokenData) || {}, boardId = _b.boardId, infoId = _b.board_info_id;
+                if (!boardId)
+                    return [2];
+                payload = {
+                    lang: settings.data.language,
+                    step_name: KYC_STEP_NAMES.KYC_COMPLETED,
+                    id: boardId
+                };
+                return [4, API.boardService.updateBoardInfo(__assign({ id: boardId, infoId: infoId }, payload))];
+            case 1:
+                data = _h.sent();
+                sendCustomEventToGTM({
+                    event: 'Send Event',
+                    event_category: 'Board Flows - KYC',
+                    event_action: 'KYC Update Success Page',
+                    event_label: settings.data.businessCountry.iso2
+                });
+                (_e = (_d = settings.data.appConfig).onStepCompleted) === null || _e === void 0 ? void 0 : _e.call(_d, settings.data.activeScreen.name, {});
+                (_g = (_f = settings.data.appConfig).onFlowCompleted) === null || _g === void 0 ? void 0 : _g.call(_f, { data: data });
+                return [2, { data: data }];
+        }
+    });
+}); });
+var initialState = {
+    error: null,
+    loading: false,
+    customLoading: false,
+    data: {
+        flowName: FlowsTypes.CONNECT,
+        verify: {
+            token: ''
+        },
+        otpData: {
+            otp: ''
+        },
+        idInfo: {
+            nid: '',
+            dob: ''
+        }
+    }
+};
+export var kycSlice = createSlice({
+    name: 'kyc/store',
+    initialState: initialState,
+    reducers: {
+        clearError: function (state) {
+            state.error = null;
+        },
+        setError: function (state, action) {
+            state.error = action.payload;
+        },
+        stopLoader: function (state) {
+            state.loading = false;
+        }
+    },
+    extraReducers: function (builder) {
+        builder
+            .addCase(verifyTokenApi.pending, function (state) {
+            state.error = null;
+            state.customLoading = true;
+        })
+            .addCase(verifyTokenApi.fulfilled, function (state, action) {
+            state.error = null;
+            state.customLoading = false;
+            var _a = action.payload || {}, data = _a.data, token = _a.token, userList = _a.userList;
+            state.data.responseData = {
+                verifyTokenData: data,
+                userList: userList
+            };
+            state.data.verify.token = token;
+        })
+            .addCase(verifyTokenApi.rejected, function (state, action) {
+            state.error = action.error.message;
+            state.customLoading = false;
+        })
+            .addCase(createNafathAuth.pending, function (state) {
+            state.loading = true;
+            state.error = null;
+        })
+            .addCase(createNafathAuth.fulfilled, function (state, action) {
+            state.loading = false;
+            state.error = null;
+            var data = action.payload.data;
+            state.data.responseData = __assign(__assign({}, state.data.responseData), { createAuthData: data });
+        })
+            .addCase(createNafathAuth.rejected, function (state, action) {
+            state.loading = false;
+            state.error = action.error.message;
+        })
+            .addCase(verifyNafath.pending, function (state) {
+            state.loading = true;
+            state.error = null;
+        })
+            .addCase(verifyNafath.fulfilled, function (state, action) {
+            state.loading = false;
+            var data = action.payload.data;
+            state.data.responseData = __assign(__assign({}, state.data.responseData), { verifyAuthData: data });
+        })
+            .addCase(verifyNafath.rejected, function (state, action) {
+            state.loading = false;
+            var error = action.error.message;
+            if (error !== 'Aborted') {
+                state.error = error;
+            }
+        })
+            .addCase(createPaciAuth.pending, function (state) {
+            state.loading = true;
+            state.error = null;
+        })
+            .addCase(createPaciAuth.fulfilled, function (state, action) {
+            state.loading = false;
+            state.error = null;
+            var data = action.payload.data;
+            state.data.responseData = __assign(__assign({}, state.data.responseData), { createAuthData: data });
+        })
+            .addCase(createPaciAuth.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;
+            var data = action.payload.data;
+            state.data.responseData = __assign(__assign({}, state.data.responseData), { verifyAuthData: data });
+        })
+            .addCase(verifyPaci.rejected, function (state, action) {
+            state.loading = false;
+            var error = action.error.message;
+            if (error !== 'Aborted') {
+                state.error = error;
+            }
+        })
+            .addCase(updateKYCSuccess.fulfilled, function (state, action) {
+            state.loading = false;
+            state.error = null;
+            var data = (action.payload || {}).data;
+            state.data.responseData = __assign(__assign({}, state.data.responseData), { boardSuccess: data });
+        })
+            .addCase(updateKYCSuccess.pending, function (state) {
+            state.loading = true;
+            state.error = null;
+        })
+            .addCase(updateKYCSuccess.rejected, function (state, action) {
+            state.loading = false;
+            state.error = action.error.message;
+        });
+    }
+});
+export var clearError = (_a = kycSlice.actions, _a.clearError), setError = _a.setError, stopLoader = _a.stopLoader;
+export default kycSlice.reducer;
+export var kycSelector = function (state) { return state.kyc; };

package/build/features/app/signIn/signInStore.js

@@ -56,19 +56,21 @@ var redirection = function (type) {
     return handleNextScreenStep('SIGIN_OTP_STEP');
 };
 export var createMobileAuth = createAsyncThunk('signIn/createMobileAuth', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var settings, requestBody, data;
-    var _a, _b, _c, _d;
-    return __generator(this, function (_e) {
-        switch (_e.label) {
+    var settings, isStartWithZero, mobileNumber, requestBody, data;
+    var _a, _b, _c, _d, _e;
+    return __generator(this, function (_f) {
+        switch (_f.label) {
             case 0:
                 settings = thunkApi.getState().settings;
+                isStartWithZero = (_a = params.mobile) === null || _a === void 0 ? void 0 : _a.startsWith('0');
+                mobileNumber = isStartWithZero ? params.mobile.slice(1) : params.mobile;
                 requestBody = {
                     country: settings.data.businessCountry.iso2,
                     scope: settings.data.appConfig.scope,
                     lang: settings.data.language,
                     user_credentail: {
-                        phone: params.mobile || '',
-                        code: (_b = (_a = params.countryCode) === null || _a === void 0 ? void 0 : _a.idd_prefix) === null || _b === void 0 ? void 0 : _b.toString()
+                        phone: mobileNumber || '',
+                        code: (_c = (_b = params.countryCode) === null || _b === void 0 ? void 0 : _b.idd_prefix) === null || _c === void 0 ? void 0 : _c.toString()
                     },
                     sign_in: true,
                     step_name: SignIn_STEP_NAMES.CREATE_AUTH_MOBILE,
@@ -76,28 +78,30 @@ export var createMobileAuth = createAsyncThunk('signIn/createMobileAuth', functi
                 };
                 return [4, API.authService.createAuth(requestBody)];
             case 1:
-                data = _e.sent();
+                data = _f.sent();
                 thunkApi.dispatch(redirection(data === null || data === void 0 ? void 0 : data.auth_type));
-                (_d = (_c = settings.data.appConfig).onStepCompleted) === null || _d === void 0 ? void 0 : _d.call(_c, settings.data.activeScreen.name, requestBody.user_credentail);
+                (_e = (_d = settings.data.appConfig).onStepCompleted) === null || _e === void 0 ? void 0 : _e.call(_d, settings.data.activeScreen.name, requestBody.user_credentail);
                 return [2, { data: data, formData: params }];
         }
     });
 }); });
 export var resendOTPMobile = createAsyncThunk('signIn/resendOTPMobile', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var _a, settings, signIn, authData, requestBody, data;
-    var _b, _c;
-    return __generator(this, function (_d) {
-        switch (_d.label) {
+    var _a, settings, signIn, authData, isStartWithZero, mobileNumber, requestBody, data;
+    var _b, _c, _d, _e;
+    return __generator(this, function (_f) {
+        switch (_f.label) {
             case 0:
                 _a = thunkApi.getState(), settings = _a.settings, signIn = _a.signIn;
                 authData = signIn.data.auth;
+                isStartWithZero = (_b = authData.mobile) === null || _b === void 0 ? void 0 : _b.startsWith('0');
+                mobileNumber = isStartWithZero ? (_c = authData.mobile) === null || _c === void 0 ? void 0 : _c.slice(1) : authData.mobile;
                 requestBody = {
                     country: settings.data.businessCountry.iso2,
                     scope: settings.data.appConfig.scope,
                     lang: settings.data.language,
                     user_credentail: {
-                        phone: authData.mobile || '',
-                        code: ((_c = (_b = authData.countryCode) === null || _b === void 0 ? void 0 : _b.idd_prefix) === null || _c === void 0 ? void 0 : _c.toString()) || ''
+                        phone: mobileNumber || '',
+                        code: ((_e = (_d = authData.countryCode) === null || _d === void 0 ? void 0 : _d.idd_prefix) === null || _e === void 0 ? void 0 : _e.toString()) || ''
                     },
                     sign_in: true,
                     step_name: SignIn_STEP_NAMES.CREATE_AUTH_MOBILE,
@@ -105,7 +109,7 @@ export var resendOTPMobile = createAsyncThunk('signIn/resendOTPMobile', function
                 };
                 return [4, API.authService.createAuth(requestBody)];
             case 1:
-                data = _d.sent();
+                data = _f.sent();
                 return [2, data];
         }
     });

package/build/features/auth/Auth.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { LibConfig } from '../../@types';
-export interface AuthLibProps extends Pick<LibConfig, 'open' | 'mode' | 'scope' | 'merchantDomain' | 'publicKey' | 'redirectUrl' | 'data' | 'postURL' | 'appInfo' | 'businessCountryCode' | 'language' | 'onFlowCompleted' | 'onError' | 'onStepCompleted' | 'onReady' | 'onClose' | 'onStepStarted'> {
+export interface AuthLibProps extends Pick<LibConfig, 'open' | 'mode' | 'scope' | 'merchantDomain' | 'publicKey' | 'redirectUrl' | 'data' | 'postURL' | 'appInfo' | 'businessCountryCode' | 'language' | 'onFlowCompleted' | 'onError' | 'onStepCompleted' | 'onReady' | 'onClose' | 'onStepStarted' | 'region'> {
     leadId?: string;
     configToken?: string;
 }

package/build/features/auth/screens/Mobile/MobileNumber.js

@@ -35,7 +35,7 @@ import { authSelector } from '../../../app/auth/authStore';
 import ExpandIcon from '../../../../components/ExpandIcon';
 import Input from '../../../shared/Input';
 import SimpleList from '../../../../components/SimpleList';
-import { removeAllCharsFromNumber } from '../../../../utils';
+import { getMobileNumberLen, removeAllCharsFromNumber } from '../../../../utils';
 import { useLanguage, useAppSelector } from '../../../../hooks';
 import Search from '../../../shared/Search';
 var LabelContainerStyled = styled(Box)(function (_a) {
@@ -97,10 +97,8 @@ var MobileNumber = React.forwardRef(function (_a, ref) {
     var isSA = countryCodeValue.iso2 === 'SA';
     var mobileMaxLen = countryCodeValue === null || countryCodeValue === void 0 ? void 0 : countryCodeValue.max_digits;
     var mobileMinLen = countryCodeValue === null || countryCodeValue === void 0 ? void 0 : countryCodeValue.min_digits;
-    var isStartsWith5 = mobileValue.startsWith('5');
-    var requiredSALen = isStartsWith5 ? mobileMaxLen - 1 : mobileMaxLen;
-    var requiredMinLen = isSA ? requiredSALen : mobileMinLen;
-    var requiredMaxLen = isSA ? requiredSALen : mobileMaxLen;
+    var requiredMaxLen = getMobileNumberLen(mobileMaxLen, mobileValue);
+    var requiredMinLen = getMobileNumberLen(mobileMinLen, mobileValue);
     React.useEffect(function () {
         if (mobileValue)
             setValue('mobile', mobileValue, { shouldValidate: true });
@@ -142,8 +140,8 @@ var MobileNumber = React.forwardRef(function (_a, ref) {
         var filteredCountries = countries.filter(function (country) {
             return country.idd_prefix.toString().toLowerCase().startsWith(value.replace('+', '').toLowerCase()) ||
                 country.capital.toLowerCase().startsWith(value.toLowerCase()) ||
-                country.name.arabic.toLowerCase().startsWith(value.toLowerCase()) ||
-                country.name.english.toLowerCase().startsWith(value.toLowerCase());
+                country.name.arabic.toLowerCase().includes(value.toLowerCase()) ||
+                country.name.english.toLowerCase().includes(value.toLowerCase());
         });
         setCountries(filteredCountries);
     };

package/build/features/auth/screens/Mobile/validation.js

@@ -1,3 +1,4 @@
+import { getMobileNumberLen } from '../../../../utils';
 import * as yup from 'yup';
 export var PhoneValidationSchema = function () {
     return yup.object().shape({
@@ -20,10 +21,12 @@ export var PhoneValidationSchema = function () {
                 if (isSA) {
                     if (!isSaudiNumber)
                         return this.createError({ message: 'start_with_number' });
-                    var requiredLen = isStartWith5 ? maxDigits - 1 : maxDigits;
+                    var requiredLen = isStartWithZero ? maxDigits + 1 : maxDigits;
                     return valueLen === requiredLen ? true : this.createError({ message: 'enter_valid_mobile_number' });
                 }
-                if (valueLen >= minDigits && valueLen <= maxDigits)
+                var requiredMaxLen = getMobileNumberLen(maxDigits, mobileValue);
+                var requiredMinLen = getMobileNumberLen(minDigits, mobileValue);
+                if (valueLen >= requiredMinLen && valueLen <= requiredMaxLen)
                     return true;
                 if (minDigits === maxDigits)
                     return this.createError({ message: 'enter_valid_mobile_number' });

package/build/features/auth/screens/OTP/OTP.d.ts

@@ -1,5 +1,16 @@
 import * as React from 'react';
-export interface OTPProps {
-}
+export declare const PasscodeLoginStyled: import("@emotion/styled").StyledComponent<import("@mui/system").SystemProps<import("@mui/material/styles").Theme> & {
+    align?: "left" | "right" | "inherit" | "center" | "justify" | undefined;
+    children?: React.ReactNode;
+    classes?: Partial<import("@mui/material").TypographyClasses> | undefined;
+    gutterBottom?: boolean | undefined;
+    noWrap?: boolean | undefined;
+    paragraph?: boolean | undefined;
+    sx?: import("@mui/material/styles").SxProps<import("@mui/material/styles").Theme> | undefined;
+    variant?: "button" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "inherit" | "subtitle1" | "subtitle2" | "body1" | "body2" | "overline" | undefined;
+    variantMapping?: Partial<Record<"button" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "inherit" | "subtitle1" | "subtitle2" | "body1" | "body2" | "overline", string>> | undefined;
+} & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "key" | keyof React.HTMLAttributes<HTMLSpanElement>> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, keyof import("@mui/material/OverridableComponent").CommonProps | ("left" | "right" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "color" | "zIndex" | "position" | "top" | "bottom" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform") | "children" | "sx" | "variant" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
 declare const _default: React.MemoExoticComponent<() => JSX.Element>;
 export default _default;

package/build/features/auth/screens/OTP/OTP.js

@@ -14,9 +14,9 @@ import * as React from 'react';
 import { useTranslation } from 'react-i18next';
 import { useForm, FormProvider } from 'react-hook-form';
 import Box from '@mui/material/Box/Box';
-import { styled } from '@mui/material/styles';
+import { styled, useTheme } from '@mui/material/styles';
 import Text from '../../../../components/Text';
-import { clearError, authSelector, verifyMobileOtp, resetOTPValue, verifyEmailOtp } from '../../../app/auth/authStore';
+import { clearError, authSelector, verifyMobileOtp, resetOTPValue, verifyEmailOtp, createEmailAuth, createMobileAuth } from '../../../app/auth/authStore';
 import Button from '../../../shared/Button';
 import { ScreenContainer } from '../../../shared/Containers';
 import { useAppDispatch, useAppSelector, useLanguage, useSanitizedTranslation } from '../../../../hooks';
@@ -46,8 +46,13 @@ var FormStyled = styled(Form)(function () { return ({
     display: 'flex',
     flexDirection: 'column'
 }); });
+export var PasscodeLoginStyled = styled(Text)(function (_a) {
+    var _b = _a.theme, spacing = _b.spacing, palette = _b.palette, typography = _b.typography;
+    return (__assign(__assign({}, typography.caption), { color: palette.primary.main, lineHeight: 1.75, textAlign: 'center', marginTop: spacing(5), cursor: 'pointer' }));
+});
 var OTP = function () {
     var _a;
+    var spacing = useTheme().spacing;
     var dispatch = useAppDispatch();
     var _b = useAppSelector(authSelector), data = _b.data, loading = _b.loading, error = _b.error;
     var t = useTranslation().t;
@@ -112,7 +117,14 @@ var OTP = function () {
             screen = 'AUTH_EMAIL_STEP';
         dispatch(handlePrevScreenStep(screen));
     };
+    var onOTPLoginClick = function () {
+        if (isEmailAuth)
+            dispatch(createEmailAuth({ email: data.emailData.email }));
+        else
+            dispatch(createMobileAuth({ mobile: data.mobileData.mobile, countryCode: data.mobileData.countryCode }));
+    };
     var disabled = !methods.formState.isValid;
-    return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(OTPTitleContainerStyled, { children: _jsxs(OTPTitleStyled, { children: [loading ? st('ide_otp_waiting_title') : getTitle(), !loading && _jsx("span", __assign({ dir: 'ltr' }, { children: getNumber() }))] }) }), _jsx(OTPInput, {}), _jsx(Button, __assign({ onBackClicked: function () { return onBack(); }, disabled: disabled, isAr: isAr, loading: loading, error: st(error || '') }, { children: t('next') }))] })) })) }));
+    var showLoginWithPasscode = data.passcodeData.allowOTPToPasscodeRedirection;
+    return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(OTPTitleContainerStyled, { children: _jsxs(OTPTitleStyled, { children: [loading ? st('ide_otp_waiting_title') : getTitle(), !loading && _jsx("span", __assign({ dir: 'ltr' }, { children: getNumber() }))] }) }), _jsx(OTPInput, {}), showLoginWithPasscode && _jsx(PasscodeLoginStyled, __assign({ onClick: onOTPLoginClick }, { children: st('login_with_passcode') })), _jsx(Button, __assign({ onBackClicked: function () { return onBack(); }, disabled: disabled, isAr: isAr, loading: loading, error: st(error || '') }, (showLoginWithPasscode && { sx: { marginTop: spacing(2.25) } }), { children: t('next') }))] })) })) }));
 };
 export default React.memo(OTP);

package/build/features/auth/screens/OTP/index.d.ts

@@ -1,3 +1,2 @@
-import OTP, { OTPProps } from './OTP';
-export type { OTPProps };
+import OTP from './OTP';
 export default OTP;