@tap-payments/auth-jsconnect 1.0.22 → 1.0.25

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

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { LanguageMode } from './theme';
 export interface CountryCode {
     created: number;
     updated: number;
@@ -107,16 +108,22 @@ export interface SourceOfIncome {
     nameEn: string;
 }
 export interface AppInfo {
-    identifier: string;
     name: string;
-    version: string;
-    requirer?: string;
-    requirer_version?: string;
-    app_locale?: string;
-    sdk_version?: string;
-    requirer_sim_network_name?: string;
-    requirer_sim_country_iso?: string;
-    universal_id?: string;
+    identifier?: string;
+    version?: string;
+}
+interface LibCallbacks {
+    onFlowCompleted: (res: object) => void;
+    onError: (err: any) => void;
+    onStepCompleted?: (name: string, info: any) => void;
+    onReady?: () => void;
+}
+export interface LibConfig extends LibCallbacks {
+    publicKey: string;
+    language: LanguageMode;
+    appInfo: AppInfo;
+    businessCountryCode: string;
+    scope?: string[];
 }
 export interface OSDetails {
     name: string;

package/build/api/axios.js

@@ -1,5 +1,7 @@
 import axios from 'axios';
+import { get, set } from 'lodash-es';
 import { ENDPOINT_PATHS } from '../constants';
+import { encryptString } from '../utils';
 export var ENCRYPTION_FLAG = 'encryption_contract';
 export var BACKEND_ENCRYPTION_FLAG = 'backend_encryption_contract';
 var instance = axios.create({
@@ -10,9 +12,26 @@ var instance = axios.create({
     }
 });
 instance.interceptors.request.use(function (config) {
-    return config;
+    return encryptionContractTransformer(config);
 }, function (error) { return Promise.reject(error); });
 instance.interceptors.response.use(function (response) { return response; }, function (error) {
     return Promise.reject(error);
 });
+var encryptionContractTransformer = function (config) {
+    var _a;
+    var data = config.data;
+    if ((_a = data === null || data === void 0 ? void 0 : data[ENCRYPTION_FLAG]) === null || _a === void 0 ? void 0 : _a.length) {
+        data[ENCRYPTION_FLAG].forEach(function (key) {
+            var value = get(data, key);
+            if (value && typeof value !== 'string') {
+                value = value.toString();
+            }
+            if (value)
+                set(data, key, _encrypt(value));
+        });
+        config.data = data;
+    }
+    return config;
+};
+var _encrypt = function (value) { return encryptString(value); };
 export default instance;

package/build/api/lead.d.ts

@@ -55,6 +55,7 @@ export declare type UpdateLeadBody = {
     cr_number?: string;
     is_acknowledged?: boolean;
     terms_conditions_accepted?: boolean;
+    email_url?: string;
 };
 declare const leadService: {
     updateLead: (data: UpdateLeadBody, config?: AxiosRequestConfig) => Promise<import("axios").AxiosResponse<any, any>>;

package/build/app/settings.d.ts

@@ -1,5 +1,5 @@
 import { RootState } from './store';
-import { ActionState, LanguageMode, SharedState, ThemeMode, ScreenStepNavigation, DeviceInfo, AppInfo } from '../@types';
+import { ActionState, LanguageMode, SharedState, ThemeMode, ScreenStepNavigation, DeviceInfo, AppInfo, LibConfig } from '../@types';
 import { ValidateOperatorBody } from '../api';
 export declare const getClientIp: import("@reduxjs/toolkit").AsyncThunk<any, void, {}>;
 export declare const getBrowserFingerPrint: import("@reduxjs/toolkit").AsyncThunk<{
@@ -16,6 +16,7 @@ export interface SettingsData {
     activeScreen: ScreenStepNavigation;
     featureScreensNavigation: Array<ScreenStepNavigation>;
     deviceInfo: DeviceInfo;
+    appConfig: LibConfig;
 }
 export interface SettingsState extends SharedState<SettingsData> {
 }
@@ -26,8 +27,9 @@ export declare const settingsSlice: import("@reduxjs/toolkit").Slice<SettingsSta
     handleCurrentActiveScreen: (state: SettingsState, action: ActionState<string>) => void;
     handlePrevScreenStep: (state: SettingsState, action: ActionState<string | undefined>) => void;
     handleActiveFlowScreens: (state: SettingsState, action: ActionState<Array<ScreenStepNavigation>>) => void;
+    handleSetAppConfig: (state: SettingsState, action: ActionState<LibConfig>) => void;
 }, "settings">;
-export declare const handleSkin: import("@reduxjs/toolkit").ActionCreatorWithPayload<ThemeMode, string>, handleLanguage: import("@reduxjs/toolkit").ActionCreatorWithPayload<LanguageMode, string>, handleActiveFlowScreens: import("@reduxjs/toolkit").ActionCreatorWithPayload<ScreenStepNavigation[], string>, handleNextScreenStep: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<string | undefined, string>, handlePrevScreenStep: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<string | undefined, string>, handleCurrentActiveScreen: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, string>;
+export declare const handleSkin: import("@reduxjs/toolkit").ActionCreatorWithPayload<ThemeMode, string>, handleLanguage: import("@reduxjs/toolkit").ActionCreatorWithPayload<LanguageMode, string>, handleActiveFlowScreens: import("@reduxjs/toolkit").ActionCreatorWithPayload<ScreenStepNavigation[], string>, handleNextScreenStep: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<string | undefined, string>, handlePrevScreenStep: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<string | undefined, string>, handleCurrentActiveScreen: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, string>, handleSetAppConfig: import("@reduxjs/toolkit").ActionCreatorWithPayload<LibConfig, string>;
 declare const _default: import("redux").Reducer<SettingsState, import("redux").AnyAction>;
 export default _default;
 export declare const settingsSelector: (state: RootState) => SettingsState;

package/build/app/settings.js

@@ -1,3 +1,14 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -83,7 +94,8 @@ var initialState = {
         language: getStoredData(LOCAL_STORAGE_KEYS.languageMode) || 'en',
         featureScreensNavigation: [],
         activeScreen: {},
-        deviceInfo: DefaultDeviceInfo
+        deviceInfo: DefaultDeviceInfo,
+        appConfig: {}
     }
 };
 export var settingsSlice = createSlice({
@@ -142,6 +154,22 @@ export var settingsSlice = createSlice({
         handleActiveFlowScreens: function (state, action) {
             state.data.featureScreensNavigation = action.payload;
             state.data.activeScreen = action.payload[0];
+        },
+        handleSetAppConfig: function (state, action) {
+            var _a = action.payload, appInfo = _a.appInfo, businessCountryCode = _a.businessCountryCode, language = _a.language, onError = _a.onError, onFlowCompleted = _a.onFlowCompleted, publicKey = _a.publicKey;
+            if (!appInfo.name)
+                throw new Error('App name is required');
+            if (!businessCountryCode)
+                throw new Error('Business country is required');
+            if (!language)
+                throw new Error('Language is required');
+            if (!publicKey)
+                throw new Error('Public key is required');
+            if (!onError)
+                throw new Error('On error function is required');
+            if (!onFlowCompleted)
+                throw new Error('On flow completed function is required');
+            state.data.appConfig = __assign(__assign({}, action.payload), { appInfo: __assign(__assign({}, appInfo), { identifier: 'auth-js-connect', version: '1.0.22' }) });
         }
     },
     extraReducers: function (builder) {
@@ -193,6 +221,6 @@ export var settingsSlice = createSlice({
         });
     }
 });
-export var handleSkin = (_a = settingsSlice.actions, _a.handleSkin), handleLanguage = _a.handleLanguage, handleActiveFlowScreens = _a.handleActiveFlowScreens, handleNextScreenStep = _a.handleNextScreenStep, handlePrevScreenStep = _a.handlePrevScreenStep, handleCurrentActiveScreen = _a.handleCurrentActiveScreen;
+export var handleSkin = (_a = settingsSlice.actions, _a.handleSkin), handleLanguage = _a.handleLanguage, handleActiveFlowScreens = _a.handleActiveFlowScreens, handleNextScreenStep = _a.handleNextScreenStep, handlePrevScreenStep = _a.handlePrevScreenStep, handleCurrentActiveScreen = _a.handleCurrentActiveScreen, handleSetAppConfig = _a.handleSetAppConfig;
 export default settingsSlice.reducer;
 export var settingsSelector = function (state) { return state.settings; };

package/build/components/Button/Button.js

@@ -44,6 +44,7 @@ var ButtonStyled = styled(Button)(function (_a) {
         },
         ':disabled': {
             backgroundColor: alpha(theme.palette.primary.main, 0.3),
+            borderColor: alpha(theme.palette.primary.main, 0.2),
             color: theme.palette.common.white
         },
         '& .MuiButton-endIcon': {

package/build/constants/app.d.ts

@@ -83,3 +83,4 @@ export declare const BUSINESS_STEP_NAMES: {
     VERIFY_LEAD_IDENTITY: string;
     UPDATE_LEAD_BUSINESS_TYPE: string;
 };
+export declare const RSA_FRONTEND_MW_PUBLIC_KEY = "-----BEGIN PUBLIC KEY-----\nMIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQCgC9kH1SQvjbXAUXd0PbrDUG8P\nLhRig9pJNBmdQBZjihuaxfkzYu6ToMbIMAfmYgVgQw338/y7aQ8X3m03CXNIlkxo\nOwxKCA8ymKsZQptXJn9IxlPO7yjoFgTFBrpmTgvcC4XO1uoUYTAPq3szK8kj4zgT\nucWG1hSKsOdRU7sl/wIDAQAB\n-----END PUBLIC KEY-----";

package/build/constants/app.js

@@ -232,3 +232,4 @@ export var BUSINESS_STEP_NAMES = {
     VERIFY_LEAD_IDENTITY: 'business_verify_lead_identity',
     UPDATE_LEAD_BUSINESS_TYPE: 'business_update_lead_business_type'
 };
+export var RSA_FRONTEND_MW_PUBLIC_KEY = "-----BEGIN PUBLIC KEY-----\nMIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQCgC9kH1SQvjbXAUXd0PbrDUG8P\nLhRig9pJNBmdQBZjihuaxfkzYu6ToMbIMAfmYgVgQw338/y7aQ8X3m03CXNIlkxo\nOwxKCA8ymKsZQptXJn9IxlPO7yjoFgTFBrpmTgvcC4XO1uoUYTAPq3szK8kj4zgT\nucWG1hSKsOdRU7sl/wIDAQAB\n-----END PUBLIC KEY-----";

package/build/constants/dummy.d.ts

@@ -341,3 +341,4 @@ export declare const SOURCE_OF_INCOME: {
     name: string;
     nameEn: string;
 }[];
+export declare const EMAIL_PATH = "http://localhost:3000";

package/build/constants/dummy.js

@@ -6432,3 +6432,4 @@ export var SOURCE_OF_INCOME = [
     { id: 5, name: 'تجارة', nameEn: 'Trading' },
     { id: 6, name: 'غير ذلك', nameEn: 'Other' }
 ];
+export var EMAIL_PATH = 'http://localhost:3000';

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

@@ -1,7 +1,7 @@
 import { RootState } from '../../../app/store';
 import { ResponseData, CountryCode, MobileFormValues, NIDFormValues, OTPFormValues, IndividualFormValues, SharedState, BrandFormValues, PasswordFormValues } from '../../../@types';
 export declare const getCountries: import("@reduxjs/toolkit").AsyncThunk<{
-    businessCountries: any;
+    businessCountry: any;
     countries: any;
 }, void, {}>;
 export declare const createMobileAuth: import("@reduxjs/toolkit").AsyncThunk<{
@@ -53,7 +53,6 @@ export declare const updateLeadSuccess: import("@reduxjs/toolkit").AsyncThunk<{
 }, void, {}>;
 export interface ConnectData {
     countries: Array<CountryCode>;
-    businessCountries: Array<CountryCode>;
     mobileData: MobileFormValues & ResponseData;
     nidData: NIDFormValues & ResponseData & {
         type: string;

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

@@ -50,25 +50,24 @@ import { createAsyncThunk, createSlice } from '@reduxjs/toolkit';
 import { handleNextScreenStep } from '../../../app/settings';
 import API from '../../../api';
 import { CONNECT_STEP_NAMES, IDENTIFICATION_TYPE } from '../../../constants';
-import { defaultCountry } from '../../../constants/dummy';
+import { defaultCountry, EMAIL_PATH } from '../../../constants/dummy';
 import { getIndividualName } from '../../../utils';
-export var getCountries = createAsyncThunk('getCountries', function () { return __awaiter(void 0, void 0, void 0, function () {
-    var countriesBody, BusinessCountries, list, countries, filterBusinessCountries;
+export var getCountries = createAsyncThunk('getCountries', function (_, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
+    var settings, countriesBody, list, businessCountry;
     return __generator(this, function (_a) {
         switch (_a.label) {
-            case 0: return [4, API.countryService.getAllCountries()];
+            case 0:
+                settings = thunkApi.getState().settings;
+                return [4, API.countryService.getAllCountries()];
             case 1:
                 countriesBody = (_a.sent()).data;
-                return [4, API.countryService.getBusinessCountries()];
-            case 2:
-                BusinessCountries = (_a.sent()).data;
                 list = countriesBody.list;
-                countries = BusinessCountries.countries;
-                filterBusinessCountries = (list || []).filter(function (item) {
-                    return (countries || []).some(function (obj) { return obj.code === item.iso2; });
+                businessCountry = list.find(function (item) {
+                    return [item.iso2, item.iso3].includes(settings.data.appConfig.businessCountryCode.toUpperCase());
                 });
+                console.log('businessCountry', businessCountry);
                 return [2, {
-                        businessCountries: filterBusinessCountries,
+                        businessCountry: businessCountry,
                         countries: list || []
                     }];
         }
@@ -76,8 +75,9 @@ export var getCountries = createAsyncThunk('getCountries', function () { return
 }); });
 export var createMobileAuth = createAsyncThunk('createMobileAuth', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
     var settings, requestBody, data;
-    return __generator(this, function (_a) {
-        switch (_a.label) {
+    var _a, _b;
+    return __generator(this, function (_c) {
+        switch (_c.label) {
             case 0:
                 settings = thunkApi.getState().settings;
                 requestBody = {
@@ -88,21 +88,24 @@ export var createMobileAuth = createAsyncThunk('createMobileAuth', function (par
                     device_info: settings.data.deviceInfo,
                     sign_in: false,
                     step_name: CONNECT_STEP_NAMES.CREATE_AUTH_MOBILE,
-                    encryption_contract: []
+                    encryption_contract: ['user_credentail.phone', 'user_credentail.code']
                 };
                 return [4, API.authService.createAuth(requestBody)];
             case 1:
-                data = (_a.sent()).data;
-                if (!data.errors && !params.isResend)
+                data = (_c.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.user_credentail);
+                }
                 return [2, { response: data, formData: params }];
         }
     });
 }); });
 export var createNIDAuth = createAsyncThunk('createNIDAuth', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
     var _a, settings, connect, identification_id_type, requestBody, data;
-    return __generator(this, function (_b) {
-        switch (_b.label) {
+    var _b, _c;
+    return __generator(this, function (_d) {
+        switch (_d.label) {
             case 0:
                 _a = thunkApi.getState(), settings = _a.settings, connect = _a.connect;
                 identification_id_type = params.nid.startsWith('1') ? IDENTIFICATION_TYPE.NID : IDENTIFICATION_TYPE.IQAMA;
@@ -116,23 +119,31 @@ export var createNIDAuth = createAsyncThunk('createNIDAuth', function (params, t
                     device_info: settings.data.deviceInfo,
                     sign_in: false,
                     step_name: CONNECT_STEP_NAMES.CREATE_AUTH_NID,
-                    encryption_contract: []
+                    encryption_contract: [
+                        'user_credentail.country_code',
+                        'user_credentail.identification_id',
+                        'user_credentail.identification_id_type',
+                        'user_credentail.date_of_birth'
+                    ]
                 };
                 return [4, API.authService.createAuth(requestBody)];
             case 1:
-                data = (_b.sent()).data;
-                if (!data.errors && !params.isResend)
+                data = (_d.sent()).data;
+                if (!data.errors && !params.isResend) {
                     thunkApi.dispatch(handleNextScreenStep());
+                    (_c = (_b = settings.data.appConfig).onStepCompleted) === null || _c === void 0 ? void 0 : _c.call(_b, settings.data.activeScreen.name, requestBody.user_credentail);
+                }
                 return [2, { response: data, formData: __assign(__assign({}, params), { type: identification_id_type }) }];
         }
     });
 }); });
 export var verifyAuth = createAsyncThunk('verifyAuth', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var connect, isAbsher, responseBody, payload, data;
-    return __generator(this, function (_a) {
-        switch (_a.label) {
+    var _a, connect, settings, isAbsher, responseBody, payload, data;
+    var _b, _c;
+    return __generator(this, function (_d) {
+        switch (_d.label) {
             case 0:
-                connect = thunkApi.getState().connect;
+                _a = thunkApi.getState(), connect = _a.connect, settings = _a.settings;
                 isAbsher = connect.data.otpData.isAbsher;
                 responseBody = (isAbsher ? connect.data.nidData : connect.data.mobileData).responseBody;
                 payload = {
@@ -146,12 +157,13 @@ export var verifyAuth = createAsyncThunk('verifyAuth', function (params, thunkAp
                     remember_me: responseBody === null || responseBody === void 0 ? void 0 : responseBody.remember_me,
                     scopes: responseBody === null || responseBody === void 0 ? void 0 : responseBody.scopes,
                     step_name: isAbsher ? CONNECT_STEP_NAMES.VERIFY_AUTH_NID : CONNECT_STEP_NAMES.VERIFY_AUTH_MOBILE,
-                    encryption_contract: []
+                    encryption_contract: ['data']
                 };
                 return [4, API.authService.verifyAuth(payload)];
             case 1:
-                data = (_a.sent()).data;
+                data = (_d.sent()).data;
                 if (!data.errors) {
+                    (_c = (_b = settings.data.appConfig).onStepCompleted) === null || _c === void 0 ? void 0 : _c.call(_b, settings.data.activeScreen.name, { otp: params.otp });
                     if (responseBody === null || responseBody === void 0 ? void 0 : responseBody.new_user) {
                         thunkApi.dispatch(handleNextScreenStep('CONNECT_INDIVIDUAL_STEP'));
                     }
@@ -164,11 +176,12 @@ export var verifyAuth = createAsyncThunk('verifyAuth', function (params, thunkAp
     });
 }); });
 export var verifyAuthPassword = createAsyncThunk('verifyAuthPassword', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var connect, isAbsher, responseBody, payload, data;
-    return __generator(this, function (_a) {
-        switch (_a.label) {
+    var _a, connect, settings, isAbsher, responseBody, payload, data;
+    var _b, _c;
+    return __generator(this, function (_d) {
+        switch (_d.label) {
             case 0:
-                connect = thunkApi.getState().connect;
+                _a = thunkApi.getState(), connect = _a.connect, settings = _a.settings;
                 isAbsher = connect.data.otpData.isAbsher;
                 responseBody = (isAbsher ? connect.data.nidData : connect.data.mobileData).responseBody;
                 payload = {
@@ -182,22 +195,24 @@ export var verifyAuthPassword = createAsyncThunk('verifyAuthPassword', function
                     remember_me: responseBody === null || responseBody === void 0 ? void 0 : responseBody.remember_me,
                     scopes: responseBody === null || responseBody === void 0 ? void 0 : responseBody.scopes,
                     step_name: CONNECT_STEP_NAMES.VERIFY_AUTH_PASSWORD,
-                    encryption_contract: []
+                    encryption_contract: ['data']
                 };
                 return [4, API.authService.verifyAuth(payload)];
             case 1:
-                data = (_a.sent()).data;
-                if (!data.errors)
+                data = (_d.sent()).data;
+                if (!data.errors) {
                     thunkApi.dispatch(handleNextScreenStep());
+                    (_c = (_b = settings.data.appConfig).onStepCompleted) === null || _c === void 0 ? void 0 : _c.call(_b, settings.data.activeScreen.name, { password: params.password });
+                }
                 return [2, { response: data, formData: params }];
         }
     });
 }); });
 export var updateLeadIndividual = createAsyncThunk('updateLeadIndividual', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
     var _a, settings, connect, isAbsher, headers, payload, data;
-    var _b, _c, _d;
-    return __generator(this, function (_e) {
-        switch (_e.label) {
+    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;
                 isAbsher = connect.data.otpData.isAbsher;
@@ -217,22 +232,24 @@ export var updateLeadIndividual = createAsyncThunk('updateLeadIndividual', funct
                             : undefined
                     },
                     step_name: CONNECT_STEP_NAMES.UPDATE_LEAD_INDIVIDUAL,
-                    encryption_contract: []
+                    encryption_contract: ['name', 'contact.email', 'contact.phone.country_code', 'contact.phone.number']
                 };
                 return [4, API.leadService.updateLead(payload, { headers: headers })];
             case 1:
-                data = (_e.sent()).data;
-                if (!data.errors)
+                data = (_g.sent()).data;
+                if (!data.errors) {
                     thunkApi.dispatch(handleNextScreenStep());
+                    (_f = (_e = settings.data.appConfig).onStepCompleted) === null || _f === void 0 ? void 0 : _f.call(_e, settings.data.activeScreen.name, params);
+                }
                 return [2, { response: data, formData: params }];
         }
     });
 }); });
 export var updateLeadBrand = createAsyncThunk('updateLeadBrand', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
     var _a, settings, connect, headers, payload, data;
-    var _b, _c, _d, _e, _f, _g;
-    return __generator(this, function (_h) {
-        switch (_h.label) {
+    var _b, _c, _d, _e, _f, _g, _h, _j;
+    return __generator(this, function (_k) {
+        switch (_k.label) {
             case 0:
                 _a = thunkApi.getState(), settings = _a.settings, connect = _a.connect;
                 headers = {
@@ -251,13 +268,15 @@ export var updateLeadBrand = createAsyncThunk('updateLeadBrand', function (param
                     },
                     terms_conditions_accepted: params.termAndConditionChecked,
                     step_name: CONNECT_STEP_NAMES.UPDATE_LEAD_MERCHANT,
-                    encryption_contract: []
+                    encryption_contract: ['brand.name.en', 'brand.name.ar', 'brand.name.zh']
                 };
                 return [4, API.leadService.updateLead(payload, { headers: headers })];
             case 1:
-                data = (_h.sent()).data;
-                if (!data.errors)
+                data = (_k.sent()).data;
+                if (!data.errors) {
                     thunkApi.dispatch(handleNextScreenStep());
+                    (_j = (_h = settings.data.appConfig).onStepCompleted) === null || _j === void 0 ? void 0 : _j.call(_h, settings.data.activeScreen.name, params);
+                }
                 return [2, { response: data, formData: params }];
         }
     });
@@ -310,9 +329,9 @@ export var checkBrandNameAvailability = createAsyncThunk('checkBrandNameAvailabi
 }); });
 export var updateLeadSuccess = createAsyncThunk('updateLeadSuccess', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
     var _a, settings, connect, headers, payload, data;
-    var _b, _c, _d;
-    return __generator(this, function (_e) {
-        switch (_e.label) {
+    var _b, _c, _d, _e, _f, _g, _h;
+    return __generator(this, function (_j) {
+        switch (_j.label) {
             case 0:
                 _a = thunkApi.getState(), settings = _a.settings, connect = _a.connect;
                 headers = {
@@ -321,16 +340,14 @@ export var updateLeadSuccess = createAsyncThunk('updateLeadSuccess', function (p
                 };
                 payload = {
                     step_name: CONNECT_STEP_NAMES.CONNECT_SUCCESS,
+                    email_url: EMAIL_PATH,
                     encryption_contract: []
                 };
                 return [4, API.leadService.updateLead(payload, { headers: headers })];
             case 1:
-                data = (_e.sent()).data;
-                if (!data.errors) {
-                    console.log('success');
-                    alert('Account created successfully, please check your email');
-                    alert("It's a fake message, plz wait us to integrate with the backend. <A.Sharkawy>");
-                }
+                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 }];
         }
     });
@@ -341,7 +358,6 @@ var initialState = {
     searchActive: false,
     data: {
         countries: [],
-        businessCountries: [],
         mobileData: {
             countryCode: defaultCountry,
             businessCountry: defaultCountry,
@@ -391,9 +407,10 @@ export var connectSlice = createSlice({
         builder
             .addCase(getCountries.fulfilled, function (state, action) {
             state.error = null;
-            var _a = action.payload, businessCountries = _a.businessCountries, countries = _a.countries;
-            state.data.businessCountries = businessCountries;
+            var _a = action.payload, countries = _a.countries, businessCountry = _a.businessCountry;
             state.data.countries = countries;
+            state.data.mobileData.businessCountry = businessCountry || defaultCountry;
+            state.data.mobileData.countryCode = businessCountry || defaultCountry;
         })
             .addCase(getCountries.pending, function (state) {
             state.error = null;

package/build/features/bank/screens/BankDetails/BankName.js

@@ -12,6 +12,11 @@ var FeatureStyled = styled(ScreenContainer)(function (_a) {
         marginBlockEnd: theme.spacing(3)
     });
 });
+var InputStyled = styled(Input)(function () { return ({
+    '& .MuiInputBase-input': {
+        cursor: 'default'
+    }
+}); });
 var BankName = function () {
     var _a;
     var t = useTranslation().t;
@@ -22,6 +27,6 @@ var BankName = function () {
     var clearValue = function () {
         bankNameControl.field.onChange('');
     };
-    return (_jsx(FeatureStyled, { children: _jsx(Input, { label: t('enter_bank_name'), placeholder: t('enter_bank_name_placeholder'), value: bankNameValue, required: true, endAdornment: !hasError && bankNameValue ? _jsx(CheckIcon, {}) : bankNameValue && _jsx(ClearIcon, { onClick: clearValue }) }) }));
+    return (_jsx(FeatureStyled, { children: _jsx(InputStyled, { label: t('enter_bank_name'), placeholder: t('enter_bank_name_placeholder'), value: bankNameValue, required: true, readOnly: true, endAdornment: !hasError && bankNameValue ? _jsx(CheckIcon, {}) : bankNameValue && _jsx(ClearIcon, { onClick: clearValue }) }) }));
 };
 export default BankName;

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

@@ -31,7 +31,8 @@ var FormStyled = styled(Form)(function () { return ({
     flexDirection: 'column'
 }); });
 var Activities = function () {
-    var _a = React.useState(false), collapse = _a[0], setCollapse = _a[1];
+    var _a = React.useState(false), anchorEl = _a[0], setAnchorEl = _a[1];
+    var _b = React.useState(false), collapse = _b[0], setCollapse = _b[1];
     var dispatch = useAppDispatch();
     var isAr = useLanguage().isAr;
     var t = useTranslation().t;
@@ -55,6 +56,9 @@ var Activities = function () {
     var onBack = function () {
         dispatch(handlePrevScreenStep());
     };
-    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, {}), _jsx(SalesChannels, {})] })), _jsx(OperationStartDate, { onDateClicked: handleCollapseOpenClose }), _jsx(Collapse, __assign({ in: !collapse }, { children: _jsx(Button, __assign({ onBackClicked: function () { return onBack(); }, isAr: isAr, disabled: !methods.formState.isValid }, { children: t('next') })) }))] })) })) }));
+    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') })) }))] })) })) }));
 };
 export default Activities;

package/build/features/business/screens/Activities/ActivitiesList.d.ts

@@ -20,7 +20,7 @@ export declare const InputStyled: import("@emotion/styled").StyledComponent<Pick
 export declare const CheckIconStyled: import("@emotion/styled").StyledComponent<{
     children?: React.ReactNode;
     classes?: Partial<import("@mui/material").SvgIconClasses> | undefined;
-    color?: "inherit" | "disabled" | "error" | "success" | "primary" | "secondary" | "action" | "info" | "warning" | undefined;
+    color?: "inherit" | "disabled" | "error" | "primary" | "secondary" | "action" | "info" | "success" | "warning" | undefined;
     fontSize?: "small" | "inherit" | "medium" | "large" | undefined;
     htmlColor?: string | undefined;
     inheritViewBox?: boolean | undefined;

package/build/features/business/screens/Customers/CustomerLocations.d.ts

@@ -35,7 +35,7 @@ export declare const NameContainer: import("@emotion/styled").StyledComponent<im
 export declare const CheckIconStyled: import("@emotion/styled").StyledComponent<{
     children?: React.ReactNode;
     classes?: Partial<import("@mui/material").SvgIconClasses> | undefined;
-    color?: "inherit" | "disabled" | "error" | "success" | "primary" | "secondary" | "action" | "info" | "warning" | undefined;
+    color?: "inherit" | "disabled" | "error" | "primary" | "secondary" | "action" | "info" | "success" | "warning" | undefined;
     fontSize?: "small" | "inherit" | "medium" | "large" | undefined;
     htmlColor?: string | undefined;
     inheritViewBox?: boolean | undefined;
@@ -49,7 +49,7 @@ export declare const CheckIconStyled: import("@emotion/styled").StyledComponent<
 export declare const RemainingCheck: import("@emotion/styled").StyledComponent<{
     children?: React.ReactNode;
     classes?: Partial<import("@mui/material").SvgIconClasses> | undefined;
-    color?: "inherit" | "disabled" | "error" | "success" | "primary" | "secondary" | "action" | "info" | "warning" | undefined;
+    color?: "inherit" | "disabled" | "error" | "primary" | "secondary" | "action" | "info" | "success" | "warning" | undefined;
     fontSize?: "small" | "inherit" | "medium" | "large" | undefined;
     htmlColor?: string | undefined;
     inheritViewBox?: boolean | undefined;
@@ -61,6 +61,7 @@ export declare const RemainingCheck: import("@emotion/styled").StyledComponent<{
     ref?: ((instance: SVGSVGElement | null) => void) | React.RefObject<SVGSVGElement> | null | undefined;
 }, keyof import("@mui/material/OverridableComponent").CommonProps | "color" | "fontSize" | "shapeRendering" | "children" | "sx" | "htmlColor" | "inheritViewBox" | "titleAccess" | "viewBox"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
 interface CustomerLocationsProps {
+    show: boolean;
     onListOpen?: () => void;
     onListClose?: () => void;
 }

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

@@ -101,8 +101,8 @@ var customerLocations = function (_a) {
     };
     var customerLocationsValue = customerLocationsControl.field.value;
     var customerLocationSelected = customerLocationsValue[customerLocationsValue.length - 1];
-    return (_jsxs(ScreenContainer, { children: [_jsx(InputLabelStyled, { children: t('select_customer_base') }), _jsx(InputStyled, { readOnly: true, value: isAr ? customerLocationSelected === null || customerLocationSelected === void 0 ? void 0 : customerLocationSelected.nameAR : customerLocationSelected === null || customerLocationSelected === void 0 ? void 0 : customerLocationSelected.name, onClick: !!anchorEl ? function () { return onCloseList(); } : onOpenList, endAdornment: _jsx(ExpandIcon, { anchorEl: !!anchorEl }) }), _jsx(Collapse, __assign({ in: !!anchorEl, timeout: 300 }, { children: _jsx(SimpleListStyled, { searchKeyPath: 'name', list: customerLocationsList, placeholder: 'choose_customer_base', onSelectItem: onSelectItem, renderItem: function (item) {
-                        return (_jsxs(_Fragment, { children: [_jsx(Box, __assign({ display: 'flex' }, { children: _jsx(NameContainer, __assign({ isSelected: (item === null || item === void 0 ? void 0 : item.id) === (customerLocationsValue === null || customerLocationsValue === void 0 ? void 0 : customerLocationsValue.id) }, { children: isAr ? item.nameAR : item.name })) })), item.id === (customerLocationSelected === null || customerLocationSelected === void 0 ? void 0 : customerLocationSelected.id) && _jsx(CheckIconStyled, {}), checkRemainingCondition(item) && item.id != (customerLocationSelected === null || customerLocationSelected === void 0 ? void 0 : customerLocationSelected.id) && _jsx(RemainingCheck, {})] }));
-                    } }) }))] }));
+    return (_jsx(Collapse, __assign({ in: rest.show }, { children: _jsxs(ScreenContainer, { children: [_jsx(InputLabelStyled, { children: t('select_customer_base') }), _jsx(InputStyled, { readOnly: true, value: isAr ? customerLocationSelected === null || customerLocationSelected === void 0 ? void 0 : customerLocationSelected.nameAR : customerLocationSelected === null || customerLocationSelected === void 0 ? void 0 : customerLocationSelected.name, onClick: !!anchorEl ? function () { return onCloseList(); } : onOpenList, endAdornment: _jsx(ExpandIcon, { anchorEl: !!anchorEl }) }), _jsx(Collapse, __assign({ in: !!anchorEl, timeout: 300 }, { children: _jsx(SimpleListStyled, { searchKeyPath: 'name', list: customerLocationsList, placeholder: 'choose_customer_base', onSelectItem: onSelectItem, renderItem: function (item) {
+                            return (_jsxs(_Fragment, { children: [_jsx(Box, __assign({ display: 'flex' }, { children: _jsx(NameContainer, __assign({ isSelected: (item === null || item === void 0 ? void 0 : item.id) === (customerLocationsValue === null || customerLocationsValue === void 0 ? void 0 : customerLocationsValue.id) }, { children: isAr ? item.nameAR : item.name })) })), item.id === (customerLocationSelected === null || customerLocationSelected === void 0 ? void 0 : customerLocationSelected.id) && _jsx(CheckIconStyled, {}), checkRemainingCondition(item) && item.id != (customerLocationSelected === null || customerLocationSelected === void 0 ? void 0 : customerLocationSelected.id) && _jsx(RemainingCheck, {})] }));
+                        } }) }))] }) })));
 };
 export default React.memo(customerLocations);