@builder.io/sdk-qwik 0.18.2 → 0.18.8

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/blocks/image/component-info.qwik.cjs

@@ -103,6 +103,11 @@ const componentInfo = {
       type: "string",
       helperText: "Text to display when the user has images off"
     },
+    {
+      name: "title",
+      type: "string",
+      helperText: "Text to display when hovering over the asset"
+    },
     {
       name: "height",
       type: "number",

package/lib/browser/blocks/image/component-info.qwik.mjs

@@ -101,6 +101,11 @@ const componentInfo = {
       type: "string",
       helperText: "Text to display when the user has images off"
     },
+    {
+      name: "title",
+      type: "string",
+      helperText: "Text to display when hovering over the asset"
+    },
     {
       name: "height",
       type: "number",

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

@@ -94,7 +94,10 @@ const Image = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl(
           }), [
             aspectRatioCss,
             props
-          ], '{objectPosition:p1.backgroundPosition||"center",objectFit:p1.backgroundSize||"cover",...p0.value}')
+          ], '{objectPosition:p1.backgroundPosition||"center",objectFit:p1.backgroundSize||"cover",...p0.value}'),
+          title: qwik._fnSignal((p0) => p0.title, [
+            props
+          ], "p0.title")
         }, null, 3, null)
       ], 1, null),
       props.aspectRatio && !(((_b = (_a = props.builderBlock) == null ? void 0 : _a.children) == null ? void 0 : _b.length) && props.fitContent) ? /* @__PURE__ */ qwik._jsxQ("div", null, {

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

@@ -92,7 +92,10 @@ const Image = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
           }), [
             aspectRatioCss,
             props
-          ], '{objectPosition:p1.backgroundPosition||"center",objectFit:p1.backgroundSize||"cover",...p0.value}')
+          ], '{objectPosition:p1.backgroundPosition||"center",objectFit:p1.backgroundSize||"cover",...p0.value}'),
+          title: _fnSignal((p0) => p0.title, [
+            props
+          ], "p0.title")
         }, null, 3, null)
       ], 1, null),
       props.aspectRatio && !(((_b = (_a = props.builderBlock) == null ? void 0 : _a.children) == null ? void 0 : _b.length) && props.fitContent) ? /* @__PURE__ */ _jsxQ("div", null, {

package/lib/browser/components/blocks/blocks-wrapper.qwik.cjs

@@ -48,9 +48,17 @@ const BlocksWrapper = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inl
     props
   ]));
   const blocksWrapperRef = qwik.useSignal();
-  const state = {};
+  const state = qwik.useStore({
+    shouldUpdate: false
+  });
   qwik.useVisibleTaskQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
   }, "BlocksWrapper_component_useVisibleTask_Z6vLhpCjVno"));
+  qwik.useTaskQrl(/* @__PURE__ */ qwik.inlinedQrl(({ track }) => {
+    const [props2] = qwik.useLexicalScope();
+    track(() => props2.blocks);
+  }, "BlocksWrapper_component_useTask_MRcgThpiGRc", [
+    props
+  ]));
   return /* @__PURE__ */ qwik._jsxC(props.BlocksWrapper, {
     ref: blocksWrapperRef,
     get class() {

package/lib/browser/components/blocks/blocks-wrapper.qwik.mjs

@@ -1,4 +1,4 @@
-import { componentQrl, inlinedQrl, useStylesScopedQrl, useComputedQrl, useLexicalScope, useSignal, useVisibleTaskQrl, _jsxC, Slot, _IMMUTABLE, _fnSignal } from "@builder.io/qwik";
+import { componentQrl, inlinedQrl, useStylesScopedQrl, useComputedQrl, useLexicalScope, useSignal, useStore, useVisibleTaskQrl, useTaskQrl, _jsxC, Slot, _IMMUTABLE, _fnSignal } from "@builder.io/qwik";
 import { isEditing } from "../../functions/is-editing.qwik.mjs";
 const onClick = function onClick2(props, state, className, dataPath, blocksWrapperRef) {
   var _a, _b;
@@ -46,9 +46,17 @@ const BlocksWrapper = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((p
     props
   ]));
   const blocksWrapperRef = useSignal();
-  const state = {};
+  const state = useStore({
+    shouldUpdate: false
+  });
   useVisibleTaskQrl(/* @__PURE__ */ inlinedQrl(() => {
   }, "BlocksWrapper_component_useVisibleTask_Z6vLhpCjVno"));
+  useTaskQrl(/* @__PURE__ */ inlinedQrl(({ track }) => {
+    const [props2] = useLexicalScope();
+    track(() => props2.blocks);
+  }, "BlocksWrapper_component_useTask_MRcgThpiGRc", [
+    props
+  ]));
   return /* @__PURE__ */ _jsxC(props.BlocksWrapper, {
     ref: blocksWrapperRef,
     get class() {

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.2";
+const SDK_VERSION = "0.18.8";
 exports.SDK_VERSION = SDK_VERSION;

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

@@ -1,4 +1,4 @@
-const SDK_VERSION = "0.18.2";
+const SDK_VERSION = "0.18.8";
 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
 };

package/lib/edge/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/edge/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);
       }
   }
 };