@tap-payments/os-micro-frontend-shared 0.1.70-test.29 → 0.1.70-test.30-test.31

package/build/components/StatusIcons/AuthorizationAutoIcons/CaptureAutoIcon.js

@@ -63,7 +63,7 @@ function CaptureAutoIcon({ voidPercentage, capturePercentage, captureCount, auto
             return _jsx(CaptureTextLabel, { children: t('captured') });
         }
         return captureStatus;
-    }, [isTextShown, captureStatus]);
+    }, [isTextShown, captureStatus, isSheetViewShown, selectionProps]);
     return (captureContent && (_jsx("div", Object.assign({ style: {
             zIndex: 12,
         } }, { children: captureContent }))));

package/build/components/StatusIcons/AuthorizationAutoIcons/VoidAutoIcon.d.ts

@@ -1,3 +1,3 @@
 import { BalanceCellProps } from './type';
-declare function VoidAutoIcon({ voidPercentage, capturePercentage, voidCount, autoType, captureAmount, voidAmount, currency, isTextShown, remainingAmount, }: BalanceCellProps): import("react/jsx-runtime").JSX.Element | null;
+declare function VoidAutoIcon({ voidPercentage, capturePercentage, voidCount, autoType, captureAmount, voidAmount, currency, isTextShown, isSheetViewShown, selectionProps, remainingAmount, }: BalanceCellProps): import("react/jsx-runtime").JSX.Element | null;
 export default VoidAutoIcon;

package/build/components/StatusIcons/AuthorizationAutoIcons/VoidAutoIcon.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback } from 'react';
+import { useCallback, useMemo } from 'react';
 import { useTheme } from '@mui/material/styles';
 import { motion } from 'framer-motion';
 import { useTranslation } from 'react-i18next';
@@ -11,7 +11,8 @@ import { formatAmount, formatAmountWithCurrency } from '../../../utils/index.js'
 import { autoIcons } from './constant';
 import { AutoIconWrapper, BalanceCellContainer, PercentageContainer, PiePercentage, AutoIconImage } from './style';
 import { formatPercentage } from './utils';
-function VoidAutoIcon({ voidPercentage, capturePercentage, voidCount, autoType, captureAmount, voidAmount, currency, isTextShown, remainingAmount, }) {
+import StatusChipWithCopy from '../../StatusChipWithCopy';
+function VoidAutoIcon({ voidPercentage, capturePercentage, voidCount, autoType, captureAmount, voidAmount, currency, isTextShown, isSheetViewShown, selectionProps = {}, remainingAmount, }) {
     var _a;
     const isFullyUsed = Number(capturePercentage) + Number(voidPercentage) === 100 || remainingAmount <= 0;
     const theme = useTheme();
@@ -59,7 +60,15 @@ function VoidAutoIcon({ voidPercentage, capturePercentage, voidCount, autoType,
                         },
                     } }, { children: _jsxs(StyledBadge, Object.assign({ compact: true, variant: BadgeVariants.NEUTRAL }, { children: [voidCount, "x"] })) })))] })) }))) : autoType === 'VOID' && !isFullyUsed ? (_jsx(Tooltip, Object.assign({ title: generateAutoTooltip('Void') }, { children: _jsx(AutoIconWrapper, { children: _jsx(AutoIconImage, { src: (_a = autoIcons.VOID) === null || _a === void 0 ? void 0 : _a.icon, alt: "auto" }) }) }))) : null;
     const voidStatus = voidPercentage === 100 ? (_jsx(Tooltip, Object.assign({ title: t('void') }, { children: _jsx(AutoIconWrapper, { children: _jsx(AutoIconImage, { src: voidedIcon, alt: "void" }) }) }))) : (autoVoidStatus);
-    const voidContent = isTextShown && voidStatus ? _jsx(VoidTextLabel, { children: t('void') }) : voidStatus;
+    const voidContent = useMemo(() => {
+        if (isSheetViewShown && voidStatus) {
+            return (_jsx(StatusChipWithCopy, Object.assign({ chipIndex: 5, copyText: t('void'), selectionProps: selectionProps }, { children: t('void') })));
+        }
+        if (isTextShown && voidStatus) {
+            return _jsx(VoidTextLabel, { children: t('void') });
+        }
+        return voidStatus;
+    }, [isTextShown, voidStatus, isSheetViewShown, selectionProps]);
     return voidContent ? _jsx("div", Object.assign({ style: { zIndex: 11 } }, { children: voidContent })) : null;
 }
 export default VoidAutoIcon;

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.70-test.29",
-  "testVersion": 29,
+  "version": "0.1.70-test.30-test.31",
+  "testVersion": 31,
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",