@builder.io/sdk-qwik 0.4.4 → 0.4.5

package/lib/index.qwik.mjs

@@ -1,4 +1,4 @@
-import { componentQrl, inlinedQrl, useStylesScopedQrl, _jsxC, _jsxS, _fnSignal, createContextId, _jsxQ, _jsxBranch, useComputedQrl, useLexicalScope, _IMMUTABLE, _wrapProp, useStore, useContextProvider, useContext, Slot, Fragment as Fragment$1, useSignal, useTaskQrl, useVisibleTaskQrl } from "@builder.io/qwik";
+import { componentQrl, inlinedQrl, useStylesScopedQrl, _jsxC, _jsxS, _fnSignal, _jsxQ, createContextId, _jsxBranch, useComputedQrl, useLexicalScope, _IMMUTABLE, _wrapProp, useStore, useContextProvider, useContext, Slot, Fragment as Fragment$1, 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"));
@@ -32,6 +32,16 @@ const STYLES$3 = `
   all: unset;
 }
 `;
+const InlinedStyles = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
+  return /* @__PURE__ */ _jsxQ("style", null, {
+    dangerouslySetInnerHTML: _fnSignal((p0) => p0.styles, [
+      props
+    ], "p0.styles"),
+    id: _fnSignal((p0) => p0.id, [
+      props
+    ], "p0.id")
+  }, null, 3, "NG_0");
+}, "InlinedStyles_component_IOsg46hMexk"));
 const BuilderContext = createContextId("Builder");
 const TARGET = "qwik";
 function isBrowser() {
@@ -194,16 +204,6 @@ const createCssClass = ({ mediaQuery, className, styles }) => {
   else
     return cssClass;
 };
-const RenderInlinedStyles = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
-  return /* @__PURE__ */ _jsxQ("style", null, {
-    dangerouslySetInnerHTML: _fnSignal((p0) => p0.styles, [
-      props
-    ], "p0.styles"),
-    id: _fnSignal((p0) => p0.id, [
-      props
-    ], "p0.id")
-  }, null, 3, "zz_0");
-}, "RenderInlinedStyles_component_ejNQtXd1ahM"));
 const BlockStyles = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
   _jsxBranch();
   const useBlock = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
@@ -264,7 +264,7 @@ const BlockStyles = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pro
     useBlock
   ]));
   return /* @__PURE__ */ _jsxC(Fragment, {
-    children: css.value && canShowBlock.value ? /* @__PURE__ */ _jsxC(RenderInlinedStyles, {
+    children: css.value && canShowBlock.value ? /* @__PURE__ */ _jsxC(InlinedStyles, {
       get styles() {
         return css.value;
       },
@@ -845,7 +845,7 @@ const Columns = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props)
       columnsCssVars
     ], "p0.value")
   }, [
-    /* @__PURE__ */ _jsxC(RenderInlinedStyles, {
+    /* @__PURE__ */ _jsxC(InlinedStyles, {
       get styles() {
         return columnsStyles.value;
       },
@@ -1086,6 +1086,194 @@ const SectionComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl
     children: /* @__PURE__ */ _jsxC(Slot, null, 3, "2Y_0")
   }, null, 0, "2Y_1");
 }, "SectionComponent_component_ZWF9iD5WeLg"));
+const MSG_PREFIX = "[Builder.io]: ";
+const logger = {
+  log: (...message) => console.log(MSG_PREFIX, ...message),
+  error: (...message) => console.error(MSG_PREFIX, ...message),
+  warn: (...message) => console.warn(MSG_PREFIX, ...message),
+  debug: (...message) => console.debug(MSG_PREFIX, ...message)
+};
+const getTopLevelDomain = (host) => {
+  if (host === "localhost" || host === "127.0.0.1")
+    return host;
+  const parts = host.split(".");
+  if (parts.length > 2)
+    return parts.slice(1).join(".");
+  return host;
+};
+const getCookieSync = ({ name, canTrack }) => {
+  try {
+    if (!canTrack)
+      return void 0;
+    return document.cookie.split("; ").find((row) => row.startsWith(`${name}=`))?.split("=")[1];
+  } catch (err) {
+    logger.warn("[COOKIE] GET error: ", err?.message || err);
+    return void 0;
+  }
+};
+const getCookie = async (args) => getCookieSync(args);
+const stringifyCookie = (cookie) => cookie.map(([key, value]) => value ? `${key}=${value}` : key).filter(checkIsDefined).join("; ");
+const SECURE_CONFIG = [
+  [
+    "secure",
+    ""
+  ],
+  [
+    "SameSite",
+    "None"
+  ]
+];
+const createCookieString = ({ name, value, expires }) => {
+  const secure = isBrowser() ? location.protocol === "https:" : true;
+  const secureObj = secure ? SECURE_CONFIG : [
+    []
+  ];
+  const expiresObj = expires ? [
+    [
+      "expires",
+      expires.toUTCString()
+    ]
+  ] : [
+    []
+  ];
+  const cookieValue = [
+    [
+      name,
+      value
+    ],
+    ...expiresObj,
+    [
+      "path",
+      "/"
+    ],
+    [
+      "domain",
+      getTopLevelDomain(window.location.hostname)
+    ],
+    ...secureObj
+  ];
+  const cookie = stringifyCookie(cookieValue);
+  return cookie;
+};
+const setCookie = async ({ name, value, expires, canTrack }) => {
+  try {
+    if (!canTrack)
+      return;
+    const cookie = createCookieString({
+      name,
+      value,
+      expires
+    });
+    document.cookie = cookie;
+  } catch (err) {
+    logger.warn("[COOKIE] SET error: ", err?.message || err);
+  }
+};
+const BUILDER_STORE_PREFIX = "builder.tests";
+const getContentTestKey = (id) => `${BUILDER_STORE_PREFIX}.${id}`;
+const getContentVariationCookie = ({ contentId }) => getCookie({
+  name: getContentTestKey(contentId),
+  canTrack: true
+});
+const getContentVariationCookieSync = ({ contentId }) => getCookieSync({
+  name: getContentTestKey(contentId),
+  canTrack: true
+});
+const setContentVariationCookie = ({ contentId, value }) => setCookie({
+  name: getContentTestKey(contentId),
+  value,
+  canTrack: true
+});
+const checkIsBuilderContentWithVariations = (item) => checkIsDefined(item.id) && checkIsDefined(item.variations) && Object.keys(item.variations).length > 0;
+const getRandomVariationId = ({ id, variations }) => {
+  let n = 0;
+  const random = Math.random();
+  for (const id2 in variations) {
+    const testRatio = variations[id2]?.testRatio;
+    n += testRatio;
+    if (random < n)
+      return id2;
+  }
+  return id;
+};
+const getAndSetVariantId = (args) => {
+  const randomVariationId = getRandomVariationId(args);
+  setContentVariationCookie({
+    contentId: args.id,
+    value: randomVariationId
+  }).catch((err) => {
+    logger.error("could not store A/B test variation: ", err);
+  });
+  return randomVariationId;
+};
+const getTestFields = ({ item, testGroupId }) => {
+  const variationValue = item.variations[testGroupId];
+  if (testGroupId === item.id || !variationValue)
+    return {
+      testVariationId: item.id,
+      testVariationName: "Default"
+    };
+  else
+    return {
+      data: variationValue.data,
+      testVariationId: variationValue.id,
+      testVariationName: variationValue.name || (variationValue.id === item.id ? "Default" : "")
+    };
+};
+const handleABTestingSync = ({ item, canTrack }) => {
+  if (!canTrack)
+    return item;
+  if (!item)
+    return void 0;
+  if (!checkIsBuilderContentWithVariations(item))
+    return item;
+  const testGroupId = getContentVariationCookieSync({
+    contentId: item.id
+  }) || getAndSetVariantId({
+    variations: item.variations,
+    id: item.id
+  });
+  const variationValue = getTestFields({
+    item,
+    testGroupId
+  });
+  return {
+    ...item,
+    ...variationValue
+  };
+};
+const handleABTesting = async ({ item, canTrack }) => {
+  if (!canTrack)
+    return item;
+  if (!checkIsBuilderContentWithVariations(item))
+    return item;
+  const cookieValue = await getContentVariationCookie({
+    contentId: item.id
+  });
+  const testGroupId = cookieValue || getAndSetVariantId({
+    variations: item.variations,
+    id: item.id
+  });
+  const variationValue = getTestFields({
+    item,
+    testGroupId
+  });
+  return {
+    ...item,
+    ...variationValue
+  };
+};
+const getDefaultCanTrack = (canTrack) => checkIsDefined(canTrack) ? canTrack : true;
+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"));
 const componentInfo$a = {
   name: "Core:Button",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
@@ -1634,9 +1822,9 @@ const Text = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
     }
   }, {
     class: "builder-text",
-    dangerouslySetInnerHTML: _fnSignal((p0) => p0.text, [
+    dangerouslySetInnerHTML: _fnSignal((p0) => p0.text?.toString(), [
       props
-    ], "p0.text")
+    ], "p0.text?.toString()")
   }, null, 3, "yO_0");
 }, "Text_component_15p0cKUxgIE"));
 const componentInfo$3 = {
@@ -2069,201 +2257,23 @@ const getDefaultRegisteredComponents = () => [
     ...componentInfo$3
   }
 ];
-const MSG_PREFIX = "[Builder.io]: ";
-const logger = {
-  log: (...message) => console.log(MSG_PREFIX, ...message),
-  error: (...message) => console.error(MSG_PREFIX, ...message),
-  warn: (...message) => console.warn(MSG_PREFIX, ...message),
-  debug: (...message) => console.debug(MSG_PREFIX, ...message)
-};
-const getTopLevelDomain = (host) => {
-  if (host === "localhost" || host === "127.0.0.1")
-    return host;
-  const parts = host.split(".");
-  if (parts.length > 2)
-    return parts.slice(1).join(".");
-  return host;
-};
-const getCookieSync = ({ name, canTrack }) => {
-  try {
-    if (!canTrack)
-      return void 0;
-    return document.cookie.split("; ").find((row) => row.startsWith(`${name}=`))?.split("=")[1];
-  } catch (err) {
-    logger.warn("[COOKIE] GET error: ", err?.message || err);
-    return void 0;
-  }
-};
-const getCookie = async (args) => getCookieSync(args);
-const stringifyCookie = (cookie) => cookie.map(([key, value]) => value ? `${key}=${value}` : key).filter(checkIsDefined).join("; ");
-const SECURE_CONFIG = [
-  [
-    "secure",
-    ""
-  ],
-  [
-    "SameSite",
-    "None"
-  ]
-];
-const createCookieString = ({ name, value, expires }) => {
-  const secure = isBrowser() ? location.protocol === "https:" : true;
-  const secureObj = secure ? SECURE_CONFIG : [
-    []
-  ];
-  const expiresObj = expires ? [
-    [
-      "expires",
-      expires.toUTCString()
-    ]
-  ] : [
-    []
-  ];
-  const cookieValue = [
-    [
-      name,
-      value
-    ],
-    ...expiresObj,
-    [
-      "path",
-      "/"
-    ],
-    [
-      "domain",
-      getTopLevelDomain(window.location.hostname)
-    ],
-    ...secureObj
-  ];
-  const cookie = stringifyCookie(cookieValue);
-  return cookie;
-};
-const setCookie = async ({ name, value, expires, canTrack }) => {
-  try {
-    if (!canTrack)
-      return;
-    const cookie = createCookieString({
-      name,
-      value,
-      expires
-    });
-    document.cookie = cookie;
-  } catch (err) {
-    logger.warn("[COOKIE] SET error: ", err?.message || err);
-  }
-};
-const BUILDER_STORE_PREFIX = "builder.tests";
-const getContentTestKey = (id) => `${BUILDER_STORE_PREFIX}.${id}`;
-const getContentVariationCookie = ({ contentId }) => getCookie({
-  name: getContentTestKey(contentId),
-  canTrack: true
-});
-const getContentVariationCookieSync = ({ contentId }) => getCookieSync({
-  name: getContentTestKey(contentId),
-  canTrack: true
-});
-const setContentVariationCookie = ({ contentId, value }) => setCookie({
-  name: getContentTestKey(contentId),
-  value,
-  canTrack: true
-});
-const checkIsBuilderContentWithVariations = (item) => checkIsDefined(item.id) && checkIsDefined(item.variations) && Object.keys(item.variations).length > 0;
-const getRandomVariationId = ({ id, variations }) => {
-  let n = 0;
-  const random = Math.random();
-  for (const id2 in variations) {
-    const testRatio = variations[id2]?.testRatio;
-    n += testRatio;
-    if (random < n)
-      return id2;
-  }
-  return id;
-};
-const getAndSetVariantId = (args) => {
-  const randomVariationId = getRandomVariationId(args);
-  setContentVariationCookie({
-    contentId: args.id,
-    value: randomVariationId
-  }).catch((err) => {
-    logger.error("could not store A/B test variation: ", err);
-  });
-  return randomVariationId;
-};
-const getTestFields = ({ item, testGroupId }) => {
-  const variationValue = item.variations[testGroupId];
-  if (testGroupId === item.id || !variationValue)
-    return {
-      testVariationId: item.id,
-      testVariationName: "Default"
-    };
-  else
-    return {
-      data: variationValue.data,
-      testVariationId: variationValue.id,
-      testVariationName: variationValue.name || (variationValue.id === item.id ? "Default" : "")
-    };
-};
-const handleABTestingSync = ({ item, canTrack }) => {
-  if (!canTrack)
-    return item;
-  if (!item)
-    return void 0;
-  if (!checkIsBuilderContentWithVariations(item))
-    return item;
-  const testGroupId = getContentVariationCookieSync({
-    contentId: item.id
-  }) || getAndSetVariantId({
-    variations: item.variations,
-    id: item.id
-  });
-  const variationValue = getTestFields({
-    item,
-    testGroupId
-  });
-  return {
-    ...item,
-    ...variationValue
-  };
-};
-const handleABTesting = async ({ item, canTrack }) => {
-  if (!canTrack)
-    return item;
-  if (!checkIsBuilderContentWithVariations(item))
-    return item;
-  const cookieValue = await getContentVariationCookie({
-    contentId: item.id
-  });
-  const testGroupId = cookieValue || getAndSetVariantId({
-    variations: item.variations,
-    id: item.id
-  });
-  const variationValue = getTestFields({
-    item,
-    testGroupId
-  });
-  return {
-    ...item,
-    ...variationValue
-  };
-};
-const getDefaultCanTrack = (canTrack) => checkIsDefined(canTrack) ? canTrack : true;
-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 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;
 }
@@ -2652,7 +2662,7 @@ const getInteractionPropertiesForEvent = (event) => {
     }
   };
 };
-const SDK_VERSION = "0.4.4";
+const SDK_VERSION = "0.4.5";
 const registry = {};
 function register(type, info) {
   let typeList = registry[type];
@@ -2780,7 +2790,11 @@ const setupBrowserForEditing = (options = {}) => {
     });
   }
 };
-const getVariants = (content) => Object.values(content?.variations || {});
+const getVariants = (content) => Object.values(content?.variations || {}).map((variant) => ({
+  ...variant,
+  testVariationId: variant.id,
+  id: content?.id
+}));
 const checkShouldRunVariants = ({ canTrack, content }) => {
   const hasVariants = getVariants(content).length > 0;
   if (!hasVariants)
@@ -2834,10 +2848,10 @@ function bldrAbTest(contentId, variants, isHydrationTarget2) {
     return contentId;
   }
   const winningVariantId = getAndSetVariantId2();
-  const styleEl = document.getElementById(`variants-styles-${contentId}`);
+  const styleEl = document.currentScript?.previousElementSibling;
   if (isHydrationTarget2) {
     styleEl.remove();
-    const thisScriptEl = document.getElementById(`variants-script-${contentId}`);
+    const thisScriptEl = document.currentScript;
     thisScriptEl?.remove();
   } else {
     const newStyleStr = variants.concat({
@@ -2866,7 +2880,7 @@ function bldrCntntScrpt(variantContentId, defaultContentId, isHydrationTarget2)
   }
   const cookieName = `builder.tests.${defaultContentId}`;
   const variantId = getCookie2(cookieName);
-  const parentDiv = document.querySelector(`[builder-content-id="${variantContentId}"]`);
+  const parentDiv = document.currentScript?.parentElement;
   const variantIsDefaultContent = variantContentId === defaultContentId;
   if (variantId === variantContentId) {
     if (variantIsDefaultContent)
@@ -2886,22 +2900,25 @@ function bldrCntntScrpt(variantContentId, defaultContentId, isHydrationTarget2)
   }
   return;
 }
-const getIsHydrationTarget = (target) => target === "react" || target === "reactNative" || target === "vue3" || target === "vue2";
+const getIsHydrationTarget = (target) => target === "react" || target === "reactNative";
 const isHydrationTarget = getIsHydrationTarget(TARGET);
-const AB_TEST_FN_NAME = "bldrAbTest";
-const CONTENT_FN_NAME = "bldrCntntScrpt";
-const getVariantsScriptString = (variants, contentId) => {
+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 `
-  const ${AB_TEST_FN_NAME} = ${fnStr}
-  const ${CONTENT_FN_NAME} = ${fnStr2}
-  ${AB_TEST_FN_NAME}("${contentId}", ${JSON.stringify(variants)}, ${isHydrationTarget})
+  window.${AB_TEST_FN_NAME} = ${fnStr}
+  window.${CONTENT_FN_NAME} = ${fnStr2}
   `;
 };
-const getRenderContentScriptString = ({ parentContentId, contentId }) => {
+const getVariantsScriptString = (variants, contentId) => {
+  return `
+  window.${AB_TEST_FN_NAME}("${contentId}",${JSON.stringify(variants)}, ${isHydrationTarget})`;
+};
+const getRenderContentScriptString = ({ contentId, variationId }) => {
   return `
-  ${CONTENT_FN_NAME}("${contentId}", "${parentContentId}", ${isHydrationTarget})`;
+  window.${CONTENT_FN_NAME}("${variationId}", "${contentId}", ${isHydrationTarget})`;
 };
 const getCssFromFont = (font) => {
   const family = font.family + (font.kind && !font.kind.includes("#") ? ", " + font.kind : "");
@@ -2970,7 +2987,7 @@ ${getFontCss({
 }
 `.trim()
   });
-  return /* @__PURE__ */ _jsxC(RenderInlinedStyles, {
+  return /* @__PURE__ */ _jsxC(InlinedStyles, {
     get styles() {
       return state.injectedStyles;
     },
@@ -3171,8 +3188,8 @@ const RenderContent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((p
     httpReqsData: {},
     overrideContent: null,
     scriptStr: getRenderContentScriptString({
-      contentId: props.content?.id,
-      parentContentId: props.parentContentId
+      variationId: props.content?.testVariationId,
+      contentId: props.content?.id
     }),
     update: 0
   }, {
@@ -3282,16 +3299,21 @@ const RenderContent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((p
     children: state.builderContextSignal.content ? /* @__PURE__ */ _jsxS("div", {
       ref: elementRef,
       ...{},
-      ...props.hideContent ? {
+      ...props.showContent ? {} : {
         hidden: true,
         "aria-hidden": true
-      } : {},
+      },
       children: [
-        props.isSsrAbTest ? /* @__PURE__ */ _jsxQ("script", null, {
-          dangerouslySetInnerHTML: _fnSignal((p0) => p0.scriptStr, [
-            state
-          ], "p0.scriptStr")
-        }, null, 3, "03_0") : null,
+        props.isSsrAbTest ? /* @__PURE__ */ _jsxC(InlinedScript, {
+          get scriptStr() {
+            return state.scriptStr;
+          },
+          [_IMMUTABLE]: {
+            scriptStr: _fnSignal((p0) => p0.scriptStr, [
+              state
+            ], "p0.scriptStr")
+          }
+        }, 3, "03_0") : null,
         /* @__PURE__ */ _jsxC(RenderContentStyles, {
           get contentId() {
             return state.builderContextSignal.content?.id;
@@ -3346,14 +3368,230 @@ const RenderContent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((p
     }, 0, "03_2") : null
   }, 1, "03_3");
 }, "RenderContent_component_hEAI0ahViXM"));
+const RenderContentVariants = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
+  _jsxBranch();
+  const state = useStore({
+    hideVariantsStyleString: getVariants(props.content).map((value) => `.variant-${value.testVariationId} { display: none; } `).join(""),
+    shouldRenderVariants: checkShouldRunVariants({
+      canTrack: getDefaultCanTrack(props.canTrack),
+      content: props.content
+    }),
+    variantScriptStr: getVariantsScriptString(getVariants(props.content).map((value) => ({
+      id: value.testVariationId,
+      testRatio: value.testRatio
+    })), props.content?.id || "")
+  });
+  useVisibleTaskQrl(/* @__PURE__ */ inlinedQrl(() => {
+    useLexicalScope();
+  }, "RenderContentVariants_component_useVisibleTask_zc1gmoEX01g", [
+    state
+  ]));
+  return /* @__PURE__ */ _jsxC(Fragment$1, {
+    children: [
+      !props.__isNestedRender && TARGET !== "reactNative" ? /* @__PURE__ */ _jsxC(InlinedScript, {
+        scriptStr: getScriptString()
+      }, 3, "Bz_0") : null,
+      state.shouldRenderVariants ? /* @__PURE__ */ _jsxC(Fragment, {
+        children: [
+          /* @__PURE__ */ _jsxC(InlinedStyles, {
+            get id() {
+              return `variants-styles-${props.content?.id}`;
+            },
+            get styles() {
+              return state.hideVariantsStyleString;
+            },
+            [_IMMUTABLE]: {
+              id: _fnSignal((p0) => `variants-styles-${p0.content?.id}`, [
+                props
+              ], "`variants-styles-${p0.content?.id}`"),
+              styles: _fnSignal((p0) => p0.hideVariantsStyleString, [
+                state
+              ], "p0.hideVariantsStyleString")
+            }
+          }, 3, "Bz_1"),
+          /* @__PURE__ */ _jsxC(InlinedScript, {
+            get scriptStr() {
+              return state.variantScriptStr;
+            },
+            [_IMMUTABLE]: {
+              scriptStr: _fnSignal((p0) => p0.variantScriptStr, [
+                state
+              ], "p0.variantScriptStr")
+            }
+          }, 3, "Bz_2"),
+          (getVariants(props.content) || []).map(function(variant) {
+            return /* @__PURE__ */ _jsxC(RenderContent, {
+              content: variant,
+              showContent: false,
+              classNameProp: void 0,
+              get model() {
+                return props.model;
+              },
+              get data() {
+                return props.data;
+              },
+              get context() {
+                return props.context;
+              },
+              get apiKey() {
+                return props.apiKey;
+              },
+              get apiVersion() {
+                return props.apiVersion;
+              },
+              get customComponents() {
+                return props.customComponents;
+              },
+              get canTrack() {
+                return props.canTrack;
+              },
+              get locale() {
+                return props.locale;
+              },
+              get includeRefs() {
+                return props.includeRefs;
+              },
+              get enrich() {
+                return props.enrich;
+              },
+              get isSsrAbTest() {
+                return state.shouldRenderVariants;
+              },
+              [_IMMUTABLE]: {
+                showContent: _IMMUTABLE,
+                model: _fnSignal((p0) => p0.model, [
+                  props
+                ], "p0.model"),
+                data: _fnSignal((p0) => p0.data, [
+                  props
+                ], "p0.data"),
+                context: _fnSignal((p0) => p0.context, [
+                  props
+                ], "p0.context"),
+                apiKey: _fnSignal((p0) => p0.apiKey, [
+                  props
+                ], "p0.apiKey"),
+                apiVersion: _fnSignal((p0) => p0.apiVersion, [
+                  props
+                ], "p0.apiVersion"),
+                customComponents: _fnSignal((p0) => p0.customComponents, [
+                  props
+                ], "p0.customComponents"),
+                canTrack: _fnSignal((p0) => p0.canTrack, [
+                  props
+                ], "p0.canTrack"),
+                locale: _fnSignal((p0) => p0.locale, [
+                  props
+                ], "p0.locale"),
+                includeRefs: _fnSignal((p0) => p0.includeRefs, [
+                  props
+                ], "p0.includeRefs"),
+                enrich: _fnSignal((p0) => p0.enrich, [
+                  props
+                ], "p0.enrich"),
+                isSsrAbTest: _fnSignal((p0) => p0.shouldRenderVariants, [
+                  state
+                ], "p0.shouldRenderVariants")
+              }
+            }, 3, variant.testVariationId);
+          })
+        ]
+      }, 1, "Bz_3") : null,
+      /* @__PURE__ */ _jsxC(RenderContent, {
+        content: state.shouldRenderVariants ? props.content : handleABTestingSync({
+          item: props.content,
+          canTrack: getDefaultCanTrack(props.canTrack)
+        }),
+        get classNameProp() {
+          return `variant-${props.content?.id}`;
+        },
+        showContent: true,
+        get model() {
+          return props.model;
+        },
+        get data() {
+          return props.data;
+        },
+        get context() {
+          return props.context;
+        },
+        get apiKey() {
+          return props.apiKey;
+        },
+        get apiVersion() {
+          return props.apiVersion;
+        },
+        get customComponents() {
+          return props.customComponents;
+        },
+        get canTrack() {
+          return props.canTrack;
+        },
+        get locale() {
+          return props.locale;
+        },
+        get includeRefs() {
+          return props.includeRefs;
+        },
+        get enrich() {
+          return props.enrich;
+        },
+        get isSsrAbTest() {
+          return state.shouldRenderVariants;
+        },
+        [_IMMUTABLE]: {
+          classNameProp: _fnSignal((p0) => `variant-${p0.content?.id}`, [
+            props
+          ], "`variant-${p0.content?.id}`"),
+          showContent: _IMMUTABLE,
+          model: _fnSignal((p0) => p0.model, [
+            props
+          ], "p0.model"),
+          data: _fnSignal((p0) => p0.data, [
+            props
+          ], "p0.data"),
+          context: _fnSignal((p0) => p0.context, [
+            props
+          ], "p0.context"),
+          apiKey: _fnSignal((p0) => p0.apiKey, [
+            props
+          ], "p0.apiKey"),
+          apiVersion: _fnSignal((p0) => p0.apiVersion, [
+            props
+          ], "p0.apiVersion"),
+          customComponents: _fnSignal((p0) => p0.customComponents, [
+            props
+          ], "p0.customComponents"),
+          canTrack: _fnSignal((p0) => p0.canTrack, [
+            props
+          ], "p0.canTrack"),
+          locale: _fnSignal((p0) => p0.locale, [
+            props
+          ], "p0.locale"),
+          includeRefs: _fnSignal((p0) => p0.includeRefs, [
+            props
+          ], "p0.includeRefs"),
+          enrich: _fnSignal((p0) => p0.enrich, [
+            props
+          ], "p0.enrich"),
+          isSsrAbTest: _fnSignal((p0) => p0.shouldRenderVariants, [
+            state
+          ], "p0.shouldRenderVariants")
+        }
+      }, 3, "Bz_4")
+    ]
+  }, 1, "Bz_5");
+}, "RenderContentVariants_component_OMvvre8Ofjw"));
 const fetchContent = function fetchContent2(props, state, builderContext) {
   if (!state.contentToUse && props.symbol?.model && builderContext?.apiKey)
     getContent({
       model: props.symbol.model,
       apiKey: builderContext.apiKey,
       apiVersion: builderContext.apiVersion,
-      query: {
-        id: props.symbol.entry
+      ...props.symbol?.entry && {
+        query: {
+          id: props.symbol.entry
+        }
       }
     }).then((response) => {
       if (response)
@@ -3394,7 +3632,7 @@ const Symbol$1 = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props)
   ]));
   return /* @__PURE__ */ _jsxS("div", {
     ...props.attributes,
-    children: /* @__PURE__ */ _jsxC(RenderContent, {
+    children: /* @__PURE__ */ _jsxC(RenderContentVariants, {
       get apiVersion() {
         return builderContext.apiVersion;
       },
@@ -3456,162 +3694,6 @@ const Symbol$1 = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props)
     ], "p0.className")
   }, 0, "Wt_1");
 }, "Symbol_component_WVvggdkUPdk"));
-const RenderContentVariants = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
-  _jsxBranch();
-  const state = useStore({
-    contentToRender: checkShouldRunVariants({
-      canTrack: getDefaultCanTrack(props.canTrack),
-      content: props.content
-    }) ? props.content : handleABTestingSync({
-      item: props.content,
-      canTrack: getDefaultCanTrack(props.canTrack)
-    }),
-    hideVariantsStyleString: getVariants(props.content).map((value) => `.variant-${value.id} { display: none; } `).join(""),
-    shouldRenderVariants: checkShouldRunVariants({
-      canTrack: getDefaultCanTrack(props.canTrack),
-      content: props.content
-    }),
-    variantScriptStr: getVariantsScriptString(getVariants(props.content).map((value) => ({
-      id: value.id,
-      testRatio: value.testRatio
-    })), props.content?.id || "")
-  });
-  return /* @__PURE__ */ _jsxC(Fragment$1, {
-    children: [
-      state.shouldRenderVariants ? /* @__PURE__ */ _jsxC(Fragment, {
-        children: [
-          /* @__PURE__ */ _jsxC(RenderInlinedStyles, {
-            get id() {
-              return `variants-styles-${props.content?.id}`;
-            },
-            get styles() {
-              return state.hideVariantsStyleString;
-            },
-            [_IMMUTABLE]: {
-              id: _fnSignal((p0) => `variants-styles-${p0.content?.id}`, [
-                props
-              ], "`variants-styles-${p0.content?.id}`"),
-              styles: _fnSignal((p0) => p0.hideVariantsStyleString, [
-                state
-              ], "p0.hideVariantsStyleString")
-            }
-          }, 3, "Bz_0"),
-          /* @__PURE__ */ _jsxQ("script", null, {
-            id: _fnSignal((p0) => `variants-script-${p0.content?.id}`, [
-              props
-            ], "`variants-script-${p0.content?.id}`"),
-            dangerouslySetInnerHTML: _fnSignal((p0) => p0.variantScriptStr, [
-              state
-            ], "p0.variantScriptStr")
-          }, null, 3, null),
-          (getVariants(props.content) || []).map(function(variant) {
-            return /* @__PURE__ */ _jsxC(RenderContent, {
-              content: variant,
-              get apiKey() {
-                return props.apiKey;
-              },
-              get apiVersion() {
-                return props.apiVersion;
-              },
-              get canTrack() {
-                return props.canTrack;
-              },
-              get customComponents() {
-                return props.customComponents;
-              },
-              hideContent: true,
-              get parentContentId() {
-                return props.content?.id;
-              },
-              get isSsrAbTest() {
-                return state.shouldRenderVariants;
-              },
-              [_IMMUTABLE]: {
-                apiKey: _fnSignal((p0) => p0.apiKey, [
-                  props
-                ], "p0.apiKey"),
-                apiVersion: _fnSignal((p0) => p0.apiVersion, [
-                  props
-                ], "p0.apiVersion"),
-                canTrack: _fnSignal((p0) => p0.canTrack, [
-                  props
-                ], "p0.canTrack"),
-                customComponents: _fnSignal((p0) => p0.customComponents, [
-                  props
-                ], "p0.customComponents"),
-                hideContent: _IMMUTABLE,
-                parentContentId: _fnSignal((p0) => p0.content?.id, [
-                  props
-                ], "p0.content?.id"),
-                isSsrAbTest: _fnSignal((p0) => p0.shouldRenderVariants, [
-                  state
-                ], "p0.shouldRenderVariants")
-              }
-            }, 3, variant.id);
-          })
-        ]
-      }, 1, "Bz_1") : null,
-      /* @__PURE__ */ _jsxC(RenderContent, {
-        get model() {
-          return props.model;
-        },
-        get content() {
-          return state.contentToRender;
-        },
-        get apiKey() {
-          return props.apiKey;
-        },
-        get apiVersion() {
-          return props.apiVersion;
-        },
-        get canTrack() {
-          return props.canTrack;
-        },
-        get customComponents() {
-          return props.customComponents;
-        },
-        get classNameProp() {
-          return `variant-${props.content?.id}`;
-        },
-        get parentContentId() {
-          return props.content?.id;
-        },
-        get isSsrAbTest() {
-          return state.shouldRenderVariants;
-        },
-        [_IMMUTABLE]: {
-          model: _fnSignal((p0) => p0.model, [
-            props
-          ], "p0.model"),
-          content: _fnSignal((p0) => p0.contentToRender, [
-            state
-          ], "p0.contentToRender"),
-          apiKey: _fnSignal((p0) => p0.apiKey, [
-            props
-          ], "p0.apiKey"),
-          apiVersion: _fnSignal((p0) => p0.apiVersion, [
-            props
-          ], "p0.apiVersion"),
-          canTrack: _fnSignal((p0) => p0.canTrack, [
-            props
-          ], "p0.canTrack"),
-          customComponents: _fnSignal((p0) => p0.customComponents, [
-            props
-          ], "p0.customComponents"),
-          classNameProp: _fnSignal((p0) => `variant-${p0.content?.id}`, [
-            props
-          ], "`variant-${p0.content?.id}`"),
-          parentContentId: _fnSignal((p0) => p0.content?.id, [
-            props
-          ], "p0.content?.id"),
-          isSsrAbTest: _fnSignal((p0) => p0.shouldRenderVariants, [
-            state
-          ], "p0.shouldRenderVariants")
-        }
-      }, 3, "Bz_2")
-    ]
-  }, 1, "Bz_3");
-}, "RenderContentVariants_component_OMvvre8Ofjw"));
 const settings = {};
 function setEditorSettings(newSettings) {
   if (isBrowser()) {