@tap-payments/auth-jsconnect 2.8.70-development → 2.8.72-development

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

@@ -211,7 +211,7 @@ interface LibCallbacks {
     onCreated?: (res: Record<string, any>) => void;
     onBoardCompleted?: () => void;
     onMaturityChanged?: (maturity: 'full' | 'express') => void;
-    storeBoardId?: (boardId: string) => void;
+    onSwitchToBoard?: (boardId: string, authId: string) => void;
 }
 export interface LibConfig extends LibCallbacks {
     publicKey: string;
@@ -709,6 +709,8 @@ export interface AuthMerchantInfo {
     terminal_id: string;
     acceptance_status: string;
     payout_status: string;
+    board_id: string;
+    board_info_id: string;
 }
 export interface AuthTerminalInfo {
     id: string;

package/build/constants/app.js

@@ -176,7 +176,7 @@ export var CONNECT_EXPRESS_SCREENS_NAVIGATION = [
     },
     {
         name: 'CONNECT_EXPRESS_AUTH_ACCOUNT_CREATED_STEP',
-        next: '',
+        next: 'CONNECT_EXPRESS_SUCCESS_WITH_FLOW_BUTTONS_STEP',
         prev: 'CONNECT_EXPRESS_AUTHENTICATION_LIST_STEP',
         order: 4
     },
@@ -615,6 +615,12 @@ export var BOARD_SCREENS_NAVIGATION = [
         prev: '',
         order: 1
     },
+    {
+        name: 'BOARD_LOADING_DATA_STEP',
+        next: 'BOARD_SUCCESS_FLOWS_BUTTONS_STEP',
+        prev: '',
+        order: 1
+    },
     {
         name: 'BOARD_OPERATOR_ERROR_STEP',
         next: '',

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

@@ -662,16 +662,16 @@ export var createEntity = createAsyncThunk('auth/createEntity', function (params
 export var confirmInfo = createAsyncThunk('auth/confirmInfo', function (_a, thunkApi) {
     var brandInfo = _a.brandInfo, entityInfo = _a.entityInfo, merchantInfo = _a.merchantInfo, authId = _a.authId;
     return __awaiter(void 0, void 0, void 0, function () {
-        var _b, auth, settings, authResponse, _c, postURL, redirectUrl, bi, authenticationId, body, data, urlQueryStart;
-        var _d, _e, _f;
-        return __generator(this, function (_g) {
-            switch (_g.label) {
+        var _b, auth, settings, authResponse, _c, postURL, redirectUrl, showBoard, bi, authenticationId, body, data, urlQueryStart;
+        var _d, _e, _f, _g, _h, _j;
+        return __generator(this, function (_k) {
+            switch (_k.label) {
                 case 0:
                     _b = thunkApi.getState(), auth = _b.auth, settings = _b.settings;
                     authResponse = ((_d = auth.data.responseData) !== null && _d !== void 0 ? _d : {}).authResponse;
-                    _c = settings.data.appConfig, postURL = _c.postURL, redirectUrl = _c.redirectUrl;
+                    _c = settings.data.appConfig, postURL = _c.postURL, redirectUrl = _c.redirectUrl, showBoard = _c.showBoard;
                     bi = settings.data.deviceInfo.browser.browser_id;
-                    authenticationId = authId || (authResponse === null || authResponse === void 0 ? void 0 : authResponse.id);
+                    authenticationId = (_e = authId !== null && authId !== void 0 ? authId : authResponse === null || authResponse === void 0 ? void 0 : authResponse.id) !== null && _e !== void 0 ? _e : '';
                     body = {
                         post_url: postURL || '',
                         authentication_id: authenticationId,
@@ -683,8 +683,13 @@ export var confirmInfo = createAsyncThunk('auth/confirmInfo', function (_a, thun
                     };
                     return [4, API.operatorService.confirm(body)];
                 case 1:
-                    data = _g.sent();
-                    (_f = (_e = settings.data.appConfig).onStepCompleted) === null || _f === void 0 ? void 0 : _f.call(_e, settings.data.activeScreen.name, data);
+                    data = _k.sent();
+                    (_g = (_f = settings.data.appConfig).onStepCompleted) === null || _g === void 0 ? void 0 : _g.call(_f, settings.data.activeScreen.name, data);
+                    if (showBoard && (merchantInfo === null || merchantInfo === void 0 ? void 0 : merchantInfo.board_id)) {
+                        settings.data.appConfig.onFlowCompleted({ auth_id: authenticationId, bi: bi });
+                        (_j = (_h = settings.data.appConfig).onSwitchToBoard) === null || _j === void 0 ? void 0 : _j.call(_h, (merchantInfo === null || merchantInfo === void 0 ? void 0 : merchantInfo.board_id) || '', authenticationId);
+                        return [2];
+                    }
                     if (authenticationId) {
                         if (settings.data.appConfig.mode === 'popup') {
                             settings.data.appConfig.onFlowCompleted({ auth_id: authenticationId, bi: bi });

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

@@ -323,7 +323,11 @@ export declare const updateLeadBusinessDataAsync: import("@reduxjs/toolkit").Asy
     fulfilledMeta?: unknown;
     rejectedMeta?: unknown;
 }>;
-export declare const confirmInfo: import("@reduxjs/toolkit").AsyncThunk<void, AuthenticationListFormValues & AuthMerchantFormValues, {
+export declare const confirmInfo: import("@reduxjs/toolkit").AsyncThunk<{
+    boardInfo: any;
+    boardData: any;
+    confirmData: any;
+} | undefined, AuthenticationListFormValues & AuthMerchantFormValues, {
     state?: unknown;
     dispatch?: import("redux").Dispatch<import("redux").AnyAction> | undefined;
     extra?: unknown;

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

@@ -1034,16 +1034,18 @@ export var updateLeadBusinessDataAsync = createAsyncThunk('updateLeadBusinessDat
 export var confirmInfo = createAsyncThunk('connectExpress/confirmInfo', function (_a, thunkApi) {
     var brandInfo = _a.brandInfo, entityInfo = _a.entityInfo, merchantInfo = _a.merchantInfo;
     return __awaiter(void 0, void 0, void 0, function () {
-        var _b, connectExpress, settings, responseData, _c, postURL, redirectUrl, bi, authId, body, data, urlQueryStart;
-        var _d, _e, _f, _g;
-        return __generator(this, function (_h) {
-            switch (_h.label) {
+        var _b, connectExpress, settings, responseData, _c, appConfig, deviceInfo, activeScreen, postURL, redirectUrl, showBoard, bi, authId, leadId, body, data, _d, board_id, board_info_id, _e, boardInfo, boardData, urlQueryStart;
+        var _f, _g, _h, _j, _k;
+        return __generator(this, function (_l) {
+            switch (_l.label) {
                 case 0:
                     _b = thunkApi.getState(), connectExpress = _b.connectExpress, settings = _b.settings;
                     responseData = connectExpress.data.responseData;
-                    _c = settings.data.appConfig, postURL = _c.postURL, redirectUrl = _c.redirectUrl;
-                    bi = settings.data.deviceInfo.browser.browser_id;
-                    authId = (_e = (_d = responseData === null || responseData === void 0 ? void 0 : responseData.authData) === null || _d === void 0 ? void 0 : _d.auth) === null || _e === void 0 ? void 0 : _e.id;
+                    _c = settings.data, appConfig = _c.appConfig, deviceInfo = _c.deviceInfo, activeScreen = _c.activeScreen;
+                    postURL = appConfig.postURL, redirectUrl = appConfig.redirectUrl, showBoard = appConfig.showBoard;
+                    bi = deviceInfo.browser.browser_id;
+                    authId = (_g = (_f = responseData === null || responseData === void 0 ? void 0 : responseData.authData) === null || _f === void 0 ? void 0 : _f.auth) === null || _g === void 0 ? void 0 : _g.id;
+                    leadId = (_j = (_h = responseData === null || responseData === void 0 ? void 0 : responseData.authData) === null || _h === void 0 ? void 0 : _h.lead) === null || _j === void 0 ? void 0 : _j.id;
                     body = {
                         post_url: postURL || '',
                         authentication_id: authId,
@@ -1051,14 +1053,28 @@ export var confirmInfo = createAsyncThunk('connectExpress/confirmInfo', function
                         brand_id: (brandInfo === null || brandInfo === void 0 ? void 0 : brandInfo.id) || '',
                         merchant_id: (merchantInfo === null || merchantInfo === void 0 ? void 0 : merchantInfo.id) || '',
                         entity_id: (entityInfo === null || entityInfo === void 0 ? void 0 : entityInfo.id) || '',
-                        data: settings.data.appConfig.data || []
+                        data: appConfig.data || []
                     };
                     return [4, API.operatorService.confirm(body)];
                 case 1:
-                    data = _h.sent();
-                    (_g = (_f = settings.data.appConfig).onStepCompleted) === null || _g === void 0 ? void 0 : _g.call(_f, settings.data.activeScreen.name, data);
+                    data = _l.sent();
+                    (_k = appConfig.onStepCompleted) === null || _k === void 0 ? void 0 : _k.call(appConfig, activeScreen.name, data);
+                    _d = merchantInfo || {}, board_id = _d.board_id, board_info_id = _d.board_info_id;
+                    if (!(showBoard && board_id && board_info_id)) return [3, 4];
+                    return [4, Promise.all([
+                            API.boardService.retrieveBoardInfo({ id: board_id, infoId: board_info_id }),
+                            API.boardService.retrieveBoardDetails(board_id)
+                        ])];
+                case 2:
+                    _e = _l.sent(), boardInfo = _e[0], boardData = _e[1];
+                    return [4, thunkApi.dispatch(getLeadByIdAsync(leadId))];
+                case 3:
+                    _l.sent();
+                    thunkApi.dispatch(handleNextScreenStep('CONNECT_EXPRESS_SUCCESS_WITH_FLOW_BUTTONS_STEP'));
+                    return [2, { boardInfo: boardInfo, boardData: boardData, confirmData: data }];
+                case 4:
                     if (authId) {
-                        if (settings.data.appConfig.mode === 'popup') {
+                        if (appConfig.mode === 'popup') {
                             settings.data.appConfig.onFlowCompleted({ auth_id: authId, bi: bi });
                             thunkApi.dispatch(handleOpen(false));
                             return [2];
@@ -1074,16 +1090,34 @@ export var confirmInfo = createAsyncThunk('connectExpress/confirmInfo', function
     });
 });
 export var onCloseCompleteAsync = createAsyncThunk('connectExpress/onCloseCompleteAsync', function (_, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var connectExpress, _a, merchant, brand, entity;
-    var _b;
-    return __generator(this, function (_c) {
-        switch (_c.label) {
+    var _a, connectExpress, settings, _b, boardData, authData, confirmData, _c, appConfig, deviceInfo, activeScreen, _d, merchant, brand, entity, authId, redirectUrl, bi, urlQueryStart;
+    var _e, _f, _g;
+    return __generator(this, function (_h) {
+        switch (_h.label) {
             case 0:
-                connectExpress = thunkApi.getState().connectExpress;
-                _a = ((_b = connectExpress.data.responseData) === null || _b === void 0 ? void 0 : _b.boardData) || {}, merchant = _a.merchant, brand = _a.brand, entity = _a.entity;
+                _a = thunkApi.getState(), connectExpress = _a.connectExpress, settings = _a.settings;
+                _b = connectExpress.data.responseData || {}, boardData = _b.boardData, authData = _b.authData, confirmData = _b.confirmData;
+                _c = settings.data, appConfig = _c.appConfig, deviceInfo = _c.deviceInfo, activeScreen = _c.activeScreen;
+                _d = boardData || {}, merchant = _d.merchant, brand = _d.brand, entity = _d.entity;
+                authId = (_e = authData === null || authData === void 0 ? void 0 : authData.auth) === null || _e === void 0 ? void 0 : _e.id;
+                redirectUrl = appConfig.redirectUrl;
+                bi = deviceInfo.browser.browser_id;
+                if (confirmData && authId) {
+                    (_g = (_f = settings.data.appConfig).onStepCompleted) === null || _g === void 0 ? void 0 : _g.call(_f, activeScreen.name, confirmData);
+                    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');
+                    }
+                    return [2];
+                }
                 return [4, thunkApi.dispatch(onCloseComplete({ merchantId: merchant === null || merchant === void 0 ? void 0 : merchant.id, brandId: brand === null || brand === void 0 ? void 0 : brand.id, entityId: entity === null || entity === void 0 ? void 0 : entity.id }))];
             case 1:
-                _c.sent();
+                _h.sent();
                 return [2];
         }
     });
@@ -1577,10 +1611,11 @@ export var connectSlice = createSlice({
             state.loading = true;
             state.error = null;
         })
-            .addCase(confirmInfo.fulfilled, function (state) {
+            .addCase(confirmInfo.fulfilled, function (state, action) {
             state.loading = false;
             state.error = null;
-            state.data.responseData = __assign({}, state.data.responseData);
+            var _a = action.payload || {}, boardInfo = _a.boardInfo, boardData = _a.boardData, confirmData = _a.confirmData;
+            state.data.responseData = __assign(__assign({}, state.data.responseData), { boardInfo: boardInfo, boardData: boardData, confirmData: confirmData });
         })
             .addCase(confirmInfo.rejected, function (state, action) {
             state.loading = false;

package/build/features/app/individual/individualStore.js

@@ -71,7 +71,7 @@ import API from '../../../api';
 import { FlowsTypes, IndividualGender, DocumentPurpose } from '../../../@types';
 import { handleNextScreenStep, handlePrevScreenStep, handlePublicKey, handleSetCountryByIso2, onCloseComplete } from '../../../app/settings';
 import { defaultCountry, IDENTIFICATION_TYPE, INDIVIDUAl_STEP_NAMES, MONTHLY_INCOME_LIST } from '../../../constants';
-import { convertNumbers2English, dateFormat, findCountryByIddPrefix, findCountryByIso2, hasNoneEditableValue, getUserNameObject, getUserName, sleep, isValidEmail, getRecentDocumentBasedOnPurpose, formatNumberAsCurrency, removeAllCharsFromNumber, mapUserList, sortUserList, getIndividualType, isOtherThanKWOrSA, isKWOrSA, isSA } from '../../../utils';
+import { convertNumbers2English, dateFormat, findCountryByIddPrefix, findCountryByIso2, hasNoneEditableValue, getUserNameObject, getUserName, sleep, isValidEmail, getRecentDocumentBasedOnPurpose, formatNumberAsCurrency, removeAllCharsFromNumber, mapUserList, sortUserList, getIndividualType, isOtherThanKWOrSA, isKWOrSA, isSA, sendCustomEventToGTM } from '../../../utils';
 export var verifyToken = createAsyncThunk('individual/verifyToken', function (_a, thunkApi) {
     var token = _a.token, isInternally = _a.isInternally, isUpdatePhoneInfo = _a.isUpdatePhoneInfo;
     return __awaiter(void 0, void 0, void 0, function () {
@@ -836,6 +836,12 @@ export var updateBoardSuccess = createAsyncThunk('individualUpdateBoardSuccess',
                 return [4, API.boardService.updateBoardInfo(__assign({ id: board_id, infoId: infoId }, payload))];
             case 1:
                 data = _p.sent();
+                sendCustomEventToGTM({
+                    event: 'Send Event',
+                    event_category: 'Board Flows - Individual',
+                    event_action: 'Individual Update Success Page',
+                    event_label: settings.data.businessCountry.iso2
+                });
                 if (!showBoard && mode === 'content') {
                     (_f = (_e = settings.data.appConfig).onStepCompleted) === null || _f === void 0 ? void 0 : _f.call(_e, settings.data.activeScreen.name, {});
                     (_h = (_g = settings.data.appConfig).onFlowCompleted) === null || _h === void 0 ? void 0 : _h.call(_g, { data: data });

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

@@ -51,7 +51,7 @@ 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, sleep } from '../../../utils';
+import { retrieveIndividualData, sendCustomEventToGTM, 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 () {
@@ -248,6 +248,12 @@ export var updateBoardSuccess = createAsyncThunk('passwordUpdateBoardSuccess', f
                 return [4, API.boardService.updateBoardInfo(__assign({ id: board_id, infoId: infoId }, payload))];
             case 1:
                 data = _p.sent();
+                sendCustomEventToGTM({
+                    event: 'Send Event',
+                    event_category: 'Board Flows - Password',
+                    event_action: 'Password Update Success Page',
+                    event_label: settings.data.businessCountry.iso2
+                });
                 if (!showBoard && mode === 'content') {
                     (_f = (_e = settings.data.appConfig).onStepCompleted) === null || _f === void 0 ? void 0 : _f.call(_e, settings.data.activeScreen.name, {});
                     (_h = (_g = settings.data.appConfig).onFlowCompleted) === null || _h === void 0 ? void 0 : _h.call(_g, { data: data });

package/build/features/board/Board.d.ts

@@ -3,6 +3,8 @@ export interface BoardLibProps extends LibConfig {
     configToken: string;
     boardId: string;
     loaderColor?: string;
+    disableSettingFetching?: boolean;
+    authId?: string;
 }
 export declare function BoardElement(props: BoardLibProps): import("react/jsx-runtime").JSX.Element;
 export declare function renderBoardLib(config: BoardLibProps, elementId: string): {

package/build/features/board/Board.js

@@ -24,7 +24,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import React, { memo } from 'react';
 import { createRoot } from 'react-dom/client';
 import { useAppTheme, useAppSelector, useErrorListener, useAppConfig, useStepStartedListener, useAppDispatch } from '../../hooks';
-import { handleCurrentActiveScreen, settingsSelector } from '../../app/settings';
+import { handleCurrentActiveScreen, settingsSelector, storeAuthId } from '../../app/settings';
 import AnimationFlow from '../../components/AnimationFlow';
 import { store } from '../../app/store';
 import { ReduxProvider, ThemeProvider } from '../../components/Providers';
@@ -37,11 +37,11 @@ import { createVerifyTokenBy, boardSelector } from '../../features/app/board/boa
 import Background from '../shared/Background';
 var Board = memo(function (_a) {
     var _b, _c;
-    var configToken = _a.configToken, boardId = _a.boardId, loaderColor = _a.loaderColor, props = __rest(_a, ["configToken", "boardId", "loaderColor"]);
+    var configToken = _a.configToken, boardId = _a.boardId, loaderColor = _a.loaderColor, disableSettingFetching = _a.disableSettingFetching, authId = _a.authId, props = __rest(_a, ["configToken", "boardId", "loaderColor", "disableSettingFetching", "authId"]);
     var theme = useAppTheme().theme;
     var _d = useAppSelector(settingsSelector), data = _d.data, error = _d.error, settingLoading = _d.loading;
     var _e = useAppSelector(boardSelector), customLoading = _e.customLoading, loading = _e.loading, bankError = _e.error;
-    useAppConfig(__assign(__assign({ navigation: BOARD_SCREENS_NAVIGATION }, props), { configToken: configToken }));
+    useAppConfig(__assign(__assign({ navigation: BOARD_SCREENS_NAVIGATION, disableSettingFetching: disableSettingFetching }, props), { configToken: configToken }));
     useErrorListener(bankError || error);
     useStepStartedListener();
     var activeScreen = data.activeScreen, isTapOrigin = data.isTapOrigin, open = data.open, merchant = data.merchant, appConfig = data.appConfig;
@@ -52,6 +52,10 @@ var Board = memo(function (_a) {
         sendPageView({
             title: 'Board'
         });
+        if (disableSettingFetching)
+            dispatch(handleCurrentActiveScreen('BOARD_LOADING_DATA_STEP'));
+        if (authId)
+            dispatch(storeAuthId(authId));
     }, []);
     React.useEffect(function () {
         if (settingLoading || !props.open)
@@ -64,7 +68,7 @@ var Board = memo(function (_a) {
         if (props.mode === 'content')
             dispatch(handleCurrentActiveScreen('BOARD_SUCCESS_FLOWS_BUTTONS_STEP'));
     }, [data.isValidOperator, settingLoading]);
-    var initialLoading = settingLoading || customLoading;
+    var initialLoading = disableSettingFetching ? 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', animationDirection: animationDirection, isTapOrigin: isTapOrigin, loading: initialLoading, error: error, open: open, breakpoint: 'sm', screenId: activeScreen.name, merchantInfo: merchant, isMaturityExpress: !isTapDomain(props.merchantDomain), loaderColor: loaderColor, type: props.mode === 'content' ? 'CONTENT' : undefined, dialogEdgeFormat: data.appConfig.dialogEdgeFormat, features: appConfig.features }, { children: _jsx(FeatureContainer, __assign({ isMaturityExpress: !isTapDomain(props.merchantDomain) }, { children: boardFeatureScreens.map(function (_a, index) {
                         var Element = _a.element, name = _a.name;
                         var isActive = activeScreen.name === name;

package/build/features/board/screens/PrepareDataLoading/PrepareDataLoading.d.ts

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

package/build/features/board/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 { boardSelector } from '../../../app/board/boardStore';
+export var PrepareDataLoading = function () {
+    var error = useAppSelector(boardSelector).error;
+    return _jsx(DataLoading, { error: error });
+};
+export default memo(PrepareDataLoading);

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

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

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

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

package/build/features/board/screens/SuccessWithFlowButtons/SuccessWithFlowButtons.js

@@ -11,20 +11,30 @@ var __assign = (this && this.__assign) || function () {
 };
 import { jsx as _jsx } from "react/jsx-runtime";
 import { memo } from 'react';
-import { settingsSelector } from '../../../../app/settings';
-import { useAppSelector } from '../../../../hooks';
+import { handleOpen, settingsSelector } from '../../../../app/settings';
+import { useAppSelector, useAppDispatch } from '../../../../hooks';
 import { SCOPE_AUTH } from '../../../../constants';
 import { boardSelector } from '../../../app/board/boardStore';
 import SuccessFlowButtons from '../../../shared/SuccessFlowButtons';
 var SuccessWithFlowButtons = function () {
     var _a = useAppSelector(boardSelector), data = _a.data, loading = _a.loading;
     var settingsData = useAppSelector(settingsSelector).data;
+    var dispatch = useAppDispatch();
     var isScopeAuthentication = settingsData.appConfig.scope === SCOPE_AUTH;
     var _b = data.verify.responseBody || {}, flows = _b.flows, entity = _b.entity, brand = _b.brand, bank = _b.bank_account, merchant = _b.merchant, user = _b.user, business = _b.business, board_id = _b.board_id, board_info_id = _b.board_info_id, name = _b.name, individuals = _b.individuals, recipient = _b.recipient, board_status = _b.board_status;
     var onClose = function () {
+        if (settingsData.appConfig.mode === 'popup') {
+            dispatch(handleOpen(false));
+            return;
+        }
         var url = settingsData.appConfig.redirectUrl;
         if (!url)
             return;
+        if (settingsData.authId) {
+            var urlQueryStart = url.includes('?') ? '&' : '?';
+            window.open("".concat(url).concat(urlQueryStart, "authentication_id=").concat(settingsData.authId, "&bi=").concat(settingsData.deviceInfo.browser.browser_id), '_self');
+            return;
+        }
         var newUrl = new URL(url);
         newUrl.searchParams.append('action', 'close');
         window.open("".concat(newUrl), '_self', '_blank');

package/build/features/featuresScreens.js

@@ -120,6 +120,7 @@ import BrandOperatorError from './brand/screens/OperatorError';
 import BoardVerifyPage from './board/screens/Verify';
 import BoardSuccessWithFlowPage from './board/screens/SuccessWithFlowButtons';
 import BoardResetPasswordSuccessPage from './board/screens/ResetPasswordSuccess';
+import BoardDataLoadingPage from './board/screens/PrepareDataLoading';
 import BoardOperatorError from './board/screens/OperatorError';
 export var connectFeatureScreens = [
     {
@@ -602,6 +603,10 @@ export var boardFeatureScreens = [
         name: 'BOARD_SUCCESS_FLOWS_BUTTONS_STEP',
         element: BoardSuccessWithFlowPage
     },
+    {
+        name: 'BOARD_LOADING_DATA_STEP',
+        element: BoardDataLoadingPage
+    },
     {
         name: 'BOARD_OPERATOR_ERROR_STEP',
         element: BoardOperatorError

package/build/features/shared/Button/FlowsButtons.js

@@ -162,7 +162,9 @@ export default function FlowsButtons(_a) {
     var onRedirect = function (item) {
         if (!item.href)
             return;
-        var name = flowName === FlowsTypes.BANK ? 'Wallet' : capitalize(flowName);
+        var name = item.name === FlowsTypes.BANK ? 'Wallet' : capitalize(item.name);
+        if (item.name === FlowsTypes.PASSWORD)
+            name = 'Set Password';
         sendCustomEventToGTM({
             event: 'Send Event',
             event_category: "Board Flows - ".concat(name),

package/package.json

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