@tap-payments/os-micro-frontend-shared 0.1.291-test.1-test.2-test.3-test.4-test.5 → 0.1.291-test.1-test.2-test.3-test.4-test.5-test.6

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

@@ -1,13 +1,14 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useMemo } from 'react';
-import { AnimatePresence } from 'framer-motion';
 import Tooltip from '../../../Tooltip';
-import { AnimatedSpinnerIcon } from '../../../index.js';
-import { actionFailIcon, actionSuccessIcon, fileDownloadBlueIcon, fileDownloadGreyIcon } from '../../../../constants/index.js';
+import { actionFailIcon, actionSuccessIcon, spinnerLoadingIcon, fileDownloadBlueIcon, fileDownloadGreyIcon } from '../../../../constants/index.js';
 import { StyledDownloadFileImage, StyledDownloadFileImageWrapper } from './style';
 export const PayoutReportCell = ({ onClick, isSettlementsAvailable, isDownloadError, isDownloadLoading, isDownloadSuccess }) => {
     const isDownloadInProgress = useMemo(() => isDownloadLoading || isDownloadSuccess || isDownloadError, [isDownloadLoading, isDownloadSuccess, isDownloadError]);
     const icon = useMemo(() => {
+        if (isDownloadLoading) {
+            return spinnerLoadingIcon;
+        }
         if (isDownloadSuccess) {
             return actionSuccessIcon;
         }
@@ -15,6 +16,6 @@ export const PayoutReportCell = ({ onClick, isSettlementsAvailable, isDownloadEr
             return actionFailIcon;
         }
         return fileDownloadBlueIcon;
-    }, [isDownloadSuccess, isDownloadError]);
-    return (_jsx(Tooltip, Object.assign({ title: !isSettlementsAvailable ? 'Pending' : '' }, { children: _jsx(StyledDownloadFileImageWrapper, Object.assign({ onClick: () => isSettlementsAvailable && !isDownloadInProgress && onClick() }, { children: _jsx(AnimatePresence, Object.assign({ mode: "wait", initial: false }, { children: isDownloadLoading ? (_jsx(AnimatedSpinnerIcon, {}, "spinner")) : (_jsx(StyledDownloadFileImage, { src: isSettlementsAvailable ? icon : fileDownloadGreyIcon, alt: "Download Report" }, "download-icon")) })) })) })));
+    }, [isDownloadLoading, isDownloadSuccess, isDownloadError]);
+    return (_jsx(Tooltip, Object.assign({ title: !isSettlementsAvailable ? 'Pending' : '' }, { children: _jsx(StyledDownloadFileImageWrapper, Object.assign({ onClick: () => isSettlementsAvailable && !isDownloadInProgress && onClick() }, { children: _jsx(StyledDownloadFileImage, { src: isSettlementsAvailable ? icon : fileDownloadGreyIcon, alt: "Download Report" }) })) })));
 };

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.291-test.1-test.2-test.3-test.4-test.5",
-  "testVersion": 5,
+  "version": "0.1.291-test.1-test.2-test.3-test.4-test.5-test.6",
+  "testVersion": 6,
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",