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

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;
 export default BalanceCell;

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

@@ -15,19 +15,23 @@ 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) {
+        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/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.22",
+  "testVersion": 22,
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",