@tap-payments/os-micro-frontend-shared 0.1.331 → 0.1.333

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

@@ -0,0 +1,21 @@
+import React from 'react';
+import { StackProps } from '@mui/material/Stack';
+import { TypographyProps } from '@mui/material/Typography';
+import { ChipProps, Tooltip } from '../../../index.js';
+import { TextAndLang } from '../../../../types/index.js';
+export type TextWithChipCell<T extends React.ElementType = 'div'> = StackProps<T> & {
+    name?: TextAndLang[];
+    icon?: React.ReactNode;
+    namePlaceholder?: React.ReactNode;
+    showIcon?: boolean;
+    showLabel?: boolean;
+    slotsProps?: {
+        tooltip?: Partial<React.ComponentProps<typeof Tooltip>>;
+        chip?: Partial<ChipProps>;
+        chipsTooltip?: Partial<React.ComponentProps<typeof Tooltip>>;
+        label?: Partial<TypographyProps>;
+        labelTooltip?: Partial<React.ComponentProps<typeof Tooltip>>;
+    };
+};
+declare const _default: React.MemoExoticComponent<(props: TextWithChipCell<"div">) => import("react/jsx-runtime").JSX.Element | null>;
+export default _default;

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

@@ -0,0 +1,31 @@
+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, useMemo } 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 TextWithChipCell = (props) => {
+    const { name, icon, namePlaceholder = 'Unavailable', showIcon = true, showLabel = true, slotsProps } = props, restProps = __rest(props, ["name", "icon", "namePlaceholder", "showIcon", "showLabel", "slotsProps"]);
+    const { i18n } = useTranslation();
+    const formattedName = useMemo(() => (name ? getNameText(name, i18n.language) : null), [name, i18n.language]);
+    const { tooltip = {}, chip = {}, chipsTooltip = {}, label = {}, labelTooltip = {} } = slotsProps || {};
+    const displayIcon = showIcon && !!icon;
+    const displayLabel = showLabel;
+    if (!displayIcon && !displayLabel)
+        return null;
+    return (_jsxs(Stack, Object.assign({ direction: "row", alignItems: "center", spacing: 1, color: "text.primary" }, restProps, { children: [displayIcon && (_jsx(Tooltip, Object.assign({ title: formattedName ? `Platform: ${formattedName}` : null }, tooltip, chipsTooltip, { children: _jsx(Chip, Object.assign({ variant: "circular", sx: { '&.CustomVariant_circular': { minWidth: 32, height: 32 } } }, chip, { children: icon })) }))), displayLabel && (_jsx(Tooltip, Object.assign({ title: formattedName }, tooltip, labelTooltip, { children: _jsx(Typography, Object.assign({ noWrap: true, fontSize: 12, fontWeight: 500 }, label, { children: formattedName || (_jsx(Box, Object.assign({ component: "span", sx: { opacity: 0.2 } }, { children: namePlaceholder }))) })) })))] })));
+};
+export default memo(TextWithChipCell);

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

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

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

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

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

@@ -43,8 +43,6 @@ export * from './MarketPlaceCell';
 export * from './IndividualsCell';
 export * from './BrandsCell';
 export * from './SalesChannelCell';
-export * from './TerminalsBrandCell';
-export * from './TerminalsPlatformCell';
 export * from './AppsCell';
 export * from './type';
 export * from './style';
@@ -53,3 +51,4 @@ export * from './PaymentAgreementCell';
 export * from './ProviderCell';
 export * from './PurposeCell';
 export * from './LinkCell';
+export * from './TextWithChipCell';

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

@@ -43,8 +43,6 @@ export * from './MarketPlaceCell';
 export * from './IndividualsCell';
 export * from './BrandsCell';
 export * from './SalesChannelCell';
-export * from './TerminalsBrandCell';
-export * from './TerminalsPlatformCell';
 export * from './AppsCell';
 export * from './type';
 export * from './style';
@@ -53,3 +51,4 @@ export * from './PaymentAgreementCell';
 export * from './ProviderCell';
 export * from './PurposeCell';
 export * from './LinkCell';
+export * from './TextWithChipCell';

package/build/utils/merchantSource.d.ts

@@ -23,7 +23,7 @@ export declare function transformPaymentSchemesData(data?: Source[]): {
     name: string;
     type: string;
     options: {
-        name: string | undefined;
+        name: string;
         type: string;
     }[];
 };

package/build/utils/merchantSource.js

@@ -1,4 +1,5 @@
 import capitalize from 'lodash/capitalize';
+import startCase from 'lodash/startCase';
 import { PAYMENT_TYPES_ICONS } from '../constants/index.js';
 import { getNameText } from './language';
 export function transformPaymentMethodsData(data) {
@@ -8,7 +9,7 @@ export function transformPaymentMethodsData(data) {
         options: data === null || data === void 0 ? void 0 : data.map((category) => {
             var _a, _b;
             return {
-                name: capitalize(getNameText(category === null || category === void 0 ? void 0 : category.name)),
+                name: capitalize(startCase(getNameText(category === null || category === void 0 ? void 0 : category.name))),
                 type: category === null || category === void 0 ? void 0 : category.code,
                 icon: (_a = PAYMENT_TYPES_ICONS[category.code]) !== null && _a !== void 0 ? _a : PAYMENT_TYPES_ICONS.CARD,
                 options: (_b = category.payment_methods) === null || _b === void 0 ? void 0 : _b.map((method) => ({
@@ -27,7 +28,7 @@ export function transformPaymentSchemesData(data = []) {
             .filter((scheme) => scheme.code)
             .map((scheme) => {
             return {
-                name: getNameText(scheme === null || scheme === void 0 ? void 0 : scheme.name),
+                name: capitalize(startCase(getNameText(scheme === null || scheme === void 0 ? void 0 : scheme.name))),
                 type: scheme === null || scheme === void 0 ? void 0 : scheme.code,
             };
         }),

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.331",
+  "version": "0.1.333",
   "testVersion": 0,
   "type": "module",
   "main": "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,21 +0,0 @@
-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';
-import { Chip, Tooltip } from '../../../index.js';
-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 = 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(Tooltip, Object.assign({ title: brandName ? `Brand: ${brandName}` : null }, { children: _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,13 +0,0 @@
-/// <reference types="react" />
-import { StackProps } from '@mui/material/Stack';
-import { TextAndLang } from '../../../../types/index.js';
-type TerminalsPlatformCellProps = StackProps & {
-    name?: TextAndLang[];
-    icon?: React.ReactNode;
-    displayRules?: {
-        showIcon?: boolean;
-        showLabel?: boolean;
-    };
-};
-declare const _default: import("react").MemoExoticComponent<({ name, icon, displayRules, ...props }: TerminalsPlatformCellProps) => import("react/jsx-runtime").JSX.Element | null>;
-export default _default;

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

@@ -1,31 +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, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo, useMemo } 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 = (_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 displayIcon = showIcon && !!icon;
-    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(Tooltip, Object.assign({ title: platformName ? `Platform: ${platformName}` : null }, { children: _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';