@tap-payments/auth-jsconnect 2.5.2-test → 2.5.2

package/build/app/settings.js

@@ -45,60 +45,87 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         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, isKW, isSA, getParameterByName } from '../utils';
-import { DefaultDeviceInfo, LOCAL_STORAGE_KEYS } from '../constants';
+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, domain, language_1, country, scope, public_key, maturity_1, board_maturity, deviceInfo, isValidOperator, countries, countryCode, isKWOrSA, businessCountry;
-    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, _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;
-                return [4, Promise.all([getFingerPrint(), API.firebaseService.getLocale(disableLocale)])];
-            case 1:
-                _c = _f.sent(), visitorId = _c[0].visitorId, locale = _c[1];
+                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');
+                lang = getParameterByName('lang') || language;
                 setAxiosGlobalHeaders({
                     bi: visitorId || '',
                     mdn: encryptString(params.mdn || window.location.origin),
-                    authorization: configInfo.publicKey
+                    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 2:
-                _d = _f.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;
+            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) {
-                    domain = config.domain, language_1 = config.language, country = config.country, scope = config.scope, public_key = config.public_key, maturity_1 = config.maturity, board_maturity = config.board_maturity;
-                    configInfo = __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 }));
-                    if (typeof maturity_1 === 'boolean')
-                        matureData = maturity_1 ? 'full' : 'express';
+                    _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(language_1 || lang));
-                    if (public_key)
-                        thunkApi.dispatch(handlePublicKey(public_key));
-                    if (typeof board_maturity === 'boolean')
-                        thunkApi.dispatch(handelBoardMaturity(board_maturity));
+                    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);
-                    if (matureData === 'express' && maturity_1 !== matureData && typeof configInfo.onMaturityChanged === 'function') {
+                    if (matureData === 'express' && maturity !== matureData && typeof configInfo.onMaturityChanged === 'function') {
                         configInfo.onMaturityChanged(matureData);
                     }
                 }
                 deviceInfo = {
                     app: {
-                        language: configInfo.language || 'en',
+                        language: language !== null && language !== void 0 ? language : (lang || 'en'),
                         name: configInfo.appInfo.name,
                         identifier: configInfo.appInfo.identifier || 'auth-connect',
                         version: configInfo.appInfo.version || '2.0.0'
@@ -127,17 +154,71 @@ export var fetchAppSettingsSync = createAsyncThunk('fetchAppSettingsSync', funct
                     },
                     source: 'browser'
                 };
-                setAxiosGlobalHeaders(__assign(__assign(__assign({}, getRequestHeaders(deviceInfo)), { authorization: configInfo.publicKey, mdn: encryptString(params.mdn || window.location.origin), cu: window.location.href }), (matureData && { maturity: matureData })));
+                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;
-                isKWOrSA = isKW(countryCode) || isSA(countryCode);
-                if (!isKWOrSA)
-                    countryCode = 'KW';
-                businessCountry = findCountryByIso2(countries, countryCode);
-                if (!businessCountry)
-                    throw new Error('Business country not found, you have to pass a valid business country code in the lib config');
-                return [2, __assign(__assign({ countries: countries, businessCountry: businessCountry, locale: locale, deviceInfo: deviceInfo, isValidOperator: isValidOperator, isMaturityExpress: matureData === 'express' }, (config && { boardMaturity: config.board_maturity })), (merchant && { merchant: merchant }))];
+                businessCountry = undefined;
+                ipCountry = undefined;
+                if (countryCode)
+                    businessCountry = findCountryByIso2(countries, countryCode);
+                if (country_code)
+                    ipCountry = findCountryByIso2(countries, country_code);
+                if (appConfig.onSettingFetched)
+                    appConfig.onSettingFetched({
+                        config: config,
+                        country_list: country_list,
+                        fingerPrint: { visitorId: visitorId },
+                        ip_info: ip_info,
+                        merchant: merchant,
+                        operator: operator,
+                        locale: locale
+                    });
+                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];
         }
     });
 }); });
@@ -146,6 +227,7 @@ var initialState = {
     loading: true,
     data: {
         boardMaturity: true,
+        authId: '',
         open: true,
         isTapOrigin: true,
         isMaturityExpress: false,
@@ -156,6 +238,8 @@ var initialState = {
         deviceInfo: DefaultDeviceInfo,
         appConfig: {},
         businessCountry: {},
+        businessCountries: BUSINESS_COUNTRIES,
+        ipCountry: {},
         countries: [],
         isValidOperator: false,
         isHijri: false
@@ -165,6 +249,9 @@ 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;
         },
@@ -192,7 +279,7 @@ export var settingsSlice = createSlice({
             if (!action.payload)
                 return;
             state.data.appConfig.publicKey = action.payload;
-            setAxiosGlobalHeaders(__assign(__assign({}, getAxiosHeaders()), { authorization: action.payload }));
+            setAxiosGlobalHeaders(__assign(__assign({}, getAxiosHeaders()), { authorization: encryptString(action.payload) }));
         },
         handleSwitchCalender: function (state, action) {
             state.data.isHijri = action.payload;
@@ -245,11 +332,9 @@ export var settingsSlice = createSlice({
             state.data.activeScreen = action.payload[0];
         },
         handleSetAppConfig: function (state, action) {
-            var _a = action.payload, appInfo = _a.appInfo, businessCountryCode = _a.businessCountryCode, language = _a.language, onError = _a.onError, onFlowCompleted = _a.onFlowCompleted, publicKey = _a.publicKey, merchantDomain = _a.merchantDomain, open = _a.open, scope = _a.scope;
+            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 (!businessCountryCode)
-                throw new Error('Business country is required');
             if (!language)
                 throw new Error('Language is required');
             if (!publicKey)
@@ -268,8 +353,11 @@ export var settingsSlice = createSlice({
         },
         handleSetCountryByIso2: function (state, action) {
             var country = findCountryByIso2(state.data.countries, action.payload);
-            if (country)
+            if (country) {
+                if (state.data.locale && country.iso2)
+                    updateLocale(state.data.locale, country.iso2);
                 state.data.businessCountry = country;
+            }
         }
     },
     extraReducers: function (builder) {
@@ -278,16 +366,19 @@ export var settingsSlice = createSlice({
             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;
+            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;
-            if (locale)
-                updateLocale(locale, businessCountry.iso2);
+            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();
@@ -298,6 +389,6 @@ export var settingsSlice = createSlice({
         });
     }
 });
-export var handleSkin = (_a = settingsSlice.actions, _a.handleSkin), handleLanguage = _a.handleLanguage, handleActiveFlowScreens = _a.handleActiveFlowScreens, handleNextScreenStep = _a.handleNextScreenStep, handlePrevScreenStep = _a.handlePrevScreenStep, handleCurrentActiveScreen = _a.handleCurrentActiveScreen, handleSetAppConfig = _a.handleSetAppConfig, handleOpen = _a.handleOpen, handleSetCountryByIso2 = _a.handleSetCountryByIso2, handleIsTapOrigin = _a.handleIsTapOrigin, handelBoardMaturity = _a.handelBoardMaturity, handlePublicKey = _a.handlePublicKey, handleSwitchCalender = _a.handleSwitchCalender;
+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; };

package/build/app/store.d.ts

@@ -11,6 +11,8 @@ export declare const store: import("@reduxjs/toolkit/dist/configureStore").Toolk
     entity: import("../features/app/entity/entityStore").EntityState;
     brand: import("../features/app/brand/brandStore").BrandState;
     connectExpress: import("../features/app/connectExpress/connectExpressStore").ConnectExpressState;
+    auth: import("../features/app/auth/authStore").AuthState;
+    board: import("../features/app/board/boardStore").BoardState;
 }, import("redux").AnyAction, import("@reduxjs/toolkit").MiddlewareArray<[import("@reduxjs/toolkit").ThunkMiddleware<{
     settings: import("./settings").SettingsState;
     connect: import("../features/app/connect/connectStore").ConnectState;
@@ -23,6 +25,8 @@ export declare const store: import("@reduxjs/toolkit/dist/configureStore").Toolk
     entity: import("../features/app/entity/entityStore").EntityState;
     brand: import("../features/app/brand/brandStore").BrandState;
     connectExpress: import("../features/app/connectExpress/connectExpressStore").ConnectExpressState;
+    auth: import("../features/app/auth/authStore").AuthState;
+    board: import("../features/app/board/boardStore").BoardState;
 }, import("redux").AnyAction, undefined>]>>;
 export type AppDispatch = typeof store.dispatch;
 export type RootState = ReturnType<typeof store.getState>;