@builder.io/sdk-qwik 0.0.12 → 0.0.15

package/lib/index.qwik.cjs

@@ -162,7 +162,7 @@ function evaluate({ code, context, state, event }) {
   try {
     return new Function("builder", "Builder", "state", "context", "event", useCode)(builder, builder, state, context, event);
   } catch (e) {
-    console.warn("Builder custom code error: ", e);
+    console.warn("Builder custom code error: \n While Evaluating: \n ", useCode, "\n", e.message || e);
   }
 }
 const set = (obj, _path, value) => {
@@ -175,36 +175,36 @@ const set = (obj, _path, value) => {
 function transformBlock(block) {
   return block;
 }
-var __defProp$7 = Object.defineProperty;
-var __defProps$5 = Object.defineProperties;
-var __getOwnPropDescs$5 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$7 = Object.getOwnPropertySymbols;
-var __hasOwnProp$7 = Object.prototype.hasOwnProperty;
-var __propIsEnum$7 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$7 = (obj, key, value) => key in obj ? __defProp$7(obj, key, {
+var __defProp$8 = Object.defineProperty;
+var __defProps$6 = Object.defineProperties;
+var __getOwnPropDescs$6 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$8 = Object.getOwnPropertySymbols;
+var __hasOwnProp$8 = Object.prototype.hasOwnProperty;
+var __propIsEnum$8 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$8 = (obj, key, value) => key in obj ? __defProp$8(obj, key, {
   enumerable: true,
   configurable: true,
   writable: true,
   value
 }) : obj[key] = value;
-var __spreadValues$7 = (a, b) => {
+var __spreadValues$8 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$7.call(b, prop))
-      __defNormalProp$7(a, prop, b[prop]);
-  if (__getOwnPropSymbols$7) {
-    for (var prop of __getOwnPropSymbols$7(b))
-      if (__propIsEnum$7.call(b, prop))
-        __defNormalProp$7(a, prop, b[prop]);
+    if (__hasOwnProp$8.call(b, prop))
+      __defNormalProp$8(a, prop, b[prop]);
+  if (__getOwnPropSymbols$8) {
+    for (var prop of __getOwnPropSymbols$8(b))
+      if (__propIsEnum$8.call(b, prop))
+        __defNormalProp$8(a, prop, b[prop]);
   }
   return a;
 };
-var __spreadProps$5 = (a, b) => __defProps$5(a, __getOwnPropDescs$5(b));
+var __spreadProps$6 = (a, b) => __defProps$6(a, __getOwnPropDescs$6(b));
 const evaluateBindings = ({ block, context, state }) => {
   if (!block.bindings)
     return block;
-  const copied = __spreadProps$5(__spreadValues$7({}, block), {
-    properties: __spreadValues$7({}, block.properties),
-    actions: __spreadValues$7({}, block.actions)
+  const copied = __spreadProps$6(__spreadValues$8({}, block), {
+    properties: __spreadValues$8({}, block.properties),
+    actions: __spreadValues$8({}, block.actions)
   });
   for (const binding in block.bindings) {
     const expression = block.bindings[binding];
@@ -217,17 +217,16 @@ const evaluateBindings = ({ block, context, state }) => {
   }
   return copied;
 };
-function getProcessedBlock(options) {
-  const { state, context } = options;
-  const block = transformBlock(options.block);
-  if (evaluateBindings)
+function getProcessedBlock({ block, context, shouldEvaluateBindings, state }) {
+  const transformedBlock = transformBlock(block);
+  if (shouldEvaluateBindings)
     return evaluateBindings({
-      block,
+      block: transformedBlock,
       state,
       context
     });
   else
-    return block;
+    return transformedBlock;
 }
 const camelToKebabCase = (string) => string.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase();
 const convertStyleMaptoCSS = (style) => {
@@ -237,21 +236,25 @@ const convertStyleMaptoCSS = (style) => {
   });
   return cssProps.join("\n");
 };
-const RenderInlinedStyles = /* @__PURE__ */ qwik.componentQrl(qwik.inlinedQrl((props) => {
+const tagName$1 = function tagName(props, state) {
+  return "style";
+};
+const RenderInlinedStyles = (props) => {
   const state = {};
+  state.tagName = tagName$1();
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {
     children: /* @__PURE__ */ jsxRuntime.jsx(state.tagName, {
       children: props.styles
     })
   });
-}, "RenderInlinedStyles_component_0sD5UmyM3Rg"));
+};
 const RenderInlinedStyles$1 = RenderInlinedStyles;
 const useBlock$1 = function useBlock(props, state) {
   return getProcessedBlock({
     block: props.block,
     state: props.context.state,
     context: props.context.context,
-    evaluateBindings: true
+    shouldEvaluateBindings: true
   });
 };
 const css = function css2(props, state) {
@@ -298,6 +301,36 @@ function getBlockActions(options) {
   }
   return obj;
 }
+var __defProp$7 = Object.defineProperty;
+var __defProps$5 = Object.defineProperties;
+var __getOwnPropDescs$5 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$7 = Object.getOwnPropertySymbols;
+var __hasOwnProp$7 = Object.prototype.hasOwnProperty;
+var __propIsEnum$7 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$7 = (obj, key, value) => key in obj ? __defProp$7(obj, key, {
+  enumerable: true,
+  configurable: true,
+  writable: true,
+  value
+}) : obj[key] = value;
+var __spreadValues$7 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$7.call(b, prop))
+      __defNormalProp$7(a, prop, b[prop]);
+  if (__getOwnPropSymbols$7) {
+    for (var prop of __getOwnPropSymbols$7(b))
+      if (__propIsEnum$7.call(b, prop))
+        __defNormalProp$7(a, prop, b[prop]);
+  }
+  return a;
+};
+var __spreadProps$5 = (a, b) => __defProps$5(a, __getOwnPropDescs$5(b));
+function getBlockComponentOptions(block) {
+  var _a;
+  return __spreadProps$5(__spreadValues$7(__spreadValues$7({}, (_a = block.component) == null ? void 0 : _a.options), block.options), {
+    builderBlock: block
+  });
+}
 var __defProp$6 = Object.defineProperty;
 var __defProps$4 = Object.defineProperties;
 var __getOwnPropDescs$4 = Object.getOwnPropertyDescriptors;
@@ -322,39 +355,9 @@ var __spreadValues$6 = (a, b) => {
   return a;
 };
 var __spreadProps$4 = (a, b) => __defProps$4(a, __getOwnPropDescs$4(b));
-function getBlockComponentOptions(block) {
-  var _a;
-  return __spreadProps$4(__spreadValues$6(__spreadValues$6({}, (_a = block.component) == null ? void 0 : _a.options), block.options), {
-    builderBlock: block
-  });
-}
-var __defProp$5 = Object.defineProperty;
-var __defProps$3 = Object.defineProperties;
-var __getOwnPropDescs$3 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$5 = Object.getOwnPropertySymbols;
-var __hasOwnProp$5 = Object.prototype.hasOwnProperty;
-var __propIsEnum$5 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$5 = (obj, key, value) => key in obj ? __defProp$5(obj, key, {
-  enumerable: true,
-  configurable: true,
-  writable: true,
-  value
-}) : obj[key] = value;
-var __spreadValues$5 = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$5.call(b, prop))
-      __defNormalProp$5(a, prop, b[prop]);
-  if (__getOwnPropSymbols$5) {
-    for (var prop of __getOwnPropSymbols$5(b))
-      if (__propIsEnum$5.call(b, prop))
-        __defNormalProp$5(a, prop, b[prop]);
-  }
-  return a;
-};
-var __spreadProps$3 = (a, b) => __defProps$3(a, __getOwnPropDescs$3(b));
 function getBlockProperties(block) {
   var _a;
-  return __spreadProps$3(__spreadValues$5({}, block.properties), {
+  return __spreadProps$4(__spreadValues$6({}, block.properties), {
     "builder-id": block.id,
     class: [
       block.id,
@@ -369,30 +372,30 @@ const convertStyleObject = (obj) => {
 };
 const sanitizeBlockStyles = (_styles) => {
 };
-var __defProp$4 = Object.defineProperty;
-var __getOwnPropSymbols$4 = Object.getOwnPropertySymbols;
-var __hasOwnProp$4 = Object.prototype.hasOwnProperty;
-var __propIsEnum$4 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, {
+var __defProp$5 = Object.defineProperty;
+var __getOwnPropSymbols$5 = Object.getOwnPropertySymbols;
+var __hasOwnProp$5 = Object.prototype.hasOwnProperty;
+var __propIsEnum$5 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$5 = (obj, key, value) => key in obj ? __defProp$5(obj, key, {
   enumerable: true,
   configurable: true,
   writable: true,
   value
 }) : obj[key] = value;
-var __spreadValues$4 = (a, b) => {
+var __spreadValues$5 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$4.call(b, prop))
-      __defNormalProp$4(a, prop, b[prop]);
-  if (__getOwnPropSymbols$4) {
-    for (var prop of __getOwnPropSymbols$4(b))
-      if (__propIsEnum$4.call(b, prop))
-        __defNormalProp$4(a, prop, b[prop]);
+    if (__hasOwnProp$5.call(b, prop))
+      __defNormalProp$5(a, prop, b[prop]);
+  if (__getOwnPropSymbols$5) {
+    for (var prop of __getOwnPropSymbols$5(b))
+      if (__propIsEnum$5.call(b, prop))
+        __defNormalProp$5(a, prop, b[prop]);
   }
   return a;
 };
 function getBlockStyles(block) {
   var _a, _b, _c, _d, _e;
-  const styles = __spreadValues$4(__spreadValues$4({}, convertStyleObject((_a = block.responsiveStyles) == null ? void 0 : _a.large)), block.styles);
+  const styles = __spreadValues$5(__spreadValues$5({}, convertStyleObject((_a = block.responsiveStyles) == null ? void 0 : _a.large)), block.styles);
   if ((_b = block.responsiveStyles) == null ? void 0 : _b.medium)
     styles[getMaxWidthQueryForSize("medium")] = convertStyleObject((_c = block.responsiveStyles) == null ? void 0 : _c.medium);
   if ((_d = block.responsiveStyles) == null ? void 0 : _d.small)
@@ -420,21 +423,30 @@ const EMPTY_HTML_ELEMENTS = [
   "track",
   "wbr"
 ];
-const isEmptyHtmlElement = (tagName3) => {
-  return typeof tagName3 === "string" && EMPTY_HTML_ELEMENTS.includes(tagName3.toLowerCase());
+const isEmptyHtmlElement = (tagName4) => {
+  return typeof tagName4 === "string" && EMPTY_HTML_ELEMENTS.includes(tagName4.toLowerCase());
 };
+function markMutable(value) {
+  return qwik.mutable(value);
+}
+function markPropsMutable(props) {
+  Object.keys(props).forEach((key) => {
+    props[key] = qwik.mutable(props[key]);
+  });
+  return props;
+}
 const RenderComponent = (props) => {
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {
     children: props.componentRef ? /* @__PURE__ */ jsxRuntime.jsxs(props.componentRef, {
-      ...props.componentOptions,
+      ...markPropsMutable(props.componentOptions),
       children: [
-        (props.blockChildren || []).map((child) => {
+        (props.blockChildren || []).map(function(child) {
           return /* @__PURE__ */ jsxRuntime.jsx(RenderBlock$1, {
             block: child,
             context: props.context
           }, "render-block-" + child.id);
         }),
-        (props.blockChildren || []).map((child) => {
+        (props.blockChildren || []).map(function(child) {
           return /* @__PURE__ */ jsxRuntime.jsx(BlockStyles$1, {
             block: child,
             context: props.context
@@ -465,7 +477,7 @@ const RenderRepeatedBlock = /* @__PURE__ */ qwik.componentQrl(qwik.inlinedQrl((p
   }));
   return /* @__PURE__ */ jsxRuntime.jsx(RenderBlock$1, {
     block: props.block,
-    context: props.context
+    context: props.repeatContext
   });
 }, "RenderRepeatedBlock_component_fV0PdmPN990"));
 const RenderRepeatedBlock$1 = RenderRepeatedBlock;
@@ -474,7 +486,7 @@ const component = function component2(props, state) {
     block: props.block,
     state: props.context.state,
     context: props.context.context,
-    evaluateBindings: false
+    shouldEvaluateBindings: false
   }).component?.name;
   if (!componentName)
     return null;
@@ -497,7 +509,7 @@ const componentInfo$a = function componentInfo(props, state) {
 const componentRef = function componentRef2(props, state) {
   return component(props)?.component;
 };
-const tagName = function tagName2(props, state) {
+const tagName2 = function tagName3(props, state) {
   return getBlockTag(useBlock2(props));
 };
 const useBlock2 = function useBlock3(props, state) {
@@ -505,7 +517,7 @@ const useBlock2 = function useBlock3(props, state) {
     block: props.block,
     state: props.context.state,
     context: props.context.context,
-    evaluateBindings: true
+    shouldEvaluateBindings: true
   });
 };
 const attributes = function attributes2(props, state) {
@@ -575,28 +587,27 @@ const repeatItemData = function repeatItemData2(props, state) {
 };
 const RenderBlock = (props) => {
   const state = {};
-  state.tagName = tagName(props);
+  state.tagName = tagName2(props);
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {
-    children: shouldWrap(props) ? !isEmptyHtmlElement(tagName(props)) ? /* @__PURE__ */ jsxRuntime.jsxs(state.tagName, {
+    children: shouldWrap(props) ? !isEmptyHtmlElement(tagName2(props)) ? /* @__PURE__ */ jsxRuntime.jsxs(state.tagName, {
       ...attributes(props),
       children: [
-        repeatItemData(props) ? (repeatItemData(props) || []).map((data, index) => {
+        repeatItemData(props) ? (repeatItemData(props) || []).map(function(data, index) {
           return /* @__PURE__ */ jsxRuntime.jsx(RenderRepeatedBlock$1, {
             repeatContext: data.context,
-            block: data.block,
-            context: props.context
+            block: data.block
           }, index);
         }) : null,
         !repeatItemData(props) ? /* @__PURE__ */ jsxRuntime.jsx(RenderComponent$1, {
           ...renderComponentProps(props)
         }) : null,
-        (childrenWithoutParentComponent(props) || []).map((child) => {
+        (childrenWithoutParentComponent(props) || []).map(function(child) {
           return /* @__PURE__ */ jsxRuntime.jsx(RenderBlock, {
             block: child,
             context: props.context
           }, "render-block-" + child.id);
         }),
-        (childrenWithoutParentComponent(props) || []).map((child) => {
+        (childrenWithoutParentComponent(props) || []).map(function(child) {
           return /* @__PURE__ */ jsxRuntime.jsx(BlockStyles$1, {
             block: child,
             context: props.context
@@ -636,7 +647,7 @@ const onMouseEnter = function onMouseEnter2(props, state, builderContext) {
     }, "*");
 };
 const RenderBlocks = /* @__PURE__ */ qwik.componentQrl(qwik.inlinedQrl((props) => {
-  qwik.useStylesScopedQrl(qwik.inlinedQrl(STYLES$2, "RenderBlocks_component_useStylesScoped_QNti2s7juQc"));
+  qwik.useStylesScopedQrl(qwik.inlinedQrl(STYLES$3, "RenderBlocks_component_useStylesScoped_QNti2s7juQc"));
   const builderContext = qwik.useContext(stdin_default);
   const state = {};
   return /* @__PURE__ */ jsxRuntime.jsxs("div", {
@@ -663,13 +674,13 @@ const RenderBlocks = /* @__PURE__ */ qwik.componentQrl(qwik.inlinedQrl((props) =
       state
     ]),
     children: [
-      props.blocks ? (props.blocks || []).map((block) => {
+      props.blocks ? (props.blocks || []).map(function(block) {
         return /* @__PURE__ */ jsxRuntime.jsx(RenderBlock$1, {
           block,
           context: builderContext
         }, "render-block-" + block.id);
       }) : null,
-      props.blocks ? (props.blocks || []).map((block) => {
+      props.blocks ? (props.blocks || []).map(function(block) {
         return /* @__PURE__ */ jsxRuntime.jsx(BlockStyles$1, {
           block,
           context: builderContext
@@ -679,7 +690,7 @@ const RenderBlocks = /* @__PURE__ */ qwik.componentQrl(qwik.inlinedQrl((props) =
   });
 }, "RenderBlocks_component_SXGwmVyEM0s"));
 const RenderBlocks$1 = RenderBlocks;
-const STYLES$2 = `.div-RenderBlocks { 
+const STYLES$3 = `.div-RenderBlocks { 
 display: flex;
 flex-direction: column;
 align-items: stretch; }`;
@@ -721,12 +732,12 @@ const columnCssVars = function columnCssVars2(props, state) {
   };
 };
 const Columns = /* @__PURE__ */ qwik.componentQrl(qwik.inlinedQrl((props) => {
-  qwik.useStylesScopedQrl(qwik.inlinedQrl(STYLES$1, "Columns_component_useStylesScoped_704fWXyHORo"));
+  qwik.useStylesScopedQrl(qwik.inlinedQrl(STYLES$2, "Columns_component_useStylesScoped_704fWXyHORo"));
   const state = {};
   return /* @__PURE__ */ jsxRuntime.jsx("div", {
     class: "builder-columns div-Columns",
     style: columnsCssVars(props, state),
-    children: (props.columns || []).map((column, index) => {
+    children: (props.columns || []).map(function(column, index) {
       return /* @__PURE__ */ jsxRuntime.jsx("div", {
         class: "builder-column div-Columns-2",
         style: {
@@ -735,20 +746,22 @@ const Columns = /* @__PURE__ */ qwik.componentQrl(qwik.inlinedQrl((props) => {
           ...columnCssVars(props, state)
         },
         children: /* @__PURE__ */ jsxRuntime.jsx(RenderBlocks$1, {
-          blocks: column.blocks
+          blocks: markMutable(column.blocks),
+          path: `component.options.columns.${index}.blocks`,
+          parent: props.builderBlock.id
         })
       }, index);
     })
   });
 }, "Columns_component_0PeVQGTMczc"));
 const Columns$1 = Columns;
-const STYLES$1 = `.div-Columns { 
+const STYLES$2 = `.div-Columns { 
 display: flex;
 align-items: stretch;
-line-height: normal; }@media (max-width: 999px) { .div-Columns { 
+line-height: normal; }@media (max-width: 991px) { .div-Columns { 
 flex-direction: var(--flex-dir-tablet); } }@media (max-width: 639px) { .div-Columns { 
 flex-direction: var(--flex-dir); } }.div-Columns-2 { 
-flex-grow: 1; }@media (max-width: 999px) { .div-Columns-2 { 
+flex-grow: 1; }@media (max-width: 991px) { .div-Columns-2 { 
 width: var(--column-width-tablet) !important;
 margin-left: var(--column-margin-left-tablet) !important; } }@media (max-width: 639px) { .div-Columns-2 { 
 width: var(--column-width) !important;
@@ -828,7 +841,7 @@ const webpSrcSet = function webpSrcSet2(props, state) {
     return "";
 };
 const Image = /* @__PURE__ */ qwik.componentQrl(qwik.inlinedQrl((props) => {
-  qwik.useStylesScopedQrl(qwik.inlinedQrl(STYLES, "Image_component_useStylesScoped_gRbO7w7SeZA"));
+  qwik.useStylesScopedQrl(qwik.inlinedQrl(STYLES$1, "Image_component_useStylesScoped_gRbO7w7SeZA"));
   return /* @__PURE__ */ jsxRuntime.jsxs("div", {
     class: "div-Image",
     children: [
@@ -871,7 +884,7 @@ const Image = /* @__PURE__ */ qwik.componentQrl(qwik.inlinedQrl((props) => {
   });
 }, "Image_component_y3S3Zox9wEo"));
 const Image$1 = Image;
-const STYLES = `.div-Image { 
+const STYLES$1 = `.div-Image { 
 position: relative; }.img-Image { 
 opacity: 1;
 transition: opacity 0.2s ease-in-out;
@@ -934,6 +947,7 @@ const Video = /* @__PURE__ */ qwik.componentQrl(qwik.inlinedQrl((props) => {
 }, "Video_component_O5sPuWlrTvk"));
 const Video$1 = Video;
 const Button = /* @__PURE__ */ qwik.componentQrl(qwik.inlinedQrl((props) => {
+  qwik.useStylesScopedQrl(qwik.inlinedQrl(STYLES, "Button_component_useStylesScoped_vN61mfeURXY"));
   return /* @__PURE__ */ jsxRuntime.jsx(qwik.Fragment, {
     children: props.link ? /* @__PURE__ */ jsxRuntime.jsx("a", {
       role: "button",
@@ -941,13 +955,16 @@ const Button = /* @__PURE__ */ qwik.componentQrl(qwik.inlinedQrl((props) => {
       href: props.link,
       target: props.openLinkInNewTab ? "_blank" : void 0,
       children: props.text
-    }) : /* @__PURE__ */ jsxRuntime.jsx("span", {
+    }) : /* @__PURE__ */ jsxRuntime.jsx("button", {
+      class: "button-Button",
       ...props.attributes,
       children: props.text
     })
   });
 }, "Button_component_FtjCELjtKF4"));
 const Button$1 = Button;
+const STYLES = `.button-Button { 
+all: unset; }`;
 const componentInfo$9 = {
   name: "Core:Button",
   builtIn: true,
@@ -1690,9 +1707,9 @@ const findAndRunScripts = function findAndRunScripts2(props, state, elem) {
 const Embed = /* @__PURE__ */ qwik.componentQrl(qwik.inlinedQrl((props) => {
   const elem = qwik.useRef();
   const state = qwik.useStore({
+    ranInitFn: false,
     scriptsInserted: [],
-    scriptsRun: [],
-    ranInitFn: false
+    scriptsRun: []
   });
   qwik.useWatchQrl(qwik.inlinedQrl(({ track: track2 }) => {
     const [elem2, props2, state2] = qwik.useLexicalScope();
@@ -1747,83 +1764,83 @@ const componentInfo2 = {
   noWrap: true,
   static: true
 };
-var __defProp$3 = Object.defineProperty;
-var __getOwnPropSymbols$3 = Object.getOwnPropertySymbols;
-var __hasOwnProp$3 = Object.prototype.hasOwnProperty;
-var __propIsEnum$3 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$3 = (obj, key, value) => key in obj ? __defProp$3(obj, key, {
+var __defProp$4 = Object.defineProperty;
+var __getOwnPropSymbols$4 = Object.getOwnPropertySymbols;
+var __hasOwnProp$4 = Object.prototype.hasOwnProperty;
+var __propIsEnum$4 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, {
   enumerable: true,
   configurable: true,
   writable: true,
   value
 }) : obj[key] = value;
-var __spreadValues$3 = (a, b) => {
+var __spreadValues$4 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$3.call(b, prop))
-      __defNormalProp$3(a, prop, b[prop]);
-  if (__getOwnPropSymbols$3) {
-    for (var prop of __getOwnPropSymbols$3(b))
-      if (__propIsEnum$3.call(b, prop))
-        __defNormalProp$3(a, prop, b[prop]);
+    if (__hasOwnProp$4.call(b, prop))
+      __defNormalProp$4(a, prop, b[prop]);
+  if (__getOwnPropSymbols$4) {
+    for (var prop of __getOwnPropSymbols$4(b))
+      if (__propIsEnum$4.call(b, prop))
+        __defNormalProp$4(a, prop, b[prop]);
   }
   return a;
 };
 const getDefaultRegisteredComponents = () => [
-  __spreadValues$3({
+  __spreadValues$4({
     component: Columns$1
   }, componentInfo$8),
-  __spreadValues$3({
+  __spreadValues$4({
     component: Image$1
   }, componentInfo$6),
-  __spreadValues$3({
+  __spreadValues$4({
     component: Img
   }, componentInfo2),
-  __spreadValues$3({
+  __spreadValues$4({
     component: Text$1
   }, componentInfo$3),
-  __spreadValues$3({
+  __spreadValues$4({
     component: Video$1
   }, componentInfo$2),
-  __spreadValues$3({
+  __spreadValues$4({
     component: Symbol$2
   }, componentInfo$4),
-  __spreadValues$3({
+  __spreadValues$4({
     component: Button$1
   }, componentInfo$9),
-  __spreadValues$3({
+  __spreadValues$4({
     component: Section
   }, componentInfo$5),
-  __spreadValues$3({
+  __spreadValues$4({
     component: Fragment
   }, componentInfo$7),
-  __spreadValues$3({
+  __spreadValues$4({
     component: embed
   }, componentInfo$1)
 ];
-var __defProp$2 = Object.defineProperty;
-var __defProps$2 = Object.defineProperties;
-var __getOwnPropDescs$2 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$2 = Object.getOwnPropertySymbols;
-var __hasOwnProp$2 = Object.prototype.hasOwnProperty;
-var __propIsEnum$2 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$2 = (obj, key, value) => key in obj ? __defProp$2(obj, key, {
+var __defProp$3 = Object.defineProperty;
+var __defProps$3 = Object.defineProperties;
+var __getOwnPropDescs$3 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$3 = Object.getOwnPropertySymbols;
+var __hasOwnProp$3 = Object.prototype.hasOwnProperty;
+var __propIsEnum$3 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$3 = (obj, key, value) => key in obj ? __defProp$3(obj, key, {
   enumerable: true,
   configurable: true,
   writable: true,
   value
 }) : obj[key] = value;
-var __spreadValues$2 = (a, b) => {
+var __spreadValues$3 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$2.call(b, prop))
-      __defNormalProp$2(a, prop, b[prop]);
-  if (__getOwnPropSymbols$2) {
-    for (var prop of __getOwnPropSymbols$2(b))
-      if (__propIsEnum$2.call(b, prop))
-        __defNormalProp$2(a, prop, b[prop]);
+    if (__hasOwnProp$3.call(b, prop))
+      __defNormalProp$3(a, prop, b[prop]);
+  if (__getOwnPropSymbols$3) {
+    for (var prop of __getOwnPropSymbols$3(b))
+      if (__propIsEnum$3.call(b, prop))
+        __defNormalProp$3(a, prop, b[prop]);
   }
   return a;
 };
-var __spreadProps$2 = (a, b) => __defProps$2(a, __getOwnPropDescs$2(b));
+var __spreadProps$3 = (a, b) => __defProps$3(a, __getOwnPropDescs$3(b));
 function flatten(object, path = null, separator = ".") {
   return Object.keys(object).reduce((acc, key) => {
     const value = object[key];
@@ -1836,7 +1853,7 @@ function flatten(object, path = null, separator = ".") {
       value !== null,
       !(Array.isArray(value) && value.length === 0)
     ].every(Boolean);
-    return isObject ? __spreadValues$2(__spreadValues$2({}, acc), flatten(value, newPath, separator)) : __spreadProps$2(__spreadValues$2({}, acc), {
+    return isObject ? __spreadValues$3(__spreadValues$3({}, acc), flatten(value, newPath, separator)) : __spreadProps$3(__spreadValues$3({}, acc), {
       [newPath]: value
     });
   }, {});
@@ -1941,30 +1958,30 @@ const handleABTesting = (item, testGroups) => {
     }
   }
 };
-var __defProp$1 = Object.defineProperty;
-var __defProps$1 = Object.defineProperties;
-var __getOwnPropDescs$1 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$1 = Object.getOwnPropertySymbols;
-var __hasOwnProp$1 = Object.prototype.hasOwnProperty;
-var __propIsEnum$1 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, {
+var __defProp$2 = Object.defineProperty;
+var __defProps$2 = Object.defineProperties;
+var __getOwnPropDescs$2 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$2 = Object.getOwnPropertySymbols;
+var __hasOwnProp$2 = Object.prototype.hasOwnProperty;
+var __propIsEnum$2 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$2 = (obj, key, value) => key in obj ? __defProp$2(obj, key, {
   enumerable: true,
   configurable: true,
   writable: true,
   value
 }) : obj[key] = value;
-var __spreadValues$1 = (a, b) => {
+var __spreadValues$2 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$1.call(b, prop))
-      __defNormalProp$1(a, prop, b[prop]);
-  if (__getOwnPropSymbols$1) {
-    for (var prop of __getOwnPropSymbols$1(b))
-      if (__propIsEnum$1.call(b, prop))
-        __defNormalProp$1(a, prop, b[prop]);
+    if (__hasOwnProp$2.call(b, prop))
+      __defNormalProp$2(a, prop, b[prop]);
+  if (__getOwnPropSymbols$2) {
+    for (var prop of __getOwnPropSymbols$2(b))
+      if (__propIsEnum$2.call(b, prop))
+        __defNormalProp$2(a, prop, b[prop]);
   }
   return a;
 };
-var __spreadProps$1 = (a, b) => __defProps$1(a, __getOwnPropDescs$1(b));
+var __spreadProps$2 = (a, b) => __defProps$2(a, __getOwnPropDescs$2(b));
 var __async = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
@@ -1988,7 +2005,7 @@ var __async = (__this, __arguments, generator) => {
 const fetch$ = getFetch();
 function getContent(options) {
   return __async(this, null, function* () {
-    return (yield getAllContent(__spreadProps$1(__spreadValues$1({}, options), {
+    return (yield getAllContent(__spreadProps$2(__spreadValues$2({}, options), {
       limit: 1
     }))).results[0] || null;
   });
@@ -1996,7 +2013,7 @@ function getContent(options) {
 const generateContentUrl = (options) => {
   const { limit = 1, userAttributes, query, noTraverse = false, model, apiKey } = options;
   const url = new URL(`https://cdn.builder.io/api/v2/content/${model}?apiKey=${apiKey}&limit=${limit}&noTraverse=${noTraverse}`);
-  const queryOptions = __spreadValues$1(__spreadValues$1({}, getBuilderSearchParamsFromWindow()), normalizeSearchParams(options.options || {}));
+  const queryOptions = __spreadValues$2(__spreadValues$2({}, getBuilderSearchParamsFromWindow()), normalizeSearchParams(options.options || {}));
   const flattened = flatten(queryOptions);
   for (const key in flattened)
     url.searchParams.set(key, String(flattened[key]));
@@ -2029,52 +2046,52 @@ function isPreviewing() {
     return false;
   return Boolean(location.search.indexOf("builder.preview=") !== -1);
 }
-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 __defProp$1 = Object.defineProperty;
+var __defProps$1 = Object.defineProperties;
+var __getOwnPropDescs$1 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$1 = Object.getOwnPropertySymbols;
+var __hasOwnProp$1 = Object.prototype.hasOwnProperty;
+var __propIsEnum$1 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, {
   enumerable: true,
   configurable: true,
   writable: true,
   value
 }) : obj[key] = value;
-var __spreadValues = (a, b) => {
+var __spreadValues$1 = (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 (__hasOwnProp$1.call(b, prop))
+      __defNormalProp$1(a, prop, b[prop]);
+  if (__getOwnPropSymbols$1) {
+    for (var prop of __getOwnPropSymbols$1(b))
+      if (__propIsEnum$1.call(b, prop))
+        __defNormalProp$1(a, prop, b[prop]);
   }
   return a;
 };
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
+var __spreadProps$1 = (a, b) => __defProps$1(a, __getOwnPropDescs$1(b));
+var __objRest$1 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$1.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols) {
-    for (var prop of __getOwnPropSymbols(source))
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+  if (source != null && __getOwnPropSymbols$1) {
+    for (var prop of __getOwnPropSymbols$1(source))
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$1.call(source, prop))
         target[prop] = source[prop];
   }
   return target;
 };
 const components = [];
 function registerComponent(component3, info) {
-  components.push(__spreadValues({
+  components.push(__spreadValues$1({
     component: component3
   }, info));
   console.warn("registerComponent is deprecated. Use the `customComponents` prop in RenderContent instead to provide your custom components to the builder SDK.");
   return component3;
 }
 const createRegisterComponentMessage = (_a) => {
-  var info = __objRest(_a, [
+  var info = __objRest$1(_a, [
     "component"
   ]);
   return {
@@ -2090,16 +2107,239 @@ const serializeFn = (fnValue) => {
   return `return (${appendFunction ? "function " : ""}${fnStr}).apply(this, arguments)`;
 };
 const prepareComponentInfoToSend = (_c) => {
-  var { inputs } = _c, info = __objRest(_c, [
+  var { inputs } = _c, info = __objRest$1(_c, [
     "inputs"
   ]);
-  return __spreadProps(__spreadValues({}, fastClone(info)), {
-    inputs: inputs == null ? void 0 : inputs.map((input) => Object.entries(input).reduce((acc, [key, value]) => __spreadProps(__spreadValues({}, acc), {
+  return __spreadProps$1(__spreadValues$1({}, fastClone(info)), {
+    inputs: inputs == null ? void 0 : inputs.map((input) => Object.entries(input).reduce((acc, [key, value]) => __spreadProps$1(__spreadValues$1({}, acc), {
       [key]: serializeValue(value)
     }), {}))
   });
 };
-function track(event, properties) {
+const getTopLevelDomain = (host) => {
+  const parts = host.split(".");
+  if (parts.length > 2)
+    return parts.slice(1).join(".");
+  return host;
+};
+const getCookie = ({ 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];
+  } catch (err) {
+    console.debug("[COOKIE] GET error: ", err);
+  }
+};
+const stringifyCookie = (cookie) => cookie.map(([key, value]) => value ? `${key}=${value}` : key).join("; ");
+const SECURE_CONFIG = [
+  [
+    "secure",
+    ""
+  ],
+  [
+    "SameSite",
+    "None"
+  ]
+];
+const createCookieString = ({ name, value, expires }) => {
+  const secure = isBrowser() ? location.protocol === "https:" : true;
+  const secureObj = secure ? SECURE_CONFIG : [
+    []
+  ];
+  const expiresObj = expires ? [
+    [
+      "expires",
+      expires.toUTCString()
+    ]
+  ] : [
+    []
+  ];
+  const cookieValue = [
+    [
+      name,
+      value
+    ],
+    ...expiresObj,
+    [
+      "path",
+      "/"
+    ],
+    [
+      "domain",
+      getTopLevelDomain(window.location.hostname)
+    ],
+    ...secureObj
+  ];
+  const cookie = stringifyCookie(cookieValue);
+  return cookie;
+};
+const setCookie = ({ name, value, expires, canTrack }) => {
+  try {
+    if (!canTrack)
+      return void 0;
+    const cookie = createCookieString({
+      name,
+      value,
+      expires
+    });
+    document.cookie = cookie;
+  } catch (err) {
+    console.warn("[COOKIE] SET error: ", err);
+  }
+};
+const checkIsDefined = (maybeT) => maybeT !== null && maybeT !== void 0;
+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;
+    return v.toString(16);
+  });
+}
+function uuid() {
+  return uuidv4().replace(/-/g, "");
+}
+const SESSION_LOCAL_STORAGE_KEY = "builderSessionId";
+const getSessionId = ({ canTrack }) => {
+  if (!canTrack)
+    return void 0;
+  const sessionId = getCookie({
+    name: SESSION_LOCAL_STORAGE_KEY,
+    canTrack
+  });
+  if (checkIsDefined(sessionId))
+    return sessionId;
+  else {
+    const newSessionId = createSessionId();
+    setSessionId({
+      id: newSessionId,
+      canTrack
+    });
+  }
+};
+const createSessionId = () => uuid();
+const setSessionId = ({ id, canTrack }) => setCookie({
+  name: SESSION_LOCAL_STORAGE_KEY,
+  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 void 0;
+  } catch (err) {
+    console.debug("[LocalStorage] GET error: ", err);
+  }
+};
+const setLocalStorageItem = ({ key, canTrack, value }) => {
+  var _a;
+  try {
+    if (canTrack)
+      (_a = getLocalStorage()) == null || _a.setItem(key, value);
+  } catch (err) {
+    console.debug("[LocalStorage] SET error: ", err);
+  }
+};
+const VISITOR_LOCAL_STORAGE_KEY = "builderVisitorId";
+const getVisitorId = ({ canTrack }) => {
+  if (!canTrack)
+    return void 0;
+  const visitorId = getLocalStorageItem({
+    key: VISITOR_LOCAL_STORAGE_KEY,
+    canTrack
+  });
+  if (checkIsDefined(visitorId))
+    return visitorId;
+  else {
+    const newVisitorId = createVisitorId();
+    setVisitorId({
+      id: newVisitorId,
+      canTrack
+    });
+  }
+};
+const createVisitorId = () => uuid();
+const setVisitorId = ({ id, canTrack }) => setLocalStorageItem({
+  key: VISITOR_LOCAL_STORAGE_KEY,
+  value: id,
+  canTrack
+});
+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 __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols) {
+    for (var prop of __getOwnPropSymbols(source))
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+  }
+  return target;
+};
+const getTrackingEventData = ({ canTrack }) => {
+  if (!canTrack)
+    return {
+      visitorId: void 0,
+      sessionId: void 0
+    };
+  const sessionId = getSessionId({
+    canTrack
+  });
+  const visitorId = getVisitorId({
+    canTrack
+  });
+  return {
+    sessionId,
+    visitorId
+  };
+};
+const createEvent = (_a) => {
+  var { type: eventType, canTrack, orgId, contentId } = _a, properties = __objRest(_a, [
+    "type",
+    "canTrack",
+    "orgId",
+    "contentId"
+  ]);
+  return {
+    type: eventType,
+    data: __spreadProps(__spreadValues(__spreadValues({}, properties), getTrackingEventData({
+      canTrack
+    })), {
+      ownerId: orgId,
+      contentId
+    })
+  };
+};
+function track(eventProps) {
+  if (!eventProps.canTrack)
+    return;
   if (isEditing())
     return;
   if (!(isBrowser() || TARGET === "reactNative"))
@@ -2108,10 +2348,7 @@ function track(event, properties) {
     method: "POST",
     body: JSON.stringify({
       events: [
-        {
-          type: event,
-          data: properties
-        }
+        createEvent(eventProps)
       ]
     }),
     headers: {
@@ -2181,6 +2418,9 @@ const useContent = function useContent2(props, state, elementRef) {
   };
   return mergedContent;
 };
+const canTrackToUse = function canTrackToUse2(props, state, elementRef) {
+  return props.canTrack || true;
+};
 const contentState = function contentState2(props, state, elementRef) {
   return {
     ...props.content?.data?.state,
@@ -2211,8 +2451,10 @@ const processMessage = function processMessage2(props, state, elementRef, event)
         const messageContent = data.data;
         const key = messageContent.key || messageContent.alias || messageContent.entry || messageContent.modelName;
         const contentData = messageContent.data;
-        if (key === props.model)
+        if (key === props.model) {
           state.overrideContent = contentData;
+          state.forceReRenderCount = state.forceReRenderCount + 1;
+        }
         break;
       }
     }
@@ -2230,9 +2472,12 @@ const httpReqsData = function httpReqsData2(props, state, elementRef) {
   return {};
 };
 const onClick2 = function onClick3(props, state, elementRef, _event) {
-  if (useContent(props, state) && props.canTrack !== false)
-    track("click", {
-      contentId: useContent(props, state).id
+  if (useContent(props, state))
+    track({
+      type: "click",
+      canTrack: canTrackToUse(props),
+      contentId: useContent(props, state).id,
+      orgId: props.apiKey
     });
 };
 const evalExpression = function evalExpression2(props, state, elementRef, expression) {
@@ -2286,8 +2531,8 @@ const RenderContent = /* @__PURE__ */ qwik.componentQrl(qwik.inlinedQrl((props)
   const state = qwik.useStore({
     forceReRenderCount: 0,
     overrideContent: null,
-    update: 0,
-    overrideState: {}
+    overrideState: {},
+    update: 0
   });
   qwik.useContextProvider(stdin_default, qwik.useStore({
     content: (() => {
@@ -2310,7 +2555,7 @@ const RenderContent = /* @__PURE__ */ qwik.componentQrl(qwik.inlinedQrl((props)
     const [elementRef2, props2, state2] = qwik.useLexicalScope();
     if (isBrowser()) {
       if (isEditing()) {
-        state2.forceReRenderCount++;
+        state2.forceReRenderCount = state2.forceReRenderCount + 1;
         qwik._useMutableProps(elementRef2.current, true);
         registerInsertMenu();
         setupBrowserForEditing();
@@ -2321,9 +2566,12 @@ const RenderContent = /* @__PURE__ */ qwik.componentQrl(qwik.inlinedQrl((props)
         window.addEventListener("message", processMessage.bind(null, props2, state2, elementRef2));
         window.addEventListener("builder:component:stateChangeListenerActivated", emitStateUpdate.bind(null, props2, state2, elementRef2));
       }
-      if (useContent(props2, state2) && props2.canTrack !== false)
-        track("impression", {
-          contentId: useContent(props2, state2).id
+      if (useContent(props2, state2))
+        track({
+          type: "impression",
+          canTrack: canTrackToUse(props2),
+          contentId: useContent(props2, state2).id,
+          orgId: props2.apiKey
         });
       if (isPreviewing()) {
         const searchParams = new URL(location.href).searchParams;
@@ -2404,7 +2652,7 @@ const RenderContent = /* @__PURE__ */ qwik.componentQrl(qwik.inlinedQrl((props)
           customFonts: useContent(props, state)?.data?.customFonts
         }) : null,
         /* @__PURE__ */ jsxRuntime.jsx(RenderBlocks$1, {
-          blocks: useContent(props, state)?.data?.blocks
+          blocks: markMutable(useContent(props, state)?.data?.blocks)
         }, state.forceReRenderCount)
       ]
     }) : null
@@ -2426,9 +2674,7 @@ const Symbol$1 = /* @__PURE__ */ qwik.componentQrl(qwik.inlinedQrl((props) => {
   ]));
   qwik.useWatchQrl(qwik.inlinedQrl(({ track: track2 }) => {
     const [builderContext2, props2, state2] = qwik.useLexicalScope();
-    props2.symbol && track2(props2.symbol, "content");
-    props2.symbol && track2(props2.symbol, "model");
-    props2.symbol && track2(props2.symbol, "entry");
+    props2 && track2(props2, "symbol");
     state2 && track2(state2, "content");
     const symbolToUse = props2.symbol;
     if (symbolToUse && !symbolToUse.content && !state2.content && symbolToUse.model)
@@ -2455,14 +2701,14 @@ const Symbol$1 = /* @__PURE__ */ qwik.componentQrl(qwik.inlinedQrl((props) => {
     children: /* @__PURE__ */ jsxRuntime.jsx(RenderContent$1, {
       apiKey: builderContext.apiKey,
       context: builderContext.context,
-      customComponents: Object.values(builderContext.registeredComponents),
-      data: {
+      customComponents: markMutable(Object.values(builderContext.registeredComponents)),
+      data: markMutable({
         ...props.symbol?.data,
         ...builderContext.state,
         ...props.symbol?.content?.data?.state
-      },
+      }),
       model: props.symbol?.model,
-      content: state.content
+      content: markMutable(state.content)
     })
   });
 }, "Symbol_component_Dn8mGpai87I"));