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

package/lib/{browser/index.qwik.mjs → index.qwik.js}

@@ -1,5 +1,8 @@
-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 { Fragment } from "@builder.io/qwik/jsx-runtime";
+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';
+import ivm from 'isolated-vm';
+import { isServer } from '@builder.io/qwik/build';
+
 const Button = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
   useStylesScopedQrl(/* @__PURE__ */ inlinedQrl(STYLES$3, "Button_component_useStylesScoped_a1JZ0Q0Q2Oc"));
   return /* @__PURE__ */ _jsxC(Fragment, {
@@ -36,12 +39,14 @@ const STYLES$3 = `
   all: unset;
 }
 `;
+
 const builderContext = createContextId("Builder");
+
 const ComponentsContext = createContextId("Components");
+
 function getBlockComponentOptions(block) {
-  var _a;
   return {
-    ...(_a = block.component) == null ? void 0 : _a.options,
+    ...block.component?.options,
     ...block.options,
     /**
     * Our built-in components frequently make use of the block, so we provide all of it under `builderBlock`
@@ -49,6 +54,7 @@ function getBlockComponentOptions(block) {
     builderBlock: block
   };
 }
+
 const MSG_PREFIX = "[Builder.io]: ";
 const logger = {
   log: (...message) => console.log(MSG_PREFIX, ...message),
@@ -56,16 +62,21 @@ const logger = {
   warn: (...message) => console.warn(MSG_PREFIX, ...message),
   debug: (...message) => console.debug(MSG_PREFIX, ...message)
 };
+
 function isBrowser() {
   return typeof window !== "undefined" && typeof document !== "undefined";
 }
+
 const TARGET = "qwik";
+
 function isIframe() {
   return isBrowser() && window.self !== window.top;
 }
+
 function isEditing() {
-  return isIframe() && window.location.search.indexOf("builder.frameEditing=") !== -1;
+  return isIframe() && (window.location.search.indexOf("builder.frameEditing=") !== -1);
 }
+
 const getLocation = () => {
   if (isBrowser()) {
     const parsedLocation = new URL(location.href);
@@ -103,11 +114,12 @@ const getUserAttributes = () => {
   const isTablet = userAgent.match(/Tablet|iPad/i);
   const url = getLocation();
   return {
-    urlPath: url == null ? void 0 : url.pathname,
-    host: (url == null ? void 0 : url.host) || (url == null ? void 0 : url.hostname),
+    urlPath: url?.pathname,
+    host: url?.host || url?.hostname,
     device: isTablet ? "tablet" : isMobile.any() ? "mobile" : "desktop"
   };
 };
+
 const getFunctionArguments = ({ builder, context, event, state }) => {
   return Object.entries({
     state,
@@ -118,6 +130,102 @@ const getFunctionArguments = ({ builder, context, event, state }) => {
     event
   });
 };
+
+const getSyncValName = (key) => `bldr_${key}_sync`;
+const BUILDER_SET_STATE_NAME = "BUILDER_SET_STATE";
+const REF_TO_PROXY_FN = `
+var refToProxy = (obj) => {
+  if (typeof obj !== 'object' || obj === null) {
+    return obj;
+  }
+  return new Proxy({}, {
+    get(target, key) {
+        if (key === 'copySync') {
+          return () => obj.copySync();
+        }
+        const val = obj.getSync(key);
+        if (typeof val?.getSync === 'function') {
+            return refToProxy(val);
+        }
+        return val;
+    },
+    set(target, key, value) {
+        obj.setSync(key, value);
+        ${BUILDER_SET_STATE_NAME}(obj.copySync())
+    },
+    deleteProperty(target, key) {
+        obj.deleteSync(key);
+    }
+  })
+}
+`;
+const processCode = ({ code, args }) => {
+  const fnArgs = args.map(([name]) => `var ${name} = refToProxy(${getSyncValName(name)}); `).join("");
+  return `
+${REF_TO_PROXY_FN}
+${fnArgs}
+function theFunction() {
+  ${code}
+}
+
+const output = theFunction()
+
+if (typeof output === 'object' && output !== null) {
+  JSON.stringify(output.copySync ? output.copySync() : output);
+}
+output;
+`;
+};
+const getIsolateContext = () => {
+  const isolate = new ivm.Isolate({
+    memoryLimit: 128
+  });
+  return isolate.createContextSync();
+};
+const evaluator$1 = ({ code, builder, context, event, localState, rootSetState, rootState }) => {
+  const state = {
+    ...rootState,
+    ...localState
+  };
+  const args = getFunctionArguments({
+    builder,
+    context,
+    event,
+    state
+  });
+  const isolateContext = getIsolateContext();
+  const jail = isolateContext.global;
+  jail.setSync("global", jail.derefInto());
+  jail.setSync("log", function(...logArgs) {
+    console.log(...logArgs);
+  });
+  jail.setSync(BUILDER_SET_STATE_NAME, function(newState) {
+    if (rootSetState)
+      rootSetState(newState);
+  });
+  args.forEach(([key, arg]) => {
+    const val = typeof arg === "object" ? new ivm.Reference(
+      // workaround: methods with default values for arguments is not being cloned over
+      key === "builder" ? {
+        ...arg,
+        getUserAttributes: () => arg.getUserAttributes()
+      } : arg
+    ) : null;
+    jail.setSync(getSyncValName(key), val);
+  });
+  const evalStr = processCode({
+    code,
+    args
+  });
+  const resultStr = isolateContext.evalSync(evalStr);
+  try {
+    const res = JSON.parse(resultStr);
+    return res;
+  } catch (_error) {
+    return resultStr;
+  }
+};
+
 const runInBrowser = ({ code, builder, context, event, localState, rootSetState, rootState }) => {
   const functionArgs = getFunctionArguments({
     builder,
@@ -140,11 +248,16 @@ function flattenState(rootState, localState, rootSetState) {
       if (localState && prop in localState)
         throw new Error("Writing to local state is not allowed as it is read-only.");
       rootState[prop] = value;
-      rootSetState == null ? void 0 : rootSetState(rootState);
+      rootSetState?.(rootState);
       return true;
     }
   });
 }
+
+console.log("inside placeholder-runtime.ts");
+const evaluator = isServer ? evaluator$1 : runInBrowser;
+console.log("chose runtime");
+
 function evaluate({ code, context, localState, rootState, rootSetState, event, isExpression = true }) {
   if (code === "") {
     logger.warn("Skipping evaluation of empty code block.");
@@ -171,7 +284,7 @@ function evaluate({ code, context, localState, rootState, rootSetState, event, i
     localState
   };
   try {
-    return runInBrowser(args);
+    return evaluator(args);
   } catch (e) {
     logger.error("Failed code evaluation: " + e.message, {
       code
@@ -179,7 +292,9 @@ function evaluate({ code, context, localState, rootState, rootSetState, event, i
     return void 0;
   }
 }
+
 const fastClone = (obj) => JSON.parse(JSON.stringify(obj));
+
 const set = (obj, _path, value) => {
   if (Object(obj) !== obj)
     return obj;
@@ -187,9 +302,11 @@ const set = (obj, _path, value) => {
   path.slice(0, -1).reduce((a, c, i) => Object(a[c]) === a[c] ? a[c] : a[c] = Math.abs(Number(path[i + 1])) >> 0 === +path[i + 1] ? [] : {}, obj)[path[path.length - 1]] = value;
   return obj;
 };
+
 function transformBlock(block) {
   return block;
 }
+
 const evaluateBindings = ({ block, context, localState, rootState, rootSetState }) => {
   if (!block.bindings)
     return block;
@@ -229,6 +346,7 @@ function getProcessedBlock({ block, context, shouldEvaluateBindings, localState,
   else
     return transformedBlock;
 }
+
 const EMPTY_HTML_ELEMENTS = [
   "area",
   "base",
@@ -250,15 +368,14 @@ const isEmptyHtmlElement = (tagName) => {
   return typeof tagName === "string" && EMPTY_HTML_ELEMENTS.includes(tagName.toLowerCase());
 };
 const getComponent = ({ block, context, registeredComponents }) => {
-  var _a;
-  const componentName = (_a = getProcessedBlock({
+  const componentName = getProcessedBlock({
     block,
     localState: context.localState,
     rootState: context.rootState,
     rootSetState: context.rootSetState,
     context: context.context,
     shouldEvaluateBindings: false
-  }).component) == null ? void 0 : _a.name;
+  }).component?.name;
   if (!componentName)
     return null;
   const ref = registeredComponents[componentName];
@@ -272,7 +389,7 @@ const getComponent = ({ block, context, registeredComponents }) => {
 };
 const getRepeatItemData = ({ block, context }) => {
   const { repeat, ...blockWithoutRepeat } = block;
-  if (!(repeat == null ? void 0 : repeat.collection))
+  if (!repeat?.collection)
     return void 0;
   const itemsArray = evaluate({
     code: repeat.collection,
@@ -300,6 +417,7 @@ const getRepeatItemData = ({ block, context }) => {
   }));
   return repeatArray;
 };
+
 const SIZES = {
   small: {
     min: 320,
@@ -343,8 +461,11 @@ const getSizesForBreakpoints = ({ small, medium }) => {
   };
   return newSizes;
 };
+
 const camelToKebabCase = (string) => string.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase();
+
 const checkIsDefined = (maybeT) => maybeT !== null && maybeT !== void 0;
+
 const convertStyleMapToCSSArray = (style) => {
   const cssProps = Object.entries(style).map(([key, value]) => {
     if (typeof value === "string")
@@ -366,6 +487,7 @@ const createCssClass = ({ mediaQuery, className, styles }) => {
   else
     return cssClass;
 };
+
 const InlinedStyles = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
   return /* @__PURE__ */ _jsxQ("style", null, {
     dangerouslySetInnerHTML: _fnSignal((p0) => p0.styles, [
@@ -376,6 +498,7 @@ const InlinedStyles = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((p
     ], "p0.id")
   }, null, 3, "NG_0");
 }, "InlinedStyles_component_IOsg46hMexk"));
+
 const BlockStyles = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
   _jsxBranch();
   const canShowBlock = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
@@ -397,7 +520,6 @@ const BlockStyles = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pro
     props
   ]));
   const css = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
-    var _a;
     const [props2] = useLexicalScope();
     const processedBlock = getProcessedBlock({
       block: props2.block,
@@ -409,10 +531,10 @@ const BlockStyles = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pro
     });
     const styles = processedBlock.responsiveStyles;
     const content = props2.context.content;
-    const sizesWithUpdatedBreakpoints = getSizesForBreakpoints(((_a = content == null ? void 0 : content.meta) == null ? void 0 : _a.breakpoints) || {});
-    const largeStyles = styles == null ? void 0 : styles.large;
-    const mediumStyles = styles == null ? void 0 : styles.medium;
-    const smallStyles = styles == null ? void 0 : styles.small;
+    const sizesWithUpdatedBreakpoints = getSizesForBreakpoints(content?.meta?.breakpoints || {});
+    const largeStyles = styles?.large;
+    const mediumStyles = styles?.medium;
+    const smallStyles = styles?.small;
     const className = processedBlock.id;
     if (!className)
       return "";
@@ -451,10 +573,12 @@ const BlockStyles = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pro
     }, 3, "8B_0") : null
   }, 1, "8B_1");
 }, "BlockStyles_component_0lZeirBI638"));
+
 function capitalizeFirstLetter(string) {
   return string.charAt(0).toUpperCase() + string.slice(1);
 }
 const getEventHandlerName = (key) => `on${capitalizeFirstLetter(key)}$`;
+
 function createEventHandler(value, options) {
   return /* @__PURE__ */ inlinedQrl((event) => {
     const [options2, value2] = useLexicalScope();
@@ -471,6 +595,7 @@ function createEventHandler(value, options) {
     value
   ]);
 }
+
 function getBlockActions(options) {
   const obj = {};
   const optionActions = options.block.actions ?? {};
@@ -493,16 +618,17 @@ function getBlockActions(options) {
   }
   return obj;
 }
+
 function transformBlockProperties(properties) {
   return properties;
 }
+
 const extractRelevantRootBlockProperties = (block) => {
   return {
     href: block.href
   };
 };
 function getBlockProperties({ block, context }) {
-  var _a;
   const properties = {
     ...extractRelevantRootBlockProperties(block),
     ...block.properties,
@@ -512,7 +638,7 @@ function getBlockProperties({ block, context }) {
       block.id,
       "builder-block",
       block.class,
-      (_a = block.properties) == null ? void 0 : _a.class
+      block.properties?.class
     ].filter(Boolean).join(" ")
   };
   return transformBlockProperties(properties);
@@ -531,6 +657,7 @@ function getStyleAttribute(style) {
       return style;
   }
 }
+
 const BlockWrapper = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
   _jsxBranch();
   return /* @__PURE__ */ _jsxC(Fragment, {
@@ -564,6 +691,7 @@ const BlockWrapper = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
     }, 0, "87_2")
   }, 1, "87_3");
 }, "BlockWrapper_component_kOI0j0aW8Nw"));
+
 const InteractiveElement = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
   return /* @__PURE__ */ _jsxC(props.Wrapper, {
     ...props.wrapperProps,
@@ -583,6 +711,7 @@ const InteractiveElement = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQ
     children: /* @__PURE__ */ _jsxC(Slot, null, 3, "q0_0")
   }, 0, "q0_1");
 }, "InteractiveElement_component_0UqfJpjhn0g"));
+
 const getWrapperProps = ({ componentOptions, builderBlock, context, componentRef, includeBlockProps, isInteractive, contextValue }) => {
   const interactiveElementProps = {
     Wrapper: componentRef,
@@ -604,6 +733,7 @@ const getWrapperProps = ({ componentOptions, builderBlock, context, componentRef
     } : {}
   };
 };
+
 const ComponentRef = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
   const state = useStore({
     Wrapper: props.isInteractive ? InteractiveElement : props.componentRef
@@ -656,6 +786,7 @@ const ComponentRef = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
     }, 0, "z6_0") : null
   }, 1, "z6_1");
 }, "ComponentRef_component_tFQoBV6UFdc"));
+
 const RepeatedBlock = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
   const state = useStore({
     store: props.repeatContext
@@ -684,8 +815,8 @@ const RepeatedBlock = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((p
     }
   }, 3, "GO_0");
 }, "RepeatedBlock_component_JK1l2jKcfwA"));
+
 const Block = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
-  var _a;
   _jsxBranch();
   const state = useStore({
     childrenContext: props.context
@@ -740,9 +871,8 @@ const Block = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
     processedBlock
   ]));
   const childrenWithoutParentComponent = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
-    var _a2;
     const [blockComponent2, processedBlock2, repeatItem2] = useLexicalScope();
-    const shouldRenderChildrenOutsideRef = !((_a2 = blockComponent2.value) == null ? void 0 : _a2.component) && !repeatItem2.value;
+    const shouldRenderChildrenOutsideRef = !blockComponent2.value?.component && !repeatItem2.value;
     return shouldRenderChildrenOutsideRef ? processedBlock2.value.children ?? [] : [];
   }, "Block_component_childrenWithoutParentComponent_useComputed_0WENYGElWnc", [
     blockComponent,
@@ -750,23 +880,22 @@ const Block = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
     repeatItem
   ]));
   const componentRefProps = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
-    var _a2, _b, _c, _d, _e;
     const [blockComponent2, processedBlock2, props2, state2] = useLexicalScope();
     return {
       blockChildren: processedBlock2.value.children ?? [],
-      componentRef: (_a2 = blockComponent2.value) == null ? void 0 : _a2.component,
+      componentRef: blockComponent2.value?.component,
       componentOptions: {
         ...getBlockComponentOptions(processedBlock2.value),
         builderContext: props2.context,
-        ...((_b = blockComponent2.value) == null ? void 0 : _b.name) === "Symbol" || ((_c = blockComponent2.value) == null ? void 0 : _c.name) === "Columns" ? {
+        ...blockComponent2.value?.name === "Symbol" || blockComponent2.value?.name === "Columns" ? {
           builderComponents: props2.registeredComponents
         } : {}
       },
       context: state2.childrenContext,
       registeredComponents: props2.registeredComponents,
       builderBlock: processedBlock2.value,
-      includeBlockProps: ((_d = blockComponent2.value) == null ? void 0 : _d.noWrap) === true,
-      isInteractive: !((_e = blockComponent2.value) == null ? void 0 : _e.isRSC)
+      includeBlockProps: blockComponent2.value?.noWrap === true,
+      isInteractive: !blockComponent2.value?.isRSC
     };
   }, "Block_component_componentRefProps_useComputed_Ikbl8VO04ho", [
     blockComponent,
@@ -775,7 +904,7 @@ const Block = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
     state
   ]));
   return /* @__PURE__ */ _jsxC(Fragment, {
-    children: canShowBlock.value ? !((_a = blockComponent.value) == null ? void 0 : _a.noWrap) ? /* @__PURE__ */ _jsxC(Fragment, {
+    children: canShowBlock.value ? !blockComponent.value?.noWrap ? /* @__PURE__ */ _jsxC(Fragment, {
       children: [
         isEmptyHtmlElement(Tag.value) ? /* @__PURE__ */ _jsxC(BlockWrapper, {
           get Wrapper() {
@@ -888,10 +1017,10 @@ const Block = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
     }, 0, "jN_4") : null
   }, 1, "jN_5");
 }, "Block_component_nnPv0RY0U0k"));
+
 const onClick$1 = function onClick2(props, state) {
-  var _a, _b;
-  if (isEditing() && !((_a = props.blocks) == null ? void 0 : _a.length))
-    (_b = window.parent) == null ? void 0 : _b.postMessage({
+  if (isEditing() && !props.blocks?.length)
+    window.parent?.postMessage({
       type: "builder.clickEmptyBlocks",
       data: {
         parentElementId: props.parent,
@@ -900,9 +1029,8 @@ const onClick$1 = function onClick2(props, state) {
     }, "*");
 };
 const onMouseEnter = function onMouseEnter2(props, state) {
-  var _a, _b;
-  if (isEditing() && !((_a = props.blocks) == null ? void 0 : _a.length))
-    (_b = window.parent) == null ? void 0 : _b.postMessage({
+  if (isEditing() && !props.blocks?.length)
+    window.parent?.postMessage({
       type: "builder.hoverEmptyBlocks",
       data: {
         parentElementId: props.parent,
@@ -913,9 +1041,8 @@ const onMouseEnter = function onMouseEnter2(props, state) {
 const BlocksWrapper = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
   useStylesScopedQrl(/* @__PURE__ */ inlinedQrl(STYLES$2, "BlocksWrapper_component_useStylesScoped_Kj0S9AOXQ0o"));
   const className = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
-    var _a;
     const [props2] = useLexicalScope();
-    return "builder-blocks" + (!((_a = props2.blocks) == null ? void 0 : _a.length) ? " no-blocks" : "");
+    return "builder-blocks" + (!props2.blocks?.length ? " no-blocks" : "");
   }, "BlocksWrapper_component_className_useComputed_J5SSSH2Xf08", [
     props
   ]));
@@ -964,6 +1091,7 @@ const STYLES$2 = `
   align-items: stretch;
 }
 `;
+
 const Blocks = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
   const builderContext$1 = useContext(builderContext);
   const componentsContext = useContext(ComponentsContext);
@@ -1033,12 +1161,13 @@ const Blocks = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =
     }
   }, 1, "0n_0");
 }, "Blocks_component_PI1ErWPzPEg"));
+
 function deoptSignal(value) {
   return value;
 }
+
 const getWidth = function getWidth2(props, state, index) {
-  var _a;
-  return ((_a = state.cols[index]) == null ? void 0 : _a.width) || 100 / state.cols.length;
+  return state.cols[index]?.width || 100 / state.cols.length;
 };
 const getColumnCssWidth = function getColumnCssWidth2(props, state, index) {
   const subtractWidth = state.gutterSize * (state.cols.length - 1) / state.cols.length;
@@ -1079,8 +1208,7 @@ const columnCssVars = function columnCssVars2(props, state, index) {
   };
 };
 const getWidthForBreakpointSize = function getWidthForBreakpointSize2(props, state, size) {
-  var _a, _b;
-  const breakpointSizes = getSizesForBreakpoints(((_b = (_a = props.builderContext.content) == null ? void 0 : _a.meta) == null ? void 0 : _b.breakpoints) || {});
+  const breakpointSizes = getSizesForBreakpoints(props.builderContext.content?.meta?.breakpoints || {});
   return breakpointSizes[size].max;
 };
 const Columns = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
@@ -1153,7 +1281,7 @@ const Columns = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props)
           columnsStyles
         ], "p0.value")
       }
-    }, 3, "c0_0"),
+    }, 3, "c0_0") ,
     (props.columns || []).map((column, index) => {
       return /* @__PURE__ */ createElement("div", {
         class: "builder-column div-Columns-2",
@@ -1203,9 +1331,11 @@ const STYLES$1 = `
   align-items: stretch;
 }
 `;
+
 const FragmentComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
   return /* @__PURE__ */ _jsxQ("span", null, null, /* @__PURE__ */ _jsxC(Slot, null, 3, "oj_0"), 1, "oj_1");
 }, "FragmentComponent_component_T0AypnadAK0"));
+
 function removeProtocol(path) {
   return path.replace(/http(s)?:/, "");
 }
@@ -1217,7 +1347,7 @@ function updateQueryParam(uri = "", key, value) {
   return uri + separator + key + "=" + encodeURIComponent(value);
 }
 function getShopifyImageUrl(src, size) {
-  if (!src || !(src == null ? void 0 : src.match(/cdn\.shopify\.com/)) || !size)
+  if (!src || !src?.match(/cdn\.shopify\.com/) || !size)
     return src;
   if (size === "master")
     return removeProtocol(src);
@@ -1260,12 +1390,11 @@ function getSrcSet(url) {
     ]).join(", ");
   return url;
 }
+
 const Image = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
-  var _a, _b, _c, _d;
   _jsxBranch();
   useStylesScopedQrl(/* @__PURE__ */ inlinedQrl(STYLES, "Image_component_useStylesScoped_fBMYiVf9fuU"));
   const srcSetToUse = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
-    var _a2;
     const [props2] = useLexicalScope();
     const imageToUse = props2.image || props2.src;
     const url = imageToUse;
@@ -1273,7 +1402,7 @@ const Image = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
     // images, otherwise you can supply this prop manually
     !(url.match(/builder\.io/) || url.match(/cdn\.shopify\.com/)))
       return props2.srcset;
-    if (props2.srcset && ((_a2 = props2.image) == null ? void 0 : _a2.includes("builder.io/api/v1/image"))) {
+    if (props2.srcset && props2.image?.includes("builder.io/api/v1/image")) {
       if (!props2.srcset.includes(props2.image.split("?")[0])) {
         console.debug("Removed given srcset");
         return getSrcSet(url);
@@ -1285,9 +1414,8 @@ const Image = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
     props
   ]));
   const webpSrcSet = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
-    var _a2;
     const [props2, srcSetToUse2] = useLexicalScope();
-    if (((_a2 = srcSetToUse2.value) == null ? void 0 : _a2.match(/builder\.io/)) && !props2.noWebp)
+    if (srcSetToUse2.value?.match(/builder\.io/) && !props2.noWebp)
       return srcSetToUse2.value.replace(/\?/g, "?format=webp&");
     else
       return "";
@@ -1348,7 +1476,7 @@ const Image = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
           ], '{objectPosition:p1.backgroundPosition||"center",objectFit:p1.backgroundSize||"cover",...p0.value}')
         }, 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, {
+      props.aspectRatio && !(props.builderBlock?.children?.length && props.fitContent) ? /* @__PURE__ */ _jsxQ("div", null, {
         class: "builder-image-sizer div-Image",
         style: _fnSignal((p0) => ({
           paddingTop: p0.aspectRatio * 100 + "%"
@@ -1356,7 +1484,7 @@ const Image = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
           props
         ], '{paddingTop:p0.aspectRatio*100+"%"}')
       }, null, 3, "0A_1") : null,
-      ((_d = (_c = props.builderBlock) == null ? void 0 : _c.children) == null ? void 0 : _d.length) && props.fitContent ? /* @__PURE__ */ _jsxC(Slot, null, 3, "0A_2") : null,
+      props.builderBlock?.children?.length && props.fitContent ? /* @__PURE__ */ _jsxC(Slot, null, 3, "0A_2") : null,
       !props.fitContent && props.children ? /* @__PURE__ */ _jsxQ("div", null, {
         class: "div-Image-2"
       }, /* @__PURE__ */ _jsxC(Slot, null, 3, "0A_3"), 1, "0A_4") : null
@@ -1384,6 +1512,7 @@ const STYLES = `
   height: 100%;
 }
 `;
+
 const SectionComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
   return /* @__PURE__ */ _jsxS("section", {
     ...props.attributes,
@@ -1402,6 +1531,7 @@ const SectionComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl
     }
   }, null, 0, "2Y_1");
 }, "SectionComponent_component_ZWF9iD5WeLg"));
+
 const getTopLevelDomain = (host) => {
   if (host === "localhost" || host === "127.0.0.1")
     return host;
@@ -1410,14 +1540,14 @@ const getTopLevelDomain = (host) => {
     return parts.slice(1).join(".");
   return host;
 };
+
 const getCookieSync = ({ name, canTrack }) => {
-  var _a;
   try {
     if (!canTrack)
       return void 0;
-    return (_a = document.cookie.split("; ").find((row) => row.startsWith(`${name}=`))) == null ? void 0 : _a.split("=")[1];
+    return document.cookie.split("; ").find((row) => row.startsWith(`${name}=`))?.split("=")[1];
   } catch (err) {
-    logger.warn("[COOKIE] GET error: ", (err == null ? void 0 : err.message) || err);
+    logger.warn("[COOKIE] GET error: ", err?.message || err);
     return void 0;
   }
 };
@@ -1476,9 +1606,10 @@ const setCookie = async ({ name, value, expires, canTrack }) => {
     });
     document.cookie = cookie;
   } catch (err) {
-    logger.warn("[COOKIE] SET error: ", (err == null ? void 0 : err.message) || err);
+    logger.warn("[COOKIE] SET error: ", err?.message || err);
   }
 };
+
 const BUILDER_STORE_PREFIX = "builder.tests";
 const getContentTestKey = (id) => `${BUILDER_STORE_PREFIX}.${id}`;
 const getContentVariationCookie = ({ contentId }) => getCookie({
@@ -1496,11 +1627,10 @@ const setContentVariationCookie = ({ contentId, value }) => setCookie({
 });
 const checkIsBuilderContentWithVariations = (item) => checkIsDefined(item.id) && checkIsDefined(item.variations) && Object.keys(item.variations).length > 0;
 const getRandomVariationId = ({ id, variations }) => {
-  var _a;
   let n = 0;
   const random = Math.random();
   for (const id2 in variations) {
-    const testRatio = (_a = variations[id2]) == null ? void 0 : _a.testRatio;
+    const testRatio = variations[id2]?.testRatio;
     n += testRatio;
     if (random < n)
       return id2;
@@ -1575,7 +1705,9 @@ const handleABTesting = async ({ item, canTrack }) => {
     ...variationValue
   };
 };
+
 const getDefaultCanTrack = (canTrack) => checkIsDefined(canTrack) ? canTrack : true;
+
 const componentInfo$a = {
   name: "Core:Button",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
@@ -1614,6 +1746,7 @@ const componentInfo$a = {
   static: true,
   noWrap: true
 };
+
 const componentInfo$9 = {
   // TODO: ways to statically preprocess JSON for references, functions, etc
   name: "Columns",
@@ -1856,6 +1989,7 @@ const componentInfo$9 = {
     }
   ]
 };
+
 const componentInfo$8 = {
   name: "Fragment",
   static: true,
@@ -1863,6 +1997,7 @@ const componentInfo$8 = {
   canHaveChildren: true,
   noWrap: true
 };
+
 const componentInfo$7 = {
   name: "Image",
   static: true,
@@ -1910,7 +2045,7 @@ const componentInfo$7 = {
             }, timeout);
           });
         }
-        function round2(num) {
+        function round(num) {
           return Math.round(num * 1e3) / 1e3;
         }
         const value = options.get("image");
@@ -1924,7 +2059,7 @@ const componentInfo$7 = {
             const possiblyUpdatedAspectRatio = options.get("aspectRatio");
             if (options.get("image") === value && (!possiblyUpdatedAspectRatio || possiblyUpdatedAspectRatio === DEFAULT_ASPECT_RATIO)) {
               if (img.width && img.height) {
-                options.set("aspectRatio", round2(img.height / img.width));
+                options.set("aspectRatio", round(img.height / img.width));
                 options.set("height", img.height);
                 options.set("width", img.width);
               }
@@ -2011,6 +2146,7 @@ const componentInfo$7 = {
     }
   ]
 };
+
 const componentInfo$6 = {
   name: "Core:Section",
   static: true,
@@ -2056,6 +2192,7 @@ const componentInfo$6 = {
     }
   ]
 };
+
 const componentInfo$5 = {
   name: "Symbol",
   noWrap: true,
@@ -2096,6 +2233,7 @@ const componentInfo$5 = {
     }
   ]
 };
+
 const componentInfo$4 = {
   name: "Text",
   static: true,
@@ -2117,13 +2255,11 @@ const componentInfo$4 = {
     textAlign: "center"
   }
 };
+
 const Text = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
   return /* @__PURE__ */ _jsxQ("div", null, {
     class: "builder-text",
-    dangerouslySetInnerHTML: _fnSignal((p0) => {
-      var _a;
-      return ((_a = p0.text) == null ? void 0 : _a.toString()) || "";
-    }, [
+    dangerouslySetInnerHTML: _fnSignal((p0) => p0.text?.toString() || "", [
       props
     ], 'p0.text?.toString()||""'),
     style: {
@@ -2131,6 +2267,7 @@ const Text = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
     }
   }, null, 3, "yO_0");
 }, "Text_component_15p0cKUxgIE"));
+
 const componentInfo$3 = {
   name: "Video",
   canHaveChildren: true,
@@ -2253,6 +2390,7 @@ const componentInfo$3 = {
     }
   ]
 };
+
 const Video = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
   const videoProps = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
     const [props2] = useLexicalScope();
@@ -2298,23 +2436,21 @@ const Video = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
     src: _fnSignal((p0) => p0.video || "no-src", [
       props
     ], 'p0.video||"no-src"'),
-    style: _fnSignal((p0) => {
-      var _a;
-      return {
-        width: "100%",
-        height: "100%",
-        ...(_a = p0.attributes) == null ? void 0 : _a.style,
-        objectFit: p0.fit,
-        objectPosition: p0.position,
-        // Hack to get object fit to work as expected and
-        // not have the video overflow
-        borderRadius: 1
-      };
-    }, [
+    style: _fnSignal((p0) => ({
+      width: "100%",
+      height: "100%",
+      ...p0.attributes?.style,
+      objectFit: p0.fit,
+      objectPosition: p0.position,
+      // Hack to get object fit to work as expected and
+      // not have the video overflow
+      borderRadius: 1
+    }), [
       props
     ], '{width:"100%",height:"100%",...p0.attributes?.style,objectFit:p0.fit,objectPosition:p0.position,borderRadius:1}')
   }, 0, "j7_0");
 }, "Video_component_qdcTZflYyoQ"));
+
 const componentInfo$2 = {
   name: "Embed",
   static: true,
@@ -2352,13 +2488,15 @@ const componentInfo$2 = {
     }
   ]
 };
+
 const SCRIPT_MIME_TYPES = [
   "text/javascript",
   "application/javascript",
   "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");
@@ -2386,13 +2524,13 @@ const Embed = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
     scriptsInserted: [],
     scriptsRun: []
   });
-  useTaskQrl(/* @__PURE__ */ inlinedQrl(({ track: track2 }) => {
+  useTaskQrl(/* @__PURE__ */ inlinedQrl(({ track }) => {
     const [elem2, props2, state2] = useLexicalScope();
-    track2(() => elem2.value);
-    track2(() => state2.ranInitFn);
+    track(() => elem2.value);
+    track(() => state2.ranInitFn);
     if (elem2.value && !state2.ranInitFn) {
       state2.ranInitFn = true;
-      findAndRunScripts$1(props2, state2, elem2);
+      findAndRunScripts(props2, state2, elem2);
     }
   }, "Embed_component_useTask_bg7ez0XUtiM", [
     elem,
@@ -2408,6 +2546,7 @@ const Embed = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
     ], "p0.content")
   }, null, 3, "9r_0");
 }, "Embed_component_Uji08ORjXbE"));
+
 const ImgComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
   return /* @__PURE__ */ _jsxS("img", {
     ...props.attributes
@@ -2426,6 +2565,7 @@ const ImgComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
     ], '{objectFit:p0.backgroundSize||"cover",objectPosition:p0.backgroundPosition||"center"}')
   }, 0, isEditing() && props.imgSrc || "default-key");
 }, "ImgComponent_component_FXvIDBSffO8"));
+
 const componentInfo$1 = {
   // friendlyName?
   name: "Raw:Img",
@@ -2450,15 +2590,24 @@ 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?.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 +2617,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
@@ -2505,6 +2641,7 @@ const CustomCode = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((prop
     ], "p0.code")
   }, null, 3, "bY_0");
 }, "CustomCode_component_uYOSy7w7Zqw"));
+
 const componentInfo = {
   name: "Custom Code",
   static: true,
@@ -2534,6 +2671,7 @@ const componentInfo = {
     }
   ]
 };
+
 const getDefaultRegisteredComponents = () => [
   {
     component: Button,
@@ -2580,6 +2718,7 @@ const getDefaultRegisteredComponents = () => [
     ...componentInfo$3
   }
 ];
+
 const components = [];
 const createRegisterComponentMessage = (info) => ({
   type: "builder.registerComponent",
@@ -2593,15 +2732,16 @@ const serializeFn = (fnValue) => {
 const serializeValue = (value) => typeof value === "function" ? serializeFn(value) : fastClone(value);
 const serializeComponentInfo = ({ inputs, ...info }) => ({
   ...fastClone(info),
-  inputs: inputs == null ? void 0 : inputs.map((input) => Object.entries(input).reduce((acc, [key, value]) => ({
+  inputs: inputs?.map((input) => Object.entries(input).reduce((acc, [key, value]) => ({
     ...acc,
     [key]: serializeValue(value)
   }), {}))
 });
-const getVariants = (content) => Object.values((content == null ? void 0 : content.variations) || {}).map((variant) => ({
+
+const getVariants = (content) => Object.values(content?.variations || {}).map((variant) => ({
   ...variant,
   testVariationId: variant.id,
-  id: content == null ? void 0 : content.id
+  id: content?.id
 }));
 const checkShouldRunVariants = ({ canTrack, content }) => {
   const hasVariants = getVariants(content).length > 0;
@@ -2614,9 +2754,8 @@ const checkShouldRunVariants = ({ canTrack, content }) => {
   return true;
 };
 function bldrAbTest(contentId, variants, isHydrationTarget2) {
-  var _a;
-  function getAndSetVariantId2() {
-    function setCookie2(name, value, days) {
+  function getAndSetVariantId() {
+    function setCookie(name, value, days) {
       let expires = "";
       if (days) {
         const date = /* @__PURE__ */ new Date();
@@ -2625,7 +2764,7 @@ function bldrAbTest(contentId, variants, isHydrationTarget2) {
       }
       document.cookie = name + "=" + (value || "") + expires + "; path=/; Secure; SameSite=None";
     }
-    function getCookie2(name) {
+    function getCookie(name) {
       const nameEQ = name + "=";
       const ca = document.cookie.split(";");
       for (let i = 0; i < ca.length; i++) {
@@ -2638,7 +2777,7 @@ function bldrAbTest(contentId, variants, isHydrationTarget2) {
       return null;
     }
     const cookieName = `builder.tests.${contentId}`;
-    const variantInCookie = getCookie2(cookieName);
+    const variantInCookie = getCookie(cookieName);
     const availableIDs = variants.map((vr) => vr.id).concat(contentId);
     if (variantInCookie && availableIDs.includes(variantInCookie))
       return variantInCookie;
@@ -2649,19 +2788,19 @@ function bldrAbTest(contentId, variants, isHydrationTarget2) {
       const testRatio = variant.testRatio;
       n += testRatio;
       if (random < n) {
-        setCookie2(cookieName, variant.id);
+        setCookie(cookieName, variant.id);
         return variant.id;
       }
     }
-    setCookie2(cookieName, contentId);
+    setCookie(cookieName, contentId);
     return contentId;
   }
-  const winningVariantId = getAndSetVariantId2();
-  const styleEl = (_a = document.currentScript) == null ? void 0 : _a.previousElementSibling;
+  const winningVariantId = getAndSetVariantId();
+  const styleEl = document.currentScript?.previousElementSibling;
   if (isHydrationTarget2) {
     styleEl.remove();
     const thisScriptEl = document.currentScript;
-    thisScriptEl == null ? void 0 : thisScriptEl.remove();
+    thisScriptEl?.remove();
   } else {
     const newStyleStr = variants.concat({
       id: contentId
@@ -2673,10 +2812,9 @@ function bldrAbTest(contentId, variants, isHydrationTarget2) {
   }
 }
 function bldrCntntScrpt(variantContentId, defaultContentId, isHydrationTarget2) {
-  var _a;
   if (!navigator.cookieEnabled)
     return;
-  function getCookie2(name) {
+  function getCookie(name) {
     const nameEQ = name + "=";
     const ca = document.cookie.split(";");
     for (let i = 0; i < ca.length; i++) {
@@ -2689,21 +2827,21 @@ function bldrCntntScrpt(variantContentId, defaultContentId, isHydrationTarget2)
     return null;
   }
   const cookieName = `builder.tests.${defaultContentId}`;
-  const variantId = getCookie2(cookieName);
-  const parentDiv = (_a = document.currentScript) == null ? void 0 : _a.parentElement;
+  const variantId = getCookie(cookieName);
+  const parentDiv = document.currentScript?.parentElement;
   const variantIsDefaultContent = variantContentId === defaultContentId;
   if (variantId === variantContentId) {
     if (variantIsDefaultContent)
       return;
-    parentDiv == null ? void 0 : parentDiv.removeAttribute("hidden");
-    parentDiv == null ? void 0 : parentDiv.removeAttribute("aria-hidden");
+    parentDiv?.removeAttribute("hidden");
+    parentDiv?.removeAttribute("aria-hidden");
   } else {
     if (variantIsDefaultContent) {
       if (isHydrationTarget2)
-        parentDiv == null ? void 0 : parentDiv.remove();
+        parentDiv?.remove();
       else {
-        parentDiv == null ? void 0 : parentDiv.setAttribute("hidden", "true");
-        parentDiv == null ? void 0 : parentDiv.setAttribute("aria-hidden", "true");
+        parentDiv?.setAttribute("hidden", "true");
+        parentDiv?.setAttribute("aria-hidden", "true");
       }
     }
     return;
@@ -2730,6 +2868,7 @@ const getRenderContentScriptString = ({ contentId, variationId }) => {
   return `
   window.${CONTENT_FN_NAME}("${variationId}", "${contentId}", ${isHydrationTarget})`;
 };
+
 const InlinedScript = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
   return /* @__PURE__ */ _jsxQ("script", null, {
     dangerouslySetInnerHTML: _fnSignal((p0) => p0.scriptStr, [
@@ -2740,6 +2879,7 @@ const InlinedScript = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((p
     ], "p0.id")
   }, null, 3, "WO_0");
 }, "InlinedScript_component_hwThBdhA8rw"));
+
 function getGlobalThis() {
   if (typeof globalThis !== "undefined")
     return globalThis;
@@ -2751,6 +2891,7 @@ function getGlobalThis() {
     return self;
   return globalThis;
 }
+
 function getFetch() {
   const globalFetch = getGlobalThis().fetch;
   if (typeof globalFetch === "undefined") {
@@ -2761,6 +2902,7 @@ function getFetch() {
   return globalFetch;
 }
 const fetch$1 = getFetch();
+
 function flatten(object, path = null, separator = ".") {
   return Object.keys(object).reduce((acc, key) => {
     const value = object[key];
@@ -2782,6 +2924,7 @@ function flatten(object, path = null, separator = ".") {
     };
   }, {});
 }
+
 const BUILDER_SEARCHPARAMS_PREFIX = "builder.";
 const BUILDER_OPTIONS_PREFIX = "options.";
 const convertSearchParamsToQueryObject = (searchParams) => {
@@ -2811,7 +2954,9 @@ const getBuilderSearchParamsFromWindow = () => {
   return getBuilderSearchParams(searchParams);
 };
 const normalizeSearchParams = (searchParams) => searchParams instanceof URLSearchParams ? convertSearchParamsToQueryObject(searchParams) : searchParams;
+
 const DEFAULT_API_VERSION = "v3";
+
 const generateContentUrl = (options) => {
   let { noTraverse = false } = options;
   const { limit = 30, userAttributes, query, model, apiKey, includeRefs = true, enrich, locale, apiVersion = DEFAULT_API_VERSION } = options;
@@ -2843,6 +2988,7 @@ const generateContentUrl = (options) => {
   }
   return url;
 };
+
 const checkContentHasResults = (content) => "results" in content;
 async function fetchOneEntry(options) {
   const allContent = await fetchEntries({
@@ -2899,6 +3045,7 @@ async function fetchEntries(options) {
   }
 }
 const getAllContent = fetchEntries;
+
 function isPreviewing() {
   if (!isBrowser())
     return false;
@@ -2906,6 +3053,7 @@ function isPreviewing() {
     return false;
   return Boolean(location.search.indexOf("builder.preview=") !== -1);
 }
+
 function uuidv4() {
   return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(c) {
     const r = Math.random() * 16 | 0, v = c == "x" ? r : r & 3 | 8;
@@ -2915,6 +3063,7 @@ function uuidv4() {
 function uuid() {
   return uuidv4().replace(/-/g, "");
 }
+
 const SESSION_LOCAL_STORAGE_KEY = "builderSessionId";
 const getSessionId = async ({ canTrack }) => {
   if (!canTrack)
@@ -2940,12 +3089,12 @@ const setSessionId = ({ id, canTrack }) => setCookie({
   value: id,
   canTrack
 });
+
 const getLocalStorage = () => isBrowser() && typeof localStorage !== "undefined" ? localStorage : void 0;
 const getLocalStorageItem = ({ key, canTrack }) => {
-  var _a;
   try {
     if (canTrack)
-      return (_a = getLocalStorage()) == null ? void 0 : _a.getItem(key);
+      return getLocalStorage()?.getItem(key);
     return void 0;
   } catch (err) {
     console.debug("[LocalStorage] GET error: ", err);
@@ -2953,14 +3102,14 @@ const getLocalStorageItem = ({ key, canTrack }) => {
   }
 };
 const setLocalStorageItem = ({ key, canTrack, value }) => {
-  var _a;
   try {
     if (canTrack)
-      (_a = getLocalStorage()) == null ? void 0 : _a.setItem(key, value);
+      getLocalStorage()?.setItem(key, value);
   } catch (err) {
     console.debug("[LocalStorage] SET error: ", err);
   }
 };
+
 const VISITOR_LOCAL_STORAGE_KEY = "builderVisitorId";
 const getVisitorId = ({ canTrack }) => {
   if (!canTrack)
@@ -2986,6 +3135,7 @@ const setVisitorId = ({ id, canTrack }) => setLocalStorageItem({
   value: id,
   canTrack
 });
+
 const getTrackingEventData = async ({ canTrack }) => {
   if (!canTrack)
     return {
@@ -3048,25 +3198,26 @@ const track = (args) => _track({
   ...args,
   canTrack: true
 });
+
 function round(num) {
   return Math.round(num * 1e3) / 1e3;
 }
 const findParentElement = (target, callback, checkElement = true) => {
   if (!(target instanceof HTMLElement))
     return null;
-  let parent2 = checkElement ? target : target.parentElement;
+  let parent = checkElement ? target : target.parentElement;
   do {
-    if (!parent2)
+    if (!parent)
       return null;
-    const matches = callback(parent2);
+    const matches = callback(parent);
     if (matches)
-      return parent2;
-  } while (parent2 = parent2.parentElement);
+      return parent;
+  } while (parent = parent.parentElement);
   return null;
 };
 const findBuilderParent = (target) => findParentElement(target, (el) => {
   const id = el.getAttribute("builder-id") || el.id;
-  return Boolean((id == null ? void 0 : id.indexOf("builder-")) === 0);
+  return Boolean(id?.indexOf("builder-") === 0);
 });
 const computeOffset = ({ event, target }) => {
   const targetRect = target.getBoundingClientRect();
@@ -3082,7 +3233,7 @@ const computeOffset = ({ event, target }) => {
 const getInteractionPropertiesForEvent = (event) => {
   const target = event.target;
   const targetBuilderElement = target && findBuilderParent(target);
-  const builderId = (targetBuilderElement == null ? void 0 : targetBuilderElement.getAttribute("builder-id")) || (targetBuilderElement == null ? void 0 : targetBuilderElement.id);
+  const builderId = targetBuilderElement?.getAttribute("builder-id") || targetBuilderElement?.id;
   return {
     targetBuilderElement: builderId || void 0,
     metadata: {
@@ -3098,7 +3249,9 @@ 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];
@@ -3122,6 +3275,7 @@ function register(type, info) {
     }
   }
 }
+
 const registerInsertMenu = () => {
   register("insertMenu", {
     name: "_default",
@@ -3158,12 +3312,11 @@ const registerInsertMenu = () => {
 };
 let isSetupForEditing = false;
 const setupBrowserForEditing = (options = {}) => {
-  var _a, _b;
   if (isSetupForEditing)
     return;
   isSetupForEditing = true;
   if (isBrowser()) {
-    (_a = window.parent) == null ? void 0 : _a.postMessage({
+    window.parent?.postMessage({
       type: "builder.sdkInfo",
       data: {
         target: TARGET,
@@ -3175,15 +3328,14 @@ const setupBrowserForEditing = (options = {}) => {
         supportsCustomBreakpoints: true
       }
     }, "*");
-    (_b = window.parent) == null ? void 0 : _b.postMessage({
+    window.parent?.postMessage({
       type: "builder.updateContent",
       data: {
         options
       }
     }, "*");
     window.addEventListener("message", ({ data }) => {
-      var _a2, _b2;
-      if (!(data == null ? void 0 : data.type))
+      if (!data?.type)
         return;
       switch (data.type) {
         case "builder.evaluate": {
@@ -3199,7 +3351,7 @@ const setupBrowserForEditing = (options = {}) => {
             error = err;
           }
           if (error)
-            (_a2 = window.parent) == null ? void 0 : _a2.postMessage({
+            window.parent?.postMessage({
               type: "builder.evaluateError",
               data: {
                 id,
@@ -3208,8 +3360,7 @@ const setupBrowserForEditing = (options = {}) => {
             }, "*");
           else if (result && typeof result.then === "function")
             result.then((finalResult) => {
-              var _a3;
-              (_a3 = window.parent) == null ? void 0 : _a3.postMessage({
+              window.parent?.postMessage({
                 type: "builder.evaluateResult",
                 data: {
                   id,
@@ -3218,7 +3369,7 @@ const setupBrowserForEditing = (options = {}) => {
               }, "*");
             }).catch(console.error);
           else
-            (_b2 = window.parent) == null ? void 0 : _b2.postMessage({
+            window.parent?.postMessage({
               type: "builder.evaluateResult",
               data: {
                 result,
@@ -3231,32 +3382,31 @@ const setupBrowserForEditing = (options = {}) => {
     });
   }
 };
+
 const mergeNewContent = function mergeNewContent2(props, state, elementRef, newContent) {
-  var _a, _b, _c, _d, _e;
   const newContentValue = {
     ...props.builderContextSignal.content,
     ...newContent,
     data: {
-      ...(_a = props.builderContextSignal.content) == null ? void 0 : _a.data,
-      ...newContent == null ? void 0 : newContent.data
+      ...props.builderContextSignal.content?.data,
+      ...newContent?.data
     },
     meta: {
-      ...(_b = props.builderContextSignal.content) == null ? void 0 : _b.meta,
-      ...newContent == null ? void 0 : newContent.meta,
-      breakpoints: ((_c = newContent == null ? void 0 : newContent.meta) == null ? void 0 : _c.breakpoints) || ((_e = (_d = props.builderContextSignal.content) == null ? void 0 : _d.meta) == null ? void 0 : _e.breakpoints)
+      ...props.builderContextSignal.content?.meta,
+      ...newContent?.meta,
+      breakpoints: newContent?.meta?.breakpoints || props.builderContextSignal.content?.meta?.breakpoints
     }
   };
   props.builderContextSignal.content = newContentValue;
 };
 const processMessage = function processMessage2(props, state, elementRef, event) {
-  var _a;
   const { data } = event;
   if (data)
     switch (data.type) {
       case "builder.configureSdk": {
         const messageContent = data.data;
         const { breakpoints, contentId } = messageContent;
-        if (!contentId || contentId !== ((_a = props.builderContextSignal.content) == null ? void 0 : _a.id))
+        if (!contentId || contentId !== props.builderContextSignal.content?.id)
           return;
         if (breakpoints)
           mergeNewContent(props, state, elementRef, {
@@ -3280,8 +3430,7 @@ const processMessage = function processMessage2(props, state, elementRef, event)
     }
 };
 const evaluateJsCode = function evaluateJsCode2(props, state, elementRef) {
-  var _a, _b;
-  const jsCode = (_b = (_a = props.builderContextSignal.content) == null ? void 0 : _a.data) == null ? void 0 : _b.jsCode;
+  const jsCode = props.builderContextSignal.content?.data?.jsCode;
   if (jsCode)
     evaluate({
       code: jsCode,
@@ -3291,11 +3440,10 @@ const evaluateJsCode = function evaluateJsCode2(props, state, elementRef) {
       rootSetState: props.builderContextSignal.rootSetState
     });
 };
-const onClick = function onClick22(props, state, elementRef, event) {
-  var _a, _b;
+const onClick = function onClick2(props, state, elementRef, event) {
   if (props.builderContextSignal.content) {
-    const variationId = (_a = props.builderContextSignal.content) == null ? void 0 : _a.testVariationId;
-    const contentId = (_b = props.builderContextSignal.content) == null ? void 0 : _b.id;
+    const variationId = props.builderContextSignal.content?.testVariationId;
+    const contentId = props.builderContextSignal.content?.id;
     _track({
       type: "click",
       canTrack: getDefaultCanTrack(props.canTrack),
@@ -3320,20 +3468,18 @@ const evalExpression = function evalExpression2(props, state, elementRef, expres
 };
 const handleRequest = function handleRequest2(props, state, elementRef, { url, key }) {
   fetch$1(url).then((response) => response.json()).then((json) => {
-    var _a, _b;
     const newState = {
       ...props.builderContextSignal.rootState,
       [key]: json
     };
-    (_b = (_a = props.builderContextSignal).rootSetState) == null ? void 0 : _b.call(_a, newState);
+    props.builderContextSignal.rootSetState?.(newState);
     state.httpReqsData[key] = true;
   }).catch((err) => {
     console.error("error fetching dynamic data", url, err);
   });
 };
 const runHttpRequests = function runHttpRequests2(props, state, elementRef) {
-  var _a, _b;
-  const requests = ((_b = (_a = props.builderContextSignal.content) == null ? void 0 : _a.data) == null ? void 0 : _b.httpRequests) ?? {};
+  const requests = props.builderContextSignal.content?.data?.httpRequests ?? {};
   Object.entries(requests).forEach(([key, url]) => {
     if (url && (!state.httpReqsData[key] || isEditing())) {
       const evaluatedUrl = evalExpression(props, state, elementRef, url);
@@ -3356,7 +3502,6 @@ const emitStateUpdate = function emitStateUpdate2(props, state, elementRef) {
     }));
 };
 const EnableEditor = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
-  var _a, _b, _c;
   _jsxBranch();
   const elementRef = useSignal();
   const state = useStore({
@@ -3385,9 +3530,8 @@ const EnableEditor = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
       } : {}
     });
     Object.values(props2.builderContextSignal.componentInfos).forEach((registeredComponent) => {
-      var _a2;
       const message = createRegisterComponentMessage(registeredComponent);
-      (_a2 = window.parent) == null ? void 0 : _a2.postMessage(message, "*");
+      window.parent?.postMessage(message, "*");
     });
     window.addEventListener("builder:component:stateChangeListenerActivated", emitStateUpdate.bind(null, props2, state2, elementRef2));
   }, "EnableEditor_component_useOn_Qs8c0yql2i0", [
@@ -3416,15 +3560,14 @@ const EnableEditor = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
     state
   ]));
   useOn("qvisible", /* @__PURE__ */ inlinedQrl((event, element) => {
-    var _a2, _b2, _c2, _d;
     if (isBrowser()) {
       if (isEditing() && element)
         element.dispatchEvent(new CustomEvent("initeditingbldr"));
-      const shouldTrackImpression = ((_a2 = element.attributes.getNamedItem("shouldTrack")) == null ? void 0 : _a2.value) === "true";
+      const shouldTrackImpression = element.attributes.getNamedItem("shouldTrack")?.value === "true";
       if (shouldTrackImpression) {
-        const variationId = (_b2 = element.attributes.getNamedItem("variationId")) == null ? void 0 : _b2.value;
-        const contentId = (_c2 = element.attributes.getNamedItem("contentId")) == null ? void 0 : _c2.value;
-        const apiKeyProp = (_d = element.attributes.getNamedItem("apiKey")) == null ? void 0 : _d.value;
+        const variationId = element.attributes.getNamedItem("variationId")?.value;
+        const contentId = element.attributes.getNamedItem("contentId")?.value;
+        const apiKeyProp = element.attributes.getNamedItem("apiKey")?.value;
         _track({
           type: "impression",
           canTrack: true,
@@ -3450,9 +3593,9 @@ const EnableEditor = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
     props,
     state
   ]));
-  useTaskQrl(/* @__PURE__ */ inlinedQrl(({ track: track2 }) => {
+  useTaskQrl(/* @__PURE__ */ inlinedQrl(({ track }) => {
     const [elementRef2, props2, state2] = useLexicalScope();
-    track2(() => props2.content);
+    track(() => props2.content);
     if (props2.content)
       mergeNewContent(props2, state2, elementRef2, props2.content);
   }, "EnableEditor_component_useTask_1_m0y1Z9vk4eQ", [
@@ -3460,40 +3603,34 @@ const EnableEditor = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
     props,
     state
   ]));
-  useTaskQrl(/* @__PURE__ */ inlinedQrl(({ track: track2 }) => {
+  useTaskQrl(/* @__PURE__ */ inlinedQrl(({ track }) => {
     const [state2] = useLexicalScope();
-    track2(() => state2.shouldSendResetCookie);
+    track(() => state2.shouldSendResetCookie);
   }, "EnableEditor_component_useTask_2_xVyv0tDqZLs", [
     state
   ]));
-  useTaskQrl(/* @__PURE__ */ inlinedQrl(({ track: track2 }) => {
+  useTaskQrl(/* @__PURE__ */ inlinedQrl(({ track }) => {
     const [elementRef2, props2, state2] = useLexicalScope();
-    track2(() => {
-      var _a2, _b2;
-      return (_b2 = (_a2 = props2.builderContextSignal.content) == null ? void 0 : _a2.data) == null ? void 0 : _b2.jsCode;
-    });
-    track2(() => props2.builderContextSignal.rootState);
+    track(() => props2.builderContextSignal.content?.data?.jsCode);
+    track(() => props2.builderContextSignal.rootState);
     evaluateJsCode(props2);
   }, "EnableEditor_component_useTask_3_bQ0e5LHZwWE", [
     elementRef,
     props,
     state
   ]));
-  useTaskQrl(/* @__PURE__ */ inlinedQrl(({ track: track2 }) => {
+  useTaskQrl(/* @__PURE__ */ inlinedQrl(({ track }) => {
     const [elementRef2, props2, state2] = useLexicalScope();
-    track2(() => {
-      var _a2, _b2;
-      return (_b2 = (_a2 = props2.builderContextSignal.content) == null ? void 0 : _a2.data) == null ? void 0 : _b2.httpRequests;
-    });
+    track(() => props2.builderContextSignal.content?.data?.httpRequests);
     runHttpRequests(props2, state2, elementRef2);
   }, "EnableEditor_component_useTask_4_moHYZG8uNVU", [
     elementRef,
     props,
     state
   ]));
-  useTaskQrl(/* @__PURE__ */ inlinedQrl(({ track: track2 }) => {
+  useTaskQrl(/* @__PURE__ */ inlinedQrl(({ track }) => {
     const [elementRef2, props2, state2] = useLexicalScope();
-    track2(() => props2.builderContextSignal.rootState);
+    track(() => props2.builderContextSignal.rootState);
     emitStateUpdate(props2);
   }, "EnableEditor_component_useTask_5_24QxS0r0KF8", [
     elementRef,
@@ -3503,8 +3640,8 @@ const EnableEditor = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
   return /* @__PURE__ */ _jsxC(Fragment, {
     children: props.builderContextSignal.content ? /* @__PURE__ */ createElement("div", {
       apiKey: props.apiKey,
-      contentId: (_a = props.builderContextSignal.content) == null ? void 0 : _a.id,
-      variationId: (_b = props.builderContextSignal.content) == null ? void 0 : _b.testVariationId,
+      contentId: props.builderContextSignal.content?.id,
+      variationId: props.builderContextSignal.content?.testVariationId,
       shouldTrack: String(props.builderContextSignal.content && getDefaultCanTrack(props.canTrack)),
       key: state.forceReRenderCount,
       ref: elementRef,
@@ -3516,7 +3653,7 @@ const EnableEditor = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
         props,
         state
       ]),
-      "builder-content-id": (_c = props.builderContextSignal.content) == null ? void 0 : _c.id,
+      "builder-content-id": props.builderContextSignal.content?.id,
       "builder-model": props.model,
       ...props.showContent ? {} : {
         hidden: true,
@@ -3526,11 +3663,11 @@ const EnableEditor = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
     }, /* @__PURE__ */ _jsxC(Slot, null, 3, "06_0")) : null
   }, 1, "06_1");
 }, "EnableEditor_component_ko1mO8oaj8k"));
+
 const getCssFromFont = (font) => {
-  var _a;
   const family = font.family + (font.kind && !font.kind.includes("#") ? ", " + font.kind : "");
   const name = family.split(",")[0];
-  const url = font.fileUrl ?? ((_a = font == null ? void 0 : font.files) == null ? void 0 : _a.regular);
+  const url = font.fileUrl ?? font?.files?.regular;
   let str = "";
   if (url && family && name)
     str += `
@@ -3560,16 +3697,16 @@ font-weight: ${weight};
   return str;
 };
 const getFontCss = ({ customFonts }) => {
-  var _a;
-  return ((_a = customFonts == null ? void 0 : customFonts.map((font) => getCssFromFont(font))) == null ? void 0 : _a.join(" ")) || "";
+  return customFonts?.map((font) => getCssFromFont(font))?.join(" ") || "";
 };
 const getCss = ({ cssCode, contentId }) => {
   if (!cssCode)
     return "";
   if (!contentId)
     return cssCode;
-  return (cssCode == null ? void 0 : cssCode.replace(/&/g, `div[builder-content-id="${contentId}"]`)) || "";
+  return cssCode?.replace(/&/g, `div[builder-content-id="${contentId}"]`) || "";
 };
+
 const ContentStyles = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
   const state = useStore({
     injectedStyles: `
@@ -3606,16 +3743,15 @@ ${getFontCss({
     }
   }, 3, "8O_0");
 }, "ContentStyles_component_Qbhu1myPWm0"));
+
 const getContextStateInitialValue = ({ content, data, locale }) => {
-  var _a, _b, _c;
   const defaultValues = {};
-  (_b = (_a = content == null ? void 0 : content.data) == null ? void 0 : _a.inputs) == null ? void 0 : _b.forEach((input) => {
-    var _a2;
-    if (input.name && input.defaultValue !== void 0 && ((_a2 = content == null ? void 0 : content.data) == null ? void 0 : _a2.state) && content.data.state[input.name] === void 0)
+  content?.data?.inputs?.forEach((input) => {
+    if (input.name && input.defaultValue !== void 0 && content?.data?.state && content.data.state[input.name] === void 0)
       defaultValues[input.name] = input.defaultValue;
   });
   const stateToUse = {
-    ...(_c = content == null ? void 0 : content.data) == null ? void 0 : _c.state,
+    ...content?.data?.state,
     ...data,
     ...locale ? {
       locale
@@ -3630,14 +3766,14 @@ const getContentInitialValue = ({ content, data }) => {
   return !content ? void 0 : {
     ...content,
     data: {
-      ...content == null ? void 0 : content.data,
+      ...content?.data,
       ...data
     },
-    meta: content == null ? void 0 : content.meta
+    meta: content?.meta
   };
 };
+
 const ContentComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
-  var _a, _b;
   _jsxBranch();
   const state = useStore({
     builderContextSignal: {
@@ -3688,9 +3824,9 @@ const ContentComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl
     }), {}),
     scriptStr: getRenderContentScriptString({
       // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
-      variationId: (_a = props.content) == null ? void 0 : _a.testVariationId,
+      variationId: props.content?.testVariationId,
       // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
-      contentId: (_b = props.content) == null ? void 0 : _b.id
+      contentId: props.content?.id
     })
   }, {
     deep: true
@@ -3745,42 +3881,29 @@ const ContentComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl
       }, 3, "LQ_0") : null,
       /* @__PURE__ */ _jsxC(ContentStyles, {
         get contentId() {
-          var _a2;
-          return (_a2 = state.builderContextSignal.content) == null ? void 0 : _a2.id;
+          return state.builderContextSignal.content?.id;
         },
         get cssCode() {
-          var _a2, _b2;
-          return (_b2 = (_a2 = state.builderContextSignal.content) == null ? void 0 : _a2.data) == null ? void 0 : _b2.cssCode;
+          return state.builderContextSignal.content?.data?.cssCode;
         },
         get customFonts() {
-          var _a2, _b2;
-          return (_b2 = (_a2 = state.builderContextSignal.content) == null ? void 0 : _a2.data) == null ? void 0 : _b2.customFonts;
+          return state.builderContextSignal.content?.data?.customFonts;
         },
         [_IMMUTABLE]: {
-          contentId: _fnSignal((p0) => {
-            var _a2;
-            return (_a2 = p0.builderContextSignal.content) == null ? void 0 : _a2.id;
-          }, [
+          contentId: _fnSignal((p0) => p0.builderContextSignal.content?.id, [
             state
           ], "p0.builderContextSignal.content?.id"),
-          cssCode: _fnSignal((p0) => {
-            var _a2, _b2;
-            return (_b2 = (_a2 = p0.builderContextSignal.content) == null ? void 0 : _a2.data) == null ? void 0 : _b2.cssCode;
-          }, [
+          cssCode: _fnSignal((p0) => p0.builderContextSignal.content?.data?.cssCode, [
             state
           ], "p0.builderContextSignal.content?.data?.cssCode"),
-          customFonts: _fnSignal((p0) => {
-            var _a2, _b2;
-            return (_b2 = (_a2 = p0.builderContextSignal.content) == null ? void 0 : _a2.data) == null ? void 0 : _b2.customFonts;
-          }, [
+          customFonts: _fnSignal((p0) => p0.builderContextSignal.content?.data?.customFonts, [
             state
           ], "p0.builderContextSignal.content?.data?.customFonts")
         }
-      }, 3, "LQ_1"),
+      }, 3, "LQ_1") ,
       /* @__PURE__ */ _jsxC(Blocks, {
         get blocks() {
-          var _a2, _b2;
-          return (_b2 = (_a2 = state.builderContextSignal.content) == null ? void 0 : _a2.data) == null ? void 0 : _b2.blocks;
+          return state.builderContextSignal.content?.data?.blocks;
         },
         get context() {
           return state.builderContextSignal;
@@ -3789,10 +3912,7 @@ const ContentComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl
           return state.registeredComponents;
         },
         [_IMMUTABLE]: {
-          blocks: _fnSignal((p0) => {
-            var _a2, _b2;
-            return (_b2 = (_a2 = p0.builderContextSignal.content) == null ? void 0 : _a2.data) == null ? void 0 : _b2.blocks;
-          }, [
+          blocks: _fnSignal((p0) => p0.builderContextSignal.content?.data?.blocks, [
             state
           ], "p0.builderContextSignal.content?.data?.blocks"),
           context: _fnSignal((p0) => p0.builderContextSignal, [
@@ -3841,6 +3961,7 @@ const ContentComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl
     }
   }, 1, "LQ_3");
 }, "ContentComponent_component_HIsczUcxjCE"));
+
 const ContentVariants = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
   _jsxBranch();
   const state = useStore({
@@ -3850,12 +3971,11 @@ const ContentVariants = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(
     })
   });
   const variantScriptStr = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
-    var _a;
     const [props2] = useLexicalScope();
     return getVariantsScriptString(getVariants(props2.content).map((value) => ({
       id: value.testVariationId,
       testRatio: value.testRatio
-    })), ((_a = props2.content) == null ? void 0 : _a.id) || "");
+    })), props2.content?.id || "");
   }, "ContentVariants_component_variantScriptStr_useComputed_ldWqWafT8Ww", [
     props
   ]));
@@ -3866,11 +3986,10 @@ const ContentVariants = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(
     props
   ]));
   const defaultContent = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
-    var _a;
     const [props2, state2] = useLexicalScope();
     return state2.shouldRenderVariants ? {
       ...props2.content,
-      testVariationId: (_a = props2.content) == null ? void 0 : _a.id
+      testVariationId: props2.content?.id
     } : handleABTestingSync({
       item: props2.content,
       canTrack: getDefaultCanTrack(props2.canTrack)
@@ -3879,8 +3998,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, {
@@ -3895,17 +4012,13 @@ const ContentVariants = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(
         children: [
           /* @__PURE__ */ _jsxC(InlinedStyles, {
             get id() {
-              var _a;
-              return `variants-styles-${(_a = props.content) == null ? void 0 : _a.id}`;
+              return `variants-styles-${props.content?.id}`;
             },
             get styles() {
               return hideVariantsStyleString.value;
             },
             [_IMMUTABLE]: {
-              id: _fnSignal((p0) => {
-                var _a;
-                return `variants-styles-${(_a = p0.content) == null ? void 0 : _a.id}`;
-              }, [
+              id: _fnSignal((p0) => `variants-styles-${p0.content?.id}`, [
                 props
               ], "`variants-styles-${p0.content?.id}`"),
               styles: _fnSignal((p0) => p0.value, [
@@ -4009,8 +4122,7 @@ const ContentVariants = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(
           return defaultContent.value;
         },
         get classNameProp() {
-          var _a;
-          return `variant-${(_a = props.content) == null ? void 0 : _a.id}`;
+          return `variant-${props.content?.id}`;
         },
         showContent: true,
         get model() {
@@ -4056,10 +4168,7 @@ const ContentVariants = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(
           canTrack: _fnSignal((p0) => p0.canTrack, [
             props
           ], "p0.canTrack"),
-          classNameProp: _fnSignal((p0) => {
-            var _a;
-            return `variant-${(_a = p0.content) == null ? void 0 : _a.id}`;
-          }, [
+          classNameProp: _fnSignal((p0) => `variant-${p0.content?.id}`, [
             props
           ], "`variant-${p0.content?.id}`"),
           content: _fnSignal((p0) => p0.value, [
@@ -4095,14 +4204,15 @@ const ContentVariants = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(
     ]
   }, 1, "XM_5");
 }, "ContentVariants_component_4tFRiQMMEfM"));
+
 const fetchSymbolContent = async ({ builderContextValue, symbol }) => {
-  if ((symbol == null ? void 0 : symbol.model) && // This is a hack, we should not need to check for this, but it is needed for Svelte.
-  (builderContextValue == null ? void 0 : builderContextValue.apiKey))
+  if (symbol?.model && // This is a hack, we should not need to check for this, but it is needed for Svelte.
+  builderContextValue?.apiKey)
     return fetchOneEntry({
       model: symbol.model,
       apiKey: builderContextValue.apiKey,
       apiVersion: builderContextValue.apiVersion,
-      ...(symbol == null ? void 0 : symbol.entry) && {
+      ...symbol?.entry && {
         query: {
           id: symbol.entry
         }
@@ -4113,6 +4223,7 @@ const fetchSymbolContent = async ({ builderContextValue, symbol }) => {
     });
   return void 0;
 };
+
 const setContent = function setContent2(props, state) {
   if (state.contentToUse)
     return;
@@ -4125,25 +4236,23 @@ const setContent = function setContent2(props, state) {
   });
 };
 const Symbol$1 = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
-  var _a;
   const className = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
-    var _a2, _b;
     const [props2] = useLexicalScope();
     return [
       props2.attributes.class,
       "builder-symbol",
-      ((_a2 = props2.symbol) == null ? void 0 : _a2.inline) ? "builder-inline-symbol" : void 0,
-      ((_b = props2.symbol) == null ? void 0 : _b.dynamic) || props2.dynamic ? "builder-dynamic-symbol" : void 0
+      props2.symbol?.inline ? "builder-inline-symbol" : void 0,
+      props2.symbol?.dynamic || props2.dynamic ? "builder-dynamic-symbol" : void 0
     ].filter(Boolean).join(" ");
   }, "Symbol_component_className_useComputed_Wb6GqgtDHpE", [
     props
   ]));
   const state = useStore({
-    contentToUse: (_a = props.symbol) == null ? void 0 : _a.content
+    contentToUse: props.symbol?.content
   });
-  useTaskQrl(/* @__PURE__ */ inlinedQrl(({ track: track2 }) => {
+  useTaskQrl(/* @__PURE__ */ inlinedQrl(({ track }) => {
     const [props2, state2] = useLexicalScope();
-    track2(() => props2.symbol);
+    track(() => props2.symbol);
     setContent(props2, state2);
   }, "Symbol_component_useTask_NIAWAC1bMBo", [
     props,
@@ -4165,16 +4274,14 @@ const Symbol$1 = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props)
         return Object.values(props.builderComponents);
       },
       get data() {
-        var _a2, _b, _c;
         return {
-          ...(_a2 = props.symbol) == null ? void 0 : _a2.data,
+          ...props.symbol?.data,
           ...props.builderContext.localState,
-          ...(_c = (_b = state.contentToUse) == null ? void 0 : _b.data) == null ? void 0 : _c.state
+          ...state.contentToUse?.data?.state
         };
       },
       get model() {
-        var _a2;
-        return (_a2 = props.symbol) == null ? void 0 : _a2.model;
+        return props.symbol?.model;
       },
       get content() {
         return state.contentToUse;
@@ -4195,21 +4302,15 @@ const Symbol$1 = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props)
         customComponents: _fnSignal((p0) => Object.values(p0.builderComponents), [
           props
         ], "Object.values(p0.builderComponents)"),
-        data: _fnSignal((p0, p1) => {
-          var _a2, _b, _c;
-          return {
-            ...(_a2 = p0.symbol) == null ? void 0 : _a2.data,
-            ...p0.builderContext.localState,
-            ...(_c = (_b = p1.contentToUse) == null ? void 0 : _b.data) == null ? void 0 : _c.state
-          };
-        }, [
+        data: _fnSignal((p0, p1) => ({
+          ...p0.symbol?.data,
+          ...p0.builderContext.localState,
+          ...p1.contentToUse?.data?.state
+        }), [
           props,
           state
         ], "{...p0.symbol?.data,...p0.builderContext.localState,...p1.contentToUse?.data?.state}"),
-        model: _fnSignal((p0) => {
-          var _a2;
-          return (_a2 = p0.symbol) == null ? void 0 : _a2.model;
-        }, [
+        model: _fnSignal((p0) => p0.symbol?.model, [
           props
         ], "p0.symbol?.model")
       }
@@ -4220,8 +4321,10 @@ const Symbol$1 = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props)
     ], "p0.value")
   }, 0, "Wt_1");
 }, "Symbol_component_WVvggdkUPdk"));
+
 const RenderBlocks = Blocks;
 const RenderContent = ContentVariants;
+
 const settings = {};
 function setEditorSettings(newSettings) {
   if (isBrowser()) {
@@ -4233,9 +4336,9 @@ function setEditorSettings(newSettings) {
     parent.postMessage(message, "*");
   }
 }
+
 const fetchBuilderProps = async (_args) => {
-  var _a, _b, _c;
-  const urlPath = _args.path || ((_a = _args.url) == null ? void 0 : _a.pathname) || ((_b = _args.userAttributes) == null ? void 0 : _b.urlPath);
+  const urlPath = _args.path || _args.url?.pathname || _args.userAttributes?.urlPath;
   const getContentArgs = {
     ..._args,
     apiKey: _args.apiKey,
@@ -4246,7 +4349,7 @@ const fetchBuilderProps = async (_args) => {
         urlPath
       } : {}
     },
-    options: getBuilderSearchParams(_args.searchParams || ((_c = _args.url) == null ? void 0 : _c.searchParams) || _args.options)
+    options: getBuilderSearchParams(_args.searchParams || _args.url?.searchParams || _args.options)
   };
   return {
     apiKey: getContentArgs.apiKey,
@@ -4254,30 +4357,5 @@ const fetchBuilderProps = async (_args) => {
     content: await fetchOneEntry(getContentArgs)
   };
 };
-export {
-  Blocks,
-  Button,
-  Columns,
-  ContentVariants as Content,
-  FragmentComponent as Fragment,
-  Image,
-  RenderBlocks,
-  RenderContent,
-  SectionComponent as Section,
-  Symbol$1 as Symbol,
-  Text,
-  Video,
-  _processContentResult,
-  createRegisterComponentMessage,
-  fetchBuilderProps,
-  fetchEntries,
-  fetchOneEntry,
-  getAllContent,
-  getBuilderSearchParams,
-  getContent,
-  isEditing,
-  isPreviewing,
-  register,
-  setEditorSettings,
-  track
-};
+
+export { Blocks, Button, Columns, ContentVariants as Content, FragmentComponent as Fragment, Image, RenderBlocks, RenderContent, SectionComponent as Section, Symbol$1 as Symbol, Text, Video, _processContentResult, createRegisterComponentMessage, fetchBuilderProps, fetchEntries, fetchOneEntry, getAllContent, getBuilderSearchParams, getContent, isEditing, isPreviewing, register, setEditorSettings, track };