oa-componentbook 1.0.1-stage.43 → 1.0.1-stage.45

package/build/widgets/oa-widget-image-carousel/ImageCarouselWidget.js

@@ -13,7 +13,6 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _antd = require("antd");
 var _icons = require("@ant-design/icons");
 var _reactZoomPanPinch = require("react-zoom-pan-pinch");
-var _FullscreenExitOutlined = _interopRequireDefault(require("@material-ui/icons/FullscreenExitOutlined"));
 var _Fullscreen = _interopRequireDefault(require("@material-ui/icons/Fullscreen"));
 var _CustomButton = _interopRequireDefault(require("../../components/oa-component-button/CustomButton"));
 var _CustomModal = _interopRequireDefault(require("../../components/oa-component-modal/CustomModal"));
@@ -124,15 +123,32 @@ function ImageCarouselWidget(_ref) {
     setCurrentIndex(newIndex);
   };
   const handleShowHeatmap = async () => {
-    const updatedImages = [...imageUrls];
-    const currentImage = updatedImages[currentIndex];
-    if (!currentImage.heatmapImageUrl) {
-      // Only fetch the heatmap image if it's not already fetched
-      const heatmapUrl = await fetchImageUrl(currentImage.heatmapDocId);
-      updatedImages[currentIndex].heatmapImageUrl = heatmapUrl;
-    }
+    const currentViewType = !showHeatmap; // Toggle the current view mode (show heatmap or not)
+    setLoading(true);
+
+    // Fetching URLs for all images based on the new view mode
+    const updatedImages = await Promise.all(imageUrls.map(async img => {
+      var _img$heatmapImageUrl, _img$originalImageUrl;
+      // Check if the image is already fetched
+      const isImageAlreadyFetched = currentViewType && ((_img$heatmapImageUrl = img.heatmapImageUrl) === null || _img$heatmapImageUrl === void 0 ? void 0 : _img$heatmapImageUrl.length) > 0 || !currentViewType && ((_img$originalImageUrl = img.originalImageUrl) === null || _img$originalImageUrl === void 0 ? void 0 : _img$originalImageUrl.length) > 0;
+      // Fetch the image URL only if it's not already fetched
+      if (!isImageAlreadyFetched) {
+        const imageSrcUrl = await fetchImageUrl(currentViewType ? img.heatmapDocId : img.originalDocId);
+        // Return the updated image object with the appropriate URL
+        return _objectSpread(_objectSpread({}, img), currentViewType ? {
+          heatmapImageUrl: imageSrcUrl
+        } : {
+          originalImageUrl: imageSrcUrl
+        });
+      }
+      // If image is already fetched, return it as is
+      return img;
+    }));
+
+    // Update state with the new image URLs
     setImageUrls(updatedImages);
-    setShowHeatmap(!showHeatmap);
+    setLoading(false);
+    setShowHeatmap(currentViewType); // Toggle the view mode
   };
   const currentImage = imageUrls[currentIndex];
   return /*#__PURE__*/_react.default.createElement(_styles.ImageCarouselWidgetStyle, null, /*#__PURE__*/_react.default.createElement(_CustomModal.default, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "oa-componentbook",
-  "version": "1.0.1-stage.43",
+  "version": "1.0.1-stage.45",
   "private": false,
   "description": "Reusable components",
   "main": "build/index.js",