@tap-payments/auth-jsconnect 2.4.16 → 2.4.17

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

@@ -1,5 +1,6 @@
 /// <reference types="react" />
-import { LanguageMode } from './theme';
+import { PaymentProvider } from './config';
+import { LanguageMode, DialogEdgeFormat } from './theme';
 export interface CountryCode {
     created: number;
     updated: number;
@@ -217,6 +218,8 @@ export interface LibConfig extends LibCallbacks {
     businessCountryCode?: string;
     scope: string;
     platforms?: Array<string>;
+    dialogEdgeFormat?: DialogEdgeFormat;
+    paymentProvider?: PaymentProvider;
     postURL?: string;
     redirectUrl?: string;
     data?: Array<string>;
@@ -646,15 +649,6 @@ export type VerifyExpressTokenParams = {
     };
     lead_id: string;
 };
-export type ConfigExpressTokenParams = {
-    post: {
-        url: string;
-    };
-    lead_id: string;
-    board: boolean;
-    platform_redirect_url: string;
-    data: Array<string>;
-};
 export declare enum MerchantStatus {
     DISABLED = "disabled",
     ENABLED = "enabled"

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

@@ -0,0 +1,35 @@
+export interface ConfigInfo {
+    operator: Operator;
+    scope: string;
+    data?: string[];
+    lead?: Lead;
+    board?: Board;
+    interface?: Interface;
+    redirect?: Redirect;
+    post?: Redirect;
+    connect?: Redirect;
+    platforms?: string[];
+    payment_provider?: PaymentProvider;
+}
+export interface PaymentProvider {
+    technology_id: string;
+    settlement_by: string;
+}
+interface Redirect {
+    url: string;
+}
+interface Interface {
+    locale?: 'dynamic' | 'ar' | 'en';
+    edges?: 'straight' | 'curved';
+}
+interface Board {
+    display?: boolean;
+    editable?: boolean;
+}
+interface Lead {
+    id: string;
+}
+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 type ThemContext = Partial<Theme> | ((outerTheme: Theme) => Theme);
+export declare enum DialogEdgeFormat {
+    STRAIGHT = "straight",
+    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"] = "straight";
+    DialogEdgeFormat["CURVED"] = "curved";
+})(DialogEdgeFormat || (DialogEdgeFormat = {}));

package/build/api/account.d.ts

@@ -1,3 +1,4 @@
+import { PaymentProvider } from '../@types';
 export type CreateAccountBody = {
     lead_id: string;
     notify: {
@@ -12,6 +13,7 @@ export type ExpressCreateAccountBody = {
     post_url: string;
     lead_id: string;
     platforms?: string[];
+    payment_provider?: PaymentProvider;
 };
 declare const accountService: {
     createAccount: (data: CreateAccountBody) => Promise<any>;

package/build/api/account.js

@@ -1,5 +1,5 @@
-import { httpClient } from './axios';
 import { ENDPOINT_PATHS } from '../constants';
+import { httpClient } from './axios';
 var createAccount = function (data) {
     return httpClient({
         method: 'post',

package/build/api/entity.d.ts

@@ -1,4 +1,5 @@
 import { AxiosRequestConfig } from 'axios';
+import { PaymentProvider } from '../@types';
 export type EntityInfoBody = {
     id: string;
     lead_id?: string;
@@ -119,6 +120,7 @@ export type MerchantListBody = {
     brand_id: string;
     create_if_not_present: boolean;
     platforms?: Array<string>;
+    payment_provider?: PaymentProvider;
 };
 export type CreateEntityBody = {
     business_id: string;

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

package/build/app/settings.js

@@ -47,15 +47,15 @@ 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 } 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, interfaceData, redirect, post, platforms, payment_provider, _g, locale_1, edges, deviceInfo, isValidOperator, countryCode, businessCountry, ipCountry;
+    return __generator(this, function (_h) {
+        switch (_h.label) {
             case 0:
                 settings = thunkApi.getState().settings;
                 _a = settings.data, appConfig = _a.appConfig, language = _a.language;
@@ -63,10 +63,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 = _h.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,24 +77,27 @@ 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 = _h.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, interfaceData = _f.interface, redirect = _f.redirect, post = _f.post, platforms = _f.platforms, payment_provider = _f.payment_provider;
+                    _g = interfaceData || {}, locale_1 = _g.locale, edges = _g.edges;
+                    if (locale_1)
+                        lang = locale_1 === 'dynamic' ? getUserLanguage() : locale_1;
+                    configInfo = __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, configInfo), ((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 })), (edges && { dialogEdgeFormat: edges })), (platforms && { platforms: platforms })), (payment_provider && { payment_provider: payment_provider }));
+                    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));
+                    if (typeof (board === null || board === void 0 ? void 0 : board.editable) === 'boolean')
+                        thunkApi.dispatch(handelBoardMaturity(board.editable));
                     onVerifyConfigTokenSuccess === null || onVerifyConfigTokenSuccess === void 0 ? void 0 : onVerifyConfigTokenSuccess(config);
                     if (matureData === 'express' && maturity !== matureData && typeof configInfo.onMaturityChanged === 'function') {
                         configInfo.onMaturityChanged(matureData);
@@ -102,7 +105,7 @@ export var fetchAppSettingsSync = createAsyncThunk('fetchAppSettingsSync', funct
                 }
                 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 +136,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 +143,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({ countries: countries, businessCountry: businessCountry, locale: locale, deviceInfo: deviceInfo, ipCountry: ipCountry, isValidOperator: isValidOperator, isMaturityExpress: matureData === 'express' }, (merchant && { merchant: merchant }))];
         }
     });
 }); });

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

@@ -1,10 +1,10 @@
 import * as React from 'react';
-import { MerchantInfo } from '../../@types';
+import { DialogEdgeFormat, MerchantInfo } from '../../@types';
 export interface AnimationFlowProps {
     open: boolean;
     children: React.ReactNode;
     isTapOrigin?: boolean;
-    type?: 'PUPOP' | 'BOTTOMSHEET';
+    type?: 'PUPOP' | 'BOTTOMSHEET' | 'CONTENT';
     breakpoint?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
     loading?: boolean;
     error?: string | null;
@@ -16,5 +16,11 @@ export interface AnimationFlowProps {
     merchantInfo?: MerchantInfo;
     isMaturityExpress?: boolean;
     showTextLogo?: boolean;
+    hideFooter?: boolean;
+    hideMerchantLogo?: boolean;
+    hideLoaderOverlay?: boolean;
+    animationDirection?: 'left' | 'right' | 'up' | 'down';
+    loaderColor?: string;
+    dialogEdgeFormat?: DialogEdgeFormat;
 }
-export default function AnimationFlow({ open, children, breakpoint, type, loading, error, isTapOrigin, screenId, animationType, onClose, onConfirm, pointerEvents, merchantInfo, isMaturityExpress, showTextLogo }: AnimationFlowProps): import("react/jsx-runtime").JSX.Element;
+export default function AnimationFlow({ open, children, breakpoint, type, loading, error, isTapOrigin, screenId, animationType, onClose, onConfirm, pointerEvents, merchantInfo, isMaturityExpress, showTextLogo, hideFooter, hideMerchantLogo, animationDirection, dialogEdgeFormat }: AnimationFlowProps): import("react/jsx-runtime").JSX.Element;

package/build/components/AnimationFlow/AnimationFlow.js

@@ -16,7 +16,7 @@ import BottomSheet from './BottomSheet';
 import Loader from './Loader';
 import Error from './Error';
 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;
+    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, animationDirection = _a.animationDirection, dialogEdgeFormat = _a.dialogEdgeFormat;
     var small = useScreen(breakpoint).small;
     if (loading) {
         return _jsx(Loader, {});
@@ -25,10 +25,10 @@ export default function AnimationFlow(_a) {
         return _jsx(Error, { error: error });
     }
     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 }, { 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, dialogEdgeFormat: dialogEdgeFormat }, { children: children })));
     }
     if (type === 'BOTTOMSHEET') {
-        return (_jsx(BottomSheet, __assign({ pointerEvents: pointerEvents, open: open, isMaturityExpress: isMaturityExpress, merchantInfo: merchantInfo }, { children: children })));
+        return (_jsx(BottomSheet, __assign({ pointerEvents: pointerEvents, open: open, isMaturityExpress: isMaturityExpress, merchantInfo: merchantInfo, hideFooter: hideFooter, hideMerchantLogo: hideMerchantLogo, dialogEdgeFormat: dialogEdgeFormat }, { children: children })));
     }
-    return small ? (_jsx(BottomSheet, __assign({ pointerEvents: pointerEvents, open: open, screenId: screenId, isMaturityExpress: isMaturityExpress, merchantInfo: merchantInfo }, { children: children }))) : (_jsx(Dialog, __assign({ pointerEvents: pointerEvents, onClose: onClose, onConfirm: onConfirm, open: open, isTapOrigin: isTapOrigin, animationType: animationType, merchantInfo: merchantInfo, isMaturityExpress: isMaturityExpress, showTextLogo: showTextLogo }, { children: children })));
+    return small ? (_jsx(BottomSheet, __assign({ pointerEvents: pointerEvents, open: open, screenId: screenId, isMaturityExpress: isMaturityExpress, merchantInfo: merchantInfo, hideFooter: hideFooter, hideMerchantLogo: hideMerchantLogo, dialogEdgeFormat: dialogEdgeFormat }, { 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, dialogEdgeFormat: dialogEdgeFormat }, { children: children })));
 }

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { BottomSheetProps as MainBottomSheetProps } from 'react-spring-bottom-sheet';
 import 'react-spring-bottom-sheet/dist/style.css';
-import { MerchantInfo } from '../../@types';
+import { DialogEdgeFormat, MerchantInfo } from '../../@types';
 export interface BottomSheetProps extends MainBottomSheetProps {
     children: React.ReactNode;
     open: boolean;
@@ -9,6 +9,9 @@ export interface BottomSheetProps extends MainBottomSheetProps {
     pointerEvents?: 'none' | 'auto';
     isMaturityExpress?: boolean;
     merchantInfo?: MerchantInfo;
+    hideFooter?: boolean;
+    hideMerchantLogo?: boolean;
+    dialogEdgeFormat?: DialogEdgeFormat;
 }
-declare const _default: React.MemoExoticComponent<({ open, children, screenId, pointerEvents, isMaturityExpress, merchantInfo, ...rest }: BottomSheetProps) => import("react/jsx-runtime").JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ open, children, screenId, pointerEvents, isMaturityExpress, merchantInfo, hideMerchantLogo, dialogEdgeFormat, ...rest }: BottomSheetProps) => import("react/jsx-runtime").JSX.Element>;
 export default _default;

package/build/components/AnimationFlow/BottomSheet.js

@@ -28,6 +28,7 @@ import Box from '@mui/material/Box';
 import 'react-spring-bottom-sheet/dist/style.css';
 import { ICONS_NAMES } from '../../constants';
 import { useLanguage } from '../../hooks';
+import { DialogEdgeFormat } from '../../@types';
 import { CustomFooter, PoweredByFooter } from '../../features/shared/Footer';
 import LogoBadge from '../LogoBadge';
 var LanguageFooterStyled = styled(Box)(function (_a) {
@@ -42,19 +43,19 @@ var LanguageFooterStyled = styled(Box)(function (_a) {
     });
 });
 var BottomSheetStyled = styled(BottomSheet, {
-    shouldForwardProp: function (prop) { return !['isMaturityExpress', 'languageBarHeight'].includes(prop.toString()); }
+    shouldForwardProp: function (prop) { return !['isMaturityExpress', 'languageBarHeight', 'dialogEdgeFormat'].includes(prop.toString()); }
 })(function (_a) {
-    var theme = _a.theme, isMaturityExpress = _a.isMaturityExpress, languageBarHeight = _a.languageBarHeight;
+    var theme = _a.theme, isMaturityExpress = _a.isMaturityExpress, languageBarHeight = _a.languageBarHeight, dialogEdgeFormat = _a.dialogEdgeFormat;
     return ({
         '[data-rsbs-header]:before': __assign({ width: '75px', height: '5px' }, (isMaturityExpress && { width: '0px', height: '0px' })),
         '[data-rsbs-backdrop]': {
             backgroundColor: 'transparent'
         },
         '[data-rsbs-header]': __assign({ paddingBottom: theme.spacing(6), position: 'absolute', width: '100vw' }, (isMaturityExpress && { display: 'none' })),
-        '[data-rsbs-overlay]': __assign({ backgroundColor: theme.palette.background.paper, zIndex: 9999, maxHeight: "calc(100vh - ".concat(languageBarHeight, "px)") }, (isMaturityExpress && {
+        '[data-rsbs-overlay]': __assign(__assign({ backgroundColor: theme.palette.background.paper, zIndex: 9999, maxHeight: "calc(100vh - ".concat(languageBarHeight, "px)"), borderTopLeftRadius: theme.spacing(1.5), borderTopRightRadius: theme.spacing(1.5) }, (isMaturityExpress && {
             marginBottom: theme.spacing(5.625),
             paddingTop: theme.spacing(5)
-        })),
+        })), (dialogEdgeFormat === DialogEdgeFormat.STRAIGHT && { borderTopLeftRadius: theme.spacing(0), borderTopRightRadius: theme.spacing(0) })),
         '[data-rsbs-scroll]': {
             '&::-webkit-scrollbar': {
                 width: '0px'
@@ -75,7 +76,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, rest = __rest(_a, ["open", "children", "screenId", "pointerEvents", "isMaturityExpress", "merchantInfo"]);
+    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, hideMerchantLogo = _a.hideMerchantLogo, dialogEdgeFormat = _a.dialogEdgeFormat, rest = __rest(_a, ["open", "children", "screenId", "pointerEvents", "isMaturityExpress", "merchantInfo", "hideMerchantLogo", "dialogEdgeFormat"]);
     var sheetRef = React.useRef(null);
     var isAr = useLanguage().isAr;
     var logo = (merchantInfo || {}).logo;
@@ -102,7 +103,7 @@ var BottomSheetComponent = function (_a) {
             }, 500);
         }
     }, [screenId]);
-    return (_jsxs(BottomSheetStyled, __assign({ languageBarHeight: getLanguageBarHeight(), sibling: _jsx(LanguageFooterStyled, { children: _jsx(CustomFooter, {}) }), isMaturityExpress: isMaturityExpress, sx: { pointerEvents: pointerEvents }, ref: sheetRef, open: open, snapPoints: function (_a) {
+    return (_jsxs(BottomSheetStyled, __assign({ languageBarHeight: getLanguageBarHeight(), dialogEdgeFormat: dialogEdgeFormat, sibling: _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 && _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 }) }))] })));

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

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { DialogProps as MUIDialogProps } from '@mui/material/Dialog';
-import { MerchantInfo } from '../../@types';
+import { SxProps, Theme } from '@mui/material/styles';
+import { DialogEdgeFormat, MerchantInfo } from '../../@types';
 export interface DialogProps extends MUIDialogProps {
     open: boolean;
     isTapOrigin?: boolean;
@@ -13,6 +14,12 @@ export interface DialogProps extends MUIDialogProps {
     merchantInfo?: MerchantInfo;
     isMaturityExpress?: boolean;
     showTextLogo?: boolean;
+    hideFooter?: boolean;
+    hideMerchantLogo?: boolean;
+    animationDirection?: 'left' | 'right' | 'up' | 'down';
+    showAsContent?: boolean;
+    sx?: SxProps<Theme>;
+    dialogEdgeFormat?: DialogEdgeFormat;
 }
-declare const _default: React.MemoExoticComponent<({ open, children, transitionDuration, isTapOrigin, animationType, onClose, onConfirm, pointerEvents, merchantInfo, isMaturityExpress, showTextLogo, ...rest }: DialogProps) => import("react/jsx-runtime").JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ open, children, transitionDuration, isTapOrigin, animationType, onClose, onConfirm, pointerEvents, merchantInfo, isMaturityExpress, showTextLogo, hideFooter, dialogEdgeFormat, hideMerchantLogo, animationDirection, ...rest }: DialogProps) => import("react/jsx-runtime").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, rest = __rest(_a, ["open", "children", "transitionDuration", "isTapOrigin", "animationType", "onClose", "onConfirm", "pointerEvents", "merchantInfo", "isMaturityExpress", "showTextLogo"]);
+    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, dialogEdgeFormat = _a.dialogEdgeFormat, hideMerchantLogo = _a.hideMerchantLogo, animationDirection = _a.animationDirection, rest = __rest(_a, ["open", "children", "transitionDuration", "isTapOrigin", "animationType", "onClose", "onConfirm", "pointerEvents", "merchantInfo", "isMaturityExpress", "showTextLogo", "hideFooter", "dialogEdgeFormat", "hideMerchantLogo", "animationDirection"]);
     var isAr = useLanguage().isAr;
+    var theme = useTheme();
     var animation = {};
     if (animationType === 'slide') {
         Object.assign(animation, { TransitionComponent: Transition });
@@ -122,13 +124,11 @@ var Dialog = function (_a) {
     return (_jsxs(MuiDialog, __assign({ id: DIALOG_ID, PaperProps: {
             elevation: 0
         }, sx: {
-            '& .MuiDialog-paper': {
-                overflowY: 'visible'
-            },
+            '& .MuiDialog-paper': __assign({ overflowY: 'visible' }, (dialogEdgeFormat === DialogEdgeFormat.STRAIGHT && { borderRadius: theme.spacing(0) })),
             '&.MuiDialog-root': {
                 marginBottom: isMaturityExpress ? '60px' : '0px'
             },
             pointerEvents: pointerEvents
-        }, hideBackdrop: true, PaperComponent: PaperStyled, open: open, transitionDuration: transitionDuration || 500, keepMounted: true, "aria-describedby": 'dialog-slide-description' }, rest, animation, { children: [_jsx(DialogContainer, __assign({ isTapOrigin: isTapOrigin, onClose: onClose, onConfirm: onConfirm }, { children: _jsxs(DialogContentStyled, __assign({ isTapOrigin: isTapOrigin }, { children: [_jsxs(Collapse, __assign({ in: !isTapOrigin }, { children: [_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, {}) : _jsx(CustomFooter, {}), _jsx(LanguageFooterStyled, __assign({ showLanguage: showLanguage }, { children: _jsx(CustomFooter, {}) }))] })));
+        }, hideBackdrop: true, PaperComponent: PaperStyled, open: open, transitionDuration: transitionDuration || 500, keepMounted: true, "aria-describedby": 'dialog-slide-description' }, rest, animation, { children: [_jsx(DialogContainer, __assign({ isTapOrigin: isTapOrigin, onClose: onClose, onConfirm: onConfirm }, { children: _jsxs(DialogContentStyled, __assign({ isTapOrigin: isTapOrigin }, { children: [_jsxs(Collapse, __assign({ in: !isTapOrigin }, { children: [_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, {}) })))] })));
 };
 export default React.memo(Dialog);

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

@@ -281,6 +281,10 @@ export declare const createAccountAsync: import("@reduxjs/toolkit").AsyncThunk<{
     boardInfo: any;
     boardData: any;
     account: any;
+} | {
+    account: any;
+    boardInfo?: undefined;
+    boardData?: undefined;
 } | undefined, void, {
     state?: unknown;
     dispatch?: import("redux").Dispatch<import("redux").AnyAction> | undefined;

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

@@ -81,17 +81,17 @@ export var updateBusinessCountryAsync = createAsyncThunk('connectExpress/updateB
     });
 }); });
 export var retrieveLeadIdentityByIdAsync = createAsyncThunk('expressConnect/retrieveLeadIdentityByIdAsync', function (leadId, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var _a, settings, connectExpress, countryCode, showBoard, data, _b, country_code, contact, phone, status, board_id, board_info_id, isRegistered, _c, boardInfo, boardData, error_1;
-    var _d, _e, _f, _g, _h, _j;
-    return __generator(this, function (_k) {
-        switch (_k.label) {
+    var _a, settings, connectExpress, countryCode, showBoard, data, _b, country_code, contact, phone, status, board_id, board_info_id, isRegistered, screen_1, _c, boardInfo, boardData, error_1;
+    var _d, _e, _f, _g, _h;
+    return __generator(this, function (_j) {
+        switch (_j.label) {
             case 0:
                 _a = thunkApi.getState(), settings = _a.settings, connectExpress = _a.connectExpress;
                 countryCode = settings.data.businessCountry;
                 showBoard = connectExpress.data.showBoard;
                 return [4, API.leadService.retrieveLeadIdentity(leadId)];
             case 1:
-                data = _k.sent();
+                data = _j.sent();
                 _b = data || {}, country_code = _b.country_code, contact = _b.contact;
                 if (country_code)
                     thunkApi.dispatch(handleSetCountryByIso2(country_code));
@@ -99,7 +99,7 @@ export var retrieveLeadIdentityByIdAsync = createAsyncThunk('expressConnect/retr
                 if (phone === null || phone === void 0 ? void 0 : phone.country_code)
                     countryCode = findCountryByIddPrefix(settings.data.countries, phone.country_code);
                 status = data.status, board_id = data.board_id, board_info_id = data.board_info_id;
-                if (!(data === null || data === void 0 ? void 0 : data.country_code) && !((_d = settings.data.businessCountry) === null || _d === void 0 ? void 0 : _d.iso2)) {
+                if (!country_code && !((_d = settings.data.businessCountry) === null || _d === void 0 ? void 0 : _d.iso2)) {
                     thunkApi.dispatch(handleCurrentActiveScreen('CONNECT_EXPRESS_BUSINESS_COUNTRY_STEP'));
                     return [2, { data: data, countryCode: countryCode }];
                 }
@@ -108,22 +108,27 @@ export var retrieveLeadIdentityByIdAsync = createAsyncThunk('expressConnect/retr
                     thunkApi.dispatch(handleCurrentActiveScreen('CONNECT_EXPRESS_MOBILE_STEP'));
                     return [2, { data: data, countryCode: countryCode }];
                 }
-                if (!isRegistered && (data === null || data === void 0 ? void 0 : data.country_code) && !((_e = settings.data.businessCountry) === null || _e === void 0 ? void 0 : _e.iso2)) {
-                    thunkApi.dispatch(handleSetCountryByIso2(data.country_code));
-                    if (isOtherThanKWOrSA(data.country_code) || isKW(data.country_code))
-                        thunkApi.dispatch(handleCurrentActiveScreen('CONNECT_EXPRESS_MOBILE_STEP'));
+                if (!isRegistered && country_code) {
+                    screen_1 = 'CONNECT_EXPRESS_NID_STEP';
+                    if (!isSA(data.country_code))
+                        screen_1 = 'CONNECT_EXPRESS_MOBILE_STEP';
+                    thunkApi.dispatch(handleCurrentActiveScreen(screen_1));
                     return [2, { data: data, countryCode: countryCode }];
                 }
-                if (!isRegistered && (isKW(settings.data.businessCountry.iso2) || isOtherThanKWOrSA(settings.data.businessCountry.iso2))) {
+                if (!isRegistered && !isSA(settings.data.businessCountry.iso2)) {
                     thunkApi.dispatch(handleCurrentActiveScreen('CONNECT_EXPRESS_MOBILE_STEP'));
                     return [2, { data: data, countryCode: countryCode }];
                 }
-                if ((_f = data === null || data === void 0 ? void 0 : data.identification) === null || _f === void 0 ? void 0 : _f.authentication_id) {
-                    thunkApi.dispatch(storeAuthId((_g = data === null || data === void 0 ? void 0 : data.identification) === null || _g === void 0 ? void 0 : _g.authentication_id));
+                if (!isRegistered && isSA(settings.data.businessCountry.iso2)) {
+                    thunkApi.dispatch(handleCurrentActiveScreen('CONNECT_EXPRESS_NID_STEP'));
+                    return [2, { data: data, countryCode: countryCode }];
+                }
+                if ((_e = data === null || data === void 0 ? void 0 : data.identification) === null || _e === void 0 ? void 0 : _e.authentication_id) {
+                    thunkApi.dispatch(storeAuthId((_f = data === null || data === void 0 ? void 0 : data.identification) === null || _f === void 0 ? void 0 : _f.authentication_id));
                 }
                 if (isRegistered && !showBoard) {
-                    (_j = (_h = settings.data.appConfig).onFlowCompleted) === null || _j === void 0 ? void 0 : _j.call(_h, data);
-                    thunkApi.dispatch(handleOpen(false));
+                    (_h = (_g = settings.data.appConfig).onFlowCompleted) === null || _h === void 0 ? void 0 : _h.call(_g, data);
+                    thunkApi.dispatch(handleCurrentActiveScreen('CONNECT_EXPRESS_ACCOUNT_ALREADY_CREATED_STEP'));
                     return [2, { data: data, countryCode: countryCode }];
                 }
                 if (isRegistered && !(board_id && board_info_id)) {
@@ -131,19 +136,19 @@ export var retrieveLeadIdentityByIdAsync = createAsyncThunk('expressConnect/retr
                     return [2, { data: data, countryCode: countryCode }];
                 }
                 if (!(isRegistered && board_id && board_info_id)) return [3, 5];
-                _k.label = 2;
+                _j.label = 2;
             case 2:
-                _k.trys.push([2, 4, , 5]);
+                _j.trys.push([2, 4, , 5]);
                 return [4, Promise.all([
                         API.boardService.retrieveBoardInfo({ id: board_id, infoId: board_info_id }),
                         API.boardService.retrieveBoardDetails(board_id)
                     ])];
             case 3:
-                _c = _k.sent(), boardInfo = _c[0], boardData = _c[1];
+                _c = _j.sent(), boardInfo = _c[0], boardData = _c[1];
                 thunkApi.dispatch(handleCurrentActiveScreen('CONNECT_EXPRESS_SUCCESS_WITH_FLOW_BUTTONS_STEP'));
                 return [2, { data: data, countryCode: countryCode, boardInfo: boardInfo, boardData: boardData }];
             case 4:
-                error_1 = _k.sent();
+                error_1 = _j.sent();
                 thunkApi.dispatch(handleCurrentActiveScreen('CONNECT_EXPRESS_ACCOUNT_ALREADY_CREATED_STEP'));
                 return [2, { data: data, countryCode: countryCode }];
             case 5: return [2, { data: data, countryCode: countryCode }];
@@ -216,20 +221,24 @@ export var retrieveAuthenticationListAsync = createAsyncThunk('connectExpress/re
 export var getMerchantListAsync = createAsyncThunk('connectExpress/getMerchantListAsync', function (_a, thunkApi) {
     var brandInfo = _a.brandInfo, entityInfo = _a.entityInfo;
     return __awaiter(void 0, void 0, void 0, function () {
-        var settings, payload, merchants, list;
-        return __generator(this, function (_b) {
-            switch (_b.label) {
+        var _b, settings, connectExpress, platforms, payment_provider, payload, merchants, list;
+        var _c, _d, _e, _f, _g, _h;
+        return __generator(this, function (_j) {
+            switch (_j.label) {
                 case 0:
-                    settings = thunkApi.getState().settings;
+                    _b = thunkApi.getState(), settings = _b.settings, connectExpress = _b.connectExpress;
+                    platforms = (_e = (_d = (_c = connectExpress.data.responseData) === null || _c === void 0 ? void 0 : _c.leadData) === null || _d === void 0 ? void 0 : _d.platforms) !== null && _e !== void 0 ? _e : settings.data.appConfig.platforms;
+                    payment_provider = (_h = (_g = (_f = connectExpress.data.responseData) === null || _f === void 0 ? void 0 : _f.leadResponse) === null || _g === void 0 ? void 0 : _g.payment_provider) !== null && _h !== void 0 ? _h : settings.data.appConfig.paymentProvider;
                     payload = {
                         business_entity_id: (entityInfo === null || entityInfo === void 0 ? void 0 : entityInfo.id) || '',
                         brand_id: (brandInfo === null || brandInfo === void 0 ? void 0 : brandInfo.id) || '',
                         create_if_not_present: true,
-                        platforms: settings.data.appConfig.platforms
+                        platforms: platforms,
+                        payment_provider: payment_provider
                     };
                     return [4, API.entityService.getMerchantListUsingEntityId(payload)];
                 case 1:
-                    merchants = (_b.sent()).merchants;
+                    merchants = (_j.sent()).merchants;
                     list = merchants || [];
                     if ((list === null || list === void 0 ? void 0 : list.length) > 1) {
                         thunkApi.dispatch(handleNextScreenStep('CONNECT_EXPRESS_AUTH_MERCHANT_LIST_STEP'));
@@ -408,7 +417,7 @@ export var createCivilIdAuthAsync = createAsyncThunk('connectExpress/createCivil
     });
 }); });
 export var verifyMobileOtpAsync = createAsyncThunk('connectExpress/verifyMobileOtpAsync', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var _a, settings, connectExpress, _b, responseData, leadId, isLeadIdPassed, mobileData, _c, auth_token, device_token, service_name, _d, scope, redirectUrl, authData, isScopeAuthentication, bi, isDataHasOperator, payload, data, authId, urlQueryStart, _e, brandList, entityList, isKuwait, next;
+    var _a, settings, connectExpress, _b, responseData, leadId, isLeadIdPassed, mobileData, _c, auth_token, device_token, service_name, _d, scope, redirectUrl, authData, isScopeAuthentication, bi, isDataHasIndividualOnly, authDataHasValue, payload, data, authId, urlQueryStart, _e, brandList, entityList, isKuwait, next;
     var _f, _g;
     return __generator(this, function (_h) {
         switch (_h.label) {
@@ -421,7 +430,8 @@ export var verifyMobileOtpAsync = createAsyncThunk('connectExpress/verifyMobileO
                 _d = settings.data.appConfig, scope = _d.scope, redirectUrl = _d.redirectUrl, authData = _d.data;
                 isScopeAuthentication = scope === SCOPE_AUTH;
                 bi = settings.data.deviceInfo.browser.browser_id;
-                isDataHasOperator = authData === null || authData === void 0 ? void 0 : authData.includes('operator');
+                isDataHasIndividualOnly = (authData === null || authData === void 0 ? void 0 : authData.length) === 1 && authData.includes('individual');
+                authDataHasValue = authData === null || authData === void 0 ? void 0 : authData.length;
                 payload = {
                     auth_token: auth_token,
                     lead_id: leadId,
@@ -440,7 +450,7 @@ export var verifyMobileOtpAsync = createAsyncThunk('connectExpress/verifyMobileO
                 (_g = (_f = settings.data.appConfig).onStepCompleted) === null || _g === void 0 ? void 0 : _g.call(_f, settings.data.activeScreen.name, params);
                 authId = data.auth.id;
                 thunkApi.dispatch(storeAuthId(authId));
-                if (isScopeAuthentication && !data.new_user && !isDataHasOperator && authId) {
+                if (isScopeAuthentication && !data.new_user && isDataHasIndividualOnly && authId) {
                     if (settings.data.appConfig.mode === 'popup') {
                         settings.data.appConfig.onFlowCompleted({ auth_id: authId, bi: bi });
                         thunkApi.dispatch(handleOpen(false));
@@ -452,7 +462,7 @@ export var verifyMobileOtpAsync = createAsyncThunk('connectExpress/verifyMobileO
                         return [2, data];
                     }
                 }
-                if (!(isScopeAuthentication && !data.new_user && isDataHasOperator)) return [3, 3];
+                if (!(isScopeAuthentication && !data.new_user && authDataHasValue)) return [3, 3];
                 return [4, thunkApi.dispatch(retrieveAuthenticationListAsync({ individualId: data.individual_id })).unwrap()];
             case 2:
                 _e = _h.sent(), brandList = _e.brandList, entityList = _e.entityList;
@@ -474,7 +484,7 @@ export var verifyMobileOtpAsync = createAsyncThunk('connectExpress/verifyMobileO
     });
 }); });
 export var verifyNIDOtpAsync = createAsyncThunk('connectExpress/verifyNIDOtpAsync', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var _a, settings, connectExpress, _b, responseData, leadId, isLeadIdPassed, nidData, _c, auth_token, device_token, service_name, _d, scope, redirectUrl, authData, isScopeAuthentication, bi, isDataHasOperator, payload, data, authId, urlQueryStart, _e, brandList, entityList, stepName, needToCollectMoreInfo, creatingAccount;
+    var _a, settings, connectExpress, _b, responseData, leadId, isLeadIdPassed, nidData, _c, auth_token, device_token, service_name, _d, scope, redirectUrl, authData, isScopeAuthentication, bi, isDataHasIndividualOnly, authDataHasValue, payload, data, authId, urlQueryStart, _e, brandList, entityList, stepName, needToCollectMoreInfo, creatingAccount;
     var _f, _g;
     return __generator(this, function (_h) {
         switch (_h.label) {
@@ -487,7 +497,8 @@ export var verifyNIDOtpAsync = createAsyncThunk('connectExpress/verifyNIDOtpAsyn
                 _d = settings.data.appConfig, scope = _d.scope, redirectUrl = _d.redirectUrl, authData = _d.data;
                 isScopeAuthentication = scope === SCOPE_AUTH;
                 bi = settings.data.deviceInfo.browser.browser_id;
-                isDataHasOperator = authData === null || authData === void 0 ? void 0 : authData.includes('operator');
+                isDataHasIndividualOnly = (authData === null || authData === void 0 ? void 0 : authData.length) === 1 && authData.includes('individual');
+                authDataHasValue = authData === null || authData === void 0 ? void 0 : authData.length;
                 payload = {
                     auth_token: auth_token,
                     lead_id: leadId,
@@ -506,7 +517,7 @@ export var verifyNIDOtpAsync = createAsyncThunk('connectExpress/verifyNIDOtpAsyn
                 (_g = (_f = settings.data.appConfig).onStepCompleted) === null || _g === void 0 ? void 0 : _g.call(_f, settings.data.activeScreen.name, params);
                 authId = data.auth.id;
                 thunkApi.dispatch(storeAuthId(authId));
-                if (isScopeAuthentication && !data.new_user && !isDataHasOperator && authId) {
+                if (isScopeAuthentication && !data.new_user && isDataHasIndividualOnly && authId) {
                     if (settings.data.appConfig.mode === 'popup') {
                         settings.data.appConfig.onFlowCompleted({ auth_id: authId, bi: bi });
                         thunkApi.dispatch(handleOpen(false));
@@ -518,7 +529,7 @@ export var verifyNIDOtpAsync = createAsyncThunk('connectExpress/verifyNIDOtpAsyn
                         return [2, data];
                     }
                 }
-                if (!(isScopeAuthentication && !data.new_user && isDataHasOperator)) return [3, 3];
+                if (!(isScopeAuthentication && !data.new_user && authDataHasValue)) return [3, 3];
                 return [4, thunkApi.dispatch(retrieveAuthenticationListAsync({ individualId: data.individual_id })).unwrap()];
             case 2:
                 _e = _h.sent(), brandList = _e.brandList, entityList = _e.entityList;
@@ -544,7 +555,7 @@ export var verifyNIDOtpAsync = createAsyncThunk('connectExpress/verifyNIDOtpAsyn
     });
 }); });
 export var verifyPACIAsync = createAsyncThunk('connectExpress/verifyPACIAsync', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var _a, settings, connectExpress, authData, _b, scope, redirectUrl, authConfigData, isScopeAuthentication, bi, isDataHasOperator, expiry, interval, maxCalls, count, data, isSuccess, authId, urlQueryStart, _c, brandList, entityList, stepName, needToCollectMoreInfo, creatingAccount;
+    var _a, settings, connectExpress, authData, _b, scope, redirectUrl, authConfigData, isScopeAuthentication, bi, isDataHasIndividualOnly, authDataHasValue, expiry, interval, maxCalls, count, data, isSuccess, authId, urlQueryStart, _c, brandList, entityList, stepName, needToCollectMoreInfo, creatingAccount;
     var _d, _e, _f;
     return __generator(this, function (_g) {
         switch (_g.label) {
@@ -554,7 +565,8 @@ export var verifyPACIAsync = createAsyncThunk('connectExpress/verifyPACIAsync',
                 _b = settings.data.appConfig, scope = _b.scope, redirectUrl = _b.redirectUrl, authConfigData = _b.data;
                 isScopeAuthentication = scope === SCOPE_AUTH;
                 bi = settings.data.deviceInfo.browser.browser_id;
-                isDataHasOperator = authConfigData === null || authConfigData === void 0 ? void 0 : authConfigData.includes('operator');
+                isDataHasIndividualOnly = (authConfigData === null || authConfigData === void 0 ? void 0 : authConfigData.length) === 1 && authConfigData.includes('individual');
+                authDataHasValue = authConfigData === null || authConfigData === void 0 ? void 0 : authConfigData.length;
                 expiry = (authData === null || authData === void 0 ? void 0 : authData.expiry) || 120;
                 interval = 3;
                 maxCalls = Math.floor(expiry / interval);
@@ -572,7 +584,7 @@ export var verifyPACIAsync = createAsyncThunk('connectExpress/verifyPACIAsync',
                 if (!isSuccess) return [3, 6];
                 authId = data.auth.id;
                 thunkApi.dispatch(storeAuthId(authId));
-                if (isScopeAuthentication && !data.new_user && !isDataHasOperator && authId) {
+                if (isScopeAuthentication && !data.new_user && isDataHasIndividualOnly && authId) {
                     if (settings.data.appConfig.mode === 'popup') {
                         settings.data.appConfig.onFlowCompleted({ auth_id: authId, bi: bi });
                         thunkApi.dispatch(handleOpen(false));
@@ -584,7 +596,7 @@ export var verifyPACIAsync = createAsyncThunk('connectExpress/verifyPACIAsync',
                         return [2, data];
                     }
                 }
-                if (!(isScopeAuthentication && !data.new_user && isDataHasOperator)) return [3, 4];
+                if (!(isScopeAuthentication && !data.new_user && authDataHasValue)) return [3, 4];
                 return [4, thunkApi.dispatch(retrieveAuthenticationListAsync({ individualId: data.individual_id })).unwrap()];
             case 3:
                 _c = _g.sent(), brandList = _c.brandList, entityList = _c.entityList;
@@ -859,40 +871,50 @@ export var checkBrandNameAvailabilityAsync = createAsyncThunk('connectExpress/ch
     });
 });
 export var createAccountAsync = createAsyncThunk('connectExpress/createAccountAsync', function (_, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var _a, connectExpress, settings, _b, responseData, showBoard, _c, postURL, scope, body, data, leadData, board_id, board_info_id, _d, boardInfo, boardData;
-    var _e, _f, _g, _h, _j, _k, _l, _m;
-    return __generator(this, function (_o) {
-        switch (_o.label) {
+    var _a, connectExpress, settings, _b, responseData, showBoard, _c, postURL, scope, redirectUrl, mode, platforms, payment_provider, authId, bi, body, data, leadData, board_id, board_info_id, _d, boardInfo, boardData, urlQueryStart;
+    var _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
+    return __generator(this, function (_u) {
+        switch (_u.label) {
             case 0:
                 _a = thunkApi.getState(), connectExpress = _a.connectExpress, settings = _a.settings;
                 _b = connectExpress.data, responseData = _b.responseData, showBoard = _b.showBoard;
-                _c = settings.data.appConfig, postURL = _c.postURL, scope = _c.scope;
+                _c = settings.data.appConfig, postURL = _c.postURL, scope = _c.scope, redirectUrl = _c.redirectUrl, mode = _c.mode;
+                platforms = (_f = (_e = responseData === null || responseData === void 0 ? void 0 : responseData.leadData) === null || _e === void 0 ? void 0 : _e.platforms) !== null && _f !== void 0 ? _f : settings.data.appConfig.platforms;
+                payment_provider = (_h = (_g = responseData === null || responseData === void 0 ? void 0 : responseData.leadResponse) === null || _g === void 0 ? void 0 : _g.payment_provider) !== null && _h !== void 0 ? _h : settings.data.appConfig.paymentProvider;
+                authId = (_k = (_j = responseData === null || responseData === void 0 ? void 0 : responseData.authData) === null || _j === void 0 ? void 0 : _j.auth) === null || _k === void 0 ? void 0 : _k.id;
+                bi = settings.data.deviceInfo.browser.browser_id;
                 body = {
                     lead_id: responseData === null || responseData === void 0 ? void 0 : responseData.leadData.id,
                     post_url: scope === SCOPE_AUTH ? '' : postURL || '',
-                    platforms: settings.data.appConfig.platforms
+                    platforms: platforms,
+                    payment_provider: payment_provider
                 };
                 return [4, API.accountService.expressCreateAccount(body)];
             case 1:
-                data = _o.sent();
-                (_f = (_e = settings.data.appConfig).onCreated) === null || _f === void 0 ? void 0 : _f.call(_e, data);
-                (_h = (_g = settings.data.appConfig).onFlowCompleted) === null || _h === void 0 ? void 0 : _h.call(_g, data);
-                (_k = (_j = settings.data.appConfig).onStepCompleted) === null || _k === void 0 ? void 0 : _k.call(_j, settings.data.activeScreen.name, data);
+                data = _u.sent();
+                (_m = (_l = settings.data.appConfig).onCreated) === null || _m === void 0 ? void 0 : _m.call(_l, data);
+                (_p = (_o = settings.data.appConfig).onFlowCompleted) === null || _p === void 0 ? void 0 : _p.call(_o, data);
+                (_r = (_q = settings.data.appConfig).onStepCompleted) === null || _r === void 0 ? void 0 : _r.call(_q, settings.data.activeScreen.name, data);
                 if (!showBoard) return [3, 4];
                 return [4, thunkApi.dispatch(getLeadByIdAsync(data.lead.id)).unwrap()];
             case 2:
-                leadData = (_o.sent()).data;
-                board_id = (_l = data.board_id) !== null && _l !== void 0 ? _l : leadData.board_id;
-                board_info_id = (_m = data.board_info_id) !== null && _m !== void 0 ? _m : leadData.board_info_id;
+                leadData = (_u.sent()).data;
+                board_id = (_s = data.board_id) !== null && _s !== void 0 ? _s : leadData.board_id;
+                board_info_id = (_t = data.board_info_id) !== null && _t !== void 0 ? _t : leadData.board_info_id;
                 return [4, Promise.all([
                         API.boardService.retrieveBoardInfo({ id: board_id, infoId: board_info_id }),
                         API.boardService.retrieveBoardDetails(board_id)
                     ])];
             case 3:
-                _d = _o.sent(), boardInfo = _d[0], boardData = _d[1];
+                _d = _u.sent(), boardInfo = _d[0], boardData = _d[1];
                 sleep(100).then(function () { return thunkApi.dispatch(handleNextScreenStep()); });
                 return [2, { boardInfo: boardInfo, boardData: boardData, account: data }];
             case 4:
+                if (redirectUrl && mode === 'page') {
+                    urlQueryStart = redirectUrl.includes('?') ? '&' : '?';
+                    window.open("".concat(redirectUrl).concat(urlQueryStart, "authentication_id=").concat(authId, "&bi=").concat(bi), '_self');
+                    return [2, { account: data }];
+                }
                 thunkApi.dispatch(handleOpen(false));
                 return [2];
         }

package/build/features/bank/Bank.js

@@ -58,7 +58,7 @@ var Bank = memo(function (_a) {
         settingLoading: configToken ? internalLoading : settingLoading
     });
     var initialLoading = verifyToken ? settingLoading : settingLoading || customLoading;
-    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(Background, __assign({ open: open, isTapOrigin: isTapOrigin, loading: initialLoading }, { children: _jsx(AnimationFlow, __assign({ pointerEvents: loading ? 'none' : 'auto', isTapOrigin: isTapOrigin, loading: initialLoading, error: error, open: open, breakpoint: 'sm', screenId: activeScreen.name, merchantInfo: merchant, isMaturityExpress: isMaturityExpress }, { children: _jsx(FeatureContainer, __assign({ isMaturityExpress: isMaturityExpress }, { children: bankFeatureScreens.map(function (_a, index) {
+    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(Background, __assign({ open: open, isTapOrigin: isTapOrigin, loading: initialLoading }, { children: _jsx(AnimationFlow, __assign({ pointerEvents: loading ? 'none' : 'auto', isTapOrigin: isTapOrigin, loading: initialLoading, error: error, open: open, breakpoint: 'sm', screenId: activeScreen.name, merchantInfo: merchant, isMaturityExpress: isMaturityExpress, dialogEdgeFormat: data.appConfig.dialogEdgeFormat }, { children: _jsx(FeatureContainer, __assign({ isMaturityExpress: isMaturityExpress }, { children: bankFeatureScreens.map(function (_a, index) {
                         var Element = _a.element, name = _a.name;
                         var isActive = activeScreen.name === name;
                         return (_jsx(Collapse, __assign({ in: isActive, timeout: { enter: 1000, exit: 800 } }, { children: _jsx(Element, {}) }), index));

package/build/features/board/Board.js

@@ -29,7 +29,7 @@ import AnimationFlow from '../../components/AnimationFlow';
 import { store } from '../../app/store';
 import { ReduxProvider, ThemeProvider } from '../../components/Providers';
 import Collapse from '../../components/Collapse';
-import { findOrCreateElementAndInject, sendPageView } from '../../utils';
+import { findOrCreateElementAndInject, isTapDomain, sendPageView } from '../../utils';
 import { FeatureContainer } from '../shared/Containers';
 import { BOARD_SCREENS_NAVIGATION } from '../../constants';
 import { boardFeatureScreens } from '../featuresScreens';
@@ -56,7 +56,7 @@ var Board = memo(function (_a) {
         }
     }, [data.isValidOperator, settingLoading]);
     var initialLoading = settingLoading || customLoading;
-    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(Background, __assign({ open: open, isTapOrigin: isTapOrigin, loading: initialLoading }, { children: _jsx(AnimationFlow, __assign({ pointerEvents: loading ? 'none' : 'auto', isTapOrigin: isTapOrigin, loading: initialLoading, error: error, open: open, breakpoint: 'sm', screenId: activeScreen.name, merchantInfo: merchant, isMaturityExpress: !isTapOrigin }, { children: _jsx(FeatureContainer, __assign({ isMaturityExpress: isMaturityExpress }, { children: boardFeatureScreens.map(function (_a, index) {
+    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(Background, __assign({ open: open, isTapOrigin: isTapOrigin, loading: initialLoading }, { children: _jsx(AnimationFlow, __assign({ pointerEvents: loading ? 'none' : 'auto', isTapOrigin: isTapOrigin, loading: initialLoading, error: error, open: open, breakpoint: 'sm', screenId: activeScreen.name, merchantInfo: merchant, isMaturityExpress: !isTapDomain(props.merchantDomain), dialogEdgeFormat: data.appConfig.dialogEdgeFormat }, { children: _jsx(FeatureContainer, __assign({ isMaturityExpress: isMaturityExpress }, { children: boardFeatureScreens.map(function (_a, index) {
                         var Element = _a.element, name = _a.name;
                         var isActive = activeScreen.name === name;
                         return (_jsx(Collapse, __assign({ in: isActive, timeout: { enter: 1000, exit: 800 } }, { children: _jsx(Element, {}) }), index));

package/build/features/brand/Brand.js

@@ -58,7 +58,7 @@ var Brand = memo(function (_a) {
         settingLoading: configToken ? internalLoading : settingLoading
     });
     var initialLoading = verifyToken ? settingLoading : settingLoading || customLoading;
-    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(Background, __assign({ open: open, isTapOrigin: isTapOrigin, loading: initialLoading }, { children: _jsx(AnimationFlow, __assign({ pointerEvents: loading ? 'none' : 'auto', isTapOrigin: isTapOrigin, loading: initialLoading, error: error, open: open, breakpoint: 'sm', screenId: activeScreen.name, merchantInfo: merchant, isMaturityExpress: isMaturityExpress }, { children: _jsx(FeatureContainer, __assign({ isMaturityExpress: isMaturityExpress }, { children: brandFeatureScreens.map(function (_a, index) {
+    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(Background, __assign({ open: open, isTapOrigin: isTapOrigin, loading: initialLoading }, { children: _jsx(AnimationFlow, __assign({ pointerEvents: loading ? 'none' : 'auto', isTapOrigin: isTapOrigin, loading: initialLoading, error: error, open: open, breakpoint: 'sm', screenId: activeScreen.name, merchantInfo: merchant, isMaturityExpress: isMaturityExpress, dialogEdgeFormat: data.appConfig.dialogEdgeFormat }, { children: _jsx(FeatureContainer, __assign({ isMaturityExpress: isMaturityExpress }, { children: brandFeatureScreens.map(function (_a, index) {
                         var Element = _a.element, name = _a.name;
                         var isActive = activeScreen.name === name;
                         return (_jsx(Collapse, __assign({ in: isActive, timeout: { enter: 1000, exit: 800 } }, { children: _jsx(Element, {}) }), index));

package/build/features/business/Business.js

@@ -49,7 +49,7 @@ var Business = memo(function (props) {
         if (!settingLoading && open)
             verifyToken();
     }, [settingLoading]);
-    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(Background, __assign({ open: open, isTapOrigin: isTapOrigin, loading: settingLoading || customLoading }, { children: _jsx(AnimationFlow, __assign({ pointerEvents: loading ? 'none' : 'auto', isTapOrigin: isTapOrigin, loading: settingLoading || customLoading, error: error, open: open, breakpoint: 'sm', screenId: activeScreen.name, merchantInfo: merchant, isMaturityExpress: isMaturityExpress }, { children: _jsx(FeatureContainer, __assign({ isMaturityExpress: isMaturityExpress }, { children: businessFeatureScreens.map(function (_a, index) {
+    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(Background, __assign({ open: open, isTapOrigin: isTapOrigin, loading: settingLoading || customLoading }, { children: _jsx(AnimationFlow, __assign({ pointerEvents: loading ? 'none' : 'auto', isTapOrigin: isTapOrigin, loading: settingLoading || customLoading, error: error, open: open, breakpoint: 'sm', screenId: activeScreen.name, merchantInfo: merchant, isMaturityExpress: isMaturityExpress, dialogEdgeFormat: data.appConfig.dialogEdgeFormat }, { children: _jsx(FeatureContainer, __assign({ isMaturityExpress: isMaturityExpress }, { children: businessFeatureScreens.map(function (_a, index) {
                         var Element = _a.element, name = _a.name;
                         var isActive = activeScreen.name === name;
                         return (_jsx(Collapse, __assign({ in: isActive, timeout: { enter: 1000, exit: 800 } }, { children: _jsx(Element, {}) }), index));

package/build/features/connect/Connect.js

@@ -68,12 +68,12 @@ var Connect = memo(function (props) {
     var _b = useAppSelector(connectSelector), connectError = _b.error, loading = _b.loading, customLoading = _b.customLoading, connectData = _b.data;
     var leadId = connectData.leadId;
     var onVerifyConfigTokenSuccess = function (data) { return __awaiter(void 0, void 0, void 0, function () {
-        var id;
+        var lead, id;
         return __generator(this, function (_a) {
-            id = (data === null || data === void 0 ? void 0 : data.lead_id) || leadId;
-            if (id) {
+            lead = (data || {}).lead;
+            id = (lead === null || lead === void 0 ? void 0 : lead.id) || leadId;
+            if (id)
                 dispatch(storeLeadId(id));
-            }
             return [2];
         });
     }); };
@@ -99,7 +99,7 @@ var Connect = memo(function (props) {
             dispatch(handleCurrentActiveScreen('CONNECT_OPERATOR_ERROR_STEP'));
             return;
         }
-        if (leadId) {
+        if (leadId && !data.isMaturityExpress) {
             dispatch(retrieveLead({ leadId: leadId, isRedirect: true }));
             return;
         }
@@ -134,7 +134,7 @@ var Connect = memo(function (props) {
     var handleDialogClose = function () {
         dispatch(handleOpen(false));
     };
-    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(Background, __assign({ open: open, isTapOrigin: isTapOrigin, loading: settingLoading || customLoading }, { children: _jsx(AnimationFlow, __assign({ pointerEvents: loading ? 'none' : 'auto', onConfirm: handleDialogClose, isTapOrigin: isTapOrigin, loading: settingLoading || customLoading, error: error, open: open, screenId: activeScreen.name, merchantInfo: merchant, isMaturityExpress: false, showTextLogo: activeScreen.name !== 'CONNECT_BUSINESS_COUNTRY_STEP' }, { children: _jsx(FeatureContainer, __assign({ isMaturityExpress: false }, { children: connectFeatureScreens.map(function (_a, index) {
+    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(Background, __assign({ open: open, isTapOrigin: isTapOrigin, loading: settingLoading || customLoading }, { children: _jsx(AnimationFlow, __assign({ pointerEvents: loading ? 'none' : 'auto', onConfirm: handleDialogClose, isTapOrigin: isTapOrigin, loading: settingLoading || customLoading, error: error, open: open, screenId: activeScreen.name, merchantInfo: merchant, isMaturityExpress: false, showTextLogo: activeScreen.name !== 'CONNECT_BUSINESS_COUNTRY_STEP', dialogEdgeFormat: data.appConfig.dialogEdgeFormat }, { children: _jsx(FeatureContainer, __assign({ isMaturityExpress: false }, { children: connectFeatureScreens.map(function (_a, index) {
                         var Element = _a.element, name = _a.name;
                         var isActive = activeScreen.name === name;
                         return (_jsx(Collapse, __assign({ in: isActive, timeout: { enter: 1000, exit: 800 } }, { children: _jsx(Element, {}) }), index));

package/build/features/connectExpress/ConnectExpress.js

@@ -78,15 +78,15 @@ var ConnectExpress = memo(function (_a) {
     var _b = useAppSelector(settingsSelector), data = _b.data, error = _b.error, settingLoading = _b.loading;
     var _c = useAppSelector(connectExpressSelector), connectExpressError = _c.error, loading = _c.loading, customLoading = _c.customLoading, connectData = _c.data;
     var onVerifyConfigTokenSuccess = function (data) { return __awaiter(void 0, void 0, void 0, function () {
-        var _a, lead_id, board;
+        var _a, lead, board;
         return __generator(this, function (_b) {
-            _a = data || {}, lead_id = _a.lead_id, board = _a.board;
-            if (lead_id) {
+            _a = data || {}, lead = _a.lead, board = _a.board;
+            if (lead === null || lead === void 0 ? void 0 : lead.id) {
                 dispatch(setIsLeadIdPassed(true));
-                dispatch(setLeadId(lead_id));
+                dispatch(setLeadId(lead.id));
             }
-            if (typeof board === 'boolean')
-                dispatch(setShowBoard(board));
+            if (showBoard === false || (board === null || board === void 0 ? void 0 : board.display) === false)
+                dispatch(setShowBoard(false));
             return [2];
         });
     }); };
@@ -95,7 +95,7 @@ var ConnectExpress = memo(function (_a) {
     useStepStartedListener();
     var activeScreen = data.activeScreen, isTapOrigin = data.isTapOrigin, open = data.open, merchant = data.merchant;
     React.useEffect(function () {
-        if (typeof showBoard === 'boolean')
+        if (typeof showBoard === 'boolean' && !configToken)
             dispatch(setShowBoard(showBoard));
         sendPageView({
             title: 'Connect Express'
@@ -133,7 +133,7 @@ var ConnectExpress = memo(function (_a) {
             }
         }
     }, [data.isValidOperator, settingLoading]);
-    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(Background, __assign({ open: open, isTapOrigin: isTapOrigin, loading: settingLoading || customLoading }, { children: _jsx(AnimationFlow, __assign({ pointerEvents: loading ? 'none' : 'auto', isTapOrigin: isTapOrigin, loading: settingLoading || customLoading, error: error, open: open, screenId: activeScreen.name, merchantInfo: merchant, isMaturityExpress: !isTapOrigin }, { children: _jsx(FeatureContainer, __assign({ isMaturityExpress: true }, { children: connectExpressFeatureScreens.map(function (_a, index) {
+    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(Background, __assign({ open: open, isTapOrigin: isTapOrigin, loading: settingLoading || customLoading }, { children: _jsx(AnimationFlow, __assign({ pointerEvents: loading ? 'none' : 'auto', isTapOrigin: isTapOrigin, loading: settingLoading || customLoading, error: error, open: open, screenId: activeScreen.name, merchantInfo: merchant, isMaturityExpress: !isTapOrigin, dialogEdgeFormat: data.appConfig.dialogEdgeFormat }, { children: _jsx(FeatureContainer, __assign({ isMaturityExpress: true }, { children: connectExpressFeatureScreens.map(function (_a, index) {
                         var Element = _a.element, name = _a.name;
                         var isActive = activeScreen.name === name;
                         return (_jsx(Collapse, __assign({ in: isActive, timeout: { enter: 1000, exit: 800 } }, { children: _jsx(Element, {}) }), index));

package/build/features/connectExpress/screens/AccountAlreadyCreated/AccountAlreadyCreated.js

@@ -1,14 +1,26 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { useTranslation } from 'react-i18next';
-import { useAppDispatch } from '../../../../hooks';
+import { useAppDispatch, useAppSelector } from '../../../../hooks';
 import SuccessScreen from '../../../shared/SuccessScreen';
-import { handleOpen } from '../../../../app/settings';
+import { handleOpen, settingsSelector } from '../../../../app/settings';
+import { connectExpressSelector } from '../../../app/connectExpress/connectExpressStore';
 var AccountAlreadyCreated = function (_a) {
     var t = useTranslation().t;
     var dispatch = useAppDispatch();
+    var data = useAppSelector(settingsSelector).data;
+    var expressData = useAppSelector(connectExpressSelector).data;
     var onSuccess = function () {
+        var _a, _b, _c;
+        var _d = data.appConfig, mode = _d.mode, redirectUrl = _d.redirectUrl;
+        var authId = (_c = (_b = (_a = expressData === null || expressData === void 0 ? void 0 : expressData.responseData) === null || _a === void 0 ? void 0 : _a.authData) === null || _b === void 0 ? void 0 : _b.auth) === null || _c === void 0 ? void 0 : _c.id;
+        var bi = data.deviceInfo.browser.browser_id;
         dispatch(handleOpen(false));
+        if (redirectUrl && mode === 'page') {
+            var urlQueryStart = redirectUrl.includes('?') ? '&' : '?';
+            window.open("".concat(redirectUrl).concat(urlQueryStart, "authentication_id=").concat(authId, "&bi=").concat(bi), '_self');
+            return { account: data };
+        }
     };
     return (_jsx(SuccessScreen, { title: t('express_account_already_created_title'), description: t('express_account_already_created_description'), onSuccess: onSuccess, successTitle: t('express_account_already_created_close_button') }));
 };

package/build/features/entity/Entity.js

@@ -58,7 +58,7 @@ var Entity = memo(function (_a) {
         });
     }, []);
     var initialLoading = verifyToken ? settingLoading : settingLoading || customLoading;
-    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(Background, __assign({ open: open, isTapOrigin: isTapOrigin, loading: initialLoading }, { children: _jsx(AnimationFlow, __assign({ pointerEvents: loading ? 'none' : 'auto', isTapOrigin: isTapOrigin, open: open, error: error, loading: initialLoading, breakpoint: 'sm', screenId: activeScreen.name, merchantInfo: merchant, isMaturityExpress: isMaturityExpress }, { children: _jsx(FeatureContainer, __assign({ isMaturityExpress: isMaturityExpress }, { children: entityFeatureScreens.map(function (_a, index) {
+    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(Background, __assign({ open: open, isTapOrigin: isTapOrigin, loading: initialLoading }, { children: _jsx(AnimationFlow, __assign({ pointerEvents: loading ? 'none' : 'auto', isTapOrigin: isTapOrigin, open: open, error: error, loading: initialLoading, breakpoint: 'sm', screenId: activeScreen.name, merchantInfo: merchant, isMaturityExpress: isMaturityExpress, dialogEdgeFormat: data.appConfig.dialogEdgeFormat }, { children: _jsx(FeatureContainer, __assign({ isMaturityExpress: isMaturityExpress }, { children: entityFeatureScreens.map(function (_a, index) {
                         var Element = _a.element, name = _a.name;
                         var isActive = activeScreen.name === name;
                         return (_jsx(Collapse, __assign({ in: isActive, timeout: { enter: 1000, exit: 800 } }, { children: _jsx(Element, {}) }), index));

package/build/features/individual/Individual.js

@@ -58,7 +58,7 @@ var Individual = memo(function (_a) {
         });
     }, []);
     var initialLoading = verifyToken ? settingLoading : settingLoading || customLoading;
-    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(Background, __assign({ open: open, isTapOrigin: isTapOrigin, loading: initialLoading }, { children: _jsx(AnimationFlow, __assign({ pointerEvents: loading ? 'none' : 'auto', isTapOrigin: isTapOrigin, loading: initialLoading, error: error, open: open, breakpoint: 'sm', screenId: activeScreen.name, merchantInfo: merchant, isMaturityExpress: isMaturityExpress }, { children: _jsx(FeatureContainer, __assign({ isMaturityExpress: isMaturityExpress }, { children: individualFeatureScreens.map(function (_a, index) {
+    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(Background, __assign({ open: open, isTapOrigin: isTapOrigin, loading: initialLoading }, { children: _jsx(AnimationFlow, __assign({ pointerEvents: loading ? 'none' : 'auto', isTapOrigin: isTapOrigin, loading: initialLoading, error: error, open: open, breakpoint: 'sm', screenId: activeScreen.name, merchantInfo: merchant, isMaturityExpress: isMaturityExpress, dialogEdgeFormat: data.appConfig.dialogEdgeFormat }, { children: _jsx(FeatureContainer, __assign({ isMaturityExpress: isMaturityExpress }, { children: individualFeatureScreens.map(function (_a, index) {
                         var Element = _a.element, name = _a.name;
                         var isActive = activeScreen.name === name;
                         return (_jsx(Collapse, __assign({ in: isActive, timeout: { enter: 1000, exit: 800 } }, { children: _jsx(Element, {}) }), index));

package/build/features/password/Password.js

@@ -68,7 +68,7 @@ var Password = memo(function (_a) {
         if (!settingLoading && open)
             verifyToken();
     }, [settingLoading]);
-    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(Background, __assign({ open: open, isTapOrigin: isTapOrigin, loading: settingLoading || customLoading }, { children: _jsx(AnimationFlow, __assign({ pointerEvents: loading ? 'none' : 'auto', isTapOrigin: isTapOrigin, loading: settingLoading || customLoading, error: error, open: open, breakpoint: 'sm', screenId: activeScreen.name, merchantInfo: merchant, isMaturityExpress: isMaturityExpress }, { children: _jsx(FeatureContainer, __assign({ isMaturityExpress: isMaturityExpress }, { children: passwordFeatureScreens.map(function (_a, index) {
+    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(Background, __assign({ open: open, isTapOrigin: isTapOrigin, loading: settingLoading || customLoading }, { children: _jsx(AnimationFlow, __assign({ pointerEvents: loading ? 'none' : 'auto', isTapOrigin: isTapOrigin, loading: settingLoading || customLoading, error: error, open: open, breakpoint: 'sm', screenId: activeScreen.name, merchantInfo: merchant, isMaturityExpress: isMaturityExpress, dialogEdgeFormat: data.appConfig.dialogEdgeFormat }, { children: _jsx(FeatureContainer, __assign({ isMaturityExpress: isMaturityExpress }, { children: passwordFeatureScreens.map(function (_a, index) {
                         var Element = _a.element, name = _a.name;
                         var isActive = activeScreen.name === name;
                         return (_jsx(Collapse, __assign({ in: isActive, timeout: { enter: 1000, exit: 800 } }, { children: _jsx(Element, {}) }), index));

package/build/features/signIn/SignIn.js

@@ -32,7 +32,7 @@ var SignIn = memo(function (props) {
     useErrorListener(signInError || error);
     useStepStartedListener();
     var activeScreen = data.activeScreen, isTapOrigin = data.isTapOrigin, open = data.open, merchant = data.merchant, isMaturityExpress = data.isMaturityExpress;
-    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(Background, __assign({ open: open, isTapOrigin: isTapOrigin, loading: settingLoading }, { children: _jsx(AnimationFlow, __assign({ pointerEvents: loading ? 'none' : 'auto', isTapOrigin: isTapOrigin, open: open, error: error, loading: settingLoading, breakpoint: 'sm', screenId: activeScreen.name, merchantInfo: merchant, isMaturityExpress: isMaturityExpress }, { children: _jsx(FeatureContainer, __assign({ isMaturityExpress: isMaturityExpress }, { children: signInFeatureScreens.map(function (_a, index) {
+    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(Background, __assign({ open: open, isTapOrigin: isTapOrigin, loading: settingLoading }, { children: _jsx(AnimationFlow, __assign({ pointerEvents: loading ? 'none' : 'auto', isTapOrigin: isTapOrigin, open: open, error: error, loading: settingLoading, breakpoint: 'sm', screenId: activeScreen.name, merchantInfo: merchant, isMaturityExpress: isMaturityExpress, dialogEdgeFormat: data.appConfig.dialogEdgeFormat }, { children: _jsx(FeatureContainer, __assign({ isMaturityExpress: isMaturityExpress }, { children: signInFeatureScreens.map(function (_a, index) {
                         var Element = _a.element, name = _a.name;
                         var isActive = activeScreen.name === name;
                         return (_jsx(Collapse, __assign({ in: isActive, timeout: { enter: 1000, exit: 800 } }, { children: _jsx(Element, {}) }), index));

package/build/features/tax/Tax.js

@@ -58,7 +58,7 @@ var Tax = memo(function (_a) {
         settingLoading: configToken ? internalLoading : settingLoading
     });
     var initialLoading = verifyToken ? settingLoading : settingLoading || customLoading;
-    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(Background, __assign({ open: open, isTapOrigin: isTapOrigin, loading: initialLoading }, { children: _jsx(AnimationFlow, __assign({ pointerEvents: loading ? 'none' : 'auto', isTapOrigin: isTapOrigin, open: open, error: error, loading: initialLoading, breakpoint: 'sm', screenId: activeScreen.name, merchantInfo: merchant, isMaturityExpress: isMaturityExpress }, { children: _jsx(FeatureContainer, __assign({ isMaturityExpress: isMaturityExpress }, { children: taxFeatureScreens.map(function (_a, index) {
+    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(Background, __assign({ open: open, isTapOrigin: isTapOrigin, loading: initialLoading }, { children: _jsx(AnimationFlow, __assign({ pointerEvents: loading ? 'none' : 'auto', isTapOrigin: isTapOrigin, open: open, error: error, loading: initialLoading, breakpoint: 'sm', screenId: activeScreen.name, merchantInfo: merchant, isMaturityExpress: isMaturityExpress, dialogEdgeFormat: data.appConfig.dialogEdgeFormat }, { children: _jsx(FeatureContainer, __assign({ isMaturityExpress: isMaturityExpress }, { children: taxFeatureScreens.map(function (_a, index) {
                         var Element = _a.element, name = _a.name;
                         var isActive = activeScreen.name === name;
                         return (_jsx(Collapse, __assign({ in: isActive, timeout: { enter: 1000, exit: 800 } }, { children: _jsx(Element, {}) }), index));

package/build/hooks/useAppConfig.d.ts

@@ -1,4 +1,4 @@
-import { ConfigExpressTokenParams, LibConfig, ScreenStepNavigation } from '../@types';
+import { ConfigInfo, LibConfig, ScreenStepNavigation } from '../@types';
 interface AppConfigProps extends LibConfig {
     navigation: ScreenStepNavigation[];
     disableCountries?: boolean;
@@ -6,7 +6,7 @@ interface AppConfigProps extends LibConfig {
     disableSettingFetching?: boolean;
     maturity?: 'full' | 'express';
     configToken?: string;
-    onVerifyConfigTokenSuccess?: (data: ConfigExpressTokenParams) => Promise<void>;
+    onVerifyConfigTokenSuccess?: (data: ConfigInfo) => Promise<void>;
 }
-export declare const useAppConfig: ({ appInfo, navigation, publicKey, disableCountries, disableLocale, disableSettingFetching, maturity, boardMaturity, configToken, onVerifyConfigTokenSuccess, ...rest }: AppConfigProps) => void;
+export declare const useAppConfig: ({ appInfo, navigation, publicKey, disableCountries, disableLocale, disableSettingFetching, maturity, boardMaturity, configToken, onVerifyConfigTokenSuccess, scope, mode, ...rest }: AppConfigProps) => void;
 export {};

package/build/hooks/useAppConfig.js

@@ -26,12 +26,12 @@ import { useAppDispatch } from './useAppDispatch';
 import { useAppSelector } from './useAppSelector';
 import { isTapDomain, removeRequestHeaders, setBaseUrl } from '../utils';
 export var useAppConfig = function (_a) {
-    var appInfo = _a.appInfo, navigation = _a.navigation, publicKey = _a.publicKey, disableCountries = _a.disableCountries, disableLocale = _a.disableLocale, disableSettingFetching = _a.disableSettingFetching, maturity = _a.maturity, boardMaturity = _a.boardMaturity, configToken = _a.configToken, onVerifyConfigTokenSuccess = _a.onVerifyConfigTokenSuccess, rest = __rest(_a, ["appInfo", "navigation", "publicKey", "disableCountries", "disableLocale", "disableSettingFetching", "maturity", "boardMaturity", "configToken", "onVerifyConfigTokenSuccess"]);
+    var appInfo = _a.appInfo, navigation = _a.navigation, publicKey = _a.publicKey, disableCountries = _a.disableCountries, disableLocale = _a.disableLocale, disableSettingFetching = _a.disableSettingFetching, maturity = _a.maturity, boardMaturity = _a.boardMaturity, configToken = _a.configToken, onVerifyConfigTokenSuccess = _a.onVerifyConfigTokenSuccess, scope = _a.scope, mode = _a.mode, rest = __rest(_a, ["appInfo", "navigation", "publicKey", "disableCountries", "disableLocale", "disableSettingFetching", "maturity", "boardMaturity", "configToken", "onVerifyConfigTokenSuccess", "scope", "mode"]);
     var dispatch = useAppDispatch();
     var data = useAppSelector(settingsSelector).data;
     var setAppConfig = function () {
         if (!disableSettingFetching) {
-            dispatch(handleSetAppConfig(__assign({ appInfo: appInfo, publicKey: publicKey }, rest)));
+            dispatch(handleSetAppConfig(__assign({ appInfo: appInfo, publicKey: publicKey, scope: scope === null || scope === void 0 ? void 0 : scope.toLowerCase(), mode: mode !== null && mode !== void 0 ? mode : 'page' }, rest)));
         }
         dispatch(handleActiveFlowScreens(navigation));
     };

package/build/utils/device.d.ts

@@ -3,3 +3,5 @@ import { GetResult } from '@fingerprintjs/fingerprintjs';
 export declare const getBrowserInfo: () => DeviceDetectorResult;
 export declare const getFingerPrint: () => Promise<GetResult>;
 export declare const mobileOS: () => 'Windows Phone' | 'Android' | 'iOS' | 'unknown';
+export declare function getUserLanguage(): string;
+export declare const userTextDirection: string;

package/build/utils/device.js

@@ -24,3 +24,9 @@ export var mobileOS = function () {
     }
     return 'unknown';
 };
+export function getUserLanguage() {
+    if (!navigator.language || (navigator.language !== 'ar' && navigator.language !== 'en'))
+        return 'en';
+    return navigator.language.substring(0, 2);
+}
+export var userTextDirection = document.documentElement.dir;

package/package.json

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