@tap-payments/auth-jsconnect 2.8.42-test → 2.8.45-development

package/build/constants/app.js

@@ -112,6 +112,12 @@ export var CONNECT_EXPRESS_SCREENS_NAVIGATION = [
         prev: '',
         order: 1
     },
+    {
+        name: 'CONNECT_EXPRESS_OPERATOR_ERROR_STEP',
+        next: '',
+        prev: '',
+        order: 1
+    },
     {
         name: 'CONNECT_EXPRESS_VERIFY_PACI_STEP',
         next: [
@@ -196,21 +202,27 @@ export var CONNECT_EXPRESS_SCREENS_NAVIGATION = [
     },
     {
         name: 'CONNECT_EXPRESS_WAITING_FOR_CREATING_ACCOUNT_STEP',
-        next: 'CONNECT_EXPRESS_SUCCESS_WITH_FLOW_BUTTONS_STEP',
+        next: 'CONNECT_EXPRESS_PREPARING_DATA_STEP',
         prev: '',
         order: 7
     },
+    {
+        name: 'CONNECT_EXPRESS_PREPARING_DATA_STEP',
+        next: 'CONNECT_EXPRESS_SUCCESS_WITH_FLOW_BUTTONS_STEP',
+        prev: '',
+        order: 8
+    },
     {
         name: 'CONNECT_EXPRESS_ACCOUNT_ALREADY_CREATED_STEP',
         next: '',
         prev: '',
-        order: 8
+        order: 9
     },
     {
         name: 'CONNECT_EXPRESS_SUCCESS_WITH_FLOW_BUTTONS_STEP',
         next: '',
         prev: '',
-        order: 8
+        order: 9
     }
 ];
 export var AUTH_SCREENS_NAVIGATION = [
@@ -250,6 +262,12 @@ export var AUTH_SCREENS_NAVIGATION = [
         prev: '',
         order: 1
     },
+    {
+        name: 'AUTH_OPERATOR_ERROR_STEP',
+        next: '',
+        prev: '',
+        order: 1
+    },
     {
         name: 'AUTH_OTP_STEP',
         next: ['AUTH_PREPARING_DATA_STEP', 'AUTH_EMAIL_SENT_STEP', 'AUTH_MIGRATING_DATA_STEP'],
@@ -333,6 +351,12 @@ export var BUSINESS_SCREENS_NAVIGATION = [
         prev: '',
         order: 1
     },
+    {
+        name: 'BUSINESS_OPERATOR_ERROR_STEP',
+        next: '',
+        prev: '',
+        order: 1
+    },
     {
         name: 'BUSINESS_CIVIL_ID_STEP',
         next: 'BUSINESS_VERIFY_PACI_STEP',
@@ -431,6 +455,12 @@ export var INDIVIDUAL_SCREENS_NAVIGATION = [
         prev: '',
         order: 1
     },
+    {
+        name: 'INDIVIDUAL_OPERATOR_ERROR_STEP',
+        next: '',
+        prev: '',
+        order: 1
+    },
     {
         name: 'INDIVIDUAL_PERSONAL_INDIVIDUAL_INFO_STEP',
         next: 'INDIVIDUAL_ADDITIONAL_INDIVIDUAL_INFO_STEP',
@@ -475,6 +505,12 @@ export var PASSWORD_SCREENS_NAVIGATION = [
         prev: 'PASSWORD_SUCCESS_FOUR_FLOWS_BUTTONS_STEP',
         order: 1
     },
+    {
+        name: 'PASSWORD_OPERATOR_ERROR_STEP',
+        next: '',
+        prev: '',
+        order: 1
+    },
     {
         name: 'PASSWORD_CREATE_PASSWORD_STEP',
         next: ['PASSWORD_SUCCESS_STEP', 'PASSWORD_RESET_PASSWORD_OTP_STEP'],
@@ -519,6 +555,12 @@ export var BANK_SCREENS_NAVIGATION = [
         prev: 'BANK_SUCCESS_FOUR_FLOWS_BUTTONS_STEP',
         order: 1
     },
+    {
+        name: 'BANK_OPERATOR_ERROR_STEP',
+        next: '',
+        prev: '',
+        order: 1
+    },
     {
         name: 'BANK_BANK_DETAILS_STEP',
         next: 'BANK_DETAILS_SUCCESS_STEP',
@@ -551,6 +593,12 @@ export var BOARD_SCREENS_NAVIGATION = [
         prev: '',
         order: 1
     },
+    {
+        name: 'BOARD_OPERATOR_ERROR_STEP',
+        next: '',
+        prev: '',
+        order: 1
+    },
     {
         name: 'BOARD_SUCCESS_FLOWS_BUTTONS_STEP',
         next: 'BOARD_RESET_PASSWORD_SUCCESS',
@@ -577,6 +625,12 @@ export var TAX_SCREENS_NAVIGATION = [
         prev: 'TAX_SUCCESS_FOUR_FLOWS_BUTTONS_STEP',
         order: 1
     },
+    {
+        name: 'TAX_OPERATOR_ERROR_STEP',
+        next: '',
+        prev: '',
+        order: 1
+    },
     {
         name: 'TAX_TAX_DETAILS_STEP',
         next: 'TAX_DETAILS_SUCCESS_STEP',
@@ -615,6 +669,12 @@ export var SigIn_SCREENS_NAVIGATION = [
         prev: 'SIGIN_MOBILE_STEP',
         order: 1
     },
+    {
+        name: 'SIGIN_OPERATOR_ERROR_STEP',
+        next: '',
+        prev: '',
+        order: 1
+    },
     {
         name: 'SIGIN_PASSWORD_STEP',
         next: 'SIGIN_OTP_STEP',
@@ -641,6 +701,12 @@ export var ENTITY_SCREENS_NAVIGATION = [
         prev: '',
         order: 1
     },
+    {
+        name: 'ENTITY_OPERATOR_ERROR_STEP',
+        next: '',
+        prev: '',
+        order: 1
+    },
     {
         name: 'ENTITY_NAME_STEP',
         next: 'ENTITY_CAPITAL_STEP',
@@ -685,6 +751,12 @@ export var BRAND_SCREENS_NAVIGATION = [
         prev: 'BRAND_SUCCESS_FOUR_FLOWS_BUTTONS_STEP',
         order: 1
     },
+    {
+        name: 'BRAND_OPERATOR_ERROR_STEP',
+        next: '',
+        prev: '',
+        order: 1
+    },
     {
         name: 'BRAND_INFO_STEP',
         next: 'BRAND_SEGMENT_INFO_STEP',

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

@@ -278,14 +278,23 @@ export declare const checkBrandNameAvailabilityAsync: import("@reduxjs/toolkit")
     rejectedMeta?: unknown;
 }>;
 export declare const createAccountAsync: import("@reduxjs/toolkit").AsyncThunk<{
+    accountData: any;
+} | undefined, {
+    isRetry: boolean;
+}, {
+    state?: unknown;
+    dispatch?: import("redux").Dispatch<import("redux").AnyAction> | undefined;
+    extra?: unknown;
+    rejectValue?: unknown;
+    serializedErrorType?: unknown;
+    pendingMeta?: unknown;
+    fulfilledMeta?: unknown;
+    rejectedMeta?: unknown;
+}>;
+export declare const retrieveDetailsAfterCreateAccountAsync: import("@reduxjs/toolkit").AsyncThunk<{
     boardInfo: any;
     boardData: any;
-    account: any;
-} | {
-    account: any;
-    boardInfo?: undefined;
-    boardData?: undefined;
-} | undefined, void, {
+}, void, {
     state?: unknown;
     dispatch?: import("redux").Dispatch<import("redux").AnyAction> | undefined;
     extra?: unknown;

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

@@ -870,62 +870,100 @@ export var checkBrandNameAvailabilityAsync = createAsyncThunk('connectExpress/ch
         });
     });
 });
-export var createAccountAsync = createAsyncThunk('connectExpress/createAccountAsync', function (_, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var _a, connectExpress, settings, responseData, _b, postURL, scope, redirectUrl, mode, showBoard, platforms, payment_provider, authId, bi, body, data, leadData, board_id, board_info_id, _c, boardInfo, boardData, leadData, urlQueryStart;
-    var _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
-    return __generator(this, function (_w) {
-        switch (_w.label) {
+export var createAccountAsync = createAsyncThunk('connectExpress/createAccountAsync', function (_a, thunkApi) {
+    var isRetry = _a.isRetry;
+    return __awaiter(void 0, void 0, void 0, function () {
+        var _b, connectExpress, settings, responseData, _c, postURL, scope, redirectUrl, mode, showBoard, platforms, payment_provider, leadId, authId, bi, leadData, accountData, data, body, urlQueryStart;
+        var _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
+        return __generator(this, function (_v) {
+            switch (_v.label) {
+                case 0:
+                    _b = thunkApi.getState(), connectExpress = _b.connectExpress, settings = _b.settings;
+                    responseData = connectExpress.data.responseData;
+                    _c = settings.data.appConfig, postURL = _c.postURL, scope = _c.scope, redirectUrl = _c.redirectUrl, mode = _c.mode, showBoard = _c.showBoard;
+                    platforms = (_e = (_d = responseData === null || responseData === void 0 ? void 0 : responseData.leadData) === null || _d === void 0 ? void 0 : _d.platforms) !== null && _e !== void 0 ? _e : settings.data.appConfig.platforms;
+                    payment_provider = (_g = (_f = responseData === null || responseData === void 0 ? void 0 : responseData.leadData) === null || _f === void 0 ? void 0 : _f.payment_provider) !== null && _g !== void 0 ? _g : settings.data.appConfig.paymentProvider;
+                    leadId = (_h = responseData === null || responseData === void 0 ? void 0 : responseData.leadData) === null || _h === void 0 ? void 0 : _h.id;
+                    authId = (_k = (_j = responseData === null || responseData === void 0 ? void 0 : responseData.authData) === null || _j === void 0 ? void 0 : _j.auth) === null || _k === void 0 ? void 0 : _k.id;
+                    bi = settings.data.deviceInfo.browser.browser_id;
+                    accountData = undefined;
+                    if (!isRetry) return [3, 2];
+                    return [4, thunkApi.dispatch(getLeadByIdAsync(leadId)).unwrap()];
+                case 1:
+                    data = (_v.sent()).data;
+                    if (data === null || data === void 0 ? void 0 : data.board_id) {
+                        leadData = data;
+                        accountData = data;
+                    }
+                    _v.label = 2;
+                case 2:
+                    body = {
+                        lead_id: leadId,
+                        post_url: scope === SCOPE_AUTH ? '' : postURL || '',
+                        platforms: platforms,
+                        payment_provider: payment_provider
+                    };
+                    if (!!(leadData === null || leadData === void 0 ? void 0 : leadData.board_id)) return [3, 4];
+                    return [4, API.accountService.expressCreateAccount(body)];
+                case 3:
+                    accountData = _v.sent();
+                    _v.label = 4;
+                case 4:
+                    (_m = (_l = settings.data.appConfig).onCreated) === null || _m === void 0 ? void 0 : _m.call(_l, accountData);
+                    (_p = (_o = settings.data.appConfig).onFlowCompleted) === null || _p === void 0 ? void 0 : _p.call(_o, accountData);
+                    (_r = (_q = settings.data.appConfig).onStepCompleted) === null || _r === void 0 ? void 0 : _r.call(_q, settings.data.activeScreen.name, accountData);
+                    if (showBoard) {
+                        sleep(100).then(function () { return thunkApi.dispatch(handleNextScreenStep()); });
+                        return [2, { accountData: accountData }];
+                    }
+                    if (!(scope === SCOPE_AUTH)) return [3, 8];
+                    if (!!(leadData === null || leadData === void 0 ? void 0 : leadData.board_id)) return [3, 6];
+                    return [4, thunkApi.dispatch(getLeadByIdAsync(leadId)).unwrap()];
+                case 5:
+                    leadData = _v.sent();
+                    _v.label = 6;
+                case 6: return [4, thunkApi.dispatch(onCloseComplete({ merchantId: (_s = leadData === null || leadData === void 0 ? void 0 : leadData.merchant) === null || _s === void 0 ? void 0 : _s.id, brandId: (_t = leadData === null || leadData === void 0 ? void 0 : leadData.brand) === null || _t === void 0 ? void 0 : _t.id, entityId: (_u = leadData === null || leadData === void 0 ? void 0 : leadData.entity) === null || _u === void 0 ? void 0 : _u.id }))];
+                case 7:
+                    _v.sent();
+                    return [2, { accountData: accountData }];
+                case 8:
+                    if (redirectUrl && mode === 'page') {
+                        urlQueryStart = redirectUrl.includes('?') ? '&' : '?';
+                        window.open("".concat(redirectUrl).concat(urlQueryStart, "authentication_id=").concat(authId, "&bi=").concat(bi), '_self');
+                        return [2, { accountData: accountData }];
+                    }
+                    thunkApi.dispatch(handleOpen(false));
+                    return [2];
+            }
+        });
+    });
+});
+export var retrieveDetailsAfterCreateAccountAsync = createAsyncThunk('connectExpress/retrieveDetailsAfterCreateAccountAsync', function (_, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
+    var connectExpress, _a, accountData, leadData, leadResData, data, board_id, board_info_id, _b, boardInfo, boardData;
+    var _c, _d;
+    return __generator(this, function (_e) {
+        switch (_e.label) {
             case 0:
-                _a = thunkApi.getState(), connectExpress = _a.connectExpress, settings = _a.settings;
-                responseData = connectExpress.data.responseData;
-                _b = settings.data.appConfig, postURL = _b.postURL, scope = _b.scope, redirectUrl = _b.redirectUrl, mode = _b.mode, showBoard = _b.showBoard;
-                platforms = (_e = (_d = responseData === null || responseData === void 0 ? void 0 : responseData.leadData) === null || _d === void 0 ? void 0 : _d.platforms) !== null && _e !== void 0 ? _e : settings.data.appConfig.platforms;
-                payment_provider = (_g = (_f = responseData === null || responseData === void 0 ? void 0 : responseData.leadData) === null || _f === void 0 ? void 0 : _f.payment_provider) !== null && _g !== void 0 ? _g : settings.data.appConfig.paymentProvider;
-                authId = (_j = (_h = responseData === null || responseData === void 0 ? void 0 : responseData.authData) === null || _h === void 0 ? void 0 : _h.auth) === null || _j === void 0 ? void 0 : _j.id;
-                bi = settings.data.deviceInfo.browser.browser_id;
-                body = {
-                    lead_id: responseData === null || responseData === void 0 ? void 0 : responseData.leadData.id,
-                    post_url: scope === SCOPE_AUTH ? '' : postURL || '',
-                    platforms: platforms,
-                    payment_provider: payment_provider
-                };
-                return [4, API.accountService.expressCreateAccount(body)];
+                connectExpress = thunkApi.getState().connectExpress;
+                _a = connectExpress.data.responseData || {}, accountData = _a.accountData, leadData = _a.leadData;
+                leadResData = undefined;
+                if (!!(leadData === null || leadData === void 0 ? void 0 : leadData.board_id)) return [3, 2];
+                return [4, thunkApi.dispatch(getLeadByIdAsync(leadData === null || leadData === void 0 ? void 0 : leadData.id)).unwrap()];
             case 1:
-                data = _w.sent();
-                (_l = (_k = settings.data.appConfig).onCreated) === null || _l === void 0 ? void 0 : _l.call(_k, data);
-                (_o = (_m = settings.data.appConfig).onFlowCompleted) === null || _o === void 0 ? void 0 : _o.call(_m, data);
-                (_q = (_p = settings.data.appConfig).onStepCompleted) === null || _q === void 0 ? void 0 : _q.call(_p, settings.data.activeScreen.name, data);
-                if (!showBoard) return [3, 4];
-                return [4, thunkApi.dispatch(getLeadByIdAsync(data.lead.id)).unwrap()];
+                data = (_e.sent()).data;
+                leadResData = data;
+                _e.label = 2;
             case 2:
-                leadData = (_w.sent()).data;
-                board_id = (_r = data.board_id) !== null && _r !== void 0 ? _r : leadData.board_id;
-                board_info_id = (_s = data.board_info_id) !== null && _s !== void 0 ? _s : leadData.board_info_id;
+                board_id = (_c = accountData === null || accountData === void 0 ? void 0 : accountData.board_id) !== null && _c !== void 0 ? _c : leadResData === null || leadResData === void 0 ? void 0 : leadResData.board_id;
+                board_info_id = (_d = accountData === null || accountData === void 0 ? void 0 : accountData.board_info_id) !== null && _d !== void 0 ? _d : leadResData === null || leadResData === void 0 ? void 0 : leadResData.board_info_id;
                 return [4, Promise.all([
                         API.boardService.retrieveBoardInfo({ id: board_id, infoId: board_info_id }),
                         API.boardService.retrieveBoardDetails(board_id)
                     ])];
             case 3:
-                _c = _w.sent(), boardInfo = _c[0], boardData = _c[1];
+                _b = _e.sent(), boardInfo = _b[0], boardData = _b[1];
                 sleep(100).then(function () { return thunkApi.dispatch(handleNextScreenStep()); });
-                return [2, { boardInfo: boardInfo, boardData: boardData, account: data }];
-            case 4:
-                if (!(scope === SCOPE_AUTH)) return [3, 7];
-                return [4, thunkApi.dispatch(getLeadByIdAsync(data.lead.id)).unwrap()];
-            case 5:
-                leadData = (_w.sent()).data;
-                return [4, thunkApi.dispatch(onCloseComplete({ merchantId: (_t = data === null || data === void 0 ? void 0 : data.merchant) === null || _t === void 0 ? void 0 : _t.id, brandId: (_u = leadData === null || leadData === void 0 ? void 0 : leadData.brand) === null || _u === void 0 ? void 0 : _u.id, entityId: (_v = leadData === null || leadData === void 0 ? void 0 : leadData.entity) === null || _v === void 0 ? void 0 : _v.id }))];
-            case 6:
-                _w.sent();
-                return [2, { account: data }];
-            case 7:
-                if (redirectUrl && mode === 'page') {
-                    urlQueryStart = redirectUrl.includes('?') ? '&' : '?';
-                    window.open("".concat(redirectUrl).concat(urlQueryStart, "authentication_id=").concat(authId, "&bi=").concat(bi), '_self');
-                    return [2, { account: data }];
-                }
-                thunkApi.dispatch(handleOpen(false));
-                return [2];
+                return [2, { boardInfo: boardInfo, boardData: boardData }];
         }
     });
 }); });
@@ -1567,6 +1605,19 @@ export var connectSlice = createSlice({
             .addCase(createAccountAsync.rejected, function (state, action) {
             state.loading = false;
             state.error = action.error.message;
+        })
+            .addCase(retrieveDetailsAfterCreateAccountAsync.pending, function (state) {
+            state.loading = true;
+            state.error = null;
+        })
+            .addCase(retrieveDetailsAfterCreateAccountAsync.fulfilled, function (state, action) {
+            state.loading = false;
+            state.error = null;
+            state.data.responseData = __assign(__assign({}, state.data.responseData), action.payload);
+        })
+            .addCase(retrieveDetailsAfterCreateAccountAsync.rejected, function (state, action) {
+            state.loading = false;
+            state.error = action.error.message;
         })
             .addCase(getMerchantListAsync.pending, function (state) {
             state.loading = true;

package/build/features/auth/Auth.js

@@ -100,8 +100,12 @@ var Auth = memo(function (_a) {
     var isOtherThanKWOrSACountry = React.useMemo(function () { var _a; return isOtherThanKWOrSA((_a = settingData.businessCountry) === null || _a === void 0 ? void 0 : _a.iso2); }, [settingData.businessCountry]);
     React.useEffect(function () {
         var _a, _b;
-        if (settingLoading || !props.open || !settingData.isValidOperator)
+        if (settingLoading || !props.open)
             return;
+        if (!settingData.isValidOperator) {
+            dispatch(handleCurrentActiveScreen('AUTH_OPERATOR_ERROR_STEP'));
+            return;
+        }
         if (leadId) {
             dispatch(retrieveLeadIdentityByIdAsync(leadId));
             return;

package/build/features/auth/screens/OperatorError/OperatorError.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+export interface OperatorErrorProps {
+}
+declare const _default: React.MemoExoticComponent<({}: OperatorErrorProps) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/build/features/auth/screens/OperatorError/OperatorError.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { useTranslation } from 'react-i18next';
+import GenericError from '../../../shared/GenericError';
+var OperatorError = function (_a) {
+    var t = useTranslation().t;
+    return _jsx(GenericError, { error: t('operator_is_invalid'), errorTitle: t('oops') });
+};
+export default React.memo(OperatorError);

package/build/features/auth/screens/OperatorError/index.d.ts

@@ -0,0 +1,3 @@
+import OperatorError, { OperatorErrorProps } from './OperatorError';
+export type { OperatorErrorProps };
+export default OperatorError;

package/build/features/auth/screens/OperatorError/index.js

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

package/build/features/bank/Bank.js

@@ -56,7 +56,9 @@ var Bank = memo(function (_a) {
         open: open,
         mode: props.mode,
         internalToken: verifyToken,
-        settingLoading: settingLoading
+        settingLoading: settingLoading,
+        operatorErrorScreenName: 'BANK_OPERATOR_ERROR_STEP',
+        isValidOperator: data.isValidOperator
     });
     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', screenId: activeScreen.name, merchantInfo: merchant, loaderColor: loaderColor, isMaturityExpress: isMaturityExpress, type: props.mode === 'content' ? 'CONTENT' : undefined, dialogEdgeFormat: data.appConfig.dialogEdgeFormat }, { children: _jsx(FeatureContainer, __assign({ mode: props.mode, isMaturityExpress: isMaturityExpress }, { children: bankFeatureScreens.map(function (_a, index) {

package/build/features/bank/screens/OperatorError/OperatorError.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+export interface OperatorErrorProps {
+}
+declare const _default: React.MemoExoticComponent<({}: OperatorErrorProps) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/build/features/bank/screens/OperatorError/OperatorError.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { useTranslation } from 'react-i18next';
+import GenericError from '../../../shared/GenericError';
+var OperatorError = function (_a) {
+    var t = useTranslation().t;
+    return _jsx(GenericError, { error: t('operator_is_invalid'), errorTitle: t('oops') });
+};
+export default React.memo(OperatorError);

package/build/features/bank/screens/OperatorError/index.d.ts

@@ -0,0 +1,3 @@
+import OperatorError, { OperatorErrorProps } from './OperatorError';
+export type { OperatorErrorProps };
+export default OperatorError;

package/build/features/bank/screens/OperatorError/index.js

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

package/build/features/board/Board.js

@@ -51,11 +51,15 @@ var Board = memo(function (_a) {
         });
     }, []);
     React.useEffect(function () {
-        if (data.isValidOperator && props.open && !settingLoading) {
-            dispatch(createVerifyTokenBy(boardId));
-            if (props.mode === 'content')
-                dispatch(handleCurrentActiveScreen('BOARD_SUCCESS_FLOWS_BUTTONS_STEP'));
+        if (settingLoading || !props.open)
+            return;
+        if (!data.isValidOperator) {
+            dispatch(handleCurrentActiveScreen('BOARD_OPERATOR_ERROR_STEP'));
+            return;
         }
+        dispatch(createVerifyTokenBy(boardId));
+        if (props.mode === 'content')
+            dispatch(handleCurrentActiveScreen('BOARD_SUCCESS_FLOWS_BUTTONS_STEP'));
     }, [data.isValidOperator, settingLoading]);
     var initialLoading = 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', screenId: activeScreen.name, merchantInfo: merchant, isMaturityExpress: !isTapDomain(props.merchantDomain), loaderColor: loaderColor, type: props.mode === 'content' ? 'CONTENT' : undefined, dialogEdgeFormat: data.appConfig.dialogEdgeFormat }, { children: _jsx(FeatureContainer, __assign({ isMaturityExpress: !isTapDomain(props.merchantDomain) }, { children: boardFeatureScreens.map(function (_a, index) {

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

@@ -0,0 +1,5 @@
+import * as React from 'react';
+export interface OperatorErrorProps {
+}
+declare const _default: React.MemoExoticComponent<({}: OperatorErrorProps) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

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

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { useTranslation } from 'react-i18next';
+import GenericError from '../../../shared/GenericError';
+var OperatorError = function (_a) {
+    var t = useTranslation().t;
+    return _jsx(GenericError, { error: t('operator_is_invalid'), errorTitle: t('oops') });
+};
+export default React.memo(OperatorError);

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

@@ -0,0 +1,3 @@
+import OperatorError, { OperatorErrorProps } from './OperatorError';
+export type { OperatorErrorProps };
+export default OperatorError;

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

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

package/build/features/brand/Brand.js

@@ -56,7 +56,9 @@ var Brand = memo(function (_a) {
         open: open,
         mode: props.mode,
         internalToken: verifyToken,
-        settingLoading: settingLoading
+        settingLoading: settingLoading,
+        operatorErrorScreenName: 'BRAND_OPERATOR_ERROR_STEP',
+        isValidOperator: data.isValidOperator
     });
     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', screenId: activeScreen.name, merchantInfo: merchant, isMaturityExpress: isMaturityExpress, loaderColor: loaderColor, type: props.mode === 'content' ? 'CONTENT' : undefined, dialogEdgeFormat: data.appConfig.dialogEdgeFormat }, { children: _jsx(FeatureContainer, __assign({ mode: props.mode, isMaturityExpress: isMaturityExpress }, { children: brandFeatureScreens.map(function (_a, index) {

package/build/features/brand/screens/OperatorError/OperatorError.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+export interface OperatorErrorProps {
+}
+declare const _default: React.MemoExoticComponent<({}: OperatorErrorProps) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/build/features/brand/screens/OperatorError/OperatorError.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { useTranslation } from 'react-i18next';
+import GenericError from '../../../shared/GenericError';
+var OperatorError = function (_a) {
+    var t = useTranslation().t;
+    return _jsx(GenericError, { error: t('operator_is_invalid'), errorTitle: t('oops') });
+};
+export default React.memo(OperatorError);

package/build/features/brand/screens/OperatorError/index.d.ts

@@ -0,0 +1,3 @@
+import OperatorError, { OperatorErrorProps } from './OperatorError';
+export type { OperatorErrorProps };
+export default OperatorError;

package/build/features/brand/screens/OperatorError/index.js

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

package/build/features/business/Business.js

@@ -13,7 +13,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { memo, useEffect } from 'react';
 import { createRoot } from 'react-dom/client';
 import { useAppTheme, useAppDispatch, useAppSelector, useAppConfig, useErrorListener, useStepStartedListener } from '../../hooks';
-import { handleLanguage, settingsSelector } from '../../app/settings';
+import { handleCurrentActiveScreen, handleLanguage, settingsSelector } from '../../app/settings';
 import { FeatureContainer } from '../shared/Containers';
 import { businessSelector, verifyLeadToken } from '../app/business/businessStore';
 import AnimationFlow from '../../components/AnimationFlow';
@@ -46,9 +46,14 @@ var Business = memo(function (props) {
         });
     };
     useEffect(function () {
-        if (!settingLoading && open)
-            verifyToken();
-    }, [settingLoading]);
+        if (settingLoading || !open)
+            return;
+        if (!data.isValidOperator) {
+            dispatch(handleCurrentActiveScreen('BUSINESS_OPERATOR_ERROR_STEP'));
+            return;
+        }
+        verifyToken();
+    }, [data.isValidOperator, settingLoading]);
     return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(Background, __assign({ open: open, isTapOrigin: isTapOrigin, loading: settingLoading || customLoading }, { children: _jsx(AnimationFlow, __assign({ pointerEvents: loading ? 'none' : 'auto', isTapOrigin: isTapOrigin, loading: settingLoading || customLoading, error: error, open: open, breakpoint: 'sm', screenId: activeScreen.name, merchantInfo: merchant, isMaturityExpress: isMaturityExpress, dialogEdgeFormat: data.appConfig.dialogEdgeFormat }, { children: _jsx(FeatureContainer, __assign({ isMaturityExpress: isMaturityExpress }, { children: businessFeatureScreens.map(function (_a, index) {
                         var Element = _a.element, name = _a.name;
                         var isActive = activeScreen.name === name;

package/build/features/business/screens/OperatorError/OperatorError.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+export interface OperatorErrorProps {
+}
+declare const _default: React.MemoExoticComponent<({}: OperatorErrorProps) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/build/features/business/screens/OperatorError/OperatorError.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { useTranslation } from 'react-i18next';
+import GenericError from '../../../shared/GenericError';
+var OperatorError = function (_a) {
+    var t = useTranslation().t;
+    return _jsx(GenericError, { error: t('operator_is_invalid'), errorTitle: t('oops') });
+};
+export default React.memo(OperatorError);

package/build/features/business/screens/OperatorError/index.d.ts

@@ -0,0 +1,3 @@
+import OperatorError, { OperatorErrorProps } from './OperatorError';
+export type { OperatorErrorProps };
+export default OperatorError;

package/build/features/business/screens/OperatorError/index.js

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

package/build/features/connect/screens/OperatorError/OperatorError.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { useTranslation } from 'react-i18next';
-import GenericError from '../../../../features/shared/GenericError';
+import GenericError from '../../../shared/GenericError';
 var OperatorError = function (_a) {
     var t = useTranslation().t;
     return _jsx(GenericError, { error: t('operator_is_invalid'), errorTitle: t('oops') });