@tap-payments/auth-jsconnect 2.13.9-beta → 2.14.0-beta

package/build/@types/app.d.ts

@@ -339,7 +339,8 @@ export declare enum FlowsTypes {
     OTP = "otp",
     BRAND = "brand",
     BOARD = "board",
-    kyc = "kyc"
+    kyc = "kyc",
+    TERMINAL = "terminal"
 }
 export declare type FlowInfo = {
     name: string;

package/build/@types/app.js

@@ -35,6 +35,7 @@ export var FlowsTypes;
     FlowsTypes["BRAND"] = "brand";
     FlowsTypes["BOARD"] = "board";
     FlowsTypes["kyc"] = "kyc";
+    FlowsTypes["TERMINAL"] = "terminal";
 })(FlowsTypes || (FlowsTypes = {}));
 export var AuthForType;
 (function (AuthForType) {

package/build/@types/index.d.ts

@@ -4,3 +4,4 @@ export * from './app';
 export * from './form';
 export * from './user';
 export * from './config';
+export * from './terminal';

package/build/@types/index.js

@@ -4,3 +4,4 @@ export * from './app';
 export * from './form';
 export * from './user';
 export * from './config';
+export * from './terminal';

package/build/@types/terminal.d.ts

@@ -0,0 +1,104 @@
+declare type Name = {
+    en: string;
+};
+export interface TerminalDeviceInfo {
+    id: string;
+    display_name: string;
+    model: {
+        id: string;
+        status: string;
+        object?: string;
+        live_mode: boolean;
+        api_version?: string;
+        feature_version?: string;
+        model: string;
+        type: string;
+        name: {
+            text: string;
+            lang: string;
+        }[];
+        image: string;
+        image_url: string;
+    };
+    serial_number: string;
+}
+export interface TerminalInfo {
+    acceptance_status?: string;
+    acceptance_status_control?: string;
+    api_version?: string;
+    authorizes?: {
+        status: string;
+        status_message: string;
+    };
+    brand?: {
+        id: string;
+        logo?: string;
+    };
+    billingplatform?: {
+        id: string;
+    };
+    charges?: {
+        status: string;
+        status_message: string;
+    };
+    device?: {
+        id: string;
+        created: string;
+        display_name: string;
+        reference: string;
+        logo?: string;
+    };
+    feature_version?: string;
+    id: string;
+    legacy_id: string;
+    live_mode?: boolean;
+    merchant: {
+        base_currency?: string;
+        country?: string;
+        id: string;
+    };
+    name: Name;
+    platform?: {
+        brand: {
+            id: string;
+            logo?: string;
+            name: {
+                text: string;
+                lang: string;
+            }[];
+        };
+        id: string;
+        segment: string;
+    };
+    object?: string;
+    refunds?: {
+        status: string;
+        status_message: string;
+    };
+    virtual?: boolean;
+    wallet?: {
+        id: string;
+    };
+    linked: boolean;
+    terminal_device: TerminalDeviceInfo;
+}
+export interface POSInfo {
+    id: string;
+    object: string;
+    live_mode: boolean;
+    reference: string;
+    display_name: string;
+    merchant: {
+        id: string;
+        legacy_id: string;
+        brand: {
+            id: string;
+            name: {
+                lang: string;
+                text: string;
+            }[];
+            logo: string;
+        };
+    };
+}
+export {};

package/build/@types/terminal.js

@@ -0,0 +1 @@
+export {};

package/build/api/auth.d.ts

@@ -17,10 +17,24 @@ export declare type CivilID = {
     identification_id: string;
     country_code: string;
 };
+export declare type TerminalCredential = {
+    terminal?: {
+        id: string;
+        terminal_device?: {
+            id: string;
+        };
+    };
+    merchant?: {
+        id: string;
+    };
+    device: {
+        id: string;
+    };
+};
 export declare type CreateAuthBody = {
     country: string;
     scope: string;
-    user_credentail: MobileCredential | EmailCredential | IDCredential | CivilID;
+    user_credentail: MobileCredential | EmailCredential | IDCredential | CivilID | TerminalCredential;
     auth_type?: number;
     email_url?: string;
     sign_in?: boolean;

package/build/api/index.d.ts

@@ -13,6 +13,7 @@ import { RemoveBrandActivity } from './brand';
 import { UploadFileBody } from './file';
 import { DocumentUpdateBody, DocumentInfo, DocumentBody } from './document';
 import { InitBody } from './init';
+import { GenerateAuthLinkNewTerminalProps, UnlinkTerminalDeviceProps, LinkTerminalDeviceProps } from './terminal';
 declare const API: {
     locationService: {
         getIP: () => Promise<any>;
@@ -164,7 +165,12 @@ declare const API: {
     initService: {
         getInitialData: (body: InitBody) => Promise<any>;
     };
+    terminalService: {
+        unlinkTerminalDevice: ({ deviceId, ...payload }: UnlinkTerminalDeviceProps) => Promise<any>;
+        retrieveTerminalList: (merchants: string[], getTerminalDevice?: boolean) => Promise<any>;
+        retrievePOSDevices: (merchants: string[]) => Promise<any>;
+    };
 };
-export type { ValidateOperatorBody, CreateAuthBody, ExpressCreateAccountBody, VerifyAuthBody, CreateLeadBody, UpdateLeadBody, LeadVerifyBody, LeadOTPVerifyBody, CheckEmailBody, CheckBrandBody, LeadIdentityUpdateBody, EntityInfoBody, CreateAccountBody, EntityBankUpdateBody, CreatePasswordBody, BrandListBody, VerifyOperationAuthBody, ResetPasswordVerifyAuthBody, UpdateBoardBody, UpdateBrandBody, DataElementBody, UploadFileBody, UpdateEntityBody, DocumentUpdateBody, DocumentInfo, VerifyAuthExpressOTPBody, UpdateIndividualBody, UpdateEntityActivityBody, UpdateEntityCapitalBody, BankDocumentInfo, GetUserListBody, GetIndividualListBody, RequestEmailBody, DocumentBody, UpdateEntityAOAFileBody, InitBody, RemoveBrandActivity, RemoveEntityActivity, UpdateIndividualWithTypeBody, UpdateMultipleIndividualBody, ExpressLeadVerifyBody, ConfirmBody, ConfigBody, MerchantListBody, CreateEntityBody, CreateNafathAuthBody, GetUserListSegmentBody, CreateKYCAuthBody };
+export type { ValidateOperatorBody, CreateAuthBody, ExpressCreateAccountBody, VerifyAuthBody, CreateLeadBody, UpdateLeadBody, LeadVerifyBody, LeadOTPVerifyBody, CheckEmailBody, CheckBrandBody, LeadIdentityUpdateBody, EntityInfoBody, CreateAccountBody, EntityBankUpdateBody, CreatePasswordBody, BrandListBody, VerifyOperationAuthBody, ResetPasswordVerifyAuthBody, UpdateBoardBody, UpdateBrandBody, DataElementBody, UploadFileBody, UpdateEntityBody, DocumentUpdateBody, DocumentInfo, VerifyAuthExpressOTPBody, UpdateIndividualBody, UpdateEntityActivityBody, UpdateEntityCapitalBody, BankDocumentInfo, GetUserListBody, GetIndividualListBody, RequestEmailBody, DocumentBody, UpdateEntityAOAFileBody, InitBody, RemoveBrandActivity, RemoveEntityActivity, UpdateIndividualWithTypeBody, UpdateMultipleIndividualBody, ExpressLeadVerifyBody, ConfirmBody, ConfigBody, MerchantListBody, CreateEntityBody, CreateNafathAuthBody, GetUserListSegmentBody, CreateKYCAuthBody, GenerateAuthLinkNewTerminalProps, UnlinkTerminalDeviceProps, LinkTerminalDeviceProps };
 export { setAxiosGlobalHeaders, removeAxiosGlobalHeaders, axiosInstance, getAxiosHeaders };
 export default API;

package/build/api/index.js

@@ -16,6 +16,7 @@ import { brandService } from './brand';
 import { fileService } from './file';
 import { documentService } from './document';
 import { initService } from './init';
+import { terminalService } from './terminal';
 var API = {
     locationService: locationService,
     operatorService: operatorService,
@@ -33,7 +34,8 @@ var API = {
     brandService: brandService,
     fileService: fileService,
     documentService: documentService,
-    initService: initService
+    initService: initService,
+    terminalService: terminalService
 };
 export { setAxiosGlobalHeaders, removeAxiosGlobalHeaders, axiosInstance, getAxiosHeaders };
 export default API;

package/build/api/terminal.d.ts

@@ -0,0 +1,25 @@
+export interface GenerateAuthLinkNewTerminalProps {
+    merchant: {
+        id: string;
+        terminal: {
+            id: string;
+        };
+    };
+}
+export interface UnlinkTerminalDeviceProps {
+    deviceId: string;
+    initiator: string;
+    device: {
+        id: string;
+    };
+}
+export interface LinkTerminalDeviceProps {
+    id: string;
+    action: string;
+}
+declare const terminalService: {
+    unlinkTerminalDevice: ({ deviceId, ...payload }: UnlinkTerminalDeviceProps) => Promise<any>;
+    retrieveTerminalList: (merchants: string[], getTerminalDevice?: boolean) => Promise<any>;
+    retrievePOSDevices: (merchants: string[]) => Promise<any>;
+};
+export { terminalService };

package/build/api/terminal.js

@@ -0,0 +1,55 @@
+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 { ENDPOINT_PATHS } from '../constants';
+import { httpClient } from './axios';
+var retrieveTerminalList = function (merchants, getTerminalDevice) {
+    if (getTerminalDevice === void 0) { getTerminalDevice = true; }
+    return httpClient({
+        method: 'post',
+        url: "".concat(ENDPOINT_PATHS.TERMINAL, "/list"),
+        data: __assign({ merchants: merchants }, (getTerminalDevice && { terminal_device: true }))
+    });
+};
+var retrievePOSDevices = function (merchants) {
+    return httpClient({
+        method: 'post',
+        url: "".concat(ENDPOINT_PATHS.MERCHANT, "/pos/device/list"),
+        data: {
+            merchants: merchants
+        }
+    });
+};
+var unlinkTerminalDevice = function (_a) {
+    var deviceId = _a.deviceId, payload = __rest(_a, ["deviceId"]);
+    return httpClient({
+        method: 'put',
+        url: "".concat(ENDPOINT_PATHS.TERMINAL, "/").concat(deviceId, "/unlink"),
+        data: payload
+    });
+};
+var terminalService = {
+    unlinkTerminalDevice: unlinkTerminalDevice,
+    retrieveTerminalList: retrieveTerminalList,
+    retrievePOSDevices: retrievePOSDevices
+};
+export { terminalService };

package/build/app/rootReducer.d.ts

@@ -13,5 +13,6 @@ declare const rootReducer: {
     auth: import("redux").Reducer<import("../features/app/auth/authStore").AuthState, import("redux").AnyAction>;
     board: import("redux").Reducer<import("../features/app/board/boardStore").BoardState, import("redux").AnyAction>;
     kyc: import("redux").Reducer<import("../features/app/kyc/kycStore").KYCDataState, import("redux").AnyAction>;
+    terminal: import("redux").Reducer<import("../features/app/terminal/terminalStore").TerminalDataState, import("redux").AnyAction>;
 };
 export default rootReducer;

package/build/app/rootReducer.js

@@ -12,6 +12,7 @@ import connectExpress from '../features/app/connectExpress/connectExpressStore';
 import board from '../features/app/board/boardStore';
 import auth from '../features/app/auth/authStore';
 import kyc from '../features/app/kyc/kycStore';
+import terminal from '../features/app/terminal/terminalStore';
 var rootReducer = {
     settings: settings,
     connect: connect,
@@ -26,6 +27,7 @@ var rootReducer = {
     connectExpress: connectExpress,
     auth: auth,
     board: board,
-    kyc: kyc
+    kyc: kyc,
+    terminal: terminal
 };
 export default rootReducer;

package/build/app/store.d.ts

@@ -14,6 +14,7 @@ export declare const store: import("@reduxjs/toolkit").EnhancedStore<{
     auth: import("../features/app/auth/authStore").AuthState;
     board: import("../features/app/board/boardStore").BoardState;
     kyc: import("../features/app/kyc/kycStore").KYCDataState;
+    terminal: import("../features/app/terminal/terminalStore").TerminalDataState;
 }, import("redux").AnyAction, import("@reduxjs/toolkit").MiddlewareArray<[import("@reduxjs/toolkit").ThunkMiddleware<{
     settings: import("./settings").SettingsState;
     connect: import("../features/app/connect/connectStore").ConnectState;
@@ -29,6 +30,7 @@ export declare const store: import("@reduxjs/toolkit").EnhancedStore<{
     auth: import("../features/app/auth/authStore").AuthState;
     board: import("../features/app/board/boardStore").BoardState;
     kyc: import("../features/app/kyc/kycStore").KYCDataState;
+    terminal: import("../features/app/terminal/terminalStore").TerminalDataState;
 }, import("redux").AnyAction, undefined>]>>;
 export declare type AppDispatch = typeof store.dispatch;
 export declare type RootState = ReturnType<typeof store.getState>;

package/build/assets/locales/en.json

@@ -396,7 +396,6 @@
     "kyc_token_invalid": "May you please verify link of which you are trying to open.",
     "kyc_users_description": "Please select an authorized registered ID to approve with {{provider}}",
     "kyc_verification": "Know Your Customer (KYC)",
-    "kyc_privacy_policy": "Privacy Policy",
     "language": "العربية",
     "license_info": "License information",
     "license_name_hint": "Enter legal name",

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

@@ -0,0 +1,19 @@
+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;
+    titleSx?: React.CSSProperties;
+}
+export declare const DeviceCard: ({ image, name, deviceId, deviceIdLabel, isLinked, pairedWith, onClick, badge, border, arrow, loading, endAdornment, titleSx, ...rest }: DeviceCardProps) => JSX.Element;
+declare const _default: React.MemoExoticComponent<({ image, name, deviceId, deviceIdLabel, isLinked, pairedWith, onClick, badge, border, arrow, loading, endAdornment, titleSx, ...rest }: DeviceCardProps) => JSX.Element>;
+export default _default;

package/build/components/DeviceCard/DeviceCard.js

@@ -0,0 +1,102 @@
+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, useTheme } from '@mui/material/styles';
+import ArrowForwardIosIcon from '@mui/icons-material/ArrowForwardIos';
+import Card from '@mui/material/Card';
+import Box from '@mui/material/Box';
+import Icon from '../Icon';
+import Loader from '../Loader';
+import TruncatedTooltipText from '../TruncatedTooltipText';
+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),
+        width: '90%'
+    });
+});
+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),
+        width: '80%'
+    });
+});
+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, titleSx = _a.titleSx, rest = __rest(_a, ["image", "name", "deviceId", "deviceIdLabel", "isLinked", "pairedWith", "onClick", "badge", "border", "arrow", "loading", "endAdornment", "titleSx"]);
+    var t = useTranslation().t;
+    var _b = useTheme(), typography = _b.typography, palette = _b.palette;
+    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(TruncatedTooltipText, { text: name, style: __assign(__assign(__assign({}, typography.subtitle1), { color: palette.components.deviceCard.title, fontWeight: typography.fontWeightBold }), titleSx) }), _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/OTPTimer/OTPTimer.d.ts

@@ -4,9 +4,10 @@ export interface OTPTimerProps extends BoxProps {
     timeInSeconds?: number;
     timeEndLabel: string;
     onResetClick?: () => void;
+    failed?: boolean;
 }
 declare const _default: React.MemoExoticComponent<{
-    ({ timeInSeconds, timeEndLabel, onResetClick, ...rest }: OTPTimerProps): JSX.Element;
+    ({ timeInSeconds, timeEndLabel, onResetClick, failed, ...rest }: OTPTimerProps): JSX.Element;
     defaultProps: {
         time: number;
     };

package/build/components/OTPTimer/OTPTimer.js

@@ -44,7 +44,7 @@ var OTPTimerTextStyled = styled(Text)(function (_a) {
     });
 });
 var OTPTimerComponent = function (_a) {
-    var timeInSeconds = _a.timeInSeconds, timeEndLabel = _a.timeEndLabel, onResetClick = _a.onResetClick, rest = __rest(_a, ["timeInSeconds", "timeEndLabel", "onResetClick"]);
+    var timeInSeconds = _a.timeInSeconds, timeEndLabel = _a.timeEndLabel, onResetClick = _a.onResetClick, failed = _a.failed, rest = __rest(_a, ["timeInSeconds", "timeEndLabel", "onResetClick", "failed"]);
     var _b = React.useState(timeInSeconds || 60), timeValue = _b[0], seTimeValue = _b[1];
     React.useEffect(function () {
         if (timeValue <= 0)
@@ -55,14 +55,14 @@ var OTPTimerComponent = function (_a) {
         return function () { return clearInterval(interval); };
     }, [timeValue]);
     var resetTimer = function () {
-        if (onResetClick && timeValue == 0) {
+        if (onResetClick && (timeValue == 0 || failed)) {
             onResetClick();
             seTimeValue(timeInSeconds || 60);
         }
     };
     return (_jsx(OTPTimerStyled, __assign({ onClick: resetTimer }, rest, { children: _jsx(OTPTimerTextStyled, __assign({ variant: 'h4', color: 'primary', sx: {
-                cursor: timeValue <= 0 && onResetClick ? 'pointer' : 'default'
-            } }, { children: timeValue > 0 ? (timeValue > 9 ? "00:".concat(timeValue) : "00:0".concat(timeValue)) : timeEndLabel })) })));
+                cursor: (timeValue <= 0 || failed) && onResetClick ? 'pointer' : 'default'
+            } }, { children: timeValue > 0 && !failed ? (timeValue > 9 ? "00:".concat(timeValue) : "00:0".concat(timeValue)) : timeEndLabel })) })));
 };
 OTPTimerComponent.defaultProps = {
     time: 59

package/build/components/TruncatedTooltipText/TruncatedTooltipText.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface TruncatedTooltipTextProps {
+    text: string;
+    style?: React.CSSProperties;
+}
+declare const TruncatedTooltipText: ({ text, style }: TruncatedTooltipTextProps) => JSX.Element;
+export default TruncatedTooltipText;

package/build/components/TruncatedTooltipText/TruncatedTooltipText.js

@@ -0,0 +1,33 @@
+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 { useRef, useState, useEffect } from 'react';
+import Tooltip from '../Tooltip';
+var TruncatedTooltipText = function (_a) {
+    var text = _a.text, style = _a.style;
+    var textRef = useRef(null);
+    var _b = useState(false), isTruncated = _b[0], setIsTruncated = _b[1];
+    var _c = useState(false), hasSpace = _c[0], setHasSpace = _c[1];
+    useEffect(function () {
+        if (text.includes(' ')) {
+            setHasSpace(true);
+            return;
+        }
+        var el = textRef === null || textRef === void 0 ? void 0 : textRef.current;
+        if (el) {
+            setIsTruncated(el.scrollWidth > el.clientWidth);
+        }
+    }, [text]);
+    var content = (_jsx("span", __assign({ ref: textRef, style: __assign({ whiteSpace: hasSpace ? 'break-spaces' : 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis', display: 'block' }, style) }, { children: text })));
+    return isTruncated ? (_jsx(Tooltip, __assign({ title: text, placement: 'top' }, { children: content }))) : (content);
+};
+export default TruncatedTooltipText;

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

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

package/build/components/TruncatedTooltipText/index.js

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

package/build/constants/app.d.ts

@@ -1,4 +1,4 @@
-import { ScreenStepNavigation, BusinessType } from '../@types';
+import { ScreenStepNavigation, BusinessType, POSInfo, TerminalInfo } 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";
@@ -15,6 +15,7 @@ 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;
@@ -44,6 +45,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: {
@@ -215,6 +217,13 @@ 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;
+    CREATE_TERMINAL_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";
@@ -318,4 +327,6 @@ interface CountryToCurrencyMapping {
     [countryCode: string]: string;
 }
 export declare const COUNTRY_TO_CURRENCY: CountryToCurrencyMapping;
+export declare const SELECTED_TERMINAL_DEFAULT_INFO: TerminalInfo;
+export declare const SELECTED_POS_DEFAULT_INFO: POSInfo;
 export {};