@tap-payments/os-micro-frontend-shared 0.1.145-test.1 → 0.1.145-test.1-test.2

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2025 Tap Payments
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2025 Tap Payments
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,12 +1,12 @@
-# os-micro-frontend-shared
-
-## Publishing Workflow
-
-1. Update version in package.json
-2. Commit changes
-3. Create and push a tag:
-
-```bash
-npm version patch  # or minor, major
-git push origin main --tags
-```
+# os-micro-frontend-shared
+
+## Publishing Workflow
+
+1. Update version in package.json
+2. Commit changes
+3. Create and push a tag:
+
+```bash
+npm version patch  # or minor, major
+git push origin main --tags
+```

package/build/components/NestedDropdown/Dropdown.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import type { DropdownProps } from './types';
-declare function Dropdown({ title, menuItems, onChildrenChange, onSelect, className, updatedList, footer, placement, ...props }: DropdownProps): import("react/jsx-runtime").JSX.Element;
+declare function Dropdown({ title, menuItems, onChildrenChange, onSelect, className, updatedList, footer, placement, forceCloseSubmenus, ...props }: DropdownProps): import("react/jsx-runtime").JSX.Element;
 declare const _default: import("react").MemoExoticComponent<typeof Dropdown>;
 export default _default;

package/build/components/NestedDropdown/Dropdown.js

@@ -14,7 +14,7 @@ import { memo, useEffect, useState } from 'react';
 import MenuItem from './NestedMenuItem';
 import { TitleStyled, DropdownStyled, ListWrapper, HeaderWrapper } from './styles';
 function Dropdown(_a) {
-    var { title, menuItems, onChildrenChange, onSelect, className, updatedList, footer, placement = 'right' } = _a, props = __rest(_a, ["title", "menuItems", "onChildrenChange", "onSelect", "className", "updatedList", "footer", "placement"]);
+    var { title, menuItems, onChildrenChange, onSelect, className, updatedList, footer, placement = 'right', forceCloseSubmenus } = _a, props = __rest(_a, ["title", "menuItems", "onChildrenChange", "onSelect", "className", "updatedList", "footer", "placement", "forceCloseSubmenus"]);
     const [selectedItem, setSelected] = useState({ name: '', selected: false });
     const [list, setList] = useState();
     useEffect(() => {
@@ -55,6 +55,6 @@ function Dropdown(_a) {
                     }, onSelect: (selectedChildren) => {
                         if (onSelect)
                             onSelect(selectedChildren);
-                    }, placement: placement }, item), `${item.name}-${idx}`))) }), footer && footer] })));
+                    }, placement: placement, forceCloseSubmenus: forceCloseSubmenus }, item), `${item.name}-${idx}`))) }), footer && footer] })));
 }
 export default memo(Dropdown);

package/build/components/NestedDropdown/NestedMenuItem.d.ts

@@ -13,7 +13,8 @@ interface MenuItemProps extends ColumnViewProps {
     placement?: Placement;
     sx?: SxProps<Theme>;
     menuSx?: SxProps<Theme>;
+    forceCloseSubmenus?: number;
 }
-declare function MenuItem({ label, icon, name, menuItems, setSelected, onSelect, selected, displayChildrenCount, disabled, placement, sx, menuSx, }: MenuItemProps): import("react/jsx-runtime").JSX.Element;
+declare function MenuItem({ label, icon, name, menuItems, setSelected, onSelect, selected, displayChildrenCount, disabled, placement, sx, menuSx, forceCloseSubmenus, }: MenuItemProps): import("react/jsx-runtime").JSX.Element;
 declare const _default: import("react").MemoExoticComponent<typeof MenuItem>;
 export default _default;

package/build/components/NestedDropdown/NestedMenuItem.js

@@ -4,7 +4,7 @@ import Popper from '@mui/material/Popper';
 import { rightArrow } from '../../constants/index.js';
 import NestedDropdown from './Dropdown';
 import { MenuItemStyled, Label, CheckboxStyled, ContentWrapper, Content, Counter, CountingInfo } from './styles';
-function MenuItem({ label, icon, name, menuItems, setSelected, onSelect, selected, displayChildrenCount, disabled, placement = 'right', sx, menuSx, }) {
+function MenuItem({ label, icon, name, menuItems, setSelected, onSelect, selected, displayChildrenCount, disabled, placement = 'right', sx, menuSx, forceCloseSubmenus, }) {
     const [anchorEl, setAnchorEl] = useState(null);
     const menuItemRef = useRef(null);
     const [isIndeterminate, setIsIndeterminate] = useState(false);
@@ -19,6 +19,12 @@ function MenuItem({ label, icon, name, menuItems, setSelected, onSelect, selecte
     useEffect(() => {
         setIsIndeterminate(Boolean((menuItems === null || menuItems === void 0 ? void 0 : menuItems.some((i) => i.selected)) && !(menuItems === null || menuItems === void 0 ? void 0 : menuItems.every((i) => i.selected))));
     }, []);
+    // Close submenu when forceCloseSubmenus changes
+    useEffect(() => {
+        if (forceCloseSubmenus !== undefined && forceCloseSubmenus > 0) {
+            setAnchorEl(null);
+        }
+    }, [forceCloseSubmenus]);
     return (_jsxs(MenuItemStyled, Object.assign({ "data-testid": "NestedDropdown_MenuItem", ref: menuItemRef, className: `nested-menu-item ${anchorEl ? 'active' : ''} ${disabled ? 'disabled' : ''}`, onMouseEnter: (e) => {
             if (!anchorEl && (menuItems === null || menuItems === void 0 ? void 0 : menuItems.length))
                 setAnchorEl(e.currentTarget);
@@ -30,7 +36,7 @@ function MenuItem({ label, icon, name, menuItems, setSelected, onSelect, selecte
                 e.stopPropagation();
                 handleChange(name);
             }
-        }, sx: Object.assign(Object.assign(Object.assign({}, ((menuItems === null || menuItems === void 0 ? void 0 : menuItems.length) && { cursor: disabled ? 'not-allowed' : 'pointer' })), { zIndex: 99999 }), sx), disabled: disabled }, { children: [selected !== undefined && _jsx(CheckboxStyled, { size: "small", indeterminate: isIndeterminate, checked: selected, disabled: disabled }), _jsxs(ContentWrapper, { children: [icon && icon, _jsxs(Content, { children: [label && _jsx(Label, { children: label }), !!(menuItems === null || menuItems === void 0 ? void 0 : menuItems.length) && (_jsxs(CountingInfo, { children: [displayChildrenCount && _jsx(Counter, { children: menuItems.length }), _jsx("img", { src: rightArrow, className: "arrow-icon", alt: "arrow", style: { height: 12 } })] }))] })] }), (menuItems === null || menuItems === void 0 ? void 0 : menuItems.length) && (_jsx(Popper, Object.assign({ open: Boolean(anchorEl && !!(menuItems === null || menuItems === void 0 ? void 0 : menuItems.length)), anchorEl: anchorEl, placement: placement === 'left' ? 'left-start' : 'right-start', sx: Object.assign({ zIndex: 99999 }, menuSx) }, { children: _jsx(NestedDropdown, { className: "child-dropdown", menuItems: menuItems, placement: placement, onChildrenChange: (newList) => {
+        }, sx: Object.assign(Object.assign(Object.assign({}, ((menuItems === null || menuItems === void 0 ? void 0 : menuItems.length) && { cursor: disabled ? 'not-allowed' : 'pointer' })), { zIndex: 99999 }), sx), disabled: disabled }, { children: [selected !== undefined && _jsx(CheckboxStyled, { size: "small", indeterminate: isIndeterminate, checked: selected, disabled: disabled }), _jsxs(ContentWrapper, { children: [icon && icon, _jsxs(Content, { children: [label && _jsx(Label, { children: label }), !!(menuItems === null || menuItems === void 0 ? void 0 : menuItems.length) && (_jsxs(CountingInfo, { children: [displayChildrenCount && _jsx(Counter, { children: menuItems.length }), _jsx("img", { src: rightArrow, className: "arrow-icon", alt: "arrow", style: { height: 12 } })] }))] })] }), (menuItems === null || menuItems === void 0 ? void 0 : menuItems.length) && (_jsx(Popper, Object.assign({ open: Boolean(anchorEl && !!(menuItems === null || menuItems === void 0 ? void 0 : menuItems.length)), anchorEl: anchorEl, placement: placement === 'left' ? 'left-start' : 'right-start', sx: Object.assign({ zIndex: 99999 }, menuSx) }, { children: _jsx(NestedDropdown, { className: "child-dropdown", menuItems: menuItems, placement: placement, forceCloseSubmenus: forceCloseSubmenus, onChildrenChange: (newList) => {
                         const isAllChildrenSelected = newList.every((x) => x.selected);
                         if (selected !== undefined && !disabled) {
                             if (isAllChildrenSelected) {

package/build/components/NestedDropdown/types.d.ts

@@ -15,4 +15,5 @@ export interface DropdownProps {
     updatedList?: (menuItems: ColumnViewProps[]) => void;
     footer?: ReactElement;
     placement?: Placement;
+    forceCloseSubmenus?: number;
 }

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

@@ -1,3 +1,3 @@
-import { AmountCellProps } from './type';
-declare function AmountCell({ conversionType, amount, currency, tooltipLabel, amountTooltipLabel, ...props }: AmountCellProps): import("react/jsx-runtime").JSX.Element;
+import { AmountCellProps } from '../type';
+declare function AmountCell({ conversionType, amount, currency, tooltipLabel, amountTooltipLabel, isTextShown, tableMode, selectionProps, chipIndex, ...props }: AmountCellProps): import("react/jsx-runtime").JSX.Element;
 export default AmountCell;

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

@@ -9,18 +9,30 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from 'react';
 import { TableCell } from '../../../TableCells';
 import Tooltip from '../../../Tooltip';
-import { CurrencyIcon } from '../../../index.js';
+import { CurrencyIcon, StatusChipWithCopy } from '../../../index.js';
 import { getCurrenciesIcon } from '../../../../constants/index.js';
-import { AmountCellContainer, FlagContainer } from './style';
+import { formatAmountWithCurrency } from '../../../../utils/index.js';
+import { AmountCellContainer, ConversionBadge, CurrencySpan, DecimalSpan, FlagContainer } from './style';
 import { FlagIcon } from '../style';
-import { ConversionTypeLabel, CurrencyInfo } from './components';
-const tableMode = 'default';
 function AmountCell(_a) {
-    var { conversionType, amount, currency, tooltipLabel, amountTooltipLabel } = _a, props = __rest(_a, ["conversionType", "amount", "currency", "tooltipLabel", "amountTooltipLabel"]);
+    var { conversionType, amount, currency, tooltipLabel, amountTooltipLabel, isTextShown, tableMode, selectionProps = {}, chipIndex = 0 } = _a, props = __rest(_a, ["conversionType", "amount", "currency", "tooltipLabel", "amountTooltipLabel", "isTextShown", "tableMode", "selectionProps", "chipIndex"]);
     const icon = currency && _jsx(FlagIcon, { src: getCurrenciesIcon(currency), alt: "customer icon" });
-    return (_jsx(TableCell, Object.assign({}, props, { children: _jsxs(AmountCellContainer, { children: [_jsx(Tooltip, Object.assign({ title: tooltipLabel || '' }, { children: _jsx(ConversionTypeLabel, { tableMode: tableMode, conversionType: conversionType }) })), _jsx(Tooltip, Object.assign({ title: _jsx(CurrencyIcon, { currency: currency }) }, { children: _jsx(FlagContainer, { children: icon }) })), _jsx(Tooltip, Object.assign({ title: amountTooltipLabel }, { children: _jsx(CurrencyInfo, { tableMode: tableMode, amount: amount, currency: currency }) }))] }) })));
+    const { integerAmount, decimalAmount } = formatAmountWithCurrency(amount, currency);
+    const conversionTypeLabel = useMemo(() => {
+        if (!conversionType)
+            return _jsx(_Fragment, {});
+        return (_jsx(ConversionBadge, Object.assign({ tableMode: tableMode, className: "conversion-type" }, { children: conversionType })));
+    }, [conversionType, tableMode]);
+    const currencyInfo = useMemo(() => {
+        return (_jsx(CurrencySpan, Object.assign({ tableMode: tableMode }, { children: amount !== undefined ? (_jsxs(_Fragment, { children: [_jsx("span", { children: _jsx(CurrencyIcon, { currency: currency, fontSize: 10 }) }), ' ', integerAmount, decimalAmount && (_jsxs(_Fragment, { children: [".", _jsx(DecimalSpan, { children: decimalAmount })] }))] })) : (_jsx("span", { children: "-" })) })));
+    }, [amount, tableMode, currency, integerAmount, decimalAmount]);
+    if (tableMode === 'sheet') {
+        return (_jsxs(StatusChipWithCopy, Object.assign({ chipIndex: chipIndex, copyText: amount ? `${integerAmount}.${decimalAmount}` : '-', selectionProps: selectionProps }, { children: [conversionTypeLabel, currencyInfo] })));
+    }
+    return (_jsx(TableCell, Object.assign({}, props, { children: _jsxs(AmountCellContainer, { children: [_jsx(Tooltip, Object.assign({ title: tooltipLabel || '' }, { children: conversionTypeLabel })), _jsx(Tooltip, Object.assign({ title: _jsx(CurrencyIcon, { currency: currency }) }, { children: isTextShown ? _jsx("span", {}) : _jsx(FlagContainer, { children: icon }) })), _jsx(Tooltip, Object.assign({ title: amountTooltipLabel }, { children: currencyInfo }))] }) })));
 }
 export default AmountCell;

package/build/components/TableCells/CustomCells/AmountCell/{components/AmountConversionTooltipLabel.js → AmountConversionTooltipLabel.js}

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { conversionTypesLabels, formatAmountWithCurrency } from '../../../../../utils/index.js';
-import { CurrencyIcon } from '../../../../index.js';
-import { ConversionTooltip, ConversionTooltipRow } from '../style';
+import { conversionTypesLabels, formatAmountWithCurrency } from '../../../../utils/index.js';
+import { CurrencyIcon } from '../../../index.js';
+import { ConversionTooltip, ConversionTooltipRow } from './style';
 export const AmountConversionTooltipLabel = ({ type, selectAmount, selectCurrency, requestAmount, requestCurrency, merchantAmount, merchantCurrency, }) => {
     const customerSelectValue = formatAmountWithCurrency(selectAmount, selectCurrency);
     const chargeValue = formatAmountWithCurrency(requestAmount, requestCurrency);

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

@@ -1,5 +1,3 @@
 export { default as AmountCell } from './AmountCell';
-export { AmountConversionTooltipLabel } from './components';
-export { default as AmountCellText } from './AmountCellText';
-export { default as AmountCellSheet } from './AmountCellSheet';
+export { AmountConversionTooltipLabel } from './AmountConversionTooltipLabel';
 export * from './style';

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

@@ -1,5 +1,3 @@
 export { default as AmountCell } from './AmountCell';
-export { AmountConversionTooltipLabel } from './components';
-export { default as AmountCellText } from './AmountCellText';
-export { default as AmountCellSheet } from './AmountCellSheet';
+export { AmountConversionTooltipLabel } from './AmountConversionTooltipLabel';
 export * from './style';

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

@@ -1,3 +1,3 @@
 import { BalanceCellProps } from './type';
-declare function BalanceCell({ percentage, days, remainingAmount, currency, ...props }: BalanceCellProps): import("react/jsx-runtime").JSX.Element | null;
+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,13 +15,13 @@ 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 { PiePercentage } from '../style';
+import { TextLabel, PiePercentage } from '../style';
 function BalanceCell(_a) {
-    var { percentage, days, remainingAmount, currency } = _a, props = __rest(_a, ["percentage", "days", "remainingAmount", "currency"]);
+    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);
@@ -29,20 +29,25 @@ function BalanceCell(_a) {
     const generatedTooltip = useMemo(() => {
         return (_jsxs(_Fragment, { children: ["Remaining Authorized Balance - ", currencyIcon, " ", amount] }));
     }, [remainingAmount, currency]);
-    if (percentage === 0)
-        return null;
+    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',
                 justifyContent: 'flex-start',
                 gap: '8px',
-            } }, { children: _jsx(Tooltip, Object.assign({ title: generatedTooltip }, { children: _jsxs(BalanceCellContainer, Object.assign({ whileHover: ['animate', 'fadeIn'], animate: "start", sx: {
-                        zIndex: 22,
-                    }, variants: {
+            } }, { children: percentage !== 0 ? (_jsx(Tooltip, Object.assign({ title: generatedTooltip }, { children: _jsxs(BalanceCellContainer, Object.assign({ whileHover: ['animate', 'fadeIn'], animate: "start", sx: Object.assign({ zIndex: 22 }, (isTextShown && {
+                        height: 'auto',
+                        padding: '0',
+                        backgroundColor: `${theme.palette.grey.A700}1a`,
+                    })), variants: Object.assign({}, (!isTextShown && {
                         animate: {
                             boxShadow: theme.shadows[4],
                         },
-                    } }, { children: [_jsxs(PercentageContainer, Object.assign({ percentage: percentage }, { children: [percentage, "% ", _jsx(PiePercentage, { percentage: formatPercentage(percentage) })] })), _jsx(motion.div, Object.assign({ style: {
+                    })) }, { children: [isTextShown ? (_jsxs(TextLabel, { children: [percentage, "%"] })) : (_jsxs(PercentageContainer, Object.assign({ percentage: percentage }, { children: [percentage, "% ", _jsx(PiePercentage, { percentage: formatPercentage(percentage) })] }))), !isTextShown && (_jsx(motion.div, Object.assign({ style: {
                                 display: 'none',
                                 alignItems: 'center',
                                 justifyContent: 'center',
@@ -66,6 +71,6 @@ function BalanceCell(_a) {
                                     },
                                     opacity: 1,
                                 },
-                            } }, { children: days && _jsxs("span", { children: [days, " days left"] }) }))] })) })) })) })));
+                            } }, { children: days && _jsxs("span", { children: [days, " days left"] }) })))] })) }))) : null })) })));
 }
 export default BalanceCell;

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

@@ -1,4 +1,2 @@
 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,2 @@
 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,13 +1,11 @@
 import { TableCellProps } from '@mui/material';
 import { SelectionProps } from '../../../../types/index.js';
-export interface BalanceCellCommonProps {
+export interface BalanceCellProps extends TableCellProps {
     percentage: number;
+    days?: number;
     remainingAmount?: number;
     currency?: string;
-}
-export interface BalanceCellProps extends TableCellProps, BalanceCellCommonProps {
-    days?: number;
-}
-export interface BalanceCellSheetProps extends BalanceCellCommonProps {
-    selectionProps: SelectionProps;
+    isTextShown?: boolean;
+    isSheetViewShown?: boolean;
+    selectionProps?: SelectionProps;
 }

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

@@ -1,3 +1,3 @@
-import type { CustomerCellProps } from './type';
-declare function CustomerCell({ customerInitiated, children, isTimezoneIconShown, hasCustomerIcon, customerIcon, customerName, hideCustomerInitiatedIcon, hideTimezoneIcon, phone, email, id, ...props }: Readonly<CustomerCellProps>): import("react/jsx-runtime").JSX.Element;
+import type { CustomerCellProps } from '../type';
+declare function CustomerCell({ customerInitiated, children, isTimezoneIconShown, hasCustomerIcon, customerIcon, customerName, hideCustomerInitiatedIcon, hideTimezoneIcon, phone, email, id, tableMode, ...props }: Readonly<CustomerCellProps>): import("react/jsx-runtime").JSX.Element;
 export default CustomerCell;

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

@@ -15,12 +15,12 @@ import { useTranslation } from 'react-i18next';
 import Tooltip from '../../../Tooltip';
 import { merchantInitiatedIcon, timezoneIcon } from '../../../../constants/index.js';
 import { getRandomGradientColor, isArabic } from '../../../../utils/index.js';
-import { TableCell } from '../../../TableCells';
 import { StyledCustomerCell, StyledCustomerIcon, StyledCustomerIconContainer, StyledCustomerName } from './style';
+import { TableCell } from '../../../TableCells';
 import { AvatarStyled, StarBadgeWrapper } from '../style';
 function CustomerCell(_a) {
     var _b;
-    var { customerInitiated, children, isTimezoneIconShown, hasCustomerIcon, customerIcon, customerName, hideCustomerInitiatedIcon, hideTimezoneIcon, phone, email, id } = _a, props = __rest(_a, ["customerInitiated", "children", "isTimezoneIconShown", "hasCustomerIcon", "customerIcon", "customerName", "hideCustomerInitiatedIcon", "hideTimezoneIcon", "phone", "email", "id"]);
+    var { customerInitiated, children, isTimezoneIconShown, hasCustomerIcon, customerIcon, customerName, hideCustomerInitiatedIcon, hideTimezoneIcon, phone, email, id, tableMode } = _a, props = __rest(_a, ["customerInitiated", "children", "isTimezoneIconShown", "hasCustomerIcon", "customerIcon", "customerName", "hideCustomerInitiatedIcon", "hideTimezoneIcon", "phone", "email", "id", "tableMode"]);
     const { t } = useTranslation();
     const customerInitiatedTooltip = customerInitiated === false ? t('merchantInitiated') : '';
     const isArabicCustomerName = isArabic(customerName);
@@ -38,6 +38,9 @@ function CustomerCell(_a) {
             return null;
         return (_jsx("div", Object.assign({ "data-testid": "CustomerCell_customerTooltip" }, { children: tooltipOptions.map(({ name, value }) => value && (_jsx("div", Object.assign({ "data-testid": `CustomerCell_customerTooltip_${name}` }, { children: name === 'Name' ? value : `${name}: ${value}` }), value))) })));
     }, [tooltipOptions]);
+    if (tableMode === 'sheet') {
+        return (_jsx(StyledCustomerName, Object.assign({ tableMode: tableMode, "data-testid": "CustomerCell_StyledCustomerName", "data-is-arabic": isArabicCustomerName }, { children: children })));
+    }
     return (_jsx(TableCell, Object.assign({}, props, { "data-testid": "CustomerCell_TableCell" }, { children: _jsxs(StyledCustomerCell, Object.assign({ "data-testid": "CustomerCell_StyledCustomerCell" }, { children: [customerShownIcon, _jsx(Tooltip, Object.assign({ title: customerTooltip }, { children: _jsx(StyledCustomerName, Object.assign({ "data-testid": "CustomerCell_StyledCustomerName", "data-is-arabic": isArabicCustomerName }, { children: children })) })), !hideTimezoneIcon && (_jsx(StyledCustomerIconContainer, Object.assign({ "data-testid": "CustomerCell_StyledCustomerIconContainer" }, { children: isTimezoneIconShown && _jsx(StyledCustomerIcon, { src: timezoneIcon, "data-testid": "CustomerCell_StyledCustomerIcon" }) }))), !hideCustomerInitiatedIcon && (_jsx(Tooltip, Object.assign({ title: customerInitiatedTooltip }, { children: _jsx(StarBadgeWrapper, Object.assign({ "data-testid": "CustomerCell_StarBadgeWrapper", className: "geography-box", isShown: !!customerInitiatedTooltip }, { children: customerInitiatedTooltip && (_jsx("img", { "data-testid": "CustomerCell_merchantInitiatedIcon", src: merchantInitiatedIcon, alt: "merchant", style: {
                                 width: '16px',
                                 height: '16px',

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

@@ -1,3 +1,2 @@
 export { default as CustomerCell } from './CustomerCell';
-export { default as CustomerCellSheet } from './CustomerCellSheet';
 export * from './type';

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

@@ -1,3 +1,2 @@
 export { default as CustomerCell } from './CustomerCell';
-export { default as CustomerCellSheet } from './CustomerCellSheet';
 export * from './type';

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

@@ -1,19 +1,4 @@
-import type { TableCellProps } from '@mui/material';
 export type TooltipOption = {
     name: string;
     value?: string;
 };
-export interface CustomerCellProps extends TableCellProps {
-    customerInitiated?: boolean;
-    flagIcon?: string;
-    isTimezoneIconShown?: boolean;
-    hasCustomerIcon?: boolean;
-    customerIcon?: string;
-    customerName: string;
-    hideCustomerInitiatedIcon?: boolean;
-    hideTimezoneIcon?: boolean;
-    email?: string;
-    phone?: string;
-    id?: string;
-}
-export type CustomerCellSheetProps = Pick<CustomerCellProps, 'customerName' | 'children'>;

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

@@ -1,3 +1,3 @@
-import { DestinationCellProps } from './type';
-declare function DestinationCell({ destinationsCount, destinationsTooltip, destination, destinationsAmount, hidden, iconDirection, ...props }: DestinationCellProps): import("react/jsx-runtime").JSX.Element | null;
+import { DestinationCellProps } from '../type';
+declare function DestinationCell({ destinationsCount, destinationsTooltip, isTextShown, destination, destinationsAmount, hidden, iconDirection, tableMode, selectionProps, ...props }: DestinationCellProps): import("react/jsx-runtime").JSX.Element | null;
 export default DestinationCell;

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

@@ -9,19 +9,45 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import Box from '@mui/material/Box';
 import Tooltip from '../../../Tooltip';
 import { destinationSolidIcon } from '../../../../constants/index.js';
+import { formatAmount } from '../../../../utils/index.js';
 import { DestinationCellContainer, DestinationCount, StyledDestinationCell, StyledDestinationIcon } from './styled';
-const tableMode = 'default';
+import { TextLabel } from '../style';
+import { CurrencyIcon, StatusGroupChips } from '../../../index.js';
 function DestinationCell(_a) {
-    var { destinationsCount, destinationsTooltip, destination, destinationsAmount, hidden, iconDirection } = _a, props = __rest(_a, ["destinationsCount", "destinationsTooltip", "destination", "destinationsAmount", "hidden", "iconDirection"]);
-    if (!destinationsCount || hidden)
+    var _b, _c, _d, _e, _f;
+    var { destinationsCount, destinationsTooltip, isTextShown, destination, destinationsAmount, hidden, iconDirection, tableMode, selectionProps } = _a, props = __rest(_a, ["destinationsCount", "destinationsTooltip", "isTextShown", "destination", "destinationsAmount", "hidden", "iconDirection", "tableMode", "selectionProps"]);
+    const destinations = (destination === null || destination === void 0 ? void 0 : destination.destination) || [];
+    const formattedAmount = formatAmount(destinationsAmount || 0);
+    const firstDestinationFormattedAmount = formatAmount(((_b = destinations === null || destinations === void 0 ? void 0 : destinations[0]) === null || _b === void 0 ? void 0 : _b.amount) || 0);
+    const isSheetView = tableMode === 'sheet';
+    if (isSheetView) {
+        const sheetViewChips = destinations === null || destinations === void 0 ? void 0 : destinations.map((dest, index) => {
+            const formattedDestAmount = formatAmount((dest === null || dest === void 0 ? void 0 : dest.amount) || 0);
+            return {
+                key: `destination-${(dest === null || dest === void 0 ? void 0 : dest.id) || index}`,
+                content: (_jsxs(_Fragment, { children: [_jsxs("div", { children: [dest === null || dest === void 0 ? void 0 : dest.id, " |"] }), _jsx(CurrencyIcon, { currency: dest === null || dest === void 0 ? void 0 : dest.currency }), _jsxs("span", { children: [formattedDestAmount.integerAmount, ".", formattedDestAmount.decimalAmount] })] })),
+                chipIndex: index,
+                selectionProps: selectionProps !== null && selectionProps !== void 0 ? selectionProps : {},
+                copyText: `${formattedDestAmount.integerAmount}.${formattedDestAmount.decimalAmount}`,
+            };
+        }, [selectionProps]);
+        return (_jsx(Box, Object.assign({}, props, { children: _jsx(StatusGroupChips, { chips: sheetViewChips }) })));
+    }
+    if (!destinationsCount || hidden) {
         return null;
+    }
+    const textView = (_jsx(TextLabel, Object.assign({ sx: {
+            textAlign: 'left',
+            justifyContent: 'flex-start',
+            height: 'auto',
+        } }, { children: destinationsCount > 1 ? (_jsxs("div", { children: ["Destination ", (_c = destinations === null || destinations === void 0 ? void 0 : destinations[0]) === null || _c === void 0 ? void 0 : _c.id, " - ", _jsx(CurrencyIcon, { currency: (_d = destinations === null || destinations === void 0 ? void 0 : destinations[0]) === null || _d === void 0 ? void 0 : _d.currency }), ' ', firstDestinationFormattedAmount.integerAmount, ".", firstDestinationFormattedAmount.decimalAmount, " +", destinationsCount - 1] })) : (_jsxs("div", { children: ["Destination ", (_e = destinations === null || destinations === void 0 ? void 0 : destinations[0]) === null || _e === void 0 ? void 0 : _e.id, " - ", _jsx(CurrencyIcon, { currency: (_f = destinations === null || destinations === void 0 ? void 0 : destinations[0]) === null || _f === void 0 ? void 0 : _f.currency }), " ", formattedAmount.integerAmount, ".", formattedAmount.decimalAmount] })) })));
     return (_jsx(Box, Object.assign({ sx: {
             width: 'fit-content',
             overflow: 'visible',
-        } }, props, { children: _jsx(Tooltip, Object.assign({ title: destinationsTooltip }, { children: _jsxs(StyledDestinationCell, Object.assign({ tableMode: tableMode }, { children: [_jsx(StyledDestinationIcon, { src: destinationSolidIcon, pointLeft: iconDirection === 'left' }), destinationsCount > 1 && (_jsx(DestinationCellContainer, Object.assign({ destinationsCount: 1 }, { children: _jsx(DestinationCount, { children: destinationsCount }) })))] })) })) })));
+        } }, props, { children: _jsx(Tooltip, Object.assign({ title: destinationsTooltip }, { children: !isTextShown ? (_jsxs(StyledDestinationCell, Object.assign({ tableMode: tableMode }, { children: [_jsx(StyledDestinationIcon, { src: destinationSolidIcon, pointLeft: iconDirection === 'left' }), destinationsCount > 1 && (_jsx(DestinationCellContainer, Object.assign({ destinationsCount: 1 }, { children: _jsx(DestinationCount, { children: destinationsCount }) })))] }))) : (textView) })) })));
 }
 export default DestinationCell;

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

@@ -1,4 +1,2 @@
 export { default as DestinationCell } from './DestinationCell';
-export { default as DestinationCellSheet } from './DestinationCellSheet';
-export { default as DestinationCellText } from './DestinationCellText';
 export { generateDestinationTooltip } from './utils';

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

@@ -1,4 +1,2 @@
 export { default as DestinationCell } from './DestinationCell';
-export { default as DestinationCellSheet } from './DestinationCellSheet';
-export { default as DestinationCellText } from './DestinationCellText';
 export { generateDestinationTooltip } from './utils';

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

@@ -1,3 +1,3 @@
 import { OrderCellProps } from '../type';
-declare function OrderCell({ value, label, items, ...props }: OrderCellProps): import("react/jsx-runtime").JSX.Element;
+declare function OrderCell({ value, label, items, tableMode, ...props }: OrderCellProps): import("react/jsx-runtime").JSX.Element;
 export default OrderCell;

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

@@ -14,7 +14,7 @@ import { TableCell } from '../../../TableCells';
 import Tooltip from '../../../Tooltip';
 import { MAX_TOOLTIP_ITEM_LENGTH } from './constant';
 function OrderCell(_a) {
-    var { value, label, items } = _a, props = __rest(_a, ["value", "label", "items"]);
+    var { value, label, items, tableMode } = _a, props = __rest(_a, ["value", "label", "items", "tableMode"]);
     const orderDiscriminator = Number.isInteger(value) && Number(value) > 1 && label.charAt(label.length - 1) !== 's' ? `${label}s` : label;
     const orderLabel = `${value} ${orderDiscriminator}`;
     const orderTooltip = (_jsx(_Fragment, { children: items === null || items === void 0 ? void 0 : items.map((item) => {
@@ -22,6 +22,9 @@ function OrderCell(_a) {
             const truncatedItemContent = ((itemContent === null || itemContent === void 0 ? void 0 : itemContent.length) || 0) > MAX_TOOLTIP_ITEM_LENGTH ? `${itemContent === null || itemContent === void 0 ? void 0 : itemContent.slice(0, MAX_TOOLTIP_ITEM_LENGTH)}...` : itemContent;
             return _jsx("div", { children: truncatedItemContent }, item.id);
         }) }));
+    if (tableMode === 'sheet') {
+        return (_jsx(TableCell, Object.assign({ sx: { fontSize: '11px' } }, props, { children: orderLabel })));
+    }
     return (_jsx(Tooltip, Object.assign({ title: (items || []).length > 1 ? orderTooltip : undefined }, { children: _jsx(TableCell, Object.assign({}, props, { children: _jsx("span", { children: orderLabel }) })) })));
 }
 export default OrderCell;

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

@@ -1,2 +1 @@
 export { default as OrderCell } from './OrderCell';
-export { default as OrderCellSheet } from './OrderCellSheet';

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

@@ -1,2 +1 @@
 export { default as OrderCell } from './OrderCell';
-export { default as OrderCellSheet } from './OrderCellSheet';

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

@@ -1,2 +1,5 @@
-import { ReceiptCellProps } from './type';
-export declare const ReceiptCell: ({ receiptId }: ReceiptCellProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ReceiptCell: ({ receiptId, isTextShown, tableMode, }: {
+    receiptId: string;
+    isTextShown?: boolean | undefined;
+    tableMode?: "default" | "sheet" | "text" | undefined;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,10 +1,14 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { TableCell } from '@mui/material';
+import { TextTableCell } from '..';
+import { StyledTextTableCell, TextLabel } from '../style';
 import Tooltip from '../../../Tooltip';
 import { receiptBillIcon } from '../../../../constants/index.js';
-import { TextLabel } from '../style';
-export const ReceiptCell = ({ receiptId }) => {
-    return (_jsx(TableCell, Object.assign({ component: "div" }, { children: _jsx(Tooltip, Object.assign({ title: `Receipt - ${receiptId}` }, { children: _jsx(TextLabel, Object.assign({ sx: {
+export const ReceiptCell = ({ receiptId, isTextShown, tableMode, }) => {
+    if (tableMode === 'sheet') {
+        return (_jsx(StyledTextTableCell, { children: _jsx("span", { children: receiptId }) }));
+    }
+    return isTextShown ? (_jsx(TextTableCell, { children: _jsx("span", { children: receiptId }) })) : (_jsx(TableCell, Object.assign({ component: "div" }, { children: _jsx(Tooltip, Object.assign({ title: `Receipt - ${receiptId}` }, { children: _jsx(TextLabel, Object.assign({ sx: {
                     padding: '3px 8px',
                     maxWidth: '50px',
                 } }, { children: _jsx("img", { src: receiptBillIcon, alt: "receipt" }) })) })) })));

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

@@ -1,3 +1 @@
 export { ReceiptCell } from './ReceiptCell';
-export { ReceiptCellSheet } from './ReceiptCellSheet';
-export { ReceiptCellText } from './ReceiptCellText';

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

@@ -1,3 +1 @@
 export { ReceiptCell } from './ReceiptCell';
-export { ReceiptCellSheet } from './ReceiptCellSheet';
-export { ReceiptCellText } from './ReceiptCellText';

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

@@ -1,8 +1,8 @@
 import type React from 'react';
 import type { TableCellProps } from '@mui/material';
-import type { Charge, TableMode } from '../../../types/index.js';
-import { getGeographyBoxColor } from '../../../utils/index.js';
+import type { Charge, SelectionProps, TableMode } from '../../../types/index.js';
 import type { ActionType, FlagType } from './ActionCell';
+import { getGeographyBoxColor } from '../../../utils/index.js';
 export type GeographyBoxVariant = keyof ReturnType<typeof getGeographyBoxColor>;
 export type PaymentMethod = 'VISA' | 'card' | 'MASTERCARD' | 'APPLE_PAY' | 'KNET' | 'MADA';
 export interface DateCellProps extends TableCellProps {
@@ -20,6 +20,21 @@ export interface OrderCellProps extends TableCellProps {
         description?: string;
         name?: string;
     }>;
+    tableMode?: TableMode;
+}
+export interface CustomerCellProps extends TableCellProps {
+    customerInitiated?: boolean;
+    flagIcon?: string;
+    isTimezoneIconShown?: boolean;
+    hasCustomerIcon?: boolean;
+    customerIcon?: string;
+    customerName: string;
+    hideCustomerInitiatedIcon?: boolean;
+    hideTimezoneIcon?: boolean;
+    email?: string;
+    phone?: string;
+    id?: string;
+    tableMode?: TableMode;
 }
 export interface SourceCellProps extends TableCellProps {
     geographyVariant?: 'G' | 'L' | 'R';
@@ -32,6 +47,54 @@ export interface SourceCellProps extends TableCellProps {
     showGeographyBox?: boolean;
     customerInitiated?: boolean;
 }
+export interface AmountCellProps extends TableCellProps {
+    currency?: string;
+    conversionType?: 'fx' | 'dcc';
+    amount?: number;
+    selectAmount?: number;
+    selectCurrency?: string;
+    requestAmount?: number;
+    requestCurrency?: string;
+    merchantAmount?: number;
+    merchantCurrency?: string;
+    tooltipLabel?: React.ReactNode;
+    amountTooltipLabel?: React.ReactNode;
+    isTextShown?: boolean;
+    tableMode?: TableMode;
+    selectionProps?: SelectionProps;
+    chipIndex?: number;
+}
+export interface DestinationCellProps extends TableCellProps {
+    destinationsCount?: number;
+    flagIcon?: string;
+    destinationsTooltip?: React.ReactNode;
+    isTextShown?: boolean;
+    destinationsAmount?: number;
+    destination?: {
+        reverse_destinations?: boolean;
+        amount: number;
+        currency: string;
+        count: number;
+        destination: Array<{
+            id: string;
+            amount: number;
+            currency: string;
+            transfer?: {
+                id: string;
+                amount: number;
+                currency: string;
+            };
+            reverse_transfer?: {
+                id: string;
+                amount: number;
+                currency: string;
+            };
+        }>;
+    };
+    iconDirection?: 'left' | 'right';
+    tableMode?: TableMode;
+    selectionProps?: SelectionProps;
+}
 export interface ActionCellProps extends TableCellProps {
     row?: unknown;
     flag?: FlagType;

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.145-test.1",
-  "testVersion": 1,
+  "version": "0.1.145-test.1-test.2",
+  "testVersion": 2,
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",

package/build/components/TableCells/CustomCells/AmountCell/AmountCellSheet.d.ts

@@ -1,3 +0,0 @@
-import { AmountCellSheetProps } from './type';
-declare function AmountCellSheet({ conversionType, amount, currency, selectionProps, chipIndex }: AmountCellSheetProps): import("react/jsx-runtime").JSX.Element;
-export default AmountCellSheet;

package/build/components/TableCells/CustomCells/AmountCell/AmountCellSheet.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { StatusChipWithCopy } from '../../../index.js';
-import { formatAmountWithCurrency } from '../../../../utils/index.js';
-import { ConversionTypeLabel, CurrencyInfo } from './components';
-const tableMode = 'sheet';
-function AmountCellSheet({ conversionType, amount, currency, selectionProps = {}, chipIndex = 0 }) {
-    const { integerAmount, decimalAmount } = formatAmountWithCurrency(amount, currency);
-    return (_jsxs(StatusChipWithCopy, Object.assign({ chipIndex: chipIndex, copyText: amount ? `${integerAmount}.${decimalAmount}` : '-', selectionProps: selectionProps }, { children: [_jsx(ConversionTypeLabel, { tableMode: tableMode, conversionType: conversionType }), _jsx(CurrencyInfo, { tableMode: tableMode, amount: amount, currency: currency })] })));
-}
-export default AmountCellSheet;

package/build/components/TableCells/CustomCells/AmountCell/AmountCellText.d.ts

@@ -1,3 +0,0 @@
-import { AmountCellProps } from './type';
-declare function AmountCellText({ conversionType, amount, currency, tooltipLabel, amountTooltipLabel, ...props }: AmountCellProps): import("react/jsx-runtime").JSX.Element;
-export default AmountCellText;

package/build/components/TableCells/CustomCells/AmountCell/AmountCellText.js

@@ -1,23 +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, jsxs as _jsxs } from "react/jsx-runtime";
-import { TableCell } from '../../../TableCells';
-import Tooltip from '../../../Tooltip';
-import { CurrencyIcon } from '../../../index.js';
-import { AmountCellContainer } from './style';
-import { ConversionTypeLabel, CurrencyInfo } from './components';
-const tableMode = 'text';
-function AmountCellText(_a) {
-    var { conversionType, amount, currency, tooltipLabel, amountTooltipLabel } = _a, props = __rest(_a, ["conversionType", "amount", "currency", "tooltipLabel", "amountTooltipLabel"]);
-    return (_jsx(TableCell, Object.assign({}, props, { children: _jsxs(AmountCellContainer, { children: [_jsx(Tooltip, Object.assign({ title: tooltipLabel || '' }, { children: _jsx(ConversionTypeLabel, { tableMode: tableMode, conversionType: conversionType }) })), _jsx(Tooltip, Object.assign({ title: _jsx(CurrencyIcon, { currency: currency }) }, { children: _jsx("span", {}) })), _jsx(Tooltip, Object.assign({ title: amountTooltipLabel }, { children: _jsx(CurrencyInfo, { tableMode: tableMode, amount: amount, currency: currency }) }))] }) })));
-}
-export default AmountCellText;

package/build/components/TableCells/CustomCells/AmountCell/components/ConversionTypeLabel.d.ts

@@ -1,7 +0,0 @@
-import { TableMode } from '../../../../../types/index.js';
-import { AmountCellProps } from '../type';
-interface ConversionTypeLabelProps extends Pick<AmountCellProps, 'conversionType'> {
-    tableMode: TableMode;
-}
-export declare const ConversionTypeLabel: ({ tableMode, conversionType }: ConversionTypeLabelProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/build/components/TableCells/CustomCells/AmountCell/components/ConversionTypeLabel.js

@@ -1,7 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-import { ConversionBadge } from '../style';
-export const ConversionTypeLabel = ({ tableMode, conversionType }) => {
-    if (!conversionType)
-        return _jsx(_Fragment, {});
-    return (_jsx(ConversionBadge, Object.assign({ tableMode: tableMode, className: "conversion-type" }, { children: conversionType })));
-};

package/build/components/TableCells/CustomCells/AmountCell/components/CurrencyInfo.d.ts

@@ -1,7 +0,0 @@
-import { TableMode } from '../../../../../types/index.js';
-import { AmountCellProps } from '../type';
-interface CurrencyInfoProps extends Pick<AmountCellProps, 'amount' | 'currency'> {
-    tableMode: TableMode;
-}
-export declare const CurrencyInfo: ({ tableMode, amount, currency }: CurrencyInfoProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/build/components/TableCells/CustomCells/AmountCell/components/CurrencyInfo.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { CurrencyIcon } from '../../../../index.js';
-import { CurrencySpan, DecimalSpan } from '../style';
-import { formatAmountWithCurrency } from '../../../../../utils/index.js';
-export const CurrencyInfo = ({ tableMode, amount, currency }) => {
-    const { integerAmount, decimalAmount } = formatAmountWithCurrency(amount, currency);
-    return (_jsx(CurrencySpan, Object.assign({ tableMode: tableMode }, { children: amount !== undefined ? (_jsxs(_Fragment, { children: [_jsx("span", { children: _jsx(CurrencyIcon, { currency: currency, fontSize: 10 }) }), ' ', integerAmount, decimalAmount && (_jsxs(_Fragment, { children: [".", _jsx(DecimalSpan, { children: decimalAmount })] }))] })) : (_jsx("span", { children: "-" })) })));
-};

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

@@ -1,3 +0,0 @@
-export * from './AmountConversionTooltipLabel';
-export * from './ConversionTypeLabel';
-export * from './CurrencyInfo';

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

@@ -1,3 +0,0 @@
-export * from './AmountConversionTooltipLabel';
-export * from './ConversionTypeLabel';
-export * from './CurrencyInfo';

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

@@ -1,22 +0,0 @@
-/// <reference types="react" />
-import type { TableCellProps } from '@mui/material';
-import { SelectionProps } from '../../../../types/index.js';
-export interface AmountCellCommonProps extends TableCellProps {
-    currency?: string;
-    conversionType?: 'fx' | 'dcc';
-    amount?: number;
-}
-export interface AmountCellSheetProps extends AmountCellCommonProps {
-    selectionProps?: SelectionProps;
-    chipIndex?: number;
-}
-export interface AmountCellProps extends AmountCellCommonProps {
-    selectAmount?: number;
-    selectCurrency?: string;
-    requestAmount?: number;
-    requestCurrency?: string;
-    merchantAmount?: number;
-    merchantCurrency?: string;
-    tooltipLabel?: React.ReactNode;
-    amountTooltipLabel?: React.ReactNode;
-}

package/build/components/TableCells/CustomCells/AmountCell/type.js

@@ -1 +0,0 @@
-export {};

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

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

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

@@ -1,12 +0,0 @@
-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 }) {
-    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] })));
-}
-export default BalanceCellSheet;

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;

package/build/components/TableCells/CustomCells/CustomerCell/CustomerCellSheet.d.ts

@@ -1,3 +0,0 @@
-import type { CustomerCellSheetProps } from './type';
-declare function CustomerCellSheet({ children, customerName }: CustomerCellSheetProps): import("react/jsx-runtime").JSX.Element;
-export default CustomerCellSheet;

package/build/components/TableCells/CustomCells/CustomerCell/CustomerCellSheet.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { isArabic } from '../../../../utils/index.js';
-import { StyledCustomerName } from './style';
-function CustomerCellSheet({ children, customerName }) {
-    const isArabicCustomerName = isArabic(customerName);
-    return (_jsx(StyledCustomerName, Object.assign({ tableMode: "sheet", "data-testid": "CustomerCell_StyledCustomerName", "data-is-arabic": isArabicCustomerName }, { children: children })));
-}
-export default CustomerCellSheet;

package/build/components/TableCells/CustomCells/DestinationCell/DestinationCellSheet.d.ts

@@ -1,3 +0,0 @@
-import { DestinationCellSheetProps } from './type';
-declare function DestinationCellSheet({ destinationsCount, destinationsTooltip, destination, destinationsAmount, hidden, iconDirection, selectionProps, ...props }: DestinationCellSheetProps): import("react/jsx-runtime").JSX.Element;
-export default DestinationCellSheet;

package/build/components/TableCells/CustomCells/DestinationCell/DestinationCellSheet.js

@@ -1,31 +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 { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import Box from '@mui/material/Box';
-import { formatAmount } from '../../../../utils/index.js';
-import { CurrencyIcon, StatusGroupChips } from '../../../index.js';
-function DestinationCellSheet(_a) {
-    var { destinationsCount, destinationsTooltip, destination, destinationsAmount, hidden, iconDirection, selectionProps } = _a, props = __rest(_a, ["destinationsCount", "destinationsTooltip", "destination", "destinationsAmount", "hidden", "iconDirection", "selectionProps"]);
-    const destinations = (destination === null || destination === void 0 ? void 0 : destination.destination) || [];
-    const sheetViewChips = destinations === null || destinations === void 0 ? void 0 : destinations.map((dest, index) => {
-        const formattedDestAmount = formatAmount((dest === null || dest === void 0 ? void 0 : dest.amount) || 0);
-        return {
-            key: `destination-${(dest === null || dest === void 0 ? void 0 : dest.id) || index}`,
-            content: (_jsxs(_Fragment, { children: [_jsxs("div", { children: [dest === null || dest === void 0 ? void 0 : dest.id, " |"] }), _jsx(CurrencyIcon, { currency: dest === null || dest === void 0 ? void 0 : dest.currency }), _jsxs("span", { children: [formattedDestAmount.integerAmount, ".", formattedDestAmount.decimalAmount] })] })),
-            chipIndex: index,
-            selectionProps: selectionProps !== null && selectionProps !== void 0 ? selectionProps : {},
-            copyText: `${formattedDestAmount.integerAmount}.${formattedDestAmount.decimalAmount}`,
-        };
-    }, [selectionProps]);
-    return (_jsx(Box, Object.assign({}, props, { children: _jsx(StatusGroupChips, { chips: sheetViewChips }) })));
-}
-export default DestinationCellSheet;

package/build/components/TableCells/CustomCells/DestinationCell/DestinationCellText.d.ts

@@ -1,3 +0,0 @@
-import { DestinationCellProps } from './type';
-declare function DestinationCell({ destinationsCount, destinationsTooltip, destination, destinationsAmount, hidden, iconDirection, ...props }: DestinationCellProps): import("react/jsx-runtime").JSX.Element | null;
-export default DestinationCell;

package/build/components/TableCells/CustomCells/DestinationCell/DestinationCellText.js

@@ -1,35 +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, jsxs as _jsxs } from "react/jsx-runtime";
-import Box from '@mui/material/Box';
-import Tooltip from '../../../Tooltip';
-import { formatAmount } from '../../../../utils/index.js';
-import { CurrencyIcon } from '../../../index.js';
-import { TextLabel } from '../style';
-function DestinationCell(_a) {
-    var _b, _c, _d, _e, _f;
-    var { destinationsCount, destinationsTooltip, destination, destinationsAmount, hidden, iconDirection } = _a, props = __rest(_a, ["destinationsCount", "destinationsTooltip", "destination", "destinationsAmount", "hidden", "iconDirection"]);
-    const destinations = (destination === null || destination === void 0 ? void 0 : destination.destination) || [];
-    const formattedAmount = formatAmount(destinationsAmount || 0);
-    const firstDestinationFormattedAmount = formatAmount(((_b = destinations === null || destinations === void 0 ? void 0 : destinations[0]) === null || _b === void 0 ? void 0 : _b.amount) || 0);
-    if (!destinationsCount || hidden)
-        return null;
-    return (_jsx(Box, Object.assign({ sx: {
-            width: 'fit-content',
-            overflow: 'visible',
-        } }, props, { children: _jsx(Tooltip, Object.assign({ title: destinationsTooltip }, { children: _jsx(TextLabel, Object.assign({ sx: {
-                    textAlign: 'left',
-                    justifyContent: 'flex-start',
-                    height: 'auto',
-                } }, { children: destinationsCount > 1 ? (_jsxs("div", { children: ["Destination ", (_c = destinations === null || destinations === void 0 ? void 0 : destinations[0]) === null || _c === void 0 ? void 0 : _c.id, " - ", _jsx(CurrencyIcon, { currency: (_d = destinations === null || destinations === void 0 ? void 0 : destinations[0]) === null || _d === void 0 ? void 0 : _d.currency }), ' ', firstDestinationFormattedAmount.integerAmount, ".", firstDestinationFormattedAmount.decimalAmount, " +", destinationsCount - 1] })) : (_jsxs("div", { children: ["Destination ", (_e = destinations === null || destinations === void 0 ? void 0 : destinations[0]) === null || _e === void 0 ? void 0 : _e.id, " - ", _jsx(CurrencyIcon, { currency: (_f = destinations === null || destinations === void 0 ? void 0 : destinations[0]) === null || _f === void 0 ? void 0 : _f.currency }), " ", formattedAmount.integerAmount, ".", formattedAmount.decimalAmount] })) })) })) })));
-}
-export default DestinationCell;

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

@@ -1,34 +0,0 @@
-/// <reference types="react" />
-import { TableCellProps } from '@mui/material';
-import { SelectionProps } from '../../../../types/index.js';
-export interface DestinationCellProps extends TableCellProps {
-    destinationsCount?: number;
-    flagIcon?: string;
-    destinationsTooltip?: React.ReactNode;
-    destinationsAmount?: number;
-    destination?: {
-        reverse_destinations?: boolean;
-        amount: number;
-        currency: string;
-        count: number;
-        destination: Array<{
-            id: string;
-            amount: number;
-            currency: string;
-            transfer?: {
-                id: string;
-                amount: number;
-                currency: string;
-            };
-            reverse_transfer?: {
-                id: string;
-                amount: number;
-                currency: string;
-            };
-        }>;
-    };
-    iconDirection?: 'left' | 'right';
-}
-export interface DestinationCellSheetProps extends DestinationCellProps {
-    selectionProps?: SelectionProps;
-}

package/build/components/TableCells/CustomCells/DestinationCell/type.js

@@ -1 +0,0 @@
-export {};

package/build/components/TableCells/CustomCells/OrderCell/OrderCellSheet.d.ts

@@ -1,3 +0,0 @@
-import { OrderCellProps } from '../type';
-declare function OrderCellSheet({ value, label, items, ...props }: OrderCellProps): import("react/jsx-runtime").JSX.Element;
-export default OrderCellSheet;

package/build/components/TableCells/CustomCells/OrderCell/OrderCellSheet.js

@@ -1,20 +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 } from "react/jsx-runtime";
-import { TableCell } from '../../../TableCells';
-function OrderCellSheet(_a) {
-    var { value, label, items } = _a, props = __rest(_a, ["value", "label", "items"]);
-    const orderDiscriminator = Number.isInteger(value) && Number(value) > 1 && label.charAt(label.length - 1) !== 's' ? `${label}s` : label;
-    const orderLabel = `${value} ${orderDiscriminator}`;
-    return (_jsx(TableCell, Object.assign({ sx: { fontSize: '11px' } }, props, { children: orderLabel })));
-}
-export default OrderCellSheet;

package/build/components/TableCells/CustomCells/ReceiptCell/ReceiptCellSheet.d.ts

@@ -1,2 +0,0 @@
-import { ReceiptCellProps } from './type';
-export declare const ReceiptCellSheet: ({ receiptId }: ReceiptCellProps) => import("react/jsx-runtime").JSX.Element;

package/build/components/TableCells/CustomCells/ReceiptCell/ReceiptCellSheet.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { StyledTextTableCell } from '../style';
-export const ReceiptCellSheet = ({ receiptId }) => {
-    return (_jsx(StyledTextTableCell, { children: _jsx("span", { children: receiptId }) }));
-};

package/build/components/TableCells/CustomCells/ReceiptCell/ReceiptCellText.d.ts

@@ -1,2 +0,0 @@
-import { ReceiptCellProps } from './type';
-export declare const ReceiptCellText: ({ receiptId }: ReceiptCellProps) => import("react/jsx-runtime").JSX.Element;

package/build/components/TableCells/CustomCells/ReceiptCell/ReceiptCellText.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { TextTableCell } from '../TextTableCell';
-export const ReceiptCellText = ({ receiptId }) => {
-    return (_jsx(TextTableCell, { children: _jsx("span", { children: receiptId }) }));
-};

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

@@ -1,3 +0,0 @@
-export interface ReceiptCellProps {
-    receiptId: string;
-}

package/build/components/TableCells/CustomCells/ReceiptCell/type.js

@@ -1 +0,0 @@
-export {};