@tap-payments/auth-jsconnect 1.0.62 → 1.0.63

package/build/api/lead.d.ts

@@ -56,7 +56,10 @@ export declare type UpdateLeadBody = {
     license_type?: string;
     is_acknowledged?: boolean;
     terms_conditions_accepted?: boolean;
-    email_url?: string;
+    flows?: {
+        name: string;
+        url: string;
+    }[];
 };
 export declare type LeadVerifyBody = {
     verify_token: string;

package/build/constants/assets.d.ts

@@ -35,11 +35,20 @@ export declare const ICONS_NAMES: {
     ABSHER_LOGO: string;
     EMAIL_ICON: string;
     MOBILE_ICON: string;
-    GMAIL_ICON: string;
-    OUTLOOK_ICON: string;
-    APPLE_MAIL_ICON: string;
-    TAX_ICON: string;
-    BANK_ICON: string;
-    INDIVIDUAL_ICON: string;
-    PASSWORD_ICON: string;
+    GMAIL_Filled_ICON: string;
+    GMAIL_White_ICON: string;
+    outlook_Filled_ICON: string;
+    outlook_White_ICON: string;
+    Apple_Filled_ICON: string;
+    apple_white_icon: string;
+    Tax_filled_icon: string;
+    Tax_white_icon: string;
+    Bank_filled_icon: string;
+    Bank_white_icon: string;
+    User_filled_icon: string;
+    User_white_icon: string;
+    Password_filled_icon: string;
+    Password_white_icon: string;
+    Arrow_filled_right_icon: string;
+    Arrow_white_right_icon: string;
 };

package/build/constants/assets.js

@@ -35,11 +35,20 @@ export var ICONS_NAMES = {
     ABSHER_LOGO: 'https://dash.b-cdn.net/icons/menu/Absher.svg',
     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-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'
+    GMAIL_Filled_ICON: 'https://dash.b-cdn.net/icons/menu/Gmail-filled.svg',
+    GMAIL_White_ICON: 'https://dash.b-cdn.net/icons/menu/Gmail-white.svg',
+    outlook_Filled_ICON: 'https://dash.b-cdn.net/icons/menu/Outlook-filled.svg',
+    outlook_White_ICON: 'https://dash.b-cdn.net/icons/menu/Outlook-white.svg',
+    Apple_Filled_ICON: 'https://dash.b-cdn.net/icons/menu/Apple-filled.svg',
+    apple_white_icon: 'https://dash.b-cdn.net/icons/menu/Apple-white.svg',
+    Tax_filled_icon: 'https://dash.b-cdn.net/icons/menu/tax-filled.svg',
+    Tax_white_icon: 'https://dash.b-cdn.net/icons/menu/tax-white.svg',
+    Bank_filled_icon: 'https://dash.b-cdn.net/icons/menu/bank-filled.svg',
+    Bank_white_icon: 'https://dash.b-cdn.net/icons/menu/bank-white.svg',
+    User_filled_icon: 'https://dash.b-cdn.net/icons/menu/user-filled.svg',
+    User_white_icon: 'https://dash.b-cdn.net/icons/menu/user-white.svg',
+    Password_filled_icon: 'https://dash.b-cdn.net/icons/menu/password-filled.svg',
+    Password_white_icon: 'https://dash.b-cdn.net/icons/menu/password-white.svg',
+    Arrow_filled_right_icon: 'https://dash.b-cdn.net/icons/menu/right-arrow-filled.svg',
+    Arrow_white_right_icon: 'https://dash.b-cdn.net/icons/menu/right-arrow-white.svg'
 };

package/build/features/app/business/businessStore.d.ts

@@ -29,7 +29,11 @@ export declare const updateLeadIdentity: import("@reduxjs/toolkit").AsyncThunk<{
 }, {}>;
 export declare const retrieveEntityList: import("@reduxjs/toolkit").AsyncThunk<{
     data: any;
-}, string, {}>;
+    licenseNumber: string;
+}, {
+    leadId: string;
+    licenseNumber: string;
+}, {}>;
 export declare const updateLeadBusinessType: import("@reduxjs/toolkit").AsyncThunk<{
     data: any;
     formData: BusinessTypeFormValues;
@@ -58,7 +62,7 @@ export declare const updateCustomersInfo: import("@reduxjs/toolkit").AsyncThunk<
 export declare const updateLeadSuccess: import("@reduxjs/toolkit").AsyncThunk<{
     response: any;
     formData: void;
-}, void, {}>;
+} | undefined, void, {}>;
 declare type VerifyData = {
     token: string;
 };

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

@@ -60,7 +60,7 @@ import moment from 'moment';
 import API from '../../../api';
 import { BusinessType } from '../../../@types';
 import { BUSINESS_STEP_NAMES, defaultCountry, IDENTIFICATION_TYPE, OTHER_CR_LICENSE, OTHER_FL_LICENSE } from '../../../constants';
-import { convertNumbers2English, getClientEmailUrl, removeRequestHeaders } from '../../../utils';
+import { convertNumbers2English, getFlowUrl, removeRequestHeaders } from '../../../utils';
 import { handleCurrentActiveScreen, handleNextScreenStep } from '../../../app/settings';
 export var getCountries = createAsyncThunk('getCountries', function (_, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
     var settings, countriesBody, businessCountry;
@@ -80,8 +80,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;
-    return __generator(this, function (_a) {
-        switch (_a.label) {
+    var _a, _b, _c;
+    return __generator(this, function (_d) {
+        switch (_d.label) {
             case 0:
                 payload = {
                     service_name: 'tap_email',
@@ -89,22 +90,22 @@ export var verifyLeadToken = createAsyncThunk('verifyLeadToken', function (token
                 };
                 return [4, API.leadService.verifyLeadToken(payload)];
             case 1:
-                data = (_a.sent()).data;
+                data = (_d.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, 4];
                 return [4, API.leadService.retrieveLead(data === null || data === void 0 ? void 0 : data.id)];
             case 2:
-                leadResponse = _a.sent();
-                return [4, thunkApi.dispatch(retrieveEntityList(data === null || data === void 0 ? void 0 : data.id))];
+                leadResponse = _d.sent();
+                return [4, thunkApi.dispatch(retrieveEntityList({ leadId: data === null || data === void 0 ? void 0 : data.id, licenseNumber: (_c = (_b = (_a = leadResponse === null || leadResponse === void 0 ? void 0 : leadResponse.data) === null || _a === void 0 ? void 0 : _a.entity) === null || _b === void 0 ? void 0 : _b.license) === null || _c === void 0 ? void 0 : _c.number }))];
             case 3:
-                _a.sent();
+                _d.sent();
                 if (data.step_name === BUSINESS_STEP_NAMES.IDENTITY_AUTH) {
                     thunkApi.dispatch(handleNextScreenStep('BUSINESS_IDBOD_STEP'));
                 }
                 if (data.step_name === 'business_info') {
                     thunkApi.dispatch(handleNextScreenStep('BUSINESS_BUSINESS_TYPE_STEP'));
                 }
-                _a.label = 4;
+                _d.label = 4;
             case 4: return [2, { data: data, leadData: leadResponse === null || leadResponse === void 0 ? void 0 : leadResponse.data, token: token }];
         }
     });
@@ -182,14 +183,14 @@ export var updateLeadIdentity = createAsyncThunk('updateLeadIdentity', function
         }
     });
 }); });
-export var retrieveEntityList = createAsyncThunk('retrieveEntityList', function (leadId, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
+export var retrieveEntityList = createAsyncThunk('retrieveEntityList', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
     var data;
     return __generator(this, function (_a) {
         switch (_a.label) {
-            case 0: return [4, API.leadService.retrieveEntityList(leadId)];
+            case 0: return [4, API.leadService.retrieveEntityList(params.leadId)];
             case 1:
                 data = (_a.sent()).data;
-                return [2, { data: data }];
+                return [2, { data: data, licenseNumber: params.licenseNumber }];
         }
     });
 }); });
@@ -340,27 +341,44 @@ export var updateCustomersInfo = createAsyncThunk('updateCustomersInfo', functio
     });
 }); });
 export var updateLeadSuccess = createAsyncThunk('updateLeadSuccess', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var _a, settings, business, response, payload;
-    var _b, _c, _d, _e, _f, _g;
-    return __generator(this, function (_h) {
-        switch (_h.label) {
+    var _a, settings, business, id, payload, data;
+    var _b, _c, _d, _e;
+    return __generator(this, function (_f) {
+        switch (_f.label) {
             case 0:
                 _a = thunkApi.getState(), settings = _a.settings, business = _a.business;
-                response = undefined;
-                if (!!!((_b = business.data.otpData.responseBody) === null || _b === void 0 ? void 0 : _b.id)) return [3, 2];
+                id = (business.data.otpData.responseBody || {}).id;
+                if (!id)
+                    return [2];
                 payload = {
                     step_name: BUSINESS_STEP_NAMES.BUSINESS_SUCCESS,
-                    id: ((_c = business.data.otpData.responseBody) === null || _c === void 0 ? void 0 : _c.id) || '',
-                    email_url: getClientEmailUrl(),
+                    id: id,
+                    flows: [
+                        {
+                            name: 'tax',
+                            url: getFlowUrl('/tax')
+                        },
+                        {
+                            name: 'bank',
+                            url: getFlowUrl('/bank')
+                        },
+                        {
+                            name: 'individual',
+                            url: getFlowUrl('/individual')
+                        },
+                        {
+                            name: 'password',
+                            url: getFlowUrl('/password')
+                        }
+                    ],
                     encryption_contract: []
                 };
                 return [4, API.leadService.updateLead(payload)];
             case 1:
-                response = _h.sent();
-                (_e = (_d = settings.data.appConfig).onStepCompleted) === null || _e === void 0 ? void 0 : _e.call(_d, settings.data.activeScreen.name, params);
-                (_g = (_f = settings.data.appConfig).onFlowCompleted) === null || _g === void 0 ? void 0 : _g.call(_f, { data: response === null || response === void 0 ? void 0 : response.data });
-                _h.label = 2;
-            case 2: return [2, { response: response === null || response === void 0 ? void 0 : response.data, formData: params }];
+                data = (_f.sent()).data;
+                (_c = (_b = settings.data.appConfig).onStepCompleted) === null || _c === void 0 ? void 0 : _c.call(_b, settings.data.activeScreen.name, params);
+                (_e = (_d = settings.data.appConfig).onFlowCompleted) === null || _e === void 0 ? void 0 : _e.call(_d, { data: data });
+                return [2, { response: data, formData: params }];
         }
     });
 }); });
@@ -508,10 +526,10 @@ export var businessSlice = createSlice({
             state.customLoading = true;
         })
             .addCase(retrieveEntityList.fulfilled, function (state, action) {
-            var _a, _b;
+            var _a, _b, _c;
             state.error = null;
             state.customLoading = false;
-            var data = action.payload.data;
+            var _d = action.payload, data = _d.data, licenseNumber = _d.licenseNumber;
             var description = (((_a = data === null || data === void 0 ? void 0 : data.errors) === null || _a === void 0 ? void 0 : _a[0]) || {}).description;
             var licenseList = [];
             if (!description) {
@@ -530,9 +548,9 @@ export var businessSlice = createSlice({
             }
             licenseList = __spreadArray(__spreadArray([], licenseList, true), [OTHER_CR_LICENSE, OTHER_FL_LICENSE], false);
             state.data.businessTypeData.responseBody = { licenseList: licenseList };
-            var selectedLicense = licenseList === null || licenseList === void 0 ? void 0 : licenseList[0];
+            var selectedLicense = ((_b = licenseList === null || licenseList === void 0 ? void 0 : licenseList.find) === null || _b === void 0 ? void 0 : _b.call(licenseList, function (item) { var _a; return ((_a = item.license) === null || _a === void 0 ? void 0 : _a.number) === licenseNumber; })) || (licenseList === null || licenseList === void 0 ? void 0 : licenseList[0]);
             state.data.businessTypeData.selectedLicense = selectedLicense;
-            state.data.businessTypeData.licenseNumber = (_b = selectedLicense === null || selectedLicense === void 0 ? void 0 : selectedLicense.license) === null || _b === void 0 ? void 0 : _b.number;
+            state.data.businessTypeData.licenseNumber = (_c = selectedLicense === null || selectedLicense === void 0 ? void 0 : selectedLicense.license) === null || _c === void 0 ? void 0 : _c.number;
         })
             .addCase(retrieveEntityList.rejected, function (state, action) {
             state.error = action.error.message;
@@ -665,7 +683,7 @@ export var businessSlice = createSlice({
             var _a;
             state.loading = false;
             state.error = null;
-            var response = action.payload.response;
+            var response = (action.payload || {}).response;
             var description = (((_a = response === null || response === void 0 ? void 0 : response.errors) === null || _a === void 0 ? void 0 : _a[0]) || {}).description;
             if (description) {
                 state.error = description;

package/build/features/app/connect/connectStore.js

@@ -60,7 +60,7 @@ import { handleNextScreenStep } from '../../../app/settings';
 import API from '../../../api';
 import { BRAND_LIST, CONNECT_STEP_NAMES, IDENTIFICATION_TYPE, INSTAGRAM_URL, OTHER_BRAND, TWITTER_URL } from '../../../constants';
 import { defaultCountry } from '../../../constants';
-import { getIndividualName, getClientEmailUrl, capitalizeTheFirstLetterOfEachWord, removeRequestHeaders } from '../../../utils';
+import { getIndividualName, getFlowUrl, capitalizeTheFirstLetterOfEachWord, removeRequestHeaders } from '../../../utils';
 export var getCountries = createAsyncThunk('getCountries', function (_, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
     var settings, countriesBody, businessCountry;
     return __generator(this, function (_a) {
@@ -352,7 +352,12 @@ export var updateLeadSuccess = createAsyncThunk('updateLeadSuccess', function (p
                 isExistingUser = (responseBody === null || responseBody === void 0 ? void 0 : responseBody.new_user) === false;
                 payload = {
                     step_name: CONNECT_STEP_NAMES.CONNECT_SUCCESS,
-                    email_url: getClientEmailUrl(),
+                    flows: [
+                        {
+                            name: 'business',
+                            url: getFlowUrl('/business')
+                        }
+                    ],
                     id: (isExistingUser ? (_c = brandData.responseBody) === null || _c === void 0 ? void 0 : _c.lead_id : (_d = otpData.responseBody) === null || _d === void 0 ? void 0 : _d.lead_id) || '',
                     encryption_contract: []
                 };

package/build/features/business/screens/BusinessType/LicenseList.js

@@ -96,7 +96,7 @@ var LicenseList = function (_a) {
         var _a, _b;
         if ((item === null || item === void 0 ? void 0 : item.type) === BusinessType.FL && !isOtherLicense(item))
             return t('future_work');
-        return (isAr ? (_a = item === null || item === void 0 ? void 0 : item.legal_name) === null || _a === void 0 ? void 0 : _a.ar : (_b = item === null || item === void 0 ? void 0 : item.legal_name) === null || _b === void 0 ? void 0 : _b.en) || '';
+        return t((isAr ? (_a = item === null || item === void 0 ? void 0 : item.legal_name) === null || _a === void 0 ? void 0 : _a.ar : (_b = item === null || item === void 0 ? void 0 : item.legal_name) === null || _b === void 0 ? void 0 : _b.en) || '');
     };
     var isOtherLicense = function (item) {
         var _a, _b;
@@ -114,8 +114,8 @@ var LicenseList = function (_a) {
     };
     var getLicenseFullName = function (item) {
         if (isAr)
-            return (_jsxs(_Fragment, { children: [_jsx("span", { children: getLicenseName(item) }), _jsx("span", { children: ' - ' }), _jsx("span", { children: getLicenseNumber(item) })] }));
-        return (_jsxs(_Fragment, { children: [_jsx("span", { children: getLicenseNumber(item) }), _jsx("span", { children: ' - ' }), _jsx("span", { children: getLicenseName(item) })] }));
+            return _jsx("span", { children: "".concat(getLicenseName(item), " - ").concat(getLicenseNumber(item)) });
+        return _jsx("span", { children: "".concat(getLicenseNumber(item), " - ").concat(getLicenseName(item)) });
     };
     var showLicenseNumber = !anchorEl;
     var selected = selectedLicenseControl.field.value;

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

@@ -19,19 +19,15 @@ 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);
+    return ({
+        background: theme.palette.common.white,
+        border: '1px solid',
+        width: '100%',
+        borderColor: theme.palette.divider,
+        borderRadius: theme.spacing(0, 0, 1.25, 1.25),
+        marginBottom: theme.spacing(7.5)
+    });
 });
 var TitleStyled = styled(Text)(function (_a) {
     var theme = _a.theme;
@@ -57,22 +53,26 @@ var SuccessWithFlowButtons = function () {
                         {
                             title: t('tax_flow_pending'),
                             href: '#',
-                            src: ICONS_NAMES.TAX_ICON
+                            src: ICONS_NAMES.Tax_filled_icon,
+                            hoverSrc: ICONS_NAMES.Tax_white_icon
                         },
                         {
                             title: t('individual_flow_pending'),
                             href: '#',
-                            src: ICONS_NAMES.INDIVIDUAL_ICON
+                            src: ICONS_NAMES.User_filled_icon,
+                            hoverSrc: ICONS_NAMES.User_white_icon
                         },
                         {
                             title: t('bank_flow_pending'),
                             href: '#',
-                            src: ICONS_NAMES.BANK_ICON
+                            src: ICONS_NAMES.Bank_filled_icon,
+                            hoverSrc: ICONS_NAMES.Bank_white_icon
                         },
                         {
                             title: t('password_flow_pending'),
                             href: '#',
-                            src: ICONS_NAMES.PASSWORD_ICON
+                            src: ICONS_NAMES.Password_filled_icon,
+                            hoverSrc: ICONS_NAMES.Password_white_icon
                         }
                     ] }) })] }));
 };

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

@@ -10,6 +10,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
 import Button from '../../../components/Button';
 import { alpha, styled } from '@mui/material/styles';
 import Box from '@mui/material/Box';
@@ -91,5 +92,6 @@ var AppleButtonStyled = styled(Button)(function (_a) {
 });
 export default function EmailProvidersButtons(_a) {
     var gmail = _a.gmail, outlook = _a.outlook, apple = _a.apple;
-    return (_jsxs(ButtonBoxStyled, { children: [_jsx(Link, __assign({ href: gmail.href, underline: 'none', target: '_blank' }, { children: _jsx(GMailButtonStyled, __assign({ startIcon: _jsx(Image, { src: ICONS_NAMES.GMAIL_ICON, alt: gmail.title }), type: 'button' }, { children: gmail.title })) })), _jsx(Link, __assign({ href: apple.href, underline: 'none', target: '_blank' }, { children: _jsx(AppleButtonStyled, __assign({ startIcon: _jsx(Image, { src: ICONS_NAMES.APPLE_MAIL_ICON, alt: apple.title }), type: 'button' }, { children: apple.title })) })), _jsx(Link, __assign({ href: outlook.href, underline: 'none', target: '_blank' }, { children: _jsx(OutlookButtonStyled, __assign({ startIcon: _jsx(Image, { src: ICONS_NAMES.OUTLOOK_ICON, alt: outlook.title }), type: 'button' }, { children: outlook.title })) }))] }));
+    var _b = React.useState(), index = _b[0], setIndex = _b[1];
+    return (_jsxs(ButtonBoxStyled, { children: [_jsx(Link, __assign({ href: gmail.href, underline: 'none', target: '_blank', onMouseEnter: function () { return setIndex(0); }, onMouseLeave: function () { return setIndex(undefined); } }, { children: _jsx(GMailButtonStyled, __assign({ startIcon: _jsx(Image, { src: index === 0 ? ICONS_NAMES.GMAIL_White_ICON : ICONS_NAMES.GMAIL_Filled_ICON, alt: gmail.title }), type: 'button' }, { children: gmail.title })) })), _jsx(Link, __assign({ href: apple.href, underline: 'none', target: '_blank', onMouseEnter: function () { return setIndex(1); }, onMouseLeave: function () { return setIndex(undefined); } }, { children: _jsx(AppleButtonStyled, __assign({ startIcon: _jsx(Image, { src: index === 1 ? ICONS_NAMES.apple_white_icon : ICONS_NAMES.Apple_Filled_ICON, alt: apple.title }), type: 'button' }, { children: apple.title })) })), _jsx(Link, __assign({ href: outlook.href, underline: 'none', target: '_blank', onMouseEnter: function () { return setIndex(2); }, onMouseLeave: function () { return setIndex(undefined); } }, { children: _jsx(OutlookButtonStyled, __assign({ startIcon: _jsx(Image, { src: index === 2 ? ICONS_NAMES.outlook_White_ICON : ICONS_NAMES.outlook_Filled_ICON, alt: outlook.title }), type: 'button' }, { children: outlook.title })) }))] }));
 }

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

@@ -4,6 +4,7 @@ declare type buttonProps = {
     title: string;
     href: string;
     src: string;
+    hoverSrc: string;
 };
 export interface EmailProvidersButtonsProps extends ButtonProps {
     buttons: buttonProps[];

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

@@ -23,7 +23,7 @@ var Image = styled('img', { shouldForwardProp: function (prop) { return prop !==
         height: theme.spacing(3),
         fontSize: theme.spacing(3),
         marginInlineStart: theme.spacing(1),
-        transform: isAr ? 'scaleX(-1)' : 'scaleX(1)'
+        transform: theme.direction === 'rtl' ? 'scaleX(-1)' : 'scaleX(1)'
     });
 });
 var ButtonBoxStyled = styled(Box)(function (_a) {
@@ -55,8 +55,8 @@ export default function FlowsButtons(_a) {
     var buttons = _a.buttons;
     var _b = React.useState(), index = _b[0], setIndex = _b[1];
     return (_jsx(ButtonBoxStyled, { children: buttons.map(function (_a, idx) {
-            var title = _a.title, href = _a.href, src = _a.src;
+            var title = _a.title, href = _a.href, src = _a.src, hoverSrc = _a.hoverSrc;
             var isLast = idx === buttons.length - 1;
-            return (_jsx(Link, __assign({ underline: 'none' }, { children: _jsx(ButtonStyled, __assign({ onMouseEnter: function () { return setIndex(idx); }, onMouseLeave: function () { return setIndex(undefined); }, sx: { mb: isLast ? 0 : 1.8 }, endIcon: _jsx(Image, { src: index === idx ? ICONS_NAMES.WHITE_ARROW : ICONS_NAMES.BLACK_ARROW }), startIcon: _jsx(Image, { src: src, alt: title }), type: 'button' }, { children: title })) }), idx));
+            return (_jsx(Link, __assign({ underline: 'none', onMouseEnter: function () { return setIndex(idx); }, onMouseLeave: function () { return setIndex(undefined); } }, { children: _jsx(ButtonStyled, __assign({ sx: { mb: isLast ? 0 : 1.8 }, endIcon: _jsx(Image, { sx: { height: 15 }, src: index === idx ? ICONS_NAMES.Arrow_white_right_icon : ICONS_NAMES.Arrow_filled_right_icon }), startIcon: _jsx(Image, { src: index === idx ? hoverSrc : src, alt: title }), type: 'button' }, { children: title })) }), idx));
         }) }));
 }

package/build/utils/string.d.ts

@@ -9,6 +9,7 @@ export declare const getIndividualName: (name: string) => {
 export declare const convertNumbers2English: (str: string) => string;
 export declare const getParameterByName: (name: string) => string | null;
 export declare const getClientEmailUrl: () => string;
+export declare const getFlowUrl: (path: string) => string;
 export declare const capitalizeTheFirstLetterOfEachWord: (words: string) => string;
 export declare const getRequestHeaders: (deviceInfo: DeviceInfo) => {
     al: string;

package/build/utils/string.js

@@ -49,6 +49,10 @@ export var getClientEmailUrl = function () {
     var origin = window.location.origin;
     return origin + '/?token=';
 };
+export var getFlowUrl = function (path) {
+    var origin = window.location.origin;
+    return origin + path + '?token=';
+};
 export var capitalizeTheFirstLetterOfEachWord = function (words) {
     var separateWord = words.toLowerCase().split(' ');
     for (var i = 0; i < separateWord.length; i++) {

package/package.json

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