@builder.io/sdk-qwik 0.18.12 → 0.18.14

package/lib/node/blocks/personalization-container/helpers/inlined-fns.qwik.mjs

@@ -0,0 +1,82 @@
+function filterWithCustomTargeting(userAttributes, query, startDate, endDate) {
+  function isString(val) {
+    return typeof val === "string";
+  }
+  function isNumber(val) {
+    return typeof val === "number";
+  }
+  function objectMatchesQuery(userattr, query2) {
+    const result = (() => {
+      const property = query2.property;
+      const operator = query2.operator;
+      let testValue = query2.value;
+      if (query2 && query2.property === "urlPath" && query2.value && typeof query2.value === "string" && query2.value !== "/" && query2.value.endsWith("/"))
+        testValue = query2.value.slice(0, -1);
+      if (!(property && operator))
+        return true;
+      if (Array.isArray(testValue)) {
+        if (operator === "isNot")
+          return testValue.every((val) => objectMatchesQuery(userattr, {
+            property,
+            operator,
+            value: val
+          }));
+        return !!testValue.find((val) => objectMatchesQuery(userattr, {
+          property,
+          operator,
+          value: val
+        }));
+      }
+      const value = userattr[property];
+      if (Array.isArray(value))
+        return value.includes(testValue);
+      switch (operator) {
+        case "is":
+          return value === testValue;
+        case "isNot":
+          return value !== testValue;
+        case "contains":
+          return (isString(value) || Array.isArray(value)) && value.includes(String(testValue));
+        case "startsWith":
+          return isString(value) && value.startsWith(String(testValue));
+        case "endsWith":
+          return isString(value) && value.endsWith(String(testValue));
+        case "greaterThan":
+          return isNumber(value) && isNumber(testValue) && value > testValue;
+        case "lessThan":
+          return isNumber(value) && isNumber(testValue) && value < testValue;
+        case "greaterThanOrEqualTo":
+          return isNumber(value) && isNumber(testValue) && value >= testValue;
+        case "lessThanOrEqualTo":
+          return isNumber(value) && isNumber(testValue) && value <= testValue;
+        default:
+          return false;
+      }
+    })();
+    return result;
+  }
+  const item = {
+    query,
+    startDate,
+    endDate
+  };
+  const now = userAttributes.date && new Date(userAttributes.date) || /* @__PURE__ */ new Date();
+  if (item.startDate && new Date(item.startDate) > now)
+    return false;
+  else if (item.endDate && new Date(item.endDate) < now)
+    return false;
+  if (!item.query || !item.query.length)
+    return true;
+  return item.query.every((filter) => {
+    return objectMatchesQuery(userAttributes, filter);
+  });
+}
+const PERSONALIZATION_SCRIPT = "function getPersonalizedVariant(variants, blockId, isHydrationTarget, locale) {\n  if (!navigator.cookieEnabled) {\n    return;\n  }\n  function getCookie(name) {\n    const nameEQ = name + '=';\n    const ca = document.cookie.split(';');\n    for (let i = 0; i < ca.length; i++) {\n      let c = ca[i];\n      while (c.charAt(0) == ' ') c = c.substring(1, c.length);\n      if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);\n    }\n    return null;\n  }\n  const attributes = JSON.parse(getCookie('builder.userAttributes') || '{}');\n  if (locale) {\n    attributes.locale = locale;\n  }\n  const winningVariantIndex = variants?.findIndex(function (variant) {\n    return window.filterWithCustomTargeting(attributes, variant.query, variant.startDate, variant.endDate);\n  });\n  const parentDiv = document.currentScript?.parentElement;\n  const variantId = parentDiv?.getAttribute('data-variant-id');\n  const isDefaultVariant = variantId === `${blockId}-default`;\n  const isWinningVariant = winningVariantIndex !== -1 && variantId === `${blockId}-${winningVariantIndex}` || winningVariantIndex === -1 && isDefaultVariant;\n  if (isWinningVariant && !isDefaultVariant) {\n    parentDiv?.removeAttribute('hidden');\n    parentDiv?.removeAttribute('aria-hidden');\n  } else if (!isWinningVariant && isDefaultVariant) {\n    parentDiv?.setAttribute('hidden', 'true');\n    parentDiv?.setAttribute('aria-hidden', 'true');\n  }\n  if (isHydrationTarget) {\n    if (!isWinningVariant) {\n      const itsStyleEl = parentDiv?.previousElementSibling;\n      if (itsStyleEl) {\n        itsStyleEl.remove();\n      }\n      parentDiv?.remove();\n    }\n    const thisScript = document.currentScript;\n    if (thisScript) {\n      thisScript.remove();\n    }\n  }\n}";
+const FILTER_WITH_CUSTOM_TARGETING_SCRIPT = "function filterWithCustomTargeting(userAttributes, query, startDate, endDate) {\n  function isString(val) {\n    return typeof val === 'string';\n  }\n  function isNumber(val) {\n    return typeof val === 'number';\n  }\n  function objectMatchesQuery(userattr, query) {\n    const result = (() => {\n      const property = query.property;\n      const operator = query.operator;\n      let testValue = query.value;\n      if (query && query.property === 'urlPath' && query.value && typeof query.value === 'string' && query.value !== '/' && query.value.endsWith('/')) {\n        testValue = query.value.slice(0, -1);\n      }\n      if (!(property && operator)) {\n        return true;\n      }\n      if (Array.isArray(testValue)) {\n        if (operator === 'isNot') {\n          return testValue.every(val => objectMatchesQuery(userattr, {\n            property,\n            operator,\n            value: val\n          }));\n        }\n        return !!testValue.find(val => objectMatchesQuery(userattr, {\n          property,\n          operator,\n          value: val\n        }));\n      }\n      const value = userattr[property];\n      if (Array.isArray(value)) {\n        return value.includes(testValue);\n      }\n      switch (operator) {\n        case 'is':\n          return value === testValue;\n        case 'isNot':\n          return value !== testValue;\n        case 'contains':\n          return (isString(value) || Array.isArray(value)) && value.includes(String(testValue));\n        case 'startsWith':\n          return isString(value) && value.startsWith(String(testValue));\n        case 'endsWith':\n          return isString(value) && value.endsWith(String(testValue));\n        case 'greaterThan':\n          return isNumber(value) && isNumber(testValue) && value > testValue;\n        case 'lessThan':\n          return isNumber(value) && isNumber(testValue) && value < testValue;\n        case 'greaterThanOrEqualTo':\n          return isNumber(value) && isNumber(testValue) && value >= testValue;\n        case 'lessThanOrEqualTo':\n          return isNumber(value) && isNumber(testValue) && value <= testValue;\n        default:\n          return false;\n      }\n    })();\n    return result;\n  }\n  const item = {\n    query,\n    startDate,\n    endDate\n  };\n  const now = userAttributes.date && new Date(userAttributes.date) || new Date();\n  if (item.startDate && new Date(item.startDate) > now) {\n    return false;\n  } else if (item.endDate && new Date(item.endDate) < now) {\n    return false;\n  }\n  if (!item.query || !item.query.length) {\n    return true;\n  }\n  return item.query.every(filter => {\n    return objectMatchesQuery(userAttributes, filter);\n  });\n}";
+const UPDATE_VISIBILITY_STYLES_SCRIPT = "function updateVisibilityStylesScript(variants, blockId, isHydrationTarget, locale) {\n  function getCookie(name) {\n    const nameEQ = name + '=';\n    const ca = document.cookie.split(';');\n    for (let i = 0; i < ca.length; i++) {\n      let c = ca[i];\n      while (c.charAt(0) == ' ') c = c.substring(1, c.length);\n      if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);\n    }\n    return null;\n  }\n  const visibilityStylesEl = document.currentScript?.previousElementSibling;\n  if (!visibilityStylesEl) {\n    return;\n  }\n  if (isHydrationTarget) {\n    visibilityStylesEl.remove();\n    const currentScript = document.currentScript;\n    if (currentScript) {\n      currentScript.remove();\n    }\n  } else {\n    const attributes = JSON.parse(getCookie('builder.userAttributes') || '{}');\n    if (locale) {\n      attributes.locale = locale;\n    }\n    const winningVariantIndex = variants?.findIndex(function (variant) {\n      return window.filterWithCustomTargeting(attributes, variant.query, variant.startDate, variant.endDate);\n    });\n    if (winningVariantIndex !== -1) {\n      let newStyleStr = variants?.map((_, index) => {\n        if (index === winningVariantIndex) return '';\n        return `div[data-variant-id=\"${blockId}-${index}\"] { display: none !important; } `;\n      }).join('') || '';\n      newStyleStr += `div[data-variant-id=\"${blockId}-default\"] { display: none !important; } `;\n      visibilityStylesEl.innerHTML = newStyleStr;\n    }\n  }\n}";
+export {
+  FILTER_WITH_CUSTOM_TARGETING_SCRIPT,
+  PERSONALIZATION_SCRIPT,
+  UPDATE_VISIBILITY_STYLES_SCRIPT,
+  filterWithCustomTargeting
+};

package/lib/node/blocks/personalization-container/helpers.qwik.cjs

@@ -0,0 +1,88 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const target = require("../../constants/target.qwik.cjs");
+const isBrowser = require("../../functions/is-browser.qwik.cjs");
+const isEditing = require("../../functions/is-editing.qwik.cjs");
+const inlinedFns = require("./helpers/inlined-fns.qwik.cjs");
+const DEFAULT_INDEX = "default";
+const FILTER_WITH_CUSTOM_TARGETING_SCRIPT_FN_NAME = "filterWithCustomTargeting";
+const BUILDER_IO_PERSONALIZATION_SCRIPT_FN_NAME = "builderIoPersonalization";
+const UPDATE_VARIANT_VISIBILITY_SCRIPT_FN_NAME = "updateVisibilityStylesScript";
+const SDKS_SUPPORTING_PERSONALIZATION = [
+  "react",
+  "vue",
+  "svelte",
+  "qwik"
+];
+const SDKS_REQUIRING_RESET_APPROACH = [
+  "vue",
+  "svelte",
+  "qwik"
+];
+function checkShouldRenderVariants(variants, canTrack) {
+  const hasVariants = variants && variants.length > 0;
+  if (!hasVariants)
+    return false;
+  if (!canTrack)
+    return false;
+  if (SDKS_REQUIRING_RESET_APPROACH.includes(target.TARGET))
+    return true;
+  if (isBrowser.isBrowser())
+    return false;
+  return true;
+}
+function getBlocksToRender({ variants, previewingIndex, isHydrated, filteredVariants, fallbackBlocks }) {
+  const fallback = {
+    blocks: fallbackBlocks ?? [],
+    path: "this.children",
+    index: DEFAULT_INDEX
+  };
+  if (isHydrated && isEditing.isEditing()) {
+    if (typeof previewingIndex === "number" && previewingIndex < ((variants == null ? void 0 : variants.length) ?? 0)) {
+      const variant = variants == null ? void 0 : variants[previewingIndex];
+      if (variant)
+        return {
+          blocks: variant.blocks,
+          path: `variants.${previewingIndex}.blocks`,
+          index: previewingIndex
+        };
+    }
+    return fallback;
+  }
+  if (isBrowser.isBrowser()) {
+    const winningVariant = filteredVariants == null ? void 0 : filteredVariants[0];
+    if (winningVariant && variants) {
+      const variantIndex = variants.indexOf(winningVariant);
+      if (variantIndex !== -1)
+        return {
+          blocks: winningVariant.blocks,
+          path: `variants.${variantIndex}.blocks`,
+          index: variantIndex
+        };
+    }
+  }
+  return fallback;
+}
+const getInitPersonalizationVariantsFnsScriptString = () => {
+  return `
+  window.${FILTER_WITH_CUSTOM_TARGETING_SCRIPT_FN_NAME} = ${inlinedFns.FILTER_WITH_CUSTOM_TARGETING_SCRIPT}
+  window.${BUILDER_IO_PERSONALIZATION_SCRIPT_FN_NAME} = ${inlinedFns.PERSONALIZATION_SCRIPT}
+  window.${UPDATE_VARIANT_VISIBILITY_SCRIPT_FN_NAME} = ${inlinedFns.UPDATE_VISIBILITY_STYLES_SCRIPT}
+  `;
+};
+const isHydrationTarget = target.TARGET === "react";
+const getPersonalizationScript = (variants, blockId, locale) => {
+  return `window.${BUILDER_IO_PERSONALIZATION_SCRIPT_FN_NAME}(${JSON.stringify(variants)}, "${blockId}", ${isHydrationTarget}${locale ? `, "${locale}"` : ""})`;
+};
+const getUpdateVisibilityStylesScript = (variants, blockId, locale) => {
+  return `window.${UPDATE_VARIANT_VISIBILITY_SCRIPT_FN_NAME}(${JSON.stringify(variants)}, "${blockId}", ${isHydrationTarget}${locale ? `, "${locale}"` : ""})`;
+};
+exports.filterWithCustomTargeting = inlinedFns.filterWithCustomTargeting;
+exports.DEFAULT_INDEX = DEFAULT_INDEX;
+exports.SDKS_REQUIRING_RESET_APPROACH = SDKS_REQUIRING_RESET_APPROACH;
+exports.SDKS_SUPPORTING_PERSONALIZATION = SDKS_SUPPORTING_PERSONALIZATION;
+exports.checkShouldRenderVariants = checkShouldRenderVariants;
+exports.getBlocksToRender = getBlocksToRender;
+exports.getInitPersonalizationVariantsFnsScriptString = getInitPersonalizationVariantsFnsScriptString;
+exports.getPersonalizationScript = getPersonalizationScript;
+exports.getUpdateVisibilityStylesScript = getUpdateVisibilityStylesScript;

package/lib/node/blocks/personalization-container/helpers.qwik.mjs

@@ -0,0 +1,89 @@
+import { TARGET } from "../../constants/target.qwik.mjs";
+import { isBrowser } from "../../functions/is-browser.qwik.mjs";
+import { isEditing } from "../../functions/is-editing.qwik.mjs";
+import { FILTER_WITH_CUSTOM_TARGETING_SCRIPT, PERSONALIZATION_SCRIPT, UPDATE_VISIBILITY_STYLES_SCRIPT } from "./helpers/inlined-fns.qwik.mjs";
+import { filterWithCustomTargeting } from "./helpers/inlined-fns.qwik.mjs";
+const DEFAULT_INDEX = "default";
+const FILTER_WITH_CUSTOM_TARGETING_SCRIPT_FN_NAME = "filterWithCustomTargeting";
+const BUILDER_IO_PERSONALIZATION_SCRIPT_FN_NAME = "builderIoPersonalization";
+const UPDATE_VARIANT_VISIBILITY_SCRIPT_FN_NAME = "updateVisibilityStylesScript";
+const SDKS_SUPPORTING_PERSONALIZATION = [
+  "react",
+  "vue",
+  "svelte",
+  "qwik"
+];
+const SDKS_REQUIRING_RESET_APPROACH = [
+  "vue",
+  "svelte",
+  "qwik"
+];
+function checkShouldRenderVariants(variants, canTrack) {
+  const hasVariants = variants && variants.length > 0;
+  if (!hasVariants)
+    return false;
+  if (!canTrack)
+    return false;
+  if (SDKS_REQUIRING_RESET_APPROACH.includes(TARGET))
+    return true;
+  if (isBrowser())
+    return false;
+  return true;
+}
+function getBlocksToRender({ variants, previewingIndex, isHydrated, filteredVariants, fallbackBlocks }) {
+  const fallback = {
+    blocks: fallbackBlocks ?? [],
+    path: "this.children",
+    index: DEFAULT_INDEX
+  };
+  if (isHydrated && isEditing()) {
+    if (typeof previewingIndex === "number" && previewingIndex < ((variants == null ? void 0 : variants.length) ?? 0)) {
+      const variant = variants == null ? void 0 : variants[previewingIndex];
+      if (variant)
+        return {
+          blocks: variant.blocks,
+          path: `variants.${previewingIndex}.blocks`,
+          index: previewingIndex
+        };
+    }
+    return fallback;
+  }
+  if (isBrowser()) {
+    const winningVariant = filteredVariants == null ? void 0 : filteredVariants[0];
+    if (winningVariant && variants) {
+      const variantIndex = variants.indexOf(winningVariant);
+      if (variantIndex !== -1)
+        return {
+          blocks: winningVariant.blocks,
+          path: `variants.${variantIndex}.blocks`,
+          index: variantIndex
+        };
+    }
+  }
+  return fallback;
+}
+const getInitPersonalizationVariantsFnsScriptString = () => {
+  return `
+  window.${FILTER_WITH_CUSTOM_TARGETING_SCRIPT_FN_NAME} = ${FILTER_WITH_CUSTOM_TARGETING_SCRIPT}
+  window.${BUILDER_IO_PERSONALIZATION_SCRIPT_FN_NAME} = ${PERSONALIZATION_SCRIPT}
+  window.${UPDATE_VARIANT_VISIBILITY_SCRIPT_FN_NAME} = ${UPDATE_VISIBILITY_STYLES_SCRIPT}
+  `;
+};
+const isHydrationTarget = TARGET === "react";
+const getPersonalizationScript = (variants, blockId, locale) => {
+  return `window.${BUILDER_IO_PERSONALIZATION_SCRIPT_FN_NAME}(${JSON.stringify(variants)}, "${blockId}", ${isHydrationTarget}${locale ? `, "${locale}"` : ""})`;
+};
+const getUpdateVisibilityStylesScript = (variants, blockId, locale) => {
+  return `window.${UPDATE_VARIANT_VISIBILITY_SCRIPT_FN_NAME}(${JSON.stringify(variants)}, "${blockId}", ${isHydrationTarget}${locale ? `, "${locale}"` : ""})`;
+};
+export {
+  DEFAULT_INDEX,
+  SDKS_REQUIRING_RESET_APPROACH,
+  SDKS_SUPPORTING_PERSONALIZATION,
+  checkShouldRenderVariants,
+  filterWithCustomTargeting,
+  getBlocksToRender,
+  getInitPersonalizationVariantsFnsScriptString,
+  getPersonalizationScript,
+  getUpdateVisibilityStylesScript
+};

package/lib/node/blocks/personalization-container/personalization-container.qwik.cjs

@@ -0,0 +1,386 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const qwik = require("@builder.io/qwik");
+const jsxRuntime = require("@builder.io/qwik/jsx-runtime");
+const blocks = require("../../components/blocks/blocks.qwik.cjs");
+const inlinedScript = require("../../components/inlined-script.qwik.cjs");
+const inlinedStyles = require("../../components/inlined-styles.qwik.cjs");
+const target = require("../../constants/target.qwik.cjs");
+const getClassPropName = require("../../functions/get-class-prop-name.qwik.cjs");
+const isEditing = require("../../functions/is-editing.qwik.cjs");
+const isPreviewing = require("../../functions/is-previewing.qwik.cjs");
+const canTrack = require("../../helpers/canTrack.qwik.cjs");
+const userAttributes = require("../../helpers/user-attributes.qwik.cjs");
+const helpers = require("./helpers.qwik.cjs");
+const inlinedFns = require("./helpers/inlined-fns.qwik.cjs");
+const PersonalizationContainer = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h;
+  qwik._jsxBranch();
+  const state = qwik.useStore({
+    scriptStr: helpers.getPersonalizationScript(props.variants, ((_a = props.builderBlock) == null ? void 0 : _a.id) || "none", (_c = (_b = props.builderContext) == null ? void 0 : _b.rootState) == null ? void 0 : _c.locale),
+    shouldRenderVariants: helpers.checkShouldRenderVariants(props.variants, canTrack.getDefaultCanTrack((_d = props.builderContext) == null ? void 0 : _d.canTrack)),
+    shouldResetVariants: false,
+    unsubscribers: [],
+    updateVisibilityStylesScript: helpers.getUpdateVisibilityStylesScript(props.variants, ((_e = props.builderBlock) == null ? void 0 : _e.id) || "none", (_g = (_f = props.builderContext) == null ? void 0 : _f.rootState) == null ? void 0 : _g.locale),
+    userAttributes: userAttributes.userAttributesService.getUserAttributes()
+  });
+  const attrs = qwik.useComputedQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
+    const [props2] = qwik.useLexicalScope();
+    return {
+      ...props2.attributes,
+      [getClassPropName.getClassPropName()]: `builder-personalization-container ${props2.attributes[getClassPropName.getClassPropName()] || ""}`
+    };
+  }, "PersonalizationContainer_component_attrs_useComputed_HvEf55mhkdc", [
+    props
+  ]));
+  const filteredVariants = qwik.useComputedQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
+    const [props2, state2] = qwik.useLexicalScope();
+    return (props2.variants || []).filter((variant) => {
+      var _a2, _b2, _c2, _d2;
+      return inlinedFns.filterWithCustomTargeting({
+        ...((_b2 = (_a2 = props2.builderContext) == null ? void 0 : _a2.rootState) == null ? void 0 : _b2.locale) ? {
+          locale: (_d2 = (_c2 = props2.builderContext) == null ? void 0 : _c2.rootState) == null ? void 0 : _d2.locale
+        } : {},
+        ...state2.userAttributes
+      }, variant.query, variant.startDate, variant.endDate);
+    });
+  }, "PersonalizationContainer_component_filteredVariants_useComputed_0jlgEflkxcQ", [
+    props,
+    state
+  ]));
+  const blocksToRender = qwik.useComputedQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
+    var _a2;
+    const [filteredVariants2, props2, state2] = qwik.useLexicalScope();
+    return helpers.getBlocksToRender({
+      variants: props2.variants,
+      fallbackBlocks: (_a2 = props2.builderBlock) == null ? void 0 : _a2.children,
+      isHydrated: state2.shouldResetVariants,
+      filteredVariants: filteredVariants2.value,
+      previewingIndex: props2.previewingIndex
+    });
+  }, "PersonalizationContainer_component_blocksToRender_useComputed_aZOAYVB7Svg", [
+    filteredVariants,
+    props,
+    state
+  ]));
+  const hideVariantsStyleString = qwik.useComputedQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
+    const [props2] = qwik.useLexicalScope();
+    return (props2.variants || []).map((_, index) => {
+      var _a2;
+      return `div[data-variant-id="${(_a2 = props2.builderBlock) == null ? void 0 : _a2.id}-${index}"] { display: none !important; } `;
+    }).join("");
+  }, "PersonalizationContainer_component_hideVariantsStyleString_useComputed_zcfmLIe0H1E", [
+    props
+  ]));
+  const rootRef = qwik.useSignal();
+  qwik.useVisibleTaskQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
+    var _a2;
+    const [filteredVariants2, props2, rootRef2, state2] = qwik.useLexicalScope();
+    state2.shouldResetVariants = true;
+    const unsub = userAttributes.userAttributesService.subscribeOnUserAttributesChange((attrs2) => {
+      state2.userAttributes = attrs2;
+    }, {
+      fireImmediately: target.TARGET === "qwik"
+    });
+    if (!(isEditing.isEditing() || isPreviewing.isPreviewing())) {
+      const variant = filteredVariants2.value[0];
+      if (rootRef2.value) {
+        rootRef2.value.dispatchEvent(new CustomEvent("builder.variantLoaded", {
+          detail: {
+            variant: variant || helpers.DEFAULT_INDEX,
+            content: (_a2 = props2.builderContext) == null ? void 0 : _a2.content
+          },
+          bubbles: true
+        }));
+        const observer = new IntersectionObserver((entries) => {
+          entries.forEach((entry) => {
+            var _a3;
+            if (entry.isIntersecting && rootRef2.value)
+              rootRef2.value.dispatchEvent(new CustomEvent("builder.variantDisplayed", {
+                detail: {
+                  variant: variant || helpers.DEFAULT_INDEX,
+                  content: (_a3 = props2.builderContext) == null ? void 0 : _a3.content
+                },
+                bubbles: true
+              }));
+          });
+        });
+        observer.observe(rootRef2.value);
+      }
+    }
+    state2.unsubscribers.push(unsub);
+  }, "PersonalizationContainer_component_useVisibleTask_Pr6C1pfMwDU", [
+    filteredVariants,
+    props,
+    rootRef,
+    state
+  ]));
+  return /* @__PURE__ */ qwik._jsxS("div", {
+    ref: rootRef,
+    ...attrs.value,
+    children: [
+      state.shouldResetVariants && helpers.SDKS_REQUIRING_RESET_APPROACH.includes(target.TARGET) ? /* @__PURE__ */ qwik._jsxC(blocks.Blocks, {
+        get blocks() {
+          return blocksToRender.value.blocks;
+        },
+        get parent() {
+          var _a2;
+          return (_a2 = props.builderBlock) == null ? void 0 : _a2.id;
+        },
+        get path() {
+          return blocksToRender.value.path;
+        },
+        get context() {
+          return props.builderContext;
+        },
+        get registeredComponents() {
+          return props.builderComponents;
+        },
+        get BlocksWrapperProps() {
+          var _a2, _b2;
+          return {
+            ...(_a2 = props.builderContext) == null ? void 0 : _a2.BlocksWrapperProps,
+            "data-variant-id": `${(_b2 = props.builderBlock) == null ? void 0 : _b2.id}-${blocksToRender.value.index}`
+          };
+        },
+        [qwik._IMMUTABLE]: {
+          BlocksWrapperProps: qwik._fnSignal((p0, p1) => {
+            var _a2, _b2;
+            return {
+              ...(_a2 = p1.builderContext) == null ? void 0 : _a2.BlocksWrapperProps,
+              "data-variant-id": `${(_b2 = p1.builderBlock) == null ? void 0 : _b2.id}-${p0.value.index}`
+            };
+          }, [
+            blocksToRender,
+            props
+          ], '{...p1.builderContext?.BlocksWrapperProps,"data-variant-id":`${p1.builderBlock?.id}-${p0.value.index}`}'),
+          blocks: qwik._fnSignal((p0) => p0.value.blocks, [
+            blocksToRender
+          ], "p0.value.blocks"),
+          context: qwik._fnSignal((p0) => p0.builderContext, [
+            props
+          ], "p0.builderContext"),
+          parent: qwik._fnSignal((p0) => {
+            var _a2;
+            return (_a2 = p0.builderBlock) == null ? void 0 : _a2.id;
+          }, [
+            props
+          ], "p0.builderBlock?.id"),
+          path: qwik._fnSignal((p0) => p0.value.path, [
+            blocksToRender
+          ], "p0.value.path"),
+          registeredComponents: qwik._fnSignal((p0) => p0.builderComponents, [
+            props
+          ], "p0.builderComponents")
+        }
+      }, 3, "Xk_0") : null,
+      !state.shouldResetVariants && helpers.SDKS_REQUIRING_RESET_APPROACH.includes(target.TARGET) || !helpers.SDKS_REQUIRING_RESET_APPROACH.includes(target.TARGET) ? /* @__PURE__ */ qwik._jsxC(jsxRuntime.Fragment, {
+        children: [
+          state.shouldRenderVariants ? /* @__PURE__ */ qwik._jsxC(jsxRuntime.Fragment, {
+            children: [
+              /* @__PURE__ */ qwik._jsxC(inlinedStyles.InlinedStyles, {
+                get nonce() {
+                  var _a2;
+                  return ((_a2 = props.builderContext) == null ? void 0 : _a2.nonce) || "";
+                },
+                get styles() {
+                  return hideVariantsStyleString.value;
+                },
+                get id() {
+                  var _a2;
+                  return `variants-styles-${(_a2 = props.builderBlock) == null ? void 0 : _a2.id}`;
+                },
+                [qwik._IMMUTABLE]: {
+                  id: qwik._fnSignal((p0) => {
+                    var _a2;
+                    return `variants-styles-${(_a2 = p0.builderBlock) == null ? void 0 : _a2.id}`;
+                  }, [
+                    props
+                  ], "`variants-styles-${p0.builderBlock?.id}`"),
+                  nonce: qwik._fnSignal((p0) => {
+                    var _a2;
+                    return ((_a2 = p0.builderContext) == null ? void 0 : _a2.nonce) || "";
+                  }, [
+                    props
+                  ], 'p0.builderContext?.nonce||""'),
+                  styles: qwik._fnSignal((p0) => p0.value, [
+                    hideVariantsStyleString
+                  ], "p0.value")
+                }
+              }, 3, "Xk_1"),
+              /* @__PURE__ */ qwik._jsxC(inlinedScript.InlinedScript, {
+                get nonce() {
+                  var _a2;
+                  return ((_a2 = props.builderContext) == null ? void 0 : _a2.nonce) || "";
+                },
+                get scriptStr() {
+                  return state.updateVisibilityStylesScript;
+                },
+                get id() {
+                  var _a2;
+                  return `variants-visibility-script-${(_a2 = props.builderBlock) == null ? void 0 : _a2.id}`;
+                },
+                [qwik._IMMUTABLE]: {
+                  id: qwik._fnSignal((p0) => {
+                    var _a2;
+                    return `variants-visibility-script-${(_a2 = p0.builderBlock) == null ? void 0 : _a2.id}`;
+                  }, [
+                    props
+                  ], "`variants-visibility-script-${p0.builderBlock?.id}`"),
+                  nonce: qwik._fnSignal((p0) => {
+                    var _a2;
+                    return ((_a2 = p0.builderContext) == null ? void 0 : _a2.nonce) || "";
+                  }, [
+                    props
+                  ], 'p0.builderContext?.nonce||""'),
+                  scriptStr: qwik._fnSignal((p0) => p0.updateVisibilityStylesScript, [
+                    state
+                  ], "p0.updateVisibilityStylesScript")
+                }
+              }, 3, "Xk_2"),
+              (props.variants || []).map((variant, index) => {
+                var _a2, _b2, _c2, _d2;
+                return /* @__PURE__ */ qwik._jsxC(blocks.Blocks, {
+                  BlocksWrapperProps: {
+                    ...(_a2 = props.builderContext) == null ? void 0 : _a2.BlocksWrapperProps,
+                    "aria-hidden": true,
+                    hidden: true,
+                    "data-variant-id": `${(_b2 = props.builderBlock) == null ? void 0 : _b2.id}-${index}`
+                  },
+                  get blocks() {
+                    return variant.blocks;
+                  },
+                  get parent() {
+                    var _a3;
+                    return (_a3 = props.builderBlock) == null ? void 0 : _a3.id;
+                  },
+                  path: `component.options.variants.${index}.blocks`,
+                  get context() {
+                    return props.builderContext;
+                  },
+                  get registeredComponents() {
+                    return props.builderComponents;
+                  },
+                  children: /* @__PURE__ */ qwik._jsxC(inlinedScript.InlinedScript, {
+                    get nonce() {
+                      var _a3;
+                      return ((_a3 = props.builderContext) == null ? void 0 : _a3.nonce) || "";
+                    },
+                    get scriptStr() {
+                      return state.scriptStr;
+                    },
+                    id: `variants-script-${(_c2 = props.builderBlock) == null ? void 0 : _c2.id}-${index}`,
+                    [qwik._IMMUTABLE]: {
+                      nonce: qwik._fnSignal((p0) => {
+                        var _a3;
+                        return ((_a3 = p0.builderContext) == null ? void 0 : _a3.nonce) || "";
+                      }, [
+                        props
+                      ], 'p0.builderContext?.nonce||""'),
+                      scriptStr: qwik._fnSignal((p0) => p0.scriptStr, [
+                        state
+                      ], "p0.scriptStr")
+                    }
+                  }, 3, "Xk_3"),
+                  [qwik._IMMUTABLE]: {
+                    blocks: qwik._wrapProp(variant, "blocks"),
+                    context: qwik._fnSignal((p0) => p0.builderContext, [
+                      props
+                    ], "p0.builderContext"),
+                    parent: qwik._fnSignal((p0) => {
+                      var _a3;
+                      return (_a3 = p0.builderBlock) == null ? void 0 : _a3.id;
+                    }, [
+                      props
+                    ], "p0.builderBlock?.id"),
+                    registeredComponents: qwik._fnSignal((p0) => p0.builderComponents, [
+                      props
+                    ], "p0.builderComponents")
+                  }
+                }, 1, `${(_d2 = props.builderBlock) == null ? void 0 : _d2.id}-${index}`);
+              })
+            ]
+          }, 1, "Xk_4") : null,
+          /* @__PURE__ */ qwik._jsxC(blocks.Blocks, {
+            get blocks() {
+              return blocksToRender.value.blocks;
+            },
+            get parent() {
+              var _a2;
+              return (_a2 = props.builderBlock) == null ? void 0 : _a2.id;
+            },
+            get path() {
+              return blocksToRender.value.path;
+            },
+            get context() {
+              return props.builderContext;
+            },
+            get registeredComponents() {
+              return props.builderComponents;
+            },
+            get BlocksWrapperProps() {
+              var _a2, _b2;
+              return {
+                ...(_a2 = props.builderContext) == null ? void 0 : _a2.BlocksWrapperProps,
+                "data-variant-id": `${(_b2 = props.builderBlock) == null ? void 0 : _b2.id}-${blocksToRender.value.index}`
+              };
+            },
+            children: state.shouldRenderVariants ? /* @__PURE__ */ qwik._jsxC(inlinedScript.InlinedScript, {
+              get nonce() {
+                var _a2;
+                return ((_a2 = props.builderContext) == null ? void 0 : _a2.nonce) || "";
+              },
+              get scriptStr() {
+                return state.scriptStr;
+              },
+              id: `variants-script-${(_h = props.builderBlock) == null ? void 0 : _h.id}-${helpers.DEFAULT_INDEX}`,
+              [qwik._IMMUTABLE]: {
+                nonce: qwik._fnSignal((p0) => {
+                  var _a2;
+                  return ((_a2 = p0.builderContext) == null ? void 0 : _a2.nonce) || "";
+                }, [
+                  props
+                ], 'p0.builderContext?.nonce||""'),
+                scriptStr: qwik._fnSignal((p0) => p0.scriptStr, [
+                  state
+                ], "p0.scriptStr")
+              }
+            }, 3, "Xk_5") : null,
+            [qwik._IMMUTABLE]: {
+              BlocksWrapperProps: qwik._fnSignal((p0, p1) => {
+                var _a2, _b2;
+                return {
+                  ...(_a2 = p1.builderContext) == null ? void 0 : _a2.BlocksWrapperProps,
+                  "data-variant-id": `${(_b2 = p1.builderBlock) == null ? void 0 : _b2.id}-${p0.value.index}`
+                };
+              }, [
+                blocksToRender,
+                props
+              ], '{...p1.builderContext?.BlocksWrapperProps,"data-variant-id":`${p1.builderBlock?.id}-${p0.value.index}`}'),
+              blocks: qwik._fnSignal((p0) => p0.value.blocks, [
+                blocksToRender
+              ], "p0.value.blocks"),
+              context: qwik._fnSignal((p0) => p0.builderContext, [
+                props
+              ], "p0.builderContext"),
+              parent: qwik._fnSignal((p0) => {
+                var _a2;
+                return (_a2 = p0.builderBlock) == null ? void 0 : _a2.id;
+              }, [
+                props
+              ], "p0.builderBlock?.id"),
+              path: qwik._fnSignal((p0) => p0.value.path, [
+                blocksToRender
+              ], "p0.value.path"),
+              registeredComponents: qwik._fnSignal((p0) => p0.builderComponents, [
+                props
+              ], "p0.builderComponents")
+            }
+          }, 1, "Xk_6")
+        ]
+      }, 1, "Xk_7") : null
+    ]
+  }, null, 0, "Xk_8");
+}, "PersonalizationContainer_component_kIsPnu9O2Ew"));
+exports.PersonalizationContainer = PersonalizationContainer;
+exports.default = PersonalizationContainer;