@tap-payments/auth-jsconnect 2.8.23-test → 2.8.24-test

package/build/constants/app.js

@@ -252,7 +252,7 @@ export var AUTH_SCREENS_NAVIGATION = [
     },
     {
         name: 'AUTH_OTP_STEP',
-        next: 'AUTH_PREPARING_DATA_STEP',
+        next: ['AUTH_PREPARING_DATA_STEP', 'AUTH_EMAIL_SENT_STEP'],
         prev: ['AUTH_MOBILE_STEP', 'AUTH_NID_STEP', 'AUTH_EMAIL_STEP', 'AUTH_PASSWORD_STEP'],
         order: 2
     },
@@ -280,6 +280,12 @@ export var AUTH_SCREENS_NAVIGATION = [
         prev: ['AUTH_MOBILE_STEP', 'AUTH_NID_STEP', 'AUTH_CIVIL_ID_STEP', 'AUTH_EMAIL_STEP'],
         order: 3
     },
+    {
+        name: 'AUTH_EMAIL_SENT_STEP',
+        next: '',
+        prev: 'AUTH_SWITCH_STEP',
+        order: 3
+    },
     {
         name: 'AUTH_ACCOUNT_NOT_FOUND_STEP',
         next: '',

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

@@ -314,7 +314,7 @@ export var resendEmailAuthOTP = createAsyncThunk('auth/resendEmailAuthOTP', func
     });
 }); });
 export var verifyEmailOtp = createAsyncThunk('auth/verifyEmailOtp', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var _a, settings, auth, _b, responseData, leadId, _c, auth_token, device_token, service_name, auth_type, sign_in, scope, payload, data;
+    var _a, settings, auth, _b, responseData, leadId, _c, auth_token, device_token, service_name, auth_type, sign_in, scope, payload, data, stepName;
     var _d, _e, _f, _g;
     return __generator(this, function (_h) {
         switch (_h.label) {
@@ -346,8 +346,11 @@ export var verifyEmailOtp = createAsyncThunk('auth/verifyEmailOtp', function (pa
                     openConnect(settings.data.appConfig.publicKey, settings.data.businessCountry.iso2);
                     return [2, data];
                 }
+                stepName = 'AUTH_PREPARING_DATA_STEP';
+                if ((data === null || data === void 0 ? void 0 : data.auth_type) === AuthTypeNumber.MIGRATION)
+                    stepName = 'AUTH_EMAIL_SENT_STEP';
                 (_g = (_f = settings.data.appConfig).onStepCompleted) === null || _g === void 0 ? void 0 : _g.call(_f, settings.data.activeScreen.name, params);
-                sleep(100).then(function () { return thunkApi.dispatch(handleNextScreenStep('AUTH_PREPARING_DATA_STEP')); });
+                sleep(100).then(function () { return thunkApi.dispatch(handleNextScreenStep(stepName)); });
                 return [2, data];
         }
     });
@@ -541,30 +544,28 @@ export var verifyPACI = createAsyncThunk('auth/verifyPACI', function (params, th
     });
 }); });
 export var checkAccountAvailability = createAsyncThunk('auth/checkAccountAvailability', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var _a, settings, auth, authConfigData, authDataHasValue, isDataHasIndividualOnly, data, _b, authId, auth_type, accountData, _c, step_name, brands, entities, brandList, entityList, isExistingUser;
-    var _d;
-    return __generator(this, function (_e) {
-        switch (_e.label) {
+    var _a, settings, auth, authConfigData, authDataHasValue, isDataHasIndividualOnly, data, authId, accountData, _b, step_name, brands, entities, brandList, entityList, isExistingUser;
+    var _c;
+    return __generator(this, function (_d) {
+        switch (_d.label) {
             case 0:
                 _a = thunkApi.getState(), settings = _a.settings, auth = _a.auth;
                 authConfigData = settings.data.appConfig.data;
                 authDataHasValue = authConfigData === null || authConfigData === void 0 ? void 0 : authConfigData.length;
                 isDataHasIndividualOnly = (authConfigData === null || authConfigData === void 0 ? void 0 : authConfigData.length) === 1 && authConfigData.includes('individual');
-                data = (_d = auth.data.responseData) === null || _d === void 0 ? void 0 : _d.authResponse;
-                _b = data || {}, authId = _b.id, auth_type = _b.auth_type;
-                if (auth_type === AuthTypeNumber.MIGRATION) {
-                }
+                data = (_c = auth.data.responseData) === null || _c === void 0 ? void 0 : _c.authResponse;
+                authId = (data || {}).id;
                 return [4, API.accountService.checkAccountAvailability(data === null || data === void 0 ? void 0 : data.individual_id)];
             case 1:
-                accountData = _e.sent();
-                _c = accountData || {}, step_name = _c.step_name, brands = _c.brands, entities = _c.entities;
+                accountData = _d.sent();
+                _b = accountData || {}, step_name = _b.step_name, brands = _b.brands, entities = _b.entities;
                 brandList = brands || [];
                 entityList = entities || [];
                 isExistingUser = step_name === 'select_account';
                 if (!(isExistingUser && isDataHasIndividualOnly && authId)) return [3, 3];
                 return [4, thunkApi.dispatch(confirmInfo({ authId: authId }))];
             case 2:
-                _e.sent();
+                _d.sent();
                 return [2, { brandList: brandList, entityList: entityList }];
             case 3:
                 if (isExistingUser && authDataHasValue && brandList.length && entityList.length) {

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

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

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

@@ -0,0 +1,79 @@
+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, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import Box from '@mui/material/Box/Box';
+import { styled } from '@mui/material/styles';
+import { useTranslation, Trans } from 'react-i18next';
+import Text from '../../../../components/Text';
+import Icon from '../../../../components/Icon';
+import Collapse from '../../../../components/Collapse';
+import { ICONS_NAMES } from '../../../../constants';
+import Button from '../../../shared/Button';
+import FlatButton from '../../../../components/Button';
+import Warning from '../../../../components/Warning';
+import { handleCurrentActiveScreen } from '../../../../app/settings';
+import { useAppDispatch, useAppSelector, useLanguage } from '../../../../hooks';
+import { authSelector, onSignUp } from '../../../app/auth/authStore';
+import { maskEmail } from '../../../../utils';
+var Container = styled(Box)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        paddingBottom: theme.spacing(2.5),
+        paddingTop: theme.spacing(0)
+    });
+});
+var SubContainer = styled(Box)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        display: 'flex',
+        justifyContent: 'center',
+        alignItems: 'center',
+        width: '100%',
+        flexDirection: 'column',
+        padding: theme.spacing(0, 3.75),
+        paddingTop: theme.spacing(0)
+    });
+});
+var TitleStyled = styled(Text)(function (_a) {
+    var theme = _a.theme;
+    return (__assign(__assign({}, theme.typography.body1), { color: theme.palette.info.dark, fontWeight: 700, marginTop: theme.spacing(2.5), marginBottom: theme.spacing(2), textAlign: 'center' }));
+});
+var SubTitleStyled = styled(Text)(function (_a) {
+    var theme = _a.theme;
+    return (__assign(__assign({}, theme.typography.body2), { color: 'rgba(63, 66, 77, 0.60)', fontWeight: 500, textAlign: 'center' }));
+});
+var IconStyled = styled(Icon)(function () { return ({
+    width: 66,
+    height: 66
+}); });
+var EmailSent = function (_a) {
+    var _b;
+    var t = useTranslation().t;
+    var dispatch = useAppDispatch();
+    var isAr = useLanguage().isAr;
+    var _c = useAppSelector(authSelector), loading = _c.loading, error = _c.error, data = _c.data;
+    var email = (((_b = data.responseData) === null || _b === void 0 ? void 0 : _b.authResponse) || {}).email;
+    var onSignIn = function () {
+        dispatch(handleCurrentActiveScreen('AUTH_SWITCH_STEP'));
+    };
+    var handleOnSignUp = function () {
+        dispatch(onSignUp());
+    };
+    var getEmail = function () {
+        if (email)
+            return email;
+        return maskEmail(data.emailData.email);
+    };
+    return (_jsxs(Container, __assign({ dir: isAr ? 'rtl' : 'ltr' }, { children: [_jsxs(SubContainer, { children: [_jsx(IconStyled, { src: ICONS_NAMES.account_not_found }), _jsx(TitleStyled, { children: t('migration_email_sent_title') }), _jsx(SubTitleStyled, { children: _jsx(Trans, { i18nKey: 'migration_email_sent_des', values: { email: getEmail() } }) })] }), _jsx(Collapse, __assign({ in: !!error }, { children: _jsx(Warning, __assign({ sx: { mb: 1, mt: 7.4 }, warningType: 'error' }, { children: t(error || '') })) })), _jsxs(SubContainer, { children: [_jsx(FlatButton, __assign({ sx: { mb: 1.5, mt: !!error ? 0 : 7.4 }, onClick: onSignIn, variant: 'text' }, { children: t('try_sign_in') })), _jsx(Button, __assign({ loading: loading, sx: { margin: 0, width: '100%' }, disableBack: true, onClick: handleOnSignUp, isAr: isAr }, { children: t('sign_up') }))] })] })));
+};
+export default React.memo(EmailSent);

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

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

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

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

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

@@ -16,7 +16,7 @@ import { useForm, FormProvider } from 'react-hook-form';
 import Box from '@mui/material/Box/Box';
 import { styled } from '@mui/material/styles';
 import Text from '../../../../components/Text';
-import { clearError, authSelector, verifyMobileOtp, verifyNIDOtp, resetOTPValue } from '../../../app/auth/authStore';
+import { clearError, authSelector, verifyMobileOtp, verifyNIDOtp, resetOTPValue, verifyEmailOtp } from '../../../app/auth/authStore';
 import Button from '../../../shared/Button';
 import { ScreenContainer } from '../../../shared/Containers';
 import { useAppDispatch, useAppSelector, useLanguage } from '../../../../hooks';
@@ -98,6 +98,10 @@ var OTP = function () {
             dispatch(verifyNIDOtp(deepCopy(formData)));
             return;
         }
+        if (isEmailAuth) {
+            dispatch(verifyEmailOtp(deepCopy(formData)));
+            return;
+        }
         dispatch(verifyMobileOtp(deepCopy(formData)));
     };
     var onBack = function () {

package/build/features/featuresScreens.js

@@ -42,6 +42,7 @@ import AccountNotFoundScreen from './auth/screens/AccountNotFound';
 import AuthAuthenticationListScreen from './auth/screens/AuthenticationList';
 import AuthMerchantScreen from './auth/screens/AuthMerchant';
 import AuthAccountCreatedLoaderScreen from './auth/screens/AccountCreatedLoader';
+import AuthEmailSentScreen from './auth/screens/EmailSent';
 import CustomersPage from './business/screens/Customers';
 import IDBODPage from './business/screens/IDBOD';
 import BusinessVerifyPage from './business/screens/Verify';
@@ -283,6 +284,10 @@ export var authFeatureScreens = [
     {
         name: 'AUTH_ACCOUNT_CREATED_STEP',
         element: AuthAccountCreatedLoaderScreen
+    },
+    {
+        name: 'AUTH_EMAIL_SENT_STEP',
+        element: AuthEmailSentScreen
     }
 ];
 export var businessFeatureScreens = [

package/package.json

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