@tap-payments/os-micro-frontend-shared 0.1.141 → 0.1.143

package/build/components/StatusButton/constant.d.ts

@@ -19,4 +19,6 @@ export declare const statusButtonIcons: {
     paidOut: string;
     scheduled: string;
     checked: string;
+    dashedChecked: string;
+    deactivated: string;
 };

package/build/components/StatusButton/constant.js

@@ -1,4 +1,4 @@
-import { initiatedIcon, abandonedIcon, cancelledIcon, reportsIcon, searchIcon, chevronDownIcon, unAuthorizedIcon, settlementInitiatedIcon, unCapturedIcon, capturedIcon, authorizedIcon, openFlagIcon, closedFlagIcon, reverseActionIcon, authenticatedIcon, unauthenticatedIcon, paidOutFilterIcon, scheduledFilterIcon, completedBlackIcon,
+import { initiatedIcon, abandonedIcon, cancelledIcon, reportsIcon, searchIcon, chevronDownIcon, unAuthorizedIcon, settlementInitiatedIcon, unCapturedIcon, capturedIcon, authorizedIcon, openFlagIcon, closedFlagIcon, reverseActionIcon, authenticatedIcon, unauthenticatedIcon, paidOutFilterIcon, scheduledFilterIcon, completedBlackIcon, dashedCheckIcon, deactivatedIcon,
 // trashBinIcon,
  } from '../../constants/index.js';
 export const statusButtonIcons = {
@@ -22,4 +22,6 @@ export const statusButtonIcons = {
     paidOut: paidOutFilterIcon,
     scheduled: scheduledFilterIcon,
     checked: completedBlackIcon,
+    dashedChecked: dashedCheckIcon,
+    deactivated: deactivatedIcon,
 };

package/build/components/StatusButton/style.d.ts

@@ -21,7 +21,7 @@ export declare const CountBadge: import("@emotion/styled").StyledComponent<impor
 }, {}, {}>;
 export declare const StatusIcon: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<Theme> & {
     variant: StatusButtonVariant;
-    icon?: "search" | "scheduled" | "paidOut" | "reversed" | "checked" | "initiated" | "captured" | "unCaptured" | "inProgress" | "abandoned" | "cancelled" | "authorized" | "unauthenticated" | "authenticated" | "unSettled" | "reports" | "chevronDown" | "unAuthorized" | "openFlag" | "closedFlag" | undefined;
+    icon?: "search" | "scheduled" | "paidOut" | "reversed" | "checked" | "initiated" | "captured" | "unCaptured" | "inProgress" | "abandoned" | "cancelled" | "authorized" | "unauthenticated" | "authenticated" | "unSettled" | "reports" | "chevronDown" | "unAuthorized" | "openFlag" | "closedFlag" | "dashedChecked" | "deactivated" | undefined;
 }, React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
 export declare const StyledFilterName: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<Theme>, React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
 export declare const StyledDropdown: import("@emotion/styled").StyledComponent<import("../DropdownMenu").IProps & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;

package/build/components/TableCells/CustomCells/TerminalsBrandCell/TerminalsBrandCell.d.ts

@@ -1,11 +1,11 @@
 /// <reference types="react" />
 import { TextAndLang } from '../../../../types/index.js';
 type TerminalsBrandCellProps = {
-    name: TextAndLang[];
+    name?: TextAndLang[];
     icon?: React.ReactNode;
-    displayRules: {
-        showIcon: boolean;
-        showLabel: boolean;
+    displayRules?: {
+        showIcon?: boolean;
+        showLabel?: boolean;
     };
 };
 declare const TerminalsBrandCell: (props: TerminalsBrandCellProps) => import("react/jsx-runtime").JSX.Element | null;

package/build/components/TableCells/CustomCells/TerminalsBrandCell/TerminalsBrandCell.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
 import Stack from '@mui/material/Stack';
 import Typography from '@mui/material/Typography';
@@ -7,12 +8,12 @@ import { getNameText } from '../../../../utils/index.js';
 const TerminalsBrandCell = (props) => {
     const { name, icon, displayRules } = props;
     const { i18n } = useTranslation();
+    const brandName = useMemo(() => (name ? getNameText(name, i18n.language) : null), [name, i18n.language]);
     if (!name && !icon)
         return null;
-    const { showIcon, showLabel } = displayRules;
-    const brandName = name ? getNameText(name, i18n.language) : '';
-    const displayLabel = showLabel && !!brandName;
+    const { showIcon = true, showLabel = true } = displayRules || {};
     const displayIcon = showIcon && !!icon;
+    const displayLabel = showLabel;
     if (!displayIcon && !displayLabel)
         return null;
     return (_jsxs(Stack, Object.assign({ "data-testid": "TerminalsBrandCell", direction: "row", alignItems: "center", spacing: 1, color: "text.primary" }, { children: [displayIcon && (_jsx(Chip, Object.assign({ variant: "circular", sx: { '&.CustomVariant_circular': { minWidth: 32, height: 32 } } }, { children: icon }))), displayLabel && (_jsx(Tooltip, Object.assign({ title: brandName }, { children: _jsx(Typography, Object.assign({ noWrap: true, fontSize: 12, fontWeight: 500 }, { children: brandName })) })))] })));

package/build/components/TableCells/CustomCells/TerminalsPlatformCell/TerminalsPlatformCell.d.ts

@@ -2,7 +2,7 @@
 import { StackProps } from '@mui/material/Stack';
 import { TextAndLang } from '../../../../types/index.js';
 type TerminalsPlatformCellProps = StackProps & {
-    name: TextAndLang[];
+    name?: TextAndLang[];
     icon?: React.ReactNode;
     displayRules?: {
         showIcon?: boolean;

package/build/components/TableCells/CustomCells/TerminalsPlatformCell/TerminalsPlatformCell.js

@@ -10,7 +10,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo } from 'react';
+import { memo, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
 import Stack from '@mui/material/Stack';
 import Typography from '@mui/material/Typography';
@@ -20,10 +20,10 @@ import { getNameText } from '../../../../utils/index.js';
 const TerminalsPlatformCell = (_a) => {
     var { name, icon, displayRules } = _a, props = __rest(_a, ["name", "icon", "displayRules"]);
     const { i18n } = useTranslation();
+    const platformName = useMemo(() => (name ? getNameText(name, i18n.language) : null), [name, i18n.language]);
     const { showIcon = true, showLabel = true } = displayRules || {};
-    const platformName = getNameText(name, i18n.language);
     const displayIcon = showIcon && !!icon;
-    const displayLabel = showLabel || !!platformName;
+    const displayLabel = showLabel;
     if (!displayIcon && !displayLabel)
         return null;
     return (_jsxs(Stack, Object.assign({ "data-testid": "TerminalsPlatformCell", direction: "row", alignItems: "center", spacing: 1, color: "text.primary" }, props, { children: [displayIcon && (_jsx(Chip, Object.assign({ variant: "circular", sx: { '&.CustomVariant_circular': { minWidth: 32, height: 32 } } }, { children: icon }))), displayLabel && (_jsx(Tooltip, Object.assign({ title: platformName }, { children: _jsx(Typography, Object.assign({ noWrap: true, fontSize: 12, fontWeight: 500 }, { children: platformName || (_jsx(Box, Object.assign({ component: "span", sx: { opacity: 0.2 } }, { children: "Unavailable" }))) })) })))] })));

package/build/constants/assets.d.ts

@@ -72,6 +72,8 @@ export declare const percentage100Icon: string;
 export declare const maximizeIcon: string;
 export declare const minimizeIcon: string;
 export declare const closeIcon: string;
+export declare const dashedCheckIcon: string;
+export declare const deactivatedIcon: string;
 export declare const topUpIcon: string;
 export declare const deMaximizeIcon: string;
 export declare const pendingFlag: string;

package/build/constants/assets.js

@@ -77,6 +77,8 @@ export const percentage100Icon = `${lightUrl}/percentage100.svg`;
 export const maximizeIcon = `${lightUrl}/maximize.svg`;
 export const minimizeIcon = `${lightUrl}/minimize.svg`;
 export const closeIcon = `${lightUrl}/close.svg`;
+export const dashedCheckIcon = `${lightUrl}/dashedCheckIcon.svg`;
+export const deactivatedIcon = `${lightUrl}/deactivatedIcon.svg`;
 export const topUpIcon = `${lightUrl}/topup.svg`;
 export const deMaximizeIcon = `${appBaseUrl}/demaximize.svg`;
 export const pendingFlag = `${lightUrl}/pendingFlag.svg`;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tap-payments/os-micro-frontend-shared",
   "description": "Shared components and utilities for Tap Payments micro frontends",
-  "version": "0.1.141",
+  "version": "0.1.143",
   "testVersion": 0,
   "type": "module",
   "main": "build/index.js",