@tap-payments/auth-jsconnect 2.10.20-development → 2.11.1-beta

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

@@ -177,7 +177,7 @@ export default function FlowsButtons(_a) {
         });
         if (flowName === item.name && !isResetPassword(item.name, item.status)) {
             var isOtherThanSAOrKWCountry = !isKWOrSA(settingsData.businessCountry.iso2);
-            dispatch(handleCurrentActiveScreen(getScreenNameBasedOnFlow(item.name, isAuthorizedUser, isOtherThanSAOrKWCountry, data.terminalStepName)));
+            dispatch(handleCurrentActiveScreen(getScreenNameBasedOnFlow(item.name, isAuthorizedUser, isOtherThanSAOrKWCountry)));
             return;
         }
         if (typeof settingsData.appConfig.onBoardButtonClick === 'function') {
@@ -242,6 +242,6 @@ export default function FlowsButtons(_a) {
                             onResetPassword();
                         else
                             onRedirect({ title: title, href: href, src: src, hoverSrc: hoverSrc, isCompleted: isCompleted, name: name, status: status, token: token });
-                    } }, { children: _jsx(ButtonStyled, __assign({ variant: 'outlined', disabled: isResetPassword(name, status) && loading, isCompleted: isCompleted, hasUrl: !!href, sx: __assign({ mb: isLast ? 2.5 : 1.8 }, sx), endIcon: isResetPassword(name, status) && loading ? (_jsx(_Fragment, {})) : isCompleted ? (_jsx(CheckIconStyled, {})) : (_jsxs("div", __assign({ style: { display: 'flex', alignItems: 'center' } }, { children: [name !== 'password' && name !== 'terminal' && (_jsx(Dot, { completed: ['complete', 'completed', 'reviewed'].includes(status === null || status === void 0 ? void 0 : status.toLowerCase()) })), _jsx(Image, { sx: { height: 15, transform: isAr ? 'scale(-1)' : 'scale(1)', marginInlineStart: 0 }, src: ICONS_NAMES.Arrow_filled_right_icon })] }))), startIcon: isResetPassword(name, status) && loading ? (_jsx(_Fragment, {})) : isBrand(name) ? (_jsx(_Fragment, { children: _jsx(BrandImage, { children: _jsx(BrandNameStyled, { children: brandName }) }) })) : (_jsx(Image, { src: src, alt: title })), type: 'button' }, { children: title })) }), idx));
+                    } }, { children: _jsx(ButtonStyled, __assign({ variant: 'outlined', disabled: isResetPassword(name, status) && loading, isCompleted: isCompleted, hasUrl: !!href, sx: __assign({ mb: isLast ? 2.5 : 1.8 }, sx), endIcon: isResetPassword(name, status) && loading ? (_jsx(_Fragment, {})) : isCompleted ? (_jsx(CheckIconStyled, {})) : (_jsxs("div", __assign({ style: { display: 'flex', alignItems: 'center' } }, { children: [name !== 'password' && _jsx(Dot, { completed: ['complete', 'completed', 'reviewed'].includes(status === null || status === void 0 ? void 0 : status.toLowerCase()) }), _jsx(Image, { sx: { height: 15, transform: isAr ? 'scale(-1)' : 'scale(1)', marginInlineStart: 0 }, src: ICONS_NAMES.Arrow_filled_right_icon })] }))), startIcon: isResetPassword(name, status) && loading ? (_jsx(_Fragment, {})) : isBrand(name) ? (_jsx(_Fragment, { children: _jsx(BrandImage, { children: _jsx(BrandNameStyled, { children: brandName }) }) })) : (_jsx(Image, { src: src, alt: title })), type: 'button' }, { children: title })) }), idx));
             }), onClose && (_jsx(SharedButton, __assign({ sx: { mt: 2.5, ml: 0, mr: 0 }, isAr: isAr, disableBack: true, loading: storeLoading, onClick: onClose }, { children: t('close_and_complete_later') })))] }));
 }

package/build/features/shared/SuccessFlowButtons/SuccessFlowButtons.d.ts

@@ -19,7 +19,6 @@ interface SuccessFlowButtonsProps {
     onClose?: () => void;
     loading?: boolean;
     status: 'complete' | 'incomplete';
-    terminalStepName?: string;
 }
-declare const _default: React.MemoExoticComponent<({ brand, entity, business, merchant, bank, user, flows, boardInfoId, boardId, flowName, individuals, recipient, onClose, loading, status, terminalStepName }: SuccessFlowButtonsProps) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ brand, entity, business, merchant, bank, user, flows, boardInfoId, boardId, flowName, individuals, recipient, onClose, loading, status }: SuccessFlowButtonsProps) => JSX.Element>;
 export default _default;

package/build/features/shared/SuccessFlowButtons/SuccessFlowButtons.js

@@ -45,7 +45,7 @@ var ButtonGroupStyled = styled(Box)(function (_a) {
 });
 var SuccessFlowButtons = function (_a) {
     var _b, _c, _d;
-    var brand = _a.brand, entity = _a.entity, business = _a.business, merchant = _a.merchant, bank = _a.bank, user = _a.user, flows = _a.flows, boardInfoId = _a.boardInfoId, boardId = _a.boardId, flowName = _a.flowName, individuals = _a.individuals, recipient = _a.recipient, onClose = _a.onClose, loading = _a.loading, status = _a.status, terminalStepName = _a.terminalStepName;
+    var brand = _a.brand, entity = _a.entity, business = _a.business, merchant = _a.merchant, bank = _a.bank, user = _a.user, flows = _a.flows, boardInfoId = _a.boardInfoId, boardId = _a.boardId, flowName = _a.flowName, individuals = _a.individuals, recipient = _a.recipient, onClose = _a.onClose, loading = _a.loading, status = _a.status;
     var _e = useState([]), buttons = _e[0], setButtons = _e[1];
     var t = useTranslation().t;
     var isAr = useLanguage().isAr;
@@ -72,8 +72,7 @@ var SuccessFlowButtons = function (_a) {
         { name: 'entity', status: entity === null || entity === void 0 ? void 0 : entity.data_state },
         { name: 'bank', status: bank === null || bank === void 0 ? void 0 : bank.data_state },
         { name: 'tax', status: entity === null || entity === void 0 ? void 0 : entity.tax_data_state },
-        { name: 'individual', status: individuals === null || individuals === void 0 ? void 0 : individuals.data_state },
-        { name: 'terminal', status: '' }
+        { name: 'individual', status: individuals === null || individuals === void 0 ? void 0 : individuals.data_state }
     ];
     var reMapFlowData = function (flows) {
         if (flows === void 0) { flows = []; }
@@ -118,6 +117,7 @@ var SuccessFlowButtons = function (_a) {
     }, [flows, isAr]);
     useEffect(function () {
         var _a, _b;
+        console.log('status', status);
         if ((status === null || status === void 0 ? void 0 : status.toLocaleLowerCase()) === 'complete') {
             (_b = (_a = settings.data.appConfig).onBoardCompleted) === null || _b === void 0 ? void 0 : _b.call(_a);
         }
@@ -127,8 +127,7 @@ var SuccessFlowButtons = function (_a) {
                         email: email || '',
                         emailUrl: url,
                         brandName: shortenBrand(brandName),
-                        isAuthorizedUser: is_authorized,
-                        terminalStepName: terminalStepName
+                        isAuthorizedUser: is_authorized
                     } }) })] }));
 };
 export default memo(SuccessFlowButtons);

package/build/features/shared/SuccessScreen/SuccessScreen.d.ts

@@ -1,4 +1,3 @@
-import { SxProps, Theme } from '@mui/material/styles';
 import * as React from 'react';
 export interface ThankYouProps {
     title?: string;
@@ -10,7 +9,6 @@ export interface ThankYouProps {
     description?: string | React.ReactElement;
     enableBack?: boolean;
     onBack?: () => void;
-    sx?: SxProps<Theme>;
 }
-declare const _default: React.MemoExoticComponent<({ title, description, showEmailProviders, onSuccess, successTitle, loading, error, enableBack, onBack, sx }: ThankYouProps) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ title, description, showEmailProviders, onSuccess, successTitle, loading, error, enableBack, onBack }: ThankYouProps) => JSX.Element>;
 export default _default;

package/build/features/shared/SuccessScreen/SuccessScreen.js

@@ -55,9 +55,9 @@ var IconStyled = styled(Icon)(function (_a) {
         _b);
 });
 var ThankYou = function (_a) {
-    var title = _a.title, description = _a.description, showEmailProviders = _a.showEmailProviders, onSuccess = _a.onSuccess, successTitle = _a.successTitle, loading = _a.loading, error = _a.error, enableBack = _a.enableBack, onBack = _a.onBack, sx = _a.sx;
+    var title = _a.title, description = _a.description, showEmailProviders = _a.showEmailProviders, onSuccess = _a.onSuccess, successTitle = _a.successTitle, loading = _a.loading, error = _a.error, enableBack = _a.enableBack, onBack = _a.onBack;
     var t = useTranslation().t;
     var isAr = useLanguage().isAr;
-    return (_jsxs(ContainerStyled, __assign({ sx: sx }, { children: [_jsx(IconStyled, { src: ICONS_NAMES.SUCCESS_GIF, alt: 'loading...' }), _jsxs(TitleStyled, { children: [title, " "] }), description && _jsx(DescriptionStyled, { children: description }), showEmailProviders && (_jsx(MailBoxStyled, { children: _jsx(EmailProvidersButton, { gmail: { title: t('gmail_btn_open_title'), href: 'https://mail.google.com/mail/u/0/#inbox' }, outlook: { title: t('outlook_btn_open_title'), href: 'https://outlook.live.com/mail/0/' }, apple: { title: t('apple_btn_open_title'), href: 'mailto:' }, mail: { title: t('mail_btn_open_title'), href: 'mailto:' } }) })), onSuccess && !showEmailProviders && (_jsx(MailBoxStyled, { children: _jsx(SuccessButton, __assign({ onClick: onSuccess, disableBack: true, disableNextIcon: true, disabled: loading, isAr: isAr, loading: loading, error: t(error || '') }, { children: t(successTitle || '') })) })), enableBack && (_jsx(Button, __assign({ sx: { mb: 1.5, mt: 0 }, onClick: function () { return onBack === null || onBack === void 0 ? void 0 : onBack(); }, variant: 'text' }, { children: t('back') })))] })));
+    return (_jsxs(ContainerStyled, { children: [_jsx(IconStyled, { src: ICONS_NAMES.SUCCESS_GIF, alt: 'loading...' }), _jsxs(TitleStyled, { children: [title, " "] }), description && _jsx(DescriptionStyled, { children: description }), showEmailProviders && (_jsx(MailBoxStyled, { children: _jsx(EmailProvidersButton, { gmail: { title: t('gmail_btn_open_title'), href: 'https://mail.google.com/mail/u/0/#inbox' }, outlook: { title: t('outlook_btn_open_title'), href: 'https://outlook.live.com/mail/0/' }, apple: { title: t('apple_btn_open_title'), href: 'mailto:' }, mail: { title: t('mail_btn_open_title'), href: 'mailto:' } }) })), onSuccess && !showEmailProviders && (_jsx(MailBoxStyled, { children: _jsx(SuccessButton, __assign({ onClick: onSuccess, disableBack: true, disableNextIcon: true, disabled: loading, isAr: isAr, loading: loading, error: t(error || '') }, { children: t(successTitle || '') })) })), enableBack && (_jsx(Button, __assign({ sx: { mb: 1.5, mt: 0 }, onClick: function () { return onBack === null || onBack === void 0 ? void 0 : onBack(); }, variant: 'text' }, { children: t('back') })))] }));
 };
 export default React.memo(ThankYou);

package/build/hooks/useAppDispatch.d.ts

@@ -13,5 +13,4 @@ export declare const useAppDispatch: () => import("redux-thunk").ThunkDispatch<{
     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;
 }, undefined, import("redux").AnyAction> & import("redux").Dispatch<import("redux").AnyAction>;

package/build/index.d.ts

@@ -13,6 +13,5 @@ import { EntityElement, EntityLibProps } from './features/entity';
 import { BrandElement, BrandLibProps } from './features/brand';
 import { BoardLibProps, BoardElement } from './features/board';
 import { KYCLibProps, KYCElement } from './features/kyc';
-import { TerminalLibProps, TerminalElement } from './features/terminal';
-export type { ConnectLibProps, ConnectExpressLibProps, AuthLibProps, BusinessLibProps, PasswordLibProps, IndividualLibProps, BankLibProps, TaxLibProps, EntityLibProps, BrandLibProps, SignInLibProps, BoardLibProps, KYCLibProps, TerminalLibProps };
-export { ConnectElement, ConnectExpressElement, AuthElement, BusinessElement, PasswordElement, IndividualElement, BankElement, TaxElement, EntityElement, BrandElement, SignInElement, BoardElement, KYCElement, TerminalElement };
+export type { ConnectLibProps, ConnectExpressLibProps, AuthLibProps, BusinessLibProps, PasswordLibProps, IndividualLibProps, BankLibProps, TaxLibProps, EntityLibProps, BrandLibProps, SignInLibProps, BoardLibProps, KYCLibProps };
+export { ConnectElement, ConnectExpressElement, AuthElement, BusinessElement, PasswordElement, IndividualElement, BankElement, TaxElement, EntityElement, BrandElement, SignInElement, BoardElement, KYCElement };

package/build/index.js

@@ -13,8 +13,7 @@ import { EntityElement, renderEntityLib } from './features/entity';
 import { BrandElement, renderBrandLib } from './features/brand';
 import { BoardElement, renderBoardLib } from './features/board';
 import { KYCElement, renderKYCLib } from './features/kyc';
-import { TerminalElement, renderTerminalLib } from './features/terminal';
-export { ConnectElement, ConnectExpressElement, AuthElement, BusinessElement, PasswordElement, IndividualElement, BankElement, TaxElement, EntityElement, BrandElement, SignInElement, BoardElement, KYCElement, TerminalElement };
+export { ConnectElement, ConnectExpressElement, AuthElement, BusinessElement, PasswordElement, IndividualElement, BankElement, TaxElement, EntityElement, BrandElement, SignInElement, BoardElement, KYCElement };
 window['TapAuth'] = {
     renderConnectLib: renderConnectLib,
     renderConnectExpressLib: renderConnectExpressLib,
@@ -28,7 +27,6 @@ window['TapAuth'] = {
     renderBrandLib: renderBrandLib,
     renderSignInLib: renderSignInLib,
     renderBoardLib: renderBoardLib,
-    renderKYCLib: renderKYCLib,
-    renderTerminalLib: renderTerminalLib
+    renderKYCLib: renderKYCLib
 };
 console.log("TapAuth version: ".concat(require('../package.json').version));

package/build/theme/palette.js

@@ -48,18 +48,6 @@ export var lightPalette = {
         main: '#808592',
         light: '#EAECEF',
         dark: '#3B4152'
-    },
-    components: {
-        deviceCard: {
-            title: '#20232B',
-            statusText: '#1F222A80',
-            statusBackground: ' #F0F0F0',
-            deviceInfoBackground: 'linear-gradient(127.37deg, rgba(255, 255, 255, 0.6) 59.07%, rgba(255, 255, 255, 0.444) 100.12%);',
-            border: '#e8ecf2'
-        },
-        toastDeviceSelectorDropdown: {
-            border: '#f2f2f2'
-        }
     }
 };
 export var darkPalette = {

package/build/theme/typography.js

@@ -5,7 +5,6 @@ export var typography = {
     fontWeightLight: 300,
     fontWeightRegular: 400,
     fontWeightMedium: 500,
-    fontWeightSemiBold: 600,
     fontWeightBold: 700,
     allVariants: {
         fontFamily: '"Lato", "Tajawal", "Roboto"',
@@ -20,7 +19,6 @@ export var typography = {
     h2: { fontSize: '3rem' },
     h3: { fontSize: '2.5rem' },
     h4: { fontSize: '2rem' },
-    h4_small: { fontSize: '1.625rem' },
     h5: { fontSize: '1.5rem' },
     h6: { fontSize: '1.25rem' },
     subtitle1: { fontSize: '1.125rem' },
@@ -28,8 +26,6 @@ export var typography = {
     body1: { fontSize: '1rem' },
     body2: { fontSize: '0.875rem' },
     button: { fontSize: '0.875rem' },
-    button_small: { fontSize: '0.813rem' },
     caption: { fontSize: '0.75rem' },
-    caption_small: { fontSize: '0.625rem' },
     overline: { fontSize: '0.5rem' }
 };

package/build/utils/common.js

@@ -1,5 +1,5 @@
 import { axiosInstance } from '../api';
-import { ENDPOINT_PATHS, CONNECT_DEV_URL, CONNECT_PROD_URL } from '../constants';
+import { ENDPOINT_PATHS, CONNECT_SANDBOX_URL, CONNECT_BETA_URL } from '../constants';
 import { objectHasValues } from './object';
 import { isSA } from './string';
 export var sleep = function (milliseconds) {
@@ -16,10 +16,10 @@ export var setBaseUrl = function (publicKey, countryCode) {
     if (countryCode === void 0) { countryCode = ''; }
     var isProd = publicKey.includes('pk_live');
     if (isProd) {
-        axiosInstance.defaults.baseURL = isSA(countryCode) ? ENDPOINT_PATHS.PRODUCTION_BASE_URL_SA : ENDPOINT_PATHS.PRODUCTION_BASE_URL;
+        axiosInstance.defaults.baseURL = isSA(countryCode) ? ENDPOINT_PATHS.PRODUCTION_BASE_URL_SA : ENDPOINT_PATHS.BETA_BASE_URL;
         return;
     }
-    axiosInstance.defaults.baseURL = ENDPOINT_PATHS.DEV_BASE_URL;
+    axiosInstance.defaults.baseURL = ENDPOINT_PATHS.SANDBOX_BASE_URL;
 };
 export var updateLocationUrlWithCountry = function (countryIso2) {
     var country = countryIso2.toLowerCase();
@@ -38,7 +38,7 @@ export var updateLocationUrlWithCountry = function (countryIso2) {
     window.history.replaceState({}, '', newUrl);
 };
 export var openConnect = function (pk, countryCode) {
-    var newUrl = new URL(pk.includes('pk_live') ? CONNECT_PROD_URL : CONNECT_DEV_URL);
+    var newUrl = new URL(pk.includes('pk_live') ? CONNECT_BETA_URL : CONNECT_SANDBOX_URL);
     if (countryCode) {
         newUrl.pathname = "/".concat(countryCode.toLowerCase());
     }

package/build/utils/string.d.ts

@@ -43,7 +43,7 @@ export declare const getRequestHeaders: (deviceInfo: DeviceInfo) => {
 };
 export declare const removeRequestHeaders: () => void;
 export declare const getBaseUrl: () => string;
-export declare const getScreenNameBasedOnFlow: (flow: string, isAuthorizedUser?: boolean, isOtherThanSAOrKWCountry?: boolean, terminalStepName?: string) => string;
+export declare const getScreenNameBasedOnFlow: (flow: string, isAuthorizedUser?: boolean, isOtherThanSAOrKWCountry?: boolean) => "CONNECT_NID_STEP" | "" | "BUSINESS_BUSINESS_TYPE_STEP" | "INDIVIDUAL_PERSONAL_INDIVIDUAL_INFO_STEP" | "INDIVIDUAL_LIST_STEP" | "PASSWORD_CREATE_PASSWORD_STEP" | "BANK_BANK_DETAILS_STEP" | "TAX_TAX_DETAILS_STEP" | "ENTITY_NAME_STEP" | "BRAND_INFO_STEP";
 export declare const getEighteenYearsAgo: () => string;
 export declare const isKW: (flag: string) => boolean;
 export declare const isSA: (flag: string) => boolean;
@@ -78,4 +78,3 @@ export declare const formatNumberAsCurrency: (number: string) => string;
 export declare const getCurrencyByCountryIso2: (countryCode?: string) => string;
 export declare const getMobileNumberLen: (initialLen: number, number: string) => number;
 export declare const getWebsiteLink: (isAr: boolean, countryCode: string, path: string) => string;
-export declare function formatCode(code: string, chunkSize?: number, delimiter?: string): string;

package/build/utils/string.js

@@ -1,7 +1,7 @@
 import { FlowsTypes } from '../@types';
 import { concatenateObjectValues, encryptString } from '.';
 import { removeAxiosGlobalHeaders } from '../api';
-import { CONNECT_FLOWS, COUNTRY_TO_CURRENCY, ENDPOINT_PATHS, ICONS_FULL_PATH, LANGUAGE_ABBREVIATIONS, TAP_WEBSITE } from '../constants';
+import { COUNTRY_TO_CURRENCY, ENDPOINT_PATHS, ICONS_FULL_PATH, LANGUAGE_ABBREVIATIONS, TAP_WEBSITE } from '../constants';
 import moment from 'moment';
 export var maskPhone = function (str) {
     if (str === void 0) { str = ''; }
@@ -179,7 +179,7 @@ export var getBaseUrl = function () {
     }
     return ENDPOINT_PATHS.PRODUCTION_BASE_URL;
 };
-export var getScreenNameBasedOnFlow = function (flow, isAuthorizedUser, isOtherThanSAOrKWCountry, terminalStepName) {
+export var getScreenNameBasedOnFlow = function (flow, isAuthorizedUser, isOtherThanSAOrKWCountry) {
     if (flow === FlowsTypes.BANK) {
         return 'BANK_BANK_DETAILS_STEP';
     }
@@ -204,9 +204,6 @@ export var getScreenNameBasedOnFlow = function (flow, isAuthorizedUser, isOtherT
     if (flow === FlowsTypes.PASSWORD) {
         return 'PASSWORD_CREATE_PASSWORD_STEP';
     }
-    if (flow === FlowsTypes.TERMINAL) {
-        return terminalStepName !== null && terminalStepName !== void 0 ? terminalStepName : CONNECT_FLOWS.terminal.terminalDeviceList;
-    }
     return '';
 };
 export var getEighteenYearsAgo = function () {
@@ -347,9 +344,3 @@ export var getWebsiteLink = function (isAr, countryCode, path) {
     var language = isAr ? LANGUAGE_ABBREVIATIONS.ARABIC : LANGUAGE_ABBREVIATIONS.ENGLISH;
     return TAP_WEBSITE + language + '-' + countryCode + path;
 };
-export function formatCode(code, chunkSize, delimiter) {
-    var _a;
-    if (chunkSize === void 0) { chunkSize = 3; }
-    if (delimiter === void 0) { delimiter = ' - '; }
-    return ((_a = code.match(new RegExp(".{1,".concat(chunkSize, "}"), 'g'))) === null || _a === void 0 ? void 0 : _a.join(delimiter)) || code;
-}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@tap-payments/auth-jsconnect",
-	"version": "2.10.20-development",
+	"version": "2.11.1-beta",
 	"description": "connect library, auth",
 	"private": false,
 	"main": "build/index.js",
@@ -21,7 +21,7 @@
 		"copy:files": "copyfiles -u 1 src/**/*.css build/",
 		"tsc:alias": "tsc-alias -p tsconfig.json",
 		"ts:build": "rm -rf build && tsc -p tsconfig.json && tsc-alias -p tsconfig.json && yarn copy:files",
-		"push": "npm publish --access public --tag development"
+		"push": "npm publish --access public --tag beta"
 	},
 	"keywords": [],
 	"author": {

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

@@ -1,116 +0,0 @@
-declare type Name = {
-    en: string;
-};
-export interface TerminalDeviceInfo {
-    id: string;
-    status: string;
-    object?: string;
-    live_mode: boolean;
-    api_version?: string;
-    feature_version?: string;
-    serial_number: string;
-    linked: boolean;
-    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;
-    };
-    merchant?: {
-        id: string;
-        brand: {
-            id: string;
-            name: {
-                text: string;
-                lang: string;
-            }[];
-            logo: string;
-        };
-    };
-    terminal?: {
-        id: string;
-        legacy_id: string;
-        name: Name;
-        device: {
-            id: string;
-            created: string;
-            display_name: string;
-        };
-    };
-    platform?: {
-        id: string;
-        segment: string;
-        brand?: {
-            id: string;
-            name: {
-                text: string;
-                lang: string;
-            }[];
-            logo: string;
-        };
-    };
-}
-export interface TerminalInfo {
-    acceptance_status?: string;
-    acceptance_status_control?: string;
-    api_version?: string;
-    authorizes?: {
-        status: string;
-        status_message: string;
-    };
-    brand?: {
-        id: string;
-    };
-    charges?: {
-        status: string;
-        status_message: 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;
-    };
-    device?: {
-        id: string;
-        created: string;
-        display_name: string;
-    };
-}
-export {};

package/build/@types/terminal.js

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

package/build/api/terminal.d.ts

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

package/build/api/terminal.js

@@ -1,45 +0,0 @@
-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 retrieveTerminalDeviceList = function (merchants) {
-    return httpClient({
-        method: 'post',
-        url: "".concat(ENDPOINT_PATHS.TERMINAL, "/device/list"),
-        data: {
-            merchants: merchants
-        }
-    }).catch(function () { });
-};
-var retrieveTerminalList = function (merchantIds) {
-    return httpClient({
-        method: 'post',
-        url: "".concat(ENDPOINT_PATHS.TERMINAL, "/list"),
-        data: {
-            merchant_id: merchantIds
-        }
-    });
-};
-var unlinkTerminalDevice = function (_a) {
-    var deviceId = _a.deviceId, payload = __rest(_a, ["deviceId"]);
-    return httpClient({
-        method: 'put',
-        url: "".concat(ENDPOINT_PATHS.TERMINAL, "/device/").concat(deviceId, "/unlink"),
-        data: payload
-    });
-};
-var terminalService = {
-    retrieveTerminalDeviceList: retrieveTerminalDeviceList,
-    unlinkTerminalDevice: unlinkTerminalDevice,
-    retrieveTerminalList: retrieveTerminalList
-};
-export { terminalService };

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

@@ -1,18 +0,0 @@
-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

@@ -1,103 +0,0 @@
-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

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

package/build/components/DeviceCard/index.js

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