@tap-payments/auth-jsconnect 1.0.33 → 1.0.34

package/build/@types/form.d.ts

@@ -1,4 +1,4 @@
-import { Activity, CountryCode, SalesChannel } from './app';
+import { Activity, CountryCode, CustomerLocation, ExpectedCustomer, ExpectedSaleRange, SalesChannel } from './app';
 export declare type MobileFormValues = {
     mobile: string | null;
     countryCode: CountryCode;
@@ -43,3 +43,10 @@ export declare type ActivitiesFormValues = {
     salesChannels: Array<SalesChannel>;
     operationStartDate: string;
 };
+export declare type CustomersFormValues = {
+    customerLocations: Array<CustomerLocation>;
+    expectedCustomers: ExpectedCustomer | undefined;
+    expectedSalesRange: ExpectedSaleRange | undefined;
+    refundPolicy: boolean;
+    transactionPolicy: boolean;
+};

package/build/api/account.d.ts

@@ -0,0 +1,15 @@
+import { AxiosRequestConfig } from 'axios';
+export declare type CreateAccountBody = {
+    lead_id: string;
+    notify: {
+        email: boolean;
+        phone: boolean;
+    };
+    skip_legacy: boolean;
+    is_acknowledged: boolean;
+    step_name: string;
+};
+declare const accountService: {
+    createAccount: (data: CreateAccountBody, config?: AxiosRequestConfig) => Promise<import("axios").AxiosResponse<any, any>>;
+};
+export { accountService };

package/build/api/account.js

@@ -0,0 +1,9 @@
+import instance from './axios';
+import { ENDPOINT_PATHS } from '../constants';
+var createAccount = function (data, config) {
+    return instance.post("".concat(ENDPOINT_PATHS.CREATE_ACCOUNT, "/").concat(data.lead_id), data, config);
+};
+var accountService = {
+    createAccount: createAccount
+};
+export { accountService };

package/build/api/data.d.ts

@@ -0,0 +1,6 @@
+declare const dataService: {
+    getChannelsOfServices: () => Promise<import("axios").AxiosResponse<any, any>>;
+    getCustomerBases: () => Promise<import("axios").AxiosResponse<any, any>>;
+    getExpectedSales: () => Promise<import("axios").AxiosResponse<any, any>>;
+};
+export { dataService };

package/build/api/data.js

@@ -0,0 +1,17 @@
+import instance from './axios';
+import { ENDPOINT_PATHS } from '../constants';
+var getChannelsOfServices = function () {
+    return instance.get("".concat(ENDPOINT_PATHS.CHANNEL));
+};
+var getCustomerBases = function () {
+    return instance.get("".concat(ENDPOINT_PATHS.CUSTOMER_BASES));
+};
+var getExpectedSales = function () {
+    return instance.get("".concat(ENDPOINT_PATHS.SALES));
+};
+var dataService = {
+    getChannelsOfServices: getChannelsOfServices,
+    getCustomerBases: getCustomerBases,
+    getExpectedSales: getExpectedSales
+};
+export { dataService };

package/build/api/entity.d.ts

@@ -1,13 +1,13 @@
-import { Activity, SalesChannel } from '../@types';
+import { Activity, CustomerLocation, ExpectedCustomer, ExpectedSaleRange, SalesChannel } from '../@types';
 import { AxiosRequestConfig } from 'axios';
 export declare type EntityInfoUpdateBody = {
     activities?: Array<Activity>;
     business_operation_start_at?: string;
     channel_services?: Array<SalesChannel>;
     physical_store_available?: boolean;
-    yearly_sales_range?: string;
-    customers_served_monthly?: string;
-    customers_base?: Array<string>;
+    yearly_sales_range?: ExpectedSaleRange;
+    customers_served_monthly?: ExpectedCustomer;
+    customers_base?: Array<CustomerLocation>;
     vat_id?: string;
     agree_chargeback?: boolean;
     agree_refund?: boolean;

package/build/api/index.d.ts

@@ -4,6 +4,7 @@ import { CreateAuthBody, VerifyAuthBody } from './auth';
 import { UpdateLeadBody, LeadVerifyBody, CreateLeadBody, LeadOTPVerifyBody, LeadIdentityUpdateBody } from './lead';
 import { CheckEmailBody, CheckBrandBody } from './availabilityServices';
 import { EntityInfoUpdateBody } from './entity';
+import { CreateAccountBody } from './account';
 declare const API: {
     ipService: {
         getIP: () => Promise<import("axios").AxiosResponse<any, any>>;
@@ -39,7 +40,15 @@ declare const API: {
     firebaseService: {
         getLocale: () => Promise<import("axios").AxiosResponse<any, any>>;
     };
+    accountService: {
+        createAccount: (data: CreateAccountBody, config?: import("axios").AxiosRequestConfig<any> | undefined) => Promise<import("axios").AxiosResponse<any, any>>;
+    };
+    dataService: {
+        getChannelsOfServices: () => Promise<import("axios").AxiosResponse<any, any>>;
+        getCustomerBases: () => Promise<import("axios").AxiosResponse<any, any>>;
+        getExpectedSales: () => Promise<import("axios").AxiosResponse<any, any>>;
+    };
 };
-export type { ValidateOperatorBody, CreateAuthBody, VerifyAuthBody, CreateLeadBody, UpdateLeadBody, LeadVerifyBody, LeadOTPVerifyBody, CheckEmailBody, CheckBrandBody, LeadIdentityUpdateBody, EntityInfoUpdateBody };
+export type { ValidateOperatorBody, CreateAuthBody, VerifyAuthBody, CreateLeadBody, UpdateLeadBody, LeadVerifyBody, LeadOTPVerifyBody, CheckEmailBody, CheckBrandBody, LeadIdentityUpdateBody, EntityInfoUpdateBody, CreateAccountBody };
 export { setAxiosGlobalHeaders, removeAxiosGlobalHeaders };
 export default API;

package/build/api/index.js

@@ -7,6 +7,8 @@ import { leadService } from './lead';
 import availabilityServices from './availabilityServices';
 import { firebaseService } from './firebase';
 import { entityService } from './entity';
+import { accountService } from './account';
+import { dataService } from './data';
 var API = {
     ipService: ipService,
     operatorService: operatorService,
@@ -15,7 +17,9 @@ var API = {
     leadService: leadService,
     entityService: entityService,
     availabilityServices: availabilityServices,
-    firebaseService: firebaseService
+    firebaseService: firebaseService,
+    accountService: accountService,
+    dataService: dataService
 };
 export { setAxiosGlobalHeaders, removeAxiosGlobalHeaders };
 export default API;

package/build/components/Input/Input.js

@@ -65,7 +65,7 @@ var InputStyled = styled(Input)(function (_a) {
 });
 var InputField = function (_a) {
     var onEnterPressed = _a.onEnterPressed, hide = _a.hide, endAdornment = _a.endAdornment, startAdornment = _a.startAdornment, warningType = _a.warningType, warningMessage = _a.warningMessage, rest = __rest(_a, ["onEnterPressed", "hide", "endAdornment", "startAdornment", "warningType", "warningMessage"]);
-    var _b = React.useState(), warning = _b[0], setWarning = _b[1];
+    var _b = React.useState('alert'), warning = _b[0], setWarning = _b[1];
     var onKeyPress = function (e) {
         var _a;
         if (e.key === 'Enter')

package/build/constants/api.d.ts

@@ -14,4 +14,8 @@ export declare const ENDPOINT_PATHS: {
     CHECK_EMAIL: string;
     CHECK_BRAND: string;
     FIREBASE_URL: string;
+    CREATE_ACCOUNT: string;
+    CHANNEL: string;
+    CUSTOMER_BASES: string;
+    SALES: string;
 };

package/build/constants/api.js

@@ -12,6 +12,10 @@ var RETRIEVE_FL_PATH = '/lead/fllist';
 var ENTITY_PATH = '/entity';
 var CHECK_EMAIL = '/lead/identity/emailcheck';
 var CHECK_BRAND = 'lead/profile/profile_name';
+var CREATE_ACCOUNT_PATH = '/account/create';
+var CHANNEL_PATH = '/channel';
+var CUSTOMER_BASES_PATH = '/customerBases';
+var SALES_PATH = '/sales';
 var FIREBASE_URL = 'https://goconnect-195cd-default-rtdb.asia-southeast1.firebasedatabase.app/sandbox/local.json';
 export var ENDPOINT_PATHS = {
     BASE_URL: API_BASE_URL,
@@ -28,5 +32,9 @@ export var ENDPOINT_PATHS = {
     ENTITY: ENTITY_PATH,
     CHECK_EMAIL: CHECK_EMAIL,
     CHECK_BRAND: CHECK_BRAND,
-    FIREBASE_URL: FIREBASE_URL
+    FIREBASE_URL: FIREBASE_URL,
+    CREATE_ACCOUNT: CREATE_ACCOUNT_PATH,
+    CHANNEL: CHANNEL_PATH,
+    CUSTOMER_BASES: CUSTOMER_BASES_PATH,
+    SALES: SALES_PATH
 };

package/build/constants/app.d.ts

@@ -83,7 +83,11 @@ export declare const BUSINESS_STEP_NAMES: {
     PHONE_AUTH: string;
     IDENTITY_AUTH: string;
     IDENTITY_VERIFY_AUTH: string;
-    BUSINESS_INFO: string;
+    BUSINESS_CR_INFO: string;
+    BUSINESS_INFO_CONFIRM: string;
+    BUSINESS_CR_ACTIVITIES: string;
+    BUSINESS_CUSTOMERS: string;
+    BUSINESS_SUCCESS: string;
 };
 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";

package/build/constants/app.js

@@ -232,7 +232,11 @@ export var BUSINESS_STEP_NAMES = {
     PHONE_AUTH: 'business_phone_auth',
     IDENTITY_AUTH: 'business_identity_auth',
     IDENTITY_VERIFY_AUTH: 'business_identity_auth_verify',
-    BUSINESS_INFO: 'business_info'
+    BUSINESS_CR_INFO: 'business_cr_info',
+    BUSINESS_INFO_CONFIRM: 'business_info_confirm',
+    BUSINESS_CR_ACTIVITIES: 'business_cr_activities',
+    BUSINESS_CUSTOMERS: 'business_customers',
+    BUSINESS_SUCCESS: 'business_completed'
 };
 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';

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

@@ -1,5 +1,5 @@
 import { RootState } from '../../../app/store';
-import { ActivitiesFormValues, BusinessInfoFormValues, BusinessTypeFormValues, CountryCode, CRLicense, FLLicense, NIDFormValues, OTPFormValues, ResponseData, SharedState } from '../../../@types';
+import { ActivitiesFormValues, BusinessInfoFormValues, CustomersFormValues, BusinessTypeFormValues, CountryCode, CRLicense, FLLicense, NIDFormValues, OTPFormValues, ResponseData, SharedState } from '../../../@types';
 export declare const getCountries: import("@reduxjs/toolkit").AsyncThunk<{
     businessCountry: any;
     countries: any;
@@ -37,17 +37,35 @@ export declare const updateLeadBusinessType: import("@reduxjs/toolkit").AsyncThu
     data: any;
     formData: BusinessTypeFormValues;
 }, BusinessTypeFormValues, {}>;
-export declare const updateEntityInfo: import("@reduxjs/toolkit").AsyncThunk<{
+export declare const createAccount: import("@reduxjs/toolkit").AsyncThunk<{
+    data: any;
+    channelsData: any;
+}, void, {}>;
+export declare const updateActivitiesInfo: import("@reduxjs/toolkit").AsyncThunk<{
     data: any;
     formData: {
         activities: import("../../../@types").Activity[] | undefined;
         salesChannels: import("../../../@types").SalesChannel[];
         operationStartDate: string;
+    };
+}, ActivitiesFormValues, {}>;
+export declare const updateCustomersInfo: import("@reduxjs/toolkit").AsyncThunk<{
+    data: any;
+    formData: {
+        customerLocations: import("../../../@types").CustomerLocation[];
+        expectedCustomers: import("../../../@types").ExpectedCustomer | undefined;
+        expectedSalesRange: import("../../../@types").ExpectedSaleRange | undefined;
+        refundPolicy: boolean;
+        transactionPolicy: boolean;
         isResend: boolean;
     };
-}, ActivitiesFormValues & {
+}, CustomersFormValues & {
     isResend: boolean;
 }, {}>;
+export declare const updateLeadSuccess: import("@reduxjs/toolkit").AsyncThunk<{
+    response: any;
+    formData: void;
+}, void, {}>;
 declare type VerifyData = {
     token: string;
 };
@@ -62,8 +80,9 @@ export interface BusinessData {
     businessTypeData: BusinessTypeFormValues & ResponseData;
     crInfos: Array<CRLicense>;
     flInfos: Array<FLLicense>;
-    businessInfo: BusinessInfoFormValues;
+    businessInfo: BusinessInfoFormValues & ResponseData;
     activitiesData: ActivitiesFormValues & ResponseData;
+    customersData: CustomersFormValues & ResponseData;
 }
 export interface BusinessState extends SharedState<BusinessData> {
 }

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

@@ -47,10 +47,13 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 var _a;
 import { createAsyncThunk, createSlice } from '@reduxjs/toolkit';
+import moment from 'moment';
 import API from '../../../api';
 import { BusinessType } from '../../../@types';
 import { BUSINESS_STEP_NAMES, defaultCountry, IDENTIFICATION_TYPE } from '../../../constants';
-import { handleNextScreenStep } from '../../../app/settings';
+import i18n from '../../../i18n';
+import { convertNumbers2English, removeRequestHeaders } from '../../../utils';
+import { handleCurrentActiveScreen, handleNextScreenStep } from '../../../app/settings';
 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) {
@@ -82,14 +85,14 @@ export var verifyLeadToken = createAsyncThunk('verifyLeadToken', function (token
                 data = (_a.sent()).data;
                 leadResponse = undefined;
                 if (!(!(data === null || data === void 0 ? void 0 : data.errors) && !(data === null || data === void 0 ? void 0 : data.mw_error))) return [3, 3];
-                return [4, API.leadService.retrieveLead(data === null || data === void 0 ? void 0 : data.lead_id)];
+                return [4, API.leadService.retrieveLead(data === null || data === void 0 ? void 0 : data.id)];
             case 2:
                 leadResponse = _a.sent();
                 if (data.step_name === BUSINESS_STEP_NAMES.IDENTITY_AUTH) {
-                    thunkApi.dispatch(handleNextScreenStep('BUSINESS_IDBOD_STEP'));
+                    thunkApi.dispatch(handleCurrentActiveScreen('BUSINESS_IDBOD_STEP'));
                 }
-                else {
-                    thunkApi.dispatch(handleNextScreenStep('BUSINESS_VERIFY_STEP'));
+                if (data.step_name === 'business_info') {
+                    thunkApi.dispatch(handleCurrentActiveScreen('BUSINESS_BUSINESS_TYPE_STEP'));
                 }
                 _a.label = 3;
             case 3: return [2, { data: data, leadData: leadResponse === null || leadResponse === void 0 ? void 0 : leadResponse.data, token: token }];
@@ -193,20 +196,21 @@ export var retrieveFLInfos = createAsyncThunk('retrieveFLInfos', function (_a, t
     });
 }); });
 export var updateLeadBusinessType = createAsyncThunk('updateLeadBusinessType', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var _a, settings, connect, headers, payload, data;
+    var _a, settings, business, headers, payload, data;
     var _b, _c, _d, _e, _f;
     return __generator(this, function (_g) {
         switch (_g.label) {
             case 0:
-                _a = thunkApi.getState(), settings = _a.settings, connect = _a.connect;
+                _a = thunkApi.getState(), settings = _a.settings, business = _a.business;
                 headers = {
-                    lead_id: ((_b = connect.data.otpData.responseBody) === null || _b === void 0 ? void 0 : _b.id) || '',
+                    lead_id: ((_b = business.data.otpData.responseBody) === null || _b === void 0 ? void 0 : _b.id) || '',
                     device_identifier: (_d = (_c = settings.data.deviceInfo) === null || _c === void 0 ? void 0 : _c.browser) === null || _d === void 0 ? void 0 : _d.browser_id
                 };
                 payload = {
                     freelancer_number: params.flNumber,
                     business_type: params.businessType,
                     cr_number: params.crNumber,
+                    step_name: BUSINESS_STEP_NAMES.BUSINESS_CR_INFO,
                     encryption_contract: ['freelancer_number', 'business_type', 'cr_number']
                 };
                 return [4, API.leadService.updateLead(payload, { headers: headers })];
@@ -220,31 +224,114 @@ export var updateLeadBusinessType = createAsyncThunk('updateLeadBusinessType', f
         }
     });
 }); });
-export var updateEntityInfo = createAsyncThunk('updateEntityInfo', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var settings, requestBody, headers, data;
-    var _a, _b;
-    return __generator(this, function (_c) {
-        switch (_c.label) {
+export var createAccount = createAsyncThunk('createAccount', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
+    var _a, settings, business, requestBody, data, channels;
+    var _b, _c, _d;
+    return __generator(this, function (_e) {
+        switch (_e.label) {
             case 0:
-                settings = thunkApi.getState().settings;
+                _a = thunkApi.getState(), settings = _a.settings, business = _a.business;
+                requestBody = {
+                    lead_id: (_b = business.data.otpData.responseBody) === null || _b === void 0 ? void 0 : _b.id,
+                    notify: {
+                        email: false,
+                        phone: false
+                    },
+                    skip_legacy: false,
+                    is_acknowledged: true,
+                    step_name: BUSINESS_STEP_NAMES.BUSINESS_INFO_CONFIRM
+                };
+                return [4, API.accountService.createAccount(requestBody)];
+            case 1:
+                data = (_e.sent()).data;
+                channels = undefined;
+                if (!!data.errors) return [3, 3];
+                return [4, API.dataService.getChannelsOfServices()];
+            case 2:
+                channels = _e.sent();
+                thunkApi.dispatch(handleNextScreenStep());
+                (_d = (_c = settings.data.appConfig).onStepCompleted) === null || _d === void 0 ? void 0 : _d.call(_c, settings.data.activeScreen.name, requestBody);
+                _e.label = 3;
+            case 3: return [2, { data: data, channelsData: channels === null || channels === void 0 ? void 0 : channels.data }];
+        }
+    });
+}); });
+export var updateActivitiesInfo = createAsyncThunk('updateActivitiesInfo', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
+    var _a, settings, business, requestBody, headers, data;
+    var _b, _c, _d;
+    return __generator(this, function (_e) {
+        switch (_e.label) {
+            case 0:
+                _a = thunkApi.getState(), settings = _a.settings, business = _a.business;
                 requestBody = {
                     activities: params.activities,
                     channel_services: params.salesChannels,
                     business_operation_start_at: params.operationStartDate,
-                    step_name: BUSINESS_STEP_NAMES.BUSINESS_INFO
+                    step_name: BUSINESS_STEP_NAMES.BUSINESS_CR_ACTIVITIES
                 };
-                headers = { entity_id: '123456789' };
+                headers = { entity_id: (_b = business.data.businessInfo.responseBody) === null || _b === void 0 ? void 0 : _b.entity_id };
                 return [4, API.entityService.updateEntityInfo(requestBody, { headers: headers })];
             case 1:
-                data = (_c.sent()).data;
+                data = (_e.sent()).data;
+                if (!data.errors) {
+                    thunkApi.dispatch(handleNextScreenStep());
+                    (_d = (_c = settings.data.appConfig).onStepCompleted) === null || _d === void 0 ? void 0 : _d.call(_c, settings.data.activeScreen.name, requestBody);
+                }
+                return [2, { data: data, formData: __assign({}, params) }];
+        }
+    });
+}); });
+export var updateCustomersInfo = createAsyncThunk('updateCustomersInfo', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
+    var _a, settings, business, requestBody, headers, data;
+    var _b, _c, _d;
+    return __generator(this, function (_e) {
+        switch (_e.label) {
+            case 0:
+                _a = thunkApi.getState(), settings = _a.settings, business = _a.business;
+                requestBody = {
+                    customers_base: params.customerLocations,
+                    customers_served_monthly: params.expectedCustomers,
+                    yearly_sales_range: params.expectedSalesRange,
+                    agree_refund: params.refundPolicy,
+                    agree_chargeback: params.transactionPolicy,
+                    step_name: BUSINESS_STEP_NAMES.BUSINESS_CUSTOMERS
+                };
+                headers = { entity_id: (_b = business.data.otpData.responseBody) === null || _b === void 0 ? void 0 : _b.id };
+                return [4, API.entityService.updateEntityInfo(requestBody, { headers: headers })];
+            case 1:
+                data = (_e.sent()).data;
                 if (!data.errors && !params.isResend) {
                     thunkApi.dispatch(handleNextScreenStep());
-                    (_b = (_a = settings.data.appConfig).onStepCompleted) === null || _b === void 0 ? void 0 : _b.call(_a, settings.data.activeScreen.name, requestBody);
+                    (_d = (_c = settings.data.appConfig).onStepCompleted) === null || _d === void 0 ? void 0 : _d.call(_c, settings.data.activeScreen.name, requestBody);
                 }
                 return [2, { data: data, formData: __assign({}, params) }];
         }
     });
 }); });
+export var updateLeadSuccess = createAsyncThunk('updateLeadSuccess', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
+    var _a, settings, business, headers, payload, data;
+    var _b, _c, _d, _e, _f, _g, _h;
+    return __generator(this, function (_j) {
+        switch (_j.label) {
+            case 0:
+                _a = thunkApi.getState(), settings = _a.settings, business = _a.business;
+                headers = {
+                    lead_id: ((_b = business.data.otpData.responseBody) === null || _b === void 0 ? void 0 : _b.id) || '',
+                    device_identifier: (_d = (_c = settings.data.deviceInfo) === null || _c === void 0 ? void 0 : _c.browser) === null || _d === void 0 ? void 0 : _d.browser_id
+                };
+                payload = {
+                    step_name: BUSINESS_STEP_NAMES.BUSINESS_SUCCESS,
+                    encryption_contract: []
+                };
+                return [4, API.leadService.updateLead(payload, { headers: headers })];
+            case 1:
+                data = (_j.sent()).data;
+                (_f = (_e = settings.data.appConfig).onStepCompleted) === null || _f === void 0 ? void 0 : _f.call(_e, settings.data.activeScreen.name, params);
+                (_h = (_g = settings.data.appConfig).onFlowCompleted) === null || _h === void 0 ? void 0 : _h.call(_g, { data: data });
+                return [2, { response: data, formData: params }];
+        }
+    });
+}); });
 var initialState = {
     error: null,
     loading: false,
@@ -278,6 +365,13 @@ var initialState = {
             activities: [],
             salesChannels: [],
             operationStartDate: '1998-08-22'
+        },
+        customersData: {
+            customerLocations: [],
+            expectedCustomers: undefined,
+            expectedSalesRange: undefined,
+            refundPolicy: false,
+            transactionPolicy: false
         }
     }
 };
@@ -307,12 +401,10 @@ export var businessSlice = createSlice({
             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, leadData = _b.leadData;
             var description = (((_a = data === null || data === void 0 ? void 0 : data.errors) === null || _a === void 0 ? void 0 : _a[0]) || {}).description;
@@ -320,11 +412,10 @@ export var businessSlice = createSlice({
                 state.error = description;
                 return;
             }
-            state.data.verify.responseBody = leadData;
+            state.data.verify.responseBody = __assign(__assign({}, data), leadData);
             state.data.verify.token = token;
         })
             .addCase(verifyLeadToken.rejected, function (state, action) {
-            state.loading = false;
             state.error = action.error.message;
         })
             .addCase(verifyLeadOTP.pending, function (state) {
@@ -399,7 +490,7 @@ export var businessSlice = createSlice({
             var data = action.payload.data;
             var description = (((_a = data === null || data === void 0 ? void 0 : data.errors) === null || _a === void 0 ? void 0 : _a[0]) || {}).description;
             if (!description) {
-                state.data.flInfos = data;
+                state.data.flInfos = data === null || data === void 0 ? void 0 : data.licenses;
                 state.data.businessTypeData.businessType = BusinessType.FL;
             }
         })
@@ -412,27 +503,68 @@ export var businessSlice = createSlice({
             state.error = null;
         })
             .addCase(updateLeadBusinessType.fulfilled, function (state, action) {
-            var _a;
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
             state.loading = false;
             state.error = null;
-            var _b = action.payload, data = _b.data, formData = _b.formData;
+            var _m = action.payload, data = _m.data, formData = _m.formData;
             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.businessTypeData = formData;
-            state.data.businessTypeData.responseBody = data;
+            state.data.businessInfo.brandName = i18n.dir() === 'rtl' ? (_c = (_b = data === null || data === void 0 ? void 0 : data.brand) === null || _b === void 0 ? void 0 : _b.name) === null || _c === void 0 ? void 0 : _c.ar : (_e = (_d = data === null || data === void 0 ? void 0 : data.brand) === null || _d === void 0 ? void 0 : _d.name) === null || _e === void 0 ? void 0 : _e.en;
+            state.data.businessInfo.licenseNumber = (data === null || data === void 0 ? void 0 : data.freelancer_number) || (data === null || data === void 0 ? void 0 : data.cr_number);
+            if (formData.businessType === BusinessType.CR) {
+                state.data.businessInfo.legalName = (_f = data === null || data === void 0 ? void 0 : data.license) === null || _f === void 0 ? void 0 : _f.crName;
+                state.data.activitiesData.operationStartDate = convertNumbers2English(moment((_g = data === null || data === void 0 ? void 0 : data.license) === null || _g === void 0 ? void 0 : _g.issueDate, 'iYYYY/iMM/iDD').format('YYYY-MM-DD'));
+                var activities = (_j = (_h = data === null || data === void 0 ? void 0 : data.license) === null || _h === void 0 ? void 0 : _h.activities) === null || _j === void 0 ? void 0 : _j.isic;
+                var selectedActivity = activities === null || activities === void 0 ? void 0 : activities[0];
+                if (!!selectedActivity)
+                    state.data.activitiesData.activities = [selectedActivity];
+                state.data.businessTypeData.responseBody = __assign(__assign({}, data), { activities: activities || [] });
+                return;
+            }
+            var category = (_l = (_k = data === null || data === void 0 ? void 0 : data.license) === null || _k === void 0 ? void 0 : _k.License) === null || _l === void 0 ? void 0 : _l.Category;
+            if (!!category)
+                state.data.activitiesData.activities = [category];
+            state.data.businessTypeData.responseBody = __assign(__assign({}, data), { activities: [category] });
         })
             .addCase(updateLeadBusinessType.rejected, function (state, action) {
             state.loading = false;
             state.error = action.error.message;
         })
-            .addCase(updateEntityInfo.pending, function (state) {
+            .addCase(createAccount.pending, function (state) {
+            state.loading = true;
+            state.error = null;
+        })
+            .addCase(createAccount.fulfilled, function (state, action) {
+            var _a, _b;
+            state.error = null;
+            var _c = action.payload, data = _c.data, channelsData = _c.channelsData;
+            var description = (((_a = data === null || data === void 0 ? void 0 : data.errors) === null || _a === void 0 ? void 0 : _a[0]) || ((_b = channelsData === null || channelsData === void 0 ? void 0 : channelsData.errors) === null || _b === void 0 ? void 0 : _b[0]) || {}).description;
+            if (description) {
+                state.error = description;
+                return;
+            }
+            if ((data === null || data === void 0 ? void 0 : data.status) === 'ALREADY_TAKEN') {
+                state.error = 'signup_user_exists_error';
+                return;
+            }
+            state.data.businessInfo.responseBody = __assign(__assign({}, data), { channelList: channelsData || [] });
+            var selectedChannel = channelsData === null || channelsData === void 0 ? void 0 : channelsData[0];
+            if (!!selectedChannel)
+                state.data.activitiesData.salesChannels = [selectedChannel];
+        })
+            .addCase(createAccount.rejected, function (state, action) {
+            state.loading = false;
+            state.error = action.error.message;
+        })
+            .addCase(updateActivitiesInfo.pending, function (state) {
             state.loading = true;
             state.error = null;
         })
-            .addCase(updateEntityInfo.fulfilled, function (state, action) {
+            .addCase(updateActivitiesInfo.fulfilled, function (state, action) {
             var _a;
             state.error = null;
             var _b = action.payload, data = _b.data, formData = _b.formData;
@@ -444,7 +576,48 @@ export var businessSlice = createSlice({
             state.data.activitiesData = formData;
             state.data.activitiesData.responseBody = data;
         })
-            .addCase(updateEntityInfo.rejected, function (state, action) {
+            .addCase(updateActivitiesInfo.rejected, function (state, action) {
+            state.loading = false;
+            state.error = action.error.message;
+        })
+            .addCase(updateCustomersInfo.pending, function (state) {
+            state.loading = true;
+            state.error = null;
+        })
+            .addCase(updateCustomersInfo.fulfilled, function (state, action) {
+            var _a;
+            state.loading = false;
+            state.error = null;
+            var _b = action.payload, data = _b.data, formData = _b.formData;
+            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.customersData = formData;
+            state.data.customersData.responseBody = data;
+        })
+            .addCase(updateCustomersInfo.rejected, function (state, action) {
+            state.loading = false;
+            state.error = action.error.message;
+        })
+            .addCase(updateLeadSuccess.fulfilled, function (state, action) {
+            var _a;
+            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;
+            if (description) {
+                state.error = description;
+                return;
+            }
+            removeRequestHeaders();
+        })
+            .addCase(updateLeadSuccess.pending, function (state) {
+            state.loading = true;
+            state.error = null;
+        })
+            .addCase(updateLeadSuccess.rejected, function (state, action) {
             state.loading = false;
             state.error = action.error.message;
         });

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

@@ -57,7 +57,7 @@ export declare const updateLeadSuccess: import("@reduxjs/toolkit").AsyncThunk<{
 export interface ConnectData {
     countries: Array<CountryCode>;
     businessCountry: CountryCode;
-    mobileData: MobileFormValues & ResponseData;
+    mobileData: (MobileFormValues | undefined) & ResponseData;
     nidData: NIDFormValues & ResponseData & {
         type: string;
     };
@@ -73,8 +73,14 @@ export interface ConnectState extends SharedState<ConnectData> {
 export declare const connectSlice: import("@reduxjs/toolkit").Slice<ConnectState, {
     clearError: (state: ConnectState) => void;
     stopLoader: (state: ConnectState) => void;
+    resetMobileScreen: (state: ConnectState) => void;
+    resetNIDScreen: (state: ConnectState) => void;
+    resetOTPScreen: (state: ConnectState) => void;
+    resetPasswordScreen: (state: ConnectState) => void;
+    resetIndividualScreen: (state: ConnectState) => void;
+    resetMerchantScreen: (state: ConnectState) => void;
 }, "connect/store">;
-export declare const clearError: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, stopLoader: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
+export declare const clearError: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, stopLoader: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, resetMobileScreen: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, resetOTPScreen: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, resetIndividualScreen: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, resetMerchantScreen: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, resetNIDScreen: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, resetPasswordScreen: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
 declare const _default: import("redux").Reducer<ConnectState, import("redux").AnyAction>;
 export default _default;
 export declare const connectSelector: (state: RootState) => ConnectState;

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

@@ -435,6 +435,24 @@ export var connectSlice = createSlice({
         },
         stopLoader: function (state) {
             state.loading = false;
+        },
+        resetMobileScreen: function (state) {
+            state.data.mobileData = __assign(__assign({}, state.data.mobileData), initialState.data.mobileData);
+        },
+        resetNIDScreen: function (state) {
+            state.data.nidData = __assign(__assign({}, state.data.nidData), initialState.data.nidData);
+        },
+        resetOTPScreen: function (state) {
+            state.data.otpData = __assign(__assign({}, state.data.otpData), initialState.data.otpData);
+        },
+        resetPasswordScreen: function (state) {
+            state.data.passwordData = initialState.data.passwordData;
+        },
+        resetIndividualScreen: function (state) {
+            state.data.individualData = initialState.data.individualData;
+        },
+        resetMerchantScreen: function (state) {
+            state.data.brandData = initialState.data.brandData;
         }
     },
     extraReducers: function (builder) {
@@ -643,6 +661,6 @@ export var connectSlice = createSlice({
         });
     }
 });
-export var clearError = (_a = connectSlice.actions, _a.clearError), stopLoader = _a.stopLoader;
+export var clearError = (_a = connectSlice.actions, _a.clearError), stopLoader = _a.stopLoader, resetMobileScreen = _a.resetMobileScreen, resetOTPScreen = _a.resetOTPScreen, resetIndividualScreen = _a.resetIndividualScreen, resetMerchantScreen = _a.resetMerchantScreen, resetNIDScreen = _a.resetNIDScreen, resetPasswordScreen = _a.resetPasswordScreen;
 export default connectSlice.reducer;
 export var connectSelector = function (state) { return state.connect; };

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

@@ -11,6 +11,7 @@ var __assign = (this && this.__assign) || function () {
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
+import { useSelector } from 'react-redux';
 import { styled } from '@mui/material/styles';
 import ActivitiesList from './ActivitiesList';
 import { useForm, FormProvider } from 'react-hook-form';
@@ -18,36 +19,34 @@ import { useAppDispatch, useLanguage } from '../../../../hooks';
 import Form from '../../../../components/Form';
 import { yupResolver } from '@hookform/resolvers/yup';
 import { useTranslation } from 'react-i18next';
-import { ActivitiesValidationSchema } from './validation';
 import { handlePrevScreenStep } from '../../../../app/settings';
-import { ACTIVITIES, SALES_CHANNELS } from '../../../../constants';
 import Button from '../../../shared/Button';
 import SalesChannels from './SalesChannels';
 import { ScreenContainer } from '../../../shared/Containers';
 import Collapse from '../../../../components/Collapse';
 import OperationStartDate from './OperationStartDate';
-import { updateEntityInfo } from '../../../app/business/businessStore';
+import { businessSelector, updateActivitiesInfo } from '../../../app/business/businessStore';
+import { ActivitiesValidationSchema } from './validation';
 var FormStyled = styled(Form)(function () { return ({
     display: 'flex',
     flexDirection: 'column'
 }); });
 var Activities = function () {
-    var _a = React.useState(false), anchorEl = _a[0], setAnchorEl = _a[1];
-    var _b = React.useState(false), collapse = _b[0], setCollapse = _b[1];
+    var _a;
+    var _b = React.useState(false), anchorEl = _b[0], setAnchorEl = _b[1];
+    var _c = React.useState(false), collapse = _c[0], setCollapse = _c[1];
     var dispatch = useAppDispatch();
     var isAr = useLanguage().isAr;
     var t = useTranslation().t;
+    var data = useSelector(businessSelector).data;
+    var response = data.businessInfo.responseBody;
     var methods = useForm({
         resolver: yupResolver(ActivitiesValidationSchema),
-        defaultValues: {
-            activities: [ACTIVITIES[0]],
-            salesChannels: [SALES_CHANNELS[0]],
-            operationStartDate: '2000-01-01'
-        },
+        defaultValues: data.activitiesData,
         mode: 'onChange'
     });
     var onSubmit = function (data) {
-        dispatch(updateEntityInfo(__assign(__assign({}, data), { isResend: false })));
+        dispatch(updateActivitiesInfo(__assign({}, data)));
     };
     var handleCollapseOpenClose = function (flag) {
         console.log('flag', flag);
@@ -59,6 +58,7 @@ var Activities = function () {
     var handleMenuClick = function () {
         anchorEl ? setAnchorEl(false) : setAnchorEl(true);
     };
-    return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsxs(Collapse, __assign({ in: !collapse }, { children: [!!ACTIVITIES && (_jsx(ActivitiesList, { onListOpen: function () { return handleMenuClick(); }, onListClose: function () { return handleMenuClick(); } })), _jsx(Collapse, __assign({ in: !anchorEl }, { children: _jsx(SalesChannels, {}) }))] })), _jsx(Collapse, __assign({ in: !anchorEl }, { children: _jsx(OperationStartDate, { onDateClicked: handleCollapseOpenClose }) })), _jsx(Collapse, __assign({ in: !collapse && !anchorEl }, { children: _jsx(Button, __assign({ onBackClicked: function () { return onBack(); }, isAr: isAr, disabled: !methods.formState.isValid }, { children: t('next') })) }))] })) })) }));
+    var activities_list = ((_a = response === null || response === void 0 ? void 0 : response.activities) === null || _a === void 0 ? void 0 : _a.length) > 0;
+    return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsxs(Collapse, __assign({ in: !collapse }, { children: [!!activities_list && (_jsx(ActivitiesList, { onListOpen: function () { return handleMenuClick(); }, onListClose: function () { return handleMenuClick(); } })), _jsx(Collapse, __assign({ in: !anchorEl }, { children: _jsx(SalesChannels, {}) }))] })), _jsx(Collapse, __assign({ in: !anchorEl }, { children: _jsx(OperationStartDate, { onDateClicked: handleCollapseOpenClose }) })), _jsx(Collapse, __assign({ in: !collapse && !anchorEl }, { children: _jsx(Button, __assign({ onBackClicked: function () { return onBack(); }, isAr: isAr, disabled: !methods.formState.isValid }, { children: t('next') })) }))] })) })) }));
 };
 export default Activities;

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

@@ -31,6 +31,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 };
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import * as React from 'react';
+import { useSelector } from 'react-redux';
 import Box from '@mui/material/Box';
 import { alpha, styled } from '@mui/material/styles';
 import Text from '../../../../components/Text';
@@ -38,12 +39,12 @@ import Input from '../../../../components/Input';
 import { useTranslation } from 'react-i18next';
 import { useController, useFormContext } from 'react-hook-form';
 import { useLanguage } from '../../../../hooks';
-import { ACTIVITIES } from '../../../../constants';
 import { BusinessType } from '../../../../@types';
 import Collapse from '../../../../components/Collapse';
 import SimpleList from '../../../../components/SimpleList';
 import ExpandIcon from '../../../../components/ExpandIcon';
 import { ScreenContainer } from '../../../shared/Containers';
+import { businessSelector } from '../../../app/business/businessStore';
 import CheckIcon from '@mui/icons-material/Check';
 import { MandatoryStyled } from './SalesChannels';
 export var InputLabelStyled = styled(Text)(function (_a) {
@@ -76,15 +77,24 @@ export var NameContainer = styled(Text, { shouldForwardProp: function (prop) { r
 });
 var ActivitiesList = function (_a) {
     var rest = __rest(_a, []);
-    var activitiesMenuList = React.useState(ACTIVITIES)[0];
-    var _b = React.useState(null), anchorEl = _b[0], setAnchorEl = _b[1];
+    var _b = React.useState([]), activitiesMenuList = _b[0], setActivitiesMenuList = _b[1];
+    var _c = React.useState(null), anchorEl = _c[0], setAnchorEl = _c[1];
     var t = useTranslation().t;
     var isAr = useLanguage().isAr;
     var control = useFormContext().control;
     var activitiesControl = useController({ name: 'activities', control: control });
     var controlValue = activitiesControl.field.value;
-    var businessType = BusinessType.CR;
+    var data = useSelector(businessSelector).data;
+    var businessTypeData = data.businessTypeData;
+    var response = businessTypeData.responseBody;
+    var businessType = businessTypeData.businessType;
     var isCR = businessType === BusinessType.CR;
+    React.useEffect(function () {
+        var _a;
+        if (((_a = response === null || response === void 0 ? void 0 : response.activities) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+            setActivitiesMenuList(response === null || response === void 0 ? void 0 : response.activities);
+        }
+    }, [response === null || response === void 0 ? void 0 : response.activities]);
     var onOpenList = function (event) {
         var _a;
         setAnchorEl(event.currentTarget);

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

@@ -20,13 +20,14 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
+import { useSelector } from 'react-redux';
 import Box from '@mui/material/Box';
 import { alpha, styled } from '@mui/material/styles';
 import { useTranslation } from 'react-i18next';
 import { useController, useFormContext } from 'react-hook-form';
 import { useLanguage } from '../../../../hooks';
 import Text from '../../../../components/Text';
-import { SALES_CHANNELS } from '../../../../constants';
+import { businessSelector } from '../../../app/business/businessStore';
 import CheckBox from '../../../../components/CheckBox';
 import Warning from '../../../../components/Warning';
 import Collapse from '../../../../components/Collapse';
@@ -75,13 +76,21 @@ export var CollapseStyled = styled(Collapse)(function (_a) {
 });
 var SalesChannels = function () {
     var _a;
-    var channelsMenuList = React.useState(SALES_CHANNELS)[0];
+    var _b = React.useState([]), channelsMenuList = _b[0], setChannelsMenuList = _b[1];
     var t = useTranslation().t;
     var isAr = useLanguage().isAr;
     var control = useFormContext().control;
     var channelsControl = useController({ name: 'salesChannels', control: control });
     var channelsChecked = channelsControl.field.value;
     var warningMessage = (_a = channelsControl.fieldState.error) === null || _a === void 0 ? void 0 : _a.message;
+    var data = useSelector(businessSelector).data;
+    var response = data.businessInfo.responseBody;
+    React.useEffect(function () {
+        var _a;
+        if (((_a = response === null || response === void 0 ? void 0 : response.channelList) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+            setChannelsMenuList(response === null || response === void 0 ? void 0 : response.channelList);
+        }
+    }, [response === null || response === void 0 ? void 0 : response.channelList]);
     var handleSalesChannelChange = function (event, checked) {
         var selected = channelsMenuList.find(function (channel) { return channel.id.toString() === event.target.id; });
         var isExists = channelsChecked === null || channelsChecked === void 0 ? void 0 : channelsChecked.find(function (channel) { return channel.id === (selected === null || selected === void 0 ? void 0 : selected.id); });

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

@@ -15,13 +15,13 @@ import { useSelector } from 'react-redux';
 import { styled } from '@mui/material/styles';
 import { useAppDispatch, useLanguage } from '../../../../hooks';
 import { useTranslation } from 'react-i18next';
-import { handleNextScreenStep, handlePrevScreenStep } from '../../../../app/settings';
+import { handlePrevScreenStep } from '../../../../app/settings';
 import { FormProvider, useForm } from 'react-hook-form';
 import Form from '../../../../components/Form';
 import Input from '../../../shared/Input';
 import Button from '../../../shared/Button';
 import { ScreenContainer } from '../../../shared/Containers';
-import { businessSelector } from '../../../app/business/businessStore';
+import { businessSelector, createAccount } from '../../../app/business/businessStore';
 import { BusinessType as BusinessTypeEnum } from '../../../../@types';
 var InputStyled = styled(Input)(function (_a) {
     var theme = _a.theme;
@@ -41,7 +41,7 @@ var Confirm = function () {
     var _a = data.businessInfo, licenseNumber = _a.licenseNumber, brandName = _a.brandName, legalName = _a.legalName;
     var isCR = data.businessTypeData.businessType === BusinessTypeEnum.CR;
     var onSubmit = function () {
-        dispatch(handleNextScreenStep());
+        dispatch(createAccount());
     };
     var methods = useForm({
         defaultValues: data.businessInfo,

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

@@ -17,7 +17,7 @@ import { useTranslation } from 'react-i18next';
 import { useForm, FormProvider } from 'react-hook-form';
 import { yupResolver } from '@hookform/resolvers/yup';
 import { useAppDispatch } from '../../../../hooks';
-import { handleNextScreenStep, handlePrevScreenStep } from '../../../../app/settings';
+import { handlePrevScreenStep } from '../../../../app/settings';
 import { CustomerInfoValidation } from './validation';
 import Form from '../../../../components/Form';
 import Button from '../../../shared/Button';
@@ -30,6 +30,7 @@ import RefundPolicy from './RefundPolicy';
 import TransactionPolicy from './TransactionPolicy';
 import { ScreenContainer } from '../../../shared/Containers';
 import Collapse from '../../../../components/Collapse';
+import { updateCustomersInfo } from '../../../app/business/businessStore';
 var FormStyled = styled(Form)(function () { return ({
     display: 'flex',
     flexDirection: 'column'
@@ -56,7 +57,7 @@ var Customers = function (_a) {
     });
     var onSubmit = function (data) {
         console.log('data', data);
-        dispatch(handleNextScreenStep());
+        dispatch(updateCustomersInfo(__assign(__assign({}, data), { isResend: false })));
     };
     var onBack = function () {
         dispatch(handlePrevScreenStep());

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

@@ -55,6 +55,6 @@ var IDBOD = function (_a) {
         dispatch(handlePrevScreenStep());
     };
     var disabled = !methods.formState.isValid || !!error;
-    return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(Collapse, __assign({ in: !collapse }, { children: _jsx(ID, {}) })), _jsx(DOB, { onDateClicked: handleCollapseOpenClose }), _jsx(Collapse, __assign({ in: !collapse }, { children: _jsx(Button, __assign({ loading: loading, sx: { mt: 6 }, isAr: isAr, disabled: disabled, onClick: function () { return onBack(); }, error: t(error || '') }, { children: t('next') })) }))] })) })) }));
+    return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(Collapse, __assign({ in: !collapse }, { children: _jsx(ID, {}) })), _jsx(DOB, { onDateClicked: handleCollapseOpenClose }), _jsx(Collapse, __assign({ in: !collapse }, { children: _jsx(Button, __assign({ loading: loading, sx: { mt: 6 }, isAr: isAr, disabled: disabled, onBackClicked: function () { return onBack(); }, error: t(error || '') }, { children: t('next') })) }))] })) })) }));
 };
 export default React.memo(IDBOD);

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

@@ -1,9 +1,15 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
+import { useAppDispatch } from '../../../../hooks';
 import { useTranslation } from 'react-i18next';
 import SuccessScreen from '../../../shared/SuccessScreen';
+import { updateLeadSuccess } from '../../../app/business/businessStore';
 var Success = function (_a) {
     var t = useTranslation().t;
+    var dispatch = useAppDispatch();
+    React.useEffect(function () {
+        dispatch(updateLeadSuccess());
+    }, []);
     var onSuccess = function () {
         window.open('mailto:');
     };

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

@@ -20,6 +20,7 @@ import Box from '@mui/material/Box/Box';
 import { styled } from '@mui/material/styles';
 import { handlePrevScreenStep } from '../../../../app/settings';
 import { useLanguage } from '../../../../hooks';
+import { maskPhone } from '../../../../utils';
 import Form from '../../../../components/Form';
 import Text from '../../../../components/Text';
 import { ScreenContainer } from '../../../shared/Containers';
@@ -69,6 +70,6 @@ var VerifyNumber = function (_a) {
     };
     var disabled = !methods.formState.isValid || !!error;
     var phone = ((_d = (_c = (_b = data.verify.responseBody) === null || _b === void 0 ? void 0 : _b.contact) === null || _c === void 0 ? void 0 : _c.phone) === null || _d === void 0 ? void 0 : _d.number) || '';
-    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'), !loading && phone && _jsx("span", __assign({ dir: 'ltr' }, { children: "".concat(phone) }))] }) }), _jsx(OTPInput, {}), _jsx(Button, __assign({ disableBack: true, onBackClicked: function () { return onBack(); }, disabled: disabled, type: 'submit', isAr: isAr, loading: loading, error: t(error || '') }, { children: t('next') }))] })) })) }));
+    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'), !loading && phone && _jsx("span", __assign({ dir: 'ltr' }, { children: "".concat(maskPhone(phone)) }))] }) }), _jsx(OTPInput, {}), _jsx(Button, __assign({ disableBack: true, onBackClicked: function () { return onBack(); }, disabled: disabled, type: 'submit', isAr: isAr, loading: loading, error: t(error || '') }, { children: t('next') }))] })) })) }));
 };
 export default React.memo(VerifyNumber);

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

@@ -24,7 +24,7 @@ import { IndividualValidation, IndividualMobileValidation } from './validation';
 import Form from '../../../../components/Form';
 import Button from '../../../shared/Button';
 import { ScreenContainer } from '../../../shared/Containers';
-import { clearError, connectSelector, updateLeadIndividual } from '../../../app/connect/connectStore';
+import { clearError, connectSelector, resetIndividualScreen, updateLeadIndividual } from '../../../app/connect/connectStore';
 import { useLanguage } from '../../../../hooks';
 import MobileNumber from './MobileNumber';
 import { countriesCode } from '../../../../constants';
@@ -58,6 +58,11 @@ var Individual = function (_a) {
         if (error)
             dispatch(clearError());
     }, [methods.formState.isValid]);
+    React.useEffect(function () {
+        return function () {
+            dispatch(resetIndividualScreen());
+        };
+    }, []);
     React.useEffect(function () {
         var name = individualData.name, email = individualData.email, mobile = individualData.mobile, countryCode = individualData.countryCode;
         if (!!name)

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

@@ -20,7 +20,7 @@ import { handlePrevScreenStep } from '../../../../app/settings';
 import Form from '../../../../components/Form';
 import { ScreenContainer } from '../../../shared/Containers';
 import Button from '../../../shared/Button';
-import { clearError, connectSelector, updateLeadBrand } from '../../../app/connect/connectStore';
+import { clearError, connectSelector, resetMerchantScreen, updateLeadBrand } from '../../../app/connect/connectStore';
 import { useLanguage } from '../../../../hooks';
 import { MerchantValidationSchema } from './validation';
 import BrandName from './BrandName';
@@ -47,6 +47,11 @@ var Merchant = function (_a) {
         if (error)
             dispatch(clearError());
     }, [methods.formState.isValid]);
+    React.useEffect(function () {
+        return function () {
+            dispatch(resetMerchantScreen());
+        };
+    }, []);
     React.useEffect(function () {
         var _a, _b;
         if (((_b = (_a = data.brandData) === null || _a === void 0 ? void 0 : _a.responseBody) === null || _b === void 0 ? void 0 : _b.response_code) === '5')

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

@@ -23,7 +23,7 @@ import Button, { AbsherButton } from '../../../shared/Button';
 import { useAppDispatch } from '../../../../hooks';
 import { handlePrevScreenStep, settingsSelector } from '../../../../app/settings';
 import ScreenContainer from '../../../shared/Containers/ScreenContainer';
-import { clearError, connectSelector, createMobileAuth } from '../../../app/connect/connectStore';
+import { clearError, resetMobileScreen, connectSelector, createMobileAuth } from '../../../app/connect/connectStore';
 import { useLanguage } from '../../../../hooks';
 import Divider from '@mui/material/Divider';
 import Text from '../../../../components/Text';
@@ -101,6 +101,11 @@ var Mobile = function (_a) {
         if (error)
             dispatch(clearError());
     }, [methods.formState.isValid]);
+    React.useEffect(function () {
+        return function () {
+            dispatch(resetMobileScreen());
+        };
+    }, []);
     var onSubmit = function (formData) {
         dispatch(createMobileAuth(__assign(__assign({}, formData), { isResend: false })));
     };

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

@@ -19,7 +19,7 @@ import { yupResolver } from '@hookform/resolvers/yup';
 import { NIDValidationSchema } from './validation';
 import { useAppDispatch, useLanguage } from '../../../../hooks';
 import { handlePrevScreenStep, settingsSelector } from '../../../../app/settings';
-import { clearError, connectSelector, createNIDAuth } from '../../../app/connect/connectStore';
+import { clearError, resetNIDScreen, connectSelector, createNIDAuth } from '../../../app/connect/connectStore';
 import Form from '../../../../components/Form';
 import Button, { AbsherButton } from '../../../shared/Button';
 import { ScreenContainer } from '../../../shared/Containers';
@@ -73,6 +73,11 @@ var NID = function (_a) {
     React.useEffect(function () {
         handleClearError();
     }, [methods.formState.isValid]);
+    React.useEffect(function () {
+        return function () {
+            dispatch(resetNIDScreen());
+        };
+    }, []);
     var onSubmit = function (data) {
         dispatch(createNIDAuth(__assign(__assign({}, data), { isResend: false })));
     };

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

@@ -16,7 +16,7 @@ import { styled } from '@mui/material/styles';
 import * as React from 'react';
 import { useTranslation } from 'react-i18next';
 import Text from '../../../../components/Text';
-import { clearError, connectSelector, verifyAuth } from '../../../app/connect/connectStore';
+import { clearError, connectSelector, resetOTPScreen, verifyAuth } from '../../../app/connect/connectStore';
 import Button from '../../../shared/Button';
 import { ScreenContainer } from '../../../shared/Containers';
 import { useAppDispatch } from '../../../../hooks';
@@ -63,6 +63,11 @@ var OTP = function () {
         if (error)
             dispatch(clearError());
     }, [methods.formState.isValid]);
+    React.useEffect(function () {
+        return function () {
+            dispatch(resetOTPScreen());
+        };
+    }, []);
     var onSubmit = function (formData) {
         dispatch(verifyAuth(formData));
     };

package/build/features/connect/screens/OTP/OTPInput.js

@@ -37,9 +37,6 @@ var OTPInput = function (_a) {
     var mobileData = data.mobileData;
     var nidData = data.nidData;
     var isAbsher = data.otpData.isAbsher;
-    React.useEffect(function () {
-        otpControl.field.onChange('');
-    }, []);
     var handleOnOTPChange = function (otp) {
         otpControl.field.onChange(otp);
     };

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

@@ -18,7 +18,7 @@ import { useTranslation } from 'react-i18next';
 import { yupResolver } from '@hookform/resolvers/yup';
 import { styled } from '@mui/material/styles';
 import { handlePrevScreenStep } from '../../../../app/settings';
-import { clearError, connectSelector, createVerifyAuthPassword } from '../../../app/connect/connectStore';
+import { clearError, connectSelector, createVerifyAuthPassword, resetPasswordScreen } from '../../../app/connect/connectStore';
 import Form from '../../../../components/Form';
 import Button from '../../../shared/Button';
 import { ScreenContainer } from '../../../shared/Containers';
@@ -46,6 +46,11 @@ var Password = function (_a) {
         if (error)
             dispatch(clearError());
     }, [methods.formState.isValid]);
+    React.useEffect(function () {
+        return function () {
+            dispatch(resetPasswordScreen());
+        };
+    }, []);
     var onSubmit = function (formData) {
         dispatch(createVerifyAuthPassword(formData));
     };

package/build/utils/string.js

@@ -60,6 +60,7 @@ export var capitalizeTheFirstLetterOfEachWord = function (words) {
     return separateWord.join(' ');
 };
 export var getRequestHeaders = function (deviceInfo) {
+    console.log(deviceInfo);
     var app = deviceInfo.app, browser = deviceInfo.browser, connection = deviceInfo.connection, device = deviceInfo.device, source = deviceInfo.source;
     return {
         al: encryptString(app.language || ''),
@@ -78,7 +79,7 @@ export var getRequestHeaders = function (deviceInfo) {
         bn: encryptString(browser.name || ''),
         bb: encryptString(''),
         bv: encryptString(browser.version || ''),
-        bua: encryptString(browser.user_agent),
+        bua: encryptString((browser.user_agent || '').substring(0, 80)),
         bi: encryptString(browser.browser_id || ''),
         ci: encryptString(connection.ip || ''),
         cm: encryptString(connection.mac || ''),

package/package.json

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