@tap-payments/auth-jsconnect 1.0.59 → 1.0.60

package/build/app/settings.js

@@ -154,7 +154,7 @@ export var settingsSlice = createSlice({
         },
         handleActiveFlowScreens: function (state, action) {
             state.data.featureScreensNavigation = action.payload;
-            state.data.activeScreen = action.payload[5];
+            state.data.activeScreen = action.payload[0];
         },
         handleSetAppConfig: function (state, action) {
             var _a = action.payload, appInfo = _a.appInfo, businessCountryCode = _a.businessCountryCode, language = _a.language, onError = _a.onError, onFlowCompleted = _a.onFlowCompleted, publicKey = _a.publicKey;

package/build/assets/locales/ar.json

@@ -223,5 +223,13 @@
     "add_other_fl": "Add Freelance",
     "add_other_cr": "Add CR",
     "cr_number": "CR Number",
-    "fl_number": "FL Number"
+    "fl_number": "FL Number",
+    "tax_flow_completed": "Tax",
+    "individual_flow_completed": "Individual",
+    "bank_flow_completed": "Bank",
+    "password_flow_completed": "Password",
+    "tax_flow_pending": "Tax",
+    "individual_flow_pending": "Individual",
+    "bank_flow_pending": "Bank",
+    "password_flow_pending": "Password"
 }

package/build/assets/locales/en.json

@@ -237,5 +237,13 @@
     "add_other_fl": "Add Freelance",
     "add_other_cr": "Add CR",
     "cr_number": "CR Number",
-    "fl_number": "FL Number"
+    "fl_number": "FL Number",
+    "tax_flow_completed": "Tax",
+    "individual_flow_completed": "Individual",
+    "bank_flow_completed": "Bank",
+    "password_flow_completed": "Password",
+    "tax_flow_pending": "Tax",
+    "individual_flow_pending": "Individual",
+    "bank_flow_pending": "Bank",
+    "password_flow_pending": "Password"
 }

package/build/constants/app.js

@@ -63,18 +63,18 @@ export var BUSINESS_SCREENS_NAVIGATION = [
         prev: 'BUSINESS_VERIFY_NUMBER_STEP',
         order: 2
     },
-    {
-        name: 'BUSINESS_OTP_STEP',
-        next: 'BUSINESS_BUSINESS_TYPE_STEP',
-        prev: 'BUSINESS_IDBOD_STEP',
-        order: 3
-    },
     {
         name: 'BUSINESS_BUSINESS_TYPE_STEP',
         next: 'BUSINESS_ACTIVITIES_STEP',
         prev: 'BUSINESS_IDBOD_STEP',
         order: 2
     },
+    {
+        name: 'BUSINESS_OTP_STEP',
+        next: 'BUSINESS_BUSINESS_TYPE_STEP',
+        prev: 'BUSINESS_IDBOD_STEP',
+        order: 3
+    },
     {
         name: 'BUSINESS_CONFIRM_STEP',
         next: 'BUSINESS_ACTIVITIES_STEP',
@@ -98,6 +98,12 @@ export var BUSINESS_SCREENS_NAVIGATION = [
         next: '',
         prev: 'BUSINESS_CUSTOMERS_STEP',
         order: 6
+    },
+    {
+        name: 'BUSINESS_SUCCESS_FOUR_FLOWS_BUTTONS_STEP',
+        next: '',
+        prev: '',
+        order: 6
     }
 ];
 export var INDIVIDUAL_SCREENS_NAVIGATION = [

package/build/constants/assets.d.ts

@@ -37,4 +37,8 @@ export declare const ICONS_NAMES: {
     GMAIL_ICON: string;
     OUTLOOK_ICON: string;
     APPLE_MAIL_ICON: string;
+    TAX_ICON: string;
+    BANK_ICON: string;
+    INDIVIDUAL_ICON: string;
+    PASSWORD_ICON: string;
 };

package/build/constants/assets.js

@@ -35,6 +35,10 @@ export var ICONS_NAMES = {
     EMAIL_ICON: 'https://dash.b-cdn.net/icons/menu/email.png',
     MOBILE_ICON: 'https://dash.b-cdn.net/icons/menu/mobile.svg',
     GMAIL_ICON: 'https://dash.b-cdn.net/icons/menu/gmail-icon.svg',
-    OUTLOOK_ICON: 'https://dash.b-cdn.net/icons/menu/outlook-mail.svg',
-    APPLE_MAIL_ICON: 'https://dash.b-cdn.net/icons/menu/mail-ios.svg'
+    OUTLOOK_ICON: 'https://dash.b-cdn.net/icons/menu/outlook-icon.svg',
+    APPLE_MAIL_ICON: 'https://dash.b-cdn.net/icons/menu/apple-icon.svg',
+    TAX_ICON: 'https://email-templates.b-cdn.net/file.png',
+    BANK_ICON: 'https://email-templates.b-cdn.net/dollar_square.png',
+    INDIVIDUAL_ICON: 'https://email-templates.b-cdn.net/user.png',
+    PASSWORD_ICON: 'https://email-templates.b-cdn.net/lock_square.png'
 };

package/build/features/app/business/businessStore.js

@@ -79,10 +79,9 @@ export var getCountries = createAsyncThunk('getCountries', function (_, thunkApi
     });
 }); });
 export var verifyLeadToken = createAsyncThunk('verifyLeadToken', function (token, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var payload, data, leadResponse, steps, hasBusinessCompleted;
-    var _a;
-    return __generator(this, function (_b) {
-        switch (_b.label) {
+    var payload, data, leadResponse;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
             case 0:
                 payload = {
                     service_name: 'tap_email',
@@ -90,31 +89,25 @@ export var verifyLeadToken = createAsyncThunk('verifyLeadToken', function (token
                 };
                 return [4, API.leadService.verifyLeadToken(payload)];
             case 1:
-                data = (_b.sent()).data;
+                data = (_a.sent()).data;
                 leadResponse = undefined;
                 if (!(!(data === null || data === void 0 ? void 0 : data.errors) && !(data === null || data === void 0 ? void 0 : data.mw_error))) return [3, 3];
                 return [4, API.leadService.retrieveLead(data === null || data === void 0 ? void 0 : data.id)];
             case 2:
-                leadResponse = _b.sent();
-                steps = (_a = leadResponse === null || leadResponse === void 0 ? void 0 : leadResponse.data) === null || _a === void 0 ? void 0 : _a.steps;
-                hasBusinessCompleted = Object.keys(steps).find(function (key) { return key === BUSINESS_STEP_NAMES.BUSINESS_SUCCESS; });
-                if (hasBusinessCompleted) {
-                    thunkApi.dispatch(handleCurrentActiveScreen('BUSINESS_SUCCESS_STEP'));
-                    return [2, { data: data, leadData: leadResponse === null || leadResponse === void 0 ? void 0 : leadResponse.data, token: token }];
-                }
+                leadResponse = _a.sent();
                 if (data.step_name === BUSINESS_STEP_NAMES.IDENTITY_AUTH) {
-                    thunkApi.dispatch(handleCurrentActiveScreen('BUSINESS_IDBOD_STEP'));
+                    thunkApi.dispatch(handleNextScreenStep('BUSINESS_IDBOD_STEP'));
                 }
                 if (data.step_name === 'business_info') {
-                    thunkApi.dispatch(handleCurrentActiveScreen('BUSINESS_BUSINESS_TYPE_STEP'));
+                    thunkApi.dispatch(handleNextScreenStep('BUSINESS_BUSINESS_TYPE_STEP'));
                 }
-                _b.label = 3;
+                _a.label = 3;
             case 3: return [2, { data: data, leadData: leadResponse === null || leadResponse === void 0 ? void 0 : leadResponse.data, token: token }];
         }
     });
 }); });
 export var verifyLeadOTP = createAsyncThunk('verifyLeadOTP', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var _a, business, settings, isNID, responseBody, payload, data;
+    var _a, business, settings, isNID, responseBody, payload, data, steps, hasBusinessCompleted;
     var _b, _c, _d;
     return __generator(this, function (_e) {
         switch (_e.label) {
@@ -134,11 +127,16 @@ export var verifyLeadOTP = createAsyncThunk('verifyLeadOTP', function (params, t
                 data = (_e.sent()).data;
                 if (!data.errors) {
                     (_d = (_c = settings.data.appConfig).onStepCompleted) === null || _d === void 0 ? void 0 : _d.call(_c, settings.data.activeScreen.name, { otp: params.otp });
+                    steps = (responseBody === null || responseBody === void 0 ? void 0 : responseBody.steps) || [];
+                    hasBusinessCompleted = Object.keys(steps).find(function (key) { return key === BUSINESS_STEP_NAMES.BUSINESS_SUCCESS; });
                     if (isNID) {
                         thunkApi.dispatch(handleNextScreenStep());
                     }
                     else {
-                        if (data.step_name === BUSINESS_STEP_NAMES.IDENTITY_AUTH) {
+                        if (hasBusinessCompleted) {
+                            thunkApi.dispatch(handleCurrentActiveScreen('BUSINESS_SUCCESS_FOUR_FLOWS_BUTTONS_STEP'));
+                        }
+                        else if (data.step_name === BUSINESS_STEP_NAMES.IDENTITY_AUTH) {
                             thunkApi.dispatch(handleNextScreenStep('BUSINESS_IDBOD_STEP'));
                         }
                         else {

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

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

package/build/features/business/screens/SuccessWithFlowButtons/SuccessWithFlowButtons.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 { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { memo } from 'react';
+import { useTranslation } from 'react-i18next';
+import { styled } from '@mui/material/styles';
+import Box from '@mui/material/Box';
+import Text from '../../../../components/Text';
+import Container from '../../../shared/Containers/ScreenContainer';
+import { FlowsButtons } from '../../../shared/Button';
+import { ICONS_NAMES } from '../../../../constants';
+var TextContainerStyled = styled(Box)(function (_a) {
+    var _b;
+    var theme = _a.theme;
+    return (_b = {
+            background: theme.palette.common.white,
+            border: '1px solid',
+            width: '100%',
+            borderColor: theme.palette.divider,
+            borderRadius: theme.spacing(0, 0, 1.25, 1.25)
+        },
+        _b[theme.breakpoints.up('sm')] = {
+            marginBottom: theme.spacing(7.5)
+        },
+        _b);
+});
+var TitleStyled = styled(Text)(function (_a) {
+    var theme = _a.theme;
+    return (__assign({ fontWeight: theme.typography.fontWeightRegular, color: theme.palette.text.primary, marginBlock: theme.spacing(1.75), lineHeight: 1.75, padding: '0px 20px' }, theme.typography.subtitle2));
+});
+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%'
+    });
+});
+var SuccessWithFlowButtons = function () {
+    var t = useTranslation().t;
+    return (_jsxs(ContainerStyled, { children: [_jsx(TextContainerStyled, { children: _jsxs(TitleStyled, { children: [t('ide_successfully_verified_message'), " "] }) }), _jsx(ButtonGroupStyled, { children: _jsx(FlowsButtons, { buttons: [
+                        {
+                            title: t('tax_flow_completed'),
+                            href: '#',
+                            src: ICONS_NAMES.TAX_ICON
+                        },
+                        {
+                            title: t('individual_flow_completed'),
+                            href: '#',
+                            src: ICONS_NAMES.INDIVIDUAL_ICON
+                        },
+                        {
+                            title: t('bank_flow_completed'),
+                            href: '#',
+                            src: ICONS_NAMES.BANK_ICON
+                        },
+                        {
+                            title: t('password_flow_completed'),
+                            href: '#',
+                            src: ICONS_NAMES.PASSWORD_ICON
+                        }
+                    ] }) })] }));
+};
+export default memo(SuccessWithFlowButtons);

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

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

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

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

package/build/features/featuresScreens.js

@@ -11,6 +11,7 @@ import BusinessOTPPage from './business/screens/OTP';
 import BusinessTypePage from './business/screens/BusinessType';
 import ActivitiesPage from './business/screens/Activities';
 import SuccessPage from './business/screens/Success';
+import SuccessWithFlowButtonsPage from './business/screens/SuccessWithFlowButtons';
 import PasswordVerifyPage from './password/screens/Verify';
 import CreatePasswordPage from './password/screens/CreatePassword';
 import SuccessPasswordPage from './password/screens/Success';
@@ -75,7 +76,8 @@ export var businessFeatureScreens = [
         name: 'BUSINESS_CUSTOMERS_STEP',
         element: CustomersPage
     },
-    { name: 'BUSINESS_SUCCESS_STEP', element: SuccessPage }
+    { name: 'BUSINESS_SUCCESS_STEP', element: SuccessPage },
+    { name: 'BUSINESS_SUCCESS_FOUR_FLOWS_BUTTONS_STEP', element: SuccessWithFlowButtonsPage }
 ];
 export var passwordFeatureScreens = [
     {

package/build/features/shared/Button/FlowsButtons.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { ButtonProps } from '../../../components/Button';
+declare type buttonProps = {
+    title: string;
+    href: string;
+    src: string;
+};
+export interface EmailProvidersButtonsProps extends ButtonProps {
+    buttons: buttonProps[];
+}
+export default function FlowsButtons({ buttons }: EmailProvidersButtonsProps): JSX.Element;
+export {};

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

@@ -0,0 +1,57 @@
+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 Button from '../../../components/Button';
+import { alpha, styled } from '@mui/material/styles';
+import Box from '@mui/material/Box';
+import Link from '@mui/material/Link';
+var Image = styled('img')(function (_a) {
+    var theme = _a.theme;
+    return ({
+        width: theme.spacing(3),
+        height: theme.spacing(3),
+        fontSize: theme.spacing(3),
+        marginInlineStart: theme.spacing(1)
+    });
+});
+var ButtonBoxStyled = styled(Box)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        margin: theme.spacing(0, 2.5, 2.5, 2.5)
+    });
+});
+var ButtonStyled = styled(Button)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        width: '100%',
+        paddingInlineStart: theme.spacing(0.75),
+        backgroundColor: theme.palette.common.white,
+        border: "1px solid ".concat(theme.palette.primary.main),
+        color: theme.palette.primary.main,
+        '&:hover': {
+            backgroundColor: theme.palette.primary.main,
+            color: theme.palette.common.white
+        },
+        '&:disabled': {
+            backgroundColor: theme.palette.common.white,
+            color: alpha(theme.palette.primary.main, 0.3)
+        }
+    });
+});
+export default function FlowsButtons(_a) {
+    var buttons = _a.buttons;
+    return (_jsx(ButtonBoxStyled, { children: buttons.map(function (_a, index) {
+            var title = _a.title, href = _a.href, src = _a.src;
+            var isLast = index === buttons.length - 1;
+            return (_jsx(Link, __assign({ href: href, underline: 'none', target: '_blank' }, { children: _jsx(ButtonStyled, __assign({ sx: { mb: isLast ? 0 : 1.8 }, startIcon: _jsx(Image, { src: src, alt: title }), type: 'button' }, { children: title })) }), index));
+        }) }));
+}

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

@@ -2,5 +2,6 @@ import Button from './Button';
 import AbsherButton from './AbsherButton';
 import MobileButton from './MobileButton';
 import EmailProvidersButton from './EmailProvidersButtons';
-export { AbsherButton, MobileButton, EmailProvidersButton };
+import FlowsButtons from './FlowsButtons';
+export { AbsherButton, MobileButton, EmailProvidersButton, FlowsButtons };
 export default Button;

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

@@ -2,5 +2,6 @@ import Button from './Button';
 import AbsherButton from './AbsherButton';
 import MobileButton from './MobileButton';
 import EmailProvidersButton from './EmailProvidersButtons';
-export { AbsherButton, MobileButton, EmailProvidersButton };
+import FlowsButtons from './FlowsButtons';
+export { AbsherButton, MobileButton, EmailProvidersButton, FlowsButtons };
 export default Button;

package/package.json

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