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

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

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { ChipProps } from './type';
-declare const Chip: import("react").FC<ChipProps>;
+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>>>>;
 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, 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,
-    }));
+})(({ 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,
+        } });
 });
 export const StyledSourceCell = styled('span')(({ theme }) => ({
     display: 'flex',

package/build/components/DropdownMenu/styles.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 export declare const StyledMenuItem: import("@emotion/styled").StyledComponent<import("@mui/material").MenuItemOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
     ref?: ((instance: HTMLLIElement | null) => void) | import("react").RefObject<HTMLLIElement> | null | undefined;
-}, "disabled" | "style" | "className" | "classes" | "autoFocus" | "tabIndex" | "children" | "sx" | "dense" | "action" | "selected" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableGutters" | "divider"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+}, "disabled" | "style" | "selected" | "className" | "classes" | "autoFocus" | "tabIndex" | "children" | "sx" | "dense" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableGutters" | "divider"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
     alwaysShowRightAction?: boolean | undefined;
 }, {}, {}>;
 export declare const StyledMenu: import("@emotion/styled").StyledComponent<import("@mui/material").MenuProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
@@ -12,7 +12,7 @@ export declare const StyledListItemText: import("@emotion/styled").StyledCompone
 export declare const StyledSelect: import("@emotion/styled").StyledComponent<import("@mui/material").SelectProps<unknown> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 export declare const StyledOption: import("@emotion/styled").StyledComponent<import("@mui/material").MenuItemOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
     ref?: ((instance: HTMLLIElement | null) => void) | import("react").RefObject<HTMLLIElement> | null | undefined;
-}, "disabled" | "style" | "className" | "classes" | "autoFocus" | "tabIndex" | "children" | "sx" | "dense" | "action" | "selected" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableGutters" | "divider"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+}, "disabled" | "style" | "selected" | "className" | "classes" | "autoFocus" | "tabIndex" | "children" | "sx" | "dense" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableGutters" | "divider"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 export declare const StyledSelectComponent: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
 export declare const StyledMenuTitle: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
 export declare const StyledIconForDropDown: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;

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

@@ -44,7 +44,5 @@ 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,7 +44,5 @@ 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/VirtualTables/SheetViewVirtualTable/style.d.ts

@@ -10,7 +10,7 @@ export declare const StyledHeader: import("@emotion/styled").StyledComponent<imp
 }, {}, {}>;
 export declare const StyledMUITableRow: import("@emotion/styled").StyledComponent<import("@mui/material/TableRow").TableRowOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, "ref"> & {
     ref?: ((instance: HTMLTableRowElement | null) => void) | import("react").RefObject<HTMLTableRowElement> | null | undefined;
-}, "style" | "className" | "classes" | "children" | "sx" | "selected" | "hover"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
+}, "style" | "selected" | "className" | "classes" | "children" | "sx" | "hover"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
     component: string;
 }, {}, {}>;
 export declare const SheetViewVirtualTableWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/build/components/VirtualTables/components/TableHeader/style.d.ts

@@ -6,7 +6,7 @@ export declare const StyledHeader: import("@emotion/styled").StyledComponent<imp
 }, {}, {}>;
 export declare const StyledMUITableRow: import("@emotion/styled").StyledComponent<import("@mui/material/TableRow").TableRowOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, "ref"> & {
     ref?: ((instance: HTMLTableRowElement | null) => void) | import("react").RefObject<HTMLTableRowElement> | null | undefined;
-}, "style" | "className" | "classes" | "children" | "sx" | "selected" | "hover"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
+}, "style" | "selected" | "className" | "classes" | "children" | "sx" | "hover"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
     isSheetView?: boolean | undefined;
     component: string;
 }, {}, {}>;

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

@@ -31,7 +31,7 @@ export declare const StyledVirtualList: import("@emotion/styled").StyledComponen
 } & import("react").RefAttributes<import("react-window").VariableSizeList<any>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & StyledVirtualListProps, {}, {}>;
 export declare const StyledTableRow: import("@emotion/styled").StyledComponent<import("@mui/material").TableRowOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, "ref"> & {
     ref?: ((instance: HTMLTableRowElement | null) => void) | import("react").RefObject<HTMLTableRowElement> | null | undefined;
-}, "style" | "className" | "classes" | "children" | "sx" | "selected" | "hover"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+}, "style" | "selected" | "className" | "classes" | "children" | "sx" | "hover"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
     showShadowHighlight?: boolean | undefined;
     showLoadedStyle?: boolean | undefined;
     isSheetView?: boolean | undefined;

package/build/components/index.d.ts

@@ -96,4 +96,3 @@ 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,4 +96,3 @@ 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/types/user.d.ts

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

package/build/utils/TableColumn.d.ts

@@ -0,0 +1,6 @@
+import { ColumnsView } from '../types/index.js';
+export declare const updateColumnSelection: ({ columnsViewData, columnName, selected, }: {
+    columnsViewData: ColumnsView[];
+    columnName: string;
+    selected: boolean;
+}) => ColumnsView[];

package/build/utils/TableColumn.js

@@ -0,0 +1,10 @@
+export const updateColumnSelection = ({ columnsViewData, columnName, selected, }) => {
+    return columnsViewData.map((column) => {
+        var _a, _b;
+        const columnText = (_b = (_a = column.name[0]) === null || _a === void 0 ? void 0 : _a.text) === null || _b === void 0 ? void 0 : _b.toLowerCase();
+        if (columnText === columnName.toLowerCase()) {
+            return Object.assign(Object.assign({}, column), { selected });
+        }
+        return column;
+    });
+};

package/build/utils/index.d.ts

@@ -40,3 +40,4 @@ export * from './toggleOptions';
 export * from './flag';
 export * from './encrypt';
 export * from './day';
+export * from './TableColumn';

package/build/utils/index.js

@@ -40,3 +40,4 @@ export * from './toggleOptions';
 export * from './flag';
 export * from './encrypt';
 export * from './day';
+export * from './TableColumn';

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.9",
-  "testVersion": 9,
+  "version": "0.1.15-test.1",
+  "testVersion": 1,
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,20 +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 { 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

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

package/build/components/TooltipChip/index.js

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

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

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

@@ -1,7 +0,0 @@
-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',
-}));