@builder.io/sdk-qwik 0.18.1 → 0.18.4

package/lib/browser/blocks/custom-code/custom-code.qwik.cjs

@@ -1,43 +1,60 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const qwik = require("@builder.io/qwik");
+const isEditing = require("../../functions/is-editing.qwik.cjs");
+const logger = require("../../helpers/logger.qwik.cjs");
+const runScripts = function runScripts2(props, state, elementRef) {
+  if (!elementRef.value || !elementRef.value.getElementsByTagName || typeof window === "undefined")
+    return;
+  const scripts = elementRef.value.getElementsByTagName("script");
+  for (let i = 0; i < scripts.length; i++) {
+    const script = scripts[i];
+    if (script.src) {
+      if (state.scriptsInserted.includes(script.src))
+        continue;
+      state.scriptsInserted.push(script.src);
+      const newScript = document.createElement("script");
+      newScript.async = true;
+      newScript.src = script.src;
+      document.head.appendChild(newScript);
+    } else if (!script.type || [
+      "text/javascript",
+      "application/javascript",
+      "application/ecmascript"
+    ].includes(script.type)) {
+      if (state.scriptsRun.includes(script.innerText))
+        continue;
+      try {
+        state.scriptsRun.push(script.innerText);
+        new Function(script.innerText)();
+      } catch (error) {
+        logger.logger.warn("[BUILDER.IO] `CustomCode`: Error running script:", error);
+      }
+    }
+  }
+};
 const CustomCode = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
   const elementRef = qwik.useSignal();
   const state = qwik.useStore({
     scriptsInserted: [],
     scriptsRun: []
   });
-  qwik.useOn("readystatechange", /* @__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 (state2.scriptsInserted.includes(script.src))
-          continue;
-        state2.scriptsInserted.push(script.src);
-        const newScript = document.createElement("script");
-        newScript.async = true;
-        newScript.src = script.src;
-        document.head.appendChild(newScript);
-      } else if (!script.type || [
-        "text/javascript",
-        "application/javascript",
-        "application/ecmascript"
-      ].includes(script.type)) {
-        if (state2.scriptsRun.includes(script.innerText))
-          continue;
-        try {
-          state2.scriptsRun.push(script.innerText);
-          new Function(script.innerText)();
-        } catch (error) {
-          console.warn("`CustomCode`: Error running script:", error);
-        }
-      }
-    }
-  }, "CustomCode_component_useOn_zjAgBhFOiCs", [
+  qwik.useVisibleTaskQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
+    const [elementRef2, props2, state2] = qwik.useLexicalScope();
+    runScripts(props2, state2, elementRef2);
+  }, "CustomCode_component_useVisibleTask_S5QgEQZj6YE", [
+    elementRef,
+    props,
+    state
+  ]));
+  qwik.useVisibleTaskQrl(/* @__PURE__ */ qwik.inlinedQrl(({ track }) => {
+    const [elementRef2, props2, state2] = qwik.useLexicalScope();
+    track(() => props2.code);
+    if (isEditing.isEditing())
+      runScripts(props2, state2, elementRef2);
+  }, "CustomCode_component_useVisibleTask_1_Re102EQisCE", [
+    elementRef,
+    props,
     state
   ]));
   return /* @__PURE__ */ qwik._jsxQ("div", {
@@ -53,3 +70,4 @@ const CustomCode = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inline
 }, "CustomCode_component_uYOSy7w7Zqw"));
 exports.CustomCode = CustomCode;
 exports.default = CustomCode;
+exports.runScripts = runScripts;

package/lib/browser/blocks/custom-code/custom-code.qwik.mjs

@@ -1,41 +1,58 @@
-import { componentQrl, inlinedQrl, useSignal, useStore, useOn, useLexicalScope, _jsxQ, _fnSignal } from "@builder.io/qwik";
+import { componentQrl, inlinedQrl, useSignal, useStore, useVisibleTaskQrl, useLexicalScope, _jsxQ, _fnSignal } from "@builder.io/qwik";
+import { isEditing } from "../../functions/is-editing.qwik.mjs";
+import { logger } from "../../helpers/logger.qwik.mjs";
+const runScripts = function runScripts2(props, state, elementRef) {
+  if (!elementRef.value || !elementRef.value.getElementsByTagName || typeof window === "undefined")
+    return;
+  const scripts = elementRef.value.getElementsByTagName("script");
+  for (let i = 0; i < scripts.length; i++) {
+    const script = scripts[i];
+    if (script.src) {
+      if (state.scriptsInserted.includes(script.src))
+        continue;
+      state.scriptsInserted.push(script.src);
+      const newScript = document.createElement("script");
+      newScript.async = true;
+      newScript.src = script.src;
+      document.head.appendChild(newScript);
+    } else if (!script.type || [
+      "text/javascript",
+      "application/javascript",
+      "application/ecmascript"
+    ].includes(script.type)) {
+      if (state.scriptsRun.includes(script.innerText))
+        continue;
+      try {
+        state.scriptsRun.push(script.innerText);
+        new Function(script.innerText)();
+      } catch (error) {
+        logger.warn("[BUILDER.IO] `CustomCode`: Error running script:", error);
+      }
+    }
+  }
+};
 const CustomCode = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
   const elementRef = useSignal();
   const state = useStore({
     scriptsInserted: [],
     scriptsRun: []
   });
-  useOn("readystatechange", /* @__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 (state2.scriptsInserted.includes(script.src))
-          continue;
-        state2.scriptsInserted.push(script.src);
-        const newScript = document.createElement("script");
-        newScript.async = true;
-        newScript.src = script.src;
-        document.head.appendChild(newScript);
-      } else if (!script.type || [
-        "text/javascript",
-        "application/javascript",
-        "application/ecmascript"
-      ].includes(script.type)) {
-        if (state2.scriptsRun.includes(script.innerText))
-          continue;
-        try {
-          state2.scriptsRun.push(script.innerText);
-          new Function(script.innerText)();
-        } catch (error) {
-          console.warn("`CustomCode`: Error running script:", error);
-        }
-      }
-    }
-  }, "CustomCode_component_useOn_zjAgBhFOiCs", [
+  useVisibleTaskQrl(/* @__PURE__ */ inlinedQrl(() => {
+    const [elementRef2, props2, state2] = useLexicalScope();
+    runScripts(props2, state2, elementRef2);
+  }, "CustomCode_component_useVisibleTask_S5QgEQZj6YE", [
+    elementRef,
+    props,
+    state
+  ]));
+  useVisibleTaskQrl(/* @__PURE__ */ inlinedQrl(({ track }) => {
+    const [elementRef2, props2, state2] = useLexicalScope();
+    track(() => props2.code);
+    if (isEditing())
+      runScripts(props2, state2, elementRef2);
+  }, "CustomCode_component_useVisibleTask_1_Re102EQisCE", [
+    elementRef,
+    props,
     state
   ]));
   return /* @__PURE__ */ _jsxQ("div", {
@@ -51,5 +68,6 @@ const CustomCode = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((prop
 }, "CustomCode_component_uYOSy7w7Zqw"));
 export {
   CustomCode,
-  CustomCode as default
+  CustomCode as default,
+  runScripts
 };

package/lib/browser/blocks/embed/embed.qwik.cjs

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const qwik = require("@builder.io/qwik");
+const logger = require("../../helpers/logger.qwik.cjs");
 const helpers = require("./helpers.qwik.cjs");
 const findAndRunScripts = function findAndRunScripts2(props, state, elem) {
   if (!elem.value || !elem.value.getElementsByTagName)
@@ -19,7 +20,7 @@ const findAndRunScripts = function findAndRunScripts2(props, state, elem) {
         state.scriptsRun.push(script.innerText);
         new Function(script.innerText)();
       } catch (error) {
-        console.warn("`Embed`: Error running script:", error);
+        logger.logger.warn("[BUILDER.IO] `Embed`: Error running script:", error);
       }
   }
 };

package/lib/browser/blocks/embed/embed.qwik.mjs

@@ -1,4 +1,5 @@
 import { componentQrl, inlinedQrl, useSignal, useStore, useTaskQrl, useLexicalScope, _jsxQ, _fnSignal } from "@builder.io/qwik";
+import { logger } from "../../helpers/logger.qwik.mjs";
 import { isJsScript } from "./helpers.qwik.mjs";
 const findAndRunScripts = function findAndRunScripts2(props, state, elem) {
   if (!elem.value || !elem.value.getElementsByTagName)
@@ -17,7 +18,7 @@ const findAndRunScripts = function findAndRunScripts2(props, state, elem) {
         state.scriptsRun.push(script.innerText);
         new Function(script.innerText)();
       } catch (error) {
-        console.warn("`Embed`: Error running script:", error);
+        logger.warn("[BUILDER.IO] `Embed`: Error running script:", error);
       }
   }
 };

package/lib/browser/components/content/components/enable-editor.qwik.cjs

@@ -14,6 +14,7 @@ const registerComponent = require("../../../functions/register-component.qwik.cj
 const index$1 = require("../../../functions/track/index.qwik.cjs");
 const interaction = require("../../../functions/track/interaction.qwik.cjs");
 const canTrack = require("../../../helpers/canTrack.qwik.cjs");
+const cookie = require("../../../helpers/cookie.qwik.cjs");
 const subscribeToEditor = require("../../../helpers/subscribe-to-editor.qwik.cjs");
 const initEditing = require("../../../scripts/init-editing.qwik.cjs");
 const animator = require("../../block/animator.qwik.cjs");
@@ -153,6 +154,7 @@ const EnableEditor = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inli
   const state = qwik.useStore({
     ContentWrapper: props.contentWrapper || "div",
     clicked: false,
+    hasExecuted: false,
     httpReqsData: {},
     httpReqsPending: {}
   }, {
@@ -217,25 +219,32 @@ const EnableEditor = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inli
     state
   ]));
   qwik.useOnDocument("readystatechange", /* @__PURE__ */ qwik.inlinedQrl((event, element) => {
-    var _a2, _b2, _c, _d;
-    const [props2] = qwik.useLexicalScope();
+    var _a2, _b2, _c, _d, _e;
+    const [props2, state2] = qwik.useLexicalScope();
+    if (state2.hasExecuted)
+      return;
     if (isBrowser.isBrowser()) {
+      state2.hasExecuted = true;
       if (isEditing.isEditing() && !props2.isNestedRender) {
         if (element)
           element.dispatchEvent(new CustomEvent("initeditingbldr"));
       }
       const shouldTrackImpression = ((_a2 = element.attributes.getNamedItem("shouldTrack")) == null ? void 0 : _a2.value) === "true";
-      if (shouldTrackImpression) {
-        const variationId = (_b2 = element.attributes.getNamedItem("variationId")) == null ? void 0 : _b2.value;
-        const contentId = (_c = element.attributes.getNamedItem("contentId")) == null ? void 0 : _c.value;
-        const apiKeyProp = (_d = element.attributes.getNamedItem("apiKey")) == null ? void 0 : _d.value;
+      const winningVariantId = cookie.getCookieSync({
+        name: `builder.tests.${(_b2 = props2.builderContextSignal.content) == null ? void 0 : _b2.id}`,
+        canTrack: true
+      });
+      const variationId = (_c = element.attributes.getNamedItem("variationId")) == null ? void 0 : _c.value;
+      if (shouldTrackImpression && variationId === winningVariantId) {
+        const contentId = (_d = element.attributes.getNamedItem("contentId")) == null ? void 0 : _d.value;
+        const apiKeyProp = (_e = element.attributes.getNamedItem("apiKey")) == null ? void 0 : _e.value;
         index$1._track({
           apiHost: props2.apiHost,
           type: "impression",
           canTrack: true,
           contentId,
           apiKey: apiKeyProp,
-          variationId: variationId !== contentId ? variationId : void 0
+          variationId: winningVariantId !== contentId ? winningVariantId : void 0
         });
       }
       if (isPreviewing.isPreviewing() && !isEditing.isEditing()) {
@@ -244,7 +253,8 @@ const EnableEditor = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inli
       }
     }
   }, "EnableEditor_component_useOnDocument_H7syEGJXM4Y", [
-    props
+    props,
+    state
   ]));
   qwik.useContextProvider(builder_context, props.builderContextSignal);
   qwik.useTaskQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {

package/lib/browser/components/content/components/enable-editor.qwik.mjs

@@ -12,6 +12,7 @@ import { createRegisterComponentMessage } from "../../../functions/register-comp
 import { _track } from "../../../functions/track/index.qwik.mjs";
 import { getInteractionPropertiesForEvent } from "../../../functions/track/interaction.qwik.mjs";
 import { getDefaultCanTrack } from "../../../helpers/canTrack.qwik.mjs";
+import { getCookieSync } from "../../../helpers/cookie.qwik.mjs";
 import { createEditorListener } from "../../../helpers/subscribe-to-editor.qwik.mjs";
 import { registerInsertMenu, setupBrowserForEditing } from "../../../scripts/init-editing.qwik.mjs";
 import { triggerAnimation } from "../../block/animator.qwik.mjs";
@@ -151,6 +152,7 @@ const EnableEditor = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
   const state = useStore({
     ContentWrapper: props.contentWrapper || "div",
     clicked: false,
+    hasExecuted: false,
     httpReqsData: {},
     httpReqsPending: {}
   }, {
@@ -215,25 +217,32 @@ const EnableEditor = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
     state
   ]));
   useOnDocument("readystatechange", /* @__PURE__ */ inlinedQrl((event, element) => {
-    var _a2, _b2, _c, _d;
-    const [props2] = useLexicalScope();
+    var _a2, _b2, _c, _d, _e;
+    const [props2, state2] = useLexicalScope();
+    if (state2.hasExecuted)
+      return;
     if (isBrowser()) {
+      state2.hasExecuted = true;
       if (isEditing() && !props2.isNestedRender) {
         if (element)
           element.dispatchEvent(new CustomEvent("initeditingbldr"));
       }
       const shouldTrackImpression = ((_a2 = element.attributes.getNamedItem("shouldTrack")) == null ? void 0 : _a2.value) === "true";
-      if (shouldTrackImpression) {
-        const variationId = (_b2 = element.attributes.getNamedItem("variationId")) == null ? void 0 : _b2.value;
-        const contentId = (_c = element.attributes.getNamedItem("contentId")) == null ? void 0 : _c.value;
-        const apiKeyProp = (_d = element.attributes.getNamedItem("apiKey")) == null ? void 0 : _d.value;
+      const winningVariantId = getCookieSync({
+        name: `builder.tests.${(_b2 = props2.builderContextSignal.content) == null ? void 0 : _b2.id}`,
+        canTrack: true
+      });
+      const variationId = (_c = element.attributes.getNamedItem("variationId")) == null ? void 0 : _c.value;
+      if (shouldTrackImpression && variationId === winningVariantId) {
+        const contentId = (_d = element.attributes.getNamedItem("contentId")) == null ? void 0 : _d.value;
+        const apiKeyProp = (_e = element.attributes.getNamedItem("apiKey")) == null ? void 0 : _e.value;
         _track({
           apiHost: props2.apiHost,
           type: "impression",
           canTrack: true,
           contentId,
           apiKey: apiKeyProp,
-          variationId: variationId !== contentId ? variationId : void 0
+          variationId: winningVariantId !== contentId ? winningVariantId : void 0
         });
       }
       if (isPreviewing() && !isEditing()) {
@@ -242,7 +251,8 @@ const EnableEditor = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
       }
     }
   }, "EnableEditor_component_useOnDocument_H7syEGJXM4Y", [
-    props
+    props,
+    state
   ]));
   useContextProvider(builderContext, props.builderContextSignal);
   useTaskQrl(/* @__PURE__ */ inlinedQrl(() => {

package/lib/browser/components/content-variants/helpers.qwik.cjs

@@ -21,6 +21,7 @@ const checkShouldRenderVariants = ({ canTrack, content }) => {
   return true;
 };
 const getIsHydrationTarget = (target2) => target2 === "react" || target2 === "reactNative";
+const isAngularSDK = target.TARGET === "angular";
 const isHydrationTarget = getIsHydrationTarget(target.TARGET);
 const getInitVariantsFnsScriptString = () => `
   window.${UPDATE_COOKIES_AND_STYLES_SCRIPT_NAME} = ${inlinedFns.UPDATE_COOKIES_AND_STYLES_SCRIPT}
@@ -28,7 +29,7 @@ const getInitVariantsFnsScriptString = () => `
   `;
 const getUpdateCookieAndStylesScript = (variants, contentId) => `
   window.${UPDATE_COOKIES_AND_STYLES_SCRIPT_NAME}(
-    "${contentId}",${JSON.stringify(variants)}, ${isHydrationTarget}
+    "${contentId}",${JSON.stringify(variants)}, ${isHydrationTarget}, ${isAngularSDK}
   )`;
 const getUpdateVariantVisibilityScript = ({ contentId, variationId }) => `window.${UPDATE_VARIANT_VISIBILITY_SCRIPT_FN_NAME}(
     "${variationId}", "${contentId}", ${isHydrationTarget}

package/lib/browser/components/content-variants/helpers.qwik.mjs

@@ -19,6 +19,7 @@ const checkShouldRenderVariants = ({ canTrack, content }) => {
   return true;
 };
 const getIsHydrationTarget = (target) => target === "react" || target === "reactNative";
+const isAngularSDK = TARGET === "angular";
 const isHydrationTarget = getIsHydrationTarget(TARGET);
 const getInitVariantsFnsScriptString = () => `
   window.${UPDATE_COOKIES_AND_STYLES_SCRIPT_NAME} = ${UPDATE_COOKIES_AND_STYLES_SCRIPT}
@@ -26,7 +27,7 @@ const getInitVariantsFnsScriptString = () => `
   `;
 const getUpdateCookieAndStylesScript = (variants, contentId) => `
   window.${UPDATE_COOKIES_AND_STYLES_SCRIPT_NAME}(
-    "${contentId}",${JSON.stringify(variants)}, ${isHydrationTarget}
+    "${contentId}",${JSON.stringify(variants)}, ${isHydrationTarget}, ${isAngularSDK}
   )`;
 const getUpdateVariantVisibilityScript = ({ contentId, variationId }) => `window.${UPDATE_VARIANT_VISIBILITY_SCRIPT_FN_NAME}(
     "${variationId}", "${contentId}", ${isHydrationTarget}

package/lib/browser/components/content-variants/inlined-fns.qwik.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const UPDATE_COOKIES_AND_STYLES_SCRIPT = "function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {\n  function getAndSetVariantId() {\n    function setCookie(name, value, days) {\n      let expires = '';\n      if (days) {\n        const date = new Date();\n        date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000);\n        expires = '; expires=' + date.toUTCString();\n      }\n      document.cookie = name + '=' + (value || '') + expires + '; path=/' + '; Secure; SameSite=None';\n    }\n    function getCookie(name) {\n      const nameEQ = name + '=';\n      const ca = document.cookie.split(';');\n      for (let i = 0; i < ca.length; i++) {\n        let c = ca[i];\n        while (c.charAt(0) === ' ') c = c.substring(1, c.length);\n        if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);\n      }\n      return null;\n    }\n    const cookieName = `builder.tests.${contentId}`;\n    const variantInCookie = getCookie(cookieName);\n    const availableIDs = variants.map(vr => vr.id).concat(contentId);\n    if (variantInCookie && availableIDs.includes(variantInCookie)) {\n      return variantInCookie;\n    }\n    let n = 0;\n    const random = Math.random();\n    for (let i = 0; i < variants.length; i++) {\n      const variant = variants[i];\n      const testRatio = variant.testRatio;\n      n += testRatio;\n      if (random < n) {\n        setCookie(cookieName, variant.id);\n        return variant.id;\n      }\n    }\n    setCookie(cookieName, contentId);\n    return contentId;\n  }\n  const winningVariantId = getAndSetVariantId();\n  const styleEl = document.currentScript?.previousElementSibling;\n  if (isHydrationTarget) {\n    styleEl.remove();\n    const thisScriptEl = document.currentScript;\n    thisScriptEl?.remove();\n  } else {\n    const newStyleStr = variants.concat({\n      id: contentId\n    }).filter(variant => variant.id !== winningVariantId).map(value => {\n      return `.variant-${value.id} {  display: none; }\n        `;\n    }).join('');\n    styleEl.innerHTML = newStyleStr;\n  }\n}";
+const UPDATE_COOKIES_AND_STYLES_SCRIPT = "function updateCookiesAndStyles(contentId, variants, isHydrationTarget, isAngularSDK) {\n  function getAndSetVariantId() {\n    function setCookie(name, value, days) {\n      let expires = '';\n      if (days) {\n        const date = new Date();\n        date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000);\n        expires = '; expires=' + date.toUTCString();\n      }\n      document.cookie = name + '=' + (value || '') + expires + '; path=/' + '; Secure; SameSite=None';\n    }\n    function getCookie(name) {\n      const nameEQ = name + '=';\n      const ca = document.cookie.split(';');\n      for (let i = 0; i < ca.length; i++) {\n        let c = ca[i];\n        while (c.charAt(0) === ' ') c = c.substring(1, c.length);\n        if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);\n      }\n      return null;\n    }\n    const cookieName = `builder.tests.${contentId}`;\n    const variantInCookie = getCookie(cookieName);\n    const availableIDs = variants.map(vr => vr.id).concat(contentId);\n    if (variantInCookie && availableIDs.includes(variantInCookie)) {\n      return variantInCookie;\n    }\n    let n = 0;\n    const random = Math.random();\n    for (let i = 0; i < variants.length; i++) {\n      const variant = variants[i];\n      const testRatio = variant.testRatio;\n      n += testRatio;\n      if (random < n) {\n        setCookie(cookieName, variant.id);\n        return variant.id;\n      }\n    }\n    setCookie(cookieName, contentId);\n    return contentId;\n  }\n  const winningVariantId = getAndSetVariantId();\n  let styleEl = document.currentScript?.previousElementSibling;\n  if (isAngularSDK) {\n    styleEl = document.currentScript?.parentElement?.previousElementSibling?.querySelector('style');\n  }\n  if (isHydrationTarget) {\n    styleEl.remove();\n    const thisScriptEl = document.currentScript;\n    thisScriptEl?.remove();\n  } else {\n    const newStyleStr = variants.concat({\n      id: contentId\n    }).filter(variant => variant.id !== winningVariantId).map(value => {\n      return `.variant-${value.id} {  display: none; }\n        `;\n    }).join('');\n    styleEl.innerHTML = newStyleStr;\n  }\n}";
 const UPDATE_VARIANT_VISIBILITY_SCRIPT = "function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {\n  if (!navigator.cookieEnabled) {\n    return;\n  }\n  function getCookie(name) {\n    const nameEQ = name + '=';\n    const ca = document.cookie.split(';');\n    for (let i = 0; i < ca.length; i++) {\n      let c = ca[i];\n      while (c.charAt(0) === ' ') c = c.substring(1, c.length);\n      if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);\n    }\n    return null;\n  }\n  const cookieName = `builder.tests.${defaultContentId}`;\n  const winningVariant = getCookie(cookieName);\n  const parentDiv = document.currentScript?.parentElement;\n  const isDefaultContent = variantContentId === defaultContentId;\n  const isWinningVariant = winningVariant === variantContentId;\n  if (isWinningVariant && !isDefaultContent) {\n    parentDiv?.removeAttribute('hidden');\n    parentDiv?.removeAttribute('aria-hidden');\n  } else if (!isWinningVariant && isDefaultContent) {\n    parentDiv?.setAttribute('hidden', 'true');\n    parentDiv?.setAttribute('aria-hidden', 'true');\n  }\n  if (isHydrationTarget) {\n    if (!isWinningVariant) {\n      parentDiv?.remove();\n    }\n    const thisScriptEl = document.currentScript;\n    thisScriptEl?.remove();\n  }\n  return;\n}";
 exports.UPDATE_COOKIES_AND_STYLES_SCRIPT = UPDATE_COOKIES_AND_STYLES_SCRIPT;
 exports.UPDATE_VARIANT_VISIBILITY_SCRIPT = UPDATE_VARIANT_VISIBILITY_SCRIPT;

package/lib/browser/components/content-variants/inlined-fns.qwik.mjs

@@ -1,4 +1,4 @@
-const UPDATE_COOKIES_AND_STYLES_SCRIPT = "function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {\n  function getAndSetVariantId() {\n    function setCookie(name, value, days) {\n      let expires = '';\n      if (days) {\n        const date = new Date();\n        date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000);\n        expires = '; expires=' + date.toUTCString();\n      }\n      document.cookie = name + '=' + (value || '') + expires + '; path=/' + '; Secure; SameSite=None';\n    }\n    function getCookie(name) {\n      const nameEQ = name + '=';\n      const ca = document.cookie.split(';');\n      for (let i = 0; i < ca.length; i++) {\n        let c = ca[i];\n        while (c.charAt(0) === ' ') c = c.substring(1, c.length);\n        if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);\n      }\n      return null;\n    }\n    const cookieName = `builder.tests.${contentId}`;\n    const variantInCookie = getCookie(cookieName);\n    const availableIDs = variants.map(vr => vr.id).concat(contentId);\n    if (variantInCookie && availableIDs.includes(variantInCookie)) {\n      return variantInCookie;\n    }\n    let n = 0;\n    const random = Math.random();\n    for (let i = 0; i < variants.length; i++) {\n      const variant = variants[i];\n      const testRatio = variant.testRatio;\n      n += testRatio;\n      if (random < n) {\n        setCookie(cookieName, variant.id);\n        return variant.id;\n      }\n    }\n    setCookie(cookieName, contentId);\n    return contentId;\n  }\n  const winningVariantId = getAndSetVariantId();\n  const styleEl = document.currentScript?.previousElementSibling;\n  if (isHydrationTarget) {\n    styleEl.remove();\n    const thisScriptEl = document.currentScript;\n    thisScriptEl?.remove();\n  } else {\n    const newStyleStr = variants.concat({\n      id: contentId\n    }).filter(variant => variant.id !== winningVariantId).map(value => {\n      return `.variant-${value.id} {  display: none; }\n        `;\n    }).join('');\n    styleEl.innerHTML = newStyleStr;\n  }\n}";
+const UPDATE_COOKIES_AND_STYLES_SCRIPT = "function updateCookiesAndStyles(contentId, variants, isHydrationTarget, isAngularSDK) {\n  function getAndSetVariantId() {\n    function setCookie(name, value, days) {\n      let expires = '';\n      if (days) {\n        const date = new Date();\n        date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000);\n        expires = '; expires=' + date.toUTCString();\n      }\n      document.cookie = name + '=' + (value || '') + expires + '; path=/' + '; Secure; SameSite=None';\n    }\n    function getCookie(name) {\n      const nameEQ = name + '=';\n      const ca = document.cookie.split(';');\n      for (let i = 0; i < ca.length; i++) {\n        let c = ca[i];\n        while (c.charAt(0) === ' ') c = c.substring(1, c.length);\n        if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);\n      }\n      return null;\n    }\n    const cookieName = `builder.tests.${contentId}`;\n    const variantInCookie = getCookie(cookieName);\n    const availableIDs = variants.map(vr => vr.id).concat(contentId);\n    if (variantInCookie && availableIDs.includes(variantInCookie)) {\n      return variantInCookie;\n    }\n    let n = 0;\n    const random = Math.random();\n    for (let i = 0; i < variants.length; i++) {\n      const variant = variants[i];\n      const testRatio = variant.testRatio;\n      n += testRatio;\n      if (random < n) {\n        setCookie(cookieName, variant.id);\n        return variant.id;\n      }\n    }\n    setCookie(cookieName, contentId);\n    return contentId;\n  }\n  const winningVariantId = getAndSetVariantId();\n  let styleEl = document.currentScript?.previousElementSibling;\n  if (isAngularSDK) {\n    styleEl = document.currentScript?.parentElement?.previousElementSibling?.querySelector('style');\n  }\n  if (isHydrationTarget) {\n    styleEl.remove();\n    const thisScriptEl = document.currentScript;\n    thisScriptEl?.remove();\n  } else {\n    const newStyleStr = variants.concat({\n      id: contentId\n    }).filter(variant => variant.id !== winningVariantId).map(value => {\n      return `.variant-${value.id} {  display: none; }\n        `;\n    }).join('');\n    styleEl.innerHTML = newStyleStr;\n  }\n}";
 const UPDATE_VARIANT_VISIBILITY_SCRIPT = "function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {\n  if (!navigator.cookieEnabled) {\n    return;\n  }\n  function getCookie(name) {\n    const nameEQ = name + '=';\n    const ca = document.cookie.split(';');\n    for (let i = 0; i < ca.length; i++) {\n      let c = ca[i];\n      while (c.charAt(0) === ' ') c = c.substring(1, c.length);\n      if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);\n    }\n    return null;\n  }\n  const cookieName = `builder.tests.${defaultContentId}`;\n  const winningVariant = getCookie(cookieName);\n  const parentDiv = document.currentScript?.parentElement;\n  const isDefaultContent = variantContentId === defaultContentId;\n  const isWinningVariant = winningVariant === variantContentId;\n  if (isWinningVariant && !isDefaultContent) {\n    parentDiv?.removeAttribute('hidden');\n    parentDiv?.removeAttribute('aria-hidden');\n  } else if (!isWinningVariant && isDefaultContent) {\n    parentDiv?.setAttribute('hidden', 'true');\n    parentDiv?.setAttribute('aria-hidden', 'true');\n  }\n  if (isHydrationTarget) {\n    if (!isWinningVariant) {\n      parentDiv?.remove();\n    }\n    const thisScriptEl = document.currentScript;\n    thisScriptEl?.remove();\n  }\n  return;\n}";
 export {
   UPDATE_COOKIES_AND_STYLES_SCRIPT,

package/lib/browser/constants/sdk-version.qwik.cjs

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const SDK_VERSION = "0.18.1";
+const SDK_VERSION = "0.18.4";
 exports.SDK_VERSION = SDK_VERSION;

package/lib/browser/constants/sdk-version.qwik.mjs

@@ -1,4 +1,4 @@
-const SDK_VERSION = "0.18.1";
+const SDK_VERSION = "0.18.4";
 export {
   SDK_VERSION
 };

package/lib/edge/blocks/custom-code/custom-code.qwik.cjs

@@ -1,43 +1,60 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const qwik = require("@builder.io/qwik");
+const isEditing = require("../../functions/is-editing.qwik.cjs");
+const logger = require("../../helpers/logger.qwik.cjs");
+const runScripts = function runScripts2(props, state, elementRef) {
+  if (!elementRef.value || !elementRef.value.getElementsByTagName || typeof window === "undefined")
+    return;
+  const scripts = elementRef.value.getElementsByTagName("script");
+  for (let i = 0; i < scripts.length; i++) {
+    const script = scripts[i];
+    if (script.src) {
+      if (state.scriptsInserted.includes(script.src))
+        continue;
+      state.scriptsInserted.push(script.src);
+      const newScript = document.createElement("script");
+      newScript.async = true;
+      newScript.src = script.src;
+      document.head.appendChild(newScript);
+    } else if (!script.type || [
+      "text/javascript",
+      "application/javascript",
+      "application/ecmascript"
+    ].includes(script.type)) {
+      if (state.scriptsRun.includes(script.innerText))
+        continue;
+      try {
+        state.scriptsRun.push(script.innerText);
+        new Function(script.innerText)();
+      } catch (error) {
+        logger.logger.warn("[BUILDER.IO] `CustomCode`: Error running script:", error);
+      }
+    }
+  }
+};
 const CustomCode = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
   const elementRef = qwik.useSignal();
   const state = qwik.useStore({
     scriptsInserted: [],
     scriptsRun: []
   });
-  qwik.useOn("readystatechange", /* @__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 (state2.scriptsInserted.includes(script.src))
-          continue;
-        state2.scriptsInserted.push(script.src);
-        const newScript = document.createElement("script");
-        newScript.async = true;
-        newScript.src = script.src;
-        document.head.appendChild(newScript);
-      } else if (!script.type || [
-        "text/javascript",
-        "application/javascript",
-        "application/ecmascript"
-      ].includes(script.type)) {
-        if (state2.scriptsRun.includes(script.innerText))
-          continue;
-        try {
-          state2.scriptsRun.push(script.innerText);
-          new Function(script.innerText)();
-        } catch (error) {
-          console.warn("`CustomCode`: Error running script:", error);
-        }
-      }
-    }
-  }, "CustomCode_component_useOn_zjAgBhFOiCs", [
+  qwik.useVisibleTaskQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
+    const [elementRef2, props2, state2] = qwik.useLexicalScope();
+    runScripts(props2, state2, elementRef2);
+  }, "CustomCode_component_useVisibleTask_S5QgEQZj6YE", [
+    elementRef,
+    props,
+    state
+  ]));
+  qwik.useVisibleTaskQrl(/* @__PURE__ */ qwik.inlinedQrl(({ track }) => {
+    const [elementRef2, props2, state2] = qwik.useLexicalScope();
+    track(() => props2.code);
+    if (isEditing.isEditing())
+      runScripts(props2, state2, elementRef2);
+  }, "CustomCode_component_useVisibleTask_1_Re102EQisCE", [
+    elementRef,
+    props,
     state
   ]));
   return /* @__PURE__ */ qwik._jsxQ("div", {
@@ -53,3 +70,4 @@ const CustomCode = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inline
 }, "CustomCode_component_uYOSy7w7Zqw"));
 exports.CustomCode = CustomCode;
 exports.default = CustomCode;
+exports.runScripts = runScripts;

package/lib/edge/blocks/custom-code/custom-code.qwik.mjs

@@ -1,41 +1,58 @@
-import { componentQrl, inlinedQrl, useSignal, useStore, useOn, useLexicalScope, _jsxQ, _fnSignal } from "@builder.io/qwik";
+import { componentQrl, inlinedQrl, useSignal, useStore, useVisibleTaskQrl, useLexicalScope, _jsxQ, _fnSignal } from "@builder.io/qwik";
+import { isEditing } from "../../functions/is-editing.qwik.mjs";
+import { logger } from "../../helpers/logger.qwik.mjs";
+const runScripts = function runScripts2(props, state, elementRef) {
+  if (!elementRef.value || !elementRef.value.getElementsByTagName || typeof window === "undefined")
+    return;
+  const scripts = elementRef.value.getElementsByTagName("script");
+  for (let i = 0; i < scripts.length; i++) {
+    const script = scripts[i];
+    if (script.src) {
+      if (state.scriptsInserted.includes(script.src))
+        continue;
+      state.scriptsInserted.push(script.src);
+      const newScript = document.createElement("script");
+      newScript.async = true;
+      newScript.src = script.src;
+      document.head.appendChild(newScript);
+    } else if (!script.type || [
+      "text/javascript",
+      "application/javascript",
+      "application/ecmascript"
+    ].includes(script.type)) {
+      if (state.scriptsRun.includes(script.innerText))
+        continue;
+      try {
+        state.scriptsRun.push(script.innerText);
+        new Function(script.innerText)();
+      } catch (error) {
+        logger.warn("[BUILDER.IO] `CustomCode`: Error running script:", error);
+      }
+    }
+  }
+};
 const CustomCode = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
   const elementRef = useSignal();
   const state = useStore({
     scriptsInserted: [],
     scriptsRun: []
   });
-  useOn("readystatechange", /* @__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 (state2.scriptsInserted.includes(script.src))
-          continue;
-        state2.scriptsInserted.push(script.src);
-        const newScript = document.createElement("script");
-        newScript.async = true;
-        newScript.src = script.src;
-        document.head.appendChild(newScript);
-      } else if (!script.type || [
-        "text/javascript",
-        "application/javascript",
-        "application/ecmascript"
-      ].includes(script.type)) {
-        if (state2.scriptsRun.includes(script.innerText))
-          continue;
-        try {
-          state2.scriptsRun.push(script.innerText);
-          new Function(script.innerText)();
-        } catch (error) {
-          console.warn("`CustomCode`: Error running script:", error);
-        }
-      }
-    }
-  }, "CustomCode_component_useOn_zjAgBhFOiCs", [
+  useVisibleTaskQrl(/* @__PURE__ */ inlinedQrl(() => {
+    const [elementRef2, props2, state2] = useLexicalScope();
+    runScripts(props2, state2, elementRef2);
+  }, "CustomCode_component_useVisibleTask_S5QgEQZj6YE", [
+    elementRef,
+    props,
+    state
+  ]));
+  useVisibleTaskQrl(/* @__PURE__ */ inlinedQrl(({ track }) => {
+    const [elementRef2, props2, state2] = useLexicalScope();
+    track(() => props2.code);
+    if (isEditing())
+      runScripts(props2, state2, elementRef2);
+  }, "CustomCode_component_useVisibleTask_1_Re102EQisCE", [
+    elementRef,
+    props,
     state
   ]));
   return /* @__PURE__ */ _jsxQ("div", {
@@ -51,5 +68,6 @@ const CustomCode = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((prop
 }, "CustomCode_component_uYOSy7w7Zqw"));
 export {
   CustomCode,
-  CustomCode as default
+  CustomCode as default,
+  runScripts
 };