@builder.io/sdk-qwik 0.14.7 → 0.14.9

package/lib/browser/index.qwik.mjs

@@ -1800,7 +1800,7 @@ const Image = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
     children: [
       /* @__PURE__ */ _jsxQ("picture", null, null, [
         webpSrcSet.value ? /* @__PURE__ */ _jsxQ("source", null, {
-          srcSet: _fnSignal((p0) => p0.value, [
+          srcset: _fnSignal((p0) => p0.value, [
             webpSrcSet
           ], "p0.value"),
           type: "image/webp"
@@ -1822,7 +1822,7 @@ const Image = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
           src: _fnSignal((p0) => p0.image, [
             props
           ], "p0.image"),
-          srcSet: _fnSignal((p0) => p0.value, [
+          srcset: _fnSignal((p0) => p0.value, [
             srcSetToUse
           ], "p0.value"),
           style: _fnSignal((p0, p1) => ({
@@ -4392,7 +4392,7 @@ function isFromTrustedHost(trustedHosts, e) {
   const url = new URL(e.origin), hostname = url.hostname;
   return (trustedHosts || DEFAULT_TRUSTED_HOSTS).findIndex((trustedHost) => trustedHost.startsWith("*.") ? hostname.endsWith(trustedHost.slice(1)) : trustedHost === hostname) > -1;
 }
-const SDK_VERSION = "0.14.7";
+const SDK_VERSION = "0.14.9";
 const registry = {};
 function register(type, info) {
   let typeList = registry[type];
@@ -4613,21 +4613,18 @@ const processMessage = function processMessage2(props, state, elementRef, event)
         const { breakpoints, contentId } = messageContent;
         if (!contentId || contentId !== ((_a = props.builderContextSignal.content) == null ? void 0 : _a.id))
           return;
-        if (breakpoints) {
+        if (breakpoints)
           mergeNewContent(props, state, elementRef, {
             meta: {
               breakpoints
             }
           });
-          state.forceReRenderCount = state.forceReRenderCount + 1;
-        }
       },
       animation: (animation) => {
         triggerAnimation(animation);
       },
       contentUpdate: (newContent) => {
         mergeNewContent(props, state, elementRef, newContent);
-        state.forceReRenderCount = state.forceReRenderCount + 1;
       }
     }
   })(event);
@@ -4714,23 +4711,17 @@ const emitStateUpdate = function emitStateUpdate2(props, state, elementRef) {
     }));
 };
 const EnableEditor = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
-  var _a, _b, _c, _d, _e;
   _jsxBranch();
   const elementRef = useSignal();
   const state = useStore({
     ContentWrapper: props.contentWrapper || "div",
     clicked: false,
-    firstRender: true,
-    forceReRenderCount: 0,
-    httpReqsData: {},
-    lastUpdated: 0,
-    shouldSendResetCookie: false
+    httpReqsData: {}
   }, {
     deep: true
   });
   useOn("initeditingbldr", /* @__PURE__ */ inlinedQrl((event, element) => {
     const [elementRef2, props2, state2] = useLexicalScope();
-    state2.forceReRenderCount = state2.forceReRenderCount + 1;
     window.addEventListener("message", processMessage.bind(null, props2, state2, elementRef2));
     registerInsertMenu();
     setupBrowserForEditing({
@@ -4745,9 +4736,9 @@ const EnableEditor = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
       } : {}
     });
     Object.values(props2.builderContextSignal.componentInfos).forEach((registeredComponent) => {
-      var _a2;
+      var _a;
       const message = createRegisterComponentMessage(registeredComponent);
-      (_a2 = window.parent) == null ? void 0 : _a2.postMessage(message, "*");
+      (_a = window.parent) == null ? void 0 : _a.postMessage(message, "*");
     });
     window.addEventListener("builder:component:stateChangeListenerActivated", emitStateUpdate.bind(null, props2, state2, elementRef2));
   }, "EnableEditor_component_useOn_Qs8c0yql2i0", [
@@ -4776,17 +4767,17 @@ const EnableEditor = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
     state
   ]));
   useOn("qvisible", /* @__PURE__ */ inlinedQrl((event, element) => {
-    var _a2, _b2, _c2, _d2;
+    var _a, _b, _c, _d;
     if (isBrowser()) {
       if (isEditing()) {
         if (element)
           element.dispatchEvent(new CustomEvent("initeditingbldr"));
       }
-      const shouldTrackImpression = ((_a2 = element.attributes.getNamedItem("shouldTrack")) == null ? void 0 : _a2.value) === "true";
+      const shouldTrackImpression = ((_a = element.attributes.getNamedItem("shouldTrack")) == null ? void 0 : _a.value) === "true";
       if (shouldTrackImpression) {
-        const variationId = (_b2 = element.attributes.getNamedItem("variationId")) == null ? void 0 : _b2.value;
-        const contentId = (_c2 = element.attributes.getNamedItem("contentId")) == null ? void 0 : _c2.value;
-        const apiKeyProp = (_d2 = element.attributes.getNamedItem("apiKey")) == null ? void 0 : _d2.value;
+        const variationId = (_b = element.attributes.getNamedItem("variationId")) == null ? void 0 : _b.value;
+        const contentId = (_c = element.attributes.getNamedItem("contentId")) == null ? void 0 : _c.value;
+        const apiKeyProp = (_d = element.attributes.getNamedItem("apiKey")) == null ? void 0 : _d.value;
         _track({
           type: "impression",
           canTrack: true,
@@ -4824,20 +4815,14 @@ const EnableEditor = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
     props,
     state
   ]));
-  useTaskQrl(/* @__PURE__ */ inlinedQrl(({ track: track2 }) => {
-    const [state2] = useLexicalScope();
-    track2(() => state2.shouldSendResetCookie);
-  }, "EnableEditor_component_useTask_2_xVyv0tDqZLs", [
-    state
-  ]));
   useTaskQrl(/* @__PURE__ */ inlinedQrl(({ track: track2 }) => {
     const [elementRef2, props2, state2] = useLexicalScope();
     track2(() => {
-      var _a2, _b2;
-      return (_b2 = (_a2 = props2.builderContextSignal.content) == null ? void 0 : _a2.data) == null ? void 0 : _b2.jsCode;
+      var _a, _b;
+      return (_b = (_a = props2.builderContextSignal.content) == null ? void 0 : _a.data) == null ? void 0 : _b.jsCode;
     });
     evaluateJsCode(props2);
-  }, "EnableEditor_component_useTask_3_bQ0e5LHZwWE", [
+  }, "EnableEditor_component_useTask_2_xVyv0tDqZLs", [
     elementRef,
     props,
     state
@@ -4845,11 +4830,11 @@ const EnableEditor = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
   useTaskQrl(/* @__PURE__ */ inlinedQrl(({ track: track2 }) => {
     const [elementRef2, props2, state2] = useLexicalScope();
     track2(() => {
-      var _a2, _b2;
-      return (_b2 = (_a2 = props2.builderContextSignal.content) == null ? void 0 : _a2.data) == null ? void 0 : _b2.httpRequests;
+      var _a, _b;
+      return (_b = (_a = props2.builderContextSignal.content) == null ? void 0 : _a.data) == null ? void 0 : _b.httpRequests;
     });
     runHttpRequests(props2, state2, elementRef2);
-  }, "EnableEditor_component_useTask_4_moHYZG8uNVU", [
+  }, "EnableEditor_component_useTask_3_bQ0e5LHZwWE", [
     elementRef,
     props,
     state
@@ -4858,7 +4843,7 @@ const EnableEditor = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
     const [elementRef2, props2, state2] = useLexicalScope();
     track2(() => props2.builderContextSignal.rootState);
     emitStateUpdate(props2);
-  }, "EnableEditor_component_useTask_5_24QxS0r0KF8", [
+  }, "EnableEditor_component_useTask_4_moHYZG8uNVU", [
     elementRef,
     props,
     state
@@ -4868,7 +4853,7 @@ const EnableEditor = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
     track2(() => props2.data);
     if (props2.data)
       mergeNewRootState(props2, state2, elementRef2, props2.data);
-  }, "EnableEditor_component_useTask_6_0CaFTUOgv08", [
+  }, "EnableEditor_component_useTask_5_24QxS0r0KF8", [
     elementRef,
     props,
     state
@@ -4880,37 +4865,86 @@ const EnableEditor = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
       mergeNewRootState(props2, state2, elementRef2, {
         locale: props2.locale
       });
-  }, "EnableEditor_component_useTask_7_Zh51H45HHnM", [
+  }, "EnableEditor_component_useTask_6_0CaFTUOgv08", [
     elementRef,
     props,
     state
   ]));
   return /* @__PURE__ */ _jsxC(Fragment, {
-    children: props.builderContextSignal.content ? /* @__PURE__ */ createElement(state.ContentWrapper, {
-      apiKey: props.apiKey,
-      contentId: (_a = props.builderContextSignal.content) == null ? void 0 : _a.id,
-      variationId: (_b = props.builderContextSignal.content) == null ? void 0 : _b.testVariationId,
-      shouldTrack: String(props.builderContextSignal.content && getDefaultCanTrack(props.canTrack)),
-      key: state.forceReRenderCount,
-      ref: elementRef,
+    children: props.builderContextSignal.content ? /* @__PURE__ */ _jsxC(state.ContentWrapper, {
+      get apiKey() {
+        return props.apiKey;
+      },
+      get contentId() {
+        var _a;
+        return (_a = props.builderContextSignal.content) == null ? void 0 : _a.id;
+      },
+      get variationId() {
+        var _a;
+        return (_a = props.builderContextSignal.content) == null ? void 0 : _a.testVariationId;
+      },
       onClick$: /* @__PURE__ */ inlinedQrl((event) => {
         const [elementRef2, props2, state2] = useLexicalScope();
         return onClick(props2, state2, elementRef2, event);
-      }, "EnableEditor_component__Fragment__createElement_PT7eU9x80Lw", [
+      }, "EnableEditor_component__Fragment_onClick_b4nYT3DrjEk", [
         elementRef,
         props,
         state
       ]),
-      "builder-content-id": (_c = props.builderContextSignal.content) == null ? void 0 : _c.id,
-      "builder-model": props.model,
+      ref: elementRef,
+      shouldTrack: String(props.builderContextSignal.content && getDefaultCanTrack(props.canTrack)),
+      get "builder-content-id"() {
+        var _a;
+        return (_a = props.builderContextSignal.content) == null ? void 0 : _a.id;
+      },
+      get "builder-model"() {
+        return props.model;
+      },
       ...props.showContent ? {} : {
         hidden: true,
         "aria-hidden": true
       },
       ...props.contentWrapperProps,
-      class: `variant-${((_d = props.content) == null ? void 0 : _d.testVariationId) || ((_e = props.content) == null ? void 0 : _e.id)}`
-    }, /* @__PURE__ */ _jsxC(Slot$1, null, 3, "06_0")) : null
-  }, 1, "06_1");
+      get class() {
+        var _a, _b;
+        return `variant-${((_a = props.content) == null ? void 0 : _a.testVariationId) || ((_b = props.content) == null ? void 0 : _b.id)}`;
+      },
+      children: /* @__PURE__ */ _jsxC(Slot$1, null, 3, "06_0"),
+      [_IMMUTABLE]: {
+        apiKey: _fnSignal((p0) => p0.apiKey, [
+          props
+        ], "p0.apiKey"),
+        "builder-content-id": _fnSignal((p0) => {
+          var _a;
+          return (_a = p0.builderContextSignal.content) == null ? void 0 : _a.id;
+        }, [
+          props
+        ], "p0.builderContextSignal.content?.id"),
+        "builder-model": _fnSignal((p0) => p0.model, [
+          props
+        ], "p0.model"),
+        class: _fnSignal((p0) => {
+          var _a, _b;
+          return `variant-${((_a = p0.content) == null ? void 0 : _a.testVariationId) || ((_b = p0.content) == null ? void 0 : _b.id)}`;
+        }, [
+          props
+        ], "`variant-${p0.content?.testVariationId||p0.content?.id}`"),
+        contentId: _fnSignal((p0) => {
+          var _a;
+          return (_a = p0.builderContextSignal.content) == null ? void 0 : _a.id;
+        }, [
+          props
+        ], "p0.builderContextSignal.content?.id"),
+        ref: _IMMUTABLE,
+        variationId: _fnSignal((p0) => {
+          var _a;
+          return (_a = p0.builderContextSignal.content) == null ? void 0 : _a.testVariationId;
+        }, [
+          props
+        ], "p0.builderContextSignal.content?.testVariationId")
+      }
+    }, 0, "06_1") : null
+  }, 1, "06_2");
 }, "EnableEditor_component_ko1mO8oaj8k"));
 const getCssFromFont = (font) => {
   var _a;
@@ -4956,17 +4990,7 @@ const getCss = ({ cssCode, contentId }) => {
     return cssCode;
   return (cssCode == null ? void 0 : cssCode.replace(/&/g, `div[builder-content-id="${contentId}"]`)) || "";
 };
-const ContentStyles = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
-  const state = useStore({
-    injectedStyles: `
-${getCss({
-      cssCode: props.cssCode,
-      contentId: props.contentId
-    })}
-${getFontCss({
-      customFonts: props.customFonts
-    })}
-
+const DEFAULT_STYLES = `
 .builder-button {
   all: unset;
 }
@@ -4983,6 +5007,21 @@ ${getFontCss({
   text-align: inherit;
   font-family: inherit;
 }
+`;
+const getDefaultStyles = (isNested) => {
+  return !isNested ? DEFAULT_STYLES : "";
+};
+const ContentStyles = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
+  const state = useStore({
+    injectedStyles: `
+${getCss({
+      cssCode: props.cssCode,
+      contentId: props.contentId
+    })}
+${getFontCss({
+      customFonts: props.customFonts
+    })}
+${getDefaultStyles(props.isNestedRender)}
 `.trim()
   });
   return /* @__PURE__ */ _jsxC(InlinedStyles, {
@@ -5130,6 +5169,9 @@ const ContentComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl
         }
       }, 3, "LQ_0") : null,
       /* @__PURE__ */ _jsxC(ContentStyles, {
+        get isNestedRender() {
+          return props.isNestedRender;
+        },
         get contentId() {
           var _a2;
           return (_a2 = state.builderContextSignal.content) == null ? void 0 : _a2.id;
@@ -5160,7 +5202,10 @@ const ContentComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl
             return (_b2 = (_a2 = p0.builderContextSignal.content) == null ? void 0 : _a2.data) == null ? void 0 : _b2.customFonts;
           }, [
             state
-          ], "p0.builderContextSignal.content?.data?.customFonts")
+          ], "p0.builderContextSignal.content?.data?.customFonts"),
+          isNestedRender: _fnSignal((p0) => p0.isNestedRender, [
+            props
+          ], "p0.isNestedRender")
         }
       }, 3, "LQ_1"),
       /* @__PURE__ */ _jsxC(Blocks, {
@@ -5282,7 +5327,7 @@ const ContentVariants = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(
   ]));
   return /* @__PURE__ */ _jsxC(Fragment$1, {
     children: [
-      !props.__isNestedRender && TARGET !== "reactNative" ? /* @__PURE__ */ _jsxC(InlinedScript, {
+      !props.isNestedRender && TARGET !== "reactNative" ? /* @__PURE__ */ _jsxC(InlinedScript, {
         get scriptStr() {
           return getScriptString();
         },
@@ -5324,6 +5369,9 @@ const ContentVariants = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(
           }, 3, "XM_2"),
           (getVariants(props.content) || []).map((variant) => {
             return /* @__PURE__ */ _jsxC(ContentComponent, {
+              get isNestedRender() {
+                return props.isNestedRender;
+              },
               content: variant,
               showContent: false,
               get model() {
@@ -5408,6 +5456,9 @@ const ContentVariants = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(
                 enrich: _fnSignal((p0) => p0.enrich, [
                   props
                 ], "p0.enrich"),
+                isNestedRender: _fnSignal((p0) => p0.isNestedRender, [
+                  props
+                ], "p0.isNestedRender"),
                 isSsrAbTest: _fnSignal((p0) => p0.shouldRenderVariants, [
                   state
                 ], "p0.shouldRenderVariants"),
@@ -5430,6 +5481,9 @@ const ContentVariants = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(
         ]
       }, 1, "XM_3") : null,
       /* @__PURE__ */ _jsxC(ContentComponent, {
+        get isNestedRender() {
+          return props.isNestedRender;
+        },
         get content() {
           return defaultContent.value;
         },
@@ -5519,6 +5573,9 @@ const ContentVariants = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(
           enrich: _fnSignal((p0) => p0.enrich, [
             props
           ], "p0.enrich"),
+          isNestedRender: _fnSignal((p0) => p0.isNestedRender, [
+            props
+          ], "p0.isNestedRender"),
           isSsrAbTest: _fnSignal((p0) => p0.shouldRenderVariants, [
             state
           ], "p0.shouldRenderVariants"),
@@ -5597,6 +5654,7 @@ const Symbol$1 = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props)
   return /* @__PURE__ */ _jsxS("div", {
     ...props.attributes,
     children: /* @__PURE__ */ _jsxC(ContentVariants, {
+      isNestedRender: true,
       get apiVersion() {
         return props.builderContext.apiVersion;
       },
@@ -5668,6 +5726,7 @@ const Symbol$1 = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props)
           props,
           state
         ], "{...p0.symbol?.data,...p0.builderContext.localState,...p1.contentToUse?.data?.state}"),
+        isNestedRender: _IMMUTABLE,
         linkComponent: _fnSignal((p0) => p0.builderLinkComponent, [
           props
         ], "p0.builderLinkComponent"),