@tap-payments/os-micro-frontend-shared 0.1.402 → 0.1.404

package/build/components/IconWithHoverOverlays/IconWithHoverOverlays.js

@@ -3,7 +3,7 @@ import { useState, memo } from 'react';
 import Box from '@mui/material/Box';
 import { HoverContainer, IconWrapper, PlusBadgeWrapper } from './style';
 import Tooltip from '../Tooltip';
-import { startCase } from 'lodash';
+import startCase from 'lodash/startCase';
 function IconWithHoverOverlays({ mainIcon, overlayIcons }) {
     const [isHovering, setIsHovering] = useState(false);
     const handleMouseEnter = () => {

package/build/components/StatusIcons/DestinationIcon/DestinationIcon.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { destinationStatusIcons } from './constant';
 import { StatusIcon, StatusIconWrapper, TextLabel } from './style';
 import Tooltip from '../../Tooltip';
-import { camelCase } from 'lodash';
+import camelCase from 'lodash/camelCase';
 import { useTheme } from '@mui/material';
 import { t } from 'i18next';
 import StatusChipWithCopy from '../../StatusChipWithCopy';

package/build/components/TableCells/CustomCells/InvoiceStatusCell/ChargeStatusIcon.js

@@ -1,15 +1,18 @@
-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 Box from '@mui/material/Box';
 import { useTranslation } from 'react-i18next';
+import camelCase from 'lodash/camelCase';
 import Tooltip from '../../../Tooltip';
 import { statusIcons, unCapturedStatusesStyles } from '../../../TableCells/CustomCells/StatusCell/constant';
 import { StatusIcon } from '../../../TableCells/CustomCells/style';
+import { unCapturedStatuses } from '../../../../constants/index.js';
 import { ErrorChip, StatusIconWrapper } from './style';
 export function ChargeStatusIcon({ chargeStatus, chargeTooltip, errorCode, iconStyles, iconWrapperStyles }) {
     const { t } = useTranslation();
     const unCapturedStatusStyle = chargeStatus ? unCapturedStatusesStyles[chargeStatus] : null;
     const chargeIcon = chargeStatus && statusIcons[chargeStatus] && (_jsx(StatusIconWrapper, Object.assign({ style: iconWrapperStyles }, { children: _jsx(StatusIcon, { src: statusIcons[chargeStatus], alt: "charge-icon", style: Object.assign({ width: '16px', height: '16px' }, iconStyles) }) })));
+    const chargeTooltipTitle = chargeTooltip && (_jsx(_Fragment, { children: _jsx("div", { children: chargeTooltip }) }));
     if (!chargeStatus)
         return null;
-    return (_jsx(Tooltip, Object.assign({ title: chargeTooltip !== null && chargeTooltip !== void 0 ? chargeTooltip : t(chargeStatus) }, { children: _jsxs(Box, Object.assign({ sx: { display: 'flex', gap: '6px', alignItems: 'center' } }, { children: [chargeIcon, errorCode && _jsx(ErrorChip, Object.assign({ style: { background: unCapturedStatusStyle === null || unCapturedStatusStyle === void 0 ? void 0 : unCapturedStatusStyle.color } }, { children: errorCode }))] })) })));
+    return (_jsx(Tooltip, Object.assign({ title: chargeTooltipTitle !== null && chargeTooltipTitle !== void 0 ? chargeTooltipTitle : t(camelCase(chargeStatus)) }, { children: _jsxs(Box, Object.assign({ sx: { display: 'flex', gap: '6px', alignItems: 'center' } }, { children: [chargeIcon, !!(unCapturedStatuses === null || unCapturedStatuses === void 0 ? void 0 : unCapturedStatuses.includes(chargeStatus || '')) && (_jsx(ErrorChip, Object.assign({ style: { background: unCapturedStatusStyle === null || unCapturedStatusStyle === void 0 ? void 0 : unCapturedStatusStyle.color } }, { children: errorCode })))] })) })));
 }

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

@@ -1,11 +1,11 @@
-import { deletedStatusIcon, draftStatusIcon, createdStatusIcon, cancelledStatusIcon, expiredStatusIcon, paidStatusIcon, refundedStatusIcon, deliveredStatusIcon, viewedStatusIcon, savedStatusIcon, scheduledStatusIcon, pendingStatusIcon, } from '../../../../constants/index.js';
+import { deletedStatusIcon, draftStatusIcon, createdStatusIcon, paidStatusIcon, refundedStatusIcon, deliveredStatusIcon, viewedStatusIcon, savedStatusIcon, scheduledStatusIcon, pendingStatusIcon, cancelledInvoiceIcon, expiredInvoiceIcon, } from '../../../../constants/index.js';
 export const statusIcons = {
     DELETED: deletedStatusIcon,
     DRAFT: draftStatusIcon,
     CREATED: createdStatusIcon,
-    CANCELLED: cancelledStatusIcon,
-    CANCELED: cancelledStatusIcon,
-    EXPIRED: expiredStatusIcon,
+    CANCELLED: cancelledInvoiceIcon,
+    CANCELED: cancelledInvoiceIcon,
+    EXPIRED: expiredInvoiceIcon,
     PAID: paidStatusIcon,
     REFUNDED: refundedStatusIcon,
     DELIVERED: deliveredStatusIcon,

package/build/utils/string.js

@@ -1,4 +1,5 @@
-import { capitalize, startCase } from 'lodash';
+import capitalize from 'lodash/capitalize';
+import startCase from 'lodash/startCase';
 export const removePrefixFromString = (str, prefix) => {
     if (!prefix) {
         return str;

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.402",
+  "version": "0.1.404",
   "testVersion": 0,
   "type": "module",
   "main": "build/index.js",