@wise/dynamic-flow-client 5.13.2-experimental-e750b58 → 5.13.3

package/build/main.css

@@ -90,41 +90,50 @@
   justify-content: end;
   align-items: end;
 }
-.df-image img {
-  height: auto;
+.df-image img.df-reserve-space {
   width: 100%;
+  /*
+  The auto keyword in aspect-ratio: auto 1 / 1 tells the browser to prefer the element's intrinsic aspect ratio (once the image is loaded) over the specified 1/1 fallback. So:
+  Loading: no intrinsic ratio yet → uses 1/1 → square placeholder reserved
+  Loaded: intrinsic ratio available → auto wins → image renders at its natural shape
+  */
+  aspect-ratio: auto 1 / 1;
+  height: auto;
+}
+.df-image img:not([src]) {
+  visibility: hidden;
 }
 /* wide screens (or default) */
-.df-image.xs img {
+.df-image.xs img.df-reserve-space {
   width: 100px;
 }
-.df-image.sm img {
+.df-image.sm img.df-reserve-space {
   width: 200px;
 }
-.df-image.md img {
+.df-image.md img.df-reserve-space {
   width: 300px;
 }
-.df-image.lg img {
+.df-image.lg img.df-reserve-space {
   width: 500px;
 }
-.df-image.xl img {
+.df-image.xl img.df-reserve-space {
   max-width: 600px;
 }
 /* narrow screens */
 @media (width <576px) {
-  .df-image.xs img {
+  .df-image.xs img.df-reserve-space {
     width: 50px;
   }
 
-  .df-image.sm img {
+  .df-image.sm img.df-reserve-space {
     width: 100px;
   }
 
-  .df-image.md img {
+  .df-image.md img.df-reserve-space {
     width: 200px;
   }
 
-  .df-image.lg img {
+  .df-image.lg img.df-reserve-space {
     width: 300px;
   }
 }
@@ -137,19 +146,19 @@
 }
 /* narrow container */
 @container (max-width: 576px) {
-  .df-image.xs img {
+  .df-image.xs img.df-reserve-space {
     width: 50px;
   }
 
-  .df-image.sm img {
+  .df-image.sm img.df-reserve-space {
     width: 100px;
   }
 
-  .df-image.md img {
+  .df-image.md img.df-reserve-space {
     width: 200px;
   }
 
-  .df-image.lg img {
+  .df-image.lg img.df-reserve-space {
     width: 300px;
   }
 }

package/build/main.js

@@ -2650,6 +2650,7 @@ var getStepPolling = ({
   const { interval, delay = interval, maxAttempts, url, onError } = pollingConfig;
   let abortController = new AbortController();
   let intervalRef = null;
+  let hasCompleted = false;
   if (delay == null) {
     throw new Error("Polling configuration must include delay or interval");
   }
@@ -2662,18 +2663,24 @@ var getStepPolling = ({
     const { signal } = abortController;
     onPoll(url, onErrorBehavior, signal).then((result) => {
       if (result) {
-        stop();
+        complete();
         return;
       }
       if (attempts >= maxAttempts && !signal.aborted) {
+        complete();
         void onBehavior(onErrorBehavior);
-        stop();
       }
     }).catch(() => {
     });
   };
+  const complete = () => {
+    hasCompleted = true;
+    stop();
+  };
   const start = () => {
-    attempts = 0;
+    if (hasCompleted) {
+      return;
+    }
     intervalRef = setInterval(poll, delay * 1e3);
     poll();
   };
@@ -2682,7 +2689,7 @@ var getStepPolling = ({
       logEvent("warning", "Attempted to stop polling but it was not started");
       return;
     }
-    clearTimeout(intervalRef);
+    clearInterval(intervalRef);
     abortController.abort();
   };
   return { start, stop };

package/build/main.mjs

@@ -2620,6 +2620,7 @@ var getStepPolling = ({
   const { interval, delay = interval, maxAttempts, url, onError } = pollingConfig;
   let abortController = new AbortController();
   let intervalRef = null;
+  let hasCompleted = false;
   if (delay == null) {
     throw new Error("Polling configuration must include delay or interval");
   }
@@ -2632,18 +2633,24 @@ var getStepPolling = ({
     const { signal } = abortController;
     onPoll(url, onErrorBehavior, signal).then((result) => {
       if (result) {
-        stop();
+        complete();
         return;
       }
       if (attempts >= maxAttempts && !signal.aborted) {
+        complete();
         void onBehavior(onErrorBehavior);
-        stop();
       }
     }).catch(() => {
     });
   };
+  const complete = () => {
+    hasCompleted = true;
+    stop();
+  };
   const start = () => {
-    attempts = 0;
+    if (hasCompleted) {
+      return;
+    }
     intervalRef = setInterval(poll, delay * 1e3);
     poll();
   };
@@ -2652,7 +2659,7 @@ var getStepPolling = ({
       logEvent("warning", "Attempted to stop polling but it was not started");
       return;
     }
-    clearTimeout(intervalRef);
+    clearInterval(intervalRef);
     abortController.abort();
   };
   return { start, stop };