@tap-payments/os-micro-frontend-shared 0.1.90-test.21 → 0.1.90-test.22

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

@@ -1,5 +1,8 @@
-import { DestinationStatus } from '../../../types/index.js';
-export declare function DestinationIcon({ status, isTextShown, }: Readonly<{
+import { DestinationStatus, SelectionProps } from '../../../types/index.js';
+export declare function DestinationIcon({ status, isTextShown, isSheetViewShown, chipIndex, selectionProps, }: Readonly<{
     status: DestinationStatus;
     isTextShown?: boolean;
+    isSheetViewShown?: boolean;
+    chipIndex?: number;
+    selectionProps?: SelectionProps;
 }>): import("react/jsx-runtime").JSX.Element;

package/build/components/StatusIcons/DestinationIcon/DestinationIcon.js

@@ -5,10 +5,18 @@ import Tooltip from '../../Tooltip';
 import { camelCase } from 'lodash';
 import { useTheme } from '@mui/material';
 import { t } from 'i18next';
-export function DestinationIcon({ status, isTextShown, }) {
+import StatusChipWithCopy from '../../StatusChipWithCopy';
+export function DestinationIcon({ status, isTextShown, isSheetViewShown, chipIndex = 0, selectionProps = {}, }) {
     const theme = useTheme();
-    return isTextShown && destinationStatusIcons[status] ? (_jsx(TextLabel, Object.assign({ "data-testid": "ChargeStatusIcon_isTextShown", "data-status": camelCase(status), sx: {
-            background: '#1F88D00D',
-            color: status === 'PROCESSED' ? theme.palette.info.dark : theme.palette.common.black,
-        } }, { children: t(camelCase(status)) }))) : (_jsx(StatusIconWrapper, Object.assign({ className: "destination-status" }, { children: status && destinationStatusIcons[status] && (_jsx(Tooltip, Object.assign({ title: t(camelCase(status)) }, { children: _jsx(StatusIcon, { src: destinationStatusIcons[status], alt: "destination-icon" }) }))) })));
+    const statusText = t(camelCase(status));
+    if (isSheetViewShown && destinationStatusIcons[status]) {
+        return (_jsx(StatusChipWithCopy, Object.assign({ copyText: statusText, chipIndex: chipIndex, selectionProps: selectionProps }, { children: statusText })));
+    }
+    if (isTextShown && destinationStatusIcons[status]) {
+        return (_jsx(TextLabel, Object.assign({ "data-testid": "ChargeStatusIcon_isTextShown", "data-status": camelCase(status), sx: {
+                background: '#1F88D00D',
+                color: status === 'PROCESSED' ? theme.palette.info.dark : theme.palette.common.black,
+            } }, { children: statusText })));
+    }
+    return (_jsx(StatusIconWrapper, Object.assign({ className: "destination-status" }, { children: status && destinationStatusIcons[status] && (_jsx(Tooltip, Object.assign({ title: t(camelCase(status)) }, { children: _jsx(StatusIcon, { src: destinationStatusIcons[status], alt: "destination-icon" }) }))) })));
 }

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