@builder.io/sdk-qwik 0.7.1-2 → 0.7.1-3

package/lib/browser/index.qwik.cjs

@@ -2360,7 +2360,7 @@ const SCRIPT_MIME_TYPES = [
   "application/ecmascript"
 ];
 const isJsScript = (script) => SCRIPT_MIME_TYPES.includes(script.type);
-const findAndRunScripts$1 = function findAndRunScripts2(props, state, elem) {
+const findAndRunScripts = function findAndRunScripts2(props, state, elem) {
   if (!elem.value || !elem.value.getElementsByTagName)
     return;
   const scripts = elem.value.getElementsByTagName("script");
@@ -2394,7 +2394,7 @@ const Embed = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl(
     track2(() => state2.ranInitFn);
     if (elem2.value && !state2.ranInitFn) {
       state2.ranInitFn = true;
-      findAndRunScripts$1(props2, state2, elem2);
+      findAndRunScripts(props2, state2, elem2);
     }
   }, "Embed_component_useTask_bg7ez0XUtiM", [
     elem,
@@ -2452,15 +2452,23 @@ const componentInfo$1 = {
   noWrap: true,
   static: true
 };
-const findAndRunScripts = function findAndRunScripts22(props, state, elem) {
-  if (elem.value && elem.value.getElementsByTagName && typeof window !== "undefined") {
-    const scripts = elem.value.getElementsByTagName("script");
+const CustomCode = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
+  const elementRef = qwik.useSignal();
+  const state = qwik.useStore({
+    scriptsInserted: [],
+    scriptsRun: []
+  });
+  qwik.useOn("qvisible", /* @__PURE__ */ qwik.inlinedQrl((event, element) => {
+    const [state2] = qwik.useLexicalScope();
+    if (!(element == null ? void 0 : element.getElementsByTagName) || typeof window === "undefined")
+      return;
+    const scripts = element.getElementsByTagName("script");
     for (let i = 0; i < scripts.length; i++) {
       const script = scripts[i];
       if (script.src) {
-        if (state.scriptsInserted.includes(script.src))
+        if (state2.scriptsInserted.includes(script.src))
           continue;
-        state.scriptsInserted.push(script.src);
+        state2.scriptsInserted.push(script.src);
         const newScript = document.createElement("script");
         newScript.async = true;
         newScript.src = script.src;
@@ -2470,34 +2478,21 @@ const findAndRunScripts = function findAndRunScripts22(props, state, elem) {
         "application/javascript",
         "application/ecmascript"
       ].includes(script.type)) {
-        if (state.scriptsRun.includes(script.innerText))
+        if (state2.scriptsRun.includes(script.innerText))
           continue;
         try {
-          state.scriptsRun.push(script.innerText);
+          state2.scriptsRun.push(script.innerText);
           new Function(script.innerText)();
         } catch (error) {
           console.warn("`CustomCode`: Error running script:", error);
         }
       }
     }
-  }
-};
-const CustomCode = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
-  const elem = qwik.useSignal();
-  const state = qwik.useStore({
-    scriptsInserted: [],
-    scriptsRun: []
-  });
-  qwik.useVisibleTaskQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
-    const [elem2, props2, state2] = qwik.useLexicalScope();
-    findAndRunScripts(props2, state2, elem2);
-  }, "CustomCode_component_useVisibleTask_S5QgEQZj6YE", [
-    elem,
-    props,
+  }, "CustomCode_component_useOn_zjAgBhFOiCs", [
     state
   ]));
   return /* @__PURE__ */ qwik._jsxQ("div", {
-    ref: elem
+    ref: elementRef
   }, {
     class: qwik._fnSignal((p0) => "builder-custom-code" + (p0.replaceNodes ? " replace-nodes" : ""), [
       props
@@ -3100,7 +3095,7 @@ const getInteractionPropertiesForEvent = (event) => {
     }
   };
 };
-const SDK_VERSION = "0.7.1-2";
+const SDK_VERSION = "0.7.1-3";
 const registry = {};
 function register(type, info) {
   let typeList = registry[type];
@@ -3881,8 +3876,6 @@ const ContentVariants = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.i
     props,
     state
   ]));
-  qwik.useVisibleTaskQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
-  }, "ContentVariants_component_useVisibleTask_10cWAqcJ45I"));
   return /* @__PURE__ */ qwik._jsxC(qwik.Fragment, {
     children: [
       !props.__isNestedRender && TARGET !== "reactNative" ? /* @__PURE__ */ qwik._jsxC(InlinedScript, {

package/lib/browser/index.qwik.mjs

@@ -1,4 +1,4 @@
-import { componentQrl, inlinedQrl, useStylesScopedQrl, _jsxC, _jsxS, _fnSignal, createContextId, _jsxQ, _jsxBranch, useComputedQrl, useLexicalScope, _IMMUTABLE, Slot, useStore, useContextProvider, _wrapProp, useContext, createElement, Fragment as Fragment$1, useSignal, useTaskQrl, useVisibleTaskQrl, useOn } from "@builder.io/qwik";
+import { componentQrl, inlinedQrl, useStylesScopedQrl, _jsxC, _jsxS, _fnSignal, createContextId, _jsxQ, _jsxBranch, useComputedQrl, useLexicalScope, _IMMUTABLE, Slot, useStore, useContextProvider, _wrapProp, useContext, createElement, Fragment as Fragment$1, useSignal, useTaskQrl, useOn } from "@builder.io/qwik";
 import { Fragment } from "@builder.io/qwik/jsx-runtime";
 const Button = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
   useStylesScopedQrl(/* @__PURE__ */ inlinedQrl(STYLES$3, "Button_component_useStylesScoped_a1JZ0Q0Q2Oc"));
@@ -2358,7 +2358,7 @@ const SCRIPT_MIME_TYPES = [
   "application/ecmascript"
 ];
 const isJsScript = (script) => SCRIPT_MIME_TYPES.includes(script.type);
-const findAndRunScripts$1 = function findAndRunScripts2(props, state, elem) {
+const findAndRunScripts = function findAndRunScripts2(props, state, elem) {
   if (!elem.value || !elem.value.getElementsByTagName)
     return;
   const scripts = elem.value.getElementsByTagName("script");
@@ -2392,7 +2392,7 @@ const Embed = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
     track2(() => state2.ranInitFn);
     if (elem2.value && !state2.ranInitFn) {
       state2.ranInitFn = true;
-      findAndRunScripts$1(props2, state2, elem2);
+      findAndRunScripts(props2, state2, elem2);
     }
   }, "Embed_component_useTask_bg7ez0XUtiM", [
     elem,
@@ -2450,15 +2450,23 @@ const componentInfo$1 = {
   noWrap: true,
   static: true
 };
-const findAndRunScripts = function findAndRunScripts22(props, state, elem) {
-  if (elem.value && elem.value.getElementsByTagName && typeof window !== "undefined") {
-    const scripts = elem.value.getElementsByTagName("script");
+const CustomCode = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
+  const elementRef = useSignal();
+  const state = useStore({
+    scriptsInserted: [],
+    scriptsRun: []
+  });
+  useOn("qvisible", /* @__PURE__ */ inlinedQrl((event, element) => {
+    const [state2] = useLexicalScope();
+    if (!(element == null ? void 0 : element.getElementsByTagName) || typeof window === "undefined")
+      return;
+    const scripts = element.getElementsByTagName("script");
     for (let i = 0; i < scripts.length; i++) {
       const script = scripts[i];
       if (script.src) {
-        if (state.scriptsInserted.includes(script.src))
+        if (state2.scriptsInserted.includes(script.src))
           continue;
-        state.scriptsInserted.push(script.src);
+        state2.scriptsInserted.push(script.src);
         const newScript = document.createElement("script");
         newScript.async = true;
         newScript.src = script.src;
@@ -2468,34 +2476,21 @@ const findAndRunScripts = function findAndRunScripts22(props, state, elem) {
         "application/javascript",
         "application/ecmascript"
       ].includes(script.type)) {
-        if (state.scriptsRun.includes(script.innerText))
+        if (state2.scriptsRun.includes(script.innerText))
           continue;
         try {
-          state.scriptsRun.push(script.innerText);
+          state2.scriptsRun.push(script.innerText);
           new Function(script.innerText)();
         } catch (error) {
           console.warn("`CustomCode`: Error running script:", error);
         }
       }
     }
-  }
-};
-const CustomCode = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
-  const elem = useSignal();
-  const state = useStore({
-    scriptsInserted: [],
-    scriptsRun: []
-  });
-  useVisibleTaskQrl(/* @__PURE__ */ inlinedQrl(() => {
-    const [elem2, props2, state2] = useLexicalScope();
-    findAndRunScripts(props2, state2, elem2);
-  }, "CustomCode_component_useVisibleTask_S5QgEQZj6YE", [
-    elem,
-    props,
+  }, "CustomCode_component_useOn_zjAgBhFOiCs", [
     state
   ]));
   return /* @__PURE__ */ _jsxQ("div", {
-    ref: elem
+    ref: elementRef
   }, {
     class: _fnSignal((p0) => "builder-custom-code" + (p0.replaceNodes ? " replace-nodes" : ""), [
       props
@@ -3098,7 +3093,7 @@ const getInteractionPropertiesForEvent = (event) => {
     }
   };
 };
-const SDK_VERSION = "0.7.1-2";
+const SDK_VERSION = "0.7.1-3";
 const registry = {};
 function register(type, info) {
   let typeList = registry[type];
@@ -3879,8 +3874,6 @@ const ContentVariants = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(
     props,
     state
   ]));
-  useVisibleTaskQrl(/* @__PURE__ */ inlinedQrl(() => {
-  }, "ContentVariants_component_useVisibleTask_10cWAqcJ45I"));
   return /* @__PURE__ */ _jsxC(Fragment$1, {
     children: [
       !props.__isNestedRender && TARGET !== "reactNative" ? /* @__PURE__ */ _jsxC(InlinedScript, {

package/lib/edge/index.qwik.cjs

@@ -5564,7 +5564,7 @@ const SCRIPT_MIME_TYPES = [
   "application/ecmascript"
 ];
 const isJsScript = (script) => SCRIPT_MIME_TYPES.includes(script.type);
-const findAndRunScripts$1 = function findAndRunScripts2(props, state, elem) {
+const findAndRunScripts = function findAndRunScripts2(props, state, elem) {
   if (!elem.value || !elem.value.getElementsByTagName)
     return;
   const scripts = elem.value.getElementsByTagName("script");
@@ -5598,7 +5598,7 @@ const Embed = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl(
     track2(() => state2.ranInitFn);
     if (elem2.value && !state2.ranInitFn) {
       state2.ranInitFn = true;
-      findAndRunScripts$1(props2, state2, elem2);
+      findAndRunScripts(props2, state2, elem2);
     }
   }, "Embed_component_useTask_bg7ez0XUtiM", [
     elem,
@@ -5656,15 +5656,23 @@ const componentInfo$1 = {
   noWrap: true,
   static: true
 };
-const findAndRunScripts = function findAndRunScripts22(props, state, elem) {
-  if (elem.value && elem.value.getElementsByTagName && typeof window !== "undefined") {
-    const scripts = elem.value.getElementsByTagName("script");
+const CustomCode = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
+  const elementRef = qwik.useSignal();
+  const state = qwik.useStore({
+    scriptsInserted: [],
+    scriptsRun: []
+  });
+  qwik.useOn("qvisible", /* @__PURE__ */ qwik.inlinedQrl((event, element) => {
+    const [state2] = qwik.useLexicalScope();
+    if (!(element == null ? void 0 : element.getElementsByTagName) || typeof window === "undefined")
+      return;
+    const scripts = element.getElementsByTagName("script");
     for (let i = 0; i < scripts.length; i++) {
       const script = scripts[i];
       if (script.src) {
-        if (state.scriptsInserted.includes(script.src))
+        if (state2.scriptsInserted.includes(script.src))
           continue;
-        state.scriptsInserted.push(script.src);
+        state2.scriptsInserted.push(script.src);
         const newScript = document.createElement("script");
         newScript.async = true;
         newScript.src = script.src;
@@ -5674,34 +5682,21 @@ const findAndRunScripts = function findAndRunScripts22(props, state, elem) {
         "application/javascript",
         "application/ecmascript"
       ].includes(script.type)) {
-        if (state.scriptsRun.includes(script.innerText))
+        if (state2.scriptsRun.includes(script.innerText))
           continue;
         try {
-          state.scriptsRun.push(script.innerText);
+          state2.scriptsRun.push(script.innerText);
           new Function(script.innerText)();
         } catch (error) {
           console.warn("`CustomCode`: Error running script:", error);
         }
       }
     }
-  }
-};
-const CustomCode = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
-  const elem = qwik.useSignal();
-  const state = qwik.useStore({
-    scriptsInserted: [],
-    scriptsRun: []
-  });
-  qwik.useVisibleTaskQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
-    const [elem2, props2, state2] = qwik.useLexicalScope();
-    findAndRunScripts(props2, state2, elem2);
-  }, "CustomCode_component_useVisibleTask_S5QgEQZj6YE", [
-    elem,
-    props,
+  }, "CustomCode_component_useOn_zjAgBhFOiCs", [
     state
   ]));
   return /* @__PURE__ */ qwik._jsxQ("div", {
-    ref: elem
+    ref: elementRef
   }, {
     class: qwik._fnSignal((p0) => "builder-custom-code" + (p0.replaceNodes ? " replace-nodes" : ""), [
       props
@@ -6304,7 +6299,7 @@ const getInteractionPropertiesForEvent = (event) => {
     }
   };
 };
-const SDK_VERSION = "0.7.1-2";
+const SDK_VERSION = "0.7.1-3";
 const registry = {};
 function register(type, info) {
   let typeList = registry[type];
@@ -7085,8 +7080,6 @@ const ContentVariants = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.i
     props,
     state
   ]));
-  qwik.useVisibleTaskQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
-  }, "ContentVariants_component_useVisibleTask_10cWAqcJ45I"));
   return /* @__PURE__ */ qwik._jsxC(qwik.Fragment, {
     children: [
       !props.__isNestedRender && TARGET !== "reactNative" ? /* @__PURE__ */ qwik._jsxC(InlinedScript, {

package/lib/edge/index.qwik.mjs

@@ -1,4 +1,4 @@
-import { componentQrl, inlinedQrl, useStylesScopedQrl, _jsxC, _jsxS, _fnSignal, createContextId, _jsxQ, _jsxBranch, useComputedQrl, useLexicalScope, _IMMUTABLE, Slot, useStore, useContextProvider, _wrapProp, useContext, createElement, Fragment as Fragment$1, useSignal, useTaskQrl, useVisibleTaskQrl, useOn } from "@builder.io/qwik";
+import { componentQrl, inlinedQrl, useStylesScopedQrl, _jsxC, _jsxS, _fnSignal, createContextId, _jsxQ, _jsxBranch, useComputedQrl, useLexicalScope, _IMMUTABLE, Slot, useStore, useContextProvider, _wrapProp, useContext, createElement, Fragment as Fragment$1, useSignal, useTaskQrl, useOn } from "@builder.io/qwik";
 import { Fragment } from "@builder.io/qwik/jsx-runtime";
 const Button = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
   useStylesScopedQrl(/* @__PURE__ */ inlinedQrl(STYLES$3, "Button_component_useStylesScoped_a1JZ0Q0Q2Oc"));
@@ -5562,7 +5562,7 @@ const SCRIPT_MIME_TYPES = [
   "application/ecmascript"
 ];
 const isJsScript = (script) => SCRIPT_MIME_TYPES.includes(script.type);
-const findAndRunScripts$1 = function findAndRunScripts2(props, state, elem) {
+const findAndRunScripts = function findAndRunScripts2(props, state, elem) {
   if (!elem.value || !elem.value.getElementsByTagName)
     return;
   const scripts = elem.value.getElementsByTagName("script");
@@ -5596,7 +5596,7 @@ const Embed = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
     track2(() => state2.ranInitFn);
     if (elem2.value && !state2.ranInitFn) {
       state2.ranInitFn = true;
-      findAndRunScripts$1(props2, state2, elem2);
+      findAndRunScripts(props2, state2, elem2);
     }
   }, "Embed_component_useTask_bg7ez0XUtiM", [
     elem,
@@ -5654,15 +5654,23 @@ const componentInfo$1 = {
   noWrap: true,
   static: true
 };
-const findAndRunScripts = function findAndRunScripts22(props, state, elem) {
-  if (elem.value && elem.value.getElementsByTagName && typeof window !== "undefined") {
-    const scripts = elem.value.getElementsByTagName("script");
+const CustomCode = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
+  const elementRef = useSignal();
+  const state = useStore({
+    scriptsInserted: [],
+    scriptsRun: []
+  });
+  useOn("qvisible", /* @__PURE__ */ inlinedQrl((event, element) => {
+    const [state2] = useLexicalScope();
+    if (!(element == null ? void 0 : element.getElementsByTagName) || typeof window === "undefined")
+      return;
+    const scripts = element.getElementsByTagName("script");
     for (let i = 0; i < scripts.length; i++) {
       const script = scripts[i];
       if (script.src) {
-        if (state.scriptsInserted.includes(script.src))
+        if (state2.scriptsInserted.includes(script.src))
           continue;
-        state.scriptsInserted.push(script.src);
+        state2.scriptsInserted.push(script.src);
         const newScript = document.createElement("script");
         newScript.async = true;
         newScript.src = script.src;
@@ -5672,34 +5680,21 @@ const findAndRunScripts = function findAndRunScripts22(props, state, elem) {
         "application/javascript",
         "application/ecmascript"
       ].includes(script.type)) {
-        if (state.scriptsRun.includes(script.innerText))
+        if (state2.scriptsRun.includes(script.innerText))
           continue;
         try {
-          state.scriptsRun.push(script.innerText);
+          state2.scriptsRun.push(script.innerText);
           new Function(script.innerText)();
         } catch (error) {
           console.warn("`CustomCode`: Error running script:", error);
         }
       }
     }
-  }
-};
-const CustomCode = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
-  const elem = useSignal();
-  const state = useStore({
-    scriptsInserted: [],
-    scriptsRun: []
-  });
-  useVisibleTaskQrl(/* @__PURE__ */ inlinedQrl(() => {
-    const [elem2, props2, state2] = useLexicalScope();
-    findAndRunScripts(props2, state2, elem2);
-  }, "CustomCode_component_useVisibleTask_S5QgEQZj6YE", [
-    elem,
-    props,
+  }, "CustomCode_component_useOn_zjAgBhFOiCs", [
     state
   ]));
   return /* @__PURE__ */ _jsxQ("div", {
-    ref: elem
+    ref: elementRef
   }, {
     class: _fnSignal((p0) => "builder-custom-code" + (p0.replaceNodes ? " replace-nodes" : ""), [
       props
@@ -6302,7 +6297,7 @@ const getInteractionPropertiesForEvent = (event) => {
     }
   };
 };
-const SDK_VERSION = "0.7.1-2";
+const SDK_VERSION = "0.7.1-3";
 const registry = {};
 function register(type, info) {
   let typeList = registry[type];
@@ -7083,8 +7078,6 @@ const ContentVariants = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(
     props,
     state
   ]));
-  useVisibleTaskQrl(/* @__PURE__ */ inlinedQrl(() => {
-  }, "ContentVariants_component_useVisibleTask_10cWAqcJ45I"));
   return /* @__PURE__ */ _jsxC(Fragment$1, {
     children: [
       !props.__isNestedRender && TARGET !== "reactNative" ? /* @__PURE__ */ _jsxC(InlinedScript, {

package/lib/node/index.qwik.cjs

@@ -2360,7 +2360,7 @@ const SCRIPT_MIME_TYPES = [
   "application/ecmascript"
 ];
 const isJsScript = (script) => SCRIPT_MIME_TYPES.includes(script.type);
-const findAndRunScripts$1 = function findAndRunScripts2(props, state, elem) {
+const findAndRunScripts = function findAndRunScripts2(props, state, elem) {
   if (!elem.value || !elem.value.getElementsByTagName)
     return;
   const scripts = elem.value.getElementsByTagName("script");
@@ -2394,7 +2394,7 @@ const Embed = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl(
     track2(() => state2.ranInitFn);
     if (elem2.value && !state2.ranInitFn) {
       state2.ranInitFn = true;
-      findAndRunScripts$1(props2, state2, elem2);
+      findAndRunScripts(props2, state2, elem2);
     }
   }, "Embed_component_useTask_bg7ez0XUtiM", [
     elem,
@@ -2452,15 +2452,23 @@ const componentInfo$1 = {
   noWrap: true,
   static: true
 };
-const findAndRunScripts = function findAndRunScripts22(props, state, elem) {
-  if (elem.value && elem.value.getElementsByTagName && typeof window !== "undefined") {
-    const scripts = elem.value.getElementsByTagName("script");
+const CustomCode = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
+  const elementRef = qwik.useSignal();
+  const state = qwik.useStore({
+    scriptsInserted: [],
+    scriptsRun: []
+  });
+  qwik.useOn("qvisible", /* @__PURE__ */ qwik.inlinedQrl((event, element) => {
+    const [state2] = qwik.useLexicalScope();
+    if (!(element == null ? void 0 : element.getElementsByTagName) || typeof window === "undefined")
+      return;
+    const scripts = element.getElementsByTagName("script");
     for (let i = 0; i < scripts.length; i++) {
       const script = scripts[i];
       if (script.src) {
-        if (state.scriptsInserted.includes(script.src))
+        if (state2.scriptsInserted.includes(script.src))
           continue;
-        state.scriptsInserted.push(script.src);
+        state2.scriptsInserted.push(script.src);
         const newScript = document.createElement("script");
         newScript.async = true;
         newScript.src = script.src;
@@ -2470,34 +2478,21 @@ const findAndRunScripts = function findAndRunScripts22(props, state, elem) {
         "application/javascript",
         "application/ecmascript"
       ].includes(script.type)) {
-        if (state.scriptsRun.includes(script.innerText))
+        if (state2.scriptsRun.includes(script.innerText))
           continue;
         try {
-          state.scriptsRun.push(script.innerText);
+          state2.scriptsRun.push(script.innerText);
           new Function(script.innerText)();
         } catch (error) {
           console.warn("`CustomCode`: Error running script:", error);
         }
       }
     }
-  }
-};
-const CustomCode = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
-  const elem = qwik.useSignal();
-  const state = qwik.useStore({
-    scriptsInserted: [],
-    scriptsRun: []
-  });
-  qwik.useVisibleTaskQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
-    const [elem2, props2, state2] = qwik.useLexicalScope();
-    findAndRunScripts(props2, state2, elem2);
-  }, "CustomCode_component_useVisibleTask_S5QgEQZj6YE", [
-    elem,
-    props,
+  }, "CustomCode_component_useOn_zjAgBhFOiCs", [
     state
   ]));
   return /* @__PURE__ */ qwik._jsxQ("div", {
-    ref: elem
+    ref: elementRef
   }, {
     class: qwik._fnSignal((p0) => "builder-custom-code" + (p0.replaceNodes ? " replace-nodes" : ""), [
       props
@@ -3100,7 +3095,7 @@ const getInteractionPropertiesForEvent = (event) => {
     }
   };
 };
-const SDK_VERSION = "0.7.1-2";
+const SDK_VERSION = "0.7.1-3";
 const registry = {};
 function register(type, info) {
   let typeList = registry[type];
@@ -3881,8 +3876,6 @@ const ContentVariants = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.i
     props,
     state
   ]));
-  qwik.useVisibleTaskQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
-  }, "ContentVariants_component_useVisibleTask_10cWAqcJ45I"));
   return /* @__PURE__ */ qwik._jsxC(qwik.Fragment, {
     children: [
       !props.__isNestedRender && TARGET !== "reactNative" ? /* @__PURE__ */ qwik._jsxC(InlinedScript, {

package/lib/node/index.qwik.mjs

@@ -1,4 +1,4 @@
-import { componentQrl, inlinedQrl, useStylesScopedQrl, _jsxC, _jsxS, _fnSignal, createContextId, _jsxQ, _jsxBranch, useComputedQrl, useLexicalScope, _IMMUTABLE, Slot, useStore, useContextProvider, _wrapProp, useContext, createElement, Fragment as Fragment$1, useSignal, useTaskQrl, useVisibleTaskQrl, useOn } from "@builder.io/qwik";
+import { componentQrl, inlinedQrl, useStylesScopedQrl, _jsxC, _jsxS, _fnSignal, createContextId, _jsxQ, _jsxBranch, useComputedQrl, useLexicalScope, _IMMUTABLE, Slot, useStore, useContextProvider, _wrapProp, useContext, createElement, Fragment as Fragment$1, useSignal, useTaskQrl, useOn } from "@builder.io/qwik";
 import { Fragment } from "@builder.io/qwik/jsx-runtime";
 const Button = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
   useStylesScopedQrl(/* @__PURE__ */ inlinedQrl(STYLES$3, "Button_component_useStylesScoped_a1JZ0Q0Q2Oc"));
@@ -2358,7 +2358,7 @@ const SCRIPT_MIME_TYPES = [
   "application/ecmascript"
 ];
 const isJsScript = (script) => SCRIPT_MIME_TYPES.includes(script.type);
-const findAndRunScripts$1 = function findAndRunScripts2(props, state, elem) {
+const findAndRunScripts = function findAndRunScripts2(props, state, elem) {
   if (!elem.value || !elem.value.getElementsByTagName)
     return;
   const scripts = elem.value.getElementsByTagName("script");
@@ -2392,7 +2392,7 @@ const Embed = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
     track2(() => state2.ranInitFn);
     if (elem2.value && !state2.ranInitFn) {
       state2.ranInitFn = true;
-      findAndRunScripts$1(props2, state2, elem2);
+      findAndRunScripts(props2, state2, elem2);
     }
   }, "Embed_component_useTask_bg7ez0XUtiM", [
     elem,
@@ -2450,15 +2450,23 @@ const componentInfo$1 = {
   noWrap: true,
   static: true
 };
-const findAndRunScripts = function findAndRunScripts22(props, state, elem) {
-  if (elem.value && elem.value.getElementsByTagName && typeof window !== "undefined") {
-    const scripts = elem.value.getElementsByTagName("script");
+const CustomCode = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
+  const elementRef = useSignal();
+  const state = useStore({
+    scriptsInserted: [],
+    scriptsRun: []
+  });
+  useOn("qvisible", /* @__PURE__ */ inlinedQrl((event, element) => {
+    const [state2] = useLexicalScope();
+    if (!(element == null ? void 0 : element.getElementsByTagName) || typeof window === "undefined")
+      return;
+    const scripts = element.getElementsByTagName("script");
     for (let i = 0; i < scripts.length; i++) {
       const script = scripts[i];
       if (script.src) {
-        if (state.scriptsInserted.includes(script.src))
+        if (state2.scriptsInserted.includes(script.src))
           continue;
-        state.scriptsInserted.push(script.src);
+        state2.scriptsInserted.push(script.src);
         const newScript = document.createElement("script");
         newScript.async = true;
         newScript.src = script.src;
@@ -2468,34 +2476,21 @@ const findAndRunScripts = function findAndRunScripts22(props, state, elem) {
         "application/javascript",
         "application/ecmascript"
       ].includes(script.type)) {
-        if (state.scriptsRun.includes(script.innerText))
+        if (state2.scriptsRun.includes(script.innerText))
           continue;
         try {
-          state.scriptsRun.push(script.innerText);
+          state2.scriptsRun.push(script.innerText);
           new Function(script.innerText)();
         } catch (error) {
           console.warn("`CustomCode`: Error running script:", error);
         }
       }
     }
-  }
-};
-const CustomCode = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
-  const elem = useSignal();
-  const state = useStore({
-    scriptsInserted: [],
-    scriptsRun: []
-  });
-  useVisibleTaskQrl(/* @__PURE__ */ inlinedQrl(() => {
-    const [elem2, props2, state2] = useLexicalScope();
-    findAndRunScripts(props2, state2, elem2);
-  }, "CustomCode_component_useVisibleTask_S5QgEQZj6YE", [
-    elem,
-    props,
+  }, "CustomCode_component_useOn_zjAgBhFOiCs", [
     state
   ]));
   return /* @__PURE__ */ _jsxQ("div", {
-    ref: elem
+    ref: elementRef
   }, {
     class: _fnSignal((p0) => "builder-custom-code" + (p0.replaceNodes ? " replace-nodes" : ""), [
       props
@@ -3098,7 +3093,7 @@ const getInteractionPropertiesForEvent = (event) => {
     }
   };
 };
-const SDK_VERSION = "0.7.1-2";
+const SDK_VERSION = "0.7.1-3";
 const registry = {};
 function register(type, info) {
   let typeList = registry[type];
@@ -3879,8 +3874,6 @@ const ContentVariants = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(
     props,
     state
   ]));
-  useVisibleTaskQrl(/* @__PURE__ */ inlinedQrl(() => {
-  }, "ContentVariants_component_useVisibleTask_10cWAqcJ45I"));
   return /* @__PURE__ */ _jsxC(Fragment$1, {
     children: [
       !props.__isNestedRender && TARGET !== "reactNative" ? /* @__PURE__ */ _jsxC(InlinedScript, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@builder.io/sdk-qwik",
-  "version": "0.7.1-2",
+  "version": "0.7.1-3",
   "description": "Builder.io Qwik SDK",
   "type": "module",
   "main": "./lib/edge/index.qwik.cjs",

package/types/src/blocks/custom-code/custom-code.d.ts

@@ -2,6 +2,5 @@ export interface CustomCodeProps {
     code: string;
     replaceNodes?: boolean;
 }
-export declare const findAndRunScripts: (props: any, state: any, elem: any) => void;
 export declare const CustomCode: import("@builder.io/qwik").Component<CustomCodeProps>;
 export default CustomCode;

package/types/src/constants/sdk-version.d.ts

@@ -1 +1 @@
-export declare const SDK_VERSION = "0.7.1-2";
+export declare const SDK_VERSION = "0.7.1-3";