@tap-payments/os-micro-frontend-shared 0.1.70-test.21 → 0.1.70-test.23

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

@@ -1,3 +1,3 @@
 import { BalanceCellProps } from './type';
-declare function BalanceCell({ percentage, days, remainingAmount, currency, isTextShown, ...props }: BalanceCellProps): import("react/jsx-runtime").JSX.Element;
+declare function BalanceCell({ percentage, days, remainingAmount, currency, isTextShown, isSheetViewShown, selectionProps, ...props }: BalanceCellProps): import("react/jsx-runtime").JSX.Element | null;
 export default BalanceCell;

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

@@ -15,19 +15,25 @@ import { useTheme } from '@mui/material/styles';
 import { motion } from 'framer-motion';
 import Tooltip from '../../../Tooltip';
 import { TableCell } from '../../../TableCells';
-import { CurrencyIcon } from '../../../index.js';
+import { CurrencyIcon, StatusChipWithCopy } from '../../../index.js';
 import { formatAmountWithCurrency } from '../../../../utils/index.js';
 import { BalanceCellContainer, PercentageContainer } from './style';
 import { formatPercentage } from './utils';
 import { TextLabel, PiePercentage } from '../style';
 function BalanceCell(_a) {
-    var { percentage, days, remainingAmount, currency, isTextShown } = _a, props = __rest(_a, ["percentage", "days", "remainingAmount", "currency", "isTextShown"]);
+    var { percentage, days, remainingAmount, currency, isTextShown, isSheetViewShown, selectionProps = {} } = _a, props = __rest(_a, ["percentage", "days", "remainingAmount", "currency", "isTextShown", "isSheetViewShown", "selectionProps"]);
     const theme = useTheme();
+    const currencyIcon = _jsx(CurrencyIcon, { currency: currency });
+    const { integerAmount, decimalAmount } = formatAmountWithCurrency(remainingAmount, currency);
+    const amount = `${integerAmount}.${decimalAmount}`;
     const generatedTooltip = useMemo(() => {
-        const { integerAmount, decimalAmount } = formatAmountWithCurrency(remainingAmount, currency);
-        const currencyIcon = _jsx(CurrencyIcon, { currency: currency });
-        return (_jsxs(_Fragment, { children: ["Remaining Authorized Balance - ", currencyIcon, " ", integerAmount, ".", decimalAmount] }));
+        return (_jsxs(_Fragment, { children: ["Remaining Authorized Balance - ", currencyIcon, " ", amount] }));
     }, [remainingAmount, currency]);
+    if (isSheetViewShown) {
+        if (percentage === 0)
+            return null;
+        return (_jsxs(StatusChipWithCopy, Object.assign({ chipIndex: 0, copyText: `${integerAmount}.${decimalAmount}`, selectionProps: selectionProps }, { children: [percentage, "% | Remaining balance - ", currencyIcon, " ", amount] })));
+    }
     return (_jsx(TableCell, Object.assign({}, props, { children: _jsx("div", Object.assign({ style: {
                 display: 'flex',
                 alignItems: 'center',

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

@@ -1,8 +1,11 @@
 import { TableCellProps } from '@mui/material';
+import { SelectionProps } from '../../../../types/index.js';
 export interface BalanceCellProps extends TableCellProps {
     percentage: number;
     days?: number;
     remainingAmount?: number;
     currency?: string;
     isTextShown?: boolean;
+    isSheetViewShown?: boolean;
+    selectionProps?: SelectionProps;
 }

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

@@ -1,6 +1,10 @@
 import type { StatusCellProps } from './type';
-declare function StatusCell({ statuses, isTextShown, centerIconKey, xGap, tableMode, ...props }: Readonly<StatusCellProps & {
+import { SelectionProps } from '../../../../types/index.js';
+interface StatusCellI extends Readonly<StatusCellProps & {
     isChargesService?: boolean;
     isAuthorizationsService?: boolean;
-}>): import("react/jsx-runtime").JSX.Element;
+}> {
+    selectionProps?: SelectionProps;
+}
+declare function StatusCell({ statuses, isTextShown, centerIconKey, xGap, tableMode, selectionProps, ...props }: StatusCellI): import("react/jsx-runtime").JSX.Element;
 export default StatusCell;

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

@@ -11,15 +11,15 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { jsx as _jsx } from "react/jsx-runtime";
 import { TableCell } from '../../../TableCells';
-import StatusChip from '../../../StatusChip';
 import { StatusIcon, StatusContainer, StatusWrapper } from './style';
 import { getStatusesFilteredObject } from './utils';
+import StatusChipWithCopy from '../../../StatusChipWithCopy';
 function StatusCell(_a) {
-    var { statuses, isTextShown, centerIconKey, xGap, tableMode } = _a, props = __rest(_a, ["statuses", "isTextShown", "centerIconKey", "xGap", "tableMode"]);
+    var { statuses, isTextShown, centerIconKey, xGap, tableMode, selectionProps = {} } = _a, props = __rest(_a, ["statuses", "isTextShown", "centerIconKey", "xGap", "tableMode", "selectionProps"]);
     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) => (_jsx(StatusChip, Object.assign({ borderColor: "transparent", padding: '0px' }, { children: status }), index))) }) })));
+        return (_jsx(TableCell, Object.assign({}, props, { children: _jsx(StatusContainer, { children: statusesList.map((status, index) => (_jsx(StatusChipWithCopy, Object.assign({ borderColor: "transparent", padding: '0px', chipIndex: index, selectionProps: selectionProps }, { children: status }), index))) }) })));
     }
     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.21",
-  "testVersion": 21,
+  "version": "0.1.70-test.23",
+  "testVersion": 23,
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",