@tap-payments/auth-jsconnect 2.1.53-test → 2.1.55-test

package/build/constants/app.js

@@ -143,6 +143,12 @@ export var CONNECT_EXPRESS_SCREENS_NAVIGATION = [
         prev: '',
         order: 7
     },
+    {
+        name: 'CONNECT_EXPRESS_ACCOUNT_ALREADY_CREATED_STEP',
+        next: '',
+        prev: '',
+        order: 8
+    },
     {
         name: 'CONNECT_EXPRESS_SUCCESS_WITH_FLOW_BUTTONS_STEP',
         next: '',

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

@@ -1,6 +1,12 @@
 import { RootState } from '../../../app/store';
 import { MobileFormValues, NIDFormValues, CivilFormValues, OTPFormValues, IndividualFormValues, SharedState, FlowsTypes, ActionState, CountryCode, AuthForType, BusinessDataFormValues } from '../../../@types';
 import { CancelToken } from 'axios';
+export declare const retrieveLeadIdentityByIdAsync: import("@reduxjs/toolkit").AsyncThunk<{
+    data: any;
+    countryCode: CountryCode;
+    boardInfo: any;
+    boardData: any;
+}, string, {}>;
 export declare const getLeadByIdAsync: import("@reduxjs/toolkit").AsyncThunk<{
     data: any;
     countryCode: CountryCode;
@@ -85,13 +91,13 @@ export interface ConnectExpressData {
     businessData: BusinessDataFormValues;
 }
 export interface ConnectExpressState extends SharedState<ConnectExpressData & ResponseData> {
+    customLoading?: boolean;
 }
 export declare const connectSlice: import("@reduxjs/toolkit").Slice<ConnectExpressState, {
     setLeadId(state: ConnectExpressState, action: ActionState<string>): void;
     setIsLeadIdPassed: (state: ConnectExpressState, action: ActionState<boolean>) => void;
     clearError: (state: ConnectExpressState) => void;
     setError(state: ConnectExpressState, action: ActionState<string>): void;
-    setResponseData: (state: ConnectExpressState, action: ActionState<ResponseData['responseData']>) => void;
     stopLoader: (state: ConnectExpressState) => void;
     resetMobileScreen: (state: ConnectExpressState, action: ActionState<CountryCode>) => void;
     resetNIDScreen: (state: ConnectExpressState) => void;
@@ -101,7 +107,7 @@ export declare const connectSlice: import("@reduxjs/toolkit").Slice<ConnectExpre
     resetStore: (state: ConnectExpressState) => void;
     resetIndividualScreen: (state: ConnectExpressState) => void;
 }, "connectExpress/store">;
-export declare const clearError: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, stopLoader: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, setIsLeadIdPassed: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, string>, resetMobileScreen: import("@reduxjs/toolkit").ActionCreatorWithPayload<CountryCode, string>, resetOTPValue: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, resetNIDScreen: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, resetCivilScreen: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, resetStore: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, setError: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, string>, setResponseData: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<Record<string, any> | undefined, string>, setPostUrl: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, string>, setLeadId: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, string>, resetIndividualScreen: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
+export declare const clearError: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, stopLoader: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, setIsLeadIdPassed: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, string>, resetMobileScreen: import("@reduxjs/toolkit").ActionCreatorWithPayload<CountryCode, string>, resetOTPValue: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, resetNIDScreen: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, resetCivilScreen: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, resetStore: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, setError: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, string>, setPostUrl: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, string>, setLeadId: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, string>, resetIndividualScreen: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
 declare const _default: import("redux").Reducer<ConnectExpressState, import("redux").AnyAction>;
 export default _default;
 export declare const connectExpressSelector: (state: RootState) => ConnectExpressState;

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

@@ -62,6 +62,48 @@ import API from '../../../api';
 import { CONNECT_EXPRESS_STEP_NAMES, IDENTIFICATION_TYPE, OTHER_CR_LICENSE, OTHER_FL_LICENSE } from '../../../constants';
 import { defaultCountry } from '../../../constants';
 import { getIndividualName, capitalizeTheFirstLetterOfEachWord, getEighteenYearsAgo, sleep, findCountryByIddPrefix, concatenateObjectValues, isSA } from '../../../utils';
+export var retrieveLeadIdentityByIdAsync = createAsyncThunk('expressConnect/retrieveLeadIdentityByIdAsync', function (leadId, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
+    var settings, countryCode, boardInfo, boardData, leadData, data, phone, _a, boardInfoRes, boardDataRes, leadDataRes;
+    var _b;
+    return __generator(this, function (_c) {
+        switch (_c.label) {
+            case 0:
+                settings = thunkApi.getState().settings;
+                countryCode = settings.data.businessCountry;
+                leadData = undefined;
+                return [4, API.leadService.retrieveLeadIdentity(leadId)];
+            case 1:
+                data = _c.sent();
+                phone = (data.contact || {}).phone;
+                if (phone === null || phone === void 0 ? void 0 : phone.country_code)
+                    countryCode = findCountryByIddPrefix(settings.data.countries, phone.country_code);
+                if (!(((_b = data === null || data === void 0 ? void 0 : data.status) === null || _b === void 0 ? void 0 : _b.toLowerCase()) === 'registered')) return [3, 5];
+                if (!(data.board_id && data.board_info_id)) return [3, 3];
+                return [4, Promise.all([
+                        API.boardService.retrieveBoardInfo({ id: data.board_id, infoId: data.board_info_id }),
+                        API.boardService.retrieveBoardDetails(data.board_id),
+                        thunkApi.dispatch(getLeadByIdAsync(leadId)).unwrap()
+                    ])];
+            case 2:
+                _a = _c.sent(), boardInfoRes = _a[0], boardDataRes = _a[1], leadDataRes = _a[2];
+                boardInfo = boardInfoRes;
+                boardData = boardDataRes;
+                leadData = leadDataRes === null || leadDataRes === void 0 ? void 0 : leadDataRes.data;
+                thunkApi.dispatch(handleCurrentActiveScreen('CONNECT_EXPRESS_SUCCESS_WITH_FLOW_BUTTONS_STEP'));
+                return [3, 4];
+            case 3:
+                thunkApi.dispatch(handleCurrentActiveScreen('CONNECT_EXPRESS_ACCOUNT_ALREADY_CREATED_STEP'));
+                _c.label = 4;
+            case 4: return [3, 6];
+            case 5:
+                if (!(data === null || data === void 0 ? void 0 : data.identification) && (data === null || data === void 0 ? void 0 : data.phone)) {
+                    thunkApi.dispatch(handleCurrentActiveScreen('CONNECT_EXPRESS_MOBILE_STEP'));
+                }
+                _c.label = 6;
+            case 6: return [2, { data: __assign(__assign({}, data), leadData), countryCode: countryCode, boardInfo: boardInfo, boardData: boardData }];
+        }
+    });
+}); });
 export var getLeadByIdAsync = createAsyncThunk('expressConnect/getLeadByIdAsync', function (leadId, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
     var settings, countryCode, data, phone;
     return __generator(this, function (_a) {
@@ -193,7 +235,7 @@ export var createCivilIdAuthAsync = createAsyncThunk('connectExpress/createCivil
     });
 }); });
 export var verifyMobileOtpAsync = createAsyncThunk('connectExpress/verifyMobileOtpAsync', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var _a, settings, connectExpress, _b, responseData, leadId, isLeadIdPassed, otpData, _c, auth_token, device_token, service_name, payload, data, isSaudi, next_1;
+    var _a, settings, connectExpress, _b, responseData, leadId, isLeadIdPassed, otpData, _c, auth_token, device_token, service_name, payload, data, isSaudi, next;
     var _d, _e;
     return __generator(this, function (_f) {
         switch (_f.label) {
@@ -223,10 +265,8 @@ export var verifyMobileOtpAsync = createAsyncThunk('connectExpress/verifyMobileO
                 _f.sent();
                 (_e = (_d = settings.data.appConfig).onStepCompleted) === null || _e === void 0 ? void 0 : _e.call(_d, settings.data.activeScreen.name, params);
                 isSaudi = isSA(settings.data.businessCountry.iso2);
-                if (!isLeadIdPassed && otpData.authFor === AuthForType.MOBILE) {
-                    next_1 = isSaudi ? 'CONNECT_EXPRESS_NID_MISSED_STEP' : 'CONNECT_EXPRESS_CIVIL_ID_MISSED_STEP';
-                    sleep(100).then(function () { return thunkApi.dispatch(handleNextScreenStep(next_1)); });
-                }
+                next = isSaudi ? 'CONNECT_EXPRESS_NID_MISSED_STEP' : 'CONNECT_EXPRESS_CIVIL_ID_MISSED_STEP';
+                sleep(100).then(function () { return thunkApi.dispatch(handleNextScreenStep(next)); });
                 return [2, data];
         }
     });
@@ -569,6 +609,7 @@ export var updateLeadBusinessDataAsync = createAsyncThunk('updateLeadBusinessDat
 var initialState = {
     error: null,
     loading: false,
+    customLoading: false,
     data: {
         isLeadIdPassed: false,
         postURL: '',
@@ -616,13 +657,6 @@ export var connectSlice = createSlice({
         setError: function (state, action) {
             state.error = action.payload;
         },
-        setResponseData: function (state, action) {
-            var _a;
-            var leadData = (action.payload || {}).leadData;
-            state.data.nidData.nid = (_a = leadData === null || leadData === void 0 ? void 0 : leadData.identification) === null || _a === void 0 ? void 0 : _a.id;
-            state.data.nidData.dob = leadData === null || leadData === void 0 ? void 0 : leadData.date_of_birth;
-            state.data.responseData = __assign(__assign({}, state.data.responseData), action.payload);
-        },
         stopLoader: function (state) {
             state.loading = false;
         },
@@ -650,6 +684,27 @@ export var connectSlice = createSlice({
     },
     extraReducers: function (builder) {
         builder
+            .addCase(retrieveLeadIdentityByIdAsync.pending, function (state) {
+            state.error = null;
+            state.customLoading = true;
+        })
+            .addCase(retrieveLeadIdentityByIdAsync.fulfilled, function (state, action) {
+            state.customLoading = false;
+            var _a = action.payload, data = _a.data, countryCode = _a.countryCode, boardInfo = _a.boardInfo, boardData = _a.boardData;
+            state.data.responseData = __assign(__assign({}, state.data.responseData), { leadData: data, boardInfo: boardInfo, boardData: boardData });
+            var _b = data || {}, identification = _b.identification, date_of_birth = _b.date_of_birth, contact = _b.contact;
+            state.data.nidData.nid = identification === null || identification === void 0 ? void 0 : identification.id;
+            state.data.nidData.dob = date_of_birth;
+            var phone = (contact || {}).phone;
+            if (phone) {
+                state.data.mobileData.mobile = phone === null || phone === void 0 ? void 0 : phone.number;
+                state.data.mobileData.countryCode = countryCode;
+            }
+        })
+            .addCase(retrieveLeadIdentityByIdAsync.rejected, function (state, action) {
+            state.customLoading = false;
+            state.error = action.error.message;
+        })
             .addCase(getLeadByIdAsync.pending, function (state) {
             state.error = null;
             state.loading = true;
@@ -905,6 +960,6 @@ export var connectSlice = createSlice({
         });
     }
 });
-export var clearError = (_a = connectSlice.actions, _a.clearError), stopLoader = _a.stopLoader, setIsLeadIdPassed = _a.setIsLeadIdPassed, resetMobileScreen = _a.resetMobileScreen, resetOTPValue = _a.resetOTPValue, resetNIDScreen = _a.resetNIDScreen, resetCivilScreen = _a.resetCivilScreen, resetStore = _a.resetStore, setError = _a.setError, setResponseData = _a.setResponseData, setPostUrl = _a.setPostUrl, setLeadId = _a.setLeadId, resetIndividualScreen = _a.resetIndividualScreen;
+export var clearError = (_a = connectSlice.actions, _a.clearError), stopLoader = _a.stopLoader, setIsLeadIdPassed = _a.setIsLeadIdPassed, resetMobileScreen = _a.resetMobileScreen, resetOTPValue = _a.resetOTPValue, resetNIDScreen = _a.resetNIDScreen, resetCivilScreen = _a.resetCivilScreen, resetStore = _a.resetStore, setError = _a.setError, setPostUrl = _a.setPostUrl, setLeadId = _a.setLeadId, resetIndividualScreen = _a.resetIndividualScreen;
 export default connectSlice.reducer;
 export var connectExpressSelector = function (state) { return state.connectExpress; };

package/build/features/connectExpress/ConnectExpress.js

@@ -9,42 +9,6 @@ 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)
@@ -63,8 +27,7 @@ import { useAppTheme, useAppSelector, useAppConfig, useErrorListener, useStepSta
 import { handleCurrentActiveScreen, settingsSelector, handleOpen } from '../../app/settings';
 import AnimationFlow from '../../components/AnimationFlow';
 import { store } from '../../app/store';
-import { connectExpressSelector, setIsLeadIdPassed, setResponseData, setPostUrl, setLeadId } from '../app/connectExpress/connectExpressStore';
-import API from '../../api';
+import { connectExpressSelector, setIsLeadIdPassed, setPostUrl, setLeadId, retrieveLeadIdentityByIdAsync } from '../app/connectExpress/connectExpressStore';
 import { ReduxProvider, ThemeProvider } from '../../components/Providers';
 import Collapse from '../../components/Collapse';
 import { reactElement, isKW } from '../../utils';
@@ -77,31 +40,23 @@ var ConnectExpress = memo(function (_a) {
     var theme = useAppTheme().theme;
     var dispatch = useAppDispatch();
     var _b = useAppSelector(settingsSelector), data = _b.data, error = _b.error, settingLoading = _b.loading;
-    var _c = useAppSelector(connectExpressSelector), connectExpressError = _c.error, loading = _c.loading;
-    var prepare = function () { return __awaiter(void 0, void 0, void 0, function () {
-        var leadData;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    if (!postURL)
-                        throw new Error('postURL is required and you ave to pass it in the lib configuration!');
-                    dispatch(setPostUrl(postURL));
-                    if (!leadId)
-                        return [2];
-                    dispatch(setIsLeadIdPassed(true));
-                    dispatch(setLeadId(leadId));
-                    return [4, API.leadService.retrieveLeadIdentity(leadId)];
-                case 1:
-                    leadData = _a.sent();
-                    dispatch(setResponseData({ leadData: leadData }));
-                    return [2];
-            }
-        });
-    }); };
-    useAppConfig(__assign(__assign({ navigation: CONNECT_EXPRESS_SCREENS_NAVIGATION }, props), { prepare: prepare }));
+    var _c = useAppSelector(connectExpressSelector), connectExpressError = _c.error, loading = _c.loading, customLoading = _c.customLoading;
+    useAppConfig(__assign({ navigation: CONNECT_EXPRESS_SCREENS_NAVIGATION }, props));
     useErrorListener(connectExpressError || error);
     useStepStartedListener();
     var activeScreen = data.activeScreen, isTapOrigin = data.isTapOrigin, open = data.open;
+    React.useEffect(function () {
+        if (!postURL)
+            throw new Error('postURL is required and you ave to pass it in the lib configuration!');
+        dispatch(setPostUrl(postURL));
+    }, []);
+    React.useEffect(function () {
+        if (data.isValidOperator && props.open && !settingLoading && leadId) {
+            dispatch(setIsLeadIdPassed(true));
+            dispatch(setLeadId(leadId));
+            dispatch(retrieveLeadIdentityByIdAsync(leadId));
+        }
+    }, [data.isValidOperator, settingLoading]);
     React.useEffect(function () {
         var _a;
         if (!settingLoading && isKW((_a = data.businessCountry) === null || _a === void 0 ? void 0 : _a.iso2)) {
@@ -111,7 +66,7 @@ var ConnectExpress = memo(function (_a) {
     var handleDialogClose = function () {
         dispatch(handleOpen(false));
     };
-    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(Background, __assign({ open: open, isTapOrigin: isTapOrigin, loading: settingLoading }, { children: _jsx(AnimationFlow, __assign({ pointerEvents: loading ? 'none' : 'auto', onClose: onClose, onConfirm: handleDialogClose, isTapOrigin: isTapOrigin, loading: settingLoading, error: error, open: open, footer: _jsx(CustomFooter, {}), screenId: activeScreen.name }, { children: _jsx(FeatureContainer, { children: connectExpressFeatureScreens.map(function (_a, index) {
+    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', onClose: onClose, onConfirm: handleDialogClose, isTapOrigin: isTapOrigin, loading: settingLoading || customLoading, error: error, open: open, footer: _jsx(CustomFooter, {}), screenId: activeScreen.name }, { children: _jsx(FeatureContainer, { children: connectExpressFeatureScreens.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/connectExpress/screens/AccountAlreadyCreated/AccountAlreadyCreated.d.ts

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

package/build/features/connectExpress/screens/AccountAlreadyCreated/AccountAlreadyCreated.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { useTranslation } from 'react-i18next';
+import { useAppDispatch } from '../../../../hooks';
+import SuccessScreen from '../../../shared/SuccessScreen';
+import { handleOpen } from '../../../../app/settings';
+var AccountAlreadyCreated = function (_a) {
+    var t = useTranslation().t;
+    var dispatch = useAppDispatch();
+    var onSuccess = function () {
+        dispatch(handleOpen(false));
+    };
+    return (_jsx(SuccessScreen, { title: t('express_account_already_created_title'), description: t('express_account_already_created_description'), onSuccess: onSuccess, successTitle: t('express_account_already_created_close_button') }));
+};
+export default React.memo(AccountAlreadyCreated);

package/build/features/connectExpress/screens/AccountAlreadyCreated/index.d.ts

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

package/build/features/connectExpress/screens/AccountAlreadyCreated/index.js

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

package/build/features/featuresScreens.js

@@ -19,6 +19,7 @@ import ConnectExpressCollectIndividualScreen from './connectExpress/screens/Coll
 import ConnectExpressCollectBusinessScreen from './connectExpress/screens/CollectBusinessInfo';
 import ConnectExpressCreateAccountLoaderScreen from './connectExpress/screens/CreateAccountLoader';
 import ConnectExpressSuccessFlowButtonsScreen from '../features/connectExpress/screens/SuccessWithFlowButtons';
+import ConnectExpressAccountAlreadyCreatedScreen from '../features/connectExpress/screens/AccountAlreadyCreated';
 import CustomersPage from './business/screens/Customers';
 import IDBODPage from './business/screens/IDBOD';
 import BusinessVerifyPage from './business/screens/Verify';
@@ -152,6 +153,10 @@ export var connectExpressFeatureScreens = [
         name: 'CONNECT_EXPRESS_COLLECT_BUSINESS_INFO_STEP',
         element: ConnectExpressCollectBusinessScreen
     },
+    {
+        name: 'CONNECT_EXPRESS_ACCOUNT_ALREADY_CREATED_STEP',
+        element: ConnectExpressAccountAlreadyCreatedScreen
+    },
     {
         name: 'CONNECT_EXPRESS_SUCCESS_WITH_FLOW_BUTTONS_STEP',
         element: ConnectExpressSuccessFlowButtonsScreen

package/build/features/shared/SuccessFlowButtons/SuccessFlowButtons.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { FlowsTypes } from '../../../@types';
+interface SuccessFlowButtonsProps {
+    brand: any;
+    entity: any;
+    business: any;
+    merchant: any;
+    bank: any;
+    user: any;
+    flows: any[];
+    boardInfoId: string;
+    boardId: string;
+    flowName: FlowsTypes;
+}
+declare const _default: React.MemoExoticComponent<({ brand, entity, business, merchant, bank, user, flows, boardInfoId, boardId, flowName }: SuccessFlowButtonsProps) => JSX.Element>;
+export default _default;

package/build/features/shared/SuccessFlowButtons/SuccessFlowButtons.js

@@ -0,0 +1,112 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { memo, useEffect, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { styled } from '@mui/material/styles';
+import { FlowsButtons } from '../../shared/Button';
+import { ICONS_NAMES, PASSWORD_OPERATION_TYPE } from '../../../constants';
+import { useAppSelector, useLanguage } from '../../../hooks';
+import { getResetFlowUrl, showLastFour, concatenateObjectValues, shortenString, shortenBrand } from '../../../utils';
+import { settingsSelector } from '../../../app/settings';
+import Box from '@mui/material/Box';
+import Text from '../../../components/Text';
+import Container from '../Containers/ScreenContainer';
+import AcceptancePayouts from '../AcceptancePayouts';
+var TitleStyled = styled(Text)(function (_a) {
+    var _b;
+    var theme = _a.theme;
+    return (__assign(__assign({}, theme.typography.body1), (_b = { fontWeight: theme.typography.fontWeightBold, color: theme.palette.text.primary, lineHeight: 1.75, paddingBottom: theme.spacing(3) }, _b[theme.breakpoints.down('sm')] = {}, _b)));
+});
+var ContainerStyled = styled(Container)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        justifyContent: 'space-between',
+        minHeight: theme.spacing(30),
+        alignItems: 'center'
+    });
+});
+var ButtonGroupStyled = styled(Box)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        width: '100%',
+        paddingTop: theme.spacing(3)
+    });
+});
+var SuccessFlowButtons = function (_a) {
+    var _b, _c, _d;
+    var brand = _a.brand, entity = _a.entity, business = _a.business, merchant = _a.merchant, bank = _a.bank, user = _a.user, flows = _a.flows, boardInfoId = _a.boardInfoId, boardId = _a.boardId, flowName = _a.flowName;
+    var _e = useState([]), buttons = _e[0], setButtons = _e[1];
+    var t = useTranslation().t;
+    var isAr = useLanguage().isAr;
+    var settings = useAppSelector(settingsSelector);
+    var _f = user || {}, names = _f.names, identification = _f.identification;
+    var primary_contact = (business || {}).primary_contact;
+    var _g = entity || {}, license = _g.license, vat_id = _g.vat_id, legal_name = _g.legal_name;
+    var username = isAr ? concatenateObjectValues((names === null || names === void 0 ? void 0 : names.ar) || (names === null || names === void 0 ? void 0 : names.en), ['first', 'last']) : concatenateObjectValues(names === null || names === void 0 ? void 0 : names.en, ['first', 'last']);
+    var licenseNumber = (license === null || license === void 0 ? void 0 : license.number) || '';
+    var bankName = shortenString(bank === null || bank === void 0 ? void 0 : bank.name, 20) || t('bank');
+    var iban = showLastFour((bank === null || bank === void 0 ? void 0 : bank.iban) || '');
+    var taxID = vat_id || '';
+    var brandName = (isAr ? (_b = brand === null || brand === void 0 ? void 0 : brand.name) === null || _b === void 0 ? void 0 : _b.ar : (_c = brand === null || brand === void 0 ? void 0 : brand.name) === null || _c === void 0 ? void 0 : _c.en) || '';
+    var entityLegalName = shortenString(isAr ? legal_name === null || legal_name === void 0 ? void 0 : legal_name.ar : legal_name === null || legal_name === void 0 ? void 0 : legal_name.en, 20) || '';
+    var isAcceptance = merchant === null || merchant === void 0 ? void 0 : merchant.is_acceptance_allowed;
+    var isPayout = merchant === null || merchant === void 0 ? void 0 : merchant.is_payout_allowed;
+    var maskedId = (identification === null || identification === void 0 ? void 0 : identification.id) ? " ".concat(t('masking_symbols')).concat((_d = identification === null || identification === void 0 ? void 0 : identification.id) === null || _d === void 0 ? void 0 : _d.slice(-2)) : '';
+    var email = (primary_contact || {}).email;
+    var url = getResetFlowUrl('/password', settings.data.language, PASSWORD_OPERATION_TYPE.RESET_PASSWORD, boardId, boardInfoId);
+    var reMapFlowData = function (flows) {
+        if (flows === void 0) { flows = []; }
+        var images = ICONS_NAMES;
+        var mappedFlows = flows
+            .filter(function (item) { return item === null || item === void 0 ? void 0 : item.name; })
+            .map(function (_a) {
+            var name = _a.name, url = _a.url, status = _a.status;
+            var type = status === 'completed' ? 'completed' : 'pending';
+            var title = t("".concat(name, "_flow_").concat(type), {
+                individual_name: username.toLowerCase() + maskedId,
+                brand: brandName,
+                business_type: entityLegalName,
+                license_number: licenseNumber ? t('masking_symbols') + showLastFour(licenseNumber) : '',
+                bank_name: bankName,
+                iban: iban ? t('masking_symbols') + iban : '',
+                tax_id: taxID ? t('masking_symbols') + showLastFour(taxID) : ''
+            });
+            var isCompleted = status === 'completed' && name !== 'password';
+            var isIndividual = name === 'individual';
+            var src = isCompleted ? "".concat(name, "_green_icon") : "".concat(name, "_filled_icon");
+            var hoverSrc = "".concat(name, "_white_icon");
+            return {
+                name: name,
+                status: status,
+                title: title,
+                href: url,
+                src: images[src],
+                hoverSrc: images[hoverSrc],
+                isCompleted: isCompleted,
+                sx: isIndividual ? { textTransform: 'capitalize' } : {}
+            };
+        });
+        setButtons(mappedFlows);
+    };
+    useEffect(function () {
+        if ((flows === null || flows === void 0 ? void 0 : flows.length) > 0)
+            reMapFlowData(flows);
+    }, [flows, isAr]);
+    return (_jsxs(ContainerStyled, { children: [_jsxs(TitleStyled, { children: [t('account_details'), " "] }), _jsx(AcceptancePayouts, { showAcceptance: isAcceptance, showPayout: isPayout }), _jsx(ButtonGroupStyled, { children: _jsx(FlowsButtons, { buttons: buttons, data: {
+                        flowName: flowName,
+                        email: email || '',
+                        emailUrl: url,
+                        brandName: shortenBrand(brandName)
+                    } }) })] }));
+};
+export default memo(SuccessFlowButtons);

package/build/features/shared/SuccessFlowButtons/index.d.ts

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

package/build/features/shared/SuccessFlowButtons/index.js

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

package/package.json

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

package/build/features/shared/FlowButtons/FlowButtons.d.ts

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

package/build/features/shared/FlowButtons/FlowButtons.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-export var FlowButtons = function () {
-    return _jsx("div", { children: "FlowButtons" });
-};
-export default React.memo(FlowButtons);

package/build/features/shared/FlowButtons/index.d.ts

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

package/build/features/shared/FlowButtons/index.js

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