@builder.io/sdk-qwik 0.4.4 → 0.4.5

package/lib/index.qwik.cjs

@@ -34,6 +34,16 @@ const STYLES$3 = `
   all: unset;
 }
 `;
+const InlinedStyles = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
+  return /* @__PURE__ */ qwik._jsxQ("style", null, {
+    dangerouslySetInnerHTML: qwik._fnSignal((p0) => p0.styles, [
+      props
+    ], "p0.styles"),
+    id: qwik._fnSignal((p0) => p0.id, [
+      props
+    ], "p0.id")
+  }, null, 3, "NG_0");
+}, "InlinedStyles_component_IOsg46hMexk"));
 const BuilderContext = qwik.createContextId("Builder");
 const TARGET = "qwik";
 function isBrowser() {
@@ -196,16 +206,6 @@ const createCssClass = ({ mediaQuery, className, styles }) => {
   else
     return cssClass;
 };
-const RenderInlinedStyles = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
-  return /* @__PURE__ */ qwik._jsxQ("style", null, {
-    dangerouslySetInnerHTML: qwik._fnSignal((p0) => p0.styles, [
-      props
-    ], "p0.styles"),
-    id: qwik._fnSignal((p0) => p0.id, [
-      props
-    ], "p0.id")
-  }, null, 3, "zz_0");
-}, "RenderInlinedStyles_component_ejNQtXd1ahM"));
 const BlockStyles = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
   qwik._jsxBranch();
   const useBlock = qwik.useComputedQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
@@ -266,7 +266,7 @@ const BlockStyles = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlin
     useBlock
   ]));
   return /* @__PURE__ */ qwik._jsxC(jsxRuntime.Fragment, {
-    children: css.value && canShowBlock.value ? /* @__PURE__ */ qwik._jsxC(RenderInlinedStyles, {
+    children: css.value && canShowBlock.value ? /* @__PURE__ */ qwik._jsxC(InlinedStyles, {
       get styles() {
         return css.value;
       },
@@ -847,7 +847,7 @@ const Columns = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQr
       columnsCssVars
     ], "p0.value")
   }, [
-    /* @__PURE__ */ qwik._jsxC(RenderInlinedStyles, {
+    /* @__PURE__ */ qwik._jsxC(InlinedStyles, {
       get styles() {
         return columnsStyles.value;
       },
@@ -1088,6 +1088,194 @@ const SectionComponent = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.
     children: /* @__PURE__ */ qwik._jsxC(qwik.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__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
+  return /* @__PURE__ */ qwik._jsxQ("script", null, {
+    dangerouslySetInnerHTML: qwik._fnSignal((p0) => p0.scriptStr, [
+      props
+    ], "p0.scriptStr"),
+    id: qwik._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",
@@ -1636,9 +1824,9 @@ const Text = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((
     }
   }, {
     class: "builder-text",
-    dangerouslySetInnerHTML: qwik._fnSignal((p0) => p0.text, [
+    dangerouslySetInnerHTML: qwik._fnSignal((p0) => p0.text?.toString(), [
       props
-    ], "p0.text")
+    ], "p0.text?.toString()")
   }, null, 3, "yO_0");
 }, "Text_component_15p0cKUxgIE"));
 const componentInfo$3 = {
@@ -2071,201 +2259,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;
 }
@@ -2654,7 +2664,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];
@@ -2782,7 +2792,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)
@@ -2836,10 +2850,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({
@@ -2868,7 +2882,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)
@@ -2888,22 +2902,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 : "");
@@ -2972,7 +2989,7 @@ ${getFontCss({
 }
 `.trim()
   });
-  return /* @__PURE__ */ qwik._jsxC(RenderInlinedStyles, {
+  return /* @__PURE__ */ qwik._jsxC(InlinedStyles, {
     get styles() {
       return state.injectedStyles;
     },
@@ -3173,8 +3190,8 @@ const RenderContent = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inl
     httpReqsData: {},
     overrideContent: null,
     scriptStr: getRenderContentScriptString({
-      contentId: props.content?.id,
-      parentContentId: props.parentContentId
+      variationId: props.content?.testVariationId,
+      contentId: props.content?.id
     }),
     update: 0
   }, {
@@ -3284,16 +3301,21 @@ const RenderContent = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inl
     children: state.builderContextSignal.content ? /* @__PURE__ */ qwik._jsxS("div", {
       ref: elementRef,
       ...{},
-      ...props.hideContent ? {
+      ...props.showContent ? {} : {
         hidden: true,
         "aria-hidden": true
-      } : {},
+      },
       children: [
-        props.isSsrAbTest ? /* @__PURE__ */ qwik._jsxQ("script", null, {
-          dangerouslySetInnerHTML: qwik._fnSignal((p0) => p0.scriptStr, [
-            state
-          ], "p0.scriptStr")
-        }, null, 3, "03_0") : null,
+        props.isSsrAbTest ? /* @__PURE__ */ qwik._jsxC(InlinedScript, {
+          get scriptStr() {
+            return state.scriptStr;
+          },
+          [qwik._IMMUTABLE]: {
+            scriptStr: qwik._fnSignal((p0) => p0.scriptStr, [
+              state
+            ], "p0.scriptStr")
+          }
+        }, 3, "03_0") : null,
         /* @__PURE__ */ qwik._jsxC(RenderContentStyles, {
           get contentId() {
             return state.builderContextSignal.content?.id;
@@ -3348,14 +3370,230 @@ const RenderContent = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inl
     }, 0, "03_2") : null
   }, 1, "03_3");
 }, "RenderContent_component_hEAI0ahViXM"));
+const RenderContentVariants = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
+  qwik._jsxBranch();
+  const state = qwik.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 || "")
+  });
+  qwik.useVisibleTaskQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
+    qwik.useLexicalScope();
+  }, "RenderContentVariants_component_useVisibleTask_zc1gmoEX01g", [
+    state
+  ]));
+  return /* @__PURE__ */ qwik._jsxC(qwik.Fragment, {
+    children: [
+      !props.__isNestedRender && TARGET !== "reactNative" ? /* @__PURE__ */ qwik._jsxC(InlinedScript, {
+        scriptStr: getScriptString()
+      }, 3, "Bz_0") : null,
+      state.shouldRenderVariants ? /* @__PURE__ */ qwik._jsxC(jsxRuntime.Fragment, {
+        children: [
+          /* @__PURE__ */ qwik._jsxC(InlinedStyles, {
+            get id() {
+              return `variants-styles-${props.content?.id}`;
+            },
+            get styles() {
+              return state.hideVariantsStyleString;
+            },
+            [qwik._IMMUTABLE]: {
+              id: qwik._fnSignal((p0) => `variants-styles-${p0.content?.id}`, [
+                props
+              ], "`variants-styles-${p0.content?.id}`"),
+              styles: qwik._fnSignal((p0) => p0.hideVariantsStyleString, [
+                state
+              ], "p0.hideVariantsStyleString")
+            }
+          }, 3, "Bz_1"),
+          /* @__PURE__ */ qwik._jsxC(InlinedScript, {
+            get scriptStr() {
+              return state.variantScriptStr;
+            },
+            [qwik._IMMUTABLE]: {
+              scriptStr: qwik._fnSignal((p0) => p0.variantScriptStr, [
+                state
+              ], "p0.variantScriptStr")
+            }
+          }, 3, "Bz_2"),
+          (getVariants(props.content) || []).map(function(variant) {
+            return /* @__PURE__ */ qwik._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;
+              },
+              [qwik._IMMUTABLE]: {
+                showContent: qwik._IMMUTABLE,
+                model: qwik._fnSignal((p0) => p0.model, [
+                  props
+                ], "p0.model"),
+                data: qwik._fnSignal((p0) => p0.data, [
+                  props
+                ], "p0.data"),
+                context: qwik._fnSignal((p0) => p0.context, [
+                  props
+                ], "p0.context"),
+                apiKey: qwik._fnSignal((p0) => p0.apiKey, [
+                  props
+                ], "p0.apiKey"),
+                apiVersion: qwik._fnSignal((p0) => p0.apiVersion, [
+                  props
+                ], "p0.apiVersion"),
+                customComponents: qwik._fnSignal((p0) => p0.customComponents, [
+                  props
+                ], "p0.customComponents"),
+                canTrack: qwik._fnSignal((p0) => p0.canTrack, [
+                  props
+                ], "p0.canTrack"),
+                locale: qwik._fnSignal((p0) => p0.locale, [
+                  props
+                ], "p0.locale"),
+                includeRefs: qwik._fnSignal((p0) => p0.includeRefs, [
+                  props
+                ], "p0.includeRefs"),
+                enrich: qwik._fnSignal((p0) => p0.enrich, [
+                  props
+                ], "p0.enrich"),
+                isSsrAbTest: qwik._fnSignal((p0) => p0.shouldRenderVariants, [
+                  state
+                ], "p0.shouldRenderVariants")
+              }
+            }, 3, variant.testVariationId);
+          })
+        ]
+      }, 1, "Bz_3") : null,
+      /* @__PURE__ */ qwik._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;
+        },
+        [qwik._IMMUTABLE]: {
+          classNameProp: qwik._fnSignal((p0) => `variant-${p0.content?.id}`, [
+            props
+          ], "`variant-${p0.content?.id}`"),
+          showContent: qwik._IMMUTABLE,
+          model: qwik._fnSignal((p0) => p0.model, [
+            props
+          ], "p0.model"),
+          data: qwik._fnSignal((p0) => p0.data, [
+            props
+          ], "p0.data"),
+          context: qwik._fnSignal((p0) => p0.context, [
+            props
+          ], "p0.context"),
+          apiKey: qwik._fnSignal((p0) => p0.apiKey, [
+            props
+          ], "p0.apiKey"),
+          apiVersion: qwik._fnSignal((p0) => p0.apiVersion, [
+            props
+          ], "p0.apiVersion"),
+          customComponents: qwik._fnSignal((p0) => p0.customComponents, [
+            props
+          ], "p0.customComponents"),
+          canTrack: qwik._fnSignal((p0) => p0.canTrack, [
+            props
+          ], "p0.canTrack"),
+          locale: qwik._fnSignal((p0) => p0.locale, [
+            props
+          ], "p0.locale"),
+          includeRefs: qwik._fnSignal((p0) => p0.includeRefs, [
+            props
+          ], "p0.includeRefs"),
+          enrich: qwik._fnSignal((p0) => p0.enrich, [
+            props
+          ], "p0.enrich"),
+          isSsrAbTest: qwik._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)
@@ -3396,7 +3634,7 @@ const Symbol$1 = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQ
   ]));
   return /* @__PURE__ */ qwik._jsxS("div", {
     ...props.attributes,
-    children: /* @__PURE__ */ qwik._jsxC(RenderContent, {
+    children: /* @__PURE__ */ qwik._jsxC(RenderContentVariants, {
       get apiVersion() {
         return builderContext.apiVersion;
       },
@@ -3458,162 +3696,6 @@ const Symbol$1 = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQ
     ], "p0.className")
   }, 0, "Wt_1");
 }, "Symbol_component_WVvggdkUPdk"));
-const RenderContentVariants = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
-  qwik._jsxBranch();
-  const state = qwik.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__ */ qwik._jsxC(qwik.Fragment, {
-    children: [
-      state.shouldRenderVariants ? /* @__PURE__ */ qwik._jsxC(jsxRuntime.Fragment, {
-        children: [
-          /* @__PURE__ */ qwik._jsxC(RenderInlinedStyles, {
-            get id() {
-              return `variants-styles-${props.content?.id}`;
-            },
-            get styles() {
-              return state.hideVariantsStyleString;
-            },
-            [qwik._IMMUTABLE]: {
-              id: qwik._fnSignal((p0) => `variants-styles-${p0.content?.id}`, [
-                props
-              ], "`variants-styles-${p0.content?.id}`"),
-              styles: qwik._fnSignal((p0) => p0.hideVariantsStyleString, [
-                state
-              ], "p0.hideVariantsStyleString")
-            }
-          }, 3, "Bz_0"),
-          /* @__PURE__ */ qwik._jsxQ("script", null, {
-            id: qwik._fnSignal((p0) => `variants-script-${p0.content?.id}`, [
-              props
-            ], "`variants-script-${p0.content?.id}`"),
-            dangerouslySetInnerHTML: qwik._fnSignal((p0) => p0.variantScriptStr, [
-              state
-            ], "p0.variantScriptStr")
-          }, null, 3, null),
-          (getVariants(props.content) || []).map(function(variant) {
-            return /* @__PURE__ */ qwik._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;
-              },
-              [qwik._IMMUTABLE]: {
-                apiKey: qwik._fnSignal((p0) => p0.apiKey, [
-                  props
-                ], "p0.apiKey"),
-                apiVersion: qwik._fnSignal((p0) => p0.apiVersion, [
-                  props
-                ], "p0.apiVersion"),
-                canTrack: qwik._fnSignal((p0) => p0.canTrack, [
-                  props
-                ], "p0.canTrack"),
-                customComponents: qwik._fnSignal((p0) => p0.customComponents, [
-                  props
-                ], "p0.customComponents"),
-                hideContent: qwik._IMMUTABLE,
-                parentContentId: qwik._fnSignal((p0) => p0.content?.id, [
-                  props
-                ], "p0.content?.id"),
-                isSsrAbTest: qwik._fnSignal((p0) => p0.shouldRenderVariants, [
-                  state
-                ], "p0.shouldRenderVariants")
-              }
-            }, 3, variant.id);
-          })
-        ]
-      }, 1, "Bz_1") : null,
-      /* @__PURE__ */ qwik._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;
-        },
-        [qwik._IMMUTABLE]: {
-          model: qwik._fnSignal((p0) => p0.model, [
-            props
-          ], "p0.model"),
-          content: qwik._fnSignal((p0) => p0.contentToRender, [
-            state
-          ], "p0.contentToRender"),
-          apiKey: qwik._fnSignal((p0) => p0.apiKey, [
-            props
-          ], "p0.apiKey"),
-          apiVersion: qwik._fnSignal((p0) => p0.apiVersion, [
-            props
-          ], "p0.apiVersion"),
-          canTrack: qwik._fnSignal((p0) => p0.canTrack, [
-            props
-          ], "p0.canTrack"),
-          customComponents: qwik._fnSignal((p0) => p0.customComponents, [
-            props
-          ], "p0.customComponents"),
-          classNameProp: qwik._fnSignal((p0) => `variant-${p0.content?.id}`, [
-            props
-          ], "`variant-${p0.content?.id}`"),
-          parentContentId: qwik._fnSignal((p0) => p0.content?.id, [
-            props
-          ], "p0.content?.id"),
-          isSsrAbTest: qwik._fnSignal((p0) => p0.shouldRenderVariants, [
-            state
-          ], "p0.shouldRenderVariants")
-        }
-      }, 3, "Bz_2")
-    ]
-  }, 1, "Bz_3");
-}, "RenderContentVariants_component_OMvvre8Ofjw"));
 const settings = {};
 function setEditorSettings(newSettings) {
   if (isBrowser()) {