@tap-payments/os-micro-frontend-shared 0.1.338-test.1 → 0.1.338-test.3

package/build/components/TableCells/CustomCells/OrdersCell/OrdersCellSheet.d.ts

@@ -1,14 +1,22 @@
 import { SelectionProps } from '../../../../types/index.js';
 interface Item {
     id: string;
-    currency: number;
-    quantity: number;
-    amount: number;
+    product_id: string;
     name: string;
+    description: string;
+    image: string;
+    currency: string;
+    amount: number;
+    quantity: number;
+    discount: {
+        type: string;
+        value: number;
+    };
+    merchant_id: string;
 }
 interface OrdersCellSheetProps {
     selectionProps?: SelectionProps;
     items: Item[];
 }
-export declare function OrdersCellSheet({ items, selectionProps }: OrdersCellSheetProps): import("react/jsx-runtime").JSX.Element;
+export declare function OrdersCellSheet({ items, selectionProps }: OrdersCellSheetProps): import("react/jsx-runtime").JSX.Element | null;
 export {};

package/build/components/TableCells/CustomCells/OrdersCell/OrdersCellSheet.js

@@ -1,16 +1,16 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import StatusChip from '../../../StatusChip';
-import StatusChipWithCopy from '../../../StatusChipWithCopy';
-import Text from '../../../Text';
-import { Popover } from '@mui/material';
-import Box from '@mui/material/Box';
 import { useCallback, useState } from 'react';
+import Popover from '@mui/material/Popover';
+import Box from '@mui/material/Box';
+import { StatusChip, StatusChipWithCopy, Text } from '../../../index.js';
 export function OrdersCellSheet({ items, selectionProps = {} }) {
     const [anchorEl, setAnchorEl] = useState(null);
     const open = Boolean(anchorEl);
+    const orderLabel = useCallback((order) => `Qty ${(order === null || order === void 0 ? void 0 : order.quantity) || ''} ${(order === null || order === void 0 ? void 0 : order.name) || ''} - ${(order === null || order === void 0 ? void 0 : order.currency) || ''} ${(order === null || order === void 0 ? void 0 : order.amount) || ''}`, []);
+    if (!items || !items.length)
+        return null;
     const [firstOrder, ...resetOrders] = items;
-    const orderLabel = useCallback((order) => `Qty ${order.quantity} ${order.name} - ${order.currency} ${order.amount}`, []);
-    return (_jsxs(Box, Object.assign({ sx: { display: 'flex', gap: '4px', alignItems: 'center' } }, { children: [_jsx(StatusChipWithCopy, Object.assign({ chipIndex: 0, selectionProps: selectionProps }, { children: _jsx(Text, Object.assign({ noWrap: true, sx: { maxWidth: 170, fontSize: 11 } }, { children: orderLabel(firstOrder) })) })), items.length > 1 && (_jsx(Box, Object.assign({ onClick: (e) => {
+    return (_jsxs(Box, Object.assign({ sx: { display: 'flex', gap: '4px', alignItems: 'center' } }, { children: [_jsx(StatusChipWithCopy, Object.assign({ chipIndex: 0, selectionProps: selectionProps }, { children: _jsx(Text, Object.assign({ noWrap: true, sx: { maxWidth: 190, fontSize: 11 } }, { children: orderLabel(firstOrder) })) })), items.length > 1 && (_jsx(Box, Object.assign({ onClick: (e) => {
                     setAnchorEl(e.currentTarget.parentElement);
                 }, sx: { height: '18px' } }, { children: _jsx(StatusChip, Object.assign({ minWidth: "25", sx: { borderRadius: '24px', overflow: 'hidden' }, copyText: "..." }, { children: "..." })) }))), _jsx(Popover, Object.assign({ open: open, anchorEl: anchorEl, sx: { minWidth: anchorEl === null || anchorEl === void 0 ? void 0 : anchorEl.clientWidth }, onClose: () => {
                     setAnchorEl(null);

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