@tap-payments/auth-jsconnect 2.6.92-test → 2.6.93-test

package/build/constants/app.js

@@ -136,7 +136,7 @@ export var CONNECT_EXPRESS_SCREENS_NAVIGATION = [
     },
     {
         name: 'CONNECT_EXPRESS_AUTHENTICATION_LIST_STEP',
-        next: 'CONNECT_EXPRESS_AUTH_MERCHANT_LIST_STEP',
+        next: ['CONNECT_EXPRESS_AUTH_MERCHANT_LIST_STEP', 'CONNECT_EXPRESS_AUTH_ACCOUNT_CREATED_STEP'],
         prev: ['CONNECT_EXPRESS_MOBILE_STEP', 'CONNECT_EXPRESS_NID_STEP', 'CONNECT_EXPRESS_CIVIL_ID_STEP'],
         order: 3
     },
@@ -152,6 +152,12 @@ export var CONNECT_EXPRESS_SCREENS_NAVIGATION = [
         prev: 'CONNECT_EXPRESS_MOBILE_STEP',
         order: 3
     },
+    {
+        name: 'CONNECT_EXPRESS_AUTH_ACCOUNT_CREATED_STEP',
+        next: '',
+        prev: 'CONNECT_EXPRESS_AUTHENTICATION_LIST_STEP',
+        order: 4
+    },
     {
         name: 'CONNECT_EXPRESS_AUTH_MERCHANT_LIST_STEP',
         next: 'CONNECT_EXPRESS_SUCCESS_WITH_FLOW_BUTTONS_STEP',

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

@@ -232,12 +232,10 @@ export var getMerchantListAsync = createAsyncThunk('connectExpress/getMerchantLi
                     merchants = (_b.sent()).merchants;
                     list = merchants || [];
                     if ((list === null || list === void 0 ? void 0 : list.length) > 1) {
-                        thunkApi.dispatch(handleNextScreenStep());
+                        thunkApi.dispatch(handleNextScreenStep('CONNECT_EXPRESS_AUTH_MERCHANT_LIST_STEP'));
                         return [2, { list: list, brandInfo: brandInfo, entityInfo: entityInfo }];
                     }
-                    return [4, thunkApi.dispatch(confirmInfo({ entityInfo: entityInfo, brandInfo: brandInfo, merchantInfo: list === null || list === void 0 ? void 0 : list[0] }))];
-                case 2:
-                    _b.sent();
+                    sleep(50).then(function () { return thunkApi.dispatch(handleNextScreenStep('CONNECT_EXPRESS_AUTH_ACCOUNT_CREATED_STEP')); });
                     return [2, { list: list, brandInfo: brandInfo, entityInfo: entityInfo }];
             }
         });

package/build/features/connectExpress/screens/AccountCreatedLoader/AccountCreatedLoader.d.ts

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

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

@@ -0,0 +1,36 @@
+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 { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { useTranslation } from 'react-i18next';
+import { isNetworkError } from '../../../../utils';
+import { useAppDispatch, useAppSelector, useLanguage } from '../../../../hooks';
+import { confirmInfo, connectExpressSelector } from '../../../app/connectExpress/connectExpressStore';
+import Button from '../../../shared/Button';
+import DataLoading from '../../../shared/DataLoading';
+var AccountCreatedLoader = function (_a) {
+    var dispatch = useAppDispatch();
+    var isAr = useLanguage().isAr;
+    var t = useTranslation().t;
+    var _b = useAppSelector(connectExpressSelector), error = _b.error, loading = _b.loading, data = _b.data;
+    var _c = data.authenticationData, brandInfo = _c.brandInfo, entityInfo = _c.entityInfo;
+    var merchantInfo = data.authMerchantData.merchantInfo;
+    React.useEffect(function () {
+        dispatch(confirmInfo({ entityInfo: entityInfo, brandInfo: brandInfo, merchantInfo: merchantInfo }));
+    }, []);
+    var onReTry = function () {
+        dispatch(confirmInfo({ entityInfo: entityInfo, brandInfo: brandInfo, merchantInfo: merchantInfo }));
+    };
+    var isNE = React.useMemo(function () { return isNetworkError(error); }, [error]);
+    return (_jsx(DataLoading, __assign({ error: error, title: 'account_already_created', hideSubtitle: true }, { children: isNE && (_jsx(Button, __assign({ onClick: onReTry, disableBack: true, isAr: isAr, loading: loading }, { children: t('try_again') }))) })));
+};
+export default React.memo(AccountCreatedLoader);

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

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

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

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

package/build/features/featuresScreens.js

@@ -26,6 +26,7 @@ import ConnectExpressSuccessFlowButtonsScreen from './connectExpress/screens/Suc
 import ConnectExpressAccountAlreadyCreatedScreen from './connectExpress/screens/AccountAlreadyCreated';
 import ConnectExpressAuthenticationListScreen from './connectExpress/screens/AuthenticationList';
 import ConnectExpressAuthMerchantScreen from './connectExpress/screens/AuthMerchant';
+import ConnectExpressAuthAccountCreatedLoaderScreen from './connectExpress/screens/AccountCreatedLoader';
 import AuthBusinessCountry from './auth/screens/BusinessCountry/BusinessCountry';
 import AuthMobileScreen from './auth/screens/Mobile';
 import AuthNIDScreen from './auth/screens/NID';
@@ -210,6 +211,10 @@ export var connectExpressFeatureScreens = [
     {
         name: 'CONNECT_EXPRESS_AUTH_MERCHANT_LIST_STEP',
         element: ConnectExpressAuthMerchantScreen
+    },
+    {
+        name: 'CONNECT_EXPRESS_AUTH_ACCOUNT_CREATED_STEP',
+        element: ConnectExpressAuthAccountCreatedLoaderScreen
     }
 ];
 export var authFeatureScreens = [

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

@@ -2,6 +2,8 @@ import * as React from 'react';
 export interface DataLoadingProps {
     error?: string | null;
     children?: React.ReactNode;
+    title?: string;
+    hideSubtitle?: boolean;
 }
-declare const _default: React.MemoExoticComponent<({ error, children }: DataLoadingProps) => import("react/jsx-runtime").JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ error, children, title, hideSubtitle }: DataLoadingProps) => import("react/jsx-runtime").JSX.Element>;
 export default _default;

package/build/features/shared/DataLoading/DataLoading.js

@@ -51,8 +51,8 @@ var SubTitleStyled = styled(Text)(function (_a) {
     return (__assign(__assign({}, theme.typography.body2), { color: theme.palette.text.primary, fontWeight: theme.typography.fontWeightMedium, lineHeight: '16.8px', textAlign: 'center' }));
 });
 var DataLoading = function (_a) {
-    var error = _a.error, children = _a.children;
+    var error = _a.error, children = _a.children, title = _a.title, hideSubtitle = _a.hideSubtitle;
     var t = useTranslation().t;
-    return (_jsxs(ScreenContainer, __assign({ sx: { mb: 2.5 } }, { children: [_jsxs(TitleContainerStyled, { children: [_jsx(Collapse, __assign({ in: !!error }, { children: _jsx(GenericError, { error: error || '', errorTitle: 'oops' }) })), _jsxs(Collapse, __assign({ in: !error }, { children: [_jsx(Container, { children: _jsx(LottieFile, { file: LottieAnimationFiles.account_creation, loop: true, height: '375px' }) }), _jsxs(_Fragment, { children: [_jsx(TitleStyled, { children: t('prepare_data_title') }), _jsx(SubTitleStyled, { children: t('prepare_data_description') })] })] }))] }), children] })));
+    return (_jsxs(ScreenContainer, __assign({ sx: { mb: 2.5 } }, { children: [_jsxs(TitleContainerStyled, { children: [_jsx(Collapse, __assign({ in: !!error }, { children: _jsx(GenericError, { error: error || '', errorTitle: 'oops' }) })), _jsxs(Collapse, __assign({ in: !error }, { children: [_jsx(Container, { children: _jsx(LottieFile, { file: LottieAnimationFiles.account_creation, loop: true, height: '375px' }) }), _jsxs(_Fragment, { children: [_jsx(TitleStyled, { children: t(title || 'prepare_data_title') }), !hideSubtitle && _jsx(SubTitleStyled, { children: t('prepare_data_description') })] })] }))] }), children] })));
 };
 export default React.memo(DataLoading);

package/package.json

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