@builder.io/sdk-solid 0.6.4 → 0.7.1-0

package/lib/node/dev.js

@@ -1,4 +1,4 @@
-import { delegateEvents, createComponent, spread, mergeProps, insert, effect, setAttribute, className, style, template, memo, Dynamic, use } from 'solid-js/web';
+import { createComponent, spread, mergeProps, insert, effect, setAttribute, className, style, template, memo, Dynamic, use } from 'solid-js/web';
 import { createContext, Show, useContext, For, createSignal, onMount, createEffect, on } from 'solid-js';
 import { css } from 'solid-styled-components';
 
@@ -185,6 +185,19 @@ var getFunctionArguments = ({
     event
   });
 };
+var getBuilderGlobals = () => ({
+  isEditing: isEditing(),
+  isBrowser: isBrowser(),
+  isServer: !isBrowser(),
+  getUserAttributes: () => getUserAttributes()
+});
+var parseCode = (code, {
+  isExpression = true
+}) => {
+  const useReturn = isExpression && !(code.includes(";") || code.includes(" return ") || code.trim().startsWith("return "));
+  const useCode = useReturn ? `return (${code});` : code;
+  return useCode;
+};
 
 // src/functions/evaluate/browser-runtime/browser.js
 var runInBrowser = ({
@@ -226,6 +239,156 @@ function flattenState(rootState, localState, rootSetState) {
   });
 }
 
+// src/functions/evaluate/node-runtime/safeDynamicRequire.js
+var noop = () => null;
+var safeDynamicRequire = noop;
+try {
+  safeDynamicRequire = eval("require");
+} catch (error) {
+}
+
+// src/functions/set.js
+var set = (obj, _path, value) => {
+  if (Object(obj) !== obj) {
+    return obj;
+  }
+  const path = Array.isArray(_path) ? _path : _path.toString().match(/[^.[\]]+/g);
+  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;
+};
+
+// src/functions/evaluate/node-runtime/node-runtime.js
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, {
+  enumerable: true,
+  configurable: true,
+  writable: true,
+  value
+}) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var ivm = safeDynamicRequire("isolated-vm");
+var getSyncValName = (key) => `bldr_${key}_sync`;
+var BUILDER_SET_STATE_NAME = "BUILDER_SET_STATE";
+var INJECTED_IVM_GLOBAL = "BUILDER_IVM";
+var 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) {
+        const v = typeof value === 'object' ? new ${INJECTED_IVM_GLOBAL}.Reference(value) : value;
+        obj.setSync(key, v);
+        ${BUILDER_SET_STATE_NAME}(key, value)
+    },
+    deleteProperty(target, key) {
+        obj.deleteSync(key);
+    }
+  })
+}
+`;
+var processCode = ({
+  code,
+  args
+}) => {
+  const fnArgs = args.map(([name]) => `var ${name} = refToProxy(${getSyncValName(name)}); `).join("");
+  return `
+${REF_TO_PROXY_FN}
+${fnArgs}
+function theFunction() {
+  ${code}
+}
+
+let output = theFunction()
+
+if (typeof output === 'object' && output !== null) {
+  output = JSON.stringify(output.copySync ? output.copySync() : output);
+}
+
+output;
+`;
+};
+var getIsolateContext = () => {
+  const isolate = new ivm.Isolate({
+    memoryLimit: 128
+  });
+  return isolate.createContextSync();
+};
+var runInNode = ({
+  code,
+  builder,
+  context,
+  event,
+  localState,
+  rootSetState,
+  rootState
+}) => {
+  const state = fastClone(__spreadValues(__spreadValues({}, 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(key, value) {
+    set(rootState, key, value);
+    rootSetState == null ? void 0 : rootSetState(rootState);
+  });
+  args.forEach(([key, arg]) => {
+    const val = typeof arg === "object" ? new ivm.Reference(key === "builder" ? __spreadProps(__spreadValues({}, arg), {
+      getUserAttributes: () => arg.getUserAttributes()
+    }) : arg) : null;
+    jail.setSync(getSyncValName(key), val);
+  });
+  jail.setSync(INJECTED_IVM_GLOBAL, ivm);
+  const evalStr = processCode({
+    code,
+    args
+  });
+  const resultStr = isolateContext.evalSync(evalStr);
+  try {
+    const res = JSON.parse(resultStr);
+    return res;
+  } catch (_error) {
+    return resultStr;
+  }
+};
+
+// src/functions/evaluate/choose-eval.js
+var chooseBrowserOrServerEval = (args) => isBrowser() ? runInBrowser(args) : runInNode(args);
+
 // src/functions/evaluate/evaluate.js
 function evaluate({
   code,
@@ -240,17 +403,11 @@ function evaluate({
     logger.warn("Skipping evaluation of empty code block.");
     return;
   }
-  const builder = {
-    isEditing: isEditing(),
-    isBrowser: isBrowser(),
-    isServer: !isBrowser(),
-    getUserAttributes: () => getUserAttributes()
-  };
-  const useReturn = isExpression && !(code.includes(";") || code.includes(" return ") || code.trim().startsWith("return "));
-  const useCode = useReturn ? `return (${code});` : code;
   const args = {
-    code: useCode,
-    builder,
+    code: parseCode(code, {
+      isExpression
+    }),
+    builder: getBuilderGlobals(),
     context,
     event,
     rootSetState,
@@ -258,7 +415,7 @@ function evaluate({
     localState
   };
   try {
-    return runInBrowser(args);
+    return chooseBrowserOrServerEval(args);
   } catch (e) {
     logger.error("Failed code evaluation: " + e.message, {
       code
@@ -267,46 +424,36 @@ function evaluate({
   }
 }
 
-// src/functions/set.js
-var set = (obj, _path, value) => {
-  if (Object(obj) !== obj) {
-    return obj;
-  }
-  const path = Array.isArray(_path) ? _path : _path.toString().match(/[^.[\]]+/g);
-  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;
-};
-
 // src/functions/transform-block.js
 function transformBlock(block) {
   return block;
 }
 
 // src/functions/get-processed-block.js
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, {
+var __defProp2 = Object.defineProperty;
+var __defProps2 = Object.defineProperties;
+var __getOwnPropDescs2 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols2 = Object.getOwnPropertySymbols;
+var __hasOwnProp2 = Object.prototype.hasOwnProperty;
+var __propIsEnum2 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp2 = (obj, key, value) => key in obj ? __defProp2(obj, key, {
   enumerable: true,
   configurable: true,
   writable: true,
   value
 }) : obj[key] = value;
-var __spreadValues = (a, b) => {
+var __spreadValues2 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
+    if (__hasOwnProp2.call(b, prop))
+      __defNormalProp2(a, prop, b[prop]);
+  if (__getOwnPropSymbols2)
+    for (var prop of __getOwnPropSymbols2(b)) {
+      if (__propIsEnum2.call(b, prop))
+        __defNormalProp2(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __spreadProps2 = (a, b) => __defProps2(a, __getOwnPropDescs2(b));
 var evaluateBindings = ({
   block,
   context,
@@ -318,9 +465,9 @@ var evaluateBindings = ({
     return block;
   }
   const copy = fastClone(block);
-  const copied = __spreadProps(__spreadValues({}, copy), {
-    properties: __spreadValues({}, copy.properties),
-    actions: __spreadValues({}, copy.actions)
+  const copied = __spreadProps2(__spreadValues2({}, copy), {
+    properties: __spreadValues2({}, copy.properties),
+    actions: __spreadValues2({}, copy.actions)
   });
   for (const binding in block.bindings) {
     const expression = block.bindings[binding];
@@ -479,62 +626,62 @@ function BlockStyles(props) {
 var block_styles_default = BlockStyles;
 
 // src/functions/get-block-component-options.js
-var __defProp2 = Object.defineProperty;
-var __defProps2 = Object.defineProperties;
-var __getOwnPropDescs2 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols2 = Object.getOwnPropertySymbols;
-var __hasOwnProp2 = Object.prototype.hasOwnProperty;
-var __propIsEnum2 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp2 = (obj, key, value) => key in obj ? __defProp2(obj, key, {
+var __defProp3 = Object.defineProperty;
+var __defProps3 = Object.defineProperties;
+var __getOwnPropDescs3 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols3 = Object.getOwnPropertySymbols;
+var __hasOwnProp3 = Object.prototype.hasOwnProperty;
+var __propIsEnum3 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp3 = (obj, key, value) => key in obj ? __defProp3(obj, key, {
   enumerable: true,
   configurable: true,
   writable: true,
   value
 }) : obj[key] = value;
-var __spreadValues2 = (a, b) => {
+var __spreadValues3 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp2.call(b, prop))
-      __defNormalProp2(a, prop, b[prop]);
-  if (__getOwnPropSymbols2)
-    for (var prop of __getOwnPropSymbols2(b)) {
-      if (__propIsEnum2.call(b, prop))
-        __defNormalProp2(a, prop, b[prop]);
+    if (__hasOwnProp3.call(b, prop))
+      __defNormalProp3(a, prop, b[prop]);
+  if (__getOwnPropSymbols3)
+    for (var prop of __getOwnPropSymbols3(b)) {
+      if (__propIsEnum3.call(b, prop))
+        __defNormalProp3(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps2 = (a, b) => __defProps2(a, __getOwnPropDescs2(b));
+var __spreadProps3 = (a, b) => __defProps3(a, __getOwnPropDescs3(b));
 function getBlockComponentOptions(block) {
   var _a;
-  return __spreadProps2(__spreadValues2(__spreadValues2({}, (_a = block.component) == null ? void 0 : _a.options), block.options), {
+  return __spreadProps3(__spreadValues3(__spreadValues3({}, (_a = block.component) == null ? void 0 : _a.options), block.options), {
     builderBlock: block
   });
 }
 
 // src/functions/sanitize-react-native-block-styles.js
-var __defProp3 = Object.defineProperty;
-var __defProps3 = Object.defineProperties;
-var __getOwnPropDescs3 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols3 = Object.getOwnPropertySymbols;
-var __hasOwnProp3 = Object.prototype.hasOwnProperty;
-var __propIsEnum3 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp3 = (obj, key, value) => key in obj ? __defProp3(obj, key, {
+var __defProp4 = Object.defineProperty;
+var __defProps4 = Object.defineProperties;
+var __getOwnPropDescs4 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols4 = Object.getOwnPropertySymbols;
+var __hasOwnProp4 = Object.prototype.hasOwnProperty;
+var __propIsEnum4 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp4 = (obj, key, value) => key in obj ? __defProp4(obj, key, {
   enumerable: true,
   configurable: true,
   writable: true,
   value
 }) : obj[key] = value;
-var __spreadValues3 = (a, b) => {
+var __spreadValues4 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp3.call(b, prop))
-      __defNormalProp3(a, prop, b[prop]);
-  if (__getOwnPropSymbols3)
-    for (var prop of __getOwnPropSymbols3(b)) {
-      if (__propIsEnum3.call(b, prop))
-        __defNormalProp3(a, prop, b[prop]);
+    if (__hasOwnProp4.call(b, prop))
+      __defNormalProp4(a, prop, b[prop]);
+  if (__getOwnPropSymbols4)
+    for (var prop of __getOwnPropSymbols4(b)) {
+      if (__propIsEnum4.call(b, prop))
+        __defNormalProp4(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps3 = (a, b) => __defProps3(a, __getOwnPropDescs3(b));
+var __spreadProps4 = (a, b) => __defProps4(a, __getOwnPropDescs4(b));
 var propertiesThatMustBeNumber = /* @__PURE__ */ new Set(["lineHeight"]);
 var displayValues = /* @__PURE__ */ new Set(["flex", "none"]);
 var SHOW_WARNINGS = false;
@@ -568,43 +715,43 @@ var sanitizeReactNativeBlockStyles = (styles) => {
         const newValue = parseFloat(propertyValue);
         const normalizedValue = normalizeNumber(newValue);
         if (normalizedValue) {
-          return __spreadProps3(__spreadValues3({}, acc), {
+          return __spreadProps4(__spreadValues4({}, acc), {
             [key]: normalizedValue
           });
         } else {
           return acc;
         }
       } else if (propertyValue === "0") {
-        return __spreadProps3(__spreadValues3({}, acc), {
+        return __spreadProps4(__spreadValues4({}, acc), {
           [key]: 0
         });
       }
     }
-    return __spreadProps3(__spreadValues3({}, acc), {
+    return __spreadProps4(__spreadValues4({}, acc), {
       [key]: propertyValue
     });
   }, {});
 };
 
 // src/functions/get-react-native-block-styles.js
-var __defProp4 = Object.defineProperty;
-var __getOwnPropSymbols4 = Object.getOwnPropertySymbols;
-var __hasOwnProp4 = Object.prototype.hasOwnProperty;
-var __propIsEnum4 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp4 = (obj, key, value) => key in obj ? __defProp4(obj, key, {
+var __defProp5 = Object.defineProperty;
+var __getOwnPropSymbols5 = Object.getOwnPropertySymbols;
+var __hasOwnProp5 = Object.prototype.hasOwnProperty;
+var __propIsEnum5 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp5 = (obj, key, value) => key in obj ? __defProp5(obj, key, {
   enumerable: true,
   configurable: true,
   writable: true,
   value
 }) : obj[key] = value;
-var __spreadValues4 = (a, b) => {
+var __spreadValues5 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp4.call(b, prop))
-      __defNormalProp4(a, prop, b[prop]);
-  if (__getOwnPropSymbols4)
-    for (var prop of __getOwnPropSymbols4(b)) {
-      if (__propIsEnum4.call(b, prop))
-        __defNormalProp4(a, prop, b[prop]);
+    if (__hasOwnProp5.call(b, prop))
+      __defNormalProp5(a, prop, b[prop]);
+  if (__getOwnPropSymbols5)
+    for (var prop of __getOwnPropSymbols5(b)) {
+      if (__propIsEnum5.call(b, prop))
+        __defNormalProp5(a, prop, b[prop]);
     }
   return a;
 };
@@ -617,7 +764,7 @@ function getReactNativeBlockStyles({
   if (!responsiveStyles) {
     return {};
   }
-  const styles = __spreadValues4(__spreadValues4(__spreadValues4(__spreadValues4(__spreadValues4({}, context.inheritedStyles), responsiveStyles.large || {}), responsiveStyles.medium || {}), responsiveStyles.small || {}), blockStyles);
+  const styles = __spreadValues5(__spreadValues5(__spreadValues5(__spreadValues5(__spreadValues5({}, context.inheritedStyles), responsiveStyles.large || {}), responsiveStyles.medium || {}), responsiveStyles.small || {}), blockStyles);
   const newStyles = sanitizeReactNativeBlockStyles(styles);
   return newStyles;
 }
@@ -628,30 +775,30 @@ function transformBlockProperties(properties) {
 }
 
 // src/functions/get-block-properties.js
-var __defProp5 = Object.defineProperty;
-var __defProps4 = Object.defineProperties;
-var __getOwnPropDescs4 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols5 = Object.getOwnPropertySymbols;
-var __hasOwnProp5 = Object.prototype.hasOwnProperty;
-var __propIsEnum5 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp5 = (obj, key, value) => key in obj ? __defProp5(obj, key, {
+var __defProp6 = Object.defineProperty;
+var __defProps5 = Object.defineProperties;
+var __getOwnPropDescs5 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols6 = Object.getOwnPropertySymbols;
+var __hasOwnProp6 = Object.prototype.hasOwnProperty;
+var __propIsEnum6 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp6 = (obj, key, value) => key in obj ? __defProp6(obj, key, {
   enumerable: true,
   configurable: true,
   writable: true,
   value
 }) : obj[key] = value;
-var __spreadValues5 = (a, b) => {
+var __spreadValues6 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp5.call(b, prop))
-      __defNormalProp5(a, prop, b[prop]);
-  if (__getOwnPropSymbols5)
-    for (var prop of __getOwnPropSymbols5(b)) {
-      if (__propIsEnum5.call(b, prop))
-        __defNormalProp5(a, prop, b[prop]);
+    if (__hasOwnProp6.call(b, prop))
+      __defNormalProp6(a, prop, b[prop]);
+  if (__getOwnPropSymbols6)
+    for (var prop of __getOwnPropSymbols6(b)) {
+      if (__propIsEnum6.call(b, prop))
+        __defNormalProp6(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps4 = (a, b) => __defProps4(a, __getOwnPropDescs4(b));
+var __spreadProps5 = (a, b) => __defProps5(a, __getOwnPropDescs5(b));
 var extractRelevantRootBlockProperties = (block) => {
   return {
     href: block.href
@@ -662,7 +809,7 @@ function getBlockProperties({
   context
 }) {
   var _a;
-  const properties = __spreadProps4(__spreadValues5(__spreadValues5({}, extractRelevantRootBlockProperties(block)), block.properties), {
+  const properties = __spreadProps5(__spreadValues6(__spreadValues6({}, extractRelevantRootBlockProperties(block)), block.properties), {
     "builder-id": block.id,
     style: block.style ? getStyleAttribute(block.style) : void 0,
     class: [block.id, "builder-block", block.class, (_a = block.properties) == null ? void 0 : _a.class].filter(Boolean).join(" ")
@@ -692,38 +839,38 @@ function getStyleAttribute(style) {
 }
 
 // src/components/block/block.helpers.js
-var __defProp6 = Object.defineProperty;
-var __defProps5 = Object.defineProperties;
-var __getOwnPropDescs5 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols6 = Object.getOwnPropertySymbols;
-var __hasOwnProp6 = Object.prototype.hasOwnProperty;
-var __propIsEnum6 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp6 = (obj, key, value) => key in obj ? __defProp6(obj, key, {
+var __defProp7 = Object.defineProperty;
+var __defProps6 = Object.defineProperties;
+var __getOwnPropDescs6 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols7 = Object.getOwnPropertySymbols;
+var __hasOwnProp7 = Object.prototype.hasOwnProperty;
+var __propIsEnum7 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp7 = (obj, key, value) => key in obj ? __defProp7(obj, key, {
   enumerable: true,
   configurable: true,
   writable: true,
   value
 }) : obj[key] = value;
-var __spreadValues6 = (a, b) => {
+var __spreadValues7 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp6.call(b, prop))
-      __defNormalProp6(a, prop, b[prop]);
-  if (__getOwnPropSymbols6)
-    for (var prop of __getOwnPropSymbols6(b)) {
-      if (__propIsEnum6.call(b, prop))
-        __defNormalProp6(a, prop, b[prop]);
+    if (__hasOwnProp7.call(b, prop))
+      __defNormalProp7(a, prop, b[prop]);
+  if (__getOwnPropSymbols7)
+    for (var prop of __getOwnPropSymbols7(b)) {
+      if (__propIsEnum7.call(b, prop))
+        __defNormalProp7(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps5 = (a, b) => __defProps5(a, __getOwnPropDescs5(b));
+var __spreadProps6 = (a, b) => __defProps6(a, __getOwnPropDescs6(b));
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp6.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp7.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols6)
-    for (var prop of __getOwnPropSymbols6(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum6.call(source, prop))
+  if (source != null && __getOwnPropSymbols7)
+    for (var prop of __getOwnPropSymbols7(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum7.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -782,8 +929,8 @@ var getRepeatItemData = ({
   const collectionName = repeat.collection.split(".").pop();
   const itemNameToUse = repeat.itemName || (collectionName ? collectionName + "Item" : "item");
   const repeatArray = itemsArray.map((item, index) => ({
-    context: __spreadProps5(__spreadValues6({}, context), {
-      localState: __spreadProps5(__spreadValues6({}, context.localState), {
+    context: __spreadProps6(__spreadValues7({}, context), {
+      localState: __spreadProps6(__spreadValues7({}, context.localState), {
         $index: index,
         $item: item,
         [itemNameToUse]: item,
@@ -904,24 +1051,24 @@ function InteractiveElement(props) {
 var interactive_element_default = InteractiveElement;
 
 // src/components/block/components/component-ref/component-ref.helpers.js
-var __defProp7 = Object.defineProperty;
-var __getOwnPropSymbols7 = Object.getOwnPropertySymbols;
-var __hasOwnProp7 = Object.prototype.hasOwnProperty;
-var __propIsEnum7 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp7 = (obj, key, value) => key in obj ? __defProp7(obj, key, {
+var __defProp8 = Object.defineProperty;
+var __getOwnPropSymbols8 = Object.getOwnPropertySymbols;
+var __hasOwnProp8 = Object.prototype.hasOwnProperty;
+var __propIsEnum8 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp8 = (obj, key, value) => key in obj ? __defProp8(obj, key, {
   enumerable: true,
   configurable: true,
   writable: true,
   value
 }) : obj[key] = value;
-var __spreadValues7 = (a, b) => {
+var __spreadValues8 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp7.call(b, prop))
-      __defNormalProp7(a, prop, b[prop]);
-  if (__getOwnPropSymbols7)
-    for (var prop of __getOwnPropSymbols7(b)) {
-      if (__propIsEnum7.call(b, prop))
-        __defNormalProp7(a, prop, b[prop]);
+    if (__hasOwnProp8.call(b, prop))
+      __defNormalProp8(a, prop, b[prop]);
+  if (__getOwnPropSymbols8)
+    for (var prop of __getOwnPropSymbols8(b)) {
+      if (__propIsEnum8.call(b, prop))
+        __defNormalProp8(a, prop, b[prop]);
     }
   return a;
 };
@@ -940,7 +1087,7 @@ var getWrapperProps = ({
     context,
     wrapperProps: componentOptions
   };
-  return isInteractive ? interactiveElementProps : __spreadValues7(__spreadValues7({}, componentOptions), includeBlockProps ? {
+  return isInteractive ? interactiveElementProps : __spreadValues8(__spreadValues8({}, componentOptions), includeBlockProps ? {
     attributes: getBlockProperties({
       block: builderBlock,
       context: contextValue
@@ -1747,31 +1894,31 @@ function SectionComponent(props) {
 var section_default = SectionComponent;
 
 // src/components/content-variants/helpers.js
-var __defProp8 = Object.defineProperty;
-var __defProps6 = Object.defineProperties;
-var __getOwnPropDescs6 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols8 = Object.getOwnPropertySymbols;
-var __hasOwnProp8 = Object.prototype.hasOwnProperty;
-var __propIsEnum8 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp8 = (obj, key, value) => key in obj ? __defProp8(obj, key, {
+var __defProp9 = Object.defineProperty;
+var __defProps7 = Object.defineProperties;
+var __getOwnPropDescs7 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols9 = Object.getOwnPropertySymbols;
+var __hasOwnProp9 = Object.prototype.hasOwnProperty;
+var __propIsEnum9 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp9 = (obj, key, value) => key in obj ? __defProp9(obj, key, {
   enumerable: true,
   configurable: true,
   writable: true,
   value
 }) : obj[key] = value;
-var __spreadValues8 = (a, b) => {
+var __spreadValues9 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp8.call(b, prop))
-      __defNormalProp8(a, prop, b[prop]);
-  if (__getOwnPropSymbols8)
-    for (var prop of __getOwnPropSymbols8(b)) {
-      if (__propIsEnum8.call(b, prop))
-        __defNormalProp8(a, prop, b[prop]);
+    if (__hasOwnProp9.call(b, prop))
+      __defNormalProp9(a, prop, b[prop]);
+  if (__getOwnPropSymbols9)
+    for (var prop of __getOwnPropSymbols9(b)) {
+      if (__propIsEnum9.call(b, prop))
+        __defNormalProp9(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps6 = (a, b) => __defProps6(a, __getOwnPropDescs6(b));
-var getVariants = (content) => Object.values((content == null ? void 0 : content.variations) || {}).map((variant) => __spreadProps6(__spreadValues8({}, variant), {
+var __spreadProps7 = (a, b) => __defProps7(a, __getOwnPropDescs7(b));
+var getVariants = (content) => Object.values((content == null ? void 0 : content.variations) || {}).map((variant) => __spreadProps7(__spreadValues9({}, variant), {
   testVariationId: variant.id,
   id: content == null ? void 0 : content.id
 }));
@@ -2683,42 +2830,40 @@ var _tmpl$13 = /* @__PURE__ */ template(`<div>`);
 function CustomCode(props) {
   const [scriptsInserted, setScriptsInserted] = createSignal([]);
   const [scriptsRun, setScriptsRun] = createSignal([]);
-  function findAndRunScripts() {
-    if (elem && elem.getElementsByTagName && typeof window !== "undefined") {
-      const scripts = elem.getElementsByTagName("script");
-      for (let i = 0; i < scripts.length; i++) {
-        const script = scripts[i];
-        if (script.src) {
-          if (scriptsInserted().includes(script.src)) {
-            continue;
-          }
-          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 (scriptsRun().includes(script.innerText)) {
-            continue;
-          }
-          try {
-            scriptsRun().push(script.innerText);
-            new Function(script.innerText)();
-          } catch (error) {
-            console.warn("`CustomCode`: Error running script:", error);
-          }
+  let elementRef;
+  onMount(() => {
+    if (!elementRef?.getElementsByTagName || typeof window === "undefined") {
+      return;
+    }
+    const scripts = elementRef.getElementsByTagName("script");
+    for (let i = 0; i < scripts.length; i++) {
+      const script = scripts[i];
+      if (script.src) {
+        if (scriptsInserted().includes(script.src)) {
+          continue;
+        }
+        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 (scriptsRun().includes(script.innerText)) {
+          continue;
+        }
+        try {
+          scriptsRun().push(script.innerText);
+          new Function(script.innerText)();
+        } catch (error) {
+          console.warn("`CustomCode`: Error running script:", error);
         }
       }
     }
-  }
-  let elem;
-  onMount(() => {
-    findAndRunScripts();
   });
   return (() => {
     const _el$ = _tmpl$13();
-    const _ref$ = elem;
-    typeof _ref$ === "function" ? use(_ref$, _el$) : elem = _el$;
+    const _ref$ = elementRef;
+    typeof _ref$ === "function" ? use(_ref$, _el$) : elementRef = _el$;
     effect((_p$) => {
       const _v$ = "builder-custom-code" + (props.replaceNodes ? " replace-nodes" : ""), _v$2 = props.code;
       _v$ !== _p$._v$ && className(_el$, _p$._v$ = _v$);
@@ -2759,84 +2904,84 @@ var componentInfo11 = {
 };
 
 // src/constants/builder-registered-components.js
-var __defProp9 = Object.defineProperty;
-var __getOwnPropSymbols9 = Object.getOwnPropertySymbols;
-var __hasOwnProp9 = Object.prototype.hasOwnProperty;
-var __propIsEnum9 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp9 = (obj, key, value) => key in obj ? __defProp9(obj, key, {
+var __defProp10 = Object.defineProperty;
+var __getOwnPropSymbols10 = Object.getOwnPropertySymbols;
+var __hasOwnProp10 = Object.prototype.hasOwnProperty;
+var __propIsEnum10 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp10 = (obj, key, value) => key in obj ? __defProp10(obj, key, {
   enumerable: true,
   configurable: true,
   writable: true,
   value
 }) : obj[key] = value;
-var __spreadValues9 = (a, b) => {
+var __spreadValues10 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp9.call(b, prop))
-      __defNormalProp9(a, prop, b[prop]);
-  if (__getOwnPropSymbols9)
-    for (var prop of __getOwnPropSymbols9(b)) {
-      if (__propIsEnum9.call(b, prop))
-        __defNormalProp9(a, prop, b[prop]);
+    if (__hasOwnProp10.call(b, prop))
+      __defNormalProp10(a, prop, b[prop]);
+  if (__getOwnPropSymbols10)
+    for (var prop of __getOwnPropSymbols10(b)) {
+      if (__propIsEnum10.call(b, prop))
+        __defNormalProp10(a, prop, b[prop]);
     }
   return a;
 };
-var getDefaultRegisteredComponents = () => [__spreadValues9({
+var getDefaultRegisteredComponents = () => [__spreadValues10({
   component: button_default
-}, componentInfo), __spreadValues9({
+}, componentInfo), __spreadValues10({
   component: columns_default
-}, componentInfo2), __spreadValues9({
+}, componentInfo2), __spreadValues10({
   component: custom_code_default
-}, componentInfo11), __spreadValues9({
+}, componentInfo11), __spreadValues10({
   component: embed_default
-}, componentInfo9), __spreadValues9({
+}, componentInfo9), __spreadValues10({
   component: fragment_default
-}, componentInfo3), __spreadValues9({
+}, componentInfo3), __spreadValues10({
   component: image_default
-}, componentInfo4), __spreadValues9({
+}, componentInfo4), __spreadValues10({
   component: img_default
-}, componentInfo10), __spreadValues9({
+}, componentInfo10), __spreadValues10({
   component: section_default
-}, componentInfo5), __spreadValues9({
+}, componentInfo5), __spreadValues10({
   component: symbol_default
-}, componentInfo6), __spreadValues9({
+}, componentInfo6), __spreadValues10({
   component: text_default
-}, componentInfo7), __spreadValues9({
+}, componentInfo7), __spreadValues10({
   component: video_default
 }, componentInfo8)];
 
 // src/functions/register-component.js
-var __defProp10 = Object.defineProperty;
-var __defProps7 = Object.defineProperties;
-var __getOwnPropDescs7 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols10 = Object.getOwnPropertySymbols;
-var __hasOwnProp10 = Object.prototype.hasOwnProperty;
-var __propIsEnum10 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp10 = (obj, key, value) => key in obj ? __defProp10(obj, key, {
+var __defProp11 = Object.defineProperty;
+var __defProps8 = Object.defineProperties;
+var __getOwnPropDescs8 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols11 = Object.getOwnPropertySymbols;
+var __hasOwnProp11 = Object.prototype.hasOwnProperty;
+var __propIsEnum11 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp11 = (obj, key, value) => key in obj ? __defProp11(obj, key, {
   enumerable: true,
   configurable: true,
   writable: true,
   value
 }) : obj[key] = value;
-var __spreadValues10 = (a, b) => {
+var __spreadValues11 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp10.call(b, prop))
-      __defNormalProp10(a, prop, b[prop]);
-  if (__getOwnPropSymbols10)
-    for (var prop of __getOwnPropSymbols10(b)) {
-      if (__propIsEnum10.call(b, prop))
-        __defNormalProp10(a, prop, b[prop]);
+    if (__hasOwnProp11.call(b, prop))
+      __defNormalProp11(a, prop, b[prop]);
+  if (__getOwnPropSymbols11)
+    for (var prop of __getOwnPropSymbols11(b)) {
+      if (__propIsEnum11.call(b, prop))
+        __defNormalProp11(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps7 = (a, b) => __defProps7(a, __getOwnPropDescs7(b));
+var __spreadProps8 = (a, b) => __defProps8(a, __getOwnPropDescs8(b));
 var __objRest2 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp10.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp11.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols10)
-    for (var prop of __getOwnPropSymbols10(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum10.call(source, prop))
+  if (source != null && __getOwnPropSymbols11)
+    for (var prop of __getOwnPropSymbols11(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum11.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -2856,8 +3001,8 @@ var serializeComponentInfo = (_a) => {
   var _b = _a, {
     inputs
   } = _b, info = __objRest2(_b, ["inputs"]);
-  return __spreadProps7(__spreadValues10({}, fastClone(info)), {
-    inputs: inputs == null ? void 0 : inputs.map((input) => Object.entries(input).reduce((acc, [key, value]) => __spreadProps7(__spreadValues10({}, acc), {
+  return __spreadProps8(__spreadValues11({}, fastClone(info)), {
+    inputs: inputs == null ? void 0 : inputs.map((input) => Object.entries(input).reduce((acc, [key, value]) => __spreadProps8(__spreadValues11({}, acc), {
       [key]: serializeValue(value)
     }), {}))
   });
@@ -2953,30 +3098,30 @@ ${getFontCss({
 var styles_default = ContentStyles;
 
 // src/components/content/content.helpers.js
-var __defProp11 = Object.defineProperty;
-var __defProps8 = Object.defineProperties;
-var __getOwnPropDescs8 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols11 = Object.getOwnPropertySymbols;
-var __hasOwnProp11 = Object.prototype.hasOwnProperty;
-var __propIsEnum11 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp11 = (obj, key, value) => key in obj ? __defProp11(obj, key, {
+var __defProp12 = Object.defineProperty;
+var __defProps9 = Object.defineProperties;
+var __getOwnPropDescs9 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols12 = Object.getOwnPropertySymbols;
+var __hasOwnProp12 = Object.prototype.hasOwnProperty;
+var __propIsEnum12 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp12 = (obj, key, value) => key in obj ? __defProp12(obj, key, {
   enumerable: true,
   configurable: true,
   writable: true,
   value
 }) : obj[key] = value;
-var __spreadValues11 = (a, b) => {
+var __spreadValues12 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp11.call(b, prop))
-      __defNormalProp11(a, prop, b[prop]);
-  if (__getOwnPropSymbols11)
-    for (var prop of __getOwnPropSymbols11(b)) {
-      if (__propIsEnum11.call(b, prop))
-        __defNormalProp11(a, prop, b[prop]);
+    if (__hasOwnProp12.call(b, prop))
+      __defNormalProp12(a, prop, b[prop]);
+  if (__getOwnPropSymbols12)
+    for (var prop of __getOwnPropSymbols12(b)) {
+      if (__propIsEnum12.call(b, prop))
+        __defNormalProp12(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps8 = (a, b) => __defProps8(a, __getOwnPropDescs8(b));
+var __spreadProps9 = (a, b) => __defProps9(a, __getOwnPropDescs9(b));
 var getContextStateInitialValue = ({
   content,
   data,
@@ -2990,17 +3135,17 @@ var getContextStateInitialValue = ({
       defaultValues[input.name] = input.defaultValue;
     }
   });
-  const stateToUse = __spreadValues11(__spreadValues11(__spreadValues11({}, (_c = content == null ? void 0 : content.data) == null ? void 0 : _c.state), data), locale ? {
+  const stateToUse = __spreadValues12(__spreadValues12(__spreadValues12({}, (_c = content == null ? void 0 : content.data) == null ? void 0 : _c.state), data), locale ? {
     locale
   } : {});
-  return __spreadValues11(__spreadValues11({}, defaultValues), stateToUse);
+  return __spreadValues12(__spreadValues12({}, defaultValues), stateToUse);
 };
 var getContentInitialValue = ({
   content,
   data
 }) => {
-  return !content ? void 0 : __spreadProps8(__spreadValues11({}, content), {
-    data: __spreadValues11(__spreadValues11({}, content == null ? void 0 : content.data), data),
+  return !content ? void 0 : __spreadProps9(__spreadValues12({}, content), {
+    data: __spreadValues12(__spreadValues12({}, content == null ? void 0 : content.data), data),
     meta: content == null ? void 0 : content.meta
   });
 };
@@ -3250,38 +3395,38 @@ var setVisitorId = ({
 });
 
 // src/functions/track/index.js
-var __defProp12 = Object.defineProperty;
-var __defProps9 = Object.defineProperties;
-var __getOwnPropDescs9 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols12 = Object.getOwnPropertySymbols;
-var __hasOwnProp12 = Object.prototype.hasOwnProperty;
-var __propIsEnum12 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp12 = (obj, key, value) => key in obj ? __defProp12(obj, key, {
+var __defProp13 = Object.defineProperty;
+var __defProps10 = Object.defineProperties;
+var __getOwnPropDescs10 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols13 = Object.getOwnPropertySymbols;
+var __hasOwnProp13 = Object.prototype.hasOwnProperty;
+var __propIsEnum13 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp13 = (obj, key, value) => key in obj ? __defProp13(obj, key, {
   enumerable: true,
   configurable: true,
   writable: true,
   value
 }) : obj[key] = value;
-var __spreadValues12 = (a, b) => {
+var __spreadValues13 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp12.call(b, prop))
-      __defNormalProp12(a, prop, b[prop]);
-  if (__getOwnPropSymbols12)
-    for (var prop of __getOwnPropSymbols12(b)) {
-      if (__propIsEnum12.call(b, prop))
-        __defNormalProp12(a, prop, b[prop]);
+    if (__hasOwnProp13.call(b, prop))
+      __defNormalProp13(a, prop, b[prop]);
+  if (__getOwnPropSymbols13)
+    for (var prop of __getOwnPropSymbols13(b)) {
+      if (__propIsEnum13.call(b, prop))
+        __defNormalProp13(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps9 = (a, b) => __defProps9(a, __getOwnPropDescs9(b));
+var __spreadProps10 = (a, b) => __defProps10(a, __getOwnPropDescs10(b));
 var __objRest3 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp12.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp13.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols12)
-    for (var prop of __getOwnPropSymbols12(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum12.call(source, prop))
+  if (source != null && __getOwnPropSymbols13)
+    for (var prop of __getOwnPropSymbols13(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum13.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -3335,8 +3480,8 @@ var createEvent = (_a) => __async3(void 0, null, function* () {
   } = _b, properties = __objRest3(_b, ["type", "canTrack", "apiKey", "metadata"]);
   return {
     type: eventType,
-    data: __spreadProps9(__spreadValues12(__spreadProps9(__spreadValues12({}, properties), {
-      metadata: __spreadValues12({
+    data: __spreadProps10(__spreadValues13(__spreadProps10(__spreadValues13({}, properties), {
+      metadata: __spreadValues13({
         url: location.href
       }, metadata)
     }), yield getTrackingEventData({
@@ -3376,12 +3521,12 @@ function _track(eventProps) {
     });
   });
 }
-var track = (args) => _track(__spreadProps9(__spreadValues12({}, args), {
+var track = (args) => _track(__spreadProps10(__spreadValues13({}, args), {
   canTrack: true
 }));
 
 // src/constants/sdk-version.js
-var SDK_VERSION = "0.6.4";
+var SDK_VERSION = "0.7.1-0";
 
 // src/functions/register.js
 var registry = {};
@@ -3574,24 +3719,24 @@ var getInteractionPropertiesForEvent = (event) => {
 };
 
 // src/helpers/ab-tests.js
-var __defProp13 = Object.defineProperty;
-var __getOwnPropSymbols13 = Object.getOwnPropertySymbols;
-var __hasOwnProp13 = Object.prototype.hasOwnProperty;
-var __propIsEnum13 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp13 = (obj, key, value) => key in obj ? __defProp13(obj, key, {
+var __defProp14 = Object.defineProperty;
+var __getOwnPropSymbols14 = Object.getOwnPropertySymbols;
+var __hasOwnProp14 = Object.prototype.hasOwnProperty;
+var __propIsEnum14 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp14 = (obj, key, value) => key in obj ? __defProp14(obj, key, {
   enumerable: true,
   configurable: true,
   writable: true,
   value
 }) : obj[key] = value;
-var __spreadValues13 = (a, b) => {
+var __spreadValues14 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp13.call(b, prop))
-      __defNormalProp13(a, prop, b[prop]);
-  if (__getOwnPropSymbols13)
-    for (var prop of __getOwnPropSymbols13(b)) {
-      if (__propIsEnum13.call(b, prop))
-        __defNormalProp13(a, prop, b[prop]);
+    if (__hasOwnProp14.call(b, prop))
+      __defNormalProp14(a, prop, b[prop]);
+  if (__getOwnPropSymbols14)
+    for (var prop of __getOwnPropSymbols14(b)) {
+      if (__propIsEnum14.call(b, prop))
+        __defNormalProp14(a, prop, b[prop]);
     }
   return a;
 };
@@ -3707,7 +3852,7 @@ var handleABTestingSync = ({
     item,
     testGroupId
   });
-  return __spreadValues13(__spreadValues13({}, item), variationValue);
+  return __spreadValues14(__spreadValues14({}, item), variationValue);
 };
 var handleABTesting = (_0) => __async4(void 0, [_0], function* ({
   item,
@@ -3730,7 +3875,7 @@ var handleABTesting = (_0) => __async4(void 0, [_0], function* ({
     item,
     testGroupId
   });
-  return __spreadValues13(__spreadValues13({}, item), variationValue);
+  return __spreadValues14(__spreadValues14({}, item), variationValue);
 });
 
 // src/helpers/canTrack.js
@@ -3742,36 +3887,36 @@ function getPreviewContent(_searchParams) {
 }
 
 // src/helpers/flatten.js
-var __defProp14 = Object.defineProperty;
-var __defProps10 = Object.defineProperties;
-var __getOwnPropDescs10 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols14 = Object.getOwnPropertySymbols;
-var __hasOwnProp14 = Object.prototype.hasOwnProperty;
-var __propIsEnum14 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp14 = (obj, key, value) => key in obj ? __defProp14(obj, key, {
+var __defProp15 = Object.defineProperty;
+var __defProps11 = Object.defineProperties;
+var __getOwnPropDescs11 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols15 = Object.getOwnPropertySymbols;
+var __hasOwnProp15 = Object.prototype.hasOwnProperty;
+var __propIsEnum15 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp15 = (obj, key, value) => key in obj ? __defProp15(obj, key, {
   enumerable: true,
   configurable: true,
   writable: true,
   value
 }) : obj[key] = value;
-var __spreadValues14 = (a, b) => {
+var __spreadValues15 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp14.call(b, prop))
-      __defNormalProp14(a, prop, b[prop]);
-  if (__getOwnPropSymbols14)
-    for (var prop of __getOwnPropSymbols14(b)) {
-      if (__propIsEnum14.call(b, prop))
-        __defNormalProp14(a, prop, b[prop]);
+    if (__hasOwnProp15.call(b, prop))
+      __defNormalProp15(a, prop, b[prop]);
+  if (__getOwnPropSymbols15)
+    for (var prop of __getOwnPropSymbols15(b)) {
+      if (__propIsEnum15.call(b, prop))
+        __defNormalProp15(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps10 = (a, b) => __defProps10(a, __getOwnPropDescs10(b));
+var __spreadProps11 = (a, b) => __defProps11(a, __getOwnPropDescs11(b));
 function flatten(object, path = null, separator = ".") {
   return Object.keys(object).reduce((acc, key) => {
     const value = object[key];
     const newPath = [path, key].filter(Boolean).join(separator);
     const isObject = [typeof value === "object", value !== null, !(Array.isArray(value) && value.length === 0)].every(Boolean);
-    return isObject ? __spreadValues14(__spreadValues14({}, acc), flatten(value, newPath, separator)) : __spreadProps10(__spreadValues14({}, acc), {
+    return isObject ? __spreadValues15(__spreadValues15({}, acc), flatten(value, newPath, separator)) : __spreadProps11(__spreadValues15({}, acc), {
       [newPath]: value
     });
   }, {});
@@ -3814,39 +3959,49 @@ var normalizeSearchParams = (searchParams) => searchParams instanceof URLSearchP
 var DEFAULT_API_VERSION = "v3";
 
 // src/functions/get-content/generate-content-url.js
-var __defProp15 = Object.defineProperty;
-var __getOwnPropSymbols15 = Object.getOwnPropertySymbols;
-var __hasOwnProp15 = Object.prototype.hasOwnProperty;
-var __propIsEnum15 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp15 = (obj, key, value) => key in obj ? __defProp15(obj, key, {
+var __defProp16 = Object.defineProperty;
+var __getOwnPropSymbols16 = Object.getOwnPropertySymbols;
+var __hasOwnProp16 = Object.prototype.hasOwnProperty;
+var __propIsEnum16 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp16 = (obj, key, value) => key in obj ? __defProp16(obj, key, {
   enumerable: true,
   configurable: true,
   writable: true,
   value
 }) : obj[key] = value;
-var __spreadValues15 = (a, b) => {
+var __spreadValues16 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp15.call(b, prop))
-      __defNormalProp15(a, prop, b[prop]);
-  if (__getOwnPropSymbols15)
-    for (var prop of __getOwnPropSymbols15(b)) {
-      if (__propIsEnum15.call(b, prop))
-        __defNormalProp15(a, prop, b[prop]);
+    if (__hasOwnProp16.call(b, prop))
+      __defNormalProp16(a, prop, b[prop]);
+  if (__getOwnPropSymbols16)
+    for (var prop of __getOwnPropSymbols16(b)) {
+      if (__propIsEnum16.call(b, prop))
+        __defNormalProp16(a, prop, b[prop]);
     }
   return a;
 };
+var isPositiveNumber = (thing) => typeof thing === "number" && !isNaN(thing) && thing >= 0;
 var generateContentUrl = (options) => {
+  let {
+    noTraverse = false
+  } = options;
   const {
     limit = 30,
     userAttributes,
     query,
-    noTraverse = false,
     model,
     apiKey,
     includeRefs = true,
     enrich,
     locale,
-    apiVersion = DEFAULT_API_VERSION
+    apiVersion = DEFAULT_API_VERSION,
+    fields,
+    omit,
+    offset,
+    cacheSeconds,
+    staleCacheSeconds,
+    sort,
+    includeUnpublished
   } = options;
   if (!apiKey) {
     throw new Error("Missing API key");
@@ -3854,8 +4009,35 @@ var generateContentUrl = (options) => {
   if (!["v2", "v3"].includes(apiVersion)) {
     throw new Error(`Invalid apiVersion: expected 'v2' or 'v3', received '${apiVersion}'`);
   }
+  if ((options.limit === void 0 || options.limit > 1) && !("noTraverse" in options)) {
+    noTraverse = true;
+  }
   const url = new URL(`https://cdn.builder.io/api/${apiVersion}/content/${model}?apiKey=${apiKey}&limit=${limit}&noTraverse=${noTraverse}&includeRefs=${includeRefs}${locale ? `&locale=${locale}` : ""}${enrich ? `&enrich=${enrich}` : ""}`);
-  const queryOptions = __spreadValues15(__spreadValues15({}, getBuilderSearchParamsFromWindow()), normalizeSearchParams(options.options || {}));
+  url.searchParams.set("omit", omit || "meta.componentsUsed");
+  if (fields) {
+    url.searchParams.set("fields", fields);
+  }
+  if (Number.isFinite(offset) && offset > -1) {
+    url.searchParams.set("offset", String(Math.floor(offset)));
+  }
+  if (typeof includeUnpublished === "boolean") {
+    url.searchParams.set("includeUnpublished", String(includeUnpublished));
+  }
+  if (cacheSeconds && isPositiveNumber(cacheSeconds)) {
+    url.searchParams.set("cacheSeconds", String(cacheSeconds));
+  }
+  if (staleCacheSeconds && isPositiveNumber(staleCacheSeconds)) {
+    url.searchParams.set("staleCacheSeconds", String(staleCacheSeconds));
+  }
+  if (sort) {
+    const flattened2 = flatten({
+      sort
+    });
+    for (const key in flattened2) {
+      url.searchParams.set(key, JSON.stringify(flattened2[key]));
+    }
+  }
+  const queryOptions = __spreadValues16(__spreadValues16({}, getBuilderSearchParamsFromWindow()), normalizeSearchParams(options.options || {}));
   const flattened = flatten(queryOptions);
   for (const key in flattened) {
     url.searchParams.set(key, String(flattened[key]));
@@ -3875,30 +4057,30 @@ var generateContentUrl = (options) => {
 };
 
 // src/functions/get-content/index.js
-var __defProp16 = Object.defineProperty;
-var __defProps11 = Object.defineProperties;
-var __getOwnPropDescs11 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols16 = Object.getOwnPropertySymbols;
-var __hasOwnProp16 = Object.prototype.hasOwnProperty;
-var __propIsEnum16 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp16 = (obj, key, value) => key in obj ? __defProp16(obj, key, {
+var __defProp17 = Object.defineProperty;
+var __defProps12 = Object.defineProperties;
+var __getOwnPropDescs12 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols17 = Object.getOwnPropertySymbols;
+var __hasOwnProp17 = Object.prototype.hasOwnProperty;
+var __propIsEnum17 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp17 = (obj, key, value) => key in obj ? __defProp17(obj, key, {
   enumerable: true,
   configurable: true,
   writable: true,
   value
 }) : obj[key] = value;
-var __spreadValues16 = (a, b) => {
+var __spreadValues17 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp16.call(b, prop))
-      __defNormalProp16(a, prop, b[prop]);
-  if (__getOwnPropSymbols16)
-    for (var prop of __getOwnPropSymbols16(b)) {
-      if (__propIsEnum16.call(b, prop))
-        __defNormalProp16(a, prop, b[prop]);
+    if (__hasOwnProp17.call(b, prop))
+      __defNormalProp17(a, prop, b[prop]);
+  if (__getOwnPropSymbols17)
+    for (var prop of __getOwnPropSymbols17(b)) {
+      if (__propIsEnum17.call(b, prop))
+        __defNormalProp17(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps11 = (a, b) => __defProps11(a, __getOwnPropDescs11(b));
+var __spreadProps12 = (a, b) => __defProps12(a, __getOwnPropDescs12(b));
 var __async5 = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
@@ -3922,7 +4104,7 @@ var __async5 = (__this, __arguments, generator) => {
 var checkContentHasResults = (content) => "results" in content;
 function fetchOneEntry(options) {
   return __async5(this, null, function* () {
-    const allContent = yield fetchEntries(__spreadProps11(__spreadValues16({}, options), {
+    const allContent = yield fetchEntries(__spreadProps12(__spreadValues17({}, options), {
       limit: 1
     }));
     if (allContent) {
@@ -4003,7 +4185,6 @@ function isPreviewing() {
 // src/components/content/components/enable-editor.jsx
 var _tmpl$14 = /* @__PURE__ */ template(`<div>`);
 function EnableEditor(props) {
-  const [canTrackToUse, setCanTrackToUse] = createSignal(checkIsDefined(props.canTrack) ? props.canTrack : true);
   const [forceReRenderCount, setForceReRenderCount] = createSignal(0);
   createSignal(0);
   const [shouldSendResetCookie, setShouldSendResetCookie] = createSignal(false);
@@ -4084,7 +4265,7 @@ function EnableEditor(props) {
       const contentId = props.builderContextSignal.content?.id;
       _track({
         type: "click",
-        canTrack: canTrackToUse(),
+        canTrack: getDefaultCanTrack(props.canTrack),
         contentId,
         apiKey: props.apiKey,
         variationId: variationId !== contentId ? variationId : void 0,
@@ -4146,11 +4327,8 @@ function EnableEditor(props) {
   }
   let elementRef;
   onMount(() => {
-    if (!props.apiKey) {
-      logger.error("No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop.");
-    }
     if (isBrowser()) {
-      if (isEditing()) {
+      if (isEditing() && true) {
         setForceReRenderCount(forceReRenderCount() + 1);
         window.addEventListener("message", processMessage);
         registerInsertMenu();
@@ -4171,18 +4349,20 @@ function EnableEditor(props) {
         });
         window.addEventListener("builder:component:stateChangeListenerActivated", emitStateUpdate);
       }
-      if (props.builderContextSignal.content) {
+      const shouldTrackImpression = props.builderContextSignal.content && getDefaultCanTrack(props.canTrack);
+      if (shouldTrackImpression) {
         const variationId = props.builderContextSignal.content?.testVariationId;
         const contentId = props.builderContextSignal.content?.id;
+        const apiKeyProp = props.apiKey;
         _track({
           type: "impression",
-          canTrack: canTrackToUse(),
+          canTrack: true,
           contentId,
-          apiKey: props.apiKey,
+          apiKey: apiKeyProp,
           variationId: variationId !== contentId ? variationId : void 0
         });
       }
-      if (isPreviewing()) {
+      if (isPreviewing() && true) {
         const searchParams = new URL(location.href).searchParams;
         const searchParamPreviewModel = searchParams.get("builder.preview");
         const searchParamPreviewId = searchParams.get(`builder.preview.${searchParamPreviewModel}`);
@@ -4199,11 +4379,16 @@ function EnableEditor(props) {
           });
         }
       }
-      evaluateJsCode();
-      runHttpRequests();
-      emitStateUpdate();
     }
   });
+  onMount(() => {
+    if (!props.apiKey) {
+      logger.error("No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop.");
+    }
+    evaluateJsCode();
+    runHttpRequests();
+    emitStateUpdate();
+  });
   function onUpdateFn_0() {
     if (props.content) {
       mergeNewContent(props.content);
@@ -4236,16 +4421,17 @@ function EnableEditor(props) {
         },
         get children() {
           const _el$ = _tmpl$14();
-          _el$.$$click = (event) => onClick(event);
           const _ref$ = elementRef;
           typeof _ref$ === "function" ? use(_ref$, _el$) : elementRef = _el$;
           spread(_el$, mergeProps({
             get ["class"]() {
               return props.classNameProp;
-            },
+            }
+          }, {}, {
             get key() {
               return forceReRenderCount();
             },
+            "onClick": (event) => onClick(event),
             get ["builder-content-id"]() {
               return props.builderContextSignal.content?.id;
             },
@@ -4264,7 +4450,6 @@ function EnableEditor(props) {
   });
 }
 var enable_editor_default = EnableEditor;
-delegateEvents(["click"]);
 var _tmpl$15 = /* @__PURE__ */ template(`<script>`);
 function InlinedScript(props) {
   return (() => {
@@ -4587,24 +4772,24 @@ function ContentVariants(props) {
 var content_variants_default = ContentVariants;
 
 // src/blocks/symbol/symbol.helpers.js
-var __defProp17 = Object.defineProperty;
-var __getOwnPropSymbols17 = Object.getOwnPropertySymbols;
-var __hasOwnProp17 = Object.prototype.hasOwnProperty;
-var __propIsEnum17 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp17 = (obj, key, value) => key in obj ? __defProp17(obj, key, {
+var __defProp18 = Object.defineProperty;
+var __getOwnPropSymbols18 = Object.getOwnPropertySymbols;
+var __hasOwnProp18 = Object.prototype.hasOwnProperty;
+var __propIsEnum18 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp18 = (obj, key, value) => key in obj ? __defProp18(obj, key, {
   enumerable: true,
   configurable: true,
   writable: true,
   value
 }) : obj[key] = value;
-var __spreadValues17 = (a, b) => {
+var __spreadValues18 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp17.call(b, prop))
-      __defNormalProp17(a, prop, b[prop]);
-  if (__getOwnPropSymbols17)
-    for (var prop of __getOwnPropSymbols17(b)) {
-      if (__propIsEnum17.call(b, prop))
-        __defNormalProp17(a, prop, b[prop]);
+    if (__hasOwnProp18.call(b, prop))
+      __defNormalProp18(a, prop, b[prop]);
+  if (__getOwnPropSymbols18)
+    for (var prop of __getOwnPropSymbols18(b)) {
+      if (__propIsEnum18.call(b, prop))
+        __defNormalProp18(a, prop, b[prop]);
     }
   return a;
 };
@@ -4633,7 +4818,7 @@ var fetchSymbolContent = (_0) => __async6(void 0, [_0], function* ({
   symbol
 }) {
   if ((symbol == null ? void 0 : symbol.model) && (builderContextValue == null ? void 0 : builderContextValue.apiKey)) {
-    return fetchOneEntry(__spreadValues17({
+    return fetchOneEntry(__spreadValues18({
       model: symbol.model,
       apiKey: builderContextValue.apiKey,
       apiVersion: builderContextValue.apiVersion
@@ -4733,30 +4918,30 @@ function setEditorSettings(newSettings) {
 }
 
 // src/functions/fetch-builder-props.js
-var __defProp18 = Object.defineProperty;
-var __defProps12 = Object.defineProperties;
-var __getOwnPropDescs12 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols18 = Object.getOwnPropertySymbols;
-var __hasOwnProp18 = Object.prototype.hasOwnProperty;
-var __propIsEnum18 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp18 = (obj, key, value) => key in obj ? __defProp18(obj, key, {
+var __defProp19 = Object.defineProperty;
+var __defProps13 = Object.defineProperties;
+var __getOwnPropDescs13 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols19 = Object.getOwnPropertySymbols;
+var __hasOwnProp19 = Object.prototype.hasOwnProperty;
+var __propIsEnum19 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp19 = (obj, key, value) => key in obj ? __defProp19(obj, key, {
   enumerable: true,
   configurable: true,
   writable: true,
   value
 }) : obj[key] = value;
-var __spreadValues18 = (a, b) => {
+var __spreadValues19 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp18.call(b, prop))
-      __defNormalProp18(a, prop, b[prop]);
-  if (__getOwnPropSymbols18)
-    for (var prop of __getOwnPropSymbols18(b)) {
-      if (__propIsEnum18.call(b, prop))
-        __defNormalProp18(a, prop, b[prop]);
+    if (__hasOwnProp19.call(b, prop))
+      __defNormalProp19(a, prop, b[prop]);
+  if (__getOwnPropSymbols19)
+    for (var prop of __getOwnPropSymbols19(b)) {
+      if (__propIsEnum19.call(b, prop))
+        __defNormalProp19(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps12 = (a, b) => __defProps12(a, __getOwnPropDescs12(b));
+var __spreadProps13 = (a, b) => __defProps13(a, __getOwnPropDescs13(b));
 var __async7 = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
@@ -4780,10 +4965,10 @@ var __async7 = (__this, __arguments, generator) => {
 var fetchBuilderProps = (_args) => __async7(void 0, null, function* () {
   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 getContentArgs = __spreadProps12(__spreadValues18({}, _args), {
+  const getContentArgs = __spreadProps13(__spreadValues19({}, _args), {
     apiKey: _args.apiKey,
     model: _args.model || "page",
-    userAttributes: __spreadValues18(__spreadValues18({}, _args.userAttributes), urlPath ? {
+    userAttributes: __spreadValues19(__spreadValues19({}, _args.userAttributes), urlPath ? {
       urlPath
     } : {}),
     options: getBuilderSearchParams(_args.searchParams || ((_c = _args.url) == null ? void 0 : _c.searchParams) || _args.options)