@tap-payments/auth-jsconnect 1.0.27 → 1.0.28

package/build/api/axios.d.ts

@@ -1,4 +1,2 @@
-export declare const ENCRYPTION_FLAG: string;
-export declare const BACKEND_ENCRYPTION_FLAG: string;
 declare const instance: import("axios").AxiosInstance;
 export default instance;

package/build/api/axios.js

@@ -1,9 +1,7 @@
 import axios from 'axios';
 import { get, set } from 'lodash-es';
-import { ENDPOINT_PATHS } from '../constants';
+import { ENCRYPTION_FLAG, ENDPOINT_PATHS } from '../constants';
 import { encryptString } from '../utils';
-export var ENCRYPTION_FLAG = 'encryption_contract';
-export var BACKEND_ENCRYPTION_FLAG = 'backend_encryption_contract';
 var instance = axios.create({
     baseURL: ENDPOINT_PATHS.BASE_URL,
     headers: {
@@ -27,11 +25,10 @@ var encryptionContractTransformer = function (config) {
                 value = value.toString();
             }
             if (value)
-                set(data, key, _encrypt(value));
+                set(data, key, encryptString(value));
         });
         config.data = data;
     }
     return config;
 };
-var _encrypt = function (value) { return encryptString(value); };
 export default instance;

package/build/api/index.d.ts

@@ -1,6 +1,6 @@
 import { ValidateOperatorBody } from './operator';
 import { CreateAuthBody, VerifyAuthBody } from './auth';
-import { UpdateLeadBody } from './lead';
+import { UpdateLeadBody, LeadVerifyBody } from './lead';
 import { CheckEmailBody, CheckBrandBody } from './availabilityServices';
 declare const API: {
     ipService: {
@@ -19,11 +19,13 @@ declare const API: {
     };
     leadService: {
         updateLead: (data: UpdateLeadBody, config?: import("axios").AxiosRequestConfig<any> | undefined) => Promise<import("axios").AxiosResponse<any, any>>;
+        retrieveLead: (leadId: string) => Promise<import("axios").AxiosResponse<any, any>>;
+        verifyLeadToken: (data: LeadVerifyBody, config?: import("axios").AxiosRequestConfig<any> | undefined) => Promise<import("axios").AxiosResponse<any, any>>;
     };
     availabilityServices: {
         checkEmail: (data: CheckEmailBody, config?: import("axios").AxiosRequestConfig<any> | undefined) => Promise<import("axios").AxiosResponse<any, any>>;
         checkBrand: (data: CheckBrandBody, config?: import("axios").AxiosRequestConfig<any> | undefined) => Promise<import("axios").AxiosResponse<any, any>>;
     };
 };
-export type { ValidateOperatorBody, CreateAuthBody, VerifyAuthBody, UpdateLeadBody, CheckEmailBody, CheckBrandBody };
+export type { ValidateOperatorBody, CreateAuthBody, VerifyAuthBody, UpdateLeadBody, LeadVerifyBody, CheckEmailBody, CheckBrandBody };
 export default API;

package/build/api/lead.d.ts

@@ -34,8 +34,8 @@ declare type BrandInfo = {
     content?: BrandContent;
 };
 export declare type UpdateLeadBody = {
-    step_name: string;
-    encryption_contract: Array<string>;
+    step_name?: string;
+    encryption_contract?: Array<string>;
     name?: Name;
     contact?: Contact;
     send_invite?: boolean;
@@ -57,7 +57,13 @@ export declare type UpdateLeadBody = {
     terms_conditions_accepted?: boolean;
     email_url?: string;
 };
+export declare type LeadVerifyBody = {
+    verify_token: string;
+    service_name: string;
+};
 declare const leadService: {
     updateLead: (data: UpdateLeadBody, config?: AxiosRequestConfig) => Promise<import("axios").AxiosResponse<any, any>>;
+    retrieveLead: (leadId: string) => Promise<import("axios").AxiosResponse<any, any>>;
+    verifyLeadToken: (data: LeadVerifyBody, config?: AxiosRequestConfig) => Promise<import("axios").AxiosResponse<any, any>>;
 };
 export { leadService };

package/build/api/lead.js

@@ -3,7 +3,15 @@ import { ENDPOINT_PATHS } from '../constants';
 var updateLead = function (data, config) {
     return instance.put("".concat(ENDPOINT_PATHS.LEAD), data, config);
 };
+var retrieveLead = function (leadId) {
+    return instance.get("".concat(ENDPOINT_PATHS.LEAD, "/").concat(leadId));
+};
+var verifyLeadToken = function (data, config) {
+    return instance.put("".concat(ENDPOINT_PATHS.LEAD_IDENTITY_VERIFY), data, config);
+};
 var leadService = {
-    updateLead: updateLead
+    updateLead: updateLead,
+    retrieveLead: retrieveLead,
+    verifyLeadToken: verifyLeadToken
 };
 export { leadService };

package/build/app/rootReducer.d.ts

@@ -1,5 +1,6 @@
 declare const rootReducer: {
     settings: import("redux").Reducer<import("./settings").SettingsState, import("redux").AnyAction>;
     connect: import("redux").Reducer<import("../features/app/connect/connectStore").ConnectState, import("redux").AnyAction>;
+    business: import("redux").Reducer<import("../features/app/business/businessStore").BusinessState, import("redux").AnyAction>;
 };
 export default rootReducer;

package/build/app/rootReducer.js

@@ -1,7 +1,9 @@
 import settings from './settings';
 import connect from '../features/app/connect/connectStore';
+import business from '../features/app/business/businessStore';
 var rootReducer = {
     settings: settings,
-    connect: connect
+    connect: connect,
+    business: business
 };
 export default rootReducer;

package/build/app/store.d.ts

@@ -2,9 +2,11 @@ import { ThunkAction, Action } from '@reduxjs/toolkit';
 export declare const store: import("@reduxjs/toolkit").EnhancedStore<{
     settings: import("./settings").SettingsState;
     connect: import("../features/app/connect/connectStore").ConnectState;
+    business: import("../features/app/business/businessStore").BusinessState;
 }, import("redux").AnyAction, import("@reduxjs/toolkit").MiddlewareArray<[import("redux-thunk").ThunkMiddleware<{
     settings: import("./settings").SettingsState;
     connect: import("../features/app/connect/connectStore").ConnectState;
+    business: import("../features/app/business/businessStore").BusinessState;
 }, import("redux").AnyAction, undefined>]>>;
 export declare type AppDispatch = typeof store.dispatch;
 export declare type RootState = ReturnType<typeof store.getState>;

package/build/assets/locales/ar.json

@@ -208,7 +208,8 @@
     "fl_required": "رقم رخصة العمل الحر مطلوب",
     "fl_max_length": "طول رخصة العمل الحر يجب ان يكون{{length}}",
     "absher_button_label": "المتابعة عن طريق أبشر",
-    "mobile_button_label": "المتابعة عن طريق رقم الجوال",
-    "or": " أو",
-    "next": "التالي"
+    "or": "أو",
+    "next": "التالي",
+    "open_mail_box": "Open Mailbox",
+    "mobile_button_label": "المتابعة عن طريق رقم الجوال"
 }

package/build/assets/locales/en.json

@@ -224,5 +224,6 @@
     "absher_button_label": "Continue with Absher",
     "mobile_button_label": "Continue with Mobile Number",
     "or": "Or",
-    "next": "next"
+    "next": "next",
+    "open_mail_box": "Open Mailbox"
 }

package/build/constants/api.d.ts

@@ -6,6 +6,7 @@ export declare const ENDPOINT_PATHS: {
     OPERATOR: string;
     AUTH: string;
     LEAD: string;
+    LEAD_IDENTITY_VERIFY: string;
     CHECK_EMAIL: string;
     CHECK_BRAND: string;
 };

package/build/constants/api.js

@@ -5,6 +5,7 @@ var IP_PATH = '/ip';
 var OPERATOR_PATH = '/operator';
 var AUTH_PATH = '/auth';
 var LEAD_PATH = '/lead';
+var LEAD_IDENTITY_VERIFY_PATH = 'lead/identity/verify';
 var CHECK_EMAIL = '/lead/identity/emailcheck';
 var CHECK_BRAND = 'lead/profile/profile_name';
 export var ENDPOINT_PATHS = {
@@ -15,6 +16,7 @@ export var ENDPOINT_PATHS = {
     OPERATOR: OPERATOR_PATH,
     AUTH: AUTH_PATH,
     LEAD: LEAD_PATH,
+    LEAD_IDENTITY_VERIFY: LEAD_IDENTITY_VERIFY_PATH,
     CHECK_EMAIL: CHECK_EMAIL,
     CHECK_BRAND: CHECK_BRAND
 };

package/build/constants/app.d.ts

@@ -78,10 +78,7 @@ export declare const CONNECT_STEP_NAMES: {
     VERIFY_AUTH_PASSWORD: string;
     CONNECT_SUCCESS: string;
 };
-export declare const BUSINESS_STEP_NAMES: {
-    VERIFY_AUTH_MOBILE: string;
-    UPDATE_LEAD_IDENTITY: string;
-    VERIFY_LEAD_IDENTITY: string;
-    UPDATE_LEAD_BUSINESS_TYPE: string;
-};
+export declare const BUSINESS_STEP_NAMES: {};
 export declare const RSA_FRONTEND_MW_PUBLIC_KEY = "-----BEGIN PUBLIC KEY-----\nMIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQCgC9kH1SQvjbXAUXd0PbrDUG8P\nLhRig9pJNBmdQBZjihuaxfkzYu6ToMbIMAfmYgVgQw338/y7aQ8X3m03CXNIlkxo\nOwxKCA8ymKsZQptXJn9IxlPO7yjoFgTFBrpmTgvcC4XO1uoUYTAPq3szK8kj4zgT\nucWG1hSKsOdRU7sl/wIDAQAB\n-----END PUBLIC KEY-----";
+export declare const ENCRYPTION_FLAG = "encryption_contract";
+export declare const BACKEND_ENCRYPTION_FLAG = "backend_encryption_contract";

package/build/constants/app.js

@@ -57,7 +57,7 @@ export var CONNECT_SCREENS_NAVIGATION = [
 ];
 export var BUSINESS_SCREENS_NAVIGATION = [
     {
-        name: 'BUSINESS_VERIFY_NUMBER_STEP',
+        name: 'BUSINESS_VERIFY_STEP',
         next: ['BUSINESS_IDBOD_STEP', 'BUSINESS_BUSINESS_TYPE_STEP'],
         prev: '',
         order: 1
@@ -227,10 +227,7 @@ export var CONNECT_STEP_NAMES = {
     VERIFY_AUTH_PASSWORD: 'connect_verify_auth_password',
     CONNECT_SUCCESS: 'connect_completed'
 };
-export var BUSINESS_STEP_NAMES = {
-    VERIFY_AUTH_MOBILE: 'business_verify_auth_mobile',
-    UPDATE_LEAD_IDENTITY: 'business_update_lead_identity',
-    VERIFY_LEAD_IDENTITY: 'business_verify_lead_identity',
-    UPDATE_LEAD_BUSINESS_TYPE: 'business_update_lead_business_type'
-};
+export var BUSINESS_STEP_NAMES = {};
 export var RSA_FRONTEND_MW_PUBLIC_KEY = "-----BEGIN PUBLIC KEY-----\nMIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQCgC9kH1SQvjbXAUXd0PbrDUG8P\nLhRig9pJNBmdQBZjihuaxfkzYu6ToMbIMAfmYgVgQw338/y7aQ8X3m03CXNIlkxo\nOwxKCA8ymKsZQptXJn9IxlPO7yjoFgTFBrpmTgvcC4XO1uoUYTAPq3szK8kj4zgT\nucWG1hSKsOdRU7sl/wIDAQAB\n-----END PUBLIC KEY-----";
+export var ENCRYPTION_FLAG = 'encryption_contract';
+export var BACKEND_ENCRYPTION_FLAG = 'backend_encryption_contract';

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

@@ -0,0 +1,27 @@
+import { RootState } from '../../../app/store';
+import { CountryCode, ResponseData, SharedState } from '../../../@types';
+export declare const getCountries: import("@reduxjs/toolkit").AsyncThunk<{
+    businessCountry: any;
+    countries: any;
+}, void, {}>;
+export declare const verifyLeadToken: import("@reduxjs/toolkit").AsyncThunk<{
+    data: any;
+    token: string;
+}, string, {}>;
+export interface BusinessData {
+    verify: ResponseData & {
+        token: string;
+    };
+    businessCountry: CountryCode;
+    countries: CountryCode[];
+}
+export interface BusinessState extends SharedState<BusinessData> {
+}
+export declare const businessSlice: import("@reduxjs/toolkit").Slice<BusinessState, {
+    clearError: (state: BusinessState) => void;
+    stopLoader: (state: BusinessState) => void;
+}, "business/store">;
+export declare const clearError: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, stopLoader: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
+declare const _default: import("redux").Reducer<BusinessState, import("redux").AnyAction>;
+export default _default;
+export declare const businessSelector: (state: RootState) => BusinessState;

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

@@ -0,0 +1,135 @@
+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 API from '../../../api';
+import { defaultCountry } from '../../../constants';
+export var getCountries = createAsyncThunk('getCountries', function (_, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
+    var settings, countriesBody, list, businessCountry;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0:
+                settings = thunkApi.getState().settings;
+                return [4, API.countryService.getAllCountries()];
+            case 1:
+                countriesBody = (_a.sent()).data;
+                list = countriesBody.list;
+                businessCountry = list.find(function (item) {
+                    return [item.iso2, item.iso3].includes(settings.data.appConfig.businessCountryCode.toUpperCase());
+                });
+                return [2, { businessCountry: businessCountry, countries: list || [] }];
+        }
+    });
+}); });
+export var verifyLeadToken = createAsyncThunk('verifyLeadToken', function (token, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
+    var payload, data;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0:
+                payload = {
+                    service_name: 'tap_email',
+                    verify_token: token
+                };
+                return [4, API.leadService.verifyLeadToken(payload)];
+            case 1:
+                data = (_a.sent()).data;
+                return [2, { data: data, token: token }];
+        }
+    });
+}); });
+var initialState = {
+    error: null,
+    loading: false,
+    data: {
+        businessCountry: defaultCountry,
+        countries: [],
+        verify: {
+            token: ''
+        }
+    }
+};
+export var businessSlice = createSlice({
+    name: 'business/store',
+    initialState: initialState,
+    reducers: {
+        clearError: function (state) {
+            state.error = null;
+        },
+        stopLoader: function (state) {
+            state.loading = false;
+        }
+    },
+    extraReducers: function (builder) {
+        builder
+            .addCase(getCountries.fulfilled, function (state, action) {
+            state.error = null;
+            var _a = action.payload, businessCountry = _a.businessCountry, countries = _a.countries;
+            state.data.countries = countries;
+            state.data.businessCountry = businessCountry || defaultCountry;
+        })
+            .addCase(getCountries.pending, function (state) {
+            state.error = null;
+        })
+            .addCase(getCountries.rejected, function (state, action) {
+            state.error = action.error.message;
+        })
+            .addCase(verifyLeadToken.pending, function (state) {
+            state.loading = true;
+            state.error = null;
+        })
+            .addCase(verifyLeadToken.fulfilled, function (state, action) {
+            var _a;
+            state.loading = false;
+            state.error = null;
+            var _b = action.payload, data = _b.data, token = _b.token;
+            var description = (((_a = data === null || data === void 0 ? void 0 : data.errors) === null || _a === void 0 ? void 0 : _a[0]) || {}).description;
+            if (description) {
+                state.error = description;
+                return;
+            }
+            state.data.verify.responseBody = action.payload.data;
+            state.data.verify.token = token;
+        })
+            .addCase(verifyLeadToken.rejected, function (state, action) {
+            state.loading = false;
+            state.error = action.error.message;
+        });
+    }
+});
+export var clearError = (_a = businessSlice.actions, _a.clearError), stopLoader = _a.stopLoader;
+export default businessSlice.reducer;
+export var businessSelector = function (state) { return state.business; };

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

@@ -25,6 +25,7 @@ export declare const createNIDAuth: import("@reduxjs/toolkit").AsyncThunk<{
 }, {}>;
 export declare const verifyAuth: import("@reduxjs/toolkit").AsyncThunk<{
     response: any;
+    leadResponse: any;
     formData: OTPFormValues;
 }, OTPFormValues, {}>;
 export declare const verifyAuthPassword: import("@reduxjs/toolkit").AsyncThunk<{

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

@@ -50,8 +50,8 @@ import { createAsyncThunk, createSlice } from '@reduxjs/toolkit';
 import { handleNextScreenStep } from '../../../app/settings';
 import API from '../../../api';
 import { CONNECT_STEP_NAMES, IDENTIFICATION_TYPE } from '../../../constants';
-import { defaultCountry, CLIENT_ORIGIN } from '../../../constants';
-import { getIndividualName } from '../../../utils';
+import { defaultCountry } from '../../../constants';
+import { getIndividualName, getClientEmailUrl } from '../../../utils';
 export var getCountries = createAsyncThunk('getCountries', function (_, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
     var settings, countriesBody, list, businessCountry;
     return __generator(this, function (_a) {
@@ -65,11 +65,7 @@ export var getCountries = createAsyncThunk('getCountries', function (_, thunkApi
                 businessCountry = list.find(function (item) {
                     return [item.iso2, item.iso3].includes(settings.data.appConfig.businessCountryCode.toUpperCase());
                 });
-                console.log('businessCountry', businessCountry);
-                return [2, {
-                        businessCountry: businessCountry,
-                        countries: list || []
-                    }];
+                return [2, { businessCountry: businessCountry, countries: list || [] }];
         }
     });
 }); });
@@ -138,7 +134,7 @@ export var createNIDAuth = createAsyncThunk('createNIDAuth', function (params, t
     });
 }); });
 export var verifyAuth = createAsyncThunk('verifyAuth', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var _a, connect, settings, isAbsher, responseBody, payload, data;
+    var _a, connect, settings, isAbsher, responseBody, payload, data, leadData;
     var _b, _c;
     return __generator(this, function (_d) {
         switch (_d.label) {
@@ -162,16 +158,23 @@ export var verifyAuth = createAsyncThunk('verifyAuth', function (params, thunkAp
                 return [4, API.authService.verifyAuth(payload)];
             case 1:
                 data = (_d.sent()).data;
-                if (!data.errors) {
-                    (_c = (_b = settings.data.appConfig).onStepCompleted) === null || _c === void 0 ? void 0 : _c.call(_b, settings.data.activeScreen.name, { otp: params.otp });
-                    if (responseBody === null || responseBody === void 0 ? void 0 : responseBody.new_user) {
-                        thunkApi.dispatch(handleNextScreenStep('CONNECT_INDIVIDUAL_STEP'));
-                    }
-                    else {
-                        thunkApi.dispatch(handleNextScreenStep('CONNECT_PASSWORD_STEP'));
-                    }
+                leadData = undefined;
+                if (!!data.errors) return [3, 4];
+                if (!(data === null || data === void 0 ? void 0 : data.lead_id)) return [3, 3];
+                return [4, API.leadService.retrieveLead(data === null || data === void 0 ? void 0 : data.lead_id)];
+            case 2:
+                leadData = _d.sent();
+                _d.label = 3;
+            case 3:
+                (_c = (_b = settings.data.appConfig).onStepCompleted) === null || _c === void 0 ? void 0 : _c.call(_b, settings.data.activeScreen.name, { otp: params.otp });
+                if (responseBody === null || responseBody === void 0 ? void 0 : responseBody.new_user) {
+                    thunkApi.dispatch(handleNextScreenStep('CONNECT_INDIVIDUAL_STEP'));
                 }
-                return [2, { response: data, formData: params }];
+                else {
+                    thunkApi.dispatch(handleNextScreenStep('CONNECT_PASSWORD_STEP'));
+                }
+                _d.label = 4;
+            case 4: return [2, { response: data, leadResponse: leadData === null || leadData === void 0 ? void 0 : leadData.data, formData: params }];
         }
     });
 }); });
@@ -347,7 +350,7 @@ export var updateLeadSuccess = createAsyncThunk('updateLeadSuccess', function (p
                 };
                 payload = {
                     step_name: CONNECT_STEP_NAMES.CONNECT_SUCCESS,
-                    email_url: CLIENT_ORIGIN + '/auth/business?token=',
+                    email_url: getClientEmailUrl(),
                     encryption_contract: []
                 };
                 return [4, API.leadService.updateLead(payload, { headers: headers })];
@@ -430,7 +433,7 @@ export var connectSlice = createSlice({
             state.loading = false;
             state.error = null;
             var _b = action.payload, formData = _b.formData, response = _b.response;
-            var description = (((_a = response === null || response === void 0 ? void 0 : response.errors) === null || _a === void 0 ? void 0 : _a[0]) || []).description;
+            var description = (((_a = response === null || response === void 0 ? void 0 : response.errors) === null || _a === void 0 ? void 0 : _a[0]) || {}).description;
             if (description) {
                 state.error = description;
                 return;
@@ -452,7 +455,7 @@ export var connectSlice = createSlice({
             state.loading = false;
             state.error = null;
             var _b = action.payload, formData = _b.formData, response = _b.response;
-            var description = (((_a = response === null || response === void 0 ? void 0 : response.errors) === null || _a === void 0 ? void 0 : _a[0]) || []).description;
+            var description = (((_a = response === null || response === void 0 ? void 0 : response.errors) === null || _a === void 0 ? void 0 : _a[0]) || {}).description;
             if (description) {
                 state.error = description;
                 return;
@@ -473,12 +476,27 @@ export var connectSlice = createSlice({
             var _a;
             state.loading = false;
             state.error = null;
-            var _b = action.payload, formData = _b.formData, response = _b.response;
-            var description = (((_a = response === null || response === void 0 ? void 0 : response.errors) === null || _a === void 0 ? void 0 : _a[0]) || []).description;
+            var _b = action.payload, formData = _b.formData, response = _b.response, leadResponse = _b.leadResponse;
+            var description = (((_a = response === null || response === void 0 ? void 0 : response.errors) === null || _a === void 0 ? void 0 : _a[0]) || {}).description;
             if (description) {
                 state.error = description;
                 return;
             }
+            var leadError = leadResponse === null || leadResponse === void 0 ? void 0 : leadResponse.errors;
+            if (!!leadResponse && !leadError) {
+                var name_1 = leadResponse.name, contact = leadResponse.contact;
+                var email = contact.email, phone_1 = contact.phone;
+                if (!!name_1)
+                    state.data.individualData.name = (name_1 === null || name_1 === void 0 ? void 0 : name_1.first) + ' ' + (name_1 === null || name_1 === void 0 ? void 0 : name_1.middle) + ' ' + (name_1 === null || name_1 === void 0 ? void 0 : name_1.last);
+                if (!!email)
+                    state.data.individualData.email = email;
+                if (!!phone_1) {
+                    state.data.individualData.mobile = phone_1 === null || phone_1 === void 0 ? void 0 : phone_1.number;
+                    state.data.individualData.countryCode =
+                        (state.data.countries || []).find(function (country) { return (country === null || country === void 0 ? void 0 : country.idd_prefix) === (phone_1 === null || phone_1 === void 0 ? void 0 : phone_1.country_code); }) ||
+                            state.data.individualData.countryCode;
+                }
+            }
             state.data.otpData.otp = formData.otp;
             state.data.otpData.responseBody = response;
         })
@@ -495,7 +513,7 @@ export var connectSlice = createSlice({
             state.loading = false;
             state.error = null;
             var _b = action.payload, formData = _b.formData, response = _b.response;
-            var description = (((_a = response === null || response === void 0 ? void 0 : response.errors) === null || _a === void 0 ? void 0 : _a[0]) || []).description;
+            var description = (((_a = response === null || response === void 0 ? void 0 : response.errors) === null || _a === void 0 ? void 0 : _a[0]) || {}).description;
             if (description) {
                 state.error = description;
                 return;
@@ -516,7 +534,7 @@ export var connectSlice = createSlice({
             state.loading = false;
             state.error = null;
             var _b = action.payload, formData = _b.formData, response = _b.response;
-            var description = (((_a = response === null || response === void 0 ? void 0 : response.errors) === null || _a === void 0 ? void 0 : _a[0]) || []).description;
+            var description = (((_a = response === null || response === void 0 ? void 0 : response.errors) === null || _a === void 0 ? void 0 : _a[0]) || {}).description;
             if (description) {
                 state.error = description;
                 return;
@@ -537,7 +555,7 @@ export var connectSlice = createSlice({
             state.loading = false;
             state.error = null;
             var _b = action.payload, formData = _b.formData, response = _b.response;
-            var description = (((_a = response === null || response === void 0 ? void 0 : response.errors) === null || _a === void 0 ? void 0 : _a[0]) || []).description;
+            var description = (((_a = response === null || response === void 0 ? void 0 : response.errors) === null || _a === void 0 ? void 0 : _a[0]) || {}).description;
             if (description) {
                 state.error = description;
                 return;
@@ -586,7 +604,7 @@ export var connectSlice = createSlice({
             state.loading = false;
             state.error = null;
             var response = action.payload.response;
-            var description = (((_a = response === null || response === void 0 ? void 0 : response.errors) === null || _a === void 0 ? void 0 : _a[0]) || []).description;
+            var description = (((_a = response === null || response === void 0 ? void 0 : response.errors) === null || _a === void 0 ? void 0 : _a[0]) || {}).description;
             if (description) {
                 state.error = description;
                 return;

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

@@ -5,9 +5,7 @@ import SuccessScreen from '../../../shared/SuccessScreen';
 var Success = function (_a) {
     var t = useTranslation().t;
     var onSuccess = function () {
-        console.log('success');
-        alert('Account created successfully, please check your email');
-        alert("It's a fake message, plz wait us to integrate with the backend. <A.Sharkawy>");
+        window.open('mailto:');
     };
     return _jsx(SuccessScreen, { title: t('ide_successfully_updated_message'), onSuccess: onSuccess });
 };

package/build/features/business/Business.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
-export interface BusinessLibProps {
+import { LibConfig } from '../../@types';
+export interface BusinessLibProps extends LibConfig {
 }
 export declare function BusinessLib(props: BusinessLibProps): JSX.Element;
 export declare function renderBusinessLib(config: BusinessLibProps, elementId: string): void;

package/build/features/business/Business.js

@@ -13,13 +13,14 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import React, { memo, useEffect } from 'react';
 import { styled } from '@mui/material/styles';
 import Box from '@mui/material/Box';
-import { useAppTheme, useAppDispatch, useAppSelector } from '../../hooks';
-import { handleActiveFlowScreens, settingsSelector } from '../../app/settings';
+import { useAppTheme, useAppDispatch, useAppSelector, useAppConfig, useErrorListener } from '../../hooks';
+import { settingsSelector } from '../../app/settings';
+import { verifyLeadToken } from '../app/business/businessStore';
 import AnimationFlow from '../../components/AnimationFlow';
 import { store } from '../../app/store';
 import { ReduxProvider, ThemeProvider } from '../../components/Providers';
 import Collapse from '../../components/Collapse';
-import { reactElement } from '../../utils';
+import { getParameterByName, reactElement } from '../../utils';
 import { BUSINESS_SCREENS_NAVIGATION } from '../../constants';
 import { businessFeatureScreens } from '../featuresScreens';
 import CustomFooter from '../shared/Footer';
@@ -40,9 +41,17 @@ var Business = memo(function (props) {
     var theme = useAppTheme().theme;
     var dispatch = useAppDispatch();
     var data = useAppSelector(settingsSelector).data;
+    useAppConfig(__assign({ navigation: BUSINESS_SCREENS_NAVIGATION }, props));
+    useErrorListener();
     var activeScreen = data.activeScreen;
+    var verifyToken = function () {
+        var token = getParameterByName('token');
+        if (!token)
+            throw new Error('Auth token is not found!');
+        dispatch(verifyLeadToken(token));
+    };
     useEffect(function () {
-        dispatch(handleActiveFlowScreens(BUSINESS_SCREENS_NAVIGATION));
+        verifyToken();
     }, []);
     return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(AnimationFlow, __assign({ open: open, breakpoint: 'sm', footer: _jsx(CustomFooter, {}) }, { children: _jsx(Container, { children: businessFeatureScreens.map(function (_a, index) {
                     var Element = _a.element, name = _a.name;

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

@@ -5,9 +5,7 @@ import SuccessScreen from '../../../shared/SuccessScreen';
 var Success = function (_a) {
     var t = useTranslation().t;
     var onSuccess = function () {
-        console.log('success');
-        alert('Account created successfully, please check your email');
-        alert("It's a fake message, plz wait us to integrate with the backend. <A.Sharkawy>");
+        window.open('mailto:');
     };
     return _jsx(SuccessScreen, { title: t('ide_successfully_verified_message'), onSuccess: onSuccess });
 };

package/build/features/business/screens/Verify/OTPInput.d.ts

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

package/build/features/business/screens/Verify/OTPInput.js

@@ -0,0 +1,39 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import Box from '@mui/material/Box/Box';
+import { styled } from '@mui/material/styles';
+import OTPField from '../../../../features/shared/OTP';
+import { useController, useFormContext } from 'react-hook-form';
+import { useTranslation } from 'react-i18next';
+import { DEFAULT_TIMER_VALUE } from '../../../../constants';
+var BoxStyled = styled(Box)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        display: 'flex',
+        flexDirection: 'column',
+        fontFamily: theme.typography.fontFamily,
+        marginBottom: theme.spacing(5)
+    });
+});
+var OTPInput = function (_a) {
+    var control = useFormContext().control;
+    var t = useTranslation().t;
+    var otpControl = useController({ name: 'otp', control: control });
+    var handleOnOTPChange = function (otp) {
+        otpControl.field.onChange(otp);
+    };
+    var otpValue = otpControl.field.value;
+    return (_jsx(BoxStyled, __assign({ dir: 'ltr' }, { children: _jsx(OTPField, { timeEndLabel: t('ide_otp_resend_label'), timerInSeconds: DEFAULT_TIMER_VALUE, onResetClick: function () { }, value: otpValue, onChange: function (number) { return handleOnOTPChange(number.toString()); } }) })));
+};
+export default React.memo(OTPInput);

package/build/features/business/screens/Verify/Verify.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+export interface OTPProps {
+    phone?: string;
+    code?: string;
+}
+declare const _default: React.MemoExoticComponent<{
+    ({ phone, code }: OTPProps): JSX.Element;
+    defaultProps: {
+        phone: string;
+        code: string;
+    };
+}>;
+export default _default;

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

@@ -0,0 +1,76 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { useAppDispatch } from '../../../../hooks';
+import { useTranslation } from 'react-i18next';
+import { useForm, FormProvider } from 'react-hook-form';
+import { yupResolver } from '@hookform/resolvers/yup';
+import Box from '@mui/material/Box/Box';
+import { styled } from '@mui/material/styles';
+import { handleNextScreenStep, handlePrevScreenStep } from '../../../../app/settings';
+import { useLanguage } from '../../../../hooks';
+import Form from '../../../../components/Form';
+import Text from '../../../../components/Text';
+import { ScreenContainer } from '../../../shared/Containers';
+import Button from '../../../shared/Button';
+import { maskPhone } from '../../../../utils';
+import { OTPValidation } from './validation';
+import OTPInput from './OTPInput';
+var OTPTitleContainerStyled = styled(Box)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        background: theme.palette.common.white,
+        border: '1px solid',
+        borderColor: theme.palette.divider,
+        direction: theme.direction,
+        borderRadius: theme.spacing(0, 0, 1.25, 1.25),
+        marginBottom: theme.spacing(5.75)
+    });
+});
+var OTPTitleStyled = styled(Text)(function (_a) {
+    var theme = _a.theme;
+    return (__assign(__assign({}, theme.typography.body1), { color: theme.palette.text.primary, fontWeight: theme.typography.fontWeightLight, marginBlock: theme.spacing(1.75), marginInlineStart: theme.spacing(2.5), lineHeight: 1.75 }));
+});
+var FormStyled = styled(Form)(function () { return ({
+    display: 'flex',
+    flexDirection: 'column'
+}); });
+var VerifyNumber = function (_a) {
+    var phone = _a.phone, code = _a.code;
+    var dispatch = useAppDispatch();
+    var methods = useForm({
+        resolver: yupResolver(OTPValidation),
+        defaultValues: {
+            otp: ''
+        },
+        mode: 'onChange'
+    });
+    var t = useTranslation().t;
+    var isAr = useLanguage().isAr;
+    var onSubmit = function (data) {
+        console.log('data', data);
+        if (data.otp === '123456')
+            return dispatch(handleNextScreenStep('BUSINESS_IDBOD_STEP'));
+        dispatch(handleNextScreenStep('BUSINESS_BUSINESS_TYPE_STEP'));
+    };
+    var onBack = function () {
+        dispatch(handlePrevScreenStep());
+    };
+    var loading = false;
+    return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(OTPTitleContainerStyled, { children: _jsxs(OTPTitleStyled, { children: [loading ? t('ide_otp_waiting_title') : t('ide_opt_sent_title'), _jsx("span", __assign({ dir: 'ltr' }, { children: "".concat(maskPhone(phone || '')) }))] }) }), _jsx(OTPInput, {}), _jsx(Button, __assign({ disableBack: true, onBackClicked: function () { return onBack(); }, disabled: !methods.formState.isValid, type: 'submit', isAr: isAr, loading: loading }, { children: t('next') }))] })) })) }));
+};
+VerifyNumber.defaultProps = {
+    phone: '564656085',
+    code: '+996'
+};
+export default React.memo(VerifyNumber);

package/build/features/business/screens/Verify/index.d.ts

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

package/build/features/business/screens/Verify/index.js

@@ -0,0 +1,2 @@
+import OTP from './Verify';
+export default OTP;

package/build/features/business/screens/Verify/validation.d.ts

@@ -0,0 +1,8 @@
+import * as yup from 'yup';
+export declare const OTPValidation: yup.ObjectSchema<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
+    otp: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
+}>, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
+    otp: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
+}>>, import("yup/lib/object").AssertsShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
+    otp: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
+}>>>;

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

@@ -0,0 +1,4 @@
+import * as yup from 'yup';
+export var OTPValidation = yup.object().shape({
+    otp: yup.string().min(6, 'otp_min_length').required('otp_required')
+});

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

@@ -42,6 +42,7 @@ var Individual = function (_a) {
     var t = useTranslation().t;
     var isAr = useLanguage().isAr;
     var isAbsher = (_c = data.otpData) === null || _c === void 0 ? void 0 : _c.isAbsher;
+    var individualData = data.individualData;
     var methods = useForm({
         resolver: yupResolver(isAbsher ? IndividualMobileValidation(mobileLength) : IndividualValidation()),
         defaultValues: data.individualData,
@@ -57,6 +58,17 @@ var Individual = function (_a) {
         if (error)
             dispatch(clearError());
     }, [methods.formState.isValid]);
+    React.useEffect(function () {
+        var name = individualData.name, email = individualData.email, mobile = individualData.mobile, countryCode = individualData.countryCode;
+        if (!!name)
+            methods.setValue('name', name, { shouldValidate: true });
+        if (!!email)
+            methods.setValue('email', email, { shouldValidate: true });
+        if (!!mobile)
+            methods.setValue('mobile', mobile, { shouldValidate: true });
+        if (!!countryCode)
+            methods.setValue('countryCode', countryCode, { shouldValidate: true });
+    }, [individualData.name, individualData.email, individualData.mobile, individualData.countryCode]);
     var handleMenuListClick = function () {
         listActive ? setListActive(false) : setListActive(true);
     };

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

@@ -11,9 +11,7 @@ var ThankYou = function (_a) {
         dispatch(updateLeadSuccess());
     }, []);
     var onSuccess = function () {
-        console.log('success');
-        alert('Account created successfully, please check your email');
-        alert("It's a fake message, plz wait us to integrate with the backend. <A.Sharkawy>");
+        window.open('mailto:');
     };
     return _jsx(SuccessScreen, { title: t('ide_successfully_verified_message'), onSuccess: onSuccess });
 };

package/build/features/featuresScreens.js

@@ -7,7 +7,7 @@ import ThankYouScreen from './connect/screens/ThankYou';
 import PasswordScreen from './connect/screens/Password';
 import CustomersPage from './business/screens/Customers';
 import IDBODPage from './business/screens/IDBOD';
-import VerifyNumberPage from './business/screens/VerifyNumber';
+import BusinessVerifyPage from '../features/business/screens/Verify';
 import BusinessOTPPage from '../features/business/screens/OTP';
 import BusinessTypePage from './business/screens/BusinessType';
 import ActivitiesPage from './business/screens/Activities';
@@ -54,8 +54,8 @@ export var connectFeatureScreens = [
 ];
 export var businessFeatureScreens = [
     {
-        name: 'BUSINESS_VERIFY_NUMBER_STEP',
-        element: VerifyNumberPage
+        name: 'BUSINESS_VERIFY_STEP',
+        element: BusinessVerifyPage
     },
     {
         name: 'BUSINESS_IDBOD_STEP',

package/build/features/individual/screens/Success/Success.js

@@ -5,9 +5,7 @@ import SuccessScreen from '../../../shared/SuccessScreen';
 var Success = function (_a) {
     var t = useTranslation().t;
     var onSuccess = function () {
-        console.log('success');
-        alert('Account created successfully, please check your email');
-        alert("It's a fake message, plz wait us to integrate with the backend. <A.Sharkawy>");
+        window.open('mailto:');
     };
     return _jsx(SuccessScreen, { title: t('ide_successfully_updated_message'), onSuccess: onSuccess });
 };

package/build/features/password/screens/Success/Success.js

@@ -5,9 +5,7 @@ import SuccessScreen from '../../../shared/SuccessScreen';
 var Success = function (_a) {
     var t = useTranslation().t;
     var onSuccess = function () {
-        console.log('success');
-        alert('Account created successfully, please check your email');
-        alert("It's a fake message, plz wait us to integrate with the backend. <A.Sharkawy>");
+        window.open('mailto:');
     };
     return _jsx(SuccessScreen, { title: t('ide_successfully_updated_message'), onSuccess: onSuccess });
 };

package/build/features/shared/SuccessScreen/SuccessScreen.js

@@ -13,22 +13,14 @@ import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import Box from '@mui/material/Box/Box';
 import { styled } from '@mui/material/styles';
 import * as React from 'react';
+import { useTranslation } from 'react-i18next';
+import { useLanguage } from '../../../hooks';
 import Text from '../../../components/Text';
-import Button from '../../../components/Button';
 import Container from '../Containers/ScreenContainer';
-import { ICONS_NAMES } from '../../../constants';
-var ButtonStyled = styled(Button)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        width: theme.spacing(5),
-        height: theme.spacing(5),
-        minHeight: theme.spacing(5),
-        minWidth: theme.spacing(5),
-        background: theme.palette.primary.main,
-        margin: theme.spacing(2.5),
-        borderRadius: theme.spacing(5)
-    });
-});
+import { AbsherButton } from '../../shared/Button';
+var MailBoxStyled = styled(Box)(function () { return ({
+    width: '100%'
+}); });
 var TextContainerStyled = styled(Box)(function (_a) {
     var _b;
     var theme = _a.theme;
@@ -58,6 +50,8 @@ var ContainerStyled = styled(Container)(function (_a) {
 });
 var ThankYou = function (_a) {
     var onSuccess = _a.onSuccess, title = _a.title;
-    return (_jsxs(ContainerStyled, { children: [title && (_jsx(TextContainerStyled, { children: _jsxs(TitleStyled, { children: [title, " "] }) })), _jsx(ButtonStyled, __assign({ onClick: onSuccess }, { children: _jsx("img", { src: ICONS_NAMES.SUCCESS, alt: 'success Icon' }) }))] }));
+    var t = useTranslation().t;
+    var isAr = useLanguage().isAr;
+    return (_jsxs(ContainerStyled, { children: [title && (_jsx(TextContainerStyled, { children: _jsxs(TitleStyled, { children: [title, " "] }) })), _jsx(MailBoxStyled, { children: _jsx(AbsherButton, __assign({ startIcon: null, isAr: isAr, onClick: onSuccess }, { children: t('open_mail_box') })) })] }));
 };
 export default React.memo(ThankYou);

package/build/features/tax/screens/Success/Success.js

@@ -5,9 +5,7 @@ import SuccessScreen from '../../../shared/SuccessScreen';
 var Success = function (_a) {
     var t = useTranslation().t;
     var onSuccess = function () {
-        console.log('success');
-        alert('Account created successfully, please check your email');
-        alert("It's a fake message, plz wait us to integrate with the backend. <A.Sharkawy>");
+        window.open('mailto:');
     };
     return _jsx(SuccessScreen, { title: t('ide_successfully_updated_message'), onSuccess: onSuccess });
 };

package/build/hooks/useAppDispatch.d.ts

@@ -1,4 +1,5 @@
 export declare const useAppDispatch: () => import("redux-thunk").ThunkDispatch<{
     settings: import("../app/settings").SettingsState;
     connect: import("../features/app/connect/connectStore").ConnectState;
+    business: import("../features/app/business/businessStore").BusinessState;
 }, undefined, import("redux").AnyAction> & import("redux").Dispatch<import("redux").AnyAction>;

package/build/utils/string.d.ts

@@ -7,3 +7,5 @@ export declare const getIndividualName: (name: string) => {
     last: string;
 } | undefined;
 export declare const convertNumbers2English: (str: string) => string;
+export declare const getParameterByName: (name: string) => string | null;
+export declare const getClientEmailUrl: () => string;

package/build/utils/string.js

@@ -40,3 +40,15 @@ export var getIndividualName = function (name) {
 export var convertNumbers2English = function (str) {
     return str.replace(/[٠-٩]/g, function (d) { return '٠١٢٣٤٥٦٧٨٩'.indexOf(d); });
 };
+export var getParameterByName = function (name) {
+    var params = new URLSearchParams(window.location.search);
+    return params.get(name);
+};
+export var getClientEmailUrl = function () {
+    var origin = window.location.origin;
+    var pathname = window.location.pathname;
+    if (origin.includes('localhost')) {
+        return origin + pathname + '/business?token=';
+    }
+    return origin + pathname + '/auth/business?token=';
+};

package/package.json

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