@cntrl-site/sdk 1.23.1-17 → 1.23.1-18

package/dist/index.js

@@ -2497,6 +2497,10 @@ function ImageRevealSlider({ settings, content, isEditor }) {
       width: finalWidth
     };
   };
+  const defaultContentUrls = react.useMemo(() => {
+    const defaultContentLength = Math.min(content.length, defaultImageCount);
+    return content.filter((_, i) => i < defaultContentLength).map((c) => c.image.url).join("-");
+  }, [content]);
   react.useEffect(() => {
     if (!divRef.current || content.length === 0) return;
     const rect = divRef.current.getBoundingClientRect();
@@ -2513,7 +2517,7 @@ function ImageRevealSlider({ settings, content, isEditor }) {
       setCounter(defaultImageCount % content.length);
     };
     placeImages();
-  }, [content, sizeType, customWidth, randomRange]);
+  }, [defaultContentUrls, sizeType, customWidth, randomRange]);
   react.useEffect(() => {
     if (visible === "lastOne") {
       setPlacedImages((prev) => prev.length > 0 ? [prev[prev.length - 1]] : []);
@@ -2584,13 +2588,13 @@ function ImageRevealSlider({ settings, content, isEditor }) {
             false,
             {
               fileName: "H:/mom/sdk/src/Components/ImageRevealSlider/ImageRevealSlider.tsx",
-              lineNumber: 251,
+              lineNumber: 257,
               columnNumber: 15
             },
             this
           ) }, void 0, false, {
             fileName: "H:/mom/sdk/src/Components/ImageRevealSlider/ImageRevealSlider.tsx",
-            lineNumber: 250,
+            lineNumber: 256,
             columnNumber: 13
           }, this) : /* @__PURE__ */ jsxDevRuntime.jsxDEV(
             "img",
@@ -2603,7 +2607,7 @@ function ImageRevealSlider({ settings, content, isEditor }) {
             false,
             {
               fileName: "H:/mom/sdk/src/Components/ImageRevealSlider/ImageRevealSlider.tsx",
-              lineNumber: 259,
+              lineNumber: 265,
               columnNumber: 13
             },
             this
@@ -2613,7 +2617,7 @@ function ImageRevealSlider({ settings, content, isEditor }) {
         false,
         {
           fileName: "H:/mom/sdk/src/Components/ImageRevealSlider/ImageRevealSlider.tsx",
-          lineNumber: 239,
+          lineNumber: 245,
           columnNumber: 9
         },
         this
@@ -2623,7 +2627,7 @@ function ImageRevealSlider({ settings, content, isEditor }) {
     false,
     {
       fileName: "H:/mom/sdk/src/Components/ImageRevealSlider/ImageRevealSlider.tsx",
-      lineNumber: 231,
+      lineNumber: 237,
       columnNumber: 5
     },
     this

package/dist/index.mjs

@@ -4,7 +4,7 @@ import { z } from "zod";
 import UAParser from "ua-parser-js";
 import * as MP4Box from "mp4box";
 import { jsxDEV, Fragment } from "react/jsx-dev-runtime";
-import { useState, useEffect, useRef } from "react";
+import { useState, useEffect, useRef, useMemo } from "react";
 import { Splide, SplideSlide } from "@splidejs/react-splide";
 import cn from "classnames";
 var SectionHeightMode = /* @__PURE__ */ ((SectionHeightMode2) => {
@@ -2478,6 +2478,10 @@ function ImageRevealSlider({ settings, content, isEditor }) {
       width: finalWidth
     };
   };
+  const defaultContentUrls = useMemo(() => {
+    const defaultContentLength = Math.min(content.length, defaultImageCount);
+    return content.filter((_, i) => i < defaultContentLength).map((c) => c.image.url).join("-");
+  }, [content]);
   useEffect(() => {
     if (!divRef.current || content.length === 0) return;
     const rect = divRef.current.getBoundingClientRect();
@@ -2494,7 +2498,7 @@ function ImageRevealSlider({ settings, content, isEditor }) {
       setCounter(defaultImageCount % content.length);
     };
     placeImages();
-  }, [content, sizeType, customWidth, randomRange]);
+  }, [defaultContentUrls, sizeType, customWidth, randomRange]);
   useEffect(() => {
     if (visible === "lastOne") {
       setPlacedImages((prev) => prev.length > 0 ? [prev[prev.length - 1]] : []);
@@ -2565,13 +2569,13 @@ function ImageRevealSlider({ settings, content, isEditor }) {
             false,
             {
               fileName: "H:/mom/sdk/src/Components/ImageRevealSlider/ImageRevealSlider.tsx",
-              lineNumber: 251,
+              lineNumber: 257,
               columnNumber: 15
             },
             this
           ) }, void 0, false, {
             fileName: "H:/mom/sdk/src/Components/ImageRevealSlider/ImageRevealSlider.tsx",
-            lineNumber: 250,
+            lineNumber: 256,
             columnNumber: 13
           }, this) : /* @__PURE__ */ jsxDEV(
             "img",
@@ -2584,7 +2588,7 @@ function ImageRevealSlider({ settings, content, isEditor }) {
             false,
             {
               fileName: "H:/mom/sdk/src/Components/ImageRevealSlider/ImageRevealSlider.tsx",
-              lineNumber: 259,
+              lineNumber: 265,
               columnNumber: 13
             },
             this
@@ -2594,7 +2598,7 @@ function ImageRevealSlider({ settings, content, isEditor }) {
         false,
         {
           fileName: "H:/mom/sdk/src/Components/ImageRevealSlider/ImageRevealSlider.tsx",
-          lineNumber: 239,
+          lineNumber: 245,
           columnNumber: 9
         },
         this
@@ -2604,7 +2608,7 @@ function ImageRevealSlider({ settings, content, isEditor }) {
     false,
     {
       fileName: "H:/mom/sdk/src/Components/ImageRevealSlider/ImageRevealSlider.tsx",
-      lineNumber: 231,
+      lineNumber: 237,
       columnNumber: 5
     },
     this

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cntrl-site/sdk",
-  "version": "1.23.1-17",
+  "version": "1.23.1-18",
   "description": "Generic SDK for use in public websites.",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -24,7 +24,7 @@
     "dev": "vite development",
     "prebuild": "rimraf ./dist",
     "build": "vite build && tsc --project tsconfig.build.json",
-    "prepublishOnly": "set NODE_ENV=production && npm run build"
+    "prepublishOnly": "NODE_ENV=production npm run build"
   },
   "bin": {
     "cntrl-sdk": "dist/cli.js"