@tap-payments/os-micro-frontend-shared 0.1.90-test.23 → 0.1.90-test.27

package/build/components/StatusIcons/RefundIcon/RefundIcon.d.ts

@@ -1,11 +1,15 @@
 /// <reference types="react" />
 import { type RefundStatusType } from '../../TableCells';
+import { SelectionProps } from '../../../types/index.js';
 type RefundIconProps = {
     iconStyles?: React.CSSProperties;
     refundStatus?: RefundStatusType;
     refundTooltip?: React.ReactNode;
     refundCount?: number;
     isTextShown?: boolean;
+    isSheetViewShown?: boolean;
+    chipIndex?: number;
+    selectionProps?: SelectionProps;
 };
-declare const RefundIcon: ({ isTextShown, refundStatus, refundTooltip, refundCount, iconStyles }: RefundIconProps) => import("react/jsx-runtime").JSX.Element;
+declare const RefundIcon: ({ isTextShown, refundStatus, refundTooltip, refundCount, iconStyles, isSheetViewShown, chipIndex, selectionProps, }: RefundIconProps) => import("react/jsx-runtime").JSX.Element;
 export default RefundIcon;

package/build/components/StatusIcons/RefundIcon/RefundIcon.js

@@ -1,4 +1,4 @@
-import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import camelCase from 'lodash/camelCase';
 import { useTranslation } from 'react-i18next';
 import Tooltip from '../../Tooltip';
@@ -8,9 +8,15 @@ import { MultiRefundContainer, MultiRefundIcon, RefundsCountBadge } from '../../
 import { StatusIcon } from '../../TableCells/CustomCells/style';
 import { StatusTextLabel } from '../../TableCells/CustomCells/InvoiceStatusCell/style';
 import { refundStatusIcons, refundStyles } from '../../TableCells/CustomCells/StatusCell/constant';
-const RefundIcon = ({ isTextShown, refundStatus = 'PENDING', refundTooltip = '', refundCount, iconStyles }) => {
+import StatusChipWithCopy from '../../StatusChipWithCopy';
+const RefundIcon = ({ isTextShown, refundStatus = 'PENDING', refundTooltip = '', refundCount, iconStyles, isSheetViewShown, chipIndex = 0, selectionProps = {}, }) => {
     const { t } = useTranslation();
     const theme = useTheme();
+    const refundCountShown = (refundCount || 0) > 1;
+    const status = t(camelCase(refundStatus));
+    if (isSheetViewShown) {
+        return (_jsxs(StatusChipWithCopy, Object.assign({ chipIndex: chipIndex, selectionProps: selectionProps, copyText: status }, { children: [status, " ", refundCountShown ? `${refundCount}x` : null] })));
+    }
     const refundCountBadge = (_jsxs(RefundsCountBadge, Object.assign({ "data-testid": "StatusCell_RefundsCountBadge", initial: { width: 0, opacity: 0, padding: '0px' }, transition: {
             animate: {
                 duration: 0.5,
@@ -31,8 +37,8 @@ const RefundIcon = ({ isTextShown, refundStatus = 'PENDING', refundTooltip = '',
                 opacity: 1,
             },
         } }, { children: [refundCount, "x"] })));
-    const refundCountShown = (refundCount || 0) > 1;
-    return (_jsx(_Fragment, { children: isTextShown ? (_jsx(Tooltip, Object.assign({ title: _jsx("div", { children: _jsx("div", { children: refundTooltip }) }) }, { children: _jsx(StatusTextLabel, Object.assign({ "data-testid": "StatusCell_RefundStatusLabel", sx: {
+    if (isTextShown) {
+        return (_jsx(Tooltip, Object.assign({ title: _jsx("div", { children: _jsx("div", { children: refundTooltip }) }) }, { children: _jsx(StatusTextLabel, Object.assign({ "data-testid": "StatusCell_RefundStatusLabel", sx: {
                     color: refundStyles[refundStatus].color,
                     backgroundColor: refundStyles[refundStatus].backgroundColor,
                     width: '90px',
@@ -41,11 +47,13 @@ const RefundIcon = ({ isTextShown, refundStatus = 'PENDING', refundTooltip = '',
                             boxShadow: theme.shadows[4],
                             gap: theme.spacing(0.5),
                         },
-                    } }, { children: [t(camelCase(refundStatus)), " ", refundCountShown ? refundCountBadge : null] })) })) }))) : (_jsx(Tooltip, Object.assign({ title: _jsx("div", { children: _jsx("div", { children: refundTooltip }) }) }, { children: refundCountShown ? (_jsxs(MultiRefundContainer, Object.assign({ whileHover: ['animate', 'fadeIn'], animate: "start", variants: {
-                    animate: {
-                        boxShadow: theme.shadows[4],
-                        gap: theme.spacing(0.5),
-                    },
-                } }, { children: [_jsx(MultiRefundIcon, { src: refundSettledIcon, alt: "multi-refunded-icon", "data-testid": "StatusCell_MultiRefundIcon" }), refundCountBadge] }))) : (_jsx(StatusIcon, { src: refundStatusIcons[refundStatus], alt: "refunded-icon", "data-testid": "StatusCell_RefundStatusIcon", style: iconStyles })) }))) }));
+                    } }, { children: [status, " ", refundCountShown ? refundCountBadge : null] })) })) })));
+    }
+    return (_jsx(Tooltip, Object.assign({ title: _jsx("div", { children: _jsx("div", { children: refundTooltip }) }) }, { children: refundCountShown ? (_jsxs(MultiRefundContainer, Object.assign({ whileHover: ['animate', 'fadeIn'], animate: "start", variants: {
+                animate: {
+                    boxShadow: theme.shadows[4],
+                    gap: theme.spacing(0.5),
+                },
+            } }, { children: [_jsx(MultiRefundIcon, { src: refundSettledIcon, alt: "multi-refunded-icon", "data-testid": "StatusCell_MultiRefundIcon" }), refundCountBadge] }))) : (_jsx(StatusIcon, { src: refundStatusIcons[refundStatus], alt: "refunded-icon", "data-testid": "StatusCell_RefundStatusIcon", style: iconStyles })) })));
 };
 export default RefundIcon;

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

@@ -12,7 +12,7 @@ export declare const destinationsTableCellWidth: {
     readonly created: {
         readonly default: "170px";
         readonly text: "170px";
-        readonly sheet: "170px";
+        readonly sheet: "130px";
     };
     readonly receipt: {
         readonly default: "85px";
@@ -87,7 +87,7 @@ export declare const destinationsTableCellWidth: {
     readonly actions: {
         readonly default: "100px";
         readonly text: "100px";
-        readonly sheet: "100px";
+        readonly sheet: "85px";
     };
     readonly destination: {
         readonly default: "100px";
@@ -159,4 +159,14 @@ export declare const destinationsTableCellWidth: {
         readonly text: "150px";
         readonly sheet: "100px";
     };
+    readonly payout_status: {
+        readonly default: "120px";
+        readonly text: "120px";
+        readonly sheet: "120px";
+    };
+    readonly reference_transfer: {
+        readonly default: "350px";
+        readonly text: "350px";
+        readonly sheet: "350px";
+    };
 };

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

@@ -12,7 +12,7 @@ export const destinationsTableCellWidth = {
     created: {
         default: '170px',
         text: '170px',
-        sheet: '170px',
+        sheet: '130px',
     },
     receipt: {
         default: '85px',
@@ -87,7 +87,7 @@ export const destinationsTableCellWidth = {
     actions: {
         default: '100px',
         text: '100px',
-        sheet: '100px',
+        sheet: '85px',
     },
     destination: {
         default: '100px',
@@ -159,4 +159,14 @@ export const destinationsTableCellWidth = {
         text: '150px',
         sheet: '100px',
     },
+    payout_status: {
+        default: '120px',
+        text: '120px',
+        sheet: '120px',
+    },
+    reference_transfer: {
+        default: '350px',
+        text: '350px',
+        sheet: '350px',
+    },
 };

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.90-test.23",
-  "testVersion": 23,
+  "version": "0.1.90-test.27",
+  "testVersion": 27,
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",