@builder.io/sdk-qwik 0.5.8 → 0.6.0

package/lib/index.qwik.mjs

@@ -1,4 +1,4 @@
-import { componentQrl, inlinedQrl, useStylesScopedQrl, _jsxC, _jsxS, _fnSignal, createContextId, _jsxQ, _jsxBranch, useStore, useComputedQrl, useLexicalScope, _IMMUTABLE, Slot, useContextProvider, useContext, createElement, Fragment as Fragment$1, useSignal, useTaskQrl, useVisibleTaskQrl } from "@builder.io/qwik";
+import { componentQrl, inlinedQrl, useStylesScopedQrl, _jsxC, _jsxS, _fnSignal, createContextId, _jsxQ, _jsxBranch, useStore, useComputedQrl, useLexicalScope, _IMMUTABLE, Slot, useContextProvider, _wrapProp, useContext, Fragment as Fragment$1, createElement, useSignal, useTaskQrl, useVisibleTaskQrl } from "@builder.io/qwik";
 import { Fragment } from "@builder.io/qwik/jsx-runtime";
 const Button = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
   useStylesScopedQrl(/* @__PURE__ */ inlinedQrl(STYLES$3, "Button_component_useStylesScoped_a1JZ0Q0Q2Oc"));
@@ -66,12 +66,84 @@ function isIframe() {
 function isEditing() {
   return isIframe() && window.location.search.indexOf("builder.frameEditing=") !== -1;
 }
-function isNonNodeServer() {
-  const hasNode = () => {
-    var _a;
-    return typeof process !== "undefined" && ((_a = process == null ? void 0 : process.versions) == null ? void 0 : _a.node);
+const getLocation = () => {
+  if (isBrowser()) {
+    const parsedLocation = new URL(location.href);
+    if (parsedLocation.pathname === "")
+      parsedLocation.pathname = "/";
+    return parsedLocation;
+  } else {
+    console.warn("Cannot get location for tracking in non-browser environment");
+    return null;
+  }
+};
+const getUserAgent = () => typeof navigator === "object" && navigator.userAgent || "";
+const getUserAttributes = () => {
+  const userAgent = getUserAgent();
+  const isMobile = {
+    Android() {
+      return userAgent.match(/Android/i);
+    },
+    BlackBerry() {
+      return userAgent.match(/BlackBerry/i);
+    },
+    iOS() {
+      return userAgent.match(/iPhone|iPod/i);
+    },
+    Opera() {
+      return userAgent.match(/Opera Mini/i);
+    },
+    Windows() {
+      return userAgent.match(/IEMobile/i) || userAgent.match(/WPDesktop/i);
+    },
+    any() {
+      return isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Opera() || isMobile.Windows() || TARGET === "reactNative";
+    }
   };
-  return !isBrowser() && !hasNode();
+  const isTablet = userAgent.match(/Tablet|iPad/i);
+  const url = getLocation();
+  return {
+    urlPath: url == null ? void 0 : url.pathname,
+    host: (url == null ? void 0 : url.host) || (url == null ? void 0 : url.hostname),
+    device: isTablet ? "tablet" : isMobile.any() ? "mobile" : "desktop"
+  };
+};
+const getFunctionArguments = ({ builder, context, event, state }) => {
+  return Object.entries({
+    state,
+    Builder: builder,
+    // legacy
+    builder,
+    context,
+    event
+  });
+};
+const runInBrowser = ({ code, builder, context, event, localState, rootSetState, rootState }) => {
+  const functionArgs = getFunctionArguments({
+    builder,
+    context,
+    event,
+    state: flattenState(rootState, localState, rootSetState)
+  });
+  return new Function(...functionArgs.map(([name]) => name), code)(...functionArgs.map(([, value]) => value));
+};
+function flattenState(rootState, localState, rootSetState) {
+  if (rootState === localState)
+    throw new Error("rootState === localState");
+  return new Proxy(rootState, {
+    get: (_, prop) => {
+      if (localState && prop in localState)
+        return localState[prop];
+      return rootState[prop];
+    },
+    set: (_, prop, value) => {
+      if (localState && prop in localState)
+        throw new Error("Writing to local state is not allowed as it is read-only.");
+      rootState[prop] = value;
+      rootSetState == null ? void 0 : rootSetState(rootState);
+      return true;
+    }
+  });
 }
 const set = (obj, _path, value) => {
   if (Object(obj) !== obj)
@@ -3260,20 +3332,19 @@ const processCode = (code) => {
   }).filter(Boolean).join("\n");
 };
 const getJSONValName = (val) => val + "JSON";
-const runInNonNode = ({ builder, context, event, rootState, localState, rootSetState, useCode }) => {
+const runInNonNode = ({ builder, context, event, rootState, localState, rootSetState, code }) => {
   const state = {
     ...rootState,
     ...localState
   };
-  const properties = {
-    state,
-    Builder: builder,
+  const properties = getFunctionArguments({
     builder,
     context,
-    event
-  };
-  const prependedCode = Object.keys(properties).map((key) => `var ${key} = JSON.parse(${getJSONValName(key)});`).join("\n");
-  const cleanedCode = processCode(useCode);
+    event,
+    state
+  });
+  const prependedCode = properties.map(([key]) => `var ${key} = JSON.parse(${getJSONValName(key)});`).join("\n");
+  const cleanedCode = processCode(code);
   if (cleanedCode === "") {
     logger.warn("Skipping evaluation of empty code block.");
     return;
@@ -3291,8 +3362,7 @@ theFunction();
     rootSetState == null ? void 0 : rootSetState(newState);
   };
   const initFunc = function(interpreter, globalObject) {
-    Object.keys(properties).forEach((key) => {
-      const val = properties[key] || {};
+    properties.forEach(([key, val]) => {
       const jsonVal = JSON.stringify(val);
       interpreter.setProperty(globalObject, getJSONValName(key), jsonVal);
     });
@@ -3310,6 +3380,13 @@ theFunction();
     return;
   }
 };
+function isNonNodeServer() {
+  const hasNode = () => {
+    var _a;
+    return typeof process !== "undefined" && ((_a = process == null ? void 0 : process.versions) == null ? void 0 : _a.node);
+  };
+  return !isBrowser() && !hasNode();
+}
 function evaluate({ code, context, localState, rootState, rootSetState, event, isExpression = true }) {
   if (code === "") {
     logger.warn("Skipping evaluation of empty code block.");
@@ -3318,7 +3395,8 @@ function evaluate({ code, context, localState, rootState, rootSetState, event, i
   const builder = {
     isEditing: isEditing(),
     isBrowser: isBrowser(),
-    isServer: !isBrowser()
+    isServer: !isBrowser(),
+    getUserAttributes: () => getUserAttributes()
   };
   const useReturn = (
     // we disable this for cases where we definitely don't want a return
@@ -3326,7 +3404,7 @@ function evaluate({ code, context, localState, rootState, rootSetState, event, i
   );
   const useCode = useReturn ? `return (${code});` : code;
   const args = {
-    useCode,
+    code: useCode,
     builder,
     context,
     event,
@@ -3334,40 +3412,18 @@ function evaluate({ code, context, localState, rootState, rootSetState, event, i
     rootState,
     localState
   };
-  if (isBrowser())
-    return runInBrowser(args);
-  if (isNonNodeServer())
-    return runInNonNode(args);
-  return runInNode(args);
-}
-const runInBrowser = ({ useCode, builder, context, event, localState, rootSetState, rootState }) => {
-  const state = flattenState(rootState, localState, rootSetState);
   try {
-    return new Function("builder", "Builder", "state", "context", "event", useCode)(builder, builder, state, context, event);
+    if (isBrowser())
+      return runInBrowser(args);
+    if (isNonNodeServer())
+      return runInNonNode(args);
+    return runInBrowser(args);
   } catch (e) {
-    logger.warn("Builder custom code error: \n While Evaluating: \n ", useCode, "\n", e);
+    logger.error("Failed code evaluation: " + e.message, {
+      code
+    });
+    return void 0;
   }
-};
-const runInNode = (args) => {
-  return runInBrowser(args);
-};
-function flattenState(rootState, localState, rootSetState) {
-  if (rootState === localState)
-    throw new Error("rootState === localState");
-  return new Proxy(rootState, {
-    get: (_, prop) => {
-      if (localState && prop in localState)
-        return localState[prop];
-      return rootState[prop];
-    },
-    set: (_, prop, value) => {
-      if (localState && prop in localState)
-        throw new Error("Writing to local state is not allowed as it is read-only.");
-      rootState[prop] = value;
-      rootSetState == null ? void 0 : rootSetState(rootState);
-      return true;
-    }
-  });
 }
 const fastClone = (obj) => JSON.parse(JSON.stringify(obj));
 function transformBlock(block) {
@@ -3798,11 +3854,9 @@ const ComponentRef = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
         contextValue: props.context
       }),
       children: [
-        (props.blockChildren || []).map(function(child) {
+        (props.blockChildren || []).map((child) => {
           return /* @__PURE__ */ _jsxC(Block, {
-            get block() {
-              return child;
-            },
+            block: child,
             get context() {
               return props.context;
             },
@@ -3810,7 +3864,6 @@ const ComponentRef = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
               return props.registeredComponents;
             },
             [_IMMUTABLE]: {
-              block: _IMMUTABLE,
               context: _fnSignal((p0) => p0.context, [
                 props
               ], "p0.context"),
@@ -3820,16 +3873,13 @@ const ComponentRef = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
             }
           }, 3, "block-" + child.id);
         }),
-        (props.blockChildren || []).map(function(child) {
+        (props.blockChildren || []).map((child) => {
           return /* @__PURE__ */ _jsxC(BlockStyles, {
-            get block() {
-              return child;
-            },
+            block: child,
             get context() {
               return props.context;
             },
             [_IMMUTABLE]: {
-              block: _IMMUTABLE,
               context: _fnSignal((p0) => p0.context, [
                 props
               ], "p0.context")
@@ -3985,7 +4035,7 @@ const Block = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
             hasChildren: _IMMUTABLE
           }
         }, 3, "jN_0") : null,
-        !isEmptyHtmlElement(Tag.value) && repeatItem.value ? (repeatItem.value || []).map(function(data, index) {
+        !isEmptyHtmlElement(Tag.value) && repeatItem.value ? (repeatItem.value || []).map((data, index) => {
           return /* @__PURE__ */ _jsxC(RepeatedBlock, {
             get repeatContext() {
               return data.context;
@@ -3997,11 +4047,11 @@ const Block = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
               return props.registeredComponents;
             },
             [_IMMUTABLE]: {
-              block: _IMMUTABLE,
+              block: _wrapProp(data, "block"),
               registeredComponents: _fnSignal((p0) => p0.registeredComponents, [
                 props
               ], "p0.registeredComponents"),
-              repeatContext: _IMMUTABLE
+              repeatContext: _wrapProp(data, "context")
             }
           }, 3, index);
         }) : null,
@@ -4019,11 +4069,9 @@ const Block = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
             /* @__PURE__ */ _jsxC(ComponentRef, {
               ...componentRefProps.value
             }, 0, "jN_1"),
-            (childrenWithoutParentComponent.value || []).map(function(child) {
+            (childrenWithoutParentComponent.value || []).map((child) => {
               return /* @__PURE__ */ _jsxC(Block, {
-                get block() {
-                  return child;
-                },
+                block: child,
                 get context() {
                   return state.childrenContext;
                 },
@@ -4031,7 +4079,6 @@ const Block = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
                   return props.registeredComponents;
                 },
                 [_IMMUTABLE]: {
-                  block: _IMMUTABLE,
                   context: _fnSignal((p0) => p0.childrenContext, [
                     state
                   ], "p0.childrenContext"),
@@ -4041,16 +4088,13 @@ const Block = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
                 }
               }, 3, "block-" + child.id);
             }),
-            (childrenWithoutParentComponent.value || []).map(function(child) {
+            (childrenWithoutParentComponent.value || []).map((child) => {
               return /* @__PURE__ */ _jsxC(BlockStyles, {
-                get block() {
-                  return child;
-                },
+                block: child,
                 get context() {
                   return state.childrenContext;
                 },
                 [_IMMUTABLE]: {
-                  block: _IMMUTABLE,
                   context: _fnSignal((p0) => p0.childrenContext, [
                     state
                   ], "p0.childrenContext")
@@ -4171,40 +4215,45 @@ const Blocks = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =
       return props.styleProp;
     },
     children: [
-      props.blocks ? (props.blocks || []).map(function(block) {
-        return /* @__PURE__ */ _jsxC(Block, {
-          get block() {
-            return block;
-          },
-          get context() {
-            return props.context || builderContext$1;
-          },
-          get registeredComponents() {
-            return props.registeredComponents || componentsContext.registeredComponents;
-          },
-          [_IMMUTABLE]: {
-            block: _IMMUTABLE,
-            context: _fnSignal((p0, p1) => p1.context || p0, [
-              builderContext$1,
-              props
-            ], "p1.context||p0"),
-            registeredComponents: _fnSignal((p0, p1) => p1.registeredComponents || p0.registeredComponents, [
-              componentsContext,
-              props
-            ], "p1.registeredComponents||p0.registeredComponents")
-          }
-        }, 3, "render-block-" + block.id);
+      /* @__PURE__ */ _jsxQ("div", null, null, [
+        "in BLOCKS (outside loop): ",
+        _fnSignal((p0) => (
+          // @ts-ignore
+          p0.context.content.data.blocks[2].children[1].component.options.columns[0].blocks[1].component.options.text
+        ), [
+          props
+        ], "p0.context.content.data.blocks[2].children[1].component.options.columns[0].blocks[1].component.options.text")
+      ], 3, null),
+      props.blocks ? (props.blocks || []).map((block) => {
+        return /* @__PURE__ */ _jsxC(Fragment$1, {
+          children: /* @__PURE__ */ _jsxC(Block, {
+            block,
+            get context() {
+              return props.context || builderContext$1;
+            },
+            get registeredComponents() {
+              return props.registeredComponents || componentsContext.registeredComponents;
+            },
+            [_IMMUTABLE]: {
+              context: _fnSignal((p0, p1) => p1.context || p0, [
+                builderContext$1,
+                props
+              ], "p1.context||p0"),
+              registeredComponents: _fnSignal((p0, p1) => p1.registeredComponents || p0.registeredComponents, [
+                componentsContext,
+                props
+              ], "p1.registeredComponents||p0.registeredComponents")
+            }
+          }, 3, "render-block-" + block.id)
+        }, 1, "render-block-" + block.id);
       }) : null,
-      props.blocks ? (props.blocks || []).map(function(block) {
+      props.blocks ? (props.blocks || []).map((block) => {
         return /* @__PURE__ */ _jsxC(BlockStyles, {
-          get block() {
-            return block;
-          },
+          block,
           get context() {
             return props.context || builderContext$1;
           },
           [_IMMUTABLE]: {
-            block: _IMMUTABLE,
             context: _fnSignal((p0, p1) => p1.context || p0, [
               builderContext$1,
               props
@@ -4347,7 +4396,7 @@ const Columns = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props)
         ], "p0.value")
       }
     }, 3, "c0_0"),
-    (props.columns || []).map(function(column, index) {
+    (props.columns || []).map((column, index) => {
       return /* @__PURE__ */ createElement("div", {
         class: "builder-column div-Columns-2",
         style: columnCssVars(props, state, index),
@@ -4356,9 +4405,7 @@ const Columns = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props)
         get blocks() {
           return column.blocks;
         },
-        get path() {
-          return `component.options.columns.${index}.blocks`;
-        },
+        path: `component.options.columns.${index}.blocks`,
         get parent() {
           return props.builderBlock.id;
         },
@@ -4374,14 +4421,13 @@ const Columns = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props)
           return props.builderComponents;
         },
         [_IMMUTABLE]: {
-          blocks: _IMMUTABLE,
+          blocks: _wrapProp(column, "blocks"),
           context: _fnSignal((p0) => p0.builderContext, [
             props
           ], "p0.builderContext"),
           parent: _fnSignal((p0) => p0.builderBlock.id, [
             props
           ], "p0.builderBlock.id"),
-          path: _IMMUTABLE,
           registeredComponents: _fnSignal((p0) => p0.builderComponents, [
             props
           ], "p0.builderComponents"),
@@ -5797,167 +5843,35 @@ const serializeComponentInfo = ({ inputs, ...info }) => ({
     [key]: serializeValue(value)
   }), {}))
 });
-const getVariants = (content) => Object.values((content == null ? void 0 : content.variations) || {}).map((variant) => ({
-  ...variant,
-  testVariationId: variant.id,
-  id: content == null ? void 0 : content.id
-}));
-const checkShouldRunVariants = ({ canTrack, content }) => {
-  const hasVariants = getVariants(content).length > 0;
-  if (!hasVariants)
-    return false;
-  if (!canTrack)
-    return false;
-  if (isBrowser())
-    return false;
-  return true;
-};
-function bldrAbTest(contentId, variants, isHydrationTarget2) {
-  var _a;
-  function getAndSetVariantId2() {
-    function setCookie2(name, value, days) {
-      let expires = "";
-      if (days) {
-        const date = /* @__PURE__ */ new Date();
-        date.setTime(date.getTime() + days * 864e5);
-        expires = "; expires=" + date.toUTCString();
-      }
-      document.cookie = name + "=" + (value || "") + expires + "; path=/; Secure; SameSite=None";
-    }
-    function getCookie2(name) {
-      const nameEQ = name + "=";
-      const ca2 = document.cookie.split(";");
-      for (let i = 0; i < ca2.length; i++) {
-        let c = ca2[i];
-        while (c.charAt(0) === " ")
-          c = c.substring(1, c.length);
-        if (c.indexOf(nameEQ) === 0)
-          return c.substring(nameEQ.length, c.length);
-      }
-      return null;
-    }
-    const cookieName = `builder.tests.${contentId}`;
-    const variantInCookie = getCookie2(cookieName);
-    const availableIDs = variants.map((vr) => vr.id).concat(contentId);
-    if (variantInCookie && availableIDs.includes(variantInCookie))
-      return variantInCookie;
-    let n = 0;
-    const random = Math.random();
-    for (let i = 0; i < variants.length; i++) {
-      const variant = variants[i];
-      const testRatio = variant.testRatio;
-      n += testRatio;
-      if (random < n) {
-        setCookie2(cookieName, variant.id);
-        return variant.id;
-      }
-    }
-    setCookie2(cookieName, contentId);
-    return contentId;
-  }
-  const winningVariantId = getAndSetVariantId2();
-  const styleEl = (_a = document.currentScript) == null ? void 0 : _a.previousElementSibling;
-  if (isHydrationTarget2) {
-    styleEl.remove();
-    const thisScriptEl = document.currentScript;
-    thisScriptEl == null ? void 0 : thisScriptEl.remove();
-  } else {
-    const newStyleStr = variants.concat({
-      id: contentId
-    }).filter((variant) => variant.id !== winningVariantId).map((value) => {
-      return `.variant-${value.id} {  display: none; }
-        `;
-    }).join("");
-    styleEl.innerHTML = newStyleStr;
+const InlinedScript = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
+  return /* @__PURE__ */ _jsxQ("script", null, {
+    dangerouslySetInnerHTML: _fnSignal((p0) => p0.scriptStr, [
+      props
+    ], "p0.scriptStr"),
+    id: _fnSignal((p0) => p0.id, [
+      props
+    ], "p0.id")
+  }, null, 3, "WO_0");
+}, "InlinedScript_component_hwThBdhA8rw"));
+function getGlobalThis() {
+  if (typeof globalThis !== "undefined")
+    return globalThis;
+  if (typeof window !== "undefined")
+    return window;
+  if (typeof global !== "undefined")
+    return global;
+  if (typeof self !== "undefined")
+    return self;
+  return globalThis;
+}
+function getFetch() {
+  const globalFetch = getGlobalThis().fetch;
+  if (typeof globalFetch === "undefined") {
+    console.warn(`Builder SDK could not find a global fetch function. Make sure you have a polyfill for fetch in your project. 
+      For more information, read https://github.com/BuilderIO/this-package-uses-fetch`);
+    throw new Error("Builder SDK could not find a global `fetch` function");
   }
-}
-function bldrCntntScrpt(variantContentId, defaultContentId, isHydrationTarget2) {
-  var _a;
-  if (!navigator.cookieEnabled)
-    return;
-  function getCookie2(name) {
-    const nameEQ = name + "=";
-    const ca2 = document.cookie.split(";");
-    for (let i = 0; i < ca2.length; i++) {
-      let c = ca2[i];
-      while (c.charAt(0) === " ")
-        c = c.substring(1, c.length);
-      if (c.indexOf(nameEQ) === 0)
-        return c.substring(nameEQ.length, c.length);
-    }
-    return null;
-  }
-  const cookieName = `builder.tests.${defaultContentId}`;
-  const variantId = getCookie2(cookieName);
-  const parentDiv = (_a = document.currentScript) == null ? void 0 : _a.parentElement;
-  const variantIsDefaultContent = variantContentId === defaultContentId;
-  if (variantId === variantContentId) {
-    if (variantIsDefaultContent)
-      return;
-    parentDiv == null ? void 0 : parentDiv.removeAttribute("hidden");
-    parentDiv == null ? void 0 : parentDiv.removeAttribute("aria-hidden");
-  } else {
-    if (variantIsDefaultContent) {
-      if (isHydrationTarget2)
-        parentDiv == null ? void 0 : parentDiv.remove();
-      else {
-        parentDiv == null ? void 0 : parentDiv.setAttribute("hidden", "true");
-        parentDiv == null ? void 0 : parentDiv.setAttribute("aria-hidden", "true");
-      }
-    }
-    return;
-  }
-  return;
-}
-const getIsHydrationTarget = (target) => target === "react" || target === "reactNative";
-const isHydrationTarget = getIsHydrationTarget(TARGET);
-const AB_TEST_FN_NAME = "builderIoAbTest";
-const CONTENT_FN_NAME = "builderIoRenderContent";
-const getScriptString = () => {
-  const fnStr = bldrAbTest.toString().replace(/\s+/g, " ");
-  const fnStr2 = bldrCntntScrpt.toString().replace(/\s+/g, " ");
-  return `
-  window.${AB_TEST_FN_NAME} = ${fnStr}
-  window.${CONTENT_FN_NAME} = ${fnStr2}
-  `;
-};
-const getVariantsScriptString = (variants, contentId) => {
-  return `
-  window.${AB_TEST_FN_NAME}("${contentId}",${JSON.stringify(variants)}, ${isHydrationTarget})`;
-};
-const getRenderContentScriptString = ({ contentId, variationId }) => {
-  return `
-  window.${CONTENT_FN_NAME}("${variationId}", "${contentId}", ${isHydrationTarget})`;
-};
-const InlinedScript = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
-  return /* @__PURE__ */ _jsxQ("script", null, {
-    dangerouslySetInnerHTML: _fnSignal((p0) => p0.scriptStr, [
-      props
-    ], "p0.scriptStr"),
-    id: _fnSignal((p0) => p0.id, [
-      props
-    ], "p0.id")
-  }, null, 3, "WO_0");
-}, "InlinedScript_component_hwThBdhA8rw"));
-function getGlobalThis() {
-  if (typeof globalThis !== "undefined")
-    return globalThis;
-  if (typeof window !== "undefined")
-    return window;
-  if (typeof global !== "undefined")
-    return global;
-  if (typeof self !== "undefined")
-    return self;
-  return globalThis;
-}
-function getFetch() {
-  const globalFetch = getGlobalThis().fetch;
-  if (typeof globalFetch === "undefined") {
-    console.warn(`Builder SDK could not find a global fetch function. Make sure you have a polyfill for fetch in your project. 
-      For more information, read https://github.com/BuilderIO/this-package-uses-fetch`);
-    throw new Error("Builder SDK could not find a global `fetch` function");
-  }
-  return globalFetch;
+  return globalFetch;
 }
 const fetch$1 = getFetch();
 function flatten(object, path = null, separator = ".") {
@@ -6182,48 +6096,6 @@ const setVisitorId = ({ id: id2, canTrack }) => setLocalStorageItem({
   value: id2,
   canTrack
 });
-const getLocation = () => {
-  if (isBrowser()) {
-    const parsedLocation = new URL(location.href);
-    if (parsedLocation.pathname === "")
-      parsedLocation.pathname = "/";
-    return parsedLocation;
-  } else {
-    console.warn("Cannot get location for tracking in non-browser environment");
-    return null;
-  }
-};
-const getUserAgent = () => typeof navigator === "object" && navigator.userAgent || "";
-const getUserAttributes = () => {
-  const userAgent = getUserAgent();
-  const isMobile = {
-    Android() {
-      return userAgent.match(/Android/i);
-    },
-    BlackBerry() {
-      return userAgent.match(/BlackBerry/i);
-    },
-    iOS() {
-      return userAgent.match(/iPhone|iPod/i);
-    },
-    Opera() {
-      return userAgent.match(/Opera Mini/i);
-    },
-    Windows() {
-      return userAgent.match(/IEMobile/i) || userAgent.match(/WPDesktop/i);
-    },
-    any() {
-      return isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Opera() || isMobile.Windows() || TARGET === "reactNative";
-    }
-  };
-  const isTablet = userAgent.match(/Tablet|iPad/i);
-  const url = getLocation();
-  return {
-    urlPath: url == null ? void 0 : url.pathname,
-    host: (url == null ? void 0 : url.host) || (url == null ? void 0 : url.hostname),
-    device: isTablet ? "tablet" : isMobile.any() ? "mobile" : "desktop"
-  };
-};
 const getTrackingEventData = async ({ canTrack }) => {
   if (!canTrack)
     return {
@@ -6469,6 +6341,1257 @@ const setupBrowserForEditing = (options = {}) => {
     });
   }
 };
+const MODIFIED_COLUMNS = {
+  "createdBy": "OcOewqA7uqVVlVfqY453F8vgcc33",
+  "createdDate": 1644861548711,
+  "data": {
+    "title": "Columns",
+    "blocks": [
+      {
+        "@type": "@builder.io/sdk:Element",
+        "@version": 2,
+        "id": "builder-20b0d28f7838498bbc6f660a3d037835",
+        "component": {
+          "name": "Core:Button",
+          "options": {
+            "text": "Go back home",
+            "link": "/"
+          }
+        },
+        "responsiveStyles": {
+          "large": {
+            "display": "flex",
+            "flexDirection": "column",
+            "position": "relative",
+            "flexShrink": "0",
+            "boxSizing": "border-box",
+            "marginTop": "20px",
+            "appearance": "none",
+            "paddingTop": "15px",
+            "paddingBottom": "15px",
+            "paddingLeft": "25px",
+            "paddingRight": "25px",
+            "backgroundColor": "#3898EC",
+            "color": "white",
+            "borderRadius": "4px",
+            "textAlign": "center",
+            "cursor": "pointer",
+            "marginLeft": "auto"
+          },
+          "small": {
+            "marginLeft": "auto",
+            "marginRight": "auto"
+          }
+        }
+      },
+      {
+        "@type": "@builder.io/sdk:Element",
+        "@version": 2,
+        "id": "builder-92c438f62b744699bbc818f81454418c",
+        "component": {
+          "name": "Text",
+          "options": {
+            "text": "<h1>Columns</h1>"
+          }
+        },
+        "responsiveStyles": {
+          "large": {
+            "display": "flex",
+            "flexDirection": "column",
+            "position": "relative",
+            "flexShrink": "0",
+            "boxSizing": "border-box",
+            "marginTop": "20px",
+            "lineHeight": "normal",
+            "height": "auto",
+            "textAlign": "center"
+          }
+        }
+      },
+      {
+        "@type": "@builder.io/sdk:Element",
+        "@version": 2,
+        "id": "builder-1253ebf62a87451db1a31e103189b5bb",
+        "children": [
+          {
+            "@type": "@builder.io/sdk:Element",
+            "@version": 2,
+            "id": "builder-330e798bc0a1405fb04d8a3dce06ff99",
+            "component": {
+              "name": "Text",
+              "options": {
+                "text": "<h3>Stack at tablet</h3>"
+              }
+            },
+            "responsiveStyles": {
+              "large": {
+                "display": "flex",
+                "flexDirection": "column",
+                "position": "relative",
+                "flexShrink": "0",
+                "boxSizing": "border-box",
+                "marginTop": "20px",
+                "lineHeight": "normal",
+                "height": "auto",
+                "textAlign": "center"
+              }
+            }
+          },
+          {
+            "@type": "@builder.io/sdk:Element",
+            "@version": 2,
+            "id": "builder-25c64e9c18804f46b73985264df3c41c",
+            "component": {
+              "name": "Columns",
+              "options": {
+                "columns": [
+                  {
+                    "blocks": [
+                      {
+                        "@type": "@builder.io/sdk:Element",
+                        "@version": 2,
+                        "id": "builder-fa35a394778842b1a9e780a54a3b49a7",
+                        "component": {
+                          "name": "Image",
+                          "options": {
+                            "image": "https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=990",
+                            "backgroundPosition": "center",
+                            "backgroundSize": "cover",
+                            "aspectRatio": 0.7004048582995948,
+                            "lazy": false,
+                            "srcset": "https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=100 100w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=200 200w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=400 400w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=800 800w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=1200 1200w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=1600 1600w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=2000 2000w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=990 990w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=630 630w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=586 586w",
+                            "sizes": "(max-width: 638px) 99vw, (max-width: 998px) 100vw, 42vw"
+                          }
+                        },
+                        "responsiveStyles": {
+                          "large": {
+                            "display": "flex",
+                            "flexDirection": "column",
+                            "alignItems": "stretch",
+                            "flexShrink": "0",
+                            "position": "relative",
+                            "marginTop": "30px",
+                            "textAlign": "center",
+                            "lineHeight": "normal",
+                            "height": "auto",
+                            "minHeight": "20px",
+                            "minWidth": "20px",
+                            "overflow": "hidden"
+                          },
+                          "small": {
+                            "maxHeight": "200px",
+                            "maxWidth": "200px"
+                          }
+                        }
+                      },
+                      {
+                        "@type": "@builder.io/sdk:Element",
+                        "@version": 2,
+                        "id": "builder-71c14581f362486eb24214d27c0c24d0",
+                        "component": {
+                          "name": "Text",
+                          "options": {
+                            "text": "UPDATED TEXT!"
+                          }
+                        },
+                        "responsiveStyles": {
+                          "large": {
+                            "display": "flex",
+                            "flexDirection": "column",
+                            "alignItems": "stretch",
+                            "flexShrink": "0",
+                            "position": "relative",
+                            "marginTop": "30px",
+                            "textAlign": "center",
+                            "lineHeight": "normal",
+                            "height": "auto"
+                          }
+                        }
+                      },
+                      {
+                        "@type": "@builder.io/sdk:Element",
+                        "@version": 2,
+                        "id": "builder-b70d96812f4845268f5a4e9deb4411f2",
+                        "component": {
+                          "name": "Text",
+                          "options": {
+                            "text": "<p>more text in column 1</p>"
+                          }
+                        },
+                        "responsiveStyles": {
+                          "large": {
+                            "display": "flex",
+                            "flexDirection": "column",
+                            "position": "relative",
+                            "flexShrink": "0",
+                            "boxSizing": "border-box",
+                            "marginTop": "20px",
+                            "lineHeight": "normal",
+                            "height": "auto",
+                            "textAlign": "center"
+                          }
+                        }
+                      }
+                    ]
+                  },
+                  {
+                    "blocks": [
+                      {
+                        "@type": "@builder.io/sdk:Element",
+                        "@version": 2,
+                        "id": "builder-be56c8d76c684759952d6633dafd6bb7",
+                        "component": {
+                          "name": "Image",
+                          "options": {
+                            "image": "https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=990",
+                            "backgroundPosition": "center",
+                            "backgroundSize": "cover",
+                            "aspectRatio": 0.7004048582995948,
+                            "lazy": false,
+                            "srcset": "https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=100 100w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=200 200w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=400 400w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=800 800w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=1200 1200w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=1600 1600w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=2000 2000w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=990 990w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=630 630w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=586 586w",
+                            "sizes": "(max-width: 638px) 99vw, (max-width: 998px) 100vw, 42vw"
+                          }
+                        },
+                        "responsiveStyles": {
+                          "large": {
+                            "display": "flex",
+                            "flexDirection": "column",
+                            "alignItems": "stretch",
+                            "flexShrink": "0",
+                            "position": "relative",
+                            "marginTop": "30px",
+                            "textAlign": "center",
+                            "lineHeight": "normal",
+                            "height": "auto",
+                            "minHeight": "20px",
+                            "minWidth": "20px",
+                            "overflow": "hidden"
+                          },
+                          "small": {
+                            "maxHeight": "200px",
+                            "maxWidth": "200px"
+                          }
+                        }
+                      },
+                      {
+                        "@type": "@builder.io/sdk:Element",
+                        "@version": 2,
+                        "id": "builder-a76f13775bfd440e9656226ef820fcd2",
+                        "component": {
+                          "name": "Text",
+                          "options": {
+                            "text": "<p>text in column 2</p>"
+                          }
+                        },
+                        "responsiveStyles": {
+                          "large": {
+                            "display": "flex",
+                            "flexDirection": "column",
+                            "alignItems": "stretch",
+                            "flexShrink": "0",
+                            "position": "relative",
+                            "marginTop": "30px",
+                            "textAlign": "center",
+                            "lineHeight": "normal",
+                            "height": "auto"
+                          }
+                        }
+                      }
+                    ]
+                  }
+                ],
+                "space": 20,
+                "stackColumnsAt": "tablet"
+              }
+            },
+            "responsiveStyles": {
+              "large": {
+                "display": "flex",
+                "flexDirection": "column",
+                "position": "relative",
+                "flexShrink": "0",
+                "boxSizing": "border-box",
+                "marginTop": "20px"
+              }
+            }
+          }
+        ],
+        "responsiveStyles": {
+          "large": {
+            "display": "flex",
+            "flexDirection": "column",
+            "position": "relative",
+            "flexShrink": "0",
+            "boxSizing": "border-box",
+            "marginTop": "20px",
+            "height": "auto",
+            "paddingBottom": "30px",
+            "borderStyle": "solid",
+            "borderColor": "rgba(207, 52, 52, 1)",
+            "borderWidth": "4px"
+          }
+        }
+      },
+      {
+        "@type": "@builder.io/sdk:Element",
+        "@version": 2,
+        "id": "builder-ccb8d32210c04e8c80bc1e7fe1677b7f",
+        "children": [
+          {
+            "@type": "@builder.io/sdk:Element",
+            "@version": 2,
+            "id": "builder-92317b99fd0b4393adbf59d2337fec8c",
+            "component": {
+              "name": "Text",
+              "options": {
+                "text": "<h3>Tablet, reverse</h3>"
+              }
+            },
+            "responsiveStyles": {
+              "large": {
+                "display": "flex",
+                "flexDirection": "column",
+                "position": "relative",
+                "flexShrink": "0",
+                "boxSizing": "border-box",
+                "marginTop": "20px",
+                "lineHeight": "normal",
+                "height": "auto",
+                "textAlign": "center"
+              }
+            }
+          },
+          {
+            "@type": "@builder.io/sdk:Element",
+            "@version": 2,
+            "id": "builder-6e2c6a142cd84d8ca3cf88c20f63635b",
+            "component": {
+              "name": "Columns",
+              "options": {
+                "columns": [
+                  {
+                    "blocks": [
+                      {
+                        "@type": "@builder.io/sdk:Element",
+                        "@version": 2,
+                        "id": "builder-f6867b68fa5f4fd3bd845509ba0bf196",
+                        "component": {
+                          "name": "Image",
+                          "options": {
+                            "image": "https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=990",
+                            "backgroundPosition": "center",
+                            "backgroundSize": "cover",
+                            "aspectRatio": 0.7004048582995948,
+                            "lazy": false,
+                            "srcset": "https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=100 100w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=200 200w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=400 400w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=800 800w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=1200 1200w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=1600 1600w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=2000 2000w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=990 990w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=630 630w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=586 586w",
+                            "sizes": "(max-width: 638px) 99vw, (max-width: 998px) 100vw, 42vw"
+                          }
+                        },
+                        "responsiveStyles": {
+                          "large": {
+                            "display": "flex",
+                            "flexDirection": "column",
+                            "alignItems": "stretch",
+                            "flexShrink": "0",
+                            "position": "relative",
+                            "marginTop": "30px",
+                            "textAlign": "center",
+                            "lineHeight": "normal",
+                            "height": "auto",
+                            "minHeight": "20px",
+                            "minWidth": "20px",
+                            "overflow": "hidden"
+                          },
+                          "small": {
+                            "maxHeight": "200px",
+                            "marginTop": "29px",
+                            "maxWidth": "200px"
+                          }
+                        }
+                      },
+                      {
+                        "@type": "@builder.io/sdk:Element",
+                        "@version": 2,
+                        "id": "builder-4d3da6f276d04a29a4910d024ab69b8f",
+                        "component": {
+                          "name": "Text",
+                          "options": {
+                            "text": "<p>text in column 1</p>"
+                          }
+                        },
+                        "responsiveStyles": {
+                          "large": {
+                            "display": "flex",
+                            "flexDirection": "column",
+                            "alignItems": "stretch",
+                            "flexShrink": "0",
+                            "position": "relative",
+                            "marginTop": "30px",
+                            "textAlign": "center",
+                            "lineHeight": "normal",
+                            "height": "auto"
+                          }
+                        }
+                      },
+                      {
+                        "@type": "@builder.io/sdk:Element",
+                        "@version": 2,
+                        "id": "builder-a0ffc4156fa34b9392bdabe63265e986",
+                        "component": {
+                          "name": "Text",
+                          "options": {
+                            "text": "<p>more text in column 1</p>"
+                          }
+                        },
+                        "responsiveStyles": {
+                          "large": {
+                            "display": "flex",
+                            "flexDirection": "column",
+                            "position": "relative",
+                            "flexShrink": "0",
+                            "boxSizing": "border-box",
+                            "marginTop": "20px",
+                            "lineHeight": "normal",
+                            "height": "auto",
+                            "textAlign": "center"
+                          }
+                        }
+                      },
+                      {
+                        "@type": "@builder.io/sdk:Element",
+                        "@version": 2,
+                        "id": "builder-95f6aa245166450f9d6af877656ddde5",
+                        "component": {
+                          "name": "Image",
+                          "options": {
+                            "image": "https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=990",
+                            "backgroundPosition": "center",
+                            "backgroundSize": "cover",
+                            "aspectRatio": 0.7004048582995948,
+                            "lazy": false,
+                            "srcset": "https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=100 100w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=200 200w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=400 400w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=800 800w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=1200 1200w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=1600 1600w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=2000 2000w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=990 990w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=630 630w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=586 586w",
+                            "sizes": "(max-width: 638px) 99vw, (max-width: 998px) 100vw, 42vw"
+                          }
+                        },
+                        "responsiveStyles": {
+                          "large": {
+                            "display": "flex",
+                            "flexDirection": "column",
+                            "alignItems": "stretch",
+                            "flexShrink": "0",
+                            "position": "relative",
+                            "marginTop": "30px",
+                            "textAlign": "center",
+                            "lineHeight": "normal",
+                            "height": "auto",
+                            "minHeight": "20px",
+                            "minWidth": "20px",
+                            "overflow": "hidden"
+                          },
+                          "small": {
+                            "maxHeight": "200px",
+                            "maxWidth": "200px"
+                          }
+                        }
+                      }
+                    ]
+                  },
+                  {
+                    "blocks": [
+                      {
+                        "@type": "@builder.io/sdk:Element",
+                        "@version": 2,
+                        "id": "builder-e52cbe382c5649949ea3c80618f8a226",
+                        "component": {
+                          "name": "Text",
+                          "options": {
+                            "text": "<p>text in column 2</p>"
+                          }
+                        },
+                        "responsiveStyles": {
+                          "large": {
+                            "display": "flex",
+                            "flexDirection": "column",
+                            "alignItems": "stretch",
+                            "flexShrink": "0",
+                            "position": "relative",
+                            "marginTop": "30px",
+                            "textAlign": "center",
+                            "lineHeight": "normal",
+                            "height": "auto"
+                          }
+                        }
+                      }
+                    ]
+                  }
+                ],
+                "space": 20,
+                "stackColumnsAt": "tablet",
+                "reverseColumnsWhenStacked": true
+              }
+            },
+            "responsiveStyles": {
+              "large": {
+                "display": "flex",
+                "flexDirection": "column",
+                "position": "relative",
+                "flexShrink": "0",
+                "boxSizing": "border-box",
+                "marginTop": "20px"
+              }
+            }
+          }
+        ],
+        "responsiveStyles": {
+          "large": {
+            "display": "flex",
+            "flexDirection": "column",
+            "position": "relative",
+            "flexShrink": "0",
+            "boxSizing": "border-box",
+            "marginTop": "20px",
+            "height": "auto",
+            "paddingBottom": "30px",
+            "borderStyle": "solid",
+            "borderColor": "rgba(52, 191, 207, 1)",
+            "borderWidth": "4px"
+          }
+        }
+      },
+      {
+        "@type": "@builder.io/sdk:Element",
+        "@version": 2,
+        "layerName": "Box",
+        "id": "builder-bbcf573a81fd49aea653e0bde509c325",
+        "children": [
+          {
+            "@type": "@builder.io/sdk:Element",
+            "@version": 2,
+            "id": "builder-64d3b1c02ba44ba4af4a672a4fc3c23c",
+            "component": {
+              "name": "Text",
+              "options": {
+                "text": "<h3>Stack at mobile</h3>"
+              }
+            },
+            "responsiveStyles": {
+              "large": {
+                "display": "flex",
+                "flexDirection": "column",
+                "position": "relative",
+                "flexShrink": "0",
+                "boxSizing": "border-box",
+                "marginTop": "20px",
+                "lineHeight": "normal",
+                "height": "auto",
+                "textAlign": "center"
+              }
+            }
+          },
+          {
+            "@type": "@builder.io/sdk:Element",
+            "@version": 2,
+            "id": "builder-d06032a1fb514917add773bd1004392f",
+            "component": {
+              "name": "Columns",
+              "options": {
+                "columns": [
+                  {
+                    "blocks": [
+                      {
+                        "@type": "@builder.io/sdk:Element",
+                        "@version": 2,
+                        "id": "builder-69e5c0267cca4dc398f1e15be98e9eb9",
+                        "component": {
+                          "name": "Image",
+                          "options": {
+                            "image": "https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=990",
+                            "backgroundPosition": "center",
+                            "backgroundSize": "cover",
+                            "aspectRatio": 0.7004048582995948,
+                            "lazy": false,
+                            "srcset": "https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=100 100w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=200 200w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=400 400w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=800 800w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=1200 1200w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=1600 1600w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=2000 2000w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=990 990w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=630 630w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=586 586w",
+                            "sizes": "(max-width: 638px) 99vw, (max-width: 998px) 100vw, 42vw"
+                          }
+                        },
+                        "responsiveStyles": {
+                          "large": {
+                            "display": "flex",
+                            "flexDirection": "column",
+                            "alignItems": "stretch",
+                            "flexShrink": "0",
+                            "position": "relative",
+                            "marginTop": "30px",
+                            "textAlign": "center",
+                            "lineHeight": "normal",
+                            "height": "auto",
+                            "minHeight": "20px",
+                            "minWidth": "20px",
+                            "overflow": "hidden"
+                          },
+                          "small": {
+                            "maxHeight": "200px",
+                            "maxWidth": "200px"
+                          }
+                        }
+                      },
+                      {
+                        "@type": "@builder.io/sdk:Element",
+                        "@version": 2,
+                        "id": "builder-d5f1a9f711b242e68e001d2aed4e6e75",
+                        "component": {
+                          "name": "Text",
+                          "options": {
+                            "text": "<p>text in column 1</p>"
+                          }
+                        },
+                        "responsiveStyles": {
+                          "large": {
+                            "display": "flex",
+                            "flexDirection": "column",
+                            "alignItems": "stretch",
+                            "flexShrink": "0",
+                            "position": "relative",
+                            "marginTop": "30px",
+                            "textAlign": "center",
+                            "lineHeight": "normal",
+                            "height": "auto"
+                          }
+                        }
+                      },
+                      {
+                        "@type": "@builder.io/sdk:Element",
+                        "@version": 2,
+                        "id": "builder-b387d9862a944a29a440ea9986a102a1",
+                        "component": {
+                          "name": "Text",
+                          "options": {
+                            "text": "<p>more text in column 1</p>"
+                          }
+                        },
+                        "responsiveStyles": {
+                          "large": {
+                            "display": "flex",
+                            "flexDirection": "column",
+                            "position": "relative",
+                            "flexShrink": "0",
+                            "boxSizing": "border-box",
+                            "marginTop": "20px",
+                            "lineHeight": "normal",
+                            "height": "auto",
+                            "textAlign": "center"
+                          }
+                        }
+                      }
+                    ]
+                  },
+                  {
+                    "blocks": [
+                      {
+                        "@type": "@builder.io/sdk:Element",
+                        "@version": 2,
+                        "id": "builder-b425ebd84fea4a3bbf9a387f4b8a2b58",
+                        "component": {
+                          "name": "Image",
+                          "options": {
+                            "image": "https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=990",
+                            "backgroundPosition": "center",
+                            "backgroundSize": "cover",
+                            "aspectRatio": 0.7004048582995948,
+                            "lazy": false,
+                            "srcset": "https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=100 100w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=200 200w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=400 400w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=800 800w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=1200 1200w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=1600 1600w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=2000 2000w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=990 990w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=630 630w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=586 586w",
+                            "sizes": "(max-width: 638px) 99vw, (max-width: 998px) 100vw, 42vw"
+                          }
+                        },
+                        "responsiveStyles": {
+                          "large": {
+                            "display": "flex",
+                            "flexDirection": "column",
+                            "alignItems": "stretch",
+                            "flexShrink": "0",
+                            "position": "relative",
+                            "marginTop": "30px",
+                            "textAlign": "center",
+                            "lineHeight": "normal",
+                            "height": "auto",
+                            "minHeight": "20px",
+                            "minWidth": "20px",
+                            "overflow": "hidden"
+                          },
+                          "small": {
+                            "maxHeight": "200px"
+                          }
+                        }
+                      },
+                      {
+                        "@type": "@builder.io/sdk:Element",
+                        "@version": 2,
+                        "id": "builder-60cddbdd0b2f45138b2bf6ec33e68d7f",
+                        "component": {
+                          "name": "Text",
+                          "options": {
+                            "text": "<p>text in column 2</p>"
+                          }
+                        },
+                        "responsiveStyles": {
+                          "large": {
+                            "display": "flex",
+                            "flexDirection": "column",
+                            "alignItems": "stretch",
+                            "flexShrink": "0",
+                            "position": "relative",
+                            "marginTop": "30px",
+                            "textAlign": "center",
+                            "lineHeight": "normal",
+                            "height": "auto"
+                          }
+                        }
+                      }
+                    ]
+                  }
+                ],
+                "space": 20,
+                "stackColumnsAt": "mobile",
+                "reverseColumnsWhenStacked": false
+              }
+            },
+            "responsiveStyles": {
+              "large": {
+                "display": "flex",
+                "flexDirection": "column",
+                "position": "relative",
+                "flexShrink": "0",
+                "boxSizing": "border-box",
+                "marginTop": "20px"
+              }
+            }
+          }
+        ],
+        "responsiveStyles": {
+          "large": {
+            "display": "flex",
+            "flexDirection": "column",
+            "position": "relative",
+            "flexShrink": "0",
+            "boxSizing": "border-box",
+            "marginTop": "20px",
+            "height": "auto",
+            "paddingBottom": "30px",
+            "borderStyle": "solid",
+            "borderColor": "rgba(102, 207, 52, 1)",
+            "borderWidth": "4px"
+          }
+        }
+      },
+      {
+        "@type": "@builder.io/sdk:Element",
+        "@version": 2,
+        "id": "builder-86dec6c0db8b487687de2d39d6e7aab9",
+        "children": [
+          {
+            "@type": "@builder.io/sdk:Element",
+            "@version": 2,
+            "id": "builder-5cae291c046245a9a9c30fc152ba9d39",
+            "component": {
+              "name": "Text",
+              "options": {
+                "text": "<h3>Mobile, reverse</h3>"
+              }
+            },
+            "responsiveStyles": {
+              "large": {
+                "display": "flex",
+                "flexDirection": "column",
+                "position": "relative",
+                "flexShrink": "0",
+                "boxSizing": "border-box",
+                "marginTop": "20px",
+                "lineHeight": "normal",
+                "height": "auto",
+                "textAlign": "center"
+              }
+            }
+          },
+          {
+            "@type": "@builder.io/sdk:Element",
+            "@version": 2,
+            "id": "builder-652e5e9c32164620ae651b4b8f2938dd",
+            "component": {
+              "name": "Columns",
+              "options": {
+                "columns": [
+                  {
+                    "blocks": [
+                      {
+                        "@type": "@builder.io/sdk:Element",
+                        "@version": 2,
+                        "id": "builder-822c0d0cbe7143648ea3f81d40a611c7",
+                        "component": {
+                          "name": "Image",
+                          "options": {
+                            "image": "https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=990",
+                            "backgroundPosition": "center",
+                            "backgroundSize": "cover",
+                            "aspectRatio": 0.7004048582995948,
+                            "lazy": false,
+                            "srcset": "https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=100 100w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=200 200w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=400 400w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=800 800w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=1200 1200w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=1600 1600w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=2000 2000w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=990 990w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=630 630w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=586 586w",
+                            "sizes": "(max-width: 638px) 99vw, (max-width: 998px) 100vw, 42vw"
+                          }
+                        },
+                        "responsiveStyles": {
+                          "large": {
+                            "display": "flex",
+                            "flexDirection": "column",
+                            "alignItems": "stretch",
+                            "flexShrink": "0",
+                            "position": "relative",
+                            "marginTop": "30px",
+                            "textAlign": "center",
+                            "lineHeight": "normal",
+                            "height": "auto",
+                            "minHeight": "20px",
+                            "minWidth": "20px",
+                            "overflow": "hidden"
+                          },
+                          "small": {
+                            "maxHeight": "200px",
+                            "maxWidth": "200px"
+                          }
+                        }
+                      },
+                      {
+                        "@type": "@builder.io/sdk:Element",
+                        "@version": 2,
+                        "id": "builder-6bf2300b907f4f3d9db0af0bd5d0aeaf",
+                        "component": {
+                          "name": "Text",
+                          "options": {
+                            "text": "<p>text in column 1</p>"
+                          }
+                        },
+                        "responsiveStyles": {
+                          "large": {
+                            "display": "flex",
+                            "flexDirection": "column",
+                            "alignItems": "stretch",
+                            "flexShrink": "0",
+                            "position": "relative",
+                            "marginTop": "30px",
+                            "textAlign": "center",
+                            "lineHeight": "normal",
+                            "height": "auto"
+                          }
+                        }
+                      },
+                      {
+                        "@type": "@builder.io/sdk:Element",
+                        "@version": 2,
+                        "id": "builder-6428878b0cfc478291dd9a9dcc373441",
+                        "component": {
+                          "name": "Text",
+                          "options": {
+                            "text": "<p>more text in column 1</p>"
+                          }
+                        },
+                        "responsiveStyles": {
+                          "large": {
+                            "display": "flex",
+                            "flexDirection": "column",
+                            "position": "relative",
+                            "flexShrink": "0",
+                            "boxSizing": "border-box",
+                            "marginTop": "20px",
+                            "lineHeight": "normal",
+                            "height": "auto",
+                            "textAlign": "center"
+                          }
+                        }
+                      }
+                    ]
+                  },
+                  {
+                    "blocks": [
+                      {
+                        "@type": "@builder.io/sdk:Element",
+                        "@version": 2,
+                        "id": "builder-c1e86e55860e426a8d943f7beb2cbc8f",
+                        "component": {
+                          "name": "Image",
+                          "options": {
+                            "image": "https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=990",
+                            "backgroundPosition": "center",
+                            "backgroundSize": "cover",
+                            "aspectRatio": 0.7004048582995948,
+                            "lazy": false,
+                            "srcset": "https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=100 100w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=200 200w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=400 400w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=800 800w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=1200 1200w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=1600 1600w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=2000 2000w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=990 990w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=630 630w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=586 586w",
+                            "sizes": "(max-width: 638px) 99vw, (max-width: 998px) 100vw, 42vw"
+                          }
+                        },
+                        "responsiveStyles": {
+                          "large": {
+                            "display": "flex",
+                            "flexDirection": "column",
+                            "alignItems": "stretch",
+                            "flexShrink": "0",
+                            "position": "relative",
+                            "marginTop": "30px",
+                            "textAlign": "center",
+                            "lineHeight": "normal",
+                            "height": "auto",
+                            "minHeight": "20px",
+                            "minWidth": "20px",
+                            "overflow": "hidden"
+                          },
+                          "small": {
+                            "maxHeight": "200px",
+                            "maxWidth": "200px"
+                          }
+                        }
+                      },
+                      {
+                        "@type": "@builder.io/sdk:Element",
+                        "@version": 2,
+                        "id": "builder-74bf2b6acadc4430bda4397db8e9c8a9",
+                        "component": {
+                          "name": "Text",
+                          "options": {
+                            "text": "<p>text in column 2</p>"
+                          }
+                        },
+                        "responsiveStyles": {
+                          "large": {
+                            "display": "flex",
+                            "flexDirection": "column",
+                            "alignItems": "stretch",
+                            "flexShrink": "0",
+                            "position": "relative",
+                            "marginTop": "30px",
+                            "textAlign": "center",
+                            "lineHeight": "normal",
+                            "height": "auto"
+                          }
+                        }
+                      }
+                    ]
+                  }
+                ],
+                "space": 20,
+                "stackColumnsAt": "mobile",
+                "reverseColumnsWhenStacked": true
+              }
+            },
+            "responsiveStyles": {
+              "large": {
+                "display": "flex",
+                "flexDirection": "column",
+                "position": "relative",
+                "flexShrink": "0",
+                "boxSizing": "border-box",
+                "marginTop": "20px"
+              }
+            }
+          }
+        ],
+        "responsiveStyles": {
+          "large": {
+            "display": "flex",
+            "flexDirection": "column",
+            "position": "relative",
+            "flexShrink": "0",
+            "boxSizing": "border-box",
+            "marginTop": "20px",
+            "height": "auto",
+            "paddingBottom": "30px",
+            "borderStyle": "solid",
+            "borderColor": "rgba(86, 52, 207, 1)",
+            "borderWidth": "4px"
+          }
+        }
+      },
+      {
+        "@type": "@builder.io/sdk:Element",
+        "@version": 2,
+        "id": "builder-21bd2e55352947afa52243efffda347e",
+        "children": [
+          {
+            "@type": "@builder.io/sdk:Element",
+            "@version": 2,
+            "id": "builder-3c8548a227ac4a3c99a29f36a48f7c95",
+            "component": {
+              "name": "Text",
+              "options": {
+                "text": "<h3>Never stack</h3>"
+              }
+            },
+            "responsiveStyles": {
+              "large": {
+                "display": "flex",
+                "flexDirection": "column",
+                "position": "relative",
+                "flexShrink": "0",
+                "boxSizing": "border-box",
+                "marginTop": "20px",
+                "lineHeight": "normal",
+                "height": "auto",
+                "textAlign": "center"
+              }
+            }
+          },
+          {
+            "@type": "@builder.io/sdk:Element",
+            "@version": 2,
+            "id": "builder-0343cf1789b7421f9b64eef4e1ec801f",
+            "component": {
+              "name": "Columns",
+              "options": {
+                "columns": [
+                  {
+                    "blocks": [
+                      {
+                        "@type": "@builder.io/sdk:Element",
+                        "@version": 2,
+                        "id": "builder-a965faafa3d046d6846277bbf93524f5",
+                        "component": {
+                          "name": "Image",
+                          "options": {
+                            "image": "https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=990",
+                            "backgroundPosition": "center",
+                            "backgroundSize": "cover",
+                            "aspectRatio": 0.7004048582995948,
+                            "lazy": false,
+                            "srcset": "https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=100 100w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=200 200w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=400 400w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=800 800w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=1200 1200w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=1600 1600w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=2000 2000w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=990 990w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=630 630w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=586 586w",
+                            "sizes": "(max-width: 638px) 99vw, (max-width: 998px) 100vw, 42vw"
+                          }
+                        },
+                        "responsiveStyles": {
+                          "large": {
+                            "display": "flex",
+                            "flexDirection": "column",
+                            "alignItems": "stretch",
+                            "flexShrink": "0",
+                            "position": "relative",
+                            "marginTop": "30px",
+                            "textAlign": "center",
+                            "lineHeight": "normal",
+                            "height": "auto",
+                            "minHeight": "20px",
+                            "minWidth": "20px",
+                            "overflow": "hidden"
+                          },
+                          "small": {
+                            "maxHeight": "200px",
+                            "maxWidth": "200px"
+                          }
+                        }
+                      },
+                      {
+                        "@type": "@builder.io/sdk:Element",
+                        "@version": 2,
+                        "id": "builder-34a2db960cfc4696b3b202eaaf5b4bde",
+                        "component": {
+                          "name": "Text",
+                          "options": {
+                            "text": "<p>text in column 1</p>"
+                          }
+                        },
+                        "responsiveStyles": {
+                          "large": {
+                            "display": "flex",
+                            "flexDirection": "column",
+                            "alignItems": "stretch",
+                            "flexShrink": "0",
+                            "position": "relative",
+                            "marginTop": "30px",
+                            "textAlign": "center",
+                            "lineHeight": "normal",
+                            "height": "auto"
+                          }
+                        }
+                      },
+                      {
+                        "@type": "@builder.io/sdk:Element",
+                        "@version": 2,
+                        "id": "builder-e39d9d6c565e4072aefb532fe18e55d8",
+                        "component": {
+                          "name": "Text",
+                          "options": {
+                            "text": "<p>more text in column 1</p>"
+                          }
+                        },
+                        "responsiveStyles": {
+                          "large": {
+                            "display": "flex",
+                            "flexDirection": "column",
+                            "position": "relative",
+                            "flexShrink": "0",
+                            "boxSizing": "border-box",
+                            "marginTop": "20px",
+                            "lineHeight": "normal",
+                            "height": "auto",
+                            "textAlign": "center"
+                          }
+                        }
+                      }
+                    ]
+                  },
+                  {
+                    "blocks": [
+                      {
+                        "@type": "@builder.io/sdk:Element",
+                        "@version": 2,
+                        "id": "builder-11b5a73611354686ba4f9bc092d72723",
+                        "component": {
+                          "name": "Image",
+                          "options": {
+                            "image": "https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=990",
+                            "backgroundPosition": "center",
+                            "backgroundSize": "cover",
+                            "aspectRatio": 0.7004048582995948,
+                            "lazy": false,
+                            "srcset": "https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=100 100w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=200 200w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=400 400w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=800 800w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=1200 1200w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=1600 1600w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=2000 2000w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=990 990w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=630 630w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=586 586w",
+                            "sizes": "(max-width: 638px) 99vw, (max-width: 998px) 100vw, 42vw"
+                          }
+                        },
+                        "responsiveStyles": {
+                          "large": {
+                            "display": "flex",
+                            "flexDirection": "column",
+                            "alignItems": "stretch",
+                            "flexShrink": "0",
+                            "position": "relative",
+                            "marginTop": "30px",
+                            "textAlign": "center",
+                            "lineHeight": "normal",
+                            "height": "auto",
+                            "minHeight": "20px",
+                            "minWidth": "20px",
+                            "overflow": "hidden"
+                          },
+                          "small": {
+                            "maxHeight": "200px",
+                            "maxWidth": "200px"
+                          }
+                        }
+                      },
+                      {
+                        "@type": "@builder.io/sdk:Element",
+                        "@version": 2,
+                        "id": "builder-1355114f2fc841a790826cf4a5af14ad",
+                        "component": {
+                          "name": "Text",
+                          "options": {
+                            "text": "<p>text in column 2</p>"
+                          }
+                        },
+                        "responsiveStyles": {
+                          "large": {
+                            "display": "flex",
+                            "flexDirection": "column",
+                            "alignItems": "stretch",
+                            "flexShrink": "0",
+                            "position": "relative",
+                            "marginTop": "30px",
+                            "textAlign": "center",
+                            "lineHeight": "normal",
+                            "height": "auto"
+                          }
+                        }
+                      }
+                    ]
+                  }
+                ],
+                "space": 20,
+                "stackColumnsAt": "never",
+                "reverseColumnsWhenStacked": false
+              }
+            },
+            "responsiveStyles": {
+              "large": {
+                "display": "flex",
+                "flexDirection": "column",
+                "position": "relative",
+                "flexShrink": "0",
+                "boxSizing": "border-box",
+                "marginTop": "20px"
+              }
+            }
+          }
+        ],
+        "responsiveStyles": {
+          "large": {
+            "display": "flex",
+            "flexDirection": "column",
+            "position": "relative",
+            "flexShrink": "0",
+            "boxSizing": "border-box",
+            "marginTop": "20px",
+            "height": "auto",
+            "paddingBottom": "30px",
+            "borderStyle": "solid",
+            "borderColor": "rgba(207, 52, 182, 1)",
+            "borderWidth": "4px"
+          }
+        }
+      },
+      {
+        "id": "builder-pixel-29jl3ch956",
+        "@type": "@builder.io/sdk:Element",
+        "tagName": "img",
+        "properties": {
+          "src": "https://cdn.builder.io/api/v1/pixel?apiKey=f1a790f8c3204b3b8c5c1795aeac4660",
+          "role": "presentation",
+          "width": "0",
+          "height": "0"
+        },
+        "responsiveStyles": {
+          "large": {
+            "height": "0",
+            "width": "0",
+            "display": "inline-block",
+            "opacity": "0",
+            "overflow": "hidden",
+            "pointerEvents": "none"
+          }
+        }
+      }
+    ],
+    "url": "/columns",
+    "state": {
+      "deviceSize": "large",
+      "location": {
+        "pathname": "/columns",
+        "path": [
+          "columns"
+        ],
+        "query": {}
+      }
+    }
+  },
+  "id": "f24c6940ee5f46458369151cc9ec598c",
+  "lastUpdatedBy": "OcOewqA7uqVVlVfqY453F8vgcc33",
+  "meta": {
+    "hasLinks": false,
+    "kind": "page",
+    "needsHydration": false
+  },
+  "modelId": "240a12053d674735ac2a384dcdc561b5",
+  "name": "Columns",
+  "published": "published",
+  "query": [
+    {
+      "@type": "@builder.io/core:Query",
+      "operator": "is",
+      "property": "urlPath",
+      "value": "/columns"
+    }
+  ],
+  "testRatio": 1,
+  "variations": {},
+  "lastUpdated": 1645030056460,
+  "screenshot": "https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F43c3e56ad68647d4b55990d655aeb3f9",
+  "firstPublished": 1644862675476,
+  "rev": "zxiskiseoj"
+};
 const mergeNewContent = function mergeNewContent2(props, state, elementRef, newContent) {
   var _a, _b, _c, _d, _e;
   const newContentValue = {
@@ -6484,6 +7607,7 @@ const mergeNewContent = function mergeNewContent2(props, state, elementRef, newC
       breakpoints: ((_c = newContent == null ? void 0 : newContent.meta) == null ? void 0 : _c.breakpoints) || ((_e = (_d = props.builderContextSignal.content) == null ? void 0 : _d.meta) == null ? void 0 : _e.breakpoints)
     }
   };
+  console.log("newContentValue", newContentValue);
   props.builderContextSignal.content = newContentValue;
 };
 const processMessage = function processMessage2(props, state, elementRef, event) {
@@ -6506,10 +7630,12 @@ const processMessage = function processMessage2(props, state, elementRef, event)
         break;
       }
       case "builder.contentUpdate": {
+        console.log("builder.contentUpdate", data);
         const messageContent = data.data;
         const key = messageContent.key || messageContent.alias || messageContent.entry || messageContent.modelName;
         const contentData = messageContent.data;
         if (key === props.model) {
+          console.log("yeeha");
           mergeNewContent(props, state, elementRef, contentData);
           state.forceReRenderCount = state.forceReRenderCount + 1;
         }
@@ -6606,7 +7732,7 @@ const EnableEditor = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
   }, {
     deep: true
   });
-  useContextProvider(builderContext, props.builderContextSignal);
+  useContextProvider(builderContext, {});
   useVisibleTaskQrl(/* @__PURE__ */ inlinedQrl(() => {
     var _a, _b;
     const [elementRef2, props2, state2] = useLexicalScope();
@@ -6721,35 +7847,54 @@ const EnableEditor = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
     state
   ]));
   return /* @__PURE__ */ _jsxC(Fragment, {
-    children: props.builderContextSignal.content ? /* @__PURE__ */ _jsxS("div", {
-      ref: elementRef,
-      ...props.showContent ? {} : {
-        hidden: true,
-        "aria-hidden": true
-      },
-      children: /* @__PURE__ */ _jsxC(Slot, null, 3, "06_0"),
-      onClick$: /* @__PURE__ */ inlinedQrl((event) => {
-        const [elementRef2, props2, state2] = useLexicalScope();
-        return onClick(props2, state2, elementRef2, event);
-      }, "EnableEditor_component__Fragment_div_onClick_1QOkLijjH0M", [
-        elementRef,
-        props,
-        state
-      ])
-    }, {
-      "builder-content-id": _fnSignal((p0) => {
-        var _a;
-        return (_a = p0.builderContextSignal.content) == null ? void 0 : _a.id;
-      }, [
-        props
-      ], "p0.builderContextSignal.content?.id"),
-      "builder-model": _fnSignal((p0) => p0.model, [
-        props
-      ], "p0.model"),
-      class: _fnSignal((p0) => p0.classNameProp, [
-        props
-      ], "p0.classNameProp")
-    }, 0, state.forceReRenderCount) : null
+    children: [
+      /* @__PURE__ */ _jsxQ("div", null, null, [
+        "DATA in EnableEditor: ",
+        _fnSignal((p0) => p0.builderContextSignal.content.data.blocks[2].children[1].component.options.columns[0].blocks[1].component.options.text, [
+          props
+        ], "p0.builderContextSignal.content.data.blocks[2].children[1].component.options.columns[0].blocks[1].component.options.text")
+      ], 3, null),
+      /* @__PURE__ */ _jsxQ("button", null, {
+        onClick$: /* @__PURE__ */ inlinedQrl(() => {
+          const [elementRef2, props2, state2] = useLexicalScope();
+          mergeNewContent(props2, state2, elementRef2, MODIFIED_COLUMNS);
+          window.location.href.includes("columns");
+        }, "EnableEditor_component__Fragment_button_onClick_F7jLxv2BTrU", [
+          elementRef,
+          props,
+          state
+        ])
+      }, "update me", 3, null),
+      props.builderContextSignal.content ? /* @__PURE__ */ _jsxS("div", {
+        ref: elementRef,
+        ...props.showContent ? {} : {
+          hidden: true,
+          "aria-hidden": true
+        },
+        children: /* @__PURE__ */ _jsxC(Slot, null, 3, "06_0"),
+        onClick$: /* @__PURE__ */ inlinedQrl((event) => {
+          const [elementRef2, props2, state2] = useLexicalScope();
+          return onClick(props2, state2, elementRef2, event);
+        }, "EnableEditor_component__Fragment_div_onClick_1QOkLijjH0M", [
+          elementRef,
+          props,
+          state
+        ])
+      }, {
+        "builder-content-id": _fnSignal((p0) => {
+          var _a;
+          return (_a = p0.builderContextSignal.content) == null ? void 0 : _a.id;
+        }, [
+          props
+        ], "p0.builderContextSignal.content?.id"),
+        "builder-model": _fnSignal((p0) => p0.model, [
+          props
+        ], "p0.model"),
+        class: _fnSignal((p0) => p0.classNameProp, [
+          props
+        ], "p0.classNameProp")
+      }, 0, state.forceReRenderCount) : null
+    ]
   }, 1, "06_1");
 }, "EnableEditor_component_ko1mO8oaj8k"));
 const getCssFromFont = (font) => {
@@ -6863,17 +8008,16 @@ const getContentInitialValue = ({ content, data }) => {
   };
 };
 const ContentComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
-  var _a, _b;
   _jsxBranch();
   const state = useStore({
     builderContextSignal: {
       content: getContentInitialValue({
-        content: props.content,
+        content: JSON.parse(JSON.stringify(props.content)),
         data: props.data
       }),
       localState: void 0,
       rootState: getContextStateInitialValue({
-        content: props.content,
+        content: {},
         data: props.data,
         locale: props.locale
       }),
@@ -6912,12 +8056,7 @@ const ContentComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl
         ...serializeComponentInfo(info)
       }
     }), {}),
-    scriptStr: getRenderContentScriptString({
-      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
-      variationId: (_a = props.content) == null ? void 0 : _a.testVariationId,
-      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
-      contentId: (_b = props.content) == null ? void 0 : _b.id
-    })
+    scriptStr: ""
   }, {
     deep: true
   });
@@ -6926,7 +8065,7 @@ const ContentComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl
   }));
   return /* @__PURE__ */ _jsxC(EnableEditor, {
     get content() {
-      return props.content;
+      return void 0;
     },
     get model() {
       return props.model;
@@ -6959,6 +8098,15 @@ const ContentComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl
       return state.builderContextSignal;
     },
     children: [
+      /* @__PURE__ */ _jsxQ("div", null, null, [
+        "in CONTENT: ",
+        _fnSignal((p0) => {
+          var _a, _b, _c, _d, _e, _f;
+          return (_f = (_e = (_d = (_c = (_b = (_a = p0.builderContextSignal) == null ? void 0 : _a.content) == null ? void 0 : _b.data) == null ? void 0 : _c.blocks[0]) == null ? void 0 : _d.children) == null ? void 0 : _e[1]) == null ? void 0 : _f.component.options.columns[0].blocks[1].component.options.text;
+        }, [
+          state
+        ], "p0.builderContextSignal?.content?.data?.blocks[0]?.children?.[1]?.component.options.columns[0].blocks[1].component.options.text")
+      ], 3, null),
       props.isSsrAbTest ? /* @__PURE__ */ _jsxC(InlinedScript, {
         get scriptStr() {
           return state.scriptStr;
@@ -6971,33 +8119,33 @@ const ContentComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl
       }, 3, "LQ_0") : null,
       /* @__PURE__ */ _jsxC(ContentStyles, {
         get contentId() {
-          var _a2;
-          return (_a2 = state.builderContextSignal.content) == null ? void 0 : _a2.id;
+          var _a;
+          return (_a = state.builderContextSignal.content) == null ? void 0 : _a.id;
         },
         get cssCode() {
-          var _a2, _b2;
-          return (_b2 = (_a2 = state.builderContextSignal.content) == null ? void 0 : _a2.data) == null ? void 0 : _b2.cssCode;
+          var _a, _b;
+          return (_b = (_a = state.builderContextSignal.content) == null ? void 0 : _a.data) == null ? void 0 : _b.cssCode;
         },
         get customFonts() {
-          var _a2, _b2;
-          return (_b2 = (_a2 = state.builderContextSignal.content) == null ? void 0 : _a2.data) == null ? void 0 : _b2.customFonts;
+          var _a, _b;
+          return (_b = (_a = state.builderContextSignal.content) == null ? void 0 : _a.data) == null ? void 0 : _b.customFonts;
         },
         [_IMMUTABLE]: {
           contentId: _fnSignal((p0) => {
-            var _a2;
-            return (_a2 = p0.builderContextSignal.content) == null ? void 0 : _a2.id;
+            var _a;
+            return (_a = p0.builderContextSignal.content) == null ? void 0 : _a.id;
           }, [
             state
           ], "p0.builderContextSignal.content?.id"),
           cssCode: _fnSignal((p0) => {
-            var _a2, _b2;
-            return (_b2 = (_a2 = p0.builderContextSignal.content) == null ? void 0 : _a2.data) == null ? void 0 : _b2.cssCode;
+            var _a, _b;
+            return (_b = (_a = p0.builderContextSignal.content) == null ? void 0 : _a.data) == null ? void 0 : _b.cssCode;
           }, [
             state
           ], "p0.builderContextSignal.content?.data?.cssCode"),
           customFonts: _fnSignal((p0) => {
-            var _a2, _b2;
-            return (_b2 = (_a2 = p0.builderContextSignal.content) == null ? void 0 : _a2.data) == null ? void 0 : _b2.customFonts;
+            var _a, _b;
+            return (_b = (_a = p0.builderContextSignal.content) == null ? void 0 : _a.data) == null ? void 0 : _b.customFonts;
           }, [
             state
           ], "p0.builderContextSignal.content?.data?.customFonts")
@@ -7005,8 +8153,8 @@ const ContentComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl
       }, 3, "LQ_1"),
       /* @__PURE__ */ _jsxC(Blocks, {
         get blocks() {
-          var _a2, _b2;
-          return (_b2 = (_a2 = state.builderContextSignal.content) == null ? void 0 : _a2.data) == null ? void 0 : _b2.blocks;
+          var _a, _b;
+          return (_b = (_a = state.builderContextSignal.content) == null ? void 0 : _a.data) == null ? void 0 : _b.blocks;
         },
         get context() {
           return state.builderContextSignal;
@@ -7016,8 +8164,8 @@ const ContentComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl
         },
         [_IMMUTABLE]: {
           blocks: _fnSignal((p0) => {
-            var _a2, _b2;
-            return (_b2 = (_a2 = p0.builderContextSignal.content) == null ? void 0 : _a2.data) == null ? void 0 : _b2.blocks;
+            var _a, _b;
+            return (_b = (_a = p0.builderContextSignal.content) == null ? void 0 : _a.data) == null ? void 0 : _b.blocks;
           }, [
             state
           ], "p0.builderContextSignal.content?.data?.blocks"),
@@ -7043,9 +8191,7 @@ const ContentComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl
       classNameProp: _fnSignal((p0) => p0.classNameProp, [
         props
       ], "p0.classNameProp"),
-      content: _fnSignal((p0) => p0.content, [
-        props
-      ], "p0.content"),
+      content: _IMMUTABLE,
       context: _fnSignal((p0) => p0.context, [
         props
       ], "p0.context"),
@@ -7067,6 +8213,134 @@ const ContentComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl
     }
   }, 1, "LQ_3");
 }, "ContentComponent_component_HIsczUcxjCE"));
+const getVariants = (content) => Object.values((content == null ? void 0 : content.variations) || {}).map((variant) => ({
+  ...variant,
+  testVariationId: variant.id,
+  id: content == null ? void 0 : content.id
+}));
+const checkShouldRunVariants = ({ canTrack, content }) => {
+  const hasVariants = getVariants(content).length > 0;
+  if (!hasVariants)
+    return false;
+  if (!canTrack)
+    return false;
+  if (isBrowser())
+    return false;
+  return true;
+};
+function bldrAbTest(contentId, variants, isHydrationTarget2) {
+  var _a;
+  function getAndSetVariantId2() {
+    function setCookie2(name, value, days) {
+      let expires = "";
+      if (days) {
+        const date = /* @__PURE__ */ new Date();
+        date.setTime(date.getTime() + days * 864e5);
+        expires = "; expires=" + date.toUTCString();
+      }
+      document.cookie = name + "=" + (value || "") + expires + "; path=/; Secure; SameSite=None";
+    }
+    function getCookie2(name) {
+      const nameEQ = name + "=";
+      const ca2 = document.cookie.split(";");
+      for (let i = 0; i < ca2.length; i++) {
+        let c = ca2[i];
+        while (c.charAt(0) === " ")
+          c = c.substring(1, c.length);
+        if (c.indexOf(nameEQ) === 0)
+          return c.substring(nameEQ.length, c.length);
+      }
+      return null;
+    }
+    const cookieName = `builder.tests.${contentId}`;
+    const variantInCookie = getCookie2(cookieName);
+    const availableIDs = variants.map((vr) => vr.id).concat(contentId);
+    if (variantInCookie && availableIDs.includes(variantInCookie))
+      return variantInCookie;
+    let n = 0;
+    const random = Math.random();
+    for (let i = 0; i < variants.length; i++) {
+      const variant = variants[i];
+      const testRatio = variant.testRatio;
+      n += testRatio;
+      if (random < n) {
+        setCookie2(cookieName, variant.id);
+        return variant.id;
+      }
+    }
+    setCookie2(cookieName, contentId);
+    return contentId;
+  }
+  const winningVariantId = getAndSetVariantId2();
+  const styleEl = (_a = document.currentScript) == null ? void 0 : _a.previousElementSibling;
+  if (isHydrationTarget2) {
+    styleEl.remove();
+    const thisScriptEl = document.currentScript;
+    thisScriptEl == null ? void 0 : thisScriptEl.remove();
+  } else {
+    const newStyleStr = variants.concat({
+      id: contentId
+    }).filter((variant) => variant.id !== winningVariantId).map((value) => {
+      return `.variant-${value.id} {  display: none; }
+        `;
+    }).join("");
+    styleEl.innerHTML = newStyleStr;
+  }
+}
+function bldrCntntScrpt(variantContentId, defaultContentId, isHydrationTarget2) {
+  var _a;
+  if (!navigator.cookieEnabled)
+    return;
+  function getCookie2(name) {
+    const nameEQ = name + "=";
+    const ca2 = document.cookie.split(";");
+    for (let i = 0; i < ca2.length; i++) {
+      let c = ca2[i];
+      while (c.charAt(0) === " ")
+        c = c.substring(1, c.length);
+      if (c.indexOf(nameEQ) === 0)
+        return c.substring(nameEQ.length, c.length);
+    }
+    return null;
+  }
+  const cookieName = `builder.tests.${defaultContentId}`;
+  const variantId = getCookie2(cookieName);
+  const parentDiv = (_a = document.currentScript) == null ? void 0 : _a.parentElement;
+  const variantIsDefaultContent = variantContentId === defaultContentId;
+  if (variantId === variantContentId) {
+    if (variantIsDefaultContent)
+      return;
+    parentDiv == null ? void 0 : parentDiv.removeAttribute("hidden");
+    parentDiv == null ? void 0 : parentDiv.removeAttribute("aria-hidden");
+  } else {
+    if (variantIsDefaultContent) {
+      if (isHydrationTarget2)
+        parentDiv == null ? void 0 : parentDiv.remove();
+      else {
+        parentDiv == null ? void 0 : parentDiv.setAttribute("hidden", "true");
+        parentDiv == null ? void 0 : parentDiv.setAttribute("aria-hidden", "true");
+      }
+    }
+    return;
+  }
+  return;
+}
+const getIsHydrationTarget = (target) => target === "react" || target === "reactNative";
+const isHydrationTarget = getIsHydrationTarget(TARGET);
+const AB_TEST_FN_NAME = "builderIoAbTest";
+const CONTENT_FN_NAME = "builderIoRenderContent";
+const getScriptString = () => {
+  const fnStr = bldrAbTest.toString().replace(/\s+/g, " ");
+  const fnStr2 = bldrCntntScrpt.toString().replace(/\s+/g, " ");
+  return `
+  window.${AB_TEST_FN_NAME} = ${fnStr}
+  window.${CONTENT_FN_NAME} = ${fnStr2}
+  `;
+};
+const getVariantsScriptString = (variants, contentId) => {
+  return `
+  window.${AB_TEST_FN_NAME}("${contentId}",${JSON.stringify(variants)}, ${isHydrationTarget})`;
+};
 const ContentVariants = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
   _jsxBranch();
   const state = useStore({
@@ -7149,11 +8423,9 @@ const ContentVariants = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(
               ], "p0.value")
             }
           }, 3, "XM_2"),
-          (getVariants(props.content) || []).map(function(variant) {
+          (getVariants(props.content) || []).map((variant) => {
             return /* @__PURE__ */ _jsxC(ContentComponent, {
-              get content() {
-                return variant;
-              },
+              content: variant,
               showContent: false,
               get classNameProp() {
                 return void 0;
@@ -7202,7 +8474,6 @@ const ContentVariants = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(
                   props
                 ], "p0.canTrack"),
                 classNameProp: _IMMUTABLE,
-                content: _IMMUTABLE,
                 context: _fnSignal((p0) => p0.context, [
                   props
                 ], "p0.context"),