@tap-payments/auth-jsconnect 2.10.2-beta → 2.10.3-development

package/build/app/settings.js

@@ -1,395 +1,400 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-var _a;
-import { createAsyncThunk, createSlice } from '@reduxjs/toolkit';
-import { getStoredData, storeData, isArray, findItem, getBrowserInfo, getFingerPrint, sortCountries, findCountryByIso2, getRequestHeaders, encryptString, dangerousMessage, getParameterByName, setBaseUrl, getUserLanguage } from '../utils';
-import { BUSINESS_COUNTRIES, DEFAULT_COUNTRY_ISO2, 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, _d, configInfo, matureData, lang, initPayload, _e, country_list, ip_info, merchant, operator, config, _f, list, _g, ip, latitude, longitude, country_code, countries, _h, operator_1, scope, data, lead, board, interfaceData, redirect, post, platforms, payment_provider, _j, locale_1, edges, deviceInfo, isValidOperator, countryCode, businessCountry, ipCountry;
-    return __generator(this, function (_k) {
-        switch (_k.label) {
-            case 0:
-                settings = thunkApi.getState().settings;
-                _a = settings.data, appConfig = _a.appConfig, language = _a.language;
-                _b = getBrowserInfo(), client = _b.client, device = _b.device, os = _b.os;
-                disableLocale = params.disableLocale, maturity = params.maturity, disableCountries = params.disableCountries, configToken = params.configToken, onVerifyConfigTokenSuccess = params.onVerifyConfigTokenSuccess;
-                if (!params.settingData) return [3, 1];
-                _d = [params.settingData.fingerPrint, params.settingData.locale];
-                return [3, 3];
-            case 1: return [4, Promise.all([getFingerPrint(), API.firebaseService.getLocale(disableLocale)])];
-            case 2:
-                _d = _k.sent();
-                _k.label = 3;
-            case 3:
-                _c = _d, visitorId = _c[0].visitorId, locale = _c[1];
-                configInfo = appConfig;
-                matureData = maturity;
-                lang = getParameterByName('lang') || language;
-                setAxiosGlobalHeaders({
-                    bi: visitorId || '',
-                    mdn: encryptString(params.mdn || window.location.origin),
-                    authorization: encryptString(configInfo.publicKey)
-                });
-                initPayload = __assign(__assign({ type: 'website', app_client_version: 'js-auth-connect', requirer_browser: "".concat(client === null || client === void 0 ? void 0 : client.name, " , ").concat(client === null || client === void 0 ? void 0 : client.version), os: "".concat(os === null || os === void 0 ? void 0 : os.name, " , ").concat(os === null || os === void 0 ? void 0 : os.version), locale: language }, (configToken && { config_token: configToken })), { data_required: {
-                        country_list: !disableCountries
-                    } });
-                _f = params.settingData;
-                if (_f) return [3, 5];
-                return [4, API.initService.getInitialData(initPayload)];
-            case 4:
-                _f = (_k.sent());
-                _k.label = 5;
-            case 5:
-                _e = _f, country_list = _e.country_list, ip_info = _e.ip_info, merchant = _e.merchant, operator = _e.operator, config = _e.config;
-                list = __spreadArray([], ((country_list === null || country_list === void 0 ? void 0 : country_list.list) || []), true);
-                _g = ip_info || {}, ip = _g.ip, latitude = _g.latitude, longitude = _g.longitude, country_code = _g.country_code;
-                countries = sortCountries(list);
-                if (config) {
-                    _h = config, operator_1 = _h.operator, scope = _h.scope, data = _h.data, lead = _h.lead, board = _h.board, interfaceData = _h.interface, redirect = _h.redirect, post = _h.post, platforms = _h.platforms, payment_provider = _h.payment_provider;
-                    _j = interfaceData || {}, locale_1 = _j.locale, edges = _j.edges;
-                    if (locale_1)
-                        lang = locale_1 === 'dynamic' ? getUserLanguage() : locale_1;
-                    configInfo = __assign(__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 })), (typeof (board === null || board === void 0 ? void 0 : board.display) === 'boolean' && { showBoard: board.display }));
-                    matureData = 'express';
-                    thunkApi.dispatch(handleSetAppConfig(configInfo));
-                    thunkApi.dispatch(handleLanguage(lang));
-                    if (configInfo.publicKey) {
-                        if (configToken) {
-                            setBaseUrl(configInfo.publicKey);
-                        }
-                        thunkApi.dispatch(handlePublicKey(configInfo.publicKey));
-                    }
-                    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);
-                }
-                deviceInfo = {
-                    app: {
-                        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'
-                    },
-                    browser: {
-                        browser_id: visitorId,
-                        name: (client === null || client === void 0 ? void 0 : client.name) || '',
-                        user_agent: window.navigator.userAgent,
-                        version: (client === null || client === void 0 ? void 0 : client.version) || ''
-                    },
-                    device: {
-                        name: '',
-                        brand: (device === null || device === void 0 ? void 0 : device.brand) || '',
-                        model: (device === null || device === void 0 ? void 0 : device.model) || '',
-                        type: (device === null || device === void 0 ? void 0 : device.type) || '',
-                        os: {
-                            name: (os === null || os === void 0 ? void 0 : os.name) || '',
-                            version: (os === null || os === void 0 ? void 0 : os.version) || ''
-                        }
-                    },
-                    connection: {
-                        ip: ip,
-                        latitude: latitude,
-                        longitude: longitude,
-                        mac: ''
-                    },
-                    source: 'browser'
-                };
-                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';
-                countryCode = configInfo.businessCountryCode;
-                businessCountry = undefined;
-                ipCountry = undefined;
-                if (countryCode)
-                    businessCountry = findCountryByIso2(countries, countryCode);
-                ipCountry = findCountryByIso2(countries, country_code !== null && country_code !== void 0 ? country_code : DEFAULT_COUNTRY_ISO2);
-                if (appConfig.onSettingFetched)
-                    appConfig.onSettingFetched({
-                        config: config,
-                        country_list: country_list,
-                        fingerPrint: { visitorId: visitorId },
-                        ip_info: ip_info,
-                        merchant: merchant,
-                        operator: operator,
-                        locale: locale
-                    });
-                if (!(matureData === 'express' && maturity !== matureData && typeof configInfo.onMaturityChanged === 'function')) return [3, 7];
-                return [4, configInfo.onMaturityChanged(matureData)];
-            case 6:
-                _k.sent();
-                _k.label = 7;
-            case 7: return [2, __assign({ countries: countries, businessCountry: businessCountry, locale: locale, deviceInfo: deviceInfo, ipCountry: ipCountry, isValidOperator: isValidOperator, isMaturityExpress: matureData === 'express' }, (merchant && { merchant: merchant }))];
-        }
-    });
-}); });
-export var onCloseComplete = createAsyncThunk('settings/onCloseComplete', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var settings, _a, appConfig, authId, postURL, redirectUrl, bi, merchantId, brandId, entityId, body, data, urlQueryStart, newUrl;
-    var _b, _c;
-    return __generator(this, function (_d) {
-        switch (_d.label) {
-            case 0:
-                settings = thunkApi.getState().settings;
-                _a = settings.data, appConfig = _a.appConfig, authId = _a.authId;
-                postURL = appConfig.postURL, redirectUrl = appConfig.redirectUrl;
-                bi = settings.data.deviceInfo.browser.browser_id;
-                merchantId = params.merchantId, brandId = params.brandId, entityId = params.entityId;
-                if (!authId) return [3, 2];
-                body = {
-                    post_url: postURL || '',
-                    authentication_id: authId,
-                    bi: bi,
-                    brand_id: brandId || '',
-                    merchant_id: merchantId || '',
-                    entity_id: entityId || '',
-                    data: settings.data.appConfig.data || []
-                };
-                return [4, API.operatorService.confirm(body)];
-            case 1:
-                data = _d.sent();
-                (_c = (_b = settings.data.appConfig).onStepCompleted) === null || _c === void 0 ? void 0 : _c.call(_b, settings.data.activeScreen.name, data);
-                if (settings.data.appConfig.mode === 'popup') {
-                    settings.data.appConfig.onFlowCompleted({ auth_id: authId, bi: bi });
-                    thunkApi.dispatch(handleOpen(false));
-                    return [2];
-                }
-                if (redirectUrl) {
-                    urlQueryStart = redirectUrl.includes('?') ? '&' : '?';
-                    window.open("".concat(redirectUrl).concat(urlQueryStart, "authentication_id=").concat(authId, "&bi=").concat(bi), '_self');
-                }
-                _d.label = 2;
-            case 2:
-                if (!redirectUrl)
-                    return [2];
-                newUrl = new URL(redirectUrl);
-                newUrl.searchParams.append('action', 'close');
-                window.open("".concat(newUrl), '_self', '_blank');
-                return [2];
-        }
-    });
-}); });
-var initialState = {
-    error: null,
-    loading: true,
-    data: {
-        boardMaturity: true,
-        authId: '',
-        open: true,
-        isTapOrigin: true,
-        isMaturityExpress: false,
-        skin: getStoredData(LOCAL_STORAGE_KEYS.themeMode) || 'light',
-        language: getStoredData(LOCAL_STORAGE_KEYS.languageMode) || 'en',
-        featureScreensNavigation: [],
-        activeScreen: {},
-        deviceInfo: DefaultDeviceInfo,
-        appConfig: {},
-        businessCountry: {},
-        businessCountries: BUSINESS_COUNTRIES,
-        ipCountry: {},
-        countries: [],
-        isValidOperator: false,
-        isHijri: false
-    }
-};
-export var settingsSlice = createSlice({
-    name: 'settings',
-    initialState: initialState,
-    reducers: {
-        storeAuthId: function (state, action) {
-            state.data.authId = action.payload;
-        },
-        handelBoardMaturity: function (state, action) {
-            state.data.boardMaturity = action.payload;
-        },
-        handleIsTapOrigin: function (state, action) {
-            state.data.isTapOrigin = action.payload;
-        },
-        handleOpen: function (state, action) {
-            var _a, _b;
-            state.data.open = action.payload;
-            if (action.payload === false)
-                (_b = (_a = state.data.appConfig).onClose) === null || _b === void 0 ? void 0 : _b.call(_a);
-        },
-        handleSkin: function (state, action) {
-            state.data.skin = action.payload;
-            storeData(LOCAL_STORAGE_KEYS.themeMode, action.payload);
-        },
-        handleLanguage: function (state, action) {
-            if (!action.payload)
-                return;
-            state.data.language = action.payload;
-            i18n.changeLanguage(action.payload);
-            storeData(LOCAL_STORAGE_KEYS.languageMode, action.payload);
-        },
-        handlePublicKey: function (state, action) {
-            if (!action.payload)
-                return;
-            state.data.appConfig.publicKey = action.payload;
-            setAxiosGlobalHeaders(__assign(__assign({}, getAxiosHeaders()), { authorization: encryptString(action.payload) }));
-        },
-        handleSwitchCalender: function (state, action) {
-            state.data.isHijri = action.payload;
-        },
-        handleNextScreenStep: function (state, action) {
-            var next = state.data.activeScreen.next;
-            var appConfig = state.data.appConfig;
-            if (isArray(next)) {
-                if (!action.payload)
-                    return dangerousMessage('next screen is an array, but no payload was provided', appConfig.onError);
-                var nextName_1 = findItem(next, action.payload);
-                var nextScreen_1 = state.data.featureScreensNavigation.find(function (item) { return item.name === nextName_1; });
-                if (!nextScreen_1)
-                    return dangerousMessage('Next screen step not found', appConfig.onError);
-                state.data.activeScreen = nextScreen_1;
-                return;
-            }
-            var nextScreen = state.data.featureScreensNavigation.find(function (item) { return item.name === next; });
-            if (!nextScreen)
-                return dangerousMessage('Next screen step not found', appConfig.onError);
-            state.data.activeScreen = nextScreen;
-        },
-        handleCurrentActiveScreen: function (state, action) {
-            var appConfig = state.data.appConfig;
-            var activeScreen = state.data.featureScreensNavigation.find(function (item) { return item.name === action.payload; });
-            if (!activeScreen)
-                return dangerousMessage('Active screen not found', appConfig.onError);
-            state.data.activeScreen = activeScreen;
-        },
-        handlePrevScreenStep: function (state, action) {
-            var appConfig = state.data.appConfig;
-            var prev = state.data.activeScreen.prev;
-            if (isArray(prev)) {
-                if (!action.payload)
-                    return dangerousMessage('Previous screen is an array, but no payload was provided', appConfig.onError);
-                var prevName_1 = findItem(prev, action.payload);
-                var prevScreen_1 = state.data.featureScreensNavigation.find(function (item) { return item.name === prevName_1; });
-                if (!prevScreen_1)
-                    return dangerousMessage('Previous screen step not found', appConfig.onError);
-                state.data.activeScreen = prevScreen_1;
-                return;
-            }
-            var prevScreen = state.data.featureScreensNavigation.find(function (item) { return item.name === prev; });
-            if (!prevScreen)
-                return dangerousMessage('Previous screen step not found', appConfig.onError);
-            state.data.activeScreen = prevScreen;
-        },
-        handleActiveFlowScreens: function (state, action) {
-            state.data.featureScreensNavigation = action.payload;
-            state.data.activeScreen = action.payload[0];
-        },
-        handleSetAppConfig: function (state, action) {
-            var _a = action.payload, appInfo = _a.appInfo, language = _a.language, onError = _a.onError, onFlowCompleted = _a.onFlowCompleted, publicKey = _a.publicKey, merchantDomain = _a.merchantDomain, open = _a.open, scope = _a.scope;
-            if (!appInfo.name)
-                throw new Error('App name is required');
-            if (!language)
-                throw new Error('Language is required');
-            if (!publicKey)
-                throw new Error('Public key is required');
-            if (typeof onError !== 'function')
-                throw new Error('On error function is required');
-            if (typeof onFlowCompleted !== 'function')
-                throw new Error('On flow completed function is required');
-            if (!merchantDomain)
-                throw new Error('Merchant domain is required');
-            if (typeof open !== 'boolean')
-                throw new Error('Open is required');
-            if (!scope)
-                throw new Error('Scope is required');
-            state.data.appConfig = action.payload;
-        },
-        handleSetCountryByIso2: function (state, action) {
-            var country = findCountryByIso2(state.data.countries, action.payload);
-            if (country) {
-                if (state.data.locale && country.iso2)
-                    updateLocale(state.data.locale, country.iso2);
-                state.data.businessCountry = country;
-            }
-        }
-    },
-    extraReducers: function (builder) {
-        builder.addCase(fetchAppSettingsSync.pending, function (state) {
-            state.loading = true;
-            state.error = null;
-        });
-        builder.addCase(fetchAppSettingsSync.fulfilled, function (state, action) {
-            var _a = action.payload, businessCountry = _a.businessCountry, countries = _a.countries, locale = _a.locale, deviceInfo = _a.deviceInfo, isValidOperator = _a.isValidOperator, merchant = _a.merchant, isMaturityExpress = _a.isMaturityExpress, ipCountry = _a.ipCountry;
-            state.data.countries = countries;
-            state.data.businessCountry = businessCountry;
-            state.data.ipCountry = ipCountry;
-            state.data.locale = locale;
-            state.data.deviceInfo = deviceInfo;
-            state.data.isValidOperator = isValidOperator;
-            if (merchant)
-                state.data.merchant = merchant;
-            state.data.isMaturityExpress = isMaturityExpress;
-            var countryIso2 = (businessCountry === null || businessCountry === void 0 ? void 0 : businessCountry.iso2) || (ipCountry === null || ipCountry === void 0 ? void 0 : ipCountry.iso2);
-            if (locale && countryIso2)
-                updateLocale(locale, countryIso2);
-            state.loading = false;
-            if (state.data.appConfig.onReady)
-                state.data.appConfig.onReady();
-        });
-        builder.addCase(fetchAppSettingsSync.rejected, function (state, action) {
-            state.loading = false;
-            state.error = action.error.message;
-        });
-    }
-});
-export var storeAuthId = (_a = settingsSlice.actions, _a.storeAuthId), handleSkin = _a.handleSkin, handleLanguage = _a.handleLanguage, handleActiveFlowScreens = _a.handleActiveFlowScreens, handleNextScreenStep = _a.handleNextScreenStep, handlePrevScreenStep = _a.handlePrevScreenStep, handleCurrentActiveScreen = _a.handleCurrentActiveScreen, handleSetAppConfig = _a.handleSetAppConfig, handleOpen = _a.handleOpen, handleSetCountryByIso2 = _a.handleSetCountryByIso2, handleIsTapOrigin = _a.handleIsTapOrigin, handelBoardMaturity = _a.handelBoardMaturity, handlePublicKey = _a.handlePublicKey, handleSwitchCalender = _a.handleSwitchCalender;
-export default settingsSlice.reducer;
-export var settingsSelector = function (state) { return state.settings; };
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+var _a;
+import { createAsyncThunk, createSlice } from '@reduxjs/toolkit';
+import { getStoredData, storeData, isArray, findItem, getBrowserInfo, getFingerPrint, sortCountries, findCountryByIso2, getRequestHeaders, encryptString, dangerousMessage, getParameterByName, setBaseUrl, getUserLanguage, sleep } from '../utils';
+import { BUSINESS_COUNTRIES, DEFAULT_COUNTRY_ISO2, 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, _d, configInfo, matureData, lang, initPayload, _e, country_list, ip_info, merchant, operator, config, _f, list, _g, ip, latitude, longitude, country_code, countries, _h, operator_1, scope, data, lead, board, interfaceData, redirect, post, platforms, payment_provider, _j, locale_1, edges, deviceInfo, isValidOperator, countryCode, businessCountry, ipCountry;
+    return __generator(this, function (_k) {
+        switch (_k.label) {
+            case 0:
+                settings = thunkApi.getState().settings;
+                _a = settings.data, appConfig = _a.appConfig, language = _a.language;
+                _b = getBrowserInfo(), client = _b.client, device = _b.device, os = _b.os;
+                disableLocale = params.disableLocale, maturity = params.maturity, disableCountries = params.disableCountries, configToken = params.configToken, onVerifyConfigTokenSuccess = params.onVerifyConfigTokenSuccess;
+                if (!params.settingData) return [3, 1];
+                _d = [params.settingData.fingerPrint, params.settingData.locale];
+                return [3, 3];
+            case 1: return [4, Promise.all([getFingerPrint(), API.firebaseService.getLocale(disableLocale)])];
+            case 2:
+                _d = _k.sent();
+                _k.label = 3;
+            case 3:
+                _c = _d, visitorId = _c[0].visitorId, locale = _c[1];
+                configInfo = appConfig;
+                matureData = maturity;
+                lang = getParameterByName('lang') || language;
+                setAxiosGlobalHeaders({
+                    bi: visitorId || '',
+                    mdn: encryptString(params.mdn || window.location.origin),
+                    authorization: encryptString(configInfo.publicKey)
+                });
+                initPayload = __assign(__assign({ type: 'website', app_client_version: 'js-auth-connect', requirer_browser: "".concat(client === null || client === void 0 ? void 0 : client.name, " , ").concat(client === null || client === void 0 ? void 0 : client.version), os: "".concat(os === null || os === void 0 ? void 0 : os.name, " , ").concat(os === null || os === void 0 ? void 0 : os.version), locale: language }, (configToken && { config_token: configToken })), { data_required: {
+                        country_list: !disableCountries
+                    } });
+                _f = params.settingData;
+                if (_f) return [3, 5];
+                return [4, API.initService.getInitialData(initPayload)];
+            case 4:
+                _f = (_k.sent());
+                _k.label = 5;
+            case 5:
+                _e = _f, country_list = _e.country_list, ip_info = _e.ip_info, merchant = _e.merchant, operator = _e.operator, config = _e.config;
+                list = __spreadArray([], ((country_list === null || country_list === void 0 ? void 0 : country_list.list) || []), true);
+                _g = ip_info || {}, ip = _g.ip, latitude = _g.latitude, longitude = _g.longitude, country_code = _g.country_code;
+                countries = sortCountries(list);
+                if (config) {
+                    _h = config, operator_1 = _h.operator, scope = _h.scope, data = _h.data, lead = _h.lead, board = _h.board, interfaceData = _h.interface, redirect = _h.redirect, post = _h.post, platforms = _h.platforms, payment_provider = _h.payment_provider;
+                    _j = interfaceData || {}, locale_1 = _j.locale, edges = _j.edges;
+                    if (locale_1)
+                        lang = locale_1 === 'dynamic' ? getUserLanguage() : locale_1;
+                    configInfo = __assign(__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 })), (typeof (board === null || board === void 0 ? void 0 : board.display) === 'boolean' && { showBoard: board.display }));
+                    matureData = 'express';
+                    thunkApi.dispatch(handleSetAppConfig(configInfo));
+                    thunkApi.dispatch(handleLanguage(lang));
+                    if (configInfo.publicKey) {
+                        if (configToken) {
+                            setBaseUrl(configInfo.publicKey, appConfig.businessCountryCode);
+                        }
+                        thunkApi.dispatch(handlePublicKey(configInfo.publicKey));
+                    }
+                    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);
+                }
+                deviceInfo = {
+                    app: {
+                        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'
+                    },
+                    browser: {
+                        browser_id: visitorId,
+                        name: (client === null || client === void 0 ? void 0 : client.name) || '',
+                        user_agent: window.navigator.userAgent,
+                        version: (client === null || client === void 0 ? void 0 : client.version) || ''
+                    },
+                    device: {
+                        name: '',
+                        brand: (device === null || device === void 0 ? void 0 : device.brand) || '',
+                        model: (device === null || device === void 0 ? void 0 : device.model) || '',
+                        type: (device === null || device === void 0 ? void 0 : device.type) || '',
+                        os: {
+                            name: (os === null || os === void 0 ? void 0 : os.name) || '',
+                            version: (os === null || os === void 0 ? void 0 : os.version) || ''
+                        }
+                    },
+                    connection: {
+                        ip: ip,
+                        latitude: latitude,
+                        longitude: longitude,
+                        mac: ''
+                    },
+                    source: 'browser'
+                };
+                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';
+                countryCode = configInfo.businessCountryCode;
+                businessCountry = undefined;
+                ipCountry = undefined;
+                if (countryCode)
+                    businessCountry = findCountryByIso2(countries, countryCode);
+                ipCountry = findCountryByIso2(countries, country_code !== null && country_code !== void 0 ? country_code : DEFAULT_COUNTRY_ISO2);
+                if (appConfig.onSettingFetched)
+                    appConfig.onSettingFetched({
+                        config: config,
+                        country_list: country_list,
+                        fingerPrint: { visitorId: visitorId },
+                        ip_info: ip_info,
+                        merchant: merchant,
+                        operator: operator,
+                        locale: locale
+                    });
+                if (!(matureData === 'express' && maturity !== matureData && typeof configInfo.onMaturityChanged === 'function')) return [3, 7];
+                return [4, configInfo.onMaturityChanged(matureData)];
+            case 6:
+                _k.sent();
+                _k.label = 7;
+            case 7: return [2, __assign({ countries: countries, businessCountry: businessCountry, locale: locale, deviceInfo: deviceInfo, ipCountry: ipCountry, isValidOperator: isValidOperator, isMaturityExpress: matureData === 'express' }, (merchant && { merchant: merchant }))];
+        }
+    });
+}); });
+export var onCloseComplete = createAsyncThunk('settings/onCloseComplete', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
+    var settings, _a, appConfig, authId, postURL, redirectUrl, bi, merchantId, brandId, entityId, nextScreen, body, data, urlQueryStart, newUrl;
+    var _b, _c;
+    return __generator(this, function (_d) {
+        switch (_d.label) {
+            case 0:
+                settings = thunkApi.getState().settings;
+                _a = settings.data, appConfig = _a.appConfig, authId = _a.authId;
+                postURL = appConfig.postURL, redirectUrl = appConfig.redirectUrl;
+                bi = settings.data.deviceInfo.browser.browser_id;
+                merchantId = params.merchantId, brandId = params.brandId, entityId = params.entityId, nextScreen = params.nextScreen;
+                if (!authId) return [3, 2];
+                body = {
+                    post_url: postURL || '',
+                    authentication_id: authId,
+                    bi: bi,
+                    brand_id: brandId || '',
+                    merchant_id: merchantId || '',
+                    entity_id: entityId || '',
+                    data: settings.data.appConfig.data || []
+                };
+                return [4, API.operatorService.confirm(body)];
+            case 1:
+                data = _d.sent();
+                (_c = (_b = settings.data.appConfig).onStepCompleted) === null || _c === void 0 ? void 0 : _c.call(_b, settings.data.activeScreen.name, data);
+                if (nextScreen) {
+                    sleep(100).then(function () { return thunkApi.dispatch(handleCurrentActiveScreen(nextScreen)); });
+                    return [2];
+                }
+                if (settings.data.appConfig.mode === 'popup') {
+                    settings.data.appConfig.onFlowCompleted({ auth_id: authId, bi: bi });
+                    thunkApi.dispatch(handleOpen(false));
+                    return [2];
+                }
+                if (redirectUrl) {
+                    urlQueryStart = redirectUrl.includes('?') ? '&' : '?';
+                    window.open("".concat(redirectUrl).concat(urlQueryStart, "authentication_id=").concat(authId, "&bi=").concat(bi), '_self');
+                }
+                _d.label = 2;
+            case 2:
+                if (!redirectUrl)
+                    return [2];
+                newUrl = new URL(redirectUrl);
+                newUrl.searchParams.append('action', 'close');
+                window.open("".concat(newUrl), '_self', '_blank');
+                return [2];
+        }
+    });
+}); });
+var initialState = {
+    error: null,
+    loading: true,
+    data: {
+        boardMaturity: true,
+        authId: '',
+        open: true,
+        isTapOrigin: true,
+        isMaturityExpress: false,
+        skin: getStoredData(LOCAL_STORAGE_KEYS.themeMode) || 'light',
+        language: getStoredData(LOCAL_STORAGE_KEYS.languageMode) || 'en',
+        featureScreensNavigation: [],
+        activeScreen: {},
+        deviceInfo: DefaultDeviceInfo,
+        appConfig: {},
+        businessCountry: {},
+        businessCountries: BUSINESS_COUNTRIES,
+        ipCountry: {},
+        countries: [],
+        isValidOperator: false,
+        isHijri: false
+    }
+};
+export var settingsSlice = createSlice({
+    name: 'settings',
+    initialState: initialState,
+    reducers: {
+        storeAuthId: function (state, action) {
+            state.data.authId = action.payload;
+        },
+        handelBoardMaturity: function (state, action) {
+            state.data.boardMaturity = action.payload;
+        },
+        handleIsTapOrigin: function (state, action) {
+            state.data.isTapOrigin = action.payload;
+        },
+        handleOpen: function (state, action) {
+            var _a, _b;
+            state.data.open = action.payload;
+            if (action.payload === false)
+                (_b = (_a = state.data.appConfig).onClose) === null || _b === void 0 ? void 0 : _b.call(_a);
+        },
+        handleSkin: function (state, action) {
+            state.data.skin = action.payload;
+            storeData(LOCAL_STORAGE_KEYS.themeMode, action.payload);
+        },
+        handleLanguage: function (state, action) {
+            if (!action.payload)
+                return;
+            state.data.language = action.payload;
+            i18n.changeLanguage(action.payload);
+            storeData(LOCAL_STORAGE_KEYS.languageMode, action.payload);
+        },
+        handlePublicKey: function (state, action) {
+            if (!action.payload)
+                return;
+            state.data.appConfig.publicKey = action.payload;
+            setAxiosGlobalHeaders(__assign(__assign({}, getAxiosHeaders()), { authorization: encryptString(action.payload) }));
+        },
+        handleSwitchCalender: function (state, action) {
+            state.data.isHijri = action.payload;
+        },
+        handleNextScreenStep: function (state, action) {
+            var next = state.data.activeScreen.next;
+            var appConfig = state.data.appConfig;
+            if (isArray(next)) {
+                if (!action.payload)
+                    return dangerousMessage('next screen is an array, but no payload was provided', appConfig.onError);
+                var nextName_1 = findItem(next, action.payload);
+                var nextScreen_1 = state.data.featureScreensNavigation.find(function (item) { return item.name === nextName_1; });
+                if (!nextScreen_1)
+                    return dangerousMessage('Next screen step not found', appConfig.onError);
+                state.data.activeScreen = nextScreen_1;
+                return;
+            }
+            var nextScreen = state.data.featureScreensNavigation.find(function (item) { return item.name === next; });
+            if (!nextScreen)
+                return dangerousMessage('Next screen step not found', appConfig.onError);
+            state.data.activeScreen = nextScreen;
+        },
+        handleCurrentActiveScreen: function (state, action) {
+            var appConfig = state.data.appConfig;
+            var activeScreen = state.data.featureScreensNavigation.find(function (item) { return item.name === action.payload; });
+            if (!activeScreen)
+                return dangerousMessage('Active screen not found', appConfig.onError);
+            state.data.activeScreen = activeScreen;
+        },
+        handlePrevScreenStep: function (state, action) {
+            var appConfig = state.data.appConfig;
+            var prev = state.data.activeScreen.prev;
+            if (isArray(prev)) {
+                if (!action.payload)
+                    return dangerousMessage('Previous screen is an array, but no payload was provided', appConfig.onError);
+                var prevName_1 = findItem(prev, action.payload);
+                var prevScreen_1 = state.data.featureScreensNavigation.find(function (item) { return item.name === prevName_1; });
+                if (!prevScreen_1)
+                    return dangerousMessage('Previous screen step not found', appConfig.onError);
+                state.data.activeScreen = prevScreen_1;
+                return;
+            }
+            var prevScreen = state.data.featureScreensNavigation.find(function (item) { return item.name === prev; });
+            if (!prevScreen)
+                return dangerousMessage('Previous screen step not found', appConfig.onError);
+            state.data.activeScreen = prevScreen;
+        },
+        handleActiveFlowScreens: function (state, action) {
+            state.data.featureScreensNavigation = action.payload;
+            state.data.activeScreen = action.payload[0];
+        },
+        handleSetAppConfig: function (state, action) {
+            var _a = action.payload, appInfo = _a.appInfo, language = _a.language, onError = _a.onError, onFlowCompleted = _a.onFlowCompleted, publicKey = _a.publicKey, merchantDomain = _a.merchantDomain, open = _a.open, scope = _a.scope;
+            if (!appInfo.name)
+                throw new Error('App name is required');
+            if (!language)
+                throw new Error('Language is required');
+            if (!publicKey)
+                throw new Error('Public key is required');
+            if (typeof onError !== 'function')
+                throw new Error('On error function is required');
+            if (typeof onFlowCompleted !== 'function')
+                throw new Error('On flow completed function is required');
+            if (!merchantDomain)
+                throw new Error('Merchant domain is required');
+            if (typeof open !== 'boolean')
+                throw new Error('Open is required');
+            if (!scope)
+                throw new Error('Scope is required');
+            state.data.appConfig = action.payload;
+        },
+        handleSetCountryByIso2: function (state, action) {
+            var country = findCountryByIso2(state.data.countries, action.payload);
+            if (country) {
+                if (state.data.locale && country.iso2)
+                    updateLocale(state.data.locale, country.iso2);
+                state.data.businessCountry = country;
+                setBaseUrl(state.data.appConfig.publicKey, country.iso2);
+            }
+        }
+    },
+    extraReducers: function (builder) {
+        builder.addCase(fetchAppSettingsSync.pending, function (state) {
+            state.loading = true;
+            state.error = null;
+        });
+        builder.addCase(fetchAppSettingsSync.fulfilled, function (state, action) {
+            var _a = action.payload, businessCountry = _a.businessCountry, countries = _a.countries, locale = _a.locale, deviceInfo = _a.deviceInfo, isValidOperator = _a.isValidOperator, merchant = _a.merchant, isMaturityExpress = _a.isMaturityExpress, ipCountry = _a.ipCountry;
+            state.data.countries = countries;
+            state.data.businessCountry = businessCountry;
+            state.data.ipCountry = ipCountry;
+            state.data.locale = locale;
+            state.data.deviceInfo = deviceInfo;
+            state.data.isValidOperator = isValidOperator;
+            if (merchant)
+                state.data.merchant = merchant;
+            state.data.isMaturityExpress = isMaturityExpress;
+            var countryIso2 = (businessCountry === null || businessCountry === void 0 ? void 0 : businessCountry.iso2) || (ipCountry === null || ipCountry === void 0 ? void 0 : ipCountry.iso2);
+            if (locale && countryIso2)
+                updateLocale(locale, countryIso2);
+            state.loading = false;
+            if (state.data.appConfig.onReady)
+                state.data.appConfig.onReady();
+        });
+        builder.addCase(fetchAppSettingsSync.rejected, function (state, action) {
+            state.loading = false;
+            state.error = action.error.message;
+        });
+    }
+});
+export var storeAuthId = (_a = settingsSlice.actions, _a.storeAuthId), handleSkin = _a.handleSkin, handleLanguage = _a.handleLanguage, handleActiveFlowScreens = _a.handleActiveFlowScreens, handleNextScreenStep = _a.handleNextScreenStep, handlePrevScreenStep = _a.handlePrevScreenStep, handleCurrentActiveScreen = _a.handleCurrentActiveScreen, handleSetAppConfig = _a.handleSetAppConfig, handleOpen = _a.handleOpen, handleSetCountryByIso2 = _a.handleSetCountryByIso2, handleIsTapOrigin = _a.handleIsTapOrigin, handelBoardMaturity = _a.handelBoardMaturity, handlePublicKey = _a.handlePublicKey, handleSwitchCalender = _a.handleSwitchCalender;
+export default settingsSlice.reducer;
+export var settingsSelector = function (state) { return state.settings; };