@tap-payments/auth-jsconnect 2.10.3-development → 2.10.3

package/build/hooks/useAppConfig.js

@@ -48,7 +48,7 @@ export var useAppConfig = function (_a) {
         if (!disableSettingFetching && !configToken)
             removeRequestHeaders();
         checkDomain();
-        setBaseUrl(publicKey, rest.businessCountryCode);
+        setBaseUrl(publicKey, rest.region);
         setAppConfig();
         if (typeof boardMaturity === 'boolean')
             dispatch(handelBoardMaturity(boardMaturity));

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/hooks/useDataVerified.d.ts

@@ -1,5 +1,5 @@
 import { FieldType } from '../@types';
-type DataVerified<T> = {
+declare type DataVerified<T> = {
     [K in keyof T]?: boolean;
 };
 export declare const useDataVerified: <T = undefined>(dataVerification: Record<keyof T, FieldType>, verifiedKeys: (keyof T)[]) => DataVerified<T>;

package/build/hooks/useExcludeReadOnlyFelids.d.ts

@@ -1,8 +1,8 @@
 import { FieldValues, UseFormReturn } from 'react-hook-form';
-type ReadOnly<TF, V> = {
+declare type ReadOnly<TF, V> = {
     [key in keyof TF]: V;
 };
-export declare const useExcludeReadOnlyFelids: <TF extends FieldValues = FieldValues>({ formState }: UseFormReturn<TF, any, undefined>, readOnly: ReadOnly<TF, boolean>) => {
+export declare const useExcludeReadOnlyFelids: <TF extends FieldValues = FieldValues>({ formState }: UseFormReturn<TF, any>, readOnly: ReadOnly<TF, boolean>) => {
     getFelids: <T extends TF = TF>(data: T) => {
         originalFormData: T;
         formData: T;

package/build/hooks/useFormDirtyCheck.d.ts

@@ -1,10 +1,10 @@
 import { FieldValues, UseFormReturn } from 'react-hook-form';
-type UseFormWithDirtyCheck = {
+declare type UseFormWithDirtyCheck = {
     isDirty: boolean;
 };
-type CustomAttrProps = {
+declare type CustomAttrProps = {
     name: string;
     keys: string[];
 };
-export declare const useFormDirtyCheck: <TFieldValues extends FieldValues>(method: UseFormReturn<TFieldValues, any, undefined>, backendData: TFieldValues, customAttrs?: CustomAttrProps[]) => UseFormWithDirtyCheck;
+export declare const useFormDirtyCheck: <TFieldValues extends FieldValues>(method: UseFormReturn<TFieldValues, any>, backendData: TFieldValues, customAttrs?: CustomAttrProps[]) => UseFormWithDirtyCheck;
 export {};

package/build/hooks/useFormErrorAndUpdateReadOnly.d.ts

@@ -1,6 +1,6 @@
 import { FieldValues, UseFormReturn } from 'react-hook-form';
-type ReadOnly<TF, V> = {
+declare type ReadOnly<TF, V> = {
     [key in keyof TF]: V;
 };
-export declare const useFormErrorAndUpdateReadOnly: <TF extends FieldValues = FieldValues>(methods: UseFormReturn<TF, any, undefined>, readOnlyData: { [key in keyof TF]: boolean; }, noneEditable?: Record<any, boolean>) => ReadOnly<TF, boolean>;
+export declare const useFormErrorAndUpdateReadOnly: <TF extends FieldValues = FieldValues>(methods: UseFormReturn<TF, any>, readOnlyData: { [key in keyof TF]: boolean; }, noneEditable?: Record<any, boolean>) => ReadOnly<TF, boolean>;
 export {};

package/build/hooks/useFormReadOnly.d.ts

@@ -1,6 +1,6 @@
 import { FieldValues, UseFormReturn } from 'react-hook-form';
-type ReadOnly<TF, V> = {
+declare type ReadOnly<TF, V> = {
     [key in keyof TF]: V;
 };
-export declare const useFormReadOnly: <TF extends FieldValues = FieldValues>(methods: UseFormReturn<TF, any, undefined>, extraData?: { [key in keyof TF]?: any; }) => ReadOnly<TF, boolean>;
+export declare const useFormReadOnly: <TF extends FieldValues = FieldValues>(methods: UseFormReturn<TF, any>, extraData?: { [key in keyof TF]?: any; }) => ReadOnly<TF, boolean>;
 export {};

package/build/hooks/useSetFromDefaultValues.d.ts

@@ -1,2 +1,2 @@
 import { FieldValues, UseFormReturn } from 'react-hook-form';
-export declare const useSetFromDefaultValues: <TFieldValues extends FieldValues = FieldValues>(method: UseFormReturn<TFieldValues, any, undefined>, defaultValues: TFieldValues, shouldValidate?: boolean) => void;
+export declare const useSetFromDefaultValues: <TFieldValues extends FieldValues = FieldValues>(method: UseFormReturn<TFieldValues, any>, defaultValues: TFieldValues, shouldValidate?: boolean) => void;

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/array.js

@@ -24,7 +24,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+        while (_) try {
             if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
             if (y = 0, t) op = [op[0] & 2, t.value];
             switch (op[0]) {

package/build/utils/common.d.ts

@@ -1,6 +1,6 @@
 export declare const sleep: (milliseconds?: number) => Promise<unknown>;
 export declare const dangerousMessage: (message: string, callBack?: Function) => void;
-export declare const setBaseUrl: (publicKey: string, countryCode?: string) => void;
+export declare const setBaseUrl: (publicKey: string, region?: string) => void;
 export declare const updateLocationUrlWithCountry: (countryIso2: string) => void;
 export declare const openConnect: (pk: string, countryCode?: string) => void;
 export declare function getMetaData(): Record<string, string> | undefined;

package/build/utils/common.js

@@ -1,7 +1,7 @@
 import { axiosInstance } from '../api';
-import { ENDPOINT_PATHS, CONNECT_DEV_URL, CONNECT_PROD_URL } from '../constants';
+import { ENDPOINT_PATHS, CONNECT_SANDBOX_URL, CONNECT_PROD_URL } from '../constants';
 import { objectHasValues } from './object';
-import { isSA } from './string';
+import { isDisasterRecoveryEnv, isSA } from './string';
 export var sleep = function (milliseconds) {
     if (milliseconds === void 0) { milliseconds = 1000; }
     return new Promise(function (resolve) { return setTimeout(resolve, milliseconds); });
@@ -12,14 +12,20 @@ export var dangerousMessage = function (message, callBack) {
     }
     callBack === null || callBack === void 0 ? void 0 : callBack({ message: message });
 };
-export var setBaseUrl = function (publicKey, countryCode) {
-    if (countryCode === void 0) { countryCode = ''; }
+export var setBaseUrl = function (publicKey, region) {
+    if (region === void 0) { region = ''; }
     var isProd = publicKey.includes('pk_live');
-    if (isProd) {
-        axiosInstance.defaults.baseURL = isSA(countryCode) ? ENDPOINT_PATHS.PRODUCTION_BASE_URL_SA : ENDPOINT_PATHS.PRODUCTION_BASE_URL;
+    var _a = region.split('-'), country = _a[0], envType = _a[1];
+    if (!isProd) {
+        axiosInstance.defaults.baseURL = ENDPOINT_PATHS.SANDBOX_BASE_URL;
         return;
     }
-    axiosInstance.defaults.baseURL = ENDPOINT_PATHS.DEV_BASE_URL;
+    if (isSA(country)) {
+        axiosInstance.defaults.baseURL = isDisasterRecoveryEnv(envType) ? ENDPOINT_PATHS.PRODUCTION_BASE_URL_SA_DR : ENDPOINT_PATHS.PRODUCTION_BASE_URL_SA;
+    }
+    else {
+        axiosInstance.defaults.baseURL = ENDPOINT_PATHS.PRODUCTION_BASE_URL;
+    }
 };
 export var updateLocationUrlWithCountry = function (countryIso2) {
     var country = countryIso2.toLowerCase();
@@ -38,7 +44,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_PROD_URL : CONNECT_SANDBOX_URL);
     if (countryCode) {
         newUrl.pathname = "/".concat(countryCode.toLowerCase());
     }

package/build/utils/string.d.ts

@@ -43,10 +43,10 @@ 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) => 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;
+export declare const isSA: (flag: string | undefined) => boolean;
 export declare const isOtherThanKWOrSA: (flag: string) => boolean;
 export declare const isKWOrSA: (flag: string) => boolean;
 export declare const isLinkedIn: (flag: string) => boolean;
@@ -78,3 +78,4 @@ 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 const isDisasterRecoveryEnv: (type?: string) => boolean;

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 = ''; }
@@ -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 CONNECT_FLOWS.terminal.terminalDeviceList;
-    }
     return '';
 };
 export var getEighteenYearsAgo = function () {
@@ -217,7 +214,9 @@ export var isKW = function (flag) {
     return ['kw', 'kwd'].includes(flag === null || flag === void 0 ? void 0 : flag.toLowerCase());
 };
 export var isSA = function (flag) {
-    return ['sa', 'sau'].includes(flag === null || flag === void 0 ? void 0 : flag.toLowerCase());
+    if (!flag)
+        return false;
+    return ['sa', 'sau'].includes(flag.toLowerCase());
 };
 export var isOtherThanKWOrSA = function (flag) {
     return !isKW(flag) && !isSA(flag);
@@ -347,3 +346,4 @@ export var getWebsiteLink = function (isAr, countryCode, path) {
     var language = isAr ? LANGUAGE_ABBREVIATIONS.ARABIC : LANGUAGE_ABBREVIATIONS.ENGLISH;
     return TAP_WEBSITE + language + '-' + countryCode + path;
 };
+export var isDisasterRecoveryEnv = function (type) { return type === 'dr'; };

package/build/utils/validation.js

@@ -53,7 +53,7 @@ export var keepLettersAndSpace = function (str) {
     return str.replace(/[^a-zA-Z] /g, '');
 };
 export var isConnectTapDomain = function (domain) {
-    var regex = /^(https:\/\/)?connect(\.\w+)?\.tap\.company$/;
+    var regex = /^(https:\/\/)?connect((\.|-)\w+)?\.tap\.(company|com\.\w{2})$/;
     return regex.test(domain);
 };
 export var isTapDomain = function (domain) {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@tap-payments/auth-jsconnect",
-	"version": "2.10.3-development",
+	"version": "2.10.3",
 	"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"
 	},
 	"keywords": [],
 	"author": {

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

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

package/build/api/terminal.js

@@ -1,57 +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 generateAuthenticationToLinkNewTerminal = function (payload) {
-    return httpClient({
-        method: 'get',
-        url: 'https://dummyjson.com/c/7544-fa91-4a47-9612'
-    });
-    return httpClient({
-        method: 'post',
-        url: "".concat(ENDPOINT_PATHS.TERMINAL, "/link"),
-        data: payload
-    });
-};
-var unlinkTerminalDevice = function (_a) {
-    var deviceId = _a.deviceId, payload = __rest(_a, ["deviceId"]);
-    return httpClient({
-        method: 'put',
-        url: "".concat(ENDPOINT_PATHS.TERMINAL, "/device/").concat(deviceId),
-        data: payload
-    });
-};
-var terminalService = {
-    retrieveTerminalDeviceList: retrieveTerminalDeviceList,
-    generateAuthenticationToLinkNewTerminal: generateAuthenticationToLinkNewTerminal,
-    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) => import("react/jsx-runtime").JSX.Element;
-declare const _default: React.MemoExoticComponent<({ image, name, deviceId, deviceIdLabel, isLinked, pairedWith, onClick, badge, border, arrow, loading, endAdornment, ...rest }: DeviceCardProps) => import("react/jsx-runtime").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;