@tap-payments/auth-jsconnect 2.8.39-test → 2.8.41-test

package/build/constants/app.js

@@ -469,6 +469,12 @@ export var PASSWORD_SCREENS_NAVIGATION = [
         prev: 'PASSWORD_SUCCESS_FOUR_FLOWS_BUTTONS_STEP',
         order: 1
     },
+    {
+        name: 'PASSWORD_LOADING_DATA_STEP',
+        next: 'PASSWORD_CREATE_PASSWORD_STEP',
+        prev: 'PASSWORD_SUCCESS_FOUR_FLOWS_BUTTONS_STEP',
+        order: 1
+    },
     {
         name: 'PASSWORD_CREATE_PASSWORD_STEP',
         next: ['PASSWORD_SUCCESS_STEP', 'PASSWORD_RESET_PASSWORD_OTP_STEP'],

package/build/features/app/password/passwordStore.d.ts

@@ -1,9 +1,13 @@
 import { RootState } from '../../../app/store';
 import { FlowsTypes, OTPFormValues, PasswordCreateFormValues, ResponseData, SharedState } from '../../../@types';
+interface verifyLeadTokenProps {
+    token: string;
+    isInternally?: boolean;
+}
 export declare const verifyLeadToken: import("@reduxjs/toolkit").AsyncThunk<{
     data: any;
     token: string;
-}, string, {}>;
+}, verifyLeadTokenProps, {}>;
 export declare const resendOTP: import("@reduxjs/toolkit").AsyncThunk<{
     data: any;
 }, void, {}>;

package/build/features/app/password/passwordStore.js

@@ -51,50 +51,56 @@ import API from '../../../api';
 import { FlowsTypes } from '../../../@types';
 import { handleCurrentActiveScreen, handleNextScreenStep, handlePrevScreenStep, handlePublicKey, handleSetCountryByIso2, onCloseComplete } from '../../../app/settings';
 import { PASSWORD_OPERATION_TYPE, PASSWORD_STEP_NAMES } from '../../../constants';
-import { retrieveIndividualData } from '../../../utils';
-export var verifyLeadToken = createAsyncThunk('passwordVerifyLeadToken', function (token, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var payload, data, _a, config, board_info_password_status, country_code, board_id, countryIso2, publicKey, data_1;
-    var _b, _c;
-    return __generator(this, function (_d) {
-        switch (_d.label) {
-            case 0:
-                payload = {
-                    service_name: 'tap_email',
-                    verify_token: token
-                };
-                return [4, API.leadService.verifyLeadToken(payload)];
-            case 1:
-                data = (_d.sent()).data;
-                if (((_b = data === null || data === void 0 ? void 0 : data.errors) === null || _b === void 0 ? void 0 : _b.length) || (data === null || data === void 0 ? void 0 : data.mw_error))
-                    throw new Error(data.errors[0].description || (data === null || data === void 0 ? void 0 : data.mw_error));
-                _a = data || {}, config = _a.config, board_info_password_status = _a.board_info_password_status, country_code = _a.country_code, board_id = _a.board_id;
-                countryIso2 = country_code;
-                if (countryIso2)
-                    thunkApi.dispatch(handleSetCountryByIso2(countryIso2));
-                publicKey = config === null || config === void 0 ? void 0 : config.public_key;
-                if (publicKey)
-                    thunkApi.dispatch(handlePublicKey(publicKey));
-                if (!!country_code) return [3, 3];
-                return [4, API.boardService.retrieveBoardDetails(board_id)];
-            case 2:
-                data_1 = _d.sent();
-                if ((_c = data_1 === null || data_1 === void 0 ? void 0 : data_1.entity) === null || _c === void 0 ? void 0 : _c.country)
-                    thunkApi.dispatch(handleSetCountryByIso2(data_1.entity.country));
-                _d.label = 3;
-            case 3:
-                if (data.step_name === PASSWORD_STEP_NAMES.PHONE_AUTH) {
-                    thunkApi.dispatch(handleCurrentActiveScreen('PASSWORD_VERIFY_STEP'));
-                }
-                else if (board_info_password_status === 'completed') {
-                    thunkApi.dispatch(handleNextScreenStep('PASSWORD_SUCCESS_FOUR_FLOWS_BUTTONS_STEP'));
-                }
-                else if (data.step_name === PASSWORD_STEP_NAMES.PASSWORD_INFO) {
-                    thunkApi.dispatch(handleNextScreenStep('PASSWORD_CREATE_PASSWORD_STEP'));
-                }
-                return [2, { data: data, token: token }];
-        }
+import { retrieveIndividualData, sleep } from '../../../utils';
+export var verifyLeadToken = createAsyncThunk('passwordVerifyLeadToken', function (_a, thunkApi) {
+    var token = _a.token, isInternally = _a.isInternally;
+    return __awaiter(void 0, void 0, void 0, function () {
+        var payload, data, _b, config, board_info_password_status, country_code, board_id, countryIso2, publicKey, data_1;
+        var _c, _d;
+        return __generator(this, function (_e) {
+            switch (_e.label) {
+                case 0:
+                    payload = __assign({ service_name: 'tap_email', verify_token: token }, (isInternally && {
+                        notification: {
+                            sms: false
+                        }
+                    }));
+                    return [4, API.leadService.verifyLeadToken(payload)];
+                case 1:
+                    data = (_e.sent()).data;
+                    if (((_c = data === null || data === void 0 ? void 0 : data.errors) === null || _c === void 0 ? void 0 : _c.length) || (data === null || data === void 0 ? void 0 : data.mw_error))
+                        throw new Error(data.errors[0].description || (data === null || data === void 0 ? void 0 : data.mw_error));
+                    if (isInternally)
+                        data.step_name = PASSWORD_STEP_NAMES.PASSWORD_INFO;
+                    _b = data || {}, config = _b.config, board_info_password_status = _b.board_info_password_status, country_code = _b.country_code, board_id = _b.board_id;
+                    countryIso2 = country_code;
+                    if (countryIso2)
+                        thunkApi.dispatch(handleSetCountryByIso2(countryIso2));
+                    publicKey = config === null || config === void 0 ? void 0 : config.public_key;
+                    if (publicKey)
+                        thunkApi.dispatch(handlePublicKey(publicKey));
+                    if (!!country_code) return [3, 3];
+                    return [4, API.boardService.retrieveBoardDetails(board_id)];
+                case 2:
+                    data_1 = _e.sent();
+                    if ((_d = data_1 === null || data_1 === void 0 ? void 0 : data_1.entity) === null || _d === void 0 ? void 0 : _d.country)
+                        thunkApi.dispatch(handleSetCountryByIso2(data_1.entity.country));
+                    _e.label = 3;
+                case 3:
+                    if (data.step_name === PASSWORD_STEP_NAMES.PHONE_AUTH) {
+                        thunkApi.dispatch(handleCurrentActiveScreen('PASSWORD_VERIFY_STEP'));
+                    }
+                    else if (board_info_password_status === 'completed') {
+                        thunkApi.dispatch(handleNextScreenStep('PASSWORD_SUCCESS_FOUR_FLOWS_BUTTONS_STEP'));
+                    }
+                    else if (data.step_name === PASSWORD_STEP_NAMES.PASSWORD_INFO) {
+                        thunkApi.dispatch(handleNextScreenStep('PASSWORD_CREATE_PASSWORD_STEP'));
+                    }
+                    return [2, { data: data, token: token }];
+            }
+        });
     });
-}); });
+});
 export var resendOTP = createAsyncThunk('resendOTPPassword', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
     var password, payload, data;
     return __generator(this, function (_a) {
@@ -199,7 +205,7 @@ export var createPassword = createAsyncThunk('createPassword', function (params,
                 return [4, API.authService.createPassword(requestBody)];
             case 1:
                 data = _f.sent();
-                thunkApi.dispatch(handleNextScreenStep('PASSWORD_SUCCESS_STEP'));
+                sleep(100).then(function () { return thunkApi.dispatch(handleNextScreenStep('PASSWORD_SUCCESS_STEP')); });
                 (_e = (_d = settings.data.appConfig).onStepCompleted) === null || _e === void 0 ? void 0 : _e.call(_d, settings.data.activeScreen.name, requestBody);
                 return [2, { data: data, formData: params }];
         }
@@ -346,7 +352,7 @@ export var resetPassword = createAsyncThunk('resetPassword', function (params, t
                 if ((_b = data === null || data === void 0 ? void 0 : data.errors) === null || _b === void 0 ? void 0 : _b.length)
                     throw new Error(data.errors[0].description);
                 if (!(data === null || data === void 0 ? void 0 : data.errors)) {
-                    thunkApi.dispatch(handleNextScreenStep('PASSWORD_SUCCESS_STEP'));
+                    sleep(100).then(function () { return thunkApi.dispatch(handleNextScreenStep('PASSWORD_SUCCESS_STEP')); });
                     (_d = (_c = settings.data.appConfig).onStepCompleted) === null || _d === void 0 ? void 0 : _d.call(_c, settings.data.activeScreen.name, payload);
                 }
                 return [2, { data: data, formData: __assign(__assign({}, params), passwordData) }];

package/build/features/featuresScreens.js

@@ -58,6 +58,7 @@ import BusVerifyPACIScreen from './business/screens/VerifyPACI';
 import BrandVerifyScreen from './business/screens/BrandDetails';
 import PasswordVerifyPage from './password/screens/Verify';
 import CreatePasswordPage from './password/screens/CreatePassword';
+import PasswordDataLoadingPage from './password/screens/PrepareDataLoading';
 import PasswordOTPPage from './password/screens/OTP';
 import SuccessPasswordPage from './password/screens/Success';
 import PasswordSuccessWithFlowPage from './password/screens/SuccessWithFlowButtons';
@@ -342,6 +343,10 @@ export var passwordFeatureScreens = [
         name: 'PASSWORD_CREATE_PASSWORD_STEP',
         element: CreatePasswordPage
     },
+    {
+        name: 'PASSWORD_LOADING_DATA_STEP',
+        element: PasswordDataLoadingPage
+    },
     {
         name: 'PASSWORD_RESET_PASSWORD_OTP_STEP',
         element: PasswordOTPPage

package/build/features/password/Password.js

@@ -9,6 +9,42 @@ var __assign = (this && this.__assign) || function () {
     };
     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 __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -21,10 +57,10 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { memo, useEffect } from 'react';
+import { memo } from 'react';
 import { createRoot } from 'react-dom/client';
-import { useAppTheme, useAppDispatch, useAppSelector, useAppConfig, useErrorListener, useStepStartedListener } from '../../hooks';
-import { handleLanguage, settingsSelector } from '../../app/settings';
+import { useAppTheme, useAppDispatch, useAppSelector, useAppConfig, useErrorListener, useStepStartedListener, useVerifyToken } from '../../hooks';
+import { settingsSelector } from '../../app/settings';
 import AnimationFlow from '../../components/AnimationFlow';
 import { store } from '../../app/store';
 import { ReduxProvider, ThemeProvider } from '../../components/Providers';
@@ -44,33 +80,40 @@ var Password = memo(function (_a) {
     useAppConfig(__assign({ navigation: PASSWORD_SCREENS_NAVIGATION, disableSettingFetching: props.mode === 'content' ? false : !!verifyToken || !!configToken }, props));
     useErrorListener(passwordError || error);
     useStepStartedListener();
-    var activeScreen = data.activeScreen, isTapOrigin = data.isTapOrigin, open = data.open, merchant = data.merchant, isMaturityExpress = data.isMaturityExpress;
-    var handleVerifyToken = function () {
-        var token = verifyToken !== null && verifyToken !== void 0 ? verifyToken : getParameterByName('token');
-        var lang = getParameterByName('lang');
-        var operationType = getParameterByName('operation_type');
-        var boardId = getParameterByName('board_id') || '';
-        var boardInfoId = getParameterByName('board_info_id') || '';
-        var userId = getParameterByName('user_id') || '';
-        var userType = getParameterByName('user_type') || '';
-        if (lang)
-            dispatch(handleLanguage(lang));
-        if (!token)
-            throw new Error('Auth token is not found!');
-        sendPageView({
-            title: 'Password'
-        });
-        if (operationType === PASSWORD_OPERATION_TYPE.RESET_PASSWORD) {
-            dispatch(verifyOperationToken({ token: token, boardId: boardId, boardInfoId: boardInfoId, userId: userId, userType: userType }));
-            return;
-        }
-        dispatch(verifyLeadToken(token));
+    var activeScreen = data.activeScreen, isTapOrigin = data.isTapOrigin, open = data.open, merchant = data.merchant, isMaturityExpress = data.isMaturityExpress, featureScreensNavigation = data.featureScreensNavigation;
+    var handleVerifyToken = function (_a) {
+        var token = _a.token, isInternally = _a.isInternally;
+        return function () { return __awaiter(void 0, void 0, void 0, function () {
+            var operationType, boardId, boardInfoId, userId, userType;
+            return __generator(this, function (_a) {
+                operationType = getParameterByName('operation_type');
+                boardId = getParameterByName('board_id') || '';
+                boardInfoId = getParameterByName('board_info_id') || '';
+                userId = getParameterByName('user_id') || '';
+                userType = getParameterByName('user_type') || '';
+                sendPageView({
+                    title: 'Password'
+                });
+                if (operationType === PASSWORD_OPERATION_TYPE.RESET_PASSWORD) {
+                    dispatch(verifyOperationToken({ token: token, boardId: boardId, boardInfoId: boardInfoId, userId: userId, userType: userType }));
+                    return [2];
+                }
+                dispatch(verifyLeadToken({ token: token, isInternally: isInternally }));
+                return [2];
+            });
+        }); };
     };
-    useEffect(function () {
-        if (!settingLoading && open)
-            handleVerifyToken();
-    }, [settingLoading]);
-    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(Background, __assign({ mode: props.mode, 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', loaderColor: loaderColor, screenId: activeScreen.name, merchantInfo: merchant, isMaturityExpress: isMaturityExpress, type: props.mode === 'content' ? 'CONTENT' : undefined, dialogEdgeFormat: data.appConfig.dialogEdgeFormat }, { children: _jsx(FeatureContainer, __assign({ mode: props.mode, isMaturityExpress: isMaturityExpress }, { children: passwordFeatureScreens.map(function (_a, index) {
+    useVerifyToken({
+        verify: handleVerifyToken,
+        loadingScreenName: 'PASSWORD_LOADING_DATA_STEP',
+        navigation: featureScreensNavigation,
+        open: open,
+        mode: props.mode,
+        internalToken: verifyToken,
+        settingLoading: settingLoading
+    });
+    var initialLoading = verifyToken && props.mode !== 'content' ? settingLoading : settingLoading || customLoading;
+    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(Background, __assign({ mode: props.mode, open: open, isTapOrigin: isTapOrigin, loading: initialLoading }, { children: _jsx(AnimationFlow, __assign({ pointerEvents: loading ? 'none' : 'auto', isTapOrigin: isTapOrigin, loading: initialLoading, error: error, open: open, breakpoint: 'sm', loaderColor: loaderColor, screenId: activeScreen.name, merchantInfo: merchant, isMaturityExpress: isMaturityExpress, type: props.mode === 'content' ? 'CONTENT' : undefined, dialogEdgeFormat: data.appConfig.dialogEdgeFormat }, { children: _jsx(FeatureContainer, __assign({ mode: props.mode, 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/password/screens/PrepareDataLoading/PrepareDataLoading.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const PrepareDataLoading: () => JSX.Element;
+declare const _default: React.MemoExoticComponent<() => JSX.Element>;
+export default _default;

package/build/features/password/screens/PrepareDataLoading/PrepareDataLoading.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { memo } from 'react';
+import { useAppSelector } from '../../../../hooks';
+import DataLoading from '../../../shared/DataLoading';
+import { individualSelector } from '../../../app/individual/individualStore';
+export var PrepareDataLoading = function () {
+    var error = useAppSelector(individualSelector).error;
+    return _jsx(DataLoading, { error: error });
+};
+export default memo(PrepareDataLoading);

package/build/features/password/screens/PrepareDataLoading/index.d.ts

@@ -0,0 +1,2 @@
+import PrepareDataLoading from './PrepareDataLoading';
+export default PrepareDataLoading;

package/build/features/password/screens/PrepareDataLoading/index.js

@@ -0,0 +1,2 @@
+import PrepareDataLoading from './PrepareDataLoading';
+export default PrepareDataLoading;

package/build/hooks/useVerifyToken.d.ts

@@ -1,5 +1,5 @@
 import { ScreenStepNavigation } from '../@types';
-interface VerifyLeadTokenProps {
+export interface VerifyLeadTokenProps {
     token: string;
     isInternally?: boolean;
 }

package/package.json

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