@tap-payments/os-micro-frontend-shared 0.0.235 → 0.0.236-test.1

package/build/components/MultiSelectStatusButton/MultiSelectStatusButton.js

@@ -1,15 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { memo, useState, useRef, useEffect } from 'react';
-import { useTranslation } from 'react-i18next';
 import { Typography, Checkbox } from '@mui/material';
 import { ChevronIcon } from '../StatusButton/ChevronIcon';
 import StyledBadge, { BadgeVariants } from '../CountBadge';
-import CountryFlag from '../CountryFlag';
 import { formatNumber } from '../../utils/index.js';
-import { closeXIcon, SUPPORTED_CURRENCY_DETAILS } from '../../constants/index.js';
+import { closeXIcon } from '../../constants/index.js';
 import { ChevronContainer, Label, LabelWrapper, StyledDropdown, MenuItemContainer, CheckboxStyles, StyledStatusButton, ClearIcon, ChevronIconWrapper, } from './style';
 function MultiSelectStatusButton({ options = [], selectedValues, onSelectionChange, label, variant = 'inActive' }) {
-    const { t } = useTranslation();
     const [anchorEl, setAnchorEl] = useState(null);
     const buttonRef = useRef(null);
     const [internalSelectedValues, setInternalSelectedValues] = useState(selectedValues);
@@ -57,13 +54,9 @@ function MultiSelectStatusButton({ options = [], selectedValues, onSelectionChan
             : [...internalSelectedValues, optionStatus];
         setInternalSelectedValues(newSelection);
     };
-    const getDisplayLabel = () => {
-        return (_jsx(Typography, Object.assign({ fontWeight: 400, fontSize: "11px", variant: "inherit" }, { children: t('Currencies') })));
-    };
-    const countBadge = (_jsx(StyledBadge, Object.assign({ pointer: true, variant: variant === 'active' ? BadgeVariants.ACTIVE : BadgeVariants.INACTIVE }, { children: formatNumber(selectedValues.length > 0 ? selectedValues.length : options.length) })));
     return (_jsxs(_Fragment, { children: [_jsx(StyledStatusButton, Object.assign({ buttonVariant: variant, ref: buttonRef, sx: {
                     paddingInlineEnd: '27px',
-                }, "data-testid": "MultiSelectStatusButton", onClick: handleDropdownClick, onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), disabled: !options.length }, { children: _jsxs(LabelWrapper, { children: [_jsxs(Label, Object.assign({ variant: variant }, { children: [getDisplayLabel(), countBadge] })), _jsxs(ChevronContainer, Object.assign({ onClick: isHovered && internalSelectedValues.length > 0 ? handleClearAll : undefined, sx: {
+                }, "data-testid": "MultiSelectStatusButton", onClick: handleDropdownClick, onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), disabled: !options.length }, { children: _jsxs(LabelWrapper, { children: [_jsxs(Label, Object.assign({ variant: variant }, { children: [_jsx(Typography, Object.assign({ fontWeight: 400, fontSize: "11px", variant: "inherit" }, { children: label })), _jsx(StyledBadge, Object.assign({ pointer: true, variant: variant === 'active' ? BadgeVariants.ACTIVE : BadgeVariants.INACTIVE }, { children: formatNumber(selectedValues.length > 0 ? selectedValues.length : options.length) }))] })), _jsxs(ChevronContainer, Object.assign({ onClick: isHovered && internalSelectedValues.length > 0 ? handleClearAll : undefined, sx: {
                                 '&:hover': {
                                     backgroundColor: 'transparent',
                                 },
@@ -80,21 +73,18 @@ function MultiSelectStatusButton({ options = [], selectedValues, onSelectionChan
                     '&:hover': {
                         boxShadow: 'none !important',
                     },
-                }, menuItems: options.map((option) => {
-                    var _a;
-                    return ({
-                        label: (_jsxs(MenuItemContainer, { children: [_jsx(Checkbox, { checked: internalSelectedValues.includes(option.status), size: "small", sx: CheckboxStyles, onClick: (e) => {
-                                        var _a;
-                                        e.stopPropagation();
-                                        handleOptionToggle((_a = option.status) !== null && _a !== void 0 ? _a : '', e);
-                                    } }), _jsx(CountryFlag, { code: ((_a = SUPPORTED_CURRENCY_DETAILS[option.code]) === null || _a === void 0 ? void 0 : _a.country) || '', sx: { border: '1px solid white', borderRadius: '3px' } }), _jsx(Typography, Object.assign({ variant: "body2" }, { children: option.name }))] })),
-                        onClick: (e) => {
-                            var _a;
-                            e.preventDefault();
-                            e.stopPropagation();
-                            handleOptionToggle((_a = option.status) !== null && _a !== void 0 ? _a : '', e);
-                        },
-                    });
-                }) }))] }));
+                }, menuItems: options.map((option) => ({
+                    label: (_jsxs(MenuItemContainer, { children: [_jsx(Checkbox, { checked: internalSelectedValues.includes(option.status), size: "small", sx: CheckboxStyles, onClick: (e) => {
+                                    var _a;
+                                    e.stopPropagation();
+                                    handleOptionToggle((_a = option.status) !== null && _a !== void 0 ? _a : '', e);
+                                } }), option.render ? option.render() : _jsx(Typography, Object.assign({ variant: "body2" }, { children: option.name }))] })),
+                    onClick: (e) => {
+                        var _a;
+                        e.preventDefault();
+                        e.stopPropagation();
+                        handleOptionToggle((_a = option.status) !== null && _a !== void 0 ? _a : '', e);
+                    },
+                })) }))] }));
 }
 export default memo(MultiSelectStatusButton);

package/build/components/MultiSelectStatusButton/type.d.ts

@@ -1,9 +1,11 @@
+/// <reference types="react" />
 import { TableHeaderStatus } from '../../types/index.js';
 export interface CurrencyOption {
     code: string;
     name: string;
     flagCode?: string;
     status: TableHeaderStatus;
+    render?: () => JSX.Element;
 }
 export interface MultiSelectStatusButtonProps {
     options: CurrencyOption[];

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

@@ -1,3 +1,3 @@
 import { BalanceCellProps } from './type';
-declare function RefundStatusCell({ status, date, refundTooltip, isTextShown, gatewayTooltip, acquirerTooltip, errorCode, acquirerCode, gatewayCode, unCapturedTooltip, timezone, ...props }: BalanceCellProps): import("react/jsx-runtime").JSX.Element;
+declare function RefundStatusCell({ status, date, refundTooltip, isTextShown, gatewayTooltip, acquirerTooltip, errorCode, acquirerCode, gatewayCode, unCapturedTooltip, timezone, refundTooltipLabel, ...props }: BalanceCellProps): import("react/jsx-runtime").JSX.Element;
 export default RefundStatusCell;

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

@@ -21,7 +21,7 @@ import { useRefundStyles } from './hooks/useRefundStyles';
 import { TextLabel, StatusCellContainer } from '../style';
 import { IconWrapper } from './style';
 function RefundStatusCell(_a) {
-    var { status, date, refundTooltip, isTextShown, gatewayTooltip, acquirerTooltip, errorCode, acquirerCode, gatewayCode, unCapturedTooltip, timezone } = _a, props = __rest(_a, ["status", "date", "refundTooltip", "isTextShown", "gatewayTooltip", "acquirerTooltip", "errorCode", "acquirerCode", "gatewayCode", "unCapturedTooltip", "timezone"]);
+    var { status, date, refundTooltip, isTextShown, gatewayTooltip, acquirerTooltip, errorCode, acquirerCode, gatewayCode, unCapturedTooltip, timezone, refundTooltipLabel } = _a, props = __rest(_a, ["status", "date", "refundTooltip", "isTextShown", "gatewayTooltip", "acquirerTooltip", "errorCode", "acquirerCode", "gatewayCode", "unCapturedTooltip", "timezone", "refundTooltipLabel"]);
     const { t } = useTranslation();
     const refundStyles = useRefundStyles();
     const formatDate = useCallback((dateMs) => dayjs(dateMs).format('MMM D, YYYY'), []);

package/build/components/TableCells/CustomCells/RefundStatusCell/components/RefundStatus.d.ts

@@ -1,2 +1,2 @@
 import { BalanceCellProps } from '../type';
-export default function RefundStatus({ status, refundTooltip, date, gatewayTooltip, unCapturedTooltip, acquirerTooltip, errorCode, acquirerCode, gatewayCode, timezone, }: Partial<BalanceCellProps>): import("react/jsx-runtime").JSX.Element;
+export default function RefundStatus({ status, refundTooltip, refundTooltipLabel, date, gatewayTooltip, unCapturedTooltip, acquirerTooltip, errorCode, acquirerCode, gatewayCode, timezone, }: Partial<BalanceCellProps>): import("react/jsx-runtime").JSX.Element;

package/build/components/TableCells/CustomCells/RefundStatusCell/components/RefundStatus.js

@@ -8,7 +8,7 @@ import { changeDateTimezone } from '../../../../../utils/index.js';
 import { RefundStateIcon } from './RefundStateIcon';
 import { refundStatusLabels } from '../constant';
 import { RefundCellContainer, PartialIcon, PercentageContainer, DateContainer } from '../style';
-export default function RefundStatus({ status, refundTooltip, date, gatewayTooltip, unCapturedTooltip, acquirerTooltip, errorCode, acquirerCode, gatewayCode, timezone, }) {
+export default function RefundStatus({ status, refundTooltip, refundTooltipLabel, date, gatewayTooltip, unCapturedTooltip, acquirerTooltip, errorCode, acquirerCode, gatewayCode, timezone, }) {
     const theme = useTheme();
     const { t } = useTranslation();
     const formattedDate = changeDateTimezone(new Date(Number(date)), {
@@ -18,7 +18,7 @@ export default function RefundStatus({ status, refundTooltip, date, gatewayToolt
     if (!['REFUNDED', 'PAID_OUT'].includes(status !== null && status !== void 0 ? status : '')) {
         return (_jsx(RefundStateIcon, { status: status, refundTooltip: refundTooltip, gatewayTooltip: gatewayTooltip, unCapturedTooltip: unCapturedTooltip, acquirerTooltip: acquirerTooltip, errorCode: errorCode, acquirerCode: acquirerCode, gatewayCode: gatewayCode }));
     }
-    return (_jsx(Tooltip, Object.assign({ title: _jsxs("div", { children: [_jsx("div", { children: t(refundStatusLabels.REFUNDED) }), refundTooltip] }) }, { children: _jsxs(RefundCellContainer, Object.assign({ whileHover: ['animate', 'fadeIn'], animate: 'start', variants: Object.assign({}, (date && {
+    return (_jsx(Tooltip, Object.assign({ title: _jsxs("div", { children: [_jsx("div", { children: refundTooltipLabel !== null && refundTooltipLabel !== void 0 ? refundTooltipLabel : t(refundStatusLabels.REFUNDED) }), refundTooltip] }) }, { children: _jsxs(RefundCellContainer, Object.assign({ whileHover: ['animate', 'fadeIn'], animate: 'start', variants: Object.assign({}, (date && {
                 animate: {
                     boxShadow: theme.shadows[4],
                 },

package/build/components/TableCells/CustomCells/RefundStatusCell/type.d.ts

@@ -14,4 +14,5 @@ export interface BalanceCellProps extends TableCellProps {
     gatewayCode?: string;
     unCapturedTooltip?: string;
     timezone: Timezone | null;
+    refundTooltipLabel?: string;
 }

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.0.235",
-  "testVersion": 19,
+  "version": "0.0.236-test.1",
+  "testVersion": 1,
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",
@@ -131,4 +131,4 @@
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
   }
-}
+}