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

package/build/components/TableCells/CustomCells/RefundStatusCell/components/RefundStatus.js

@@ -8,6 +8,7 @@ import { changeDateTimezone } from '../../../../../utils/index.js';
 import { RefundStateIcon } from './RefundStateIcon';
 import { refundStatusLabels } from '../constant';
 import { RefundCellContainer, PartialIcon, PercentageContainer, DateContainer } from '../style';
+import { useMemo } from 'react';
 export default function RefundStatus({ status, refundIcon, refundTooltip, refundTooltipLabel, date, gatewayTooltip, unCapturedTooltip, acquirerTooltip, errorCode, acquirerCode, gatewayCode, timezone, }) {
     const theme = useTheme();
     const { t } = useTranslation();
@@ -15,6 +16,11 @@ export default function RefundStatus({ status, refundIcon, refundTooltip, refund
         currentTimezone: ACCEPTANCE_TIMEZONE,
         targetTimezone: timezone === null || timezone === void 0 ? void 0 : timezone.offset,
     });
+    const refundIconSrc = useMemo(() => {
+        if (refundIcon)
+            return refundIcon;
+        return status === 'REFUNDED' ? refundedIcon : refundSettledIcon;
+    }, [status, refundIcon]);
     if (!['REFUNDED', 'PAID_OUT'].includes(status !== null && status !== void 0 ? status : '')) {
         return (_jsx(RefundStateIcon, { status: status, refundTooltip: refundTooltip, gatewayTooltip: gatewayTooltip, unCapturedTooltip: unCapturedTooltip, acquirerTooltip: acquirerTooltip, errorCode: errorCode, acquirerCode: acquirerCode, gatewayCode: gatewayCode }));
     }
@@ -27,7 +33,7 @@ export default function RefundStatus({ status, refundIcon, refundTooltip, refund
             })) }, { children: [_jsx(PartialIcon, { sx: Object.assign({}, (!date && {
                         width: '16px',
                         height: '16px',
-                    })), src: refundIcon || status === 'REFUNDED' ? refundedIcon : refundSettledIcon, alt: "refunded" }), _jsx(motion.div, Object.assign({ style: {
+                    })), src: refundIconSrc, alt: "refunded" }), _jsx(motion.div, Object.assign({ style: {
                         display: 'none',
                         alignItems: 'center',
                         justifyContent: 'center',

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