@tap-payments/auth-jsconnect 2.8.93-development → 2.8.95-development

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

@@ -68,7 +68,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 var _a;
 import API from '../../../api';
 import { handleCurrentActiveScreen, handleNextScreenStep, handleSetCountryByIso2 } from '../../../app/settings';
-import { CONNECT_STEP_NAMES, defaultCountry, IDENTIFICATION_TYPE, NAFATH_VERIFICATION_FAILED, OTHER_BRAND } from '../../../constants';
+import { COLLECT_DOB_INFO_NAFATH, CONNECT_STEP_NAMES, defaultCountry, IDENTIFICATION_TYPE, NAFATH_VERIFICATION_FAILED, OTHER_BRAND } from '../../../constants';
 import { createAsyncThunk, createSlice } from '@reduxjs/toolkit';
 import { AuthForType, FlowsTypes } from '../../../@types';
 import { capitalizeTheFirstLetterOfEachWord, concatenateObjectValues, findCountryByIddPrefix, fixBrandList, isTwitter, getIndividualName, isWebsite, sleep, sendCustomEventToGTM, isOtherThanKWOrSA, isKW, findCountryByIso2, getMetaData } from '../../../utils';
@@ -359,7 +359,7 @@ export var verifyPACI = createAsyncThunk('connect/verifyPACI', function (params,
     });
 }); });
 export var verifyNafath = createAsyncThunk('connect/verifyNafath', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var _a, settings, connect, responseBody, expiry, interval, maxCalls, count, authResponse, isSuccess, isFailed, countryCode, lead_id, leadResponse, channels, brand, err_5, brands, err_6, phone;
+    var _a, settings, connect, responseBody, expiry, interval, maxCalls, count, authResponse, isSuccess, isFailed, countryCode, lead_id, leadResponse, channels, brand, err_5, brands, err_6, phone, isNextScreenDob, stepName;
     var _b, _c, _d, _e, _f, _g, _h;
     return __generator(this, function (_j) {
         switch (_j.label) {
@@ -429,8 +429,10 @@ export var verifyNafath = createAsyncThunk('connect/verifyNafath', function (par
                 if (phone === null || phone === void 0 ? void 0 : phone.country_code)
                     countryCode = findCountryByIddPrefix(settings.data.countries, phone.country_code);
                 (_h = (_g = settings.data.appConfig).onStepCompleted) === null || _h === void 0 ? void 0 : _h.call(_g, settings.data.activeScreen.name, {});
-                thunkApi.dispatch(handleNextScreenStep());
-                return [2, { authResponse: authResponse, leadResponse: leadResponse, countryCode: countryCode }];
+                isNextScreenDob = (authResponse === null || authResponse === void 0 ? void 0 : authResponse.step_name) === COLLECT_DOB_INFO_NAFATH;
+                stepName = isNextScreenDob ? 'CONNECT_DOB_STEP' : 'CONNECT_INDIVIDUAL_STEP';
+                thunkApi.dispatch(handleNextScreenStep(stepName));
+                return [2, { authResponse: authResponse, leadResponse: leadResponse, countryCode: countryCode, isNextScreenDob: isNextScreenDob }];
             case 13: return [4, sleep(interval * 1000)];
             case 14:
                 _j.sent();
@@ -442,6 +444,31 @@ export var verifyNafath = createAsyncThunk('connect/verifyNafath', function (par
         }
     });
 }); });
+export var updateLeadDOB = createAsyncThunk('connect/updateLeadDOB', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
+    var _a, settings, connect, lead_id, brandData, payload, leadResponse;
+    var _b, _c;
+    return __generator(this, function (_d) {
+        switch (_d.label) {
+            case 0:
+                _a = thunkApi.getState(), settings = _a.settings, connect = _a.connect;
+                lead_id = (connect.data.otpData.responseBody || {}).lead_id;
+                brandData = (connect.data.brandData.responseBody || {}).brandData;
+                payload = {
+                    id: lead_id || '',
+                    date_of_birth: params.dob,
+                    step_name: CONNECT_STEP_NAMES.UPDATE_LEAD_DOB,
+                    encryption_contract: ['date_of_birth']
+                };
+                return [4, API.leadService.updateLead(payload)];
+            case 1:
+                leadResponse = _d.sent();
+                leadResponse.brand = __assign(__assign({}, leadResponse.brand), brandData);
+                (_c = (_b = settings.data.appConfig).onStepCompleted) === null || _c === void 0 ? void 0 : _c.call(_b, settings.data.activeScreen.name, params);
+                thunkApi.dispatch(handleNextScreenStep());
+                return [2, { leadResponse: leadResponse, formData: params }];
+        }
+    });
+}); });
 export var updateLeadIndividual = createAsyncThunk('updateLeadIndividual', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
     var _a, settings, connect, lead_id, brandData, phoneCountry, payload, leadResponse;
     var _b, _c, _d, _e, _f;
@@ -743,7 +770,11 @@ var initialState = {
             otp: '',
             authFor: AuthForType.MOBILE
         },
+        dobData: {
+            dob: ''
+        },
         individualData: {
+            isPrevDob: false,
             name: '',
             email: '',
             mobile: '',
@@ -925,7 +956,7 @@ export var connectSlice = createSlice({
             var _a;
             state.loading = false;
             state.error = null;
-            var _b = action.payload, authResponse = _b.authResponse, leadResponse = _b.leadResponse, countryCode = _b.countryCode;
+            var _b = action.payload, authResponse = _b.authResponse, leadResponse = _b.leadResponse, countryCode = _b.countryCode, isNextScreenDob = _b.isNextScreenDob;
             var _c = leadResponse || {}, name = _c.name, contact = _c.contact, brand = _c.brand, brand_list = _c.brand_list, channel_list = _c.channel_list, is_new_individual = _c.is_new_individual, id = _c.id;
             var _d = contact || {}, email = _d.email, phone = _d.phone;
             var fullName = concatenateObjectValues(name, ['first', 'middle', 'last']);
@@ -941,6 +972,7 @@ export var connectSlice = createSlice({
                 state.data.individualData.countryCode = countryCode;
             if ((_a = brand === null || brand === void 0 ? void 0 : brand.name) === null || _a === void 0 ? void 0 : _a.en)
                 state.data.brandData.brandName = brand.name.en;
+            state.data.individualData.isPrevDob = isNextScreenDob || false;
             var brandList = [];
             if ((brand_list === null || brand_list === void 0 ? void 0 : brand_list.length) > 0) {
                 var isBrandExist = brand_list.find(function (item) { return item.id === (brand === null || brand === void 0 ? void 0 : brand.id); });
@@ -1007,6 +1039,21 @@ export var connectSlice = createSlice({
             .addCase(verifyAuth.rejected, function (state, action) {
             state.loading = false;
             state.error = action.error.message;
+        })
+            .addCase(updateLeadDOB.fulfilled, function (state, action) {
+            state.loading = false;
+            state.error = null;
+            var _a = action.payload, formData = _a.formData, leadResponse = _a.leadResponse;
+            state.data.dobData = formData;
+            state.data.dobData.responseBody = leadResponse;
+        })
+            .addCase(updateLeadDOB.pending, function (state) {
+            state.loading = true;
+            state.error = null;
+        })
+            .addCase(updateLeadDOB.rejected, function (state, action) {
+            state.loading = false;
+            state.error = action.error.message;
         })
             .addCase(updateLeadIndividual.fulfilled, function (state, action) {
             var _a, _b, _c;

package/build/features/app/connectExpress/connectExpressStore.d.ts

@@ -1,5 +1,5 @@
 import { RootState } from '../../../app/store';
-import { MobileFormValues, NIDFormValues, CivilFormValues, OTPFormValues, IndividualFormValues, SharedState, FlowsTypes, ActionState, CountryCode, AuthForType, BusinessDataFormValues, AsyncThunkParams, AuthenticationListFormValues, AuthMerchantFormValues } from '../../../@types';
+import { MobileFormValues, NIDFormValues, CivilFormValues, OTPFormValues, IndividualFormValues, SharedState, FlowsTypes, ActionState, CountryCode, AuthForType, BusinessDataFormValues, AsyncThunkParams, AuthenticationListFormValues, AuthMerchantFormValues, DOBFormValues } from '../../../@types';
 import { CancelToken } from 'axios';
 export declare const updateBusinessCountryAsync: import("@reduxjs/toolkit").AsyncThunk<any, string, {}>;
 export declare const retrieveLeadIdentityByIdAsync: import("@reduxjs/toolkit").AsyncThunk<{
@@ -46,7 +46,13 @@ export declare const createNafathAuth: import("@reduxjs/toolkit").AsyncThunk<{
         termAndConditionChecked?: boolean | undefined;
     };
 }, NIDFormValues, {}>;
-export declare const verifyNafathAsync: import("@reduxjs/toolkit").AsyncThunk<any, verifyPACIAsyncParams, {}>;
+export declare const verifyNafathAsync: import("@reduxjs/toolkit").AsyncThunk<{
+    data: any;
+    isNextScreenIsDob?: undefined;
+} | {
+    data: any;
+    isNextScreenIsDob: boolean;
+}, verifyPACIAsyncParams, {}>;
 export declare const createCivilIdAuthAsync: import("@reduxjs/toolkit").AsyncThunk<{
     response: any;
     formData: CivilFormValues;
@@ -65,7 +71,13 @@ export declare const createNIDNafathAuthIdentityAsync: import("@reduxjs/toolkit"
     };
     formData: NIDFormValues;
 }, NIDFormValues, {}>;
-export declare const verifyNafathIdentityAsync: import("@reduxjs/toolkit").AsyncThunk<any, verifyPACIAsyncParams, {}>;
+export declare const verifyNafathIdentityAsync: import("@reduxjs/toolkit").AsyncThunk<{
+    data: any;
+    isNextScreenIsDob?: undefined;
+} | {
+    data: any;
+    isNextScreenIsDob: boolean;
+}, verifyPACIAsyncParams, {}>;
 export declare const verifyPaciLeadIdentityAsync: import("@reduxjs/toolkit").AsyncThunk<any, verifyPACIAsyncParams, {}>;
 export declare const checkEmailAvailabilityAsync: import("@reduxjs/toolkit").AsyncThunk<{
     response: any;
@@ -102,6 +114,10 @@ interface verifyPACIAsyncParams {
     onSuccess: () => void;
     onFailure?: () => void;
 }
+export declare const updateLeadDOBAsync: import("@reduxjs/toolkit").AsyncThunk<{
+    response: any;
+    formData: DOBFormValues;
+}, DOBFormValues, {}>;
 export declare const updateLeadIndividualAsync: import("@reduxjs/toolkit").AsyncThunk<{
     response: any;
     formData: IndividualFormValues;
@@ -127,9 +143,12 @@ export interface ConnectExpressData {
     otpData: OTPFormValues & {
         authFor: AuthForType;
     };
+    dobData: DOBFormValues & ResponseData;
     flowName: FlowsTypes;
     leadId?: string;
-    individualData: IndividualFormValues;
+    individualData: IndividualFormValues & {
+        isPrevDob?: boolean;
+    };
     businessData: BusinessDataFormValues;
     authenticationData: AuthenticationListFormValues;
     authMerchantData: AuthMerchantFormValues;

package/build/features/app/connectExpress/connectExpressStore.js

@@ -59,7 +59,7 @@ import { createAsyncThunk, createSlice } from '@reduxjs/toolkit';
 import { handleNextScreenStep, handleCurrentActiveScreen, handleOpen, handleSetCountryByIso2, onCloseComplete, storeAuthId } from '../../../app/settings';
 import { FlowsTypes, AuthForType, BusinessType, LicenseType } from '../../../@types';
 import API from '../../../api';
-import { ADD_NEW_ENTITY, CONNECT_EXPRESS_STEP_NAMES, IDENTIFICATION_TYPE, NAFATH_VERIFICATION_FAILED, OTHER_CR_LICENSE, OTHER_FL_LICENSE, SCOPE_AUTH } from '../../../constants';
+import { ADD_NEW_ENTITY, COLLECT_DOB_INFO_NAFATH, CONNECT_EXPRESS_STEP_NAMES, IDENTIFICATION_TYPE, NAFATH_VERIFICATION_FAILED, OTHER_CR_LICENSE, OTHER_FL_LICENSE, SCOPE_AUTH } from '../../../constants';
 import { defaultCountry } from '../../../constants';
 import { getIndividualName, capitalizeTheFirstLetterOfEachWord, sleep, findCountryByIddPrefix, concatenateObjectValues, isSA, isKW, isOtherThanKWOrSA, sendCustomEventToGTM, sendCustomDimension, getMetaData } from '../../../utils';
 export var updateBusinessCountryAsync = createAsyncThunk('connectExpress/updateBusinessCountryAsync', function (countryCode, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
@@ -341,7 +341,7 @@ export var createNafathAuth = createAsyncThunk('connectExpress/createNafathAuth'
     });
 }); });
 export var verifyNafathAsync = createAsyncThunk('connectExpress/verifyNafathAsync', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var _a, settings, connectExpress, authData, _b, scope, redirectUrl, authConfigData, isScopeAuthentication, bi, isDataHasIndividualOnly, authDataHasValue, expiry, interval, maxCalls, count, data, isSuccess, isFailed, authId, leadId, urlQueryStart, _c, brandList, entityList, stepName, needToCollectMoreInfo, creatingAccount;
+    var _a, settings, connectExpress, authData, _b, scope, redirectUrl, authConfigData, isScopeAuthentication, bi, isDataHasIndividualOnly, authDataHasValue, expiry, interval, maxCalls, count, data, isSuccess, isFailed, authId, leadId, urlQueryStart, _c, brandList, entityList, stepName, needToCollectMoreInfo, creatingAccount, askDobInfo;
     var _d, _e, _f, _g, _h, _j, _k, _l;
     return __generator(this, function (_m) {
         switch (_m.label) {
@@ -370,7 +370,7 @@ export var verifyNafathAsync = createAsyncThunk('connectExpress/verifyNafathAsyn
                 isFailed = ((_g = (_f = data.auth) === null || _f === void 0 ? void 0 : _f.status) === null || _g === void 0 ? void 0 : _g.toLowerCase()) === 'failed';
                 if (isFailed) {
                     (_h = params.onFailure) === null || _h === void 0 ? void 0 : _h.call(params);
-                    return [2, data];
+                    return [2, { data: data }];
                 }
                 if (!isSuccess) return [3, 6];
                 authId = (_j = data.auth) === null || _j === void 0 ? void 0 : _j.id;
@@ -380,12 +380,12 @@ export var verifyNafathAsync = createAsyncThunk('connectExpress/verifyNafathAsyn
                     if (settings.data.appConfig.mode === 'popup') {
                         settings.data.appConfig.onFlowCompleted({ auth_id: authId, bi: bi });
                         thunkApi.dispatch(handleOpen(false));
-                        return [2, data];
+                        return [2, { data: data }];
                     }
                     if (redirectUrl) {
                         urlQueryStart = redirectUrl.includes('?') ? '&' : '?';
                         window.open("".concat(redirectUrl).concat(urlQueryStart, "authentication_id=").concat(authId, "&bi=").concat(bi), '_self');
-                        return [2, data];
+                        return [2, { data: data }];
                     }
                 }
                 if (!(isScopeAuthentication && !data.new_user && authDataHasValue)) return [3, 4];
@@ -394,7 +394,7 @@ export var verifyNafathAsync = createAsyncThunk('connectExpress/verifyNafathAsyn
                 _c = _m.sent(), brandList = _c.brandList, entityList = _c.entityList;
                 if (brandList.length && entityList.length) {
                     sleep(100).then(function () { return thunkApi.dispatch(handleNextScreenStep('CONNECT_EXPRESS_AUTHENTICATION_LIST_STEP')); });
-                    return [2, data];
+                    return [2, { data: data }];
                 }
                 _m.label = 4;
             case 4: return [4, thunkApi.dispatch(getLeadByIdAsync(leadId)).unwrap()];
@@ -403,14 +403,18 @@ export var verifyNafathAsync = createAsyncThunk('connectExpress/verifyNafathAsyn
                 stepName = data.step_name;
                 needToCollectMoreInfo = stepName === 'collect_info';
                 creatingAccount = stepName === 'create_account';
+                askDobInfo = stepName === COLLECT_DOB_INFO_NAFATH;
                 (_l = params.onSuccess) === null || _l === void 0 ? void 0 : _l.call(params);
+                if (askDobInfo) {
+                    sleep(100).then(function () { return thunkApi.dispatch(handleCurrentActiveScreen('CONNECT_EXPRESS_COLLECT_DOB_INFO_STEP')); });
+                }
                 if (creatingAccount) {
                     sleep(100).then(function () { return thunkApi.dispatch(handleCurrentActiveScreen('CONNECT_EXPRESS_WAITING_FOR_CREATING_ACCOUNT_STEP')); });
                 }
                 if (needToCollectMoreInfo) {
                     sleep(100).then(function () { return thunkApi.dispatch(handleCurrentActiveScreen('CONNECT_EXPRESS_COLLECT_INDIVIDUAL_INFO_STEP')); });
                 }
-                return [2, data];
+                return [2, { data: data, isNextScreenIsDob: askDobInfo }];
             case 6: return [4, sleep(interval * 1000)];
             case 7:
                 _m.sent();
@@ -676,7 +680,7 @@ export var createNIDNafathAuthIdentityAsync = createAsyncThunk('connectExpress/c
     });
 }); });
 export var verifyNafathIdentityAsync = createAsyncThunk('connectExpress/verifyNafathIdentityAsync', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var connectExpress, authData, expiry, interval, maxCalls, count, data, isSuccess, isFailed, needToCollectMoreInfo, creatingAccount;
+    var connectExpress, authData, expiry, interval, maxCalls, count, data, isSuccess, isFailed, needToCollectMoreInfo, creatingAccount, askDobInfo;
     var _a, _b, _c, _d, _e, _f, _g;
     return __generator(this, function (_h) {
         switch (_h.label) {
@@ -700,7 +704,7 @@ export var verifyNafathIdentityAsync = createAsyncThunk('connectExpress/verifyNa
                 isFailed = ((_d = (_c = data.auth) === null || _c === void 0 ? void 0 : _c.status) === null || _d === void 0 ? void 0 : _d.toLowerCase()) === 'failed';
                 if (isFailed) {
                     (_e = params.onFailure) === null || _e === void 0 ? void 0 : _e.call(params);
-                    return [2, data];
+                    return [2, { data: data }];
                 }
                 if (!isSuccess) return [3, 4];
                 return [4, thunkApi.dispatch(getLeadByIdAsync((_f = data.auth) === null || _f === void 0 ? void 0 : _f.lead_id)).unwrap()];
@@ -708,14 +712,18 @@ export var verifyNafathIdentityAsync = createAsyncThunk('connectExpress/verifyNa
                 _h.sent();
                 needToCollectMoreInfo = data.step_name === 'collect_info';
                 creatingAccount = data.step_name === 'create_account';
+                askDobInfo = data.step_name === COLLECT_DOB_INFO_NAFATH;
                 (_g = params.onSuccess) === null || _g === void 0 ? void 0 : _g.call(params);
+                if (askDobInfo) {
+                    sleep(100).then(function () { return thunkApi.dispatch(handleCurrentActiveScreen('CONNECT_EXPRESS_COLLECT_DOB_INFO_STEP')); });
+                }
                 if (creatingAccount) {
                     sleep(100).then(function () { return thunkApi.dispatch(handleCurrentActiveScreen('CONNECT_EXPRESS_WAITING_FOR_CREATING_ACCOUNT_STEP')); });
                 }
                 if (needToCollectMoreInfo) {
                     sleep(100).then(function () { return thunkApi.dispatch(handleCurrentActiveScreen('CONNECT_EXPRESS_COLLECT_INDIVIDUAL_INFO_STEP')); });
                 }
-                return [2, data];
+                return [2, { data: data, isNextScreenIsDob: askDobInfo }];
             case 4: return [4, sleep(interval * 1000)];
             case 5:
                 _h.sent();
@@ -962,6 +970,37 @@ export var createEntity = createAsyncThunk('connectExpress/createEntity', functi
         }
     });
 }); });
+export var updateLeadDOBAsync = createAsyncThunk('connectExpress/updateLeadDOBAsync', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
+    var _a, settings, connectExpress, id, dob, payload, data, needToCollectMoreInfo, creatingAccount;
+    var _b, _c, _d;
+    return __generator(this, function (_e) {
+        switch (_e.label) {
+            case 0:
+                _a = thunkApi.getState(), settings = _a.settings, connectExpress = _a.connectExpress;
+                id = (((_b = connectExpress.data.responseData) === null || _b === void 0 ? void 0 : _b.leadData) || {}).id;
+                dob = params.dob;
+                payload = {
+                    id: id || '',
+                    date_of_birth: dob,
+                    step_name: CONNECT_EXPRESS_STEP_NAMES.UPDATE_LEAD_DOB,
+                    encryption_contract: ['date_of_birth']
+                };
+                return [4, API.leadService.updateLeadExpress(payload)];
+            case 1:
+                data = _e.sent();
+                (_d = (_c = settings.data.appConfig).onStepCompleted) === null || _d === void 0 ? void 0 : _d.call(_c, settings.data.activeScreen.name, params);
+                needToCollectMoreInfo = data.step_name === 'collect_info';
+                creatingAccount = data.step_name === 'create_account';
+                if (creatingAccount) {
+                    sleep(100).then(function () { return thunkApi.dispatch(handleCurrentActiveScreen('CONNECT_EXPRESS_WAITING_FOR_CREATING_ACCOUNT_STEP')); });
+                }
+                if (needToCollectMoreInfo) {
+                    sleep(100).then(function () { return thunkApi.dispatch(handleCurrentActiveScreen('CONNECT_EXPRESS_COLLECT_INDIVIDUAL_INFO_STEP')); });
+                }
+                return [2, { response: data, formData: params }];
+        }
+    });
+}); });
 export var updateLeadIndividualAsync = createAsyncThunk('connectExpress/updateLeadIndividualAsync', function (_a, thunkApi) {
     var formData = _a.formData, originalFormData = _a.originalFormData;
     return __awaiter(void 0, void 0, void 0, function () {
@@ -1158,6 +1197,9 @@ var initialState = {
             otp: '',
             authFor: AuthForType.MOBILE
         },
+        dobData: {
+            dob: ''
+        },
         individualData: {
             name: '',
             email: '',
@@ -1392,7 +1434,9 @@ export var connectSlice = createSlice({
             .addCase(verifyNafathAsync.fulfilled, function (state, action) {
             var _a;
             state.loading = false;
-            state.data.responseData = __assign(__assign({}, state.data.responseData), { authData: __assign(__assign({}, (_a = state.data.responseData) === null || _a === void 0 ? void 0 : _a.authData), action.payload) });
+            var _b = action.payload, data = _b.data, isNextScreenIsDob = _b.isNextScreenIsDob;
+            state.data.individualData.isPrevDob = isNextScreenIsDob || false;
+            state.data.responseData = __assign(__assign({}, state.data.responseData), { authData: __assign(__assign({}, (_a = state.data.responseData) === null || _a === void 0 ? void 0 : _a.authData), data) });
         })
             .addCase(verifyNafathAsync.rejected, function (state, action) {
             state.loading = false;
@@ -1422,10 +1466,12 @@ export var connectSlice = createSlice({
             state.error = null;
         })
             .addCase(verifyNafathIdentityAsync.fulfilled, function (state, action) {
-            var _a, _b, _c;
+            var _a, _b;
             state.loading = false;
+            var _c = action.payload, data = _c.data, isNextScreenIsDob = _c.isNextScreenIsDob;
             var auth = (((_a = state.data.responseData) === null || _a === void 0 ? void 0 : _a.authData) || {}).auth;
-            state.data.responseData = __assign(__assign({}, state.data.responseData), { authData: __assign(__assign(__assign({}, (_b = state.data.responseData) === null || _b === void 0 ? void 0 : _b.authData), action.payload), { auth: __assign(__assign({}, (_c = action.payload) === null || _c === void 0 ? void 0 : _c.auth), { id: auth === null || auth === void 0 ? void 0 : auth.id }) }) });
+            state.data.individualData.isPrevDob = isNextScreenIsDob || false;
+            state.data.responseData = __assign(__assign({}, state.data.responseData), { authData: __assign(__assign(__assign({}, (_b = state.data.responseData) === null || _b === void 0 ? void 0 : _b.authData), data), { auth: __assign(__assign({}, data === null || data === void 0 ? void 0 : data.auth), { id: auth === null || auth === void 0 ? void 0 : auth.id }) }) });
         })
             .addCase(verifyNafathIdentityAsync.rejected, function (state, action) {
             state.loading = false;
@@ -1543,6 +1589,20 @@ export var connectSlice = createSlice({
             if (action.error.message === 'Aborted')
                 return;
             state.error = action.error.message;
+        })
+            .addCase(updateLeadDOBAsync.fulfilled, function (state, action) {
+            state.loading = false;
+            state.error = null;
+            state.data.dobData = action.payload.formData;
+            state.data.responseData = __assign(__assign({}, state.data.responseData), { dobData: action.payload.response });
+        })
+            .addCase(updateLeadDOBAsync.pending, function (state) {
+            state.loading = true;
+            state.error = null;
+        })
+            .addCase(updateLeadDOBAsync.rejected, function (state, action) {
+            state.loading = false;
+            state.error = action.error.message;
         })
             .addCase(updateLeadIndividualAsync.fulfilled, function (state, action) {
             var _a, _b;

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+interface DOBProps {
+    onDateClicked?: (flag: boolean) => void;
+}
+declare const DOB: ({ onDateClicked }: DOBProps) => JSX.Element;
+export default DOB;

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

@@ -0,0 +1,47 @@
+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 { useTranslation } from 'react-i18next';
+import { useController, useFormContext } from 'react-hook-form';
+import { useAppDispatch, useAppSelector } from '../../../../hooks';
+import { ScreenContainer } from '../../../shared/Containers';
+import { alpha, styled } from '@mui/material/styles';
+import { clearError, authSelector } from '../../../app/auth/authStore';
+import Text from '../../../../components/Text';
+import Calender from '../../../shared/Calender';
+var InputLabelStyled = styled(Text)(function (_a) {
+    var theme = _a.theme;
+    return (__assign(__assign({ color: alpha(theme.palette.text.primary, 0.6), fontWeight: theme.typography.fontWeightMedium }, theme.typography.caption), { lineHeight: theme.spacing(2.5) }));
+});
+var DOB = function (_a) {
+    var _b;
+    var onDateClicked = _a.onDateClicked;
+    var t = useTranslation().t;
+    var control = useFormContext().control;
+    var dispatch = useAppDispatch();
+    var dobControl = useController({ control: control, name: 'dob' });
+    var error = useAppSelector(authSelector).error;
+    var handleBirthDateChange = function (data) {
+        dobControl.field.onChange(data);
+        handleClearError();
+    };
+    var handleClearError = function () {
+        if (error)
+            dispatch(clearError());
+    };
+    var dateValue = (_b = dobControl === null || dobControl === void 0 ? void 0 : dobControl.field) === null || _b === void 0 ? void 0 : _b.value;
+    return (_jsxs(ScreenContainer, { children: [_jsx(InputLabelStyled, __assign({ sx: { p: function (_a) {
+                        var spacing = _a.spacing;
+                        return spacing(0, 2.5, 1.5, 2.5);
+                    } } }, { children: t('enter_birth_date') })), _jsx(Calender, { isDob: true, defaultValue: dateValue ? new Date(dateValue) : undefined, onDateClicked: onDateClicked, onDateChange: handleBirthDateChange })] }));
+};
+export default DOB;

package/build/features/auth/screens/DOB/DOBForm.d.ts

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

package/build/features/auth/screens/DOB/DOBForm.js

@@ -0,0 +1,59 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { useTranslation } from 'react-i18next';
+import { styled } from '@mui/material/styles';
+import { useForm, FormProvider } from 'react-hook-form';
+import { yupResolver } from '@hookform/resolvers/yup';
+import { DOBValidationSchema } from './validation';
+import { useAppDispatch, useLanguage, useAppSelector } from '../../../../hooks';
+import { handlePrevScreenStep } from '../../../../app/settings';
+import { clearError, authSelector, updateLeadDOB } from '../../../app/auth/authStore';
+import Form from '../../../../components/Form';
+import Button from '../../../shared/Button';
+import { ScreenContainer } from '../../../shared/Containers';
+import Collapse from '../../../../components/Collapse';
+import DOB from './DOB';
+import { deepCopy } from '../../../../utils';
+var FormStyled = styled(Form)(function () { return ({
+    display: 'flex',
+    flexDirection: 'column'
+}); });
+var DOBForm = function (_a) {
+    var _b = React.useState(false), collapse = _b[0], setCollapse = _b[1];
+    var isAr = useLanguage().isAr;
+    var dispatch = useAppDispatch();
+    var t = useTranslation().t;
+    var _c = useAppSelector(authSelector), data = _c.data, loading = _c.loading, error = _c.error;
+    var methods = useForm({
+        resolver: yupResolver(DOBValidationSchema),
+        defaultValues: data.dobData,
+        mode: 'onChange'
+    });
+    React.useEffect(function () {
+        if (error)
+            dispatch(clearError());
+    }, [methods.formState.isValid]);
+    var onSubmit = function (data) {
+        dispatch(updateLeadDOB(deepCopy(data)));
+    };
+    var handleCollapseOpenClose = function (flag) {
+        setCollapse(flag);
+    };
+    var onBack = function () {
+        dispatch(handlePrevScreenStep());
+    };
+    var disabled = !methods.formState.isValid;
+    return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(DOB, { onDateClicked: handleCollapseOpenClose }), _jsx(Collapse, __assign({ in: !collapse }, { children: _jsx(Button, __assign({ sx: { mt: 10 }, loading: loading, isAr: isAr, onBackClicked: onBack, disabled: disabled, error: t(error || '') }, { children: t('next') })) }))] })) })) }));
+};
+export default React.memo(DOBForm);

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

@@ -0,0 +1,3 @@
+import DOBForm, { DOBFormProps } from './DOBForm';
+export type { DOBFormProps };
+export default DOBForm;

package/build/features/auth/screens/DOB/index.js

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

package/build/features/auth/screens/DOB/validation.d.ts

@@ -0,0 +1,8 @@
+import * as yup from 'yup';
+export declare const DOBValidationSchema: yup.ObjectSchema<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
+    dob: 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, {
+    dob: 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, {
+    dob: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
+}>>>;

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

@@ -0,0 +1,4 @@
+import * as yup from 'yup';
+export var DOBValidationSchema = yup.object().shape({
+    dob: yup.string().min(5).required('enter_valid_birth_date')
+});

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

@@ -40,7 +40,7 @@ var ListType;
 var BusinessType = function (_a) {
     var _b = useAppSelector(businessSelector), data = _b.data, loading = _b.loading, error = _b.error, uploading = _b.uploading, uploadingArticle = _b.uploadingArticle;
     var settingsData = useAppSelector(settingsSelector).data;
-    var _c = data.businessTypeData, selectedLicense = _c.selectedLicense, licenseNumber = _c.licenseNumber, entityLegalName = _c.entityLegalName, certificateId = _c.certificateId, articleId = _c.articleId, selectedEntityLicense = _c.selectedEntityLicense, responseBody = _c.responseBody;
+    var _c = data.businessTypeData, selectedLicense = _c.selectedLicense, licenseNumber = _c.licenseNumber, entityLegalName = _c.entityLegalName, certificateId = _c.certificateId, articleId = _c.articleId, selectedEntityLicense = _c.selectedEntityLicense, responseBody = _c.responseBody, isPrevDob = _c.isPrevDob;
     var entityLicenseList = (responseBody === null || responseBody === void 0 ? void 0 : responseBody.entityLicenseList) || [];
     var t = useTranslation().t;
     var isAr = useLanguage().isAr;
@@ -96,7 +96,7 @@ var BusinessType = function (_a) {
         dispatch(updateLeadBusinessType(deepCopy(dataValues)));
     };
     var onBack = function () {
-        dispatch(handlePrevScreenStep());
+        dispatch(handlePrevScreenStep(isPrevDob ? 'BUSINESS_DOB_STEP' : 'BUSINESS_IDBOD_STEP'));
     };
     var isLicenseListActive = listActive === ListType.LicenseList;
     var isEntityLicenseListActive = listActive === ListType.EntityLicenseList;

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

@@ -0,0 +1,6 @@
+import * as React from 'react';
+interface BODProps {
+    onDateClicked?: (flag: boolean) => void;
+}
+declare const _default: React.MemoExoticComponent<({ onDateClicked }: BODProps) => JSX.Element>;
+export default _default;

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

@@ -0,0 +1,45 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { useTranslation } from 'react-i18next';
+import { useController, useFormContext } from 'react-hook-form';
+import { useAppDispatch, useAppSelector } from '../../../../hooks';
+import { styled, alpha } from '@mui/material/styles';
+import Text from '../../../../components/Text';
+import { ScreenContainer } from '../../../shared/Containers';
+import Calender from '../../../shared/Calender';
+import { businessSelector, clearError } from '../../../app/business/businessStore';
+var InputLabelStyled = styled(Text)(function (_a) {
+    var theme = _a.theme;
+    return (__assign(__assign({ color: alpha(theme.palette.text.primary, 0.6) }, theme.typography.caption), { cursor: 'pointer' }));
+});
+var BOD = function (_a) {
+    var _b;
+    var onDateClicked = _a.onDateClicked;
+    var t = useTranslation().t;
+    var control = useFormContext().control;
+    var dispatch = useAppDispatch();
+    var dobControl = useController({ control: control, name: 'dob' });
+    var error = useAppSelector(businessSelector).error;
+    var handleBirthDateChange = function (data) {
+        if (error)
+            dispatch(clearError());
+        dobControl.field.onChange(data);
+    };
+    var dateValue = (_b = dobControl === null || dobControl === void 0 ? void 0 : dobControl.field) === null || _b === void 0 ? void 0 : _b.value;
+    return (_jsxs(ScreenContainer, { children: [_jsx(InputLabelStyled, __assign({ sx: { p: function (_a) {
+                        var spacing = _a.spacing;
+                        return spacing(0, 2.5, 1.5, 2.5);
+                    } } }, { children: t('enter_birth_date') })), _jsx(Calender, { isDob: true, defaultValue: dateValue ? new Date(dateValue) : undefined, onDateClicked: onDateClicked, onDateChange: handleBirthDateChange })] }));
+};
+export default React.memo(BOD);

package/build/features/business/screens/DOB/DOBForm.d.ts

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