@builder.io/sdk-qwik 0.16.19 → 0.16.21

package/lib/browser/components/content/components/enable-editor.qwik.cjs

@@ -1,5 +1,6 @@
 "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 builder_context = require("../../../context/builder.context.qwik.cjs");
 const evaluate = require("../../../functions/evaluate/evaluate.qwik.cjs");
@@ -16,18 +17,16 @@ const subscribeToEditor = require("../../../helpers/subscribe-to-editor.qwik.cjs
 const initEditing = require("../../../scripts/init-editing.qwik.cjs");
 const animator = require("../../block/animator.qwik.cjs");
 const styles_helpers = require("./styles.helpers.qwik.cjs");
-const qwik = require("@builder.io/qwik");
 const mergeNewRootState = function mergeNewRootState2(props, state, showContentProps, elementRef, newData) {
   var _a, _b;
   const combinedState = {
     ...props.builderContextSignal.rootState,
     ...newData
   };
-  if (props.builderContextSignal.rootSetState) {
+  if (props.builderContextSignal.rootSetState)
     (_b = (_a = props.builderContextSignal).rootSetState) == null ? void 0 : _b.call(_a, combinedState);
-  } else {
+  else
     props.builderContextSignal.rootState = combinedState;
-  }
 };
 const mergeNewContent = function mergeNewContent2(props, state, showContentProps, elementRef, newContent) {
   var _a, _b, _c, _d, _e;
@@ -54,16 +53,14 @@ const processMessage = function processMessage2(props, state, showContentProps,
       configureSdk: (messageContent) => {
         var _a;
         const { breakpoints, contentId } = messageContent;
-        if (!contentId || contentId !== ((_a = props.builderContextSignal.content) == null ? void 0 : _a.id)) {
+        if (!contentId || contentId !== ((_a = props.builderContextSignal.content) == null ? void 0 : _a.id))
           return;
-        }
-        if (breakpoints) {
+        if (breakpoints)
           mergeNewContent(props, state, showContentProps, elementRef, {
             meta: {
               breakpoints
             }
           });
-        }
       },
       animation: (animation) => {
         animator.triggerAnimation(animation);
@@ -90,9 +87,8 @@ const onClick = function onClick2(props, state, showContentProps, elementRef, ev
       unique: !state.clicked
     });
   }
-  if (!state.clicked) {
+  if (!state.clicked)
     state.clicked = true;
-  }
 };
 const runHttpRequests = function runHttpRequests2(props, state, showContentProps, elementRef) {
   var _a, _b;
@@ -125,7 +121,7 @@ const runHttpRequests = function runHttpRequests2(props, state, showContentProps
   });
 };
 const emitStateUpdate = function emitStateUpdate2(props, state, showContentProps, elementRef) {
-  if (isEditing.isEditing()) {
+  if (isEditing.isEditing())
     window.dispatchEvent(new CustomEvent("builder:component:stateChange", {
       detail: {
         state: fastClone.fastClone(props.builderContextSignal.rootState),
@@ -134,16 +130,19 @@ const emitStateUpdate = function emitStateUpdate2(props, state, showContentProps
         }
       }
     }));
-  }
 };
-const EnableEditor = qwik.component$((props) => {
-  var _a, _b, _c, _d, _e;
-  const showContentProps = qwik.useComputed$(() => {
-    return props.showContent ? {} : {
+const EnableEditor = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
+  var _a, _b;
+  qwik._jsxBranch();
+  const showContentProps = qwik.useComputedQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
+    const [props2] = qwik.useLexicalScope();
+    return props2.showContent ? {} : {
       hidden: true,
       "aria-hidden": true
     };
-  });
+  }, "EnableEditor_component_showContentProps_useComputed_aHr3V0Y8sNs", [
+    props
+  ]));
   const elementRef = qwik.useSignal();
   const state = qwik.useStore({
     ContentWrapper: props.contentWrapper || "div",
@@ -153,59 +152,69 @@ const EnableEditor = qwik.component$((props) => {
   }, {
     deep: true
   });
-  qwik.useOn("initeditingbldr", qwik.$((event, element) => {
-    window.addEventListener("message", processMessage.bind(null, props, state, showContentProps, elementRef));
+  qwik.useOn("initeditingbldr", /* @__PURE__ */ qwik.inlinedQrl((event, element) => {
+    const [elementRef2, props2, showContentProps2, state2] = qwik.useLexicalScope();
+    window.addEventListener("message", processMessage.bind(null, props2, state2, showContentProps2, elementRef2));
     initEditing.registerInsertMenu();
     initEditing.setupBrowserForEditing({
-      ...props.locale ? {
-        locale: props.locale
+      ...props2.locale ? {
+        locale: props2.locale
       } : {},
-      ...props.enrich ? {
-        enrich: props.enrich
+      ...props2.enrich ? {
+        enrich: props2.enrich
       } : {},
-      ...props.trustedHosts ? {
-        trustedHosts: props.trustedHosts
+      ...props2.trustedHosts ? {
+        trustedHosts: props2.trustedHosts
       } : {}
     });
-    Object.values(props.builderContextSignal.componentInfos).forEach((registeredComponent) => {
+    Object.values(props2.builderContextSignal.componentInfos).forEach((registeredComponent) => {
       var _a2;
       const message = registerComponent.createRegisterComponentMessage(registeredComponent);
       (_a2 = window.parent) == null ? void 0 : _a2.postMessage(message, "*");
     });
-    window.addEventListener("builder:component:stateChangeListenerActivated", emitStateUpdate.bind(null, props, state, showContentProps, elementRef));
-  }));
-  qwik.useOn("initpreviewingbldr", qwik.$((event, element) => {
+    window.addEventListener("builder:component:stateChangeListenerActivated", emitStateUpdate.bind(null, props2, state2, showContentProps2, elementRef2));
+  }, "EnableEditor_component_useOn_Qs8c0yql2i0", [
+    elementRef,
+    props,
+    showContentProps,
+    state
+  ]));
+  qwik.useOn("initpreviewingbldr", /* @__PURE__ */ qwik.inlinedQrl((event, element) => {
+    const [elementRef2, props2, showContentProps2, state2] = qwik.useLexicalScope();
     const searchParams = new URL(location.href).searchParams;
     const searchParamPreviewModel = searchParams.get("builder.preview");
     const searchParamPreviewId = searchParams.get(`builder.overrides.${searchParamPreviewModel}`);
     const previewApiKey = searchParams.get("apiKey") || searchParams.get("builder.space");
-    if (searchParamPreviewModel === props.model && previewApiKey === props.apiKey && (!props.content || searchParamPreviewId === props.content.id)) {
+    if (searchParamPreviewModel === props2.model && previewApiKey === props2.apiKey && (!props2.content || searchParamPreviewId === props2.content.id))
       index.fetchOneEntry({
-        model: props.model,
-        apiKey: props.apiKey,
-        apiVersion: props.builderContextSignal.apiVersion
+        model: props2.model,
+        apiKey: props2.apiKey,
+        apiVersion: props2.builderContextSignal.apiVersion
       }).then((content) => {
-        if (content) {
-          mergeNewContent(props, state, showContentProps, elementRef, content);
-        }
+        if (content)
+          mergeNewContent(props2, state2, showContentProps2, elementRef2, content);
       });
-    }
-  }));
-  qwik.useOn("qvisible", qwik.$((event, element) => {
-    var _a2, _b2, _c2, _d2;
+  }, "EnableEditor_component_useOn_1_F94YipmknvI", [
+    elementRef,
+    props,
+    showContentProps,
+    state
+  ]));
+  qwik.useOn("qvisible", /* @__PURE__ */ qwik.inlinedQrl((event, element) => {
+    var _a2, _b2, _c, _d;
+    const [props2] = qwik.useLexicalScope();
     if (isBrowser.isBrowser()) {
-      if (isEditing.isEditing() && !props.isNestedRender) {
-        if (element) {
+      if (isEditing.isEditing() && !props2.isNestedRender) {
+        if (element)
           element.dispatchEvent(new CustomEvent("initeditingbldr"));
-        }
       }
       const shouldTrackImpression = ((_a2 = element.attributes.getNamedItem("shouldTrack")) == null ? void 0 : _a2.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 contentId = (_c = element.attributes.getNamedItem("contentId")) == null ? void 0 : _c.value;
+        const apiKeyProp = (_d = element.attributes.getNamedItem("apiKey")) == null ? void 0 : _d.value;
         index$1._track({
-          apiHost: props.apiHost,
+          apiHost: props2.apiHost,
           type: "impression",
           canTrack: true,
           contentId,
@@ -214,58 +223,134 @@ const EnableEditor = qwik.component$((props) => {
         });
       }
       if (isPreviewing.isPreviewing() && !isEditing.isEditing()) {
-        if (element) {
+        if (element)
           element.dispatchEvent(new CustomEvent("initpreviewingbldr"));
-        }
       }
     }
-  }));
+  }, "EnableEditor_component_useOn_2_FyR0YPSlJlw", [
+    props
+  ]));
   qwik.useContextProvider(builder_context, props.builderContextSignal);
-  qwik.useTask$(() => {
-    runHttpRequests(props, state, showContentProps, elementRef);
-    emitStateUpdate(props);
-  });
-  qwik.useTask$(({ track }) => {
-    track(() => props.content);
-    if (props.content) {
-      mergeNewContent(props, state, showContentProps, elementRef, props.content);
-    }
-  });
-  qwik.useTask$(({ track }) => {
-    track(() => props.builderContextSignal.rootState);
-    emitStateUpdate(props);
-  });
-  qwik.useTask$(({ track }) => {
-    track(() => props.data);
-    if (props.data) {
-      mergeNewRootState(props, state, showContentProps, elementRef, props.data);
-    }
-  });
-  qwik.useTask$(({ track }) => {
-    track(() => props.locale);
-    if (props.locale) {
-      mergeNewRootState(props, state, showContentProps, elementRef, {
-        locale: props.locale
+  qwik.useTaskQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
+    const [elementRef2, props2, showContentProps2, state2] = qwik.useLexicalScope();
+    runHttpRequests(props2, state2, showContentProps2, elementRef2);
+    emitStateUpdate(props2);
+  }, "EnableEditor_component_useTask_Nb2VI04qp0M", [
+    elementRef,
+    props,
+    showContentProps,
+    state
+  ]));
+  qwik.useTaskQrl(/* @__PURE__ */ qwik.inlinedQrl(({ track }) => {
+    const [elementRef2, props2, showContentProps2, state2] = qwik.useLexicalScope();
+    track(() => props2.content);
+    if (props2.content)
+      mergeNewContent(props2, state2, showContentProps2, elementRef2, props2.content);
+  }, "EnableEditor_component_useTask_1_m0y1Z9vk4eQ", [
+    elementRef,
+    props,
+    showContentProps,
+    state
+  ]));
+  qwik.useTaskQrl(/* @__PURE__ */ qwik.inlinedQrl(({ track }) => {
+    const [elementRef2, props2, showContentProps2, state2] = qwik.useLexicalScope();
+    track(() => props2.builderContextSignal.rootState);
+    emitStateUpdate(props2);
+  }, "EnableEditor_component_useTask_2_xVyv0tDqZLs", [
+    elementRef,
+    props,
+    showContentProps,
+    state
+  ]));
+  qwik.useTaskQrl(/* @__PURE__ */ qwik.inlinedQrl(({ track }) => {
+    const [elementRef2, props2, showContentProps2, state2] = qwik.useLexicalScope();
+    track(() => props2.data);
+    if (props2.data)
+      mergeNewRootState(props2, state2, showContentProps2, elementRef2, props2.data);
+  }, "EnableEditor_component_useTask_3_bQ0e5LHZwWE", [
+    elementRef,
+    props,
+    showContentProps,
+    state
+  ]));
+  qwik.useTaskQrl(/* @__PURE__ */ qwik.inlinedQrl(({ track }) => {
+    const [elementRef2, props2, showContentProps2, state2] = qwik.useLexicalScope();
+    track(() => props2.locale);
+    if (props2.locale)
+      mergeNewRootState(props2, state2, showContentProps2, elementRef2, {
+        locale: props2.locale
       });
-    }
-  });
-  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {
-    children: props.builderContextSignal.content ? /* @__PURE__ */ jsxRuntime.jsx(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 && canTrack.getDefaultCanTrack(props.canTrack)),
+  }, "EnableEditor_component_useTask_4_moHYZG8uNVU", [
+    elementRef,
+    props,
+    showContentProps,
+    state
+  ]));
+  return /* @__PURE__ */ qwik._jsxC(jsxRuntime.Fragment, {
+    children: props.builderContextSignal.content ? /* @__PURE__ */ qwik._jsxC(state.ContentWrapper, {
+      get apiKey() {
+        return props.apiKey;
+      },
+      get contentId() {
+        var _a2;
+        return (_a2 = props.builderContextSignal.content) == null ? void 0 : _a2.id;
+      },
+      get variationId() {
+        var _a2;
+        return (_a2 = props.builderContextSignal.content) == null ? void 0 : _a2.testVariationId;
+      },
+      onClick$: /* @__PURE__ */ qwik.inlinedQrl((event) => {
+        const [elementRef2, props2, showContentProps2, state2] = qwik.useLexicalScope();
+        return onClick(props2, state2, showContentProps2, elementRef2, event);
+      }, "EnableEditor_component__Fragment_onClick_b4nYT3DrjEk", [
+        elementRef,
+        props,
+        showContentProps,
+        state
+      ]),
       ref: elementRef,
-      onClick$: qwik.$((event) => onClick(props, state, showContentProps, elementRef, event)),
-      "builder-content-id": (_c = props.builderContextSignal.content) == null ? void 0 : _c.id,
-      "builder-model": props.model,
-      className: styles_helpers.getWrapperClassName(((_d = props.content) == null ? void 0 : _d.testVariationId) || ((_e = props.content) == null ? void 0 : _e.id)),
+      shouldTrack: String(props.builderContextSignal.content && canTrack.getDefaultCanTrack(props.canTrack)),
+      get "builder-content-id"() {
+        var _a2;
+        return (_a2 = props.builderContextSignal.content) == null ? void 0 : _a2.id;
+      },
+      get "builder-model"() {
+        return props.model;
+      },
+      className: styles_helpers.getWrapperClassName(((_a = props.content) == null ? void 0 : _a.testVariationId) || ((_b = props.content) == null ? void 0 : _b.id)),
       ...showContentProps.value,
       ...props.contentWrapperProps,
-      children: /* @__PURE__ */ jsxRuntime.jsx(qwik.Slot, {})
-    }) : null
-  });
-});
+      children: /* @__PURE__ */ qwik._jsxC(qwik.Slot, null, 3, "06_0"),
+      [qwik._IMMUTABLE]: {
+        apiKey: qwik._fnSignal((p0) => p0.apiKey, [
+          props
+        ], "p0.apiKey"),
+        "builder-content-id": qwik._fnSignal((p0) => {
+          var _a2;
+          return (_a2 = p0.builderContextSignal.content) == null ? void 0 : _a2.id;
+        }, [
+          props
+        ], "p0.builderContextSignal.content?.id"),
+        "builder-model": qwik._fnSignal((p0) => p0.model, [
+          props
+        ], "p0.model"),
+        contentId: qwik._fnSignal((p0) => {
+          var _a2;
+          return (_a2 = p0.builderContextSignal.content) == null ? void 0 : _a2.id;
+        }, [
+          props
+        ], "p0.builderContextSignal.content?.id"),
+        ref: qwik._IMMUTABLE,
+        variationId: qwik._fnSignal((p0) => {
+          var _a2;
+          return (_a2 = p0.builderContextSignal.content) == null ? void 0 : _a2.testVariationId;
+        }, [
+          props
+        ], "p0.builderContextSignal.content?.testVariationId")
+      }
+    }, 0, "06_1") : null
+  }, 1, "06_2");
+}, "EnableEditor_component_ko1mO8oaj8k"));
 exports.EnableEditor = EnableEditor;
 exports.default = EnableEditor;
 exports.emitStateUpdate = emitStateUpdate;