@micromag/viewer 0.4.87 → 0.4.89

package/es/index.js

@@ -123,7 +123,7 @@ function checkClickable(el, options = {}, parentDistance = 1) {
 }
 
 function useScreenInteraction(t0) {
-  const $ = c(27);
+  const $ = c(29);
   const {
     screens,
     screenIndex,
@@ -161,56 +161,75 @@ function useScreenInteraction(t0) {
     id: screenId
   } = t7;
   const currentScreenInteractionEnabled = screenId ? screensInteractionEnabled[screenId] ?? true : true;
+  const screenIdRef = useRef(screenId);
   let t8;
-  if ($[5] !== screenId || $[6] !== screens) {
-    t8 = newValue => {
+  let t9;
+  if ($[5] !== screenId) {
+    t8 = () => {
+      screenIdRef.current = screenId;
+    };
+    t9 = [screenId];
+    $[5] = screenId;
+    $[6] = t8;
+    $[7] = t9;
+  } else {
+    t8 = $[6];
+    t9 = $[7];
+  }
+  useEffect(t8, t9);
+  let t10;
+  if ($[8] !== screens) {
+    t10 = newValue => {
       setScreensInteractionEnabled(prev => {
-        const currentValue = prev?.[screenId] ?? true;
+        const currentValue = prev?.[screenIdRef.current] ?? true;
         if (currentValue === newValue) {
           return prev;
         }
-        return screens.reduce((map_0, t9) => {
+        return screens.reduce((map_0, t11) => {
           const {
             id: id_0
-          } = t9;
-          return screenId === id_0 ? {
+          } = t11;
+          return screenIdRef.current === id_0 ? {
             ...map_0,
             [id_0]: newValue
           } : {
             ...map_0,
-            [id_0]: typeof prev[id_0] === "undefined" || prev[id_0] === true
+            [id_0]: prev?.[id_0] ?? true
           };
         }, {});
       });
     };
-    $[5] = screenId;
-    $[6] = screens;
-    $[7] = t8;
-  } else {
-    t8 = $[7];
-  }
-  const updateInteraction = t8;
-  let t9;
-  if ($[8] !== updateInteraction) {
-    t9 = () => updateInteraction(true);
-    $[8] = updateInteraction;
-    $[9] = t9;
+    $[8] = screens;
+    $[9] = t10;
   } else {
-    t9 = $[9];
+    t10 = $[9];
   }
-  const enableInteraction = t9;
-  let t10;
+  const updateInteraction = t10;
+  let t11;
   if ($[10] !== updateInteraction) {
-    t10 = () => updateInteraction(false);
+    t11 = () => {
+      updateInteraction(true);
+    };
     $[10] = updateInteraction;
-    $[11] = t10;
+    $[11] = t11;
   } else {
-    t10 = $[11];
+    t11 = $[11];
   }
-  const disableInteraction = t10;
-  let t11;
-  if ($[12] !== clickOnSiblings || $[13] !== currentScreenInteractionEnabled || $[14] !== disableCurrentScreenNavigation || $[15] !== nextScreenWidthPercent || $[16] !== onInteract || $[17] !== onNavigate || $[18] !== screenIndex || $[19] !== screenWidth || $[20] !== screens.length) {
-    t11 = t12 => {
+  const enableInteraction = t11;
+  let t12;
+  if ($[12] !== updateInteraction) {
+    t12 = () => {
+      updateInteraction(false);
+    };
+    $[12] = updateInteraction;
+    $[13] = t12;
+  } else {
+    t12 = $[13];
+  }
+  const disableInteraction = t12;
+  let t13;
+  if ($[14] !== clickOnSiblings || $[15] !== currentScreenInteractionEnabled || $[16] !== disableCurrentScreenNavigation || $[17] !== nextScreenWidthPercent || $[18] !== onInteract || $[19] !== onNavigate || $[20] !== screenIndex || $[21] !== screenWidth || $[22] !== screens.length) {
+    t13 = t14 => {
       const {
         event,
         target,
@@ -218,7 +237,7 @@ function useScreenInteraction(t0) {
         x,
         y,
         index
-      } = t12;
+      } = t14;
       if (onInteract !== null) {
         onInteract({
           event,
@@ -259,37 +278,37 @@ function useScreenInteraction(t0) {
         });
       }
     };
-    $[12] = clickOnSiblings;
-    $[13] = currentScreenInteractionEnabled;
-    $[14] = disableCurrentScreenNavigation;
-    $[15] = nextScreenWidthPercent;
-    $[16] = onInteract;
-    $[17] = onNavigate;
-    $[18] = screenIndex;
-    $[19] = screenWidth;
-    $[20] = screens.length;
-    $[21] = t11;
-  } else {
-    t11 = $[21];
-  }
-  const interact = t11;
-  let t12;
-  if ($[22] !== currentScreenInteractionEnabled || $[23] !== disableInteraction || $[24] !== enableInteraction || $[25] !== interact) {
-    t12 = {
+    $[14] = clickOnSiblings;
+    $[15] = currentScreenInteractionEnabled;
+    $[16] = disableCurrentScreenNavigation;
+    $[17] = nextScreenWidthPercent;
+    $[18] = onInteract;
+    $[19] = onNavigate;
+    $[20] = screenIndex;
+    $[21] = screenWidth;
+    $[22] = screens.length;
+    $[23] = t13;
+  } else {
+    t13 = $[23];
+  }
+  const interact = t13;
+  let t14;
+  if ($[24] !== currentScreenInteractionEnabled || $[25] !== disableInteraction || $[26] !== enableInteraction || $[27] !== interact) {
+    t14 = {
       interact,
       currentScreenInteractionEnabled,
       enableInteraction,
       disableInteraction
     };
-    $[22] = currentScreenInteractionEnabled;
-    $[23] = disableInteraction;
-    $[24] = enableInteraction;
-    $[25] = interact;
-    $[26] = t12;
+    $[24] = currentScreenInteractionEnabled;
+    $[25] = disableInteraction;
+    $[26] = enableInteraction;
+    $[27] = interact;
+    $[28] = t14;
   } else {
-    t12 = $[26];
+    t14 = $[28];
   }
-  return t12;
+  return t14;
 }
 function _temp$7(map, t0) {
   const {
@@ -4965,7 +4984,7 @@ function PlaybackControls(t0) {
 var styles = {"container":"micromag-viewer-partials-web-view-container","opened":"micromag-viewer-partials-web-view-opened","webView":"micromag-viewer-partials-web-view-webView"};
 
 function WebViewContainer(t0) {
-  const $ = c(58);
+  const $ = c(51);
   const {
     onChange: t1,
     trackingEnabled: t2,
@@ -5081,23 +5100,16 @@ function WebViewContainer(t0) {
     t9 = $[17];
   }
   let t10;
-  if ($[18] !== disableInteraction || $[19] !== enableInteraction || $[20] !== hideControls || $[21] !== opened || $[22] !== playing || $[23] !== setPlaying || $[24] !== showControls || $[25] !== trackEvent) {
-    t10 = [opened, trackEvent, disableInteraction, enableInteraction, hideControls, showControls, playing, setPlaying];
-    $[18] = disableInteraction;
-    $[19] = enableInteraction;
-    $[20] = hideControls;
-    $[21] = opened;
-    $[22] = playing;
-    $[23] = setPlaying;
-    $[24] = showControls;
-    $[25] = trackEvent;
-    $[26] = t10;
+  if ($[18] !== opened) {
+    t10 = [opened];
+    $[18] = opened;
+    $[19] = t10;
   } else {
-    t10 = $[26];
+    t10 = $[19];
   }
   useEffect(t9, t10);
   let t11;
-  if ($[27] !== currentUrl || $[28] !== opened || $[29] !== source || $[30] !== trackEvent || $[31] !== trackingEnabled) {
+  if ($[20] !== currentUrl || $[21] !== opened || $[22] !== source || $[23] !== trackEvent || $[24] !== trackingEnabled) {
     t11 = () => {
       if (!trackingEnabled || currentUrl === null) {
         return;
@@ -5106,42 +5118,42 @@ function WebViewContainer(t0) {
         source
       });
     };
-    $[27] = currentUrl;
-    $[28] = opened;
-    $[29] = source;
-    $[30] = trackEvent;
-    $[31] = trackingEnabled;
-    $[32] = t11;
+    $[20] = currentUrl;
+    $[21] = opened;
+    $[22] = source;
+    $[23] = trackEvent;
+    $[24] = trackingEnabled;
+    $[25] = t11;
   } else {
-    t11 = $[32];
+    t11 = $[25];
   }
   let t12;
-  if ($[33] !== currentUrl || $[34] !== opened || $[35] !== trackingEnabled) {
+  if ($[26] !== currentUrl || $[27] !== opened || $[28] !== trackingEnabled) {
     t12 = [trackingEnabled, currentUrl, opened];
-    $[33] = currentUrl;
-    $[34] = opened;
-    $[35] = trackingEnabled;
-    $[36] = t12;
+    $[26] = currentUrl;
+    $[27] = opened;
+    $[28] = trackingEnabled;
+    $[29] = t12;
   } else {
-    t12 = $[36];
+    t12 = $[29];
   }
   useEffect(t11, t12);
   let t13;
-  if ($[37] !== close) {
+  if ($[30] !== close) {
     t13 = {
       escape: () => {
         close();
       }
     };
-    $[37] = close;
-    $[38] = t13;
+    $[30] = close;
+    $[31] = t13;
   } else {
-    t13 = $[38];
+    t13 = $[31];
   }
   useKeyboardShortcuts(t13);
   const webViewUrl = url || currentUrl;
   let t14;
-  if ($[39] !== source || $[40] !== storyTitle || $[41] !== url || $[42] !== webViewUrl) {
+  if ($[32] !== source || $[33] !== storyTitle || $[34] !== url || $[35] !== webViewUrl) {
     const currentQueryString = queryString.parse(webViewUrl !== null && webViewUrl.indexOf("?") !== -1 ? webViewUrl.split("?")[1] : "");
     t14 = webViewUrl !== null ? `${webViewUrl.split("?")[0]}?${queryString.stringify({
       utm_source: "Micromag",
@@ -5149,28 +5161,28 @@ function WebViewContainer(t0) {
       utm_campaign: storyTitle,
       ...currentQueryString
     })}` : url;
-    $[39] = source;
-    $[40] = storyTitle;
-    $[41] = url;
-    $[42] = webViewUrl;
-    $[43] = t14;
+    $[32] = source;
+    $[33] = storyTitle;
+    $[34] = url;
+    $[35] = webViewUrl;
+    $[36] = t14;
   } else {
-    t14 = $[43];
+    t14 = $[36];
   }
   const finalUrl = t14;
   let t15;
-  if ($[44] !== className || $[45] !== opened) {
+  if ($[37] !== className || $[38] !== opened) {
     t15 = classNames([styles.container, className, {
       [styles.opened]: opened
     }]);
-    $[44] = className;
-    $[45] = opened;
-    $[46] = t15;
+    $[37] = className;
+    $[38] = opened;
+    $[39] = t15;
   } else {
-    t15 = $[46];
+    t15 = $[39];
   }
   let t16;
-  if ($[47] !== close || $[48] !== finalUrl || $[49] !== opened || $[50] !== source || $[51] !== webViewProps) {
+  if ($[40] !== close || $[41] !== finalUrl || $[42] !== opened || $[43] !== source || $[44] !== webViewProps) {
     t16 = /*#__PURE__*/jsx(WebView, {
       url: finalUrl,
       source: source,
@@ -5180,17 +5192,17 @@ function WebViewContainer(t0) {
       className: styles.webView,
       onClose: close
     });
-    $[47] = close;
-    $[48] = finalUrl;
-    $[49] = opened;
-    $[50] = source;
-    $[51] = webViewProps;
-    $[52] = t16;
+    $[40] = close;
+    $[41] = finalUrl;
+    $[42] = opened;
+    $[43] = source;
+    $[44] = webViewProps;
+    $[45] = t16;
   } else {
-    t16 = $[52];
+    t16 = $[45];
   }
   let t17;
-  if ($[53] !== onTransitionEnd || $[54] !== style || $[55] !== t15 || $[56] !== t16) {
+  if ($[46] !== onTransitionEnd || $[47] !== style || $[48] !== t15 || $[49] !== t16) {
     t17 = /*#__PURE__*/jsx("div", {
       className: t15,
       style: style,
@@ -5198,13 +5210,13 @@ function WebViewContainer(t0) {
       ref: ref,
       children: t16
     });
-    $[53] = onTransitionEnd;
-    $[54] = style;
-    $[55] = t15;
-    $[56] = t16;
-    $[57] = t17;
+    $[46] = onTransitionEnd;
+    $[47] = style;
+    $[48] = t15;
+    $[49] = t16;
+    $[50] = t17;
   } else {
-    t17 = $[57];
+    t17 = $[50];
   }
   return t17;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/viewer",
-    "version": "0.4.87",
+    "version": "0.4.89",
     "private": false,
     "description": "",
     "keywords": [
@@ -64,14 +64,14 @@
     "dependencies": {
         "@babel/runtime": "^7.28.6",
         "@folklore/routes": "^0.4.4",
-        "@micromag/core": "^0.4.86",
-        "@micromag/element-badge": "^0.4.86",
-        "@micromag/element-scroll": "^0.4.86",
-        "@micromag/element-share-options": "^0.4.86",
-        "@micromag/element-webview": "^0.4.86",
-        "@micromag/elements": "^0.4.86",
-        "@micromag/intl": "^0.4.86",
-        "@micromag/screens": "^0.4.87",
+        "@micromag/core": "^0.4.88",
+        "@micromag/element-badge": "^0.4.88",
+        "@micromag/element-scroll": "^0.4.89",
+        "@micromag/element-share-options": "^0.4.88",
+        "@micromag/element-webview": "^0.4.89",
+        "@micromag/elements": "^0.4.89",
+        "@micromag/intl": "^0.4.88",
+        "@micromag/screens": "^0.4.89",
         "@react-spring/core": "^10.0.3",
         "@react-spring/web": "^10.0.3",
         "@use-gesture/react": "^10.3.0",
@@ -90,6 +90,6 @@
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "2d1f40fa6f172c05d88ae59d4d356140f849edc4",
+    "gitHead": "b22ccb83a7c0679970a453b09e2be779ed68f839",
     "types": "es/index.d.ts"
 }