@tap-payments/os-micro-frontend-shared 0.1.14-test.8 → 0.1.14-test.9

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

@@ -1,6 +1,7 @@
 /// <reference types="react" />
+import { TextAndLang } from '../../../../types/index.js';
 type TerminalsBrandCellProps = {
-    name: Record<string, string>;
+    name: TextAndLang[];
     icon?: React.ReactNode;
     displayRules: {
         showIcon: boolean;

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

@@ -1,33 +1,20 @@
-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 { useTranslation } from 'react-i18next';
 import Stack from '@mui/material/Stack';
 import Typography from '@mui/material/Typography';
-import { Chip, TableCell, Tooltip } from '../../../index.js';
+import { Chip, Tooltip } from '../../../index.js';
 import { getNameText } from '../../../../utils/index.js';
-const formatPropertyName = (name) => {
-    const _a = name || {}, { textId: _ } = _a, nameMapper = __rest(_a, ["textId"]);
-    return Object.entries(nameMapper).map(([lang, text]) => ({ lang, text }));
-};
 const TerminalsBrandCell = (props) => {
     const { name, icon, displayRules } = props;
     const { i18n } = useTranslation();
-    if (!name && icon)
+    if (!name && !icon)
         return null;
     const { showIcon, showLabel } = displayRules;
-    const brandName = name ? getNameText(formatPropertyName(name), i18n.language) : '';
+    const brandName = name ? getNameText(name, i18n.language) : '';
     const displayLabel = showLabel && !!brandName;
     const displayIcon = showIcon && !!icon;
-    return (_jsx(TableCell, { children: _jsxs(Stack, Object.assign({ direction: "row", alignItems: "center", spacing: 1 }, { 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 })) })))] })) }));
+    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 })) })))] })));
 };
 export default TerminalsBrandCell;

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

@@ -8,5 +8,5 @@ type TerminalsPlatformCellProps = {
         showLabel?: boolean;
     };
 };
-declare const _default: import("react").MemoExoticComponent<({ name, icon, displayRules }: TerminalsPlatformCellProps) => import("react/jsx-runtime").JSX.Element>;
+declare const _default: import("react").MemoExoticComponent<({ name, icon, displayRules }: TerminalsPlatformCellProps) => import("react/jsx-runtime").JSX.Element | null>;
 export default _default;

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

@@ -4,13 +4,16 @@ import { useTranslation } from 'react-i18next';
 import Stack from '@mui/material/Stack';
 import Typography from '@mui/material/Typography';
 import Box from '@mui/material/Box';
-import { Chip, TableCell, Tooltip } from '../../../index.js';
+import { Chip, Tooltip } from '../../../index.js';
 import { getNameText } from '../../../../utils/index.js';
 const TerminalsPlatformCell = ({ name, icon, displayRules }) => {
     const { i18n } = useTranslation();
     const { showIcon = true, showLabel = true } = displayRules || {};
     const platformName = getNameText(name, i18n.language);
     const displayIcon = showIcon && !!icon;
-    return (_jsx(TableCell, { children: _jsxs(Stack, Object.assign({ "data-testid": "sdf", direction: "row", alignItems: "center", spacing: 1 }, { children: [displayIcon && (_jsx(Chip, Object.assign({ variant: "circular", sx: { '&.CustomVariant_circular': { minWidth: 32, height: 32 } } }, { children: icon }))), showLabel && (_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" }))) })) })))] })) }));
+    const displayLabel = showLabel || !!platformName;
+    if (!displayIcon && !displayLabel)
+        return null;
+    return (_jsxs(Stack, Object.assign({ "data-testid": "TerminalsPlatformCell", 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: 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" }))) })) })))] })));
 };
 export default memo(TerminalsPlatformCell);

package/package.json

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