@cntrl-site/sdk-nextjs 1.3.3 → 1.3.4

package/.idea/codeStyles/codeStyleConfig.xml

@@ -0,0 +1,5 @@
+<component name="ProjectCodeStyleConfiguration">
+  <state>
+    <option name="PREFERRED_PROJECT_CODE_STYLE" value="Default" />
+  </state>
+</component>

package/lib/components/items/EmbedVideoItem/YoutubeEmbed.js

@@ -90,6 +90,12 @@ const YoutubeEmbedItem = ({ item, sectionId, onResize, interactionCtrl, onVisibi
             setIsCoverVisible(true);
         }
     }, []);
+    (0, react_1.useEffect)(() => {
+        onVisibilityChange === null || onVisibilityChange === void 0 ? void 0 : onVisibilityChange(isInteractive);
+        if (!isInteractive && player) {
+            player.pauseVideo();
+        }
+    }, [isInteractive, onVisibilityChange, player]);
     return ((0, jsx_runtime_1.jsxs)(LinkWrapper_1.LinkWrapper, { url: (_e = item.link) === null || _e === void 0 ? void 0 : _e.url, target: (_f = item.link) === null || _f === void 0 ? void 0 : _f.target, children: [(0, jsx_runtime_1.jsxs)("div", { className: `embed-youtube-video-wrapper-${item.id}`, onMouseEnter: () => {
                     if (!player || play !== 'on-hover')
                         return;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cntrl-site/sdk-nextjs",
-  "version": "1.3.3",
+  "version": "1.3.4",
   "description": "SDK for Next.js",
   "author": "arsen@momdesign.nyc",
   "license": "MIT",

package/src/components/items/EmbedVideoItem/YoutubeEmbed.tsx

@@ -84,6 +84,13 @@ export const YoutubeEmbedItem: FC<ItemProps<TYoutubeEmbedItem>> = ({ item, secti
     }
   }, []);
 
+  useEffect(() => {
+    onVisibilityChange?.(isInteractive);
+    if (!isInteractive && player) {
+      player.pauseVideo();
+    }
+  }, [isInteractive, onVisibilityChange, player]);
+
   return (
     <LinkWrapper url={item.link?.url} target={item.link?.target}>
       <div