@tap-payments/auth-jsconnect 2.6.102-test → 2.7.1-test

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

@@ -1,5 +1,6 @@
 /// <reference types="react" />
-import { LanguageMode } from './theme';
+import { CustomerInfo } from './config';
+import { DirectionMode, LanguageMode, DialogEdgeFormat } from './theme';
 export interface CountryCode {
     created: number;
     updated: number;
@@ -218,6 +219,10 @@ export interface LibConfig extends LibCallbacks {
     businessCountryCode?: string;
     scope: string;
     platforms?: Array<string>;
+    showPoweredBy?: boolean;
+    dialogEdgeFormat?: DialogEdgeFormat;
+    direction?: DirectionMode;
+    customerInfo?: CustomerInfo;
     postURL?: string;
     redirectUrl?: string;
     data?: Array<string>;
@@ -647,16 +652,6 @@ export declare type VerifyExpressTokenParams = {
     };
     lead_id: string;
 };
-export declare type ConfigExpressTokenParams = {
-    post: {
-        url: string;
-    };
-    lead_id: string;
-    board: boolean;
-    platform_redirect_url: string;
-    data: Array<string>;
-};
-export declare type ConfigAuthTokenParams = ConfigExpressTokenParams;
 export declare enum MerchantStatus {
     DISABLED = "disabled",
     ENABLED = "enabled"

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

@@ -0,0 +1,92 @@
+export interface ConfigInfo {
+    operator: Operator;
+    scope: string;
+    data?: string[];
+    lead?: Lead;
+    board?: Board;
+    customer?: CustomerInfo;
+    interface?: Interface;
+    redirect?: Redirect;
+    post?: Redirect;
+    connect?: Redirect;
+    platforms?: string[];
+}
+interface Redirect {
+    url: string;
+}
+interface Interface {
+    user_experience?: 'popup' | 'page' | 'content';
+    locale?: 'dynamic' | 'ar' | 'en';
+    direction?: 'dynamic' | 'rtl' | 'ltr';
+    edges?: 'straight' | 'curved';
+    theme?: 'dynamic' | 'light' | 'dark';
+    powered?: boolean;
+}
+export interface CustomerInfo {
+    address: Address[];
+    identification: Identification;
+    nationality: string;
+    phone: Phone[];
+    name: Name;
+    birth: Birth;
+    email: Email[];
+    primary: boolean;
+}
+interface Email {
+    address: string;
+    type: string;
+    primary: boolean;
+}
+interface Birth {
+    country: string;
+    city: string;
+    date: string;
+}
+interface Name {
+    middle: string;
+    last: string;
+    lang: string;
+    title: string;
+    first: string;
+}
+interface Phone {
+    country_code: string;
+    number: string;
+    type: string;
+    primary: boolean;
+}
+interface Identification {
+    number: string;
+    type: string;
+    issuer: string;
+}
+interface Address {
+    area: string;
+    country: string;
+    line4: string;
+    city: string;
+    type: string;
+    building: string;
+    zip_code: string;
+    street: string;
+    avenue: string;
+    state: string;
+    line3: string;
+    postal_code: string;
+    line2: string;
+    line1: string;
+    apartment: string;
+}
+interface Board {
+    board?: boolean;
+    board_maturity?: boolean;
+}
+interface Lead {
+    id: string;
+    country: string;
+    maturity: boolean;
+}
+interface Operator {
+    public_key: string;
+}
+export {};

package/build/@types/config.js

@@ -0,0 +1 @@
+export {};

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

@@ -3,3 +3,4 @@ export * from './redux';
 export * from './app';
 export * from './form';
 export * from './user';
+export * from './config';

package/build/@types/index.js

@@ -3,3 +3,4 @@ export * from './redux';
 export * from './app';
 export * from './form';
 export * from './user';
+export * from './config';

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

@@ -12,3 +12,7 @@ export declare enum DirectionMode {
     LTR = "ltr"
 }
 export declare type ThemContext = Partial<Theme> | ((outerTheme: Theme) => Theme);
+export declare enum DialogEdgeFormat {
+    STRAIGHT = "staight",
+    CURVED = "curved"
+}

package/build/@types/theme.js

@@ -13,3 +13,8 @@ export var DirectionMode;
     DirectionMode["RTL"] = "rtl";
     DirectionMode["LTR"] = "ltr";
 })(DirectionMode || (DirectionMode = {}));
+export var DialogEdgeFormat;
+(function (DialogEdgeFormat) {
+    DialogEdgeFormat["STRAIGHT"] = "staight";
+    DialogEdgeFormat["CURVED"] = "curved";
+})(DialogEdgeFormat || (DialogEdgeFormat = {}));

package/build/app/settings.d.ts

@@ -1,12 +1,12 @@
 import { RootState } from './store';
-import { ActionState, LanguageMode, SharedState, ThemeMode, ScreenStepNavigation, DeviceInfo, LibConfig, CountryCode, MerchantInfo, ConfigExpressTokenParams, BusinessCountryInfo, LocalProps } from '../@types';
+import { ActionState, LanguageMode, SharedState, ThemeMode, ScreenStepNavigation, DeviceInfo, LibConfig, CountryCode, MerchantInfo, BusinessCountryInfo, ConfigInfo, LocalProps } from '../@types';
 interface SettingParams {
     disableCountries?: boolean;
     disableLocale?: boolean;
     mdn: string;
     maturity?: 'full' | 'express';
     configToken?: string;
-    onVerifyConfigTokenSuccess?: (data: ConfigExpressTokenParams) => Promise<void>;
+    onVerifyConfigTokenSuccess?: (data: ConfigInfo, countries: Array<CountryCode>) => Promise<void>;
 }
 export declare const fetchAppSettingsSync: import("@reduxjs/toolkit").AsyncThunk<any, SettingParams, {}>;
 export declare const onCloseComplete: import("@reduxjs/toolkit").AsyncThunk<void, {

package/build/app/settings.js

@@ -47,15 +47,16 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 var _a;
 import { createAsyncThunk, createSlice } from '@reduxjs/toolkit';
-import { getStoredData, storeData, isArray, findItem, getBrowserInfo, getFingerPrint, sortCountries, findCountryByIso2, getRequestHeaders, encryptString, dangerousMessage, getParameterByName, setBaseUrl } from '../utils';
+import { getStoredData, storeData, isArray, findItem, getBrowserInfo, getFingerPrint, sortCountries, findCountryByIso2, getRequestHeaders, encryptString, dangerousMessage, getParameterByName, setBaseUrl, getUserLanguage, userTextDirection } from '../utils';
 import { BUSINESS_COUNTRIES, DefaultDeviceInfo, LOCAL_STORAGE_KEYS } from '../constants';
 import i18n from '../i18n';
 import { updateLocale } from '../utils/locale';
 import API, { getAxiosHeaders, setAxiosGlobalHeaders } from '../api';
 export var fetchAppSettingsSync = createAsyncThunk('fetchAppSettingsSync', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var settings, _a, appConfig, language, _b, client, device, os, disableLocale, maturity, disableCountries, configToken, onVerifyConfigTokenSuccess, _c, visitorId, locale, configInfo, matureData, lang, initPayload, _d, country_list, ip_info, merchant, operator, config, list, _e, ip, latitude, longitude, country_code, domain, language_1, country, scope, public_key, mature, board_maturity, post, platform_redirect_url, data, lead_id, platforms, deviceInfo, isValidOperator, countries, countryCode, businessCountry, ipCountry;
-    return __generator(this, function (_f) {
-        switch (_f.label) {
+    var settings, _a, appConfig, language, _b, client, device, os, disableLocale, maturity, disableCountries, configToken, onVerifyConfigTokenSuccess, _c, visitorId, locale, configInfo, matureData, lang, initPayload, _d, country_list, ip_info, merchant, operator, config, list, _e, ip, latitude, longitude, country_code, countries, _f, operator_1, scope, data, lead, board, customer, interfaceData, redirect, post, platforms, _g, user_experience, locale_1, powered, edges, direction, deviceInfo, isValidOperator, countryCode, businessCountry, ipCountry;
+    var _h;
+    return __generator(this, function (_j) {
+        switch (_j.label) {
             case 0:
                 settings = thunkApi.getState().settings;
                 _a = settings.data, appConfig = _a.appConfig, language = _a.language;
@@ -63,10 +64,10 @@ export var fetchAppSettingsSync = createAsyncThunk('fetchAppSettingsSync', funct
                 disableLocale = params.disableLocale, maturity = params.maturity, disableCountries = params.disableCountries, configToken = params.configToken, onVerifyConfigTokenSuccess = params.onVerifyConfigTokenSuccess;
                 return [4, Promise.all([getFingerPrint(), API.firebaseService.getLocale(disableLocale)])];
             case 1:
-                _c = _f.sent(), visitorId = _c[0].visitorId, locale = _c[1];
+                _c = _j.sent(), visitorId = _c[0].visitorId, locale = _c[1];
                 configInfo = appConfig;
                 matureData = maturity;
-                lang = getParameterByName('lang');
+                lang = getParameterByName('lang') || language;
                 setAxiosGlobalHeaders({
                     bi: visitorId || '',
                     mdn: encryptString(params.mdn || window.location.origin),
@@ -77,32 +78,38 @@ export var fetchAppSettingsSync = createAsyncThunk('fetchAppSettingsSync', funct
                     } });
                 return [4, API.initService.getInitialData(initPayload)];
             case 2:
-                _d = _f.sent(), country_list = _d.country_list, ip_info = _d.ip_info, merchant = _d.merchant, operator = _d.operator, config = _d.config;
+                _d = _j.sent(), country_list = _d.country_list, ip_info = _d.ip_info, merchant = _d.merchant, operator = _d.operator, config = _d.config;
                 list = (country_list || { list: [] }).list;
                 _e = ip_info || {}, ip = _e.ip, latitude = _e.latitude, longitude = _e.longitude, country_code = _e.country_code;
+                countries = sortCountries(list);
                 if (config) {
-                    domain = config.domain, language_1 = config.language, country = config.country, scope = config.scope, public_key = config.public_key, mature = config.maturity, board_maturity = config.board_maturity, post = config.post, platform_redirect_url = config.platform_redirect_url, data = config.data, lead_id = config.lead_id, platforms = config.platforms;
-                    configInfo = __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, configInfo), (domain && { merchantDomain: domain })), (language_1 && { language: language_1 })), (country && { businessCountryCode: country })), (scope && { scope: scope })), (public_key && { publicKey: public_key })), ((post === null || post === void 0 ? void 0 : post.url) && { postURL: post === null || post === void 0 ? void 0 : post.url })), (platform_redirect_url && { redirectUrl: platform_redirect_url })), (data && { data: data })), (lead_id && { leadId: lead_id })), (platforms && { platforms: platforms }));
-                    if (typeof mature === 'boolean')
-                        matureData = mature ? 'full' : 'express';
+                    _f = config, operator_1 = _f.operator, scope = _f.scope, data = _f.data, lead = _f.lead, board = _f.board, customer = _f.customer, interfaceData = _f.interface, redirect = _f.redirect, post = _f.post, platforms = _f.platforms;
+                    _g = interfaceData || {}, user_experience = _g.user_experience, locale_1 = _g.locale, powered = _g.powered, edges = _g.edges, direction = _g.direction;
+                    if (locale_1)
+                        lang = locale_1 === 'dynamic' ? getUserLanguage() : locale_1;
+                    configInfo = __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, configInfo), ((lead === null || lead === void 0 ? void 0 : lead.country) && { businessCountryCode: lead.country })), ((lead === null || lead === void 0 ? void 0 : lead.id) && { leadId: lead.id })), (scope && { scope: scope.toLowerCase() })), ((operator_1 === null || operator_1 === void 0 ? void 0 : operator_1.public_key) && { publicKey: operator_1.public_key })), ((post === null || post === void 0 ? void 0 : post.url) && { postURL: post.url })), ((redirect === null || redirect === void 0 ? void 0 : redirect.url) && { redirectUrl: redirect.url })), (data && { data: data })), (user_experience && { mode: user_experience })), { showPoweredBy: powered }), (edges && { dialogEdgeFormat: edges })), (direction && { direction: (direction === 'dynamic' ? userTextDirection : direction) })), (customer && { customerInfo: customer })), (platforms && { platforms: platforms }));
+                    if (typeof (lead === null || lead === void 0 ? void 0 : lead.maturity) === 'boolean') {
+                        matureData = lead.maturity ? 'full' : 'express';
+                        configInfo.showPoweredBy = matureData === 'express';
+                    }
                     thunkApi.dispatch(handleSetAppConfig(configInfo));
-                    thunkApi.dispatch(handleLanguage(language_1 || lang));
-                    if (public_key) {
+                    thunkApi.dispatch(handleLanguage(lang));
+                    if (configInfo.publicKey) {
                         if (configToken) {
-                            setBaseUrl(public_key);
+                            setBaseUrl(configInfo.publicKey);
                         }
-                        thunkApi.dispatch(handlePublicKey(public_key));
+                        thunkApi.dispatch(handlePublicKey(configInfo.publicKey));
                     }
-                    if (typeof board_maturity === 'boolean')
-                        thunkApi.dispatch(handelBoardMaturity(board_maturity));
-                    onVerifyConfigTokenSuccess === null || onVerifyConfigTokenSuccess === void 0 ? void 0 : onVerifyConfigTokenSuccess(config);
+                    if (typeof (board === null || board === void 0 ? void 0 : board.board_maturity) === 'boolean')
+                        thunkApi.dispatch(handelBoardMaturity(board.board_maturity));
+                    onVerifyConfigTokenSuccess === null || onVerifyConfigTokenSuccess === void 0 ? void 0 : onVerifyConfigTokenSuccess(config, countries);
                     if (matureData === 'express' && maturity !== matureData && typeof configInfo.onMaturityChanged === 'function') {
                         configInfo.onMaturityChanged(matureData);
                     }
                 }
                 deviceInfo = {
                     app: {
-                        language: configInfo.language || 'en',
+                        language: language !== null && language !== void 0 ? language : (lang || 'en'),
                         name: configInfo.appInfo.name,
                         identifier: configInfo.appInfo.identifier || 'auth-connect',
                         version: configInfo.appInfo.version || '2.0.0'
@@ -133,7 +140,6 @@ export var fetchAppSettingsSync = createAsyncThunk('fetchAppSettingsSync', funct
                 };
                 setAxiosGlobalHeaders(__assign(__assign(__assign({}, getRequestHeaders(deviceInfo)), { authorization: encryptString(configInfo.publicKey), mdn: encryptString(params.mdn || window.location.origin), cu: window.location.href }), (matureData && { maturity: matureData })));
                 isValidOperator = operator === 'valid';
-                countries = sortCountries(list);
                 countryCode = configInfo.businessCountryCode;
                 businessCountry = undefined;
                 ipCountry = undefined;
@@ -141,7 +147,7 @@ export var fetchAppSettingsSync = createAsyncThunk('fetchAppSettingsSync', funct
                     businessCountry = findCountryByIso2(countries, countryCode);
                 if (country_code)
                     ipCountry = findCountryByIso2(countries, country_code);
-                return [2, __assign(__assign({ countries: countries, businessCountry: businessCountry, locale: locale, deviceInfo: deviceInfo, ipCountry: ipCountry, isValidOperator: isValidOperator, isMaturityExpress: matureData === 'express' }, (config && { boardMaturity: config.board_maturity })), (merchant && { merchant: merchant }))];
+                return [2, __assign(__assign({ countries: countries, businessCountry: businessCountry, locale: locale, deviceInfo: deviceInfo, ipCountry: ipCountry, isValidOperator: isValidOperator, isMaturityExpress: matureData === 'express' }, (config && { boardMaturity: (_h = config === null || config === void 0 ? void 0 : config.board) === null || _h === void 0 ? void 0 : _h.board_maturity })), (merchant && { merchant: merchant }))];
         }
     });
 }); });

package/build/components/AnimationFlow/AnimationFlow.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { MerchantInfo } from '../../@types';
+import { DialogEdgeFormat, MerchantInfo } from '../../@types';
 export interface AnimationFlowProps {
     open: boolean;
     children: React.ReactNode;
@@ -21,5 +21,7 @@ export interface AnimationFlowProps {
     hideLoaderOverlay?: boolean;
     animationDirection?: 'left' | 'right' | 'up' | 'down';
     loaderColor?: string;
+    showPoweredBy?: boolean;
+    dialogEdgeFormat?: DialogEdgeFormat;
 }
-export default function AnimationFlow({ open, children, breakpoint, type, loading, error, isTapOrigin, screenId, animationType, onClose, onConfirm, pointerEvents, merchantInfo, isMaturityExpress, showTextLogo, hideFooter, hideMerchantLogo, hideLoaderOverlay, animationDirection, loaderColor }: AnimationFlowProps): JSX.Element;
+export default function AnimationFlow({ open, children, breakpoint, type, loading, error, isTapOrigin, screenId, animationType, onClose, onConfirm, pointerEvents, merchantInfo, isMaturityExpress, showTextLogo, hideFooter, hideMerchantLogo, hideLoaderOverlay, animationDirection, loaderColor, showPoweredBy, dialogEdgeFormat }: AnimationFlowProps): JSX.Element;

package/build/components/AnimationFlow/AnimationFlow.js

@@ -24,7 +24,7 @@ var BoxStyled = styled(Box)(function () { return ({
     alignItems: 'center'
 }); });
 export default function AnimationFlow(_a) {
-    var open = _a.open, children = _a.children, breakpoint = _a.breakpoint, type = _a.type, loading = _a.loading, error = _a.error, isTapOrigin = _a.isTapOrigin, screenId = _a.screenId, animationType = _a.animationType, onClose = _a.onClose, onConfirm = _a.onConfirm, _b = _a.pointerEvents, pointerEvents = _b === void 0 ? 'auto' : _b, merchantInfo = _a.merchantInfo, isMaturityExpress = _a.isMaturityExpress, showTextLogo = _a.showTextLogo, hideFooter = _a.hideFooter, hideMerchantLogo = _a.hideMerchantLogo, hideLoaderOverlay = _a.hideLoaderOverlay, animationDirection = _a.animationDirection, loaderColor = _a.loaderColor;
+    var open = _a.open, children = _a.children, breakpoint = _a.breakpoint, type = _a.type, loading = _a.loading, error = _a.error, isTapOrigin = _a.isTapOrigin, screenId = _a.screenId, animationType = _a.animationType, onClose = _a.onClose, onConfirm = _a.onConfirm, _b = _a.pointerEvents, pointerEvents = _b === void 0 ? 'auto' : _b, merchantInfo = _a.merchantInfo, isMaturityExpress = _a.isMaturityExpress, showTextLogo = _a.showTextLogo, hideFooter = _a.hideFooter, hideMerchantLogo = _a.hideMerchantLogo, hideLoaderOverlay = _a.hideLoaderOverlay, animationDirection = _a.animationDirection, loaderColor = _a.loaderColor, showPoweredBy = _a.showPoweredBy, dialogEdgeFormat = _a.dialogEdgeFormat;
     var small = useScreen(breakpoint).small;
     if (loading) {
         return _jsx(Loader, { color: loaderColor, hideLoaderOverlay: type === 'CONTENT' ? true : hideLoaderOverlay });
@@ -36,10 +36,10 @@ export default function AnimationFlow(_a) {
         return (_jsx(Fade, __assign({ in: true }, { children: _jsx(BoxStyled, { children: children }) })));
     }
     if (type === 'PUPOP') {
-        return (_jsx(Dialog, __assign({ pointerEvents: pointerEvents, onClose: onClose, onConfirm: onConfirm, open: open, isTapOrigin: isTapOrigin, animationType: animationType, merchantInfo: merchantInfo, isMaturityExpress: isMaturityExpress, showTextLogo: showTextLogo, hideFooter: hideFooter, hideMerchantLogo: hideMerchantLogo, animationDirection: animationDirection }, { children: children })));
+        return (_jsx(Dialog, __assign({ pointerEvents: pointerEvents, onClose: onClose, onConfirm: onConfirm, open: open, isTapOrigin: isTapOrigin, animationType: animationType, merchantInfo: merchantInfo, isMaturityExpress: isMaturityExpress, showTextLogo: showTextLogo, hideFooter: hideFooter, hideMerchantLogo: hideMerchantLogo, animationDirection: animationDirection, showPoweredBy: showPoweredBy, dialogEdgeFormat: dialogEdgeFormat }, { children: children })));
     }
     if (type === 'BOTTOMSHEET') {
-        return (_jsx(BottomSheet, __assign({ pointerEvents: pointerEvents, open: open, isMaturityExpress: isMaturityExpress, merchantInfo: merchantInfo, hideFooter: hideFooter, hideMerchantLogo: hideMerchantLogo }, { children: children })));
+        return (_jsx(BottomSheet, __assign({ pointerEvents: pointerEvents, open: open, isMaturityExpress: isMaturityExpress, merchantInfo: merchantInfo, hideFooter: hideFooter, hideMerchantLogo: hideMerchantLogo, showPoweredBy: showPoweredBy }, { children: children })));
     }
-    return small ? (_jsx(BottomSheet, __assign({ pointerEvents: pointerEvents, open: open, screenId: screenId, isMaturityExpress: isMaturityExpress, merchantInfo: merchantInfo, hideFooter: hideFooter, hideMerchantLogo: hideMerchantLogo }, { children: children }))) : (_jsx(Dialog, __assign({ pointerEvents: pointerEvents, onClose: onClose, onConfirm: onConfirm, open: open, isTapOrigin: isTapOrigin, animationType: animationType, merchantInfo: merchantInfo, isMaturityExpress: isMaturityExpress, showTextLogo: showTextLogo, hideFooter: hideFooter, hideMerchantLogo: hideMerchantLogo, animationDirection: animationDirection }, { children: children })));
+    return small ? (_jsx(BottomSheet, __assign({ pointerEvents: pointerEvents, open: open, screenId: screenId, isMaturityExpress: isMaturityExpress, merchantInfo: merchantInfo, hideFooter: hideFooter, hideMerchantLogo: hideMerchantLogo, showPoweredBy: showPoweredBy }, { children: children }))) : (_jsx(Dialog, __assign({ pointerEvents: pointerEvents, onClose: onClose, onConfirm: onConfirm, open: open, isTapOrigin: isTapOrigin, animationType: animationType, merchantInfo: merchantInfo, isMaturityExpress: isMaturityExpress, showTextLogo: showTextLogo, hideFooter: hideFooter, hideMerchantLogo: hideMerchantLogo, animationDirection: animationDirection, showPoweredBy: showPoweredBy, dialogEdgeFormat: dialogEdgeFormat }, { children: children })));
 }

package/build/components/AnimationFlow/BottomSheet.d.ts

@@ -11,6 +11,7 @@ export interface BottomSheetProps extends MainBottomSheetProps {
     merchantInfo?: MerchantInfo;
     hideFooter?: boolean;
     hideMerchantLogo?: boolean;
+    showPoweredBy?: boolean;
 }
-declare const _default: React.MemoExoticComponent<({ open, children, screenId, pointerEvents, isMaturityExpress, merchantInfo, hideFooter, hideMerchantLogo, ...rest }: BottomSheetProps) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ open, children, screenId, pointerEvents, isMaturityExpress, merchantInfo, hideFooter, hideMerchantLogo, showPoweredBy, ...rest }: BottomSheetProps) => JSX.Element>;
 export default _default;

package/build/components/AnimationFlow/BottomSheet.js

@@ -75,7 +75,7 @@ var FooterStyled = styled(Box)(function (_a) {
     return (__assign(__assign({ bottom: theme.spacing(-5.625), position: 'fixed', height: theme.spacing(5.625), display: 'flex' }, theme.typography.caption), { justifyContent: 'center', alignItems: 'center', width: '100vw', background: '#E6E7E9', borderTop: '1px solid rgba(156, 160, 169, 0.3)' }));
 });
 var BottomSheetComponent = function (_a) {
-    var open = _a.open, children = _a.children, screenId = _a.screenId, _b = _a.pointerEvents, pointerEvents = _b === void 0 ? 'auto' : _b, isMaturityExpress = _a.isMaturityExpress, merchantInfo = _a.merchantInfo, hideFooter = _a.hideFooter, hideMerchantLogo = _a.hideMerchantLogo, rest = __rest(_a, ["open", "children", "screenId", "pointerEvents", "isMaturityExpress", "merchantInfo", "hideFooter", "hideMerchantLogo"]);
+    var open = _a.open, children = _a.children, screenId = _a.screenId, _b = _a.pointerEvents, pointerEvents = _b === void 0 ? 'auto' : _b, isMaturityExpress = _a.isMaturityExpress, merchantInfo = _a.merchantInfo, hideFooter = _a.hideFooter, hideMerchantLogo = _a.hideMerchantLogo, showPoweredBy = _a.showPoweredBy, rest = __rest(_a, ["open", "children", "screenId", "pointerEvents", "isMaturityExpress", "merchantInfo", "hideFooter", "hideMerchantLogo", "showPoweredBy"]);
     var sheetRef = React.useRef(null);
     var isAr = useLanguage().isAr;
     var logo = (merchantInfo || {}).logo;
@@ -105,6 +105,6 @@ var BottomSheetComponent = function (_a) {
     return (_jsxs(BottomSheetStyled, __assign({ languageBarHeight: getLanguageBarHeight(), sibling: hideFooter ? (_jsx(_Fragment, {})) : (_jsx(LanguageFooterStyled, { children: _jsx(CustomFooter, {}) })), isMaturityExpress: isMaturityExpress, sx: { pointerEvents: pointerEvents }, ref: sheetRef, open: open, snapPoints: function (_a) {
             var maxHeight = _a.maxHeight;
             return [getMinHeight(maxHeight), maxHeight * 0.95];
-        } }, rest, { children: [isMaturityExpress && !hideMerchantLogo && (_jsx(LogoBadge, { src: isMaturityExpress ? logo || ICONS_NAMES.LOGO_ICON : ICONS_NAMES.LOGO_ICON })), children, isMaturityExpress && (_jsx(FooterStyled, { children: _jsx(PoweredByFooter, { id: 'bottom-sheet-powered_by_footer', sx: { margin: '0px' }, textSx: { color: 'rgba(63, 66, 77, 0.6)' }, icon: isAr ? ICONS_NAMES.LOGO_WITH_NAME_DARK_AR_ICON : ICONS_NAMES.LOGO_WITH_NAME_DARK_EN_ICON }) }))] })));
+        } }, rest, { children: [isMaturityExpress && !hideMerchantLogo && (_jsx(LogoBadge, { src: isMaturityExpress ? logo || ICONS_NAMES.LOGO_ICON : ICONS_NAMES.LOGO_ICON })), children, showPoweredBy && (_jsx(FooterStyled, { children: _jsx(PoweredByFooter, { id: 'bottom-sheet-powered_by_footer', sx: { margin: '0px' }, textSx: { color: 'rgba(63, 66, 77, 0.6)' }, icon: isAr ? ICONS_NAMES.LOGO_WITH_NAME_DARK_AR_ICON : ICONS_NAMES.LOGO_WITH_NAME_DARK_EN_ICON }) }))] })));
 };
 export default React.memo(BottomSheetComponent);

package/build/components/AnimationFlow/Dialog.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { DialogProps as MUIDialogProps } from '@mui/material/Dialog';
 import { SxProps, Theme } from '@mui/material/styles';
-import { MerchantInfo } from '../../@types';
+import { DialogEdgeFormat, MerchantInfo } from '../../@types';
 export interface DialogProps extends MUIDialogProps {
     open: boolean;
     isTapOrigin?: boolean;
@@ -19,6 +19,8 @@ export interface DialogProps extends MUIDialogProps {
     animationDirection?: 'left' | 'right' | 'up' | 'down';
     showAsContent?: boolean;
     sx?: SxProps<Theme>;
+    showPoweredBy?: boolean;
+    dialogEdgeFormat?: DialogEdgeFormat;
 }
-declare const _default: React.MemoExoticComponent<({ open, children, transitionDuration, isTapOrigin, animationType, onClose, onConfirm, pointerEvents, merchantInfo, isMaturityExpress, showTextLogo, hideFooter, hideMerchantLogo, animationDirection, sx, ...rest }: DialogProps) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ open, children, transitionDuration, isTapOrigin, animationType, onClose, onConfirm, pointerEvents, merchantInfo, isMaturityExpress, showTextLogo, hideFooter, hideMerchantLogo, animationDirection, sx, showPoweredBy, dialogEdgeFormat, ...rest }: DialogProps) => JSX.Element>;
 export default _default;

package/build/components/AnimationFlow/Dialog.js

@@ -26,9 +26,10 @@ import MuiDialog from '@mui/material/Dialog';
 import DialogContent from '@mui/material/DialogContent';
 import Paper from '@mui/material/Paper';
 import Box from '@mui/material/Box';
-import { styled } from '@mui/material/styles';
+import { styled, useTheme } from '@mui/material/styles';
 import { DIALOG_ID, ICONS_NAMES } from '../../constants';
 import { useLanguage } from '../../hooks';
+import { DialogEdgeFormat } from '../../@types';
 import DialogContainer from '../../features/shared/Dialog';
 import { CustomFooter, PoweredByFooter } from '../../features/shared/Footer';
 import Slide from '../Slide';
@@ -104,8 +105,9 @@ var LanguageFooterStyled = styled(Box, { shouldForwardProp: function (prop) { re
     });
 });
 var Dialog = function (_a) {
-    var open = _a.open, children = _a.children, transitionDuration = _a.transitionDuration, isTapOrigin = _a.isTapOrigin, _b = _a.animationType, animationType = _b === void 0 ? 'slide' : _b, onClose = _a.onClose, onConfirm = _a.onConfirm, _c = _a.pointerEvents, pointerEvents = _c === void 0 ? 'auto' : _c, merchantInfo = _a.merchantInfo, isMaturityExpress = _a.isMaturityExpress, showTextLogo = _a.showTextLogo, hideFooter = _a.hideFooter, hideMerchantLogo = _a.hideMerchantLogo, _d = _a.animationDirection, animationDirection = _d === void 0 ? 'up' : _d, sx = _a.sx, rest = __rest(_a, ["open", "children", "transitionDuration", "isTapOrigin", "animationType", "onClose", "onConfirm", "pointerEvents", "merchantInfo", "isMaturityExpress", "showTextLogo", "hideFooter", "hideMerchantLogo", "animationDirection", "sx"]);
+    var open = _a.open, children = _a.children, transitionDuration = _a.transitionDuration, isTapOrigin = _a.isTapOrigin, _b = _a.animationType, animationType = _b === void 0 ? 'slide' : _b, onClose = _a.onClose, onConfirm = _a.onConfirm, _c = _a.pointerEvents, pointerEvents = _c === void 0 ? 'auto' : _c, merchantInfo = _a.merchantInfo, isMaturityExpress = _a.isMaturityExpress, showTextLogo = _a.showTextLogo, hideFooter = _a.hideFooter, hideMerchantLogo = _a.hideMerchantLogo, _d = _a.animationDirection, animationDirection = _d === void 0 ? 'up' : _d, sx = _a.sx, showPoweredBy = _a.showPoweredBy, dialogEdgeFormat = _a.dialogEdgeFormat, rest = __rest(_a, ["open", "children", "transitionDuration", "isTapOrigin", "animationType", "onClose", "onConfirm", "pointerEvents", "merchantInfo", "isMaturityExpress", "showTextLogo", "hideFooter", "hideMerchantLogo", "animationDirection", "sx", "showPoweredBy", "dialogEdgeFormat"]);
     var isAr = useLanguage().isAr;
+    var theme = useTheme();
     var animation = {};
     if (animationType === 'slide') {
         Object.assign(animation, { TransitionComponent: Transition });
@@ -121,10 +123,8 @@ var Dialog = function (_a) {
     }, []);
     return (_jsxs(MuiDialog, __assign({ id: DIALOG_ID, PaperProps: {
             elevation: 0
-        }, sx: __assign({ '& .MuiDialog-paper': {
-                overflowY: 'visible'
-            }, '&.MuiDialog-root': {
+        }, sx: __assign({ '& .MuiDialog-paper': __assign({ overflowY: 'visible' }, (dialogEdgeFormat === DialogEdgeFormat.STRAIGHT && { borderRadius: theme.spacing(0) })), '&.MuiDialog-root': {
                 marginBottom: isMaturityExpress ? '60px' : '0px'
-            }, pointerEvents: pointerEvents }, sx), hideBackdrop: true, PaperComponent: PaperStyled, open: open, transitionDuration: transitionDuration || 500, keepMounted: true, "aria-describedby": 'dialog-slide-description' }, rest, animation, (animationDirection && { TransitionProps: { direction: animationDirection } }), { children: [_jsx(DialogContainer, __assign({ isTapOrigin: isTapOrigin, onClose: onClose, onConfirm: onConfirm }, { children: _jsxs(DialogContentStyled, __assign({ isTapOrigin: isTapOrigin }, { children: [_jsxs(Collapse, __assign({ in: !isTapOrigin }, { children: [!hideMerchantLogo && _jsx(LogoBadge, { src: isMaturityExpress ? logo || ICONS_NAMES.LOGO_ICON : ICONS_NAMES.LOGO_ICON }), !isMaturityExpress && showTextLogo && (_jsx(LogoIconBoxStyled, { children: _jsx(LogoIconStyled, { src: isAr ? ICONS_NAMES.TAP_AR : ICONS_NAMES.TAP_EN, alt: 'tap logo' }) }))] })), children] })) })), isMaturityExpress ? _jsx(PoweredByFooter, {}) : !hideFooter && _jsx(CustomFooter, {}), !hideFooter && (_jsx(LanguageFooterStyled, __assign({ showLanguage: showLanguage }, { children: _jsx(CustomFooter, {}) })))] })));
+            }, pointerEvents: pointerEvents }, sx), hideBackdrop: true, PaperComponent: PaperStyled, open: open, transitionDuration: transitionDuration || 500, keepMounted: true, "aria-describedby": 'dialog-slide-description' }, rest, animation, (animationDirection && { TransitionProps: { direction: animationDirection } }), { children: [_jsx(DialogContainer, __assign({ isTapOrigin: isTapOrigin, onClose: onClose, onConfirm: onConfirm }, { children: _jsxs(DialogContentStyled, __assign({ isTapOrigin: isTapOrigin }, { children: [_jsxs(Collapse, __assign({ in: !isTapOrigin }, { children: [!hideMerchantLogo && _jsx(LogoBadge, { src: isMaturityExpress ? logo || ICONS_NAMES.LOGO_ICON : ICONS_NAMES.LOGO_ICON }), !isMaturityExpress && showTextLogo && (_jsx(LogoIconBoxStyled, { children: _jsx(LogoIconStyled, { src: isAr ? ICONS_NAMES.TAP_AR : ICONS_NAMES.TAP_EN, alt: 'tap logo' }) }))] })), children] })) })), showPoweredBy ? _jsx(PoweredByFooter, {}) : !hideFooter && _jsx(CustomFooter, {}), !hideFooter && (_jsx(LanguageFooterStyled, __assign({ showLanguage: showLanguage }, { children: _jsx(CustomFooter, {}) })))] })));
 };
 export default React.memo(Dialog);

package/build/features/app/auth/authStore.d.ts

@@ -1,5 +1,5 @@
 import { RootState } from '../../../app/store';
-import { ActionState, AuthForType, AuthMerchantFormValues, AuthenticationListFormValues, CivilFormValues, CountryCode, FlowsTypes, MobileFormValues, NIDFormValues, OTPFormValues, SharedState } from '../../../@types';
+import { ActionState, AuthForType, AuthMerchantFormValues, AuthenticationListFormValues, CivilFormValues, CountryCode, CustomerInfo, FlowsTypes, MobileFormValues, NIDFormValues, OTPFormValues, SharedState } from '../../../@types';
 export declare const updateBusinessCountry: import("@reduxjs/toolkit").AsyncThunk<any, string, {}>;
 export declare const retrieveLeadIdentityByIdAsync: import("@reduxjs/toolkit").AsyncThunk<{
     data: any;
@@ -75,8 +75,15 @@ export declare const authSlice: import("@reduxjs/toolkit").Slice<AuthState, {
     resetStore: (state: AuthState) => void;
     resetOTPValue: (state: AuthState) => void;
     resetAuthenticationScreen: (state: AuthState) => void;
+    storeCustomerInfo: (state: AuthState, action: ActionState<{
+        customer: CustomerInfo;
+        countries: Array<CountryCode>;
+    }>) => void;
 }, "auth/store">;
-export declare const clearError: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, resetStore: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, setMobileCountryCode: import("@reduxjs/toolkit").ActionCreatorWithPayload<CountryCode, string>, setLeadId: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, string>, resetOTPValue: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, storeIsStartFromBusinessCountry: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, string>, resetAuthenticationScreen: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
+export declare const clearError: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, resetStore: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, setMobileCountryCode: import("@reduxjs/toolkit").ActionCreatorWithPayload<CountryCode, string>, setLeadId: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, string>, resetOTPValue: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, storeIsStartFromBusinessCountry: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, string>, resetAuthenticationScreen: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, storeCustomerInfo: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    customer: CustomerInfo;
+    countries: Array<CountryCode>;
+}, string>;
 declare const _default: import("redux").Reducer<AuthState, import("redux").AnyAction>;
 export default _default;
 export declare const authSelector: (state: RootState) => AuthState;

package/build/features/app/auth/authStore.js

@@ -546,15 +546,15 @@ export var confirmInfo = createAsyncThunk('auth/confirmInfo', function (_a, thun
     });
 });
 export var onSignUp = createAsyncThunk('auth/onSignUp', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var _a, auth, settings, authResponse, _b, appConfig, businessCountry, isMaturityExpress, publicKey, boardMaturity, merchantDomain, language, scope, postURL, body, data, redirectUrl;
+    var _a, auth, settings, authResponse, _b, appConfig, businessCountry, isMaturityExpress, language, publicKey, boardMaturity, merchantDomain, scope, postURL, body, data, redirectUrl;
     var _c, _d, _e, _f;
     return __generator(this, function (_g) {
         switch (_g.label) {
             case 0:
                 _a = thunkApi.getState(), auth = _a.auth, settings = _a.settings;
                 authResponse = ((_c = auth.data.responseData) !== null && _c !== void 0 ? _c : {}).authResponse;
-                _b = settings.data, appConfig = _b.appConfig, businessCountry = _b.businessCountry, isMaturityExpress = _b.isMaturityExpress;
-                publicKey = appConfig.publicKey, boardMaturity = appConfig.boardMaturity, merchantDomain = appConfig.merchantDomain, language = appConfig.language, scope = appConfig.scope, postURL = appConfig.postURL;
+                _b = settings.data, appConfig = _b.appConfig, businessCountry = _b.businessCountry, isMaturityExpress = _b.isMaturityExpress, language = _b.language;
+                publicKey = appConfig.publicKey, boardMaturity = appConfig.boardMaturity, merchantDomain = appConfig.merchantDomain, scope = appConfig.scope, postURL = appConfig.postURL;
                 body = __assign({ board: true, public_key: publicKey, board_maturity: boardMaturity, domain: merchantDomain, language: language, country: businessCountry.iso2, scope: scope, lead_id: authResponse === null || authResponse === void 0 ? void 0 : authResponse.lead_id, maturity: !isMaturityExpress }, (postURL && {
                     post: {
                         url: postURL
@@ -629,6 +629,25 @@ export var authSlice = createSlice({
         },
         resetAuthenticationScreen: function (state) {
             state.data.authenticationData = __assign(__assign({}, state.data.authenticationData), initialState.data.authenticationData);
+        },
+        storeCustomerInfo: function (state, action) {
+            var _a;
+            var _b = action.payload, customer = _b.customer, countries = _b.countries;
+            var address = customer.address, identification = customer.identification, nationality = customer.nationality, phone = customer.phone, name = customer.name, birth = customer.birth, email = customer.email, primary = customer.primary;
+            var _c = identification || {}, number = _c.number, type = _c.type;
+            var _d = (phone || [])[0], mobile = _d.number, country_code = _d.country_code;
+            var countryInfo = (_a = findCountryByIddPrefix(countries, country_code)) !== null && _a !== void 0 ? _a : defaultCountry;
+            state.data.nidData = {
+                nid: number,
+                dob: birth === null || birth === void 0 ? void 0 : birth.date
+            };
+            state.data.civilIdData = {
+                civilId: number
+            };
+            state.data.mobileData = {
+                mobile: mobile,
+                countryCode: countryInfo
+            };
         }
     },
     extraReducers: function (builder) {
@@ -861,6 +880,6 @@ export var authSlice = createSlice({
         });
     }
 });
-export var clearError = (_a = authSlice.actions, _a.clearError), resetStore = _a.resetStore, setMobileCountryCode = _a.setMobileCountryCode, setLeadId = _a.setLeadId, resetOTPValue = _a.resetOTPValue, storeIsStartFromBusinessCountry = _a.storeIsStartFromBusinessCountry, resetAuthenticationScreen = _a.resetAuthenticationScreen;
+export var clearError = (_a = authSlice.actions, _a.clearError), resetStore = _a.resetStore, setMobileCountryCode = _a.setMobileCountryCode, setLeadId = _a.setLeadId, resetOTPValue = _a.resetOTPValue, storeIsStartFromBusinessCountry = _a.storeIsStartFromBusinessCountry, resetAuthenticationScreen = _a.resetAuthenticationScreen, storeCustomerInfo = _a.storeCustomerInfo;
 export default authSlice.reducer;
 export var authSelector = function (state) { return state.auth; };

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

@@ -1,5 +1,5 @@
 import { RootState } from '../../../app/store';
-import { ActionState, AuthForType, CivilFormValues, CountryCode, FlowsTypes, IndividualFormValues, MobileFormValues, NIDFormValues, OTPFormValues, ResponseData, SharedState, BrandFormValues, BrandSegmentFormValues } from '../../../@types';
+import { ActionState, AuthForType, CivilFormValues, CountryCode, FlowsTypes, IndividualFormValues, MobileFormValues, NIDFormValues, OTPFormValues, ResponseData, SharedState, BrandFormValues, BrandSegmentFormValues, CustomerInfo } from '../../../@types';
 import { CancelToken } from 'axios';
 export declare const updateBusinessCountry: import("@reduxjs/toolkit").AsyncThunk<any, string, {}>;
 export declare const createMobileAuth: import("@reduxjs/toolkit").AsyncThunk<{
@@ -103,6 +103,10 @@ export declare const connectSlice: import("@reduxjs/toolkit").Slice<ConnectState
     storeLeadId: (state: ConnectState, action: ActionState<string>) => void;
     storeIsStartFromBusinessCountry: (state: ConnectState, action: ActionState<boolean>) => void;
     stopLoader: (state: ConnectState) => void;
+    storeCustomerInfo: (state: ConnectState, action: ActionState<{
+        customer: CustomerInfo;
+        countries: Array<CountryCode>;
+    }>) => void;
     resetMobileScreen: (state: ConnectState, action: ActionState<CountryCode>) => void;
     resetNIDScreen: (state: ConnectState) => void;
     resetCivilScreen: (state: ConnectState) => void;
@@ -112,7 +116,10 @@ export declare const connectSlice: import("@reduxjs/toolkit").Slice<ConnectState
     setDefaultCountryCode: (state: ConnectState, action: ActionState<CountryCode>) => void;
     resetStore: (state: ConnectState) => void;
 }, "connect/store">;
-export declare const clearError: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, storeLeadId: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, string>, stopLoader: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, resetMobileScreen: import("@reduxjs/toolkit").ActionCreatorWithPayload<CountryCode, 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>, resetCivilScreen: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, resetStore: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, setDefaultCountryCode: import("@reduxjs/toolkit").ActionCreatorWithPayload<CountryCode, string>, storeIsStartFromBusinessCountry: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, string>;
+export declare const clearError: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, storeLeadId: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, string>, stopLoader: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, resetMobileScreen: import("@reduxjs/toolkit").ActionCreatorWithPayload<CountryCode, 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>, resetCivilScreen: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, resetStore: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, setDefaultCountryCode: import("@reduxjs/toolkit").ActionCreatorWithPayload<CountryCode, string>, storeIsStartFromBusinessCountry: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, string>, storeCustomerInfo: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    customer: CustomerInfo;
+    countries: Array<CountryCode>;
+}, 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

@@ -741,6 +741,35 @@ export var connectSlice = createSlice({
         stopLoader: function (state) {
             state.loading = false;
         },
+        storeCustomerInfo: function (state, action) {
+            var _a, _b, _c;
+            var _d = action.payload, customer = _d.customer, countries = _d.countries;
+            var address = customer.address, identification = customer.identification, nationality = customer.nationality, phone = customer.phone, name = customer.name, birth = customer.birth, email = customer.email, primary = customer.primary;
+            var _e = identification || {}, number = _e.number, type = _e.type;
+            var _f = (phone || [])[0], mobile = _f.number, country_code = _f.country_code;
+            var countryInfo = (_a = findCountryByIddPrefix(countries, country_code)) !== null && _a !== void 0 ? _a : defaultCountry;
+            state.data.nidData = {
+                nid: number,
+                type: type,
+                dob: birth === null || birth === void 0 ? void 0 : birth.date
+            };
+            state.data.civilIdData = {
+                civilId: number
+            };
+            state.data.mobileData = {
+                mobile: mobile,
+                countryCode: countryInfo
+            };
+            var data = state.data.individualData;
+            var fullName = concatenateObjectValues(name, ['first', 'middle', 'last']);
+            if (!!fullName) {
+                var capitalizedName = capitalizeTheFirstLetterOfEachWord(fullName);
+                data.name = capitalizedName;
+            }
+            if ((_b = email === null || email === void 0 ? void 0 : email[0]) === null || _b === void 0 ? void 0 : _b.address)
+                data.email = (_c = email === null || email === void 0 ? void 0 : email[0]) === null || _c === void 0 ? void 0 : _c.address;
+            state.data.individualData = __assign(__assign({}, data), { mobile: mobile, countryCode: countryInfo });
+        },
         resetMobileScreen: function (state, action) {
             state.data.mobileData = __assign(__assign(__assign({}, state.data.mobileData), initialState.data.mobileData), { countryCode: action.payload });
         },
@@ -1092,6 +1121,6 @@ export var connectSlice = createSlice({
         });
     }
 });
-export var clearError = (_a = connectSlice.actions, _a.clearError), storeLeadId = _a.storeLeadId, stopLoader = _a.stopLoader, resetMobileScreen = _a.resetMobileScreen, resetOTPScreen = _a.resetOTPScreen, resetIndividualScreen = _a.resetIndividualScreen, resetMerchantScreen = _a.resetMerchantScreen, resetNIDScreen = _a.resetNIDScreen, resetCivilScreen = _a.resetCivilScreen, resetStore = _a.resetStore, setDefaultCountryCode = _a.setDefaultCountryCode, storeIsStartFromBusinessCountry = _a.storeIsStartFromBusinessCountry;
+export var clearError = (_a = connectSlice.actions, _a.clearError), storeLeadId = _a.storeLeadId, stopLoader = _a.stopLoader, resetMobileScreen = _a.resetMobileScreen, resetOTPScreen = _a.resetOTPScreen, resetIndividualScreen = _a.resetIndividualScreen, resetMerchantScreen = _a.resetMerchantScreen, resetNIDScreen = _a.resetNIDScreen, resetCivilScreen = _a.resetCivilScreen, resetStore = _a.resetStore, setDefaultCountryCode = _a.setDefaultCountryCode, storeIsStartFromBusinessCountry = _a.storeIsStartFromBusinessCountry, storeCustomerInfo = _a.storeCustomerInfo;
 export default connectSlice.reducer;
 export var connectSelector = function (state) { return state.connect; };