@tap-payments/os-micro-frontend-shared 0.1.15 → 0.1.16

package/build/components/Chip/Chip.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { ChipProps } from './type';
-declare const Chip: import("react").ForwardRefExoticComponent<Omit<ChipProps, "ref"> & import("react").RefAttributes<import("@mui/types").OverridableComponent<import("@mui/system").BoxTypeMap<{}, "div", import("@mui/material").Theme>>>>;
+declare const Chip: import("react").FC<ChipProps>;
 export default Chip;

package/build/components/Chip/style.js

@@ -19,18 +19,18 @@ export const ChipStyled = styled(forwardRef((props, ref) => {
     return _jsx(Box, Object.assign({ ref: ref }, restProps, { className: calcClassName }));
 }), {
     shouldForwardProp: (prop) => prop !== 'icon',
-})(({ theme, icon }) => {
-    return Object.assign(Object.assign({ border: `1px solid ${theme.palette.divider}`, borderRadius: '30px', backgroundColor: theme.palette.background.paper, display: 'flex', alignItems: 'center', justifyContent: 'center' }, (icon && { justifyContent: 'flex-start', gap: theme.spacing(1) })), { '&.CustomVariant_text': {
-            padding: `${theme.spacing(0.75)} ${theme.spacing(1)}`,
-            height: '30px',
-            maxWidth: '150px',
-        }, '&.CustomVariant_circular': {
-            height: 24,
-            width: 24,
-        }, '&.CustomVariant_pill-icon': {
-            height: 24,
-            width: 36,
-        } });
+})(({ theme, variant = 'text', icon }) => {
+    return Object.assign(Object.assign(Object.assign(Object.assign({ border: `1px solid ${theme.palette.divider}`, borderRadius: '30px', backgroundColor: theme.palette.background.paper, display: 'flex', alignItems: 'center', justifyContent: 'center' }, (icon && { justifyContent: 'flex-start', gap: theme.spacing(1) })), (variant === 'text' && {
+        padding: `${theme.spacing(0.75)} ${theme.spacing(1)}`,
+        height: '30px',
+        maxWidth: '150px',
+    })), (variant === 'circular' && {
+        height: 24,
+        width: 24,
+    })), (variant === 'pill-icon' && {
+        height: 24,
+        width: 36,
+    }));
 });
 export const StyledSourceCell = styled('span')(({ theme }) => ({
     display: 'flex',

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

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

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

@@ -0,0 +1,20 @@
+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, Tooltip } from '../../../index.js';
+import { getNameText } from '../../../../utils/index.js';
+const TerminalsBrandCell = (props) => {
+    const { name, icon, displayRules } = props;
+    const { i18n } = useTranslation();
+    if (!name && !icon)
+        return null;
+    const { showIcon, showLabel } = displayRules;
+    const brandName = name ? getNameText(name, i18n.language) : '';
+    const displayLabel = showLabel && !!brandName;
+    const displayIcon = showIcon && !!icon;
+    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/TerminalsBrandCell/index.d.ts

@@ -0,0 +1 @@
+export { default as TerminalsBrandCell } from './TerminalsBrandCell';

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

@@ -0,0 +1 @@
+export { default as TerminalsBrandCell } from './TerminalsBrandCell';

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { TextAndLang } from '../../../../types/index.js';
+type TerminalsPlatformCellProps = {
+    name: TextAndLang[];
+    icon?: React.ReactNode;
+    displayRules?: {
+        showIcon?: boolean;
+        showLabel?: boolean;
+    };
+};
+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

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo } from 'react';
+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, 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;
+    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/build/components/TableCells/CustomCells/TerminalsPlatformCell/index.d.ts

@@ -0,0 +1 @@
+export { default as TerminalsPlatformCell } from './TerminalsPlatformCell';

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

@@ -0,0 +1 @@
+export { default as TerminalsPlatformCell } from './TerminalsPlatformCell';

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

@@ -44,5 +44,7 @@ export * from './MarketPlaceCell';
 export * from './IndividualsCell';
 export * from './BrandsCell';
 export * from './SalesChannelCell';
+export * from './TerminalsBrandCell';
+export * from './TerminalsPlatformCell';
 export * from './type';
 export * from './style';

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

@@ -44,5 +44,7 @@ export * from './MarketPlaceCell';
 export * from './IndividualsCell';
 export * from './BrandsCell';
 export * from './SalesChannelCell';
+export * from './TerminalsBrandCell';
+export * from './TerminalsPlatformCell';
 export * from './type';
 export * from './style';

package/build/components/TooltipChip/TooltipChip.d.ts

@@ -0,0 +1,14 @@
+import React, { PropsWithChildren } from 'react';
+import Tooltip from '../Tooltip';
+import { type ChipProps } from '../Chip';
+type TooltipChipProps = PropsWithChildren<{
+    title: React.ReactNode;
+    variant?: ChipProps['variant'];
+    slotProps?: {
+        tooltip?: React.ComponentProps<typeof Tooltip>;
+        chip?: Partial<ChipProps>;
+    };
+    children: React.ReactNode;
+}>;
+declare const TooltipChip: ({ title, slotProps, children }: TooltipChipProps) => import("react/jsx-runtime").JSX.Element;
+export default TooltipChip;

package/build/components/TooltipChip/TooltipChip.js

@@ -0,0 +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 } from "react/jsx-runtime";
+import Tooltip from '../Tooltip';
+import { StyledChip } from './style';
+const TooltipChip = ({ title, slotProps = {}, children }) => {
+    const { chip = {}, tooltip = {} } = slotProps;
+    const { sx: chipSx } = chip, chipProps = __rest(chip, ["sx"]);
+    return (_jsx(Tooltip, Object.assign({}, tooltip, { title: title }, { children: _jsx(StyledChip, Object.assign({}, chipProps, { sx: Object.assign({ height: 24, display: 'inline-flex', color: 'text.primary' }, chipSx) }, { children: children })) })));
+};
+export default TooltipChip;

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

@@ -0,0 +1 @@
+export { default as TooltipChip } from './TooltipChip';

package/build/components/TooltipChip/index.js

@@ -0,0 +1 @@
+export { default as TooltipChip } from './TooltipChip';

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export declare const StyledChip: import("@emotion/styled").StyledComponent<{
+    variant?: import("../Chip").ChipVariant | undefined;
+    icon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").ReactDOM | null | undefined;
+} & import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/material/OverridableComponent").CommonProps | keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & {
+    children?: import("react").ReactNode;
+} & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;

package/build/components/TooltipChip/style.js

@@ -0,0 +1,7 @@
+import { styled } from '@mui/material/styles';
+import { Chip } from '../Chip';
+export const StyledChip = styled(Chip)(({ theme }) => ({
+    color: theme.palette.text.primary,
+    '&.CustomVariant_text': { height: 24 },
+    display: 'inline-flex',
+}));

package/build/components/index.d.ts

@@ -96,3 +96,4 @@ export { default as RangeCalender } from './RangeCalender';
 export { default as AppServices } from './AppServices';
 export { default as ScrollLoader } from './ScrollLoader';
 export * from './ScrollLoader';
+export * from './TooltipChip';

package/build/components/index.js

@@ -96,3 +96,4 @@ export { default as RangeCalender } from './RangeCalender';
 export { default as AppServices } from './AppServices';
 export { default as ScrollLoader } from './ScrollLoader';
 export * from './ScrollLoader';
+export * from './TooltipChip';

package/build/constants/table/cell/terminalsTableCellWidth.d.ts

@@ -1,8 +1,8 @@
 export declare const terminalsTableCellWidth: {
     readonly device: {
-        readonly default: "180px";
-        readonly text: "180px";
-        readonly sheet: "180px";
+        readonly default: "120px";
+        readonly text: "120px";
+        readonly sheet: "120px";
     };
     readonly terminalId: {
         readonly default: "100px";

package/build/constants/table/cell/terminalsTableCellWidth.js

@@ -1,8 +1,8 @@
 export const terminalsTableCellWidth = {
     device: {
-        default: '180px',
-        text: '180px',
-        sheet: '180px',
+        default: '120px',
+        text: '120px',
+        sheet: '120px',
     },
     terminalId: {
         default: '100px',

package/build/types/user.d.ts

@@ -78,8 +78,6 @@ export interface Segment {
             };
         };
     };
-    is_business_segment?: boolean;
-    is_segment_has_more_than_one_merchant?: boolean;
 }
 interface SegmentUserName {
     first: string;

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.15",
+  "version": "0.1.16",
   "testVersion": 0,
   "type": "module",
   "main": "build/index.js",