@tap-payments/os-micro-frontend-shared 0.1.222 → 0.1.223

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

@@ -21,7 +21,7 @@ import { BalanceCellContainer, PercentageContainer } from './style';
 import { formatPercentage } from './utils';
 import { PiePercentage } from '../style';
 function BalanceCell(_a) {
-    var { percentage, days, remainingAmount, currency } = _a, props = __rest(_a, ["percentage", "days", "remainingAmount", "currency"]);
+    var { percentage = 0, days, remainingAmount, currency } = _a, props = __rest(_a, ["percentage", "days", "remainingAmount", "currency"]);
     const theme = useTheme();
     const currencyIcon = _jsx(CurrencyIcon, { currency: currency });
     const { integerAmount, decimalAmount } = formatAmountWithCurrency(remainingAmount, currency);

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

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

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

@@ -1,12 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { CurrencyIcon, StatusChipWithCopy } from '../../../index.js';
 import { formatAmountWithCurrency } from '../../../../utils/index.js';
-function BalanceCellSheet({ percentage, remainingAmount, currency, selectionProps }) {
+function BalanceCellSheet({ remainingAmount, currency, selectionProps }) {
     const currencyIcon = _jsx(CurrencyIcon, { currency: currency });
     const { integerAmount, decimalAmount } = formatAmountWithCurrency(remainingAmount, currency);
     const amount = `${integerAmount}.${decimalAmount}`;
-    if (percentage === 0)
-        return null;
-    return (_jsxs(StatusChipWithCopy, Object.assign({ chipIndex: 0, copyText: `${integerAmount}.${decimalAmount}`, selectionProps: selectionProps }, { children: [percentage, "% | Remaining balance - ", currencyIcon, " ", amount] })));
+    return (_jsxs(StatusChipWithCopy, Object.assign({ chipIndex: 0, copyText: `${integerAmount}.${decimalAmount}`, selectionProps: selectionProps }, { children: [currencyIcon, " ", amount] })));
 }
 export default BalanceCellSheet;

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

@@ -1,4 +1,3 @@
 export { default as BalanceCell } from './BalanceCell';
 export { default as BalanceCellSheet } from './BalanceCellSheet';
-export { default as BalanceCellText } from './BalanceCellText';
 export * from './type';

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

@@ -1,4 +1,3 @@
 export { default as BalanceCell } from './BalanceCell';
 export { default as BalanceCellSheet } from './BalanceCellSheet';
-export { default as BalanceCellText } from './BalanceCellText';
 export * from './type';

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

@@ -1,7 +1,7 @@
 import { TableCellProps } from '@mui/material';
 import { SelectionProps } from '../../../../types/index.js';
 export interface BalanceCellCommonProps {
-    percentage: number;
+    percentage?: number;
     remainingAmount?: number;
     currency?: string;
 }

package/build/constants/table/cell/authorizationTableCellWidth.d.ts

@@ -17,7 +17,7 @@ export declare const authorizationTableCellWidth: {
     readonly balance: {
         readonly default: "60px";
         readonly text: "60px";
-        readonly sheet: "250px";
+        readonly sheet: "150px";
     };
     readonly product: {
         readonly default: "85px";

package/build/constants/table/cell/authorizationTableCellWidth.js

@@ -17,7 +17,7 @@ export const authorizationTableCellWidth = {
     balance: {
         default: '60px',
         text: '60px',
-        sheet: '250px',
+        sheet: '150px',
     },
     product: {
         default: '85px',

package/build/constants/table/cell/refundTableCellWidth.d.ts

@@ -132,7 +132,7 @@ export declare const refundTableCellWidth: {
     readonly balance: {
         readonly default: "120px";
         readonly text: "150px";
-        readonly sheet: "280px";
+        readonly sheet: "150px";
     };
     readonly status: {
         readonly default: "100px";

package/build/constants/table/cell/refundTableCellWidth.js

@@ -132,7 +132,7 @@ export const refundTableCellWidth = {
     balance: {
         default: '120px',
         text: '150px',
-        sheet: '280px',
+        sheet: '150px',
     },
     status: {
         default: '100px',

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tap-payments/os-micro-frontend-shared",
   "description": "Shared components and utilities for Tap Payments micro frontends",
-  "version": "0.1.222",
+  "version": "0.1.223",
   "testVersion": 0,
   "type": "module",
   "main": "build/index.js",

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

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

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

@@ -1,44 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo } from 'react';
-import { useTheme } from '@mui/material/styles';
-import Tooltip from '../../../Tooltip';
-import { TableCell } from '../../../TableCells';
-import { CurrencyIcon } from '../../../index.js';
-import { formatAmountWithCurrency } from '../../../../utils/index.js';
-import { BalanceCellContainer } from './style';
-import { TextLabel } from '../style';
-function BalanceCellText(_a) {
-    var { percentage, days, remainingAmount, currency } = _a, props = __rest(_a, ["percentage", "days", "remainingAmount", "currency"]);
-    const theme = useTheme();
-    const currencyIcon = _jsx(CurrencyIcon, { currency: currency });
-    const { integerAmount, decimalAmount } = formatAmountWithCurrency(remainingAmount, currency);
-    const amount = `${integerAmount}.${decimalAmount}`;
-    const generatedTooltip = useMemo(() => {
-        return (_jsxs(_Fragment, { children: ["Remaining Authorized Balance - ", currencyIcon, " ", amount] }));
-    }, [remainingAmount, currency]);
-    if (percentage === 0)
-        return null;
-    return (_jsx(TableCell, Object.assign({}, props, { children: _jsx("div", Object.assign({ style: {
-                display: 'flex',
-                alignItems: 'center',
-                justifyContent: 'flex-start',
-                gap: '8px',
-            } }, { children: _jsx(Tooltip, Object.assign({ title: generatedTooltip }, { children: _jsx(BalanceCellContainer, Object.assign({ whileHover: ['animate', 'fadeIn'], animate: "start", sx: {
-                        zIndex: 22,
-                        height: 'auto',
-                        padding: '0',
-                        backgroundColor: `${theme.palette.grey.A700}1a`,
-                    } }, { children: _jsxs(TextLabel, { children: [percentage, "%"] }) })) })) })) })));
-}
-export default BalanceCellText;