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

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

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

package/build/components/StatusIcons/AuthorizationAutoIcons/CaptureAutoIcon.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, PartialIcon, PercentageContainer, PiePercentage, AutoIconImage, FullyCapturedWrapper } from './style';
 import { formatPercentage } from './utils';
-function CaptureAutoIcon({ voidPercentage, capturePercentage, captureCount, autoType, captureAmount, voidAmount, currency, isTextShown, remainingAmount, }) {
+import StatusChipWithCopy from '../../StatusChipWithCopy';
+function CaptureAutoIcon({ voidPercentage, capturePercentage, captureCount, autoType, captureAmount, voidAmount, currency, isTextShown, remainingAmount, isSheetViewShown, selectionProps = {}, }) {
     var _a, _b;
     const isFullyUsed = Number(capturePercentage) + Number(voidPercentage) === 100 || remainingAmount <= 0;
     const theme = useTheme();
@@ -54,7 +55,15 @@ function CaptureAutoIcon({ voidPercentage, capturePercentage, captureCount, auto
                         },
                     } }, { children: [_jsxs(PercentageContainer, Object.assign({ isCapture: true, percentage: capturePercentage }, { children: [capturePercentage, "% ", _jsx(PiePercentage, { isCapture: true, percentage: formatPercentage(capturePercentage) })] })), captureCount > 1 && (_jsxs(StyledBadge, Object.assign({ compact: true, variant: BadgeVariants.DARK }, { children: [captureCount, "x"] })))] }))] })) }))) : autoType === 'CAPTURED' && !isFullyUsed ? (_jsx(Tooltip, Object.assign({ title: generateAutoTooltip('Capture') }, { children: _jsx(AutoIconWrapper, { children: _jsx(AutoIconImage, { src: (_a = autoIcons.CAPTURED) === null || _a === void 0 ? void 0 : _a.icon, alt: "auto" }) }) }))) : (_jsx(Tooltip, Object.assign({ title: generateAutoTooltip('Capture') }, { children: _jsx(AutoIconWrapper, { children: _jsx(AutoIconImage, { src: (_b = autoIcons.CAPTURED) === null || _b === void 0 ? void 0 : _b.icon, alt: "auto" }) }) })));
     const captureStatus = capturePercentage === 100 ? (_jsx(Tooltip, Object.assign({ title: t('captured') }, { children: _jsx(FullyCapturedWrapper, { children: _jsx(AutoIconImage, { src: capturedIcon, alt: "captured" }) }) }))) : (autoCaptureStatus);
-    const captureContent = isTextShown && captureStatus ? _jsx(CaptureTextLabel, { children: t('captured') }) : captureStatus;
+    const captureContent = useMemo(() => {
+        if (isSheetViewShown && captureStatus) {
+            return (_jsx(StatusChipWithCopy, Object.assign({ chipIndex: 4, copyText: t('captured'), selectionProps: selectionProps }, { children: t('captured') })));
+        }
+        if (isTextShown && captureStatus) {
+            return _jsx(CaptureTextLabel, { children: t('captured') });
+        }
+        return captureStatus;
+    }, [isTextShown, captureStatus]);
     return (captureContent && (_jsx("div", Object.assign({ style: {
             zIndex: 12,
         } }, { children: captureContent }))));

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

@@ -1,4 +1,5 @@
 import { TableCellProps } from '@mui/material';
+import { SelectionProps } from '../../../types/index.js';
 export interface BalanceCellProps extends TableCellProps {
     autoType?: 'VOID' | 'CAPTURED';
     capturePercentage: number;
@@ -11,4 +12,6 @@ export interface BalanceCellProps extends TableCellProps {
     voidCount: number;
     isTextShown?: boolean;
     remainingAmount: number;
+    isSheetViewShown?: boolean;
+    selectionProps?: SelectionProps;
 }

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

@@ -9,17 +9,16 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { TableCell } from '../../../TableCells';
 import { StatusIcon, StatusContainer, StatusWrapper } from './style';
 import { getStatusesFilteredObject } from './utils';
-import { Box } from '@mui/material';
 function StatusCell(_a) {
     var { statuses, isTextShown, centerIconKey, xGap, tableMode } = _a, props = __rest(_a, ["statuses", "isTextShown", "centerIconKey", "xGap", "tableMode"]);
     const statusesFilteredObject = statuses ? getStatusesFilteredObject(statuses) : {};
     const statusesList = Object.values(statusesFilteredObject).filter(Boolean);
     if (tableMode === 'sheet') {
-        return (_jsx(TableCell, Object.assign({}, props, { children: _jsx(StatusContainer, { children: statusesList.map((status, index) => (_jsxs(Box, { children: ["(", status, ")"] }, index))) }) })));
+        return (_jsx(TableCell, Object.assign({}, props, { children: _jsx(StatusContainer, { children: statusesList.map((status) => status) }) })));
     }
     const xGapValue = isTextShown ? xGap || 120 : 40;
     const centerIconIndex = centerIconKey ? Object.entries(statusesFilteredObject).findIndex(([key]) => key === centerIconKey) : 0;

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