@tap-payments/auth-jsconnect 2.10.0-beta → 2.10.0-development

package/build/assets/locales/en.json

@@ -135,12 +135,14 @@
     "cancel": "Cancel",
     "capital_paid_hint": "00000",
     "capital_paid_label": "Capital Paid ({{currency}})",
+    "capital_paid_input_label": "Capital Paid",
     "capital_paid_required": "Please Enter paid amount",
     "capital_share_count_hint": "00000",
     "capital_share_count_label": "Capital Share Count",
     "capital_share_count_required": "Please Enter share count",
     "capital_share_value_hint": "00000",
     "capital_share_value_label": "Capital Share Value ({{currency}})",
+    "capital_share_value_input_label": "Capital Share Value",
     "capital_share_value_required": "Please Enter share value",
     "category": "Category",
     "category_name": "Category name",
@@ -288,6 +290,7 @@
     "entity_type_required": "Please select at least one entity type",
     "expected_customers_to_serve": "Customers server per month",
     "expected_sales_monthly": "Expected sale per month? ({{currency}})",
+    "expected_sale_per_month": "Expected sale per month?",
     "expected_sales_yearly": "What is the expected sales for your business per month?",
     "expected_served_monthly": "Customers server per month",
     "expiry_date": "Date of expiry",
@@ -499,6 +502,7 @@
     "please_choose_is_authorized": "Please tell us if you are the authorized user",
     "please_choose_relative_pep": "Are you or one of your relatives a Publicly Exposed Person (PEP)",
     "please_enter_actual_income": "Monthly income ({{currency}})",
+    "monthly_income": "Monthly income",
     "please_enter_employer_name": "Please enter the name of your employer",
     "please_try_again_after_few_minutes": "You can try to login again after {{minutes}} mins",
     "powered_by": "Powered by",
@@ -545,6 +549,7 @@
     "share_count_label": "Share Count",
     "share_value_hint": "0000",
     "share_value_label": "Share Value ({{currency}})",
+    "share_value_input_label": "Share Value",
     "sign_up": "Sign up",
     "signed_up": "Signed up",
     "signin_email_label": "Email address",
@@ -665,5 +670,35 @@
     "current_mobile_number": "Current mobile number",
     "new_mobile_number": "New mobile number",
     "update_mobile_number": "Update mobile number",
-    "update_later": "I'll update later"
+    "update_later": "I'll update later",
+    "terminal_manage_terminals": "Manage Terminals",
+    "terminal_link_terminal": "Link Terminal",
+    "terminal_linked": "Linked",
+    "terminal_link": "Link",
+    "terminal_unlinked": "Unlinked",
+    "terminal_paired_with": "Paired with",
+    "terminal_device_id": "Device ID",
+    "terminal_serial_number": "Serial no",
+    "terminal_qr_code_description": "Open the Tap app on the terminal and select Linked Terminal from the More menu.",
+    "terminal_or_use_code": "or use code",
+    "terminal_unlink": "Unlink",
+    "terminal_linked_with": "Linked with",
+    "terminal_send_link_request": "Send linking request",
+    "terminal_request_will_send": "A request will be sent to Tap Terminal app to confirm linking.",
+    "terminal_new_request_will_send": "A new link request bas ben sent to Tap Terminal app to confirm linking.",
+    "terminal_resend_request": "Resend Request",
+    "terminal_with": "with",
+    "terminal_request_denied": "The Request to link Terminal {{device}} has been denied.",
+    "terminal_go_to_board": "Go to Board",
+    "terminal_linked_success": "Your terminal {{device}} is linked successfully",
+    "terminal_unlinked_success": "Your terminal {{device}} is unlinked successfully",
+    "terminal_no_terminal_linked": "No Terminal Linked",
+    "terminal_no_terminal_linked_description": "We will list the linked terminals here when available",
+    "terminal_push_notification_link_new_terminal_failed": "Something went wrong. Please try again later",
+    "terminal_id": "Terminal ID",
+    "terminal_devices": "{{name}} Devices",
+    "passcode_title": "Please enter your passcode",
+    "sign_in_with_otp": "Sign in with OTP",
+    "passcode_required": "Please enter the required Passcode",
+    "login_with_passcode": "Login with Passcode"
 }

package/build/components/DeviceCard/DeviceCard.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { CardProps } from '@mui/material/Card';
+export interface DeviceCardProps extends CardProps {
+    image?: string;
+    name: string;
+    deviceId: string;
+    deviceIdLabel?: string;
+    isLinked?: boolean;
+    pairedWith?: string;
+    badge?: boolean;
+    border?: boolean;
+    loading?: boolean;
+    arrow?: boolean;
+    endAdornment?: React.ReactNode;
+}
+export declare const DeviceCard: ({ image, name, deviceId, deviceIdLabel, isLinked, pairedWith, onClick, badge, border, arrow, loading, endAdornment, ...rest }: DeviceCardProps) => JSX.Element;
+declare const _default: React.MemoExoticComponent<({ image, name, deviceId, deviceIdLabel, isLinked, pairedWith, onClick, badge, border, arrow, loading, endAdornment, ...rest }: DeviceCardProps) => JSX.Element>;
+export default _default;

package/build/components/DeviceCard/DeviceCard.js

@@ -0,0 +1,103 @@
+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);
+};
+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)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo } from 'react';
+import { useTranslation } from 'react-i18next';
+import { alpha, styled } from '@mui/material/styles';
+import ArrowForwardIosIcon from '@mui/icons-material/ArrowForwardIos';
+import Card from '@mui/material/Card';
+import Box from '@mui/material/Box';
+import Typography from '@mui/material/Typography';
+import Icon from '../Icon';
+import Loader from '../Loader';
+var DeviceCardContainer = styled(Card, { shouldForwardProp: function (prop) { return !['showBorder'].includes(prop.toString()); } })(function (_a) {
+    var _b = _a.theme, spacing = _b.spacing, _c = _b.palette, background = _c.background, components = _c.components, showBorder = _a.showBorder;
+    return (__assign({ display: 'flex', alignItems: 'center', justifyContent: 'space-between', padding: spacing(2), borderRadius: spacing(0.5), boxShadow: 'none', width: '100%', backgroundColor: background.default, minHeight: spacing(14.125), position: 'relative' }, (showBorder && {
+        border: "1px solid ".concat(components.deviceCard.border)
+    })));
+});
+var DeviceDetails = styled(Box)(function (_a) {
+    var spacing = _a.theme.spacing;
+    return ({
+        display: 'flex',
+        alignItems: 'center',
+        gap: spacing(3.125)
+    });
+});
+var DeviceImage = styled(Icon)(function (_a) {
+    var spacing = _a.theme.spacing;
+    return ({
+        width: spacing(4.5),
+        height: 'auto',
+        objectFit: 'contain'
+    });
+});
+var DeviceInfo = styled(Box)(function (_a) {
+    var spacing = _a.theme.spacing;
+    return ({
+        display: 'flex',
+        flexDirection: 'column',
+        gap: spacing(1)
+    });
+});
+var DeviceTitle = styled(Typography)(function (_a) {
+    var _b = _a.theme, typography = _b.typography, palette = _b.palette;
+    return (__assign(__assign({}, typography.subtitle1), { color: palette.components.deviceCard.title, fontWeight: typography.fontWeightBold }));
+});
+var DeviceIdInfo = styled(Box)(function (_a) {
+    var _b = _a.theme, typography = _b.typography, palette = _b.palette, spacing = _b.spacing;
+    return (__assign(__assign({}, typography.caption_small), { color: alpha(palette.text.primary, 0.6), display: 'flex', flexDirection: 'column', gap: spacing(0.5) }));
+});
+var DeviceIdBold = styled('strong')(function (_a) {
+    var palette = _a.theme.palette;
+    return ({
+        color: palette.components.deviceCard.title
+    });
+});
+var Badge = styled(Box, { shouldForwardProp: function (prop) { return !['active'].includes(prop.toString()); } })(function (_a) {
+    var _b = _a.theme, direction = _b.direction, spacing = _b.spacing, palette = _b.palette, typography = _b.typography, active = _a.active;
+    return (__assign(__assign(__assign({ backgroundColor: palette.components.deviceCard.statusBackground, color: palette.components.deviceCard.statusText }, typography.caption), { fontWeight: typography.fontWeightSemiBold, padding: spacing(0.5, 1, 0.5, 1), position: 'absolute', top: 0, left: direction === 'rtl' ? 0 : 'unset', right: direction === 'rtl' ? 'unset' : '0', borderBottomLeftRadius: spacing(0.5) }), (active && {
+        backgroundColor: alpha(palette.primary.main, 0.1),
+        color: palette.primary.main
+    })));
+});
+var ArrowIcon = styled(ArrowForwardIosIcon)(function (_a) {
+    var _b = _a.theme, palette = _b.palette, direction = _b.direction;
+    return (__assign({ color: palette.components.deviceCard.title, fontSize: '16px' }, (direction === 'rtl' && {
+        transform: 'rotate(180deg)'
+    })));
+});
+export var DeviceCard = function (_a) {
+    var image = _a.image, name = _a.name, deviceId = _a.deviceId, deviceIdLabel = _a.deviceIdLabel, isLinked = _a.isLinked, pairedWith = _a.pairedWith, onClick = _a.onClick, badge = _a.badge, border = _a.border, arrow = _a.arrow, loading = _a.loading, endAdornment = _a.endAdornment, rest = __rest(_a, ["image", "name", "deviceId", "deviceIdLabel", "isLinked", "pairedWith", "onClick", "badge", "border", "arrow", "loading", "endAdornment"]);
+    var t = useTranslation().t;
+    var getEndComponent = function () {
+        if (endAdornment)
+            return endAdornment;
+        if (loading)
+            return _jsx(Loader, { innerColor: 'black', outerColor: 'black', size: 10, style: { height: 24, width: 24 }, toggleAnimation: !!loading });
+        if (arrow)
+            return _jsx(ArrowIcon, {});
+    };
+    return (_jsxs(DeviceCardContainer, __assign({ onClick: onClick, sx: { cursor: onClick ? 'pointer' : 'default' }, showBorder: border }, rest, { children: [_jsxs(DeviceDetails, { children: [image && _jsx(DeviceImage, { src: image, alt: 'Device' }), _jsxs(DeviceInfo, { children: [_jsx(DeviceTitle, { children: name }), _jsxs(DeviceIdInfo, { children: [pairedWith && (_jsxs("span", { children: [t('terminal_paired_with'), ": ", _jsx(DeviceIdBold, { children: pairedWith })] })), _jsxs("span", { children: [t(deviceIdLabel !== null && deviceIdLabel !== void 0 ? deviceIdLabel : 'terminal_device_id'), ": ", _jsx(DeviceIdBold, { children: deviceId }), "`"] })] })] })] }), badge && _jsx(Badge, __assign({ active: isLinked }, { children: isLinked ? t('terminal_linked') : t('terminal_unlinked') })), _jsx(Box, __assign({ display: 'flex', alignItems: 'center' }, { children: getEndComponent() }))] })));
+};
+export default memo(DeviceCard);

package/build/components/DeviceCard/index.d.ts

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

package/build/components/DeviceCard/index.js

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

package/build/components/TextWithCurrency/TextWithCurrency.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+declare type TextWithCurrencyProps = {
+    text: string;
+    countryCode?: string;
+};
+declare const TextWithCurrency: ({ text, countryCode }: TextWithCurrencyProps) => JSX.Element;
+export default TextWithCurrency;

package/build/components/TextWithCurrency/TextWithCurrency.js

@@ -0,0 +1,14 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getCurrencyByCountryIso2 } from '../../utils';
+import { CURRENCY_ICON } from '../../assets/currencies/utils';
+var TextWithCurrency = function (_a) {
+    var text = _a.text, countryCode = _a.countryCode;
+    if (!countryCode)
+        return _jsx(_Fragment, { children: text });
+    var currencyCode = getCurrencyByCountryIso2(countryCode);
+    var CurrencyIcon = CURRENCY_ICON[countryCode];
+    if (CurrencyIcon)
+        return (_jsxs("span", { children: [text, " (", _jsx(CurrencyIcon, {}), ")"] }));
+    return (_jsxs("span", { children: [text, currencyCode ? " (".concat(currencyCode, ")") : ''] }));
+};
+export default TextWithCurrency;

package/build/components/TextWithCurrency/index.d.ts

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

package/build/components/TextWithCurrency/index.js

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

package/build/components/Tooltip/Tooltip.js

@@ -33,7 +33,7 @@ var StyledTooltip = styled(function (_a) {
     var _b;
     var theme = _a.theme;
     return (_b = {},
-        _b["& .".concat(tooltipClasses.tooltip)] = __assign(__assign({ color: alpha(theme.palette.text.primary, 0.5), width: 'fit-content', maxHeight: 'fit-content' }, theme.typography.body2), { fontWeight: theme.typography.fontWeightLight, backgroundColor: theme.palette.secondary.light, border: "1px solid ".concat(alpha(theme.palette.divider, 0.8)), zIndex: 2147483647 }),
+        _b["& .".concat(tooltipClasses.tooltip)] = __assign(__assign({ color: alpha(theme.palette.text.primary, 0.5), width: 'fit-content', maxHeight: 'fit-content' }, theme.typography.body2), { fontWeight: theme.typography.fontWeightLight, backgroundColor: theme.palette.secondary.light, border: "1px solid ".concat(alpha(theme.palette.divider, 0.8)) }),
         _b);
 });
 var TextStyled = styled(Text, { shouldForwardProp: function (prop) { return prop !== 'isAr'; } })(function (_a) {

package/build/constants/api.d.ts

@@ -11,8 +11,8 @@ export declare const ENDPOINT_PATHS: {
     MIGRATION_STATUS: string;
     SANDBOX_BASE_URL: string;
     PRODUCTION_BASE_URL: string;
+    PRODUCTION_BASE_URL_SA: string;
     DEV_BASE_URL: string;
-    BETA_BASE_URL: string;
     BUSINESS_COUNTRIES: string;
     COUNTRIES: string;
     IP: string;

package/build/constants/api.js

@@ -1,7 +1,7 @@
 var SANDBOX_BASE_URL = 'https://connect-mw.sandbox.tap.company/middleware';
 var PRODUCTION_BASE_URL = 'https://connect-mw.tap.company/middleware';
+var PRODUCTION_BASE_URL_SA = 'https://connect-mw.tap.com.sa/middleware';
 var DEV_BASE_URL = 'https://connect-mw.dev.tap.company/middleware';
-var BETA_BASE_URL = 'https://connect-mw.beta.tap.company/middleware';
 var API_BUSINESS_COUNTRIES = 'https://godata.sandbox.tap.company/api/v1/business/country/list';
 var API_COUNTRIES = 'https://utilities.tap.company/api/v1/country/list';
 var CURRENCY_PATH = 'https://utilities.tap.company/api/v1/currency/iso';
@@ -69,8 +69,8 @@ export var ENDPOINT_PATHS = {
     MIGRATION_STATUS: MIGRATION_STATUS,
     SANDBOX_BASE_URL: SANDBOX_BASE_URL,
     PRODUCTION_BASE_URL: PRODUCTION_BASE_URL,
+    PRODUCTION_BASE_URL_SA: PRODUCTION_BASE_URL_SA,
     DEV_BASE_URL: DEV_BASE_URL,
-    BETA_BASE_URL: BETA_BASE_URL,
     BUSINESS_COUNTRIES: API_BUSINESS_COUNTRIES,
     COUNTRIES: API_COUNTRIES,
     IP: IP_PATH,

package/build/constants/app.d.ts

@@ -1,7 +1,5 @@
-import { ScreenStepNavigation, BusinessType } from '../@types';
+import { ScreenStepNavigation, BusinessType, TerminalInfo, TerminalDeviceInfo } from '../@types';
 export declare const CONNECT_DEV_URL = "https://connect.dev.tap.company";
-export declare const CONNECT_SANDBOX_URL = "https://connect.sandbox.tap.company";
-export declare const CONNECT_BETA_URL = "https://connect.beta.tap.company";
 export declare const CONNECT_PROD_URL = "https://connect.tap.company";
 export declare const CLIENT_ORIGIN: string;
 export declare const TAP_WEBSITE = "https://www.tap.company/";
@@ -11,9 +9,11 @@ export declare const LOCAL_STORAGE_KEYS: {
     languageMode: string;
 };
 export declare const SCOPE_AUTH = "auth";
+export declare const SCOPE_MERCHANT = "merchant";
 export declare const DEFAULT_COUNTRY_ISO2 = "KW";
 export declare const NAFATH_VERIFICATION_FAILED = "nafath_verification_failed";
 export declare const COLLECT_DOB_INFO_NAFATH = "collect_date_of_birth";
+export declare const TERMINAL_PUSH_NOTIFICATION_FAILED = "terminal_push_notification_link_new_terminal_failed";
 export declare const LANGUAGE_ABBREVIATIONS: {
     ENGLISH: string;
     ARABIC: string;
@@ -43,6 +43,7 @@ export declare const TAX_SCREENS_NAVIGATION: Array<ScreenStepNavigation>;
 export declare const SigIn_SCREENS_NAVIGATION: Array<ScreenStepNavigation>;
 export declare const ENTITY_SCREENS_NAVIGATION: Array<ScreenStepNavigation>;
 export declare const BRAND_SCREENS_NAVIGATION: Array<ScreenStepNavigation>;
+export declare const TERMINAL_SCREENS_NAVIGATION: Array<ScreenStepNavigation>;
 export declare const DefaultDeviceInfo: {
     source: string;
     device: {
@@ -120,6 +121,7 @@ export declare const AUTH_STEP_NAMES: {
     CREATE_AUTH_NID: string;
     VERIFY_AUTH_NID: string;
     UPDATE_DOB_INFO: string;
+    CREATE_AUTH_PASSCODE: string;
 };
 export declare const CONNECT_EXPRESS_STEP_NAMES: {
     CREATE_AUTH_MOBILE: string;
@@ -139,6 +141,7 @@ export declare const CONNECT_EXPRESS_STEP_NAMES: {
     CONNECT_EXPRESS_SUCCESS: string;
     COLLECT_MOBILE_OWNERSHIP: string;
     COLLECT_MOBILE_OWNERSHIP_SKIPPED: string;
+    VERIFY_AUTH_MOBILE_OTP: string;
 };
 export declare const SignIn_STEP_NAMES: {
     CREATE_AUTH_MOBILE: string;
@@ -212,6 +215,12 @@ export declare const KYC_STEP_NAMES: {
     KYC_VERIFY_NAFATH: string;
     KYC_COMPLETED: string;
 };
+export declare const TERMINAL_STEP_NAMES: {
+    PHONE_AUTH: string;
+    INFO: string;
+    SUCCESS: string;
+    CREATE_AUTH: string;
+};
 export declare const RSA_FRONTEND_MW_PUBLIC_KEY = "-----BEGIN PUBLIC KEY-----\nMIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQCgC9kH1SQvjbXAUXd0PbrDUG8P\nLhRig9pJNBmdQBZjihuaxfkzYu6ToMbIMAfmYgVgQw338/y7aQ8X3m03CXNIlkxo\nOwxKCA8ymKsZQptXJn9IxlPO7yjoFgTFBrpmTgvcC4XO1uoUYTAPq3szK8kj4zgT\nucWG1hSKsOdRU7sl/wIDAQAB\n-----END PUBLIC KEY-----";
 export declare const ENCRYPTION_FLAG = "encryption_contract";
 export declare const BACKEND_ENCRYPTION_FLAG = "backend_encryption_contract";
@@ -306,4 +315,6 @@ interface CountryToCurrencyMapping {
     [countryCode: string]: string;
 }
 export declare const COUNTRY_TO_CURRENCY: CountryToCurrencyMapping;
+export declare const SELECTED_TERMINAL_DEVICE_DEFAULT_INFO: TerminalDeviceInfo;
+export declare const SELECTED_TERMINAL_DEFAULT_INFO: TerminalInfo;
 export {};

package/build/constants/app.js

@@ -1,8 +1,6 @@
 import { BusinessType } from '../@types';
 import { CONNECT_FLOWS } from './flows';
 export var CONNECT_DEV_URL = 'https://connect.dev.tap.company';
-export var CONNECT_SANDBOX_URL = 'https://connect.sandbox.tap.company';
-export var CONNECT_BETA_URL = 'https://connect.beta.tap.company';
 export var CONNECT_PROD_URL = 'https://connect.tap.company';
 export var CLIENT_ORIGIN = window.location.origin;
 export var TAP_WEBSITE = 'https://www.tap.company/';
@@ -12,9 +10,11 @@ export var LOCAL_STORAGE_KEYS = {
     languageMode: 'languageMode'
 };
 export var SCOPE_AUTH = 'auth';
+export var SCOPE_MERCHANT = 'merchant';
 export var DEFAULT_COUNTRY_ISO2 = 'KW';
 export var NAFATH_VERIFICATION_FAILED = 'nafath_verification_failed';
 export var COLLECT_DOB_INFO_NAFATH = 'collect_date_of_birth';
+export var TERMINAL_PUSH_NOTIFICATION_FAILED = 'terminal_push_notification_link_new_terminal_failed';
 export var LANGUAGE_ABBREVIATIONS = {
     ENGLISH: 'en',
     ARABIC: 'ar'
@@ -230,13 +230,22 @@ export var CONNECT_EXPRESS_SCREENS_NAVIGATION = [
     },
     {
         name: 'CONNECT_EXPRESS_COLLECT_DOB_INFO_STEP',
-        next: ['CONNECT_EXPRESS_COLLECT_INDIVIDUAL_INFO_STEP', 'CONNECT_EXPRESS_WAITING_FOR_CREATING_ACCOUNT_STEP'],
+        next: [
+            'CONNECT_EXPRESS_COLLECT_INDIVIDUAL_INFO_STEP',
+            'CONNECT_EXPRESS_WAITING_FOR_CREATING_ACCOUNT_STEP',
+            'CONNECT_EXPRESS_VERIFY_AUTH_OTP_STEP'
+        ],
         prev: ['CONNECT_EXPRESS_NID_STEP', 'CONNECT_EXPRESS_NID_MISSED_STEP'],
         order: 5
     },
     {
         name: 'CONNECT_EXPRESS_COLLECT_INDIVIDUAL_INFO_STEP',
-        next: ['CONNECT_EXPRESS_COLLECT_BUSINESS_INFO_STEP', 'CONNECT_EXPRESS_WAITING_FOR_CREATING_ACCOUNT_STEP', 'COLLECT_MOBILE_OWNERSHIP'],
+        next: [
+            'CONNECT_EXPRESS_COLLECT_BUSINESS_INFO_STEP',
+            'CONNECT_EXPRESS_WAITING_FOR_CREATING_ACCOUNT_STEP',
+            'COLLECT_MOBILE_OWNERSHIP',
+            'CONNECT_EXPRESS_VERIFY_AUTH_OTP_STEP'
+        ],
         prev: [
             'CONNECT_EXPRESS_MOBILE_STEP',
             'CONNECT_EXPRESS_NID_STEP',
@@ -253,7 +262,8 @@ export var CONNECT_EXPRESS_SCREENS_NAVIGATION = [
             'CONNECT_EXPRESS_COLLECT_BUSINESS_INFO_STEP',
             'CONNECT_EXPRESS_WAITING_FOR_CREATING_ACCOUNT_STEP',
             'CONNECT_EXPRESS_COLLECT_INDIVIDUAL_INFO_STEP',
-            'CONNECT_EXPRESS_COLLECT_DOB_INFO_STEP'
+            'CONNECT_EXPRESS_COLLECT_DOB_INFO_STEP',
+            'CONNECT_EXPRESS_VERIFY_AUTH_OTP_STEP'
         ],
         prev: ['CONNECT_EXPRESS_COLLECT_INDIVIDUAL_INFO_STEP', 'CONNECT_EXPRESS_NID_MISSED_STEP'],
         order: 6
@@ -264,29 +274,40 @@ export var CONNECT_EXPRESS_SCREENS_NAVIGATION = [
         prev: 'CONNECT_EXPRESS_COLLECT_INDIVIDUAL_INFO_STEP',
         order: 6
     },
+    {
+        name: 'CONNECT_EXPRESS_VERIFY_AUTH_OTP_STEP',
+        next: [
+            'CONNECT_EXPRESS_COLLECT_DOB_INFO_STEP',
+            'COLLECT_MOBILE_OWNERSHIP',
+            'CONNECT_EXPRESS_COLLECT_BUSINESS_INFO_STEP',
+            'CONNECT_EXPRESS_WAITING_FOR_CREATING_ACCOUNT_STEP'
+        ],
+        prev: ['CONNECT_EXPRESS_COLLECT_INDIVIDUAL_INFO_STEP', 'CONNECT_EXPRESS_COLLECT_DOB_INFO_STEP', 'COLLECT_MOBILE_OWNERSHIP'],
+        order: 7
+    },
     {
         name: 'CONNECT_EXPRESS_WAITING_FOR_CREATING_ACCOUNT_STEP',
         next: 'CONNECT_EXPRESS_PREPARING_DATA_STEP',
         prev: '',
-        order: 7
+        order: 8
     },
     {
         name: 'CONNECT_EXPRESS_PREPARING_DATA_STEP',
         next: 'CONNECT_EXPRESS_SUCCESS_WITH_FLOW_BUTTONS_STEP',
         prev: '',
-        order: 8
+        order: 9
     },
     {
         name: 'CONNECT_EXPRESS_ACCOUNT_ALREADY_CREATED_STEP',
         next: '',
         prev: '',
-        order: 9
+        order: 10
     },
     {
         name: 'CONNECT_EXPRESS_SUCCESS_WITH_FLOW_BUTTONS_STEP',
         next: '',
         prev: '',
-        order: 9
+        order: 11
     }
 ];
 export var AUTH_SCREENS_NAVIGATION = [
@@ -310,13 +331,13 @@ export var AUTH_SCREENS_NAVIGATION = [
     },
     {
         name: 'AUTH_MOBILE_STEP',
-        next: 'AUTH_OTP_STEP',
+        next: ['AUTH_OTP_STEP', 'AUTH_PASSCODE_STEP'],
         prev: 'AUTH_SWITCH_STEP',
         order: 1
     },
     {
         name: 'AUTH_EMAIL_STEP',
-        next: ['AUTH_PASSWORD_STEP', 'AUTH_RESET_PASSWORD_MESSAGE_STEP', 'AUTH_OTP_STEP'],
+        next: ['AUTH_PASSWORD_STEP', 'AUTH_RESET_PASSWORD_MESSAGE_STEP', 'AUTH_OTP_STEP', 'AUTH_PASSCODE_STEP'],
         prev: 'AUTH_SWITCH_STEP',
         order: 1
     },
@@ -334,10 +355,16 @@ export var AUTH_SCREENS_NAVIGATION = [
     },
     {
         name: 'AUTH_OTP_STEP',
-        next: ['AUTH_PREPARING_DATA_STEP', 'AUTH_EMAIL_SENT_STEP', 'AUTH_MIGRATING_DATA_STEP'],
+        next: ['AUTH_PREPARING_DATA_STEP', 'AUTH_EMAIL_SENT_STEP', 'AUTH_MIGRATING_DATA_STEP', 'AUTH_PASSCODE_STEP'],
         prev: ['AUTH_MOBILE_STEP', 'AUTH_NID_STEP', 'AUTH_EMAIL_STEP', 'AUTH_PASSWORD_STEP'],
         order: 2
     },
+    {
+        name: 'AUTH_PASSCODE_STEP',
+        next: ['AUTH_OTP_STEP', 'AUTH_PREPARING_DATA_STEP', 'AUTH_MIGRATING_DATA_STEP'],
+        prev: ['AUTH_MOBILE_STEP', 'AUTH_EMAIL_STEP'],
+        order: 2
+    },
     {
         name: 'AUTH_NAFATH_VERIFY_STEP',
         next: ['AUTH_PREPARING_DATA_STEP', 'AUTH_DOB_STEP'],
@@ -945,6 +972,80 @@ export var BRAND_SCREENS_NAVIGATION = [
         order: 6
     }
 ];
+export var TERMINAL_SCREENS_NAVIGATION = [
+    {
+        name: CONNECT_FLOWS.terminal.verify,
+        next: [CONNECT_FLOWS.terminal.terminalList, CONNECT_FLOWS.terminal.noTerminalLinked],
+        prev: CONNECT_FLOWS.terminal.board,
+        order: 1
+    },
+    {
+        name: CONNECT_FLOWS.terminal.loadingData,
+        next: CONNECT_FLOWS.terminal.terminalList,
+        prev: '',
+        order: 1
+    },
+    {
+        name: CONNECT_FLOWS.terminal.operatorError,
+        next: '',
+        prev: '',
+        order: 1
+    },
+    {
+        name: CONNECT_FLOWS.terminal.noTerminalLinked,
+        next: CONNECT_FLOWS.terminal.terminalLinkNew,
+        prev: CONNECT_FLOWS.terminal.board,
+        order: 2
+    },
+    {
+        name: CONNECT_FLOWS.terminal.terminalList,
+        next: [CONNECT_FLOWS.terminal.terminalLinkNew, CONNECT_FLOWS.terminal.linkedTerminalInfo, CONNECT_FLOWS.terminal.unlinkedTerminalInfo],
+        prev: CONNECT_FLOWS.terminal.board,
+        order: 2
+    },
+    {
+        name: CONNECT_FLOWS.terminal.terminalLinkNew,
+        next: CONNECT_FLOWS.terminal.terminalLinkedSuccess,
+        prev: [CONNECT_FLOWS.terminal.noTerminalLinked, CONNECT_FLOWS.terminal.terminalList],
+        order: 3
+    },
+    {
+        name: CONNECT_FLOWS.terminal.linkedTerminalInfo,
+        next: CONNECT_FLOWS.terminal.terminalUnlinkedSuccess,
+        prev: CONNECT_FLOWS.terminal.terminalList,
+        order: 3
+    },
+    {
+        name: CONNECT_FLOWS.terminal.unlinkedTerminalInfo,
+        next: CONNECT_FLOWS.terminal.terminalLinkedSuccess,
+        prev: CONNECT_FLOWS.terminal.terminalList,
+        order: 3
+    },
+    {
+        name: CONNECT_FLOWS.terminal.terminalLinkedSuccess,
+        next: CONNECT_FLOWS.terminal.board,
+        prev: [CONNECT_FLOWS.terminal.terminalLinkNew, CONNECT_FLOWS.terminal.unlinkedTerminalInfo],
+        order: 4
+    },
+    {
+        name: CONNECT_FLOWS.terminal.terminalUnlinkedSuccess,
+        next: CONNECT_FLOWS.terminal.board,
+        prev: CONNECT_FLOWS.terminal.linkedTerminalInfo,
+        order: 4
+    },
+    {
+        name: CONNECT_FLOWS.terminal.board,
+        next: CONNECT_FLOWS.terminal.resetPassword,
+        prev: '',
+        order: 5
+    },
+    {
+        name: CONNECT_FLOWS.terminal.resetPassword,
+        next: CONNECT_FLOWS.terminal.board,
+        prev: '',
+        order: 6
+    }
+];
 export var DefaultDeviceInfo = {
     source: 'browser',
     device: {
@@ -1021,7 +1122,8 @@ export var AUTH_STEP_NAMES = {
     VERIFY_AUTH_EMAIL: 'auth_verify_auth_email',
     CREATE_AUTH_NID: 'auth_create_auth_nid',
     VERIFY_AUTH_NID: 'auth_verify_auth_nid',
-    UPDATE_DOB_INFO: 'auth_update_dob_info'
+    UPDATE_DOB_INFO: 'auth_update_dob_info',
+    CREATE_AUTH_PASSCODE: 'auth_create_auth_passcode'
 };
 export var CONNECT_EXPRESS_STEP_NAMES = {
     CREATE_AUTH_MOBILE: 'connect_express_create_auth_mobile',
@@ -1040,7 +1142,8 @@ export var CONNECT_EXPRESS_STEP_NAMES = {
     VERIFY_AUTH_PASSWORD: 'connect_express_verify_auth_password',
     CONNECT_EXPRESS_SUCCESS: 'connect_express_completed',
     COLLECT_MOBILE_OWNERSHIP: 'collect_owner_phone',
-    COLLECT_MOBILE_OWNERSHIP_SKIPPED: 'collect_owner_phone_skipped'
+    COLLECT_MOBILE_OWNERSHIP_SKIPPED: 'collect_owner_phone_skipped',
+    VERIFY_AUTH_MOBILE_OTP: 'connect_express_auth_mobile'
 };
 export var SignIn_STEP_NAMES = {
     CREATE_AUTH_MOBILE: 'signIn_create_auth_mobile',
@@ -1114,6 +1217,12 @@ export var KYC_STEP_NAMES = {
     KYC_VERIFY_NAFATH: 'kyc_verify_nafath',
     KYC_COMPLETED: 'kyc_completed'
 };
+export var TERMINAL_STEP_NAMES = {
+    PHONE_AUTH: 'terminal_phone_auth',
+    INFO: 'terminal_info',
+    SUCCESS: 'terminal_completed',
+    CREATE_AUTH: 'connect_create_auth_terminal'
+};
 export var RSA_FRONTEND_MW_PUBLIC_KEY = "-----BEGIN PUBLIC KEY-----\nMIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQCgC9kH1SQvjbXAUXd0PbrDUG8P\nLhRig9pJNBmdQBZjihuaxfkzYu6ToMbIMAfmYgVgQw338/y7aQ8X3m03CXNIlkxo\nOwxKCA8ymKsZQptXJn9IxlPO7yjoFgTFBrpmTgvcC4XO1uoUYTAPq3szK8kj4zgT\nucWG1hSKsOdRU7sl/wIDAQAB\n-----END PUBLIC KEY-----";
 export var ENCRYPTION_FLAG = 'encryption_contract';
 export var BACKEND_ENCRYPTION_FLAG = 'backend_encryption_contract';
@@ -1218,3 +1327,31 @@ export var COUNTRY_TO_CURRENCY = {
     HK: 'HKD',
     SG: 'SGD'
 };
+export var SELECTED_TERMINAL_DEVICE_DEFAULT_INFO = {
+    id: '',
+    status: '',
+    live_mode: false,
+    linked: false,
+    serial_number: '',
+    display_name: '',
+    model: {
+        live_mode: false,
+        status: '',
+        id: '',
+        name: [],
+        image: '',
+        image_url: '',
+        model: '',
+        type: ''
+    }
+};
+export var SELECTED_TERMINAL_DEFAULT_INFO = {
+    id: '',
+    legacy_id: '',
+    merchant: {
+        id: ''
+    },
+    name: {
+        en: ''
+    }
+};

package/build/constants/assets.d.ts

@@ -1,7 +1,10 @@
 export declare const ICONS_BASE_URL = "https://dash.b-cdn.net";
 export declare const ICONS_PATH = "/icons/menu";
+export declare const ASSETS_BASE_URL = "https://tap-assets.b-cdn.net";
+export declare const ASSETS_PATH = "/icons/connect";
 export declare const ICONS_EXTENSION = ".svg";
 export declare const ICONS_FULL_PATH: string;
+export declare const ASSETS_FULL_PATH: string;
 export declare const ICONS_NAMES: {
     SIDE_MENU_CLOSE_ICON: string;
     SIDE_MENU_CLOSE_ICON_DARK: string;
@@ -44,6 +47,7 @@ export declare const ICONS_NAMES: {
     NAFATH_LOGO: string;
     NAFATH_VERIFY_ICON: string;
     EXPRESS_ERROR_ICON: string;
+    TAP_LOGO: string;
     TAP_EN: string;
     TAP_AR: string;
     ID_IMAGE: string;
@@ -108,4 +112,8 @@ export declare const ICONS_NAMES: {
     Arrow_white_right_icon: string;
     account_not_found: string;
     email_icon: string;
+    terminal_device: string;
+    device_image: string;
+    platform_image: string;
+    radio_checked: string;
 };