@builder.io/sdk-qwik 0.18.11 → 0.18.13

package/lib/browser/blocks/personalization-container/personalization-container.qwik.mjs

@@ -0,0 +1,382 @@
+import { componentQrl, inlinedQrl, _jsxBranch, useComputedQrl, useLexicalScope, useSignal, useStore, useVisibleTaskQrl, _jsxS, _jsxC, _IMMUTABLE, _fnSignal, _wrapProp } from "@builder.io/qwik";
+import { Fragment } from "@builder.io/qwik/jsx-runtime";
+import { Blocks } from "../../components/blocks/blocks.qwik.mjs";
+import { InlinedScript } from "../../components/inlined-script.qwik.mjs";
+import { InlinedStyles } from "../../components/inlined-styles.qwik.mjs";
+import { TARGET } from "../../constants/target.qwik.mjs";
+import { getClassPropName } from "../../functions/get-class-prop-name.qwik.mjs";
+import { isEditing } from "../../functions/is-editing.qwik.mjs";
+import { isPreviewing } from "../../functions/is-previewing.qwik.mjs";
+import { getDefaultCanTrack } from "../../helpers/canTrack.qwik.mjs";
+import { userAttributesService } from "../../helpers/user-attributes.qwik.mjs";
+import { getBlocksToRender, getPersonalizationScript, checkShouldRenderVariants, getUpdateVisibilityStylesScript, DEFAULT_INDEX, SDKS_REQUIRING_RESET_APPROACH } from "./helpers.qwik.mjs";
+import { filterWithCustomTargeting } from "./helpers/inlined-fns.qwik.mjs";
+const PersonalizationContainer = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h;
+  _jsxBranch();
+  const attrs = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
+    const [props2] = useLexicalScope();
+    return {
+      ...props2.attributes,
+      [getClassPropName()]: `builder-personalization-container ${props2.attributes[getClassPropName()] || ""}`
+    };
+  }, "PersonalizationContainer_component_attrs_useComputed_HvEf55mhkdc", [
+    props
+  ]));
+  const filteredVariants = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
+    const [props2] = useLexicalScope();
+    return (props2.variants || []).filter((variant) => {
+      var _a2, _b2, _c2, _d2;
+      return 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
+        } : {},
+        ...state.userAttributes
+      }, variant.query, variant.startDate, variant.endDate);
+    });
+  }, "PersonalizationContainer_component_filteredVariants_useComputed_0jlgEflkxcQ", [
+    props
+  ]));
+  const blocksToRender = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
+    var _a2;
+    const [filteredVariants2, props2] = useLexicalScope();
+    return getBlocksToRender({
+      variants: props2.variants,
+      fallbackBlocks: (_a2 = props2.builderBlock) == null ? void 0 : _a2.children,
+      isHydrated: state.shouldResetVariants,
+      filteredVariants: filteredVariants2.value,
+      previewingIndex: props2.previewingIndex
+    });
+  }, "PersonalizationContainer_component_blocksToRender_useComputed_aZOAYVB7Svg", [
+    filteredVariants,
+    props
+  ]));
+  const hideVariantsStyleString = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
+    const [props2] = 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 = useSignal();
+  const state = useStore({
+    scriptStr: 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: checkShouldRenderVariants(props.variants, getDefaultCanTrack((_d = props.builderContext) == null ? void 0 : _d.canTrack)),
+    shouldResetVariants: false,
+    unsubscribers: [],
+    updateVisibilityStylesScript: 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: userAttributesService.getUserAttributes()
+  });
+  useVisibleTaskQrl(/* @__PURE__ */ inlinedQrl(() => {
+    var _a2;
+    const [filteredVariants2, props2, rootRef2, state2] = useLexicalScope();
+    state2.shouldResetVariants = true;
+    const unsub = userAttributesService.subscribeOnUserAttributesChange((attrs2) => {
+      state2.userAttributes = attrs2;
+    });
+    if (!(isEditing() || isPreviewing())) {
+      const variant = filteredVariants2.value[0];
+      if (rootRef2.value) {
+        rootRef2.value.dispatchEvent(new CustomEvent("builder.variantLoaded", {
+          detail: {
+            variant: variant || 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 || 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__ */ _jsxS("div", {
+    ref: rootRef,
+    ...attrs.value,
+    children: [
+      state.shouldResetVariants && SDKS_REQUIRING_RESET_APPROACH.includes(TARGET) ? /* @__PURE__ */ _jsxC(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}`
+          };
+        },
+        [_IMMUTABLE]: {
+          BlocksWrapperProps: _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: _fnSignal((p0) => p0.value.blocks, [
+            blocksToRender
+          ], "p0.value.blocks"),
+          context: _fnSignal((p0) => p0.builderContext, [
+            props
+          ], "p0.builderContext"),
+          parent: _fnSignal((p0) => {
+            var _a2;
+            return (_a2 = p0.builderBlock) == null ? void 0 : _a2.id;
+          }, [
+            props
+          ], "p0.builderBlock?.id"),
+          path: _fnSignal((p0) => p0.value.path, [
+            blocksToRender
+          ], "p0.value.path"),
+          registeredComponents: _fnSignal((p0) => p0.builderComponents, [
+            props
+          ], "p0.builderComponents")
+        }
+      }, 3, "Xk_0") : null,
+      !state.shouldResetVariants && SDKS_REQUIRING_RESET_APPROACH.includes(TARGET) || !SDKS_REQUIRING_RESET_APPROACH.includes(TARGET) ? /* @__PURE__ */ _jsxC(Fragment, {
+        children: [
+          state.shouldRenderVariants ? /* @__PURE__ */ _jsxC(Fragment, {
+            children: [
+              /* @__PURE__ */ _jsxC(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}`;
+                },
+                [_IMMUTABLE]: {
+                  id: _fnSignal((p0) => {
+                    var _a2;
+                    return `variants-styles-${(_a2 = p0.builderBlock) == null ? void 0 : _a2.id}`;
+                  }, [
+                    props
+                  ], "`variants-styles-${p0.builderBlock?.id}`"),
+                  nonce: _fnSignal((p0) => {
+                    var _a2;
+                    return ((_a2 = p0.builderContext) == null ? void 0 : _a2.nonce) || "";
+                  }, [
+                    props
+                  ], 'p0.builderContext?.nonce||""'),
+                  styles: _fnSignal((p0) => p0.value, [
+                    hideVariantsStyleString
+                  ], "p0.value")
+                }
+              }, 3, "Xk_1"),
+              /* @__PURE__ */ _jsxC(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}`;
+                },
+                [_IMMUTABLE]: {
+                  id: _fnSignal((p0) => {
+                    var _a2;
+                    return `variants-visibility-script-${(_a2 = p0.builderBlock) == null ? void 0 : _a2.id}`;
+                  }, [
+                    props
+                  ], "`variants-visibility-script-${p0.builderBlock?.id}`"),
+                  nonce: _fnSignal((p0) => {
+                    var _a2;
+                    return ((_a2 = p0.builderContext) == null ? void 0 : _a2.nonce) || "";
+                  }, [
+                    props
+                  ], 'p0.builderContext?.nonce||""'),
+                  scriptStr: _fnSignal((p0) => p0.updateVisibilityStylesScript, [
+                    state
+                  ], "p0.updateVisibilityStylesScript")
+                }
+              }, 3, "Xk_2"),
+              (props.variants || []).map((variant, index) => {
+                var _a2, _b2, _c2, _d2;
+                return /* @__PURE__ */ _jsxC(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__ */ _jsxC(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}`,
+                    [_IMMUTABLE]: {
+                      nonce: _fnSignal((p0) => {
+                        var _a3;
+                        return ((_a3 = p0.builderContext) == null ? void 0 : _a3.nonce) || "";
+                      }, [
+                        props
+                      ], 'p0.builderContext?.nonce||""'),
+                      scriptStr: _fnSignal((p0) => p0.scriptStr, [
+                        state
+                      ], "p0.scriptStr")
+                    }
+                  }, 3, "Xk_3"),
+                  [_IMMUTABLE]: {
+                    blocks: _wrapProp(variant, "blocks"),
+                    context: _fnSignal((p0) => p0.builderContext, [
+                      props
+                    ], "p0.builderContext"),
+                    parent: _fnSignal((p0) => {
+                      var _a3;
+                      return (_a3 = p0.builderBlock) == null ? void 0 : _a3.id;
+                    }, [
+                      props
+                    ], "p0.builderBlock?.id"),
+                    registeredComponents: _fnSignal((p0) => p0.builderComponents, [
+                      props
+                    ], "p0.builderComponents")
+                  }
+                }, 1, `${(_d2 = props.builderBlock) == null ? void 0 : _d2.id}-${index}`);
+              })
+            ]
+          }, 1, "Xk_4") : null,
+          /* @__PURE__ */ _jsxC(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__ */ _jsxC(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}-${DEFAULT_INDEX}`,
+              [_IMMUTABLE]: {
+                nonce: _fnSignal((p0) => {
+                  var _a2;
+                  return ((_a2 = p0.builderContext) == null ? void 0 : _a2.nonce) || "";
+                }, [
+                  props
+                ], 'p0.builderContext?.nonce||""'),
+                scriptStr: _fnSignal((p0) => p0.scriptStr, [
+                  state
+                ], "p0.scriptStr")
+              }
+            }, 3, "Xk_5") : null,
+            [_IMMUTABLE]: {
+              BlocksWrapperProps: _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: _fnSignal((p0) => p0.value.blocks, [
+                blocksToRender
+              ], "p0.value.blocks"),
+              context: _fnSignal((p0) => p0.builderContext, [
+                props
+              ], "p0.builderContext"),
+              parent: _fnSignal((p0) => {
+                var _a2;
+                return (_a2 = p0.builderBlock) == null ? void 0 : _a2.id;
+              }, [
+                props
+              ], "p0.builderBlock?.id"),
+              path: _fnSignal((p0) => p0.value.path, [
+                blocksToRender
+              ], "p0.value.path"),
+              registeredComponents: _fnSignal((p0) => p0.builderComponents, [
+                props
+              ], "p0.builderComponents")
+            }
+          }, 1, "Xk_6")
+        ]
+      }, 1, "Xk_7") : null
+    ]
+  }, null, 0, "Xk_8");
+}, "PersonalizationContainer_component_kIsPnu9O2Ew"));
+export {
+  PersonalizationContainer,
+  PersonalizationContainer as default
+};

package/lib/browser/blocks/symbol/symbol.qwik.cjs

@@ -5,18 +5,22 @@ const contentVariants = require("../../components/content-variants/content-varia
 const getClassPropName = require("../../functions/get-class-prop-name.qwik.cjs");
 const symbol_helpers = require("./symbol.helpers.qwik.cjs");
 const setContent = function setContent2(props, state, blocksWrapper, contentWrapper, className) {
-  if (state.contentToUse)
+  var _a;
+  if (state.contentToUse && state.symbolEntry === ((_a = props.symbol) == null ? void 0 : _a.entry))
     return;
   symbol_helpers.fetchSymbolContent({
     symbol: props.symbol,
     builderContextValue: props.builderContext
   }).then((newContent) => {
-    if (newContent)
+    var _a2;
+    if (newContent) {
       state.contentToUse = newContent;
+      state.symbolEntry = (_a2 = props.symbol) == null ? void 0 : _a2.entry;
+    }
   });
 };
 const Symbol$1 = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
-  var _a;
+  var _a, _b;
   const blocksWrapper = qwik.useComputedQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
     return "div";
   }, "Symbol_component_blocksWrapper_useComputed_B5dlF985gMM"));
@@ -24,19 +28,20 @@ const Symbol$1 = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQ
     return "div";
   }, "Symbol_component_contentWrapper_useComputed_EvmPpPj8JTo"));
   const className = qwik.useComputedQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
-    var _a2, _b;
+    var _a2, _b2;
     const [props2] = qwik.useLexicalScope();
     return [
       props2.attributes[getClassPropName.getClassPropName()],
       "builder-symbol",
       ((_a2 = props2.symbol) == null ? void 0 : _a2.inline) ? "builder-inline-symbol" : void 0,
-      ((_b = props2.symbol) == null ? void 0 : _b.dynamic) || props2.dynamic ? "builder-dynamic-symbol" : void 0
+      ((_b2 = props2.symbol) == null ? void 0 : _b2.dynamic) || props2.dynamic ? "builder-dynamic-symbol" : void 0
     ].filter(Boolean).join(" ");
   }, "Symbol_component_className_useComputed_Wb6GqgtDHpE", [
     props
   ]));
   const state = qwik.useStore({
-    contentToUse: (_a = props.symbol) == null ? void 0 : _a.content
+    contentToUse: (_a = props.symbol) == null ? void 0 : _a.content,
+    symbolEntry: (_b = props.symbol) == null ? void 0 : _b.entry
   });
   qwik.useTaskQrl(/* @__PURE__ */ qwik.inlinedQrl(({ track }) => {
     const [blocksWrapper2, className2, contentWrapper2, props2, state2] = qwik.useLexicalScope();
@@ -73,11 +78,11 @@ const Symbol$1 = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQ
         return Object.values(props.builderComponents);
       },
       get data() {
-        var _a2, _b, _c;
+        var _a2, _b2, _c;
         return {
           ...(_a2 = props.symbol) == null ? void 0 : _a2.data,
           ...props.builderContext.localState,
-          ...(_c = (_b = state.contentToUse) == null ? void 0 : _b.data) == null ? void 0 : _c.state
+          ...(_c = (_b2 = state.contentToUse) == null ? void 0 : _b2.data) == null ? void 0 : _c.state
         };
       },
       get canTrack() {
@@ -131,11 +136,11 @@ const Symbol$1 = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQ
           props
         ], "Object.values(p0.builderComponents)"),
         data: qwik._fnSignal((p0, p1) => {
-          var _a2, _b, _c;
+          var _a2, _b2, _c;
           return {
             ...(_a2 = p0.symbol) == null ? void 0 : _a2.data,
             ...p0.builderContext.localState,
-            ...(_c = (_b = p1.contentToUse) == null ? void 0 : _b.data) == null ? void 0 : _c.state
+            ...(_c = (_b2 = p1.contentToUse) == null ? void 0 : _b2.data) == null ? void 0 : _c.state
           };
         }, [
           props,

package/lib/browser/blocks/symbol/symbol.qwik.mjs

@@ -3,18 +3,22 @@ import { ContentVariants } from "../../components/content-variants/content-varia
 import { getClassPropName } from "../../functions/get-class-prop-name.qwik.mjs";
 import { fetchSymbolContent } from "./symbol.helpers.qwik.mjs";
 const setContent = function setContent2(props, state, blocksWrapper, contentWrapper, className) {
-  if (state.contentToUse)
+  var _a;
+  if (state.contentToUse && state.symbolEntry === ((_a = props.symbol) == null ? void 0 : _a.entry))
     return;
   fetchSymbolContent({
     symbol: props.symbol,
     builderContextValue: props.builderContext
   }).then((newContent) => {
-    if (newContent)
+    var _a2;
+    if (newContent) {
       state.contentToUse = newContent;
+      state.symbolEntry = (_a2 = props.symbol) == null ? void 0 : _a2.entry;
+    }
   });
 };
 const Symbol$1 = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
-  var _a;
+  var _a, _b;
   const blocksWrapper = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
     return "div";
   }, "Symbol_component_blocksWrapper_useComputed_B5dlF985gMM"));
@@ -22,19 +26,20 @@ const Symbol$1 = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props)
     return "div";
   }, "Symbol_component_contentWrapper_useComputed_EvmPpPj8JTo"));
   const className = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
-    var _a2, _b;
+    var _a2, _b2;
     const [props2] = useLexicalScope();
     return [
       props2.attributes[getClassPropName()],
       "builder-symbol",
       ((_a2 = props2.symbol) == null ? void 0 : _a2.inline) ? "builder-inline-symbol" : void 0,
-      ((_b = props2.symbol) == null ? void 0 : _b.dynamic) || props2.dynamic ? "builder-dynamic-symbol" : void 0
+      ((_b2 = props2.symbol) == null ? void 0 : _b2.dynamic) || props2.dynamic ? "builder-dynamic-symbol" : void 0
     ].filter(Boolean).join(" ");
   }, "Symbol_component_className_useComputed_Wb6GqgtDHpE", [
     props
   ]));
   const state = useStore({
-    contentToUse: (_a = props.symbol) == null ? void 0 : _a.content
+    contentToUse: (_a = props.symbol) == null ? void 0 : _a.content,
+    symbolEntry: (_b = props.symbol) == null ? void 0 : _b.entry
   });
   useTaskQrl(/* @__PURE__ */ inlinedQrl(({ track }) => {
     const [blocksWrapper2, className2, contentWrapper2, props2, state2] = useLexicalScope();
@@ -71,11 +76,11 @@ const Symbol$1 = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props)
         return Object.values(props.builderComponents);
       },
       get data() {
-        var _a2, _b, _c;
+        var _a2, _b2, _c;
         return {
           ...(_a2 = props.symbol) == null ? void 0 : _a2.data,
           ...props.builderContext.localState,
-          ...(_c = (_b = state.contentToUse) == null ? void 0 : _b.data) == null ? void 0 : _c.state
+          ...(_c = (_b2 = state.contentToUse) == null ? void 0 : _b2.data) == null ? void 0 : _c.state
         };
       },
       get canTrack() {
@@ -129,11 +134,11 @@ const Symbol$1 = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props)
           props
         ], "Object.values(p0.builderComponents)"),
         data: _fnSignal((p0, p1) => {
-          var _a2, _b, _c;
+          var _a2, _b2, _c;
           return {
             ...(_a2 = p0.symbol) == null ? void 0 : _a2.data,
             ...p0.builderContext.localState,
-            ...(_c = (_b = p1.contentToUse) == null ? void 0 : _b.data) == null ? void 0 : _c.state
+            ...(_c = (_b2 = p1.contentToUse) == null ? void 0 : _b2.data) == null ? void 0 : _c.state
           };
         }, [
           props,

package/lib/browser/components/block/components/interactive-element.qwik.cjs

@@ -31,6 +31,21 @@ const InteractiveElement = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwi
   }, "InteractiveElement_component_targetWrapperProps_useComputed_C9HrUQQCHDA", [
     props
   ]));
+  const state = qwik.useStore({
+    forceRenderCount: 0
+  });
+  qwik.useTaskQrl(/* @__PURE__ */ qwik.inlinedQrl(({ track }) => {
+    const [props2, state2] = qwik.useLexicalScope();
+    track(() => props2.wrapperProps);
+    track(() => {
+      var _a, _b;
+      return (_b = (_a = props2.block) == null ? void 0 : _a.component) == null ? void 0 : _b.options;
+    });
+    state2.forceRenderCount = state2.forceRenderCount + 1;
+  }, "InteractiveElement_component_useTask_on04DcXeJSE", [
+    props,
+    state
+  ]));
   return /* @__PURE__ */ qwik._jsxC(jsxRuntime.Fragment, {
     children: props.Wrapper.load ? /* @__PURE__ */ qwik._jsxC(awaiter.Awaiter, {
       get load() {
@@ -60,19 +75,12 @@ const InteractiveElement = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwi
           props
         ], "p0.wrapperProps")
       }
-    }, 1, "q0_1") : /* @__PURE__ */ qwik._jsxC(props.Wrapper, {
+    }, 1, "q0_1") : /* @__PURE__ */ qwik.createElement(props.Wrapper, {
       ...targetWrapperProps.value,
-      get attributes() {
-        return attributes.value;
-      },
-      children: /* @__PURE__ */ qwik._jsxC(qwik.Slot, null, 3, "q0_2"),
-      [qwik._IMMUTABLE]: {
-        attributes: qwik._fnSignal((p0) => p0.value, [
-          attributes
-        ], "p0.value")
-      }
-    }, 0, "q0_3")
-  }, 1, "q0_4");
+      attributes: attributes.value,
+      key: "wrapper-" + state.forceRenderCount
+    }, /* @__PURE__ */ qwik._jsxC(qwik.Slot, null, 3, "q0_2"))
+  }, 1, "q0_3");
 }, "InteractiveElement_component_0UqfJpjhn0g"));
 exports.InteractiveElement = InteractiveElement;
 exports.default = InteractiveElement;

package/lib/browser/components/block/components/interactive-element.qwik.mjs

@@ -1,4 +1,4 @@
-import { componentQrl, inlinedQrl, _jsxBranch, useComputedQrl, useLexicalScope, _jsxC, Slot, _IMMUTABLE, _fnSignal } from "@builder.io/qwik";
+import { componentQrl, inlinedQrl, _jsxBranch, useComputedQrl, useLexicalScope, useStore, useTaskQrl, _jsxC, Slot, _IMMUTABLE, _fnSignal, createElement } from "@builder.io/qwik";
 import { Fragment } from "@builder.io/qwik/jsx-runtime";
 import { getBlockActions } from "../../../functions/get-block-actions.qwik.mjs";
 import { getBlockProperties } from "../../../functions/get-block-properties.qwik.mjs";
@@ -29,6 +29,21 @@ const InteractiveElement = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQ
   }, "InteractiveElement_component_targetWrapperProps_useComputed_C9HrUQQCHDA", [
     props
   ]));
+  const state = useStore({
+    forceRenderCount: 0
+  });
+  useTaskQrl(/* @__PURE__ */ inlinedQrl(({ track }) => {
+    const [props2, state2] = useLexicalScope();
+    track(() => props2.wrapperProps);
+    track(() => {
+      var _a, _b;
+      return (_b = (_a = props2.block) == null ? void 0 : _a.component) == null ? void 0 : _b.options;
+    });
+    state2.forceRenderCount = state2.forceRenderCount + 1;
+  }, "InteractiveElement_component_useTask_on04DcXeJSE", [
+    props,
+    state
+  ]));
   return /* @__PURE__ */ _jsxC(Fragment, {
     children: props.Wrapper.load ? /* @__PURE__ */ _jsxC(Awaiter, {
       get load() {
@@ -58,19 +73,12 @@ const InteractiveElement = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQ
           props
         ], "p0.wrapperProps")
       }
-    }, 1, "q0_1") : /* @__PURE__ */ _jsxC(props.Wrapper, {
+    }, 1, "q0_1") : /* @__PURE__ */ createElement(props.Wrapper, {
       ...targetWrapperProps.value,
-      get attributes() {
-        return attributes.value;
-      },
-      children: /* @__PURE__ */ _jsxC(Slot, null, 3, "q0_2"),
-      [_IMMUTABLE]: {
-        attributes: _fnSignal((p0) => p0.value, [
-          attributes
-        ], "p0.value")
-      }
-    }, 0, "q0_3")
-  }, 1, "q0_4");
+      attributes: attributes.value,
+      key: "wrapper-" + state.forceRenderCount
+    }, /* @__PURE__ */ _jsxC(Slot, null, 3, "q0_2"))
+  }, 1, "q0_3");
 }, "InteractiveElement_component_0UqfJpjhn0g"));
 export {
   InteractiveElement,