@tap-payments/os-micro-frontend-shared 0.0.192 → 0.0.194

package/build/components/StatusIcons/PayoutIcon/PayoutIcon.js

@@ -10,7 +10,8 @@ export const PayoutIcon = ({ payoutStatus = 'PENDING', tableMode, isTextShown, p
     const { t } = useTranslation();
     const payoutStatusStyle = payoutStatusStyles[payoutStatus];
     if (tableMode === 'sheet') {
-        return _jsx(StatusChip, Object.assign({ sx: Object.assign({}, payoutStatusStyle) }, { children: t(camelCase(payoutStatus)) }));
+        const chipText = payoutStatus === 'PENDING' ? t('scheduledPayout') : t(camelCase(payoutStatus));
+        return _jsx(StatusChip, Object.assign({ sx: Object.assign({}, payoutStatusStyle) }, { children: chipText }));
     }
     const title = payoutTooltip ? payoutTooltip : t(camelCase(payoutStatus));
     return (_jsx(Tooltip, Object.assign({ title: title }, { children: isTextShown ? (_jsx(StatusTextLabel, Object.assign({ "data-testid": "StatusCell_PayoutStatusLabel" }, { children: t(camelCase(payoutStatus)) }))) : (_jsx(StatusIcon, { src: payoutStatusIcons[payoutStatus], alt: "settled-icon", "data-testid": "StatusCell_PayoutStatusIcon", style: iconStyles })) })));

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

@@ -17,7 +17,7 @@ import Tooltip from '../../../Tooltip';
 import { ImageWrapper } from '../../../index.js';
 import { TableCell } from '../../../TableCells';
 import StatusChip from '../../../StatusChip';
-import { referenceIcons, REFERENCE_ORDER, REFERENCE_WIDTH_MAP } from './constant';
+import { referenceIcons, REFERENCE_WIDTH_MAP } from './constant';
 import { ReferenceTextLabel, ReferenceTextWrapper, ReferenceSourcesContainer, StyledSourceCell, StyledSourceImage, referenceSourceAnimation, } from './style';
 import { Box } from '@mui/material';
 function ReferenceCell(_a) {
@@ -37,24 +37,18 @@ function ReferenceCell(_a) {
     }), [props, references, isTextShown, theme]);
     const referenceSourcesCount = (ReferenceSources === null || ReferenceSources === void 0 ? void 0 : ReferenceSources.length) || 0;
     if (tableMode === 'sheet') {
-        return (_jsx(TableCell, Object.assign({}, props, { children: _jsx(StyledSourceCell, Object.assign({ sx: { gap: '4px', display: 'flex', flexWrap: 'nowrap' } }, { children: REFERENCE_ORDER.map((referenceKey) => {
+        return (_jsx(TableCell, Object.assign({}, props, { children: _jsx(StyledSourceCell, Object.assign({ sx: { gap: '4px', display: 'flex', flexWrap: 'nowrap' } }, { children: references.map((referenceKey) => {
                     const referenceValue = props[referenceKey];
-                    const hasValue = !!referenceValue;
                     const widthConfig = REFERENCE_WIDTH_MAP[referenceKey];
-                    return (_jsx(Box, Object.assign({ sx: {
-                            width: widthConfig.width,
-                            minWidth: widthConfig.width,
-                            maxWidth: widthConfig.width,
-                            flexShrink: 0,
-                        } }, { children: hasValue ? (_jsx(StatusChip, Object.assign({ sx: {
-                                maxWidth: '100%',
+                    return (_jsx(Box, Object.assign({ sx: { display: 'flex', alignItems: 'center' } }, { children: _jsx(StatusChip, Object.assign({ sx: {
+                                maxWidth: widthConfig.width,
                                 overflow: 'hidden',
                                 textOverflow: 'ellipsis',
                                 whiteSpace: 'nowrap',
                                 boxSizing: 'border-box',
                                 display: 'inline-block',
                                 padding: '0.75px 12px',
-                            } }, { children: `${startCase(referenceKey)}: ${referenceValue}` }))) : null }), referenceKey));
+                            } }, { children: `${startCase(referenceKey)}: ${referenceValue}` })) }), referenceKey));
                 }) })) })));
     }
     return (_jsx(TableCell, Object.assign({}, props, { children: _jsx(StyledSourceCell, { children: referenceSourcesCount > 0 ? (_jsx(ReferenceSourcesContainer, Object.assign({ layout: true, className: "reference-sources-container", whileHover: "animate", animate: isTooltipOpen ? 'animate' : 'start', sourcesCount: referenceSourcesCount, variants: { animate: { width: referenceSourcesCount * (6 + 32) } }, style: {

package/build/components/TableCells/CustomCells/ReferenceCell/constant.d.ts

@@ -4,8 +4,23 @@ export declare const referenceIcons: {
     payment: string;
     order: string;
 };
-export type ReferenceFields = 'order' | 'payment' | 'acquirer' | 'generic' | 'merchant' | 'customer';
-export declare const REFERENCE_ORDER: ReferenceFields[];
-export declare const REFERENCE_WIDTH_MAP: Record<ReferenceFields, {
-    width: string;
-}>;
+export declare const REFERENCE_WIDTH_MAP: {
+    order: {
+        width: string;
+    };
+    payment: {
+        width: string;
+    };
+    acquirer: {
+        width: string;
+    };
+    generic: {
+        width: string;
+    };
+    merchant: {
+        width: string;
+    };
+    customer: {
+        width: string;
+    };
+};

package/build/components/TableCells/CustomCells/ReferenceCell/constant.js

@@ -5,7 +5,6 @@ export const referenceIcons = {
     payment: transactionIcon,
     order: orderIcon,
 };
-export const REFERENCE_ORDER = ['order', 'payment', 'acquirer', 'generic', 'merchant', 'customer'];
 export const REFERENCE_WIDTH_MAP = {
     order: { width: '185px' },
     payment: { width: '205px' },

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.0.192",
+  "version": "0.0.194",
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",