@tap-payments/auth-jsconnect 2.8.99-development → 2.9.0

package/build/components/AnimationFlow/BottomSheet.js

@@ -44,19 +44,18 @@ var LanguageFooterStyled = styled(Box)(function (_a) {
     });
 });
 var BottomSheetStyled = styled(BottomSheet, {
-    shouldForwardProp: function (prop) { return !['isMaturityExpress', 'languageBarHeight', 'dialogEdgeFormat'].includes(prop.toString()); }
+    shouldForwardProp: function (prop) { return !['isMaturityExpress', 'languageBarHeight', 'dialogEdgeFormat', 'showPoweredBy'].includes(prop.toString()); }
 })(function (_a) {
-    var theme = _a.theme, isMaturityExpress = _a.isMaturityExpress, languageBarHeight = _a.languageBarHeight, dialogEdgeFormat = _a.dialogEdgeFormat;
+    var theme = _a.theme, isMaturityExpress = _a.isMaturityExpress, languageBarHeight = _a.languageBarHeight, dialogEdgeFormat = _a.dialogEdgeFormat, showPoweredBy = _a.showPoweredBy;
     return ({
         '[data-rsbs-header]:before': __assign({ width: '75px', height: '5px' }, (isMaturityExpress && { width: '0px', height: '0px' })),
         '[data-rsbs-backdrop]': {
             backgroundColor: 'transparent'
         },
         '[data-rsbs-header]': __assign({ position: 'absolute', width: '100vw' }, (isMaturityExpress && { display: 'none' })),
-        '[data-rsbs-overlay]': __assign(__assign({ backgroundColor: theme.palette.background.paper, zIndex: 9999, maxHeight: "calc(100vh - ".concat(languageBarHeight, "px)"), borderTopLeftRadius: theme.spacing(1.5), borderTopRightRadius: theme.spacing(1.5) }, (isMaturityExpress && {
-            marginBottom: theme.spacing(5.625),
-            paddingTop: theme.spacing(5)
-        })), (dialogEdgeFormat === DialogEdgeFormat.STRAIGHT && { borderTopLeftRadius: theme.spacing(0), borderTopRightRadius: theme.spacing(0) })),
+        '[data-rsbs-overlay]': __assign(__assign({ backgroundColor: theme.palette.background.paper, zIndex: 9999, maxHeight: "calc(100vh - ".concat(languageBarHeight, "px)"), borderTopLeftRadius: theme.spacing(1.5), borderTopRightRadius: theme.spacing(1.5) }, (isMaturityExpress && __assign(__assign({}, (showPoweredBy && {
+            marginBottom: theme.spacing(5.625)
+        })), { paddingTop: theme.spacing(5) }))), (dialogEdgeFormat === DialogEdgeFormat.STRAIGHT && { borderTopLeftRadius: theme.spacing(0), borderTopRightRadius: theme.spacing(0) })),
         '[data-rsbs-scroll]': {
             '&::-webkit-scrollbar': {
                 width: '0px'
@@ -80,7 +79,8 @@ var CloseIconStyled = styled(Icon)(function (_a) {
     var theme = _a.theme;
     return ({
         width: theme.spacing(3.75),
-        height: theme.spacing(3.75)
+        height: theme.spacing(3.75),
+        cursor: 'pointer'
     });
 });
 var CloseBox = styled(Box)(function (_a) {
@@ -90,12 +90,12 @@ var CloseBox = styled(Box)(function (_a) {
         justifyContent: 'end',
         marginBlockStart: theme.spacing(2),
         marginInlineEnd: theme.spacing(2),
-        cursor: 'pointer',
         direction: theme.direction,
         position: 'absolute',
         right: 0,
         left: 0,
-        zIndex: 9999
+        zIndex: 9999,
+        top: 0
     });
 });
 var BottomSheetComponent = function (_a) {
@@ -113,7 +113,11 @@ var BottomSheetComponent = function (_a) {
         var el = document.getElementById('main-feature-container');
         var footer = document.getElementById('bottom-sheet-powered_by_footer');
         var height = el ? el.clientHeight : 0;
-        var footerHeight = footer ? footer.clientHeight + 20 : 0;
+        var footerHeight = 0;
+        if (footer)
+            footerHeight = footer.clientHeight + 20;
+        else if (hidePoweredBy && isMaturityExpress)
+            footerHeight = 40;
         return (height || maxHeight * 0.7) + footerHeight;
     };
     React.useEffect(function () {
@@ -127,9 +131,9 @@ var BottomSheetComponent = function (_a) {
             }, 500);
         }
     }, [screenId]);
-    return (_jsxs(BottomSheetStyled, __assign({ languageBarHeight: getLanguageBarHeight(), dialogEdgeFormat: dialogEdgeFormat, sibling: hideFooter ? (_jsx(_Fragment, {})) : (open && (_jsx(LanguageFooterStyled, { children: _jsx(CustomFooter, {}) }))), isMaturityExpress: isMaturityExpress, sx: { pointerEvents: pointerEvents }, ref: sheetRef, open: open, snapPoints: function (_a) {
+    return (_jsxs(BottomSheetStyled, __assign({ languageBarHeight: getLanguageBarHeight(), dialogEdgeFormat: dialogEdgeFormat, sibling: hideFooter ? (_jsx(_Fragment, {})) : (open && (_jsx(LanguageFooterStyled, { children: _jsx(CustomFooter, {}) }))), isMaturityExpress: isMaturityExpress, showPoweredBy: !hidePoweredBy, sx: { pointerEvents: pointerEvents }, ref: sheetRef, open: open, snapPoints: function (_a) {
             var maxHeight = _a.maxHeight;
             return [getMinHeight(maxHeight), maxHeight * 0.95];
-        } }, rest, { children: [isMaturityExpress && !hideMerchantLogo && (_jsx(LogoBadge, { src: isMaturityExpress ? logo || ICONS_NAMES.LOGO_ICON : ICONS_NAMES.LOGO_ICON })), onClose && (_jsx(CloseBox, __assign({ id: 'close-container', onClick: handleOnCloseButton }, { children: _jsx(CloseIconStyled, { src: ICONS_NAMES.CLOSE_ICON }) }))), children, isMaturityExpress && !hidePoweredBy && (_jsx(FooterStyled, { children: _jsx(PoweredByFooter, { id: 'bottom-sheet-powered_by_footer', sx: { margin: '0px' }, textSx: { color: 'rgba(63, 66, 77, 0.6)' }, icon: isAr ? ICONS_NAMES.LOGO_WITH_NAME_DARK_AR_ICON : ICONS_NAMES.LOGO_WITH_NAME_DARK_EN_ICON }) }))] })));
+        } }, rest, { children: [isMaturityExpress && !hideMerchantLogo && (_jsx(LogoBadge, { src: isMaturityExpress ? logo || ICONS_NAMES.LOGO_ICON : ICONS_NAMES.LOGO_ICON })), onClose && (_jsx(CloseBox, __assign({ id: 'close-container' }, { children: _jsx(CloseIconStyled, { src: ICONS_NAMES.CLOSE_ICON, onClick: handleOnCloseButton }) }))), children, isMaturityExpress && !hidePoweredBy && (_jsx(FooterStyled, { children: _jsx(PoweredByFooter, { id: 'bottom-sheet-powered_by_footer', sx: { margin: '0px' }, textSx: { color: 'rgba(63, 66, 77, 0.6)' }, icon: isAr ? ICONS_NAMES.LOGO_WITH_NAME_DARK_AR_ICON : ICONS_NAMES.LOGO_WITH_NAME_DARK_EN_ICON }) }))] })));
 };
 export default React.memo(BottomSheetComponent);

package/build/components/AnimationFlow/Dialog.js

@@ -124,7 +124,9 @@ var Dialog = function (_a) {
     return (_jsxs(MuiDialog, __assign({ id: DIALOG_ID, PaperProps: {
             elevation: 0
         }, sx: __assign({ '& .MuiDialog-paper': __assign({ overflowY: 'visible' }, (dialogEdgeFormat === DialogEdgeFormat.STRAIGHT && { borderRadius: theme.spacing(0) })), '&.MuiDialog-root': {
-                marginBottom: isMaturityExpress ? '60px' : '0px'
+                marginBottom: isMaturityExpress && !hideLanguage ? '60px' : '0px'
+            }, '& .MuiDialog-container': {
+                outline: 'none !important'
             }, pointerEvents: pointerEvents }, sx), hideBackdrop: true, PaperComponent: PaperStyled, open: open, transitionDuration: transitionDuration || 500, keepMounted: true, "aria-describedby": 'dialog-slide-description' }, rest, animation, (animationDirection && { TransitionProps: { direction: animationDirection } }), { children: [_jsx(DialogContainer, __assign({ isTapOrigin: isTapOrigin, onClose: onClose, onConfirm: onConfirm }, { children: _jsxs(DialogContentStyled, __assign({ isTapOrigin: isTapOrigin }, { children: [_jsxs(Collapse, __assign({ in: !isTapOrigin }, { children: [!hideMerchantLogo && _jsx(LogoBadge, { src: isMaturityExpress ? logo || ICONS_NAMES.LOGO_ICON : ICONS_NAMES.LOGO_ICON }), !isMaturityExpress && !hideTextLogo && (_jsx(LogoIconBoxStyled, { children: _jsx(LogoIconStyled, { src: isAr ? ICONS_NAMES.TAP_AR : ICONS_NAMES.TAP_EN, alt: 'tap logo' }) }))] })), children] })) })), isMaturityExpress && !hidePoweredBy ? _jsx(PoweredByFooter, {}) : !isMaturityExpress && !hideLanguage && _jsx(CustomFooter, {}), !hideLanguage && (_jsx(LanguageFooterStyled, __assign({ showLanguage: showLanguage }, { children: _jsx(CustomFooter, {}) })))] })));
 };
 export default React.memo(Dialog);

package/build/components/Input/Input.js

@@ -57,7 +57,7 @@ var InputStyled = styled(Input)(function (_a) {
             height: '100%',
             width: '100%'
         },
-        input: __assign(__assign({}, theme.typography.subtitle2), { color: theme.palette.text.primary, fontWeight: theme.typography.fontWeightRegular, background: theme.palette.background.default, padding: theme.spacing(1.5, 2.5, 1.5), '&::placeholder': {
+        input: __assign(__assign({}, theme.typography.subtitle2), { color: theme.palette.text.primary, fontWeight: theme.typography.fontWeightRegular, background: "".concat(theme.palette.background.default, " !important"), padding: theme.spacing(1.5, 2.5, 1.5), '&::placeholder': {
                 color: alpha(theme.palette.text.primary, 0.8),
                 fontWeight: theme.typography.fontWeightLight
             } })

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';
+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)) }),
+        _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);
 });
 var TextStyled = styled(Text, { shouldForwardProp: function (prop) { return prop !== 'isAr'; } })(function (_a) {

package/build/constants/api.d.ts

@@ -11,7 +11,9 @@ 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,6 +1,8 @@
 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';
@@ -68,7 +70,9 @@ 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,5 +1,7 @@
 import { ScreenStepNavigation, BusinessType } 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/";
@@ -9,9 +11,14 @@ 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 LANGUAGE_ABBREVIATIONS: {
+    ENGLISH: string;
+    ARABIC: string;
+};
 export declare const EXTERNAL_LINKS: {
     TOS_EN: string;
     TOS_AR: string;
@@ -19,6 +26,8 @@ export declare const EXTERNAL_LINKS: {
     REFUND_AR: string;
     TRANSACTION_EN: string;
     TRANSACTION_AR: string;
+    PRIVACY_POLICY: string;
+    TERMS_CONDITIONS: string;
 };
 export declare const DIALOG_ID = "auth-js-connect-dialog";
 export declare const BACKGROUND_ID = "auth-js-connect-background";
@@ -99,6 +108,8 @@ export declare const CONNECT_STEP_NAMES: {
     UPDATE_BRAND_SEGMENT_INFO: string;
     CREATE_AUTH_PASSWORD: string;
     VERIFY_AUTH_PASSWORD: string;
+    CONNECT_MOBILE_OWNERSHIP: string;
+    CONNECT_MOBILE_OWNERSHIP_SKIPPED: string;
     CONNECT_SUCCESS: string;
 };
 export declare const AUTH_STEP_NAMES: {
@@ -110,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;
@@ -127,6 +139,9 @@ export declare const CONNECT_EXPRESS_STEP_NAMES: {
     CREATE_AUTH_PASSWORD: string;
     VERIFY_AUTH_PASSWORD: string;
     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;
@@ -148,6 +163,8 @@ export declare const BUSINESS_STEP_NAMES: {
     BUSINESS_CR_ACTIVITIES: string;
     BUSINESS_CUSTOMERS: string;
     BUSINESS_SUCCESS: string;
+    BUSINESS_MOBILE_OWNERSHIP: string;
+    BUSINESS_MOBILE_OWNERSHIP_SKIPPED: string;
 };
 export declare const BANK_STEP_NAMES: {
     PHONE_AUTH: string;

package/build/constants/app.js

@@ -1,6 +1,8 @@
 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/';
@@ -10,16 +12,23 @@ 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 LANGUAGE_ABBREVIATIONS = {
+    ENGLISH: 'en',
+    ARABIC: 'ar'
+};
 export var EXTERNAL_LINKS = {
     TOS_EN: '/en/terms-conditions',
     TOS_AR: '/ar/terms-conditions',
     REFUND_EN: '/en/terms-conditions',
     REFUND_AR: '/ar/terms-conditions',
     TRANSACTION_EN: '/en/terms-conditions',
-    TRANSACTION_AR: '/ar/terms-conditions'
+    TRANSACTION_AR: '/ar/terms-conditions',
+    PRIVACY_POLICY: '/privacy',
+    TERMS_CONDITIONS: '/terms-and-conditions'
 };
 export var DIALOG_ID = 'auth-js-connect-dialog';
 export var BACKGROUND_ID = 'auth-js-connect-background';
@@ -80,7 +89,7 @@ export var CONNECT_SCREENS_NAVIGATION = [
     },
     {
         name: 'CONNECT_INDIVIDUAL_STEP',
-        next: 'CONNECT_MERCHANT_INFO_STEP',
+        next: ['CONNECT_MERCHANT_INFO_STEP', 'CONNECT_MOBILE_OWNERSHIP'],
         prev: ['CONNECT_MOBILE_STEP', 'CONNECT_NID_STEP', 'CONNECT_CIVIL_ID_STEP', 'CONNECT_DOB_STEP'],
         order: 3
     },
@@ -90,6 +99,12 @@ export var CONNECT_SCREENS_NAVIGATION = [
         prev: ['CONNECT_INDIVIDUAL_STEP', 'CONNECT_NID_STEP', 'CONNECT_MOBILE_STEP', 'CONNECT_CIVIL_ID_STEP'],
         order: 4
     },
+    {
+        name: 'CONNECT_MOBILE_OWNERSHIP',
+        next: 'CONNECT_MERCHANT_INFO_STEP',
+        prev: 'CONNECT_INDIVIDUAL_STEP',
+        order: 4
+    },
     {
         name: 'CONNECT_BRAND_SEGMENT_INFO_STEP',
         next: 'CONNECT_THANK_YOU_STEP',
@@ -202,7 +217,8 @@ export var CONNECT_EXPRESS_SCREENS_NAVIGATION = [
         next: [
             'CONNECT_EXPRESS_COLLECT_INDIVIDUAL_INFO_STEP',
             'CONNECT_EXPRESS_COLLECT_DOB_INFO_STEP',
-            'CONNECT_EXPRESS_WAITING_FOR_CREATING_ACCOUNT_STEP'
+            'CONNECT_EXPRESS_WAITING_FOR_CREATING_ACCOUNT_STEP',
+            'COLLECT_MOBILE_OWNERSHIP'
         ],
         prev: 'CONNECT_EXPRESS_NID_MISSED_STEP',
         order: 4
@@ -215,13 +231,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'],
+        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',
@@ -232,35 +257,58 @@ export var CONNECT_EXPRESS_SCREENS_NAVIGATION = [
         ],
         order: 5
     },
+    {
+        name: 'COLLECT_MOBILE_OWNERSHIP',
+        next: [
+            '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_VERIFY_AUTH_OTP_STEP'
+        ],
+        prev: ['CONNECT_EXPRESS_COLLECT_INDIVIDUAL_INFO_STEP', 'CONNECT_EXPRESS_NID_MISSED_STEP'],
+        order: 6
+    },
     {
         name: 'CONNECT_EXPRESS_COLLECT_BUSINESS_INFO_STEP',
         next: 'CONNECT_EXPRESS_WAITING_FOR_CREATING_ACCOUNT_STEP',
         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 = [
@@ -284,13 +332,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
     },
@@ -308,10 +356,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'],
@@ -398,12 +452,24 @@ export var KYC_SCREENS_NAVIGATION = [
         prev: '',
         order: 1
     },
+    {
+        name: CONNECT_FLOWS.kyc.alreadySubmitted,
+        next: '',
+        prev: '',
+        order: 1
+    },
     {
         name: CONNECT_FLOWS.kyc.operatorError,
         next: '',
         prev: '',
         order: 1
     },
+    {
+        name: CONNECT_FLOWS.kyc.tokenError,
+        next: '',
+        prev: '',
+        order: 1
+    },
     {
         name: CONNECT_FLOWS.kyc.users,
         next: [CONNECT_FLOWS.kyc.verifyNafath, CONNECT_FLOWS.kyc.verifyPACI],
@@ -472,13 +538,13 @@ export var BUSINESS_SCREENS_NAVIGATION = [
     },
     {
         name: 'BUSINESS_VERIFY_NAFATH_STEP',
-        next: ['BUSINESS_BUSINESS_TYPE_STEP', 'BUSINESS_DOB_STEP'],
+        next: ['BUSINESS_BUSINESS_TYPE_STEP', 'BUSINESS_DOB_STEP', 'BUSINESS_MOBILE_OWNERSHIP'],
         prev: 'BUSINESS_IDBOD_STEP',
         order: 3
     },
     {
         name: 'BUSINESS_DOB_STEP',
-        next: 'BUSINESS_BUSINESS_TYPE_STEP',
+        next: ['BUSINESS_BUSINESS_TYPE_STEP', 'BUSINESS_MOBILE_OWNERSHIP'],
         prev: 'BUSINESS_IDBOD_STEP',
         order: 2
     },
@@ -494,6 +560,12 @@ export var BUSINESS_SCREENS_NAVIGATION = [
         prev: 'BUSINESS_BUSINESS_TYPE_STEP',
         order: 2
     },
+    {
+        name: 'BUSINESS_MOBILE_OWNERSHIP',
+        next: ['BUSINESS_BUSINESS_TYPE_STEP', 'BUSINESS_DOB_STEP'],
+        prev: 'BUSINESS_IDBOD_STEP',
+        order: 3
+    },
     {
         name: 'BUSINESS_CONFIRM_STEP',
         next: 'BUSINESS_ACTIVITIES_STEP',
@@ -965,6 +1037,8 @@ export var CONNECT_STEP_NAMES = {
     UPDATE_BRAND_SEGMENT_INFO: 'connect_update_brand_segment_info',
     CREATE_AUTH_PASSWORD: 'connect_create_auth_password',
     VERIFY_AUTH_PASSWORD: 'connect_verify_auth_password',
+    CONNECT_MOBILE_OWNERSHIP: 'collect_owner_phone',
+    CONNECT_MOBILE_OWNERSHIP_SKIPPED: 'collect_owner_phone_skipped',
     CONNECT_SUCCESS: 'connect_completed'
 };
 export var AUTH_STEP_NAMES = {
@@ -975,7 +1049,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',
@@ -992,7 +1067,10 @@ export var CONNECT_EXPRESS_STEP_NAMES = {
     UPDATE_BRAND_INFO: 'connect_express_update_brand_info',
     CREATE_AUTH_PASSWORD: 'connect_express_create_auth_password',
     VERIFY_AUTH_PASSWORD: 'connect_express_verify_auth_password',
-    CONNECT_EXPRESS_SUCCESS: 'connect_express_completed'
+    CONNECT_EXPRESS_SUCCESS: 'connect_express_completed',
+    COLLECT_MOBILE_OWNERSHIP: 'collect_owner_phone',
+    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',
@@ -1013,7 +1091,9 @@ export var BUSINESS_STEP_NAMES = {
     BUSINESS_INFO_CONFIRM: 'business_info_confirm',
     BUSINESS_CR_ACTIVITIES: 'business_cr_activities',
     BUSINESS_CUSTOMERS: 'business_customers',
-    BUSINESS_SUCCESS: 'business_completed'
+    BUSINESS_SUCCESS: 'business_completed',
+    BUSINESS_MOBILE_OWNERSHIP: 'collect_owner_phone',
+    BUSINESS_MOBILE_OWNERSHIP_SKIPPED: 'collect_owner_phone_skipped'
 };
 export var BANK_STEP_NAMES = {
     PHONE_AUTH: 'bank_phone_auth',

package/build/constants/assets.d.ts

@@ -1,7 +1,8 @@
-export declare const ICONS_BASE_URL = "https://dash.b-cdn.net";
-export declare const ICONS_PATH = "/icons/menu";
-export declare const ICONS_EXTENSION = ".svg";
+export declare const SVG_ICON_EXTENSION = ".svg";
+export declare const PNG_ICON_EXTENSION = ".png";
 export declare const ICONS_FULL_PATH: string;
+export declare const BACKEND_ICONS_FULL_PATH: string;
+export declare const ASSETS_DASHBOARD_FULL_PATH: string;
 export declare const ICONS_NAMES: {
     SIDE_MENU_CLOSE_ICON: string;
     SIDE_MENU_CLOSE_ICON_DARK: string;
@@ -44,6 +45,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;
@@ -103,9 +105,16 @@ export declare const ICONS_NAMES: {
     entity_green_icon: string;
     entity_white_icon: string;
     brand_filled_icon: string;
+    terminal_filled_icon: string;
+    terminal_green_icon: string;
+    terminal_white_icon: string;
     Arrow_filled_right_icon: string;
     Arrow_green_right_icon: string;
     Arrow_white_right_icon: string;
     account_not_found: string;
     email_icon: string;
+    terminal_device: string;
+    device_image: string;
+    platform_image: string;
+    radio_checked: string;
 };