@builder.io/sdk-qwik 0.16.11 → 0.16.14

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

@@ -1,12 +1,10 @@
 "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");
 const fastClone = require("../../../functions/fast-clone.qwik.cjs");
 const index = require("../../../functions/get-content/index.qwik.cjs");
-const getFetch = require("../../../functions/get-fetch.qwik.cjs");
 const isBrowser = require("../../../functions/is-browser.qwik.cjs");
 const isEditing = require("../../../functions/is-editing.qwik.cjs");
 const isPreviewing = require("../../../functions/is-previewing.qwik.cjs");
@@ -14,21 +12,22 @@ const registerComponent = require("../../../functions/register-component.qwik.cj
 const index$1 = require("../../../functions/track/index.qwik.cjs");
 const interaction = require("../../../functions/track/interaction.qwik.cjs");
 const canTrack = require("../../../helpers/canTrack.qwik.cjs");
-const logger = require("../../../helpers/logger.qwik.cjs");
 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;
@@ -55,14 +54,16 @@ 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);
@@ -73,22 +74,6 @@ const processMessage = function processMessage2(props, state, showContentProps,
     }
   })(event);
 };
-const evaluateJsCode = function evaluateJsCode2(props, state, showContentProps, elementRef) {
-  var _a, _b;
-  const jsCode = (_b = (_a = props.builderContextSignal.content) == null ? void 0 : _a.data) == null ? void 0 : _b.jsCode;
-  if (jsCode)
-    evaluate.evaluate({
-      code: jsCode,
-      context: props.context || {},
-      localState: void 0,
-      rootState: props.builderContextSignal.rootState,
-      rootSetState: props.builderContextSignal.rootSetState,
-      /**
-      * We don't want to cache the result of the JS code, since it's arbitrary side effect code.
-      */
-      enableCache: false
-    });
-};
 const onClick = function onClick2(props, state, showContentProps, elementRef, event) {
   var _a, _b;
   if (props.builderContextSignal.content) {
@@ -104,8 +89,9 @@ 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;
@@ -126,7 +112,7 @@ const runHttpRequests = function runHttpRequests2(props, state, showContentProps
       rootSetState: props.builderContextSignal.rootSetState,
       enableCache: true
     })));
-    getFetch.fetch(evaluatedUrl).then((response) => response.json()).then((json) => {
+    fetch(evaluatedUrl).then((response) => response.json()).then((json) => {
       mergeNewRootState(props, state, showContentProps, elementRef, {
         [key]: json
       });
@@ -139,7 +125,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),
@@ -148,19 +134,16 @@ const emitStateUpdate = function emitStateUpdate2(props, state, showContentProps
         }
       }
     }));
+  }
 };
-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 ? {} : {
+const EnableEditor = qwik.component$((props) => {
+  var _a, _b, _c, _d, _e;
+  const showContentProps = qwik.useComputed$(() => {
+    return props.showContent ? {} : {
       hidden: true,
       "aria-hidden": true
     };
-  }, "EnableEditor_component_showContentProps_useComputed_aHr3V0Y8sNs", [
-    props
-  ]));
+  });
   const elementRef = qwik.useSignal();
   const state = qwik.useStore({
     ContentWrapper: props.contentWrapper || "div",
@@ -170,66 +153,57 @@ const EnableEditor = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inli
   }, {
     deep: true
   });
-  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));
+  qwik.useOn("initeditingbldr", qwik.$((event, element) => {
+    window.addEventListener("message", processMessage.bind(null, props, state, showContentProps, elementRef));
     initEditing.registerInsertMenu();
     initEditing.setupBrowserForEditing({
-      ...props2.locale ? {
-        locale: props2.locale
+      ...props.locale ? {
+        locale: props.locale
       } : {},
-      ...props2.enrich ? {
-        enrich: props2.enrich
+      ...props.enrich ? {
+        enrich: props.enrich
       } : {},
-      ...props2.trustedHosts ? {
-        trustedHosts: props2.trustedHosts
+      ...props.trustedHosts ? {
+        trustedHosts: props.trustedHosts
       } : {}
     });
-    Object.values(props2.builderContextSignal.componentInfos).forEach((registeredComponent) => {
+    Object.values(props.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, 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();
+    window.addEventListener("builder:component:stateChangeListenerActivated", emitStateUpdate.bind(null, props, state, showContentProps, elementRef));
+  }));
+  qwik.useOn("initpreviewingbldr", qwik.$((event, element) => {
     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 === props2.model && previewApiKey === props2.apiKey && (!props2.content || searchParamPreviewId === props2.content.id))
+    if (searchParamPreviewModel === props.model && previewApiKey === props.apiKey && (!props.content || searchParamPreviewId === props.content.id)) {
       index.fetchOneEntry({
-        model: props2.model,
-        apiKey: props2.apiKey,
-        apiVersion: props2.builderContextSignal.apiVersion
+        model: props.model,
+        apiKey: props.apiKey,
+        apiVersion: props.builderContextSignal.apiVersion
       }).then((content) => {
-        if (content)
-          mergeNewContent(props2, state2, showContentProps2, elementRef2, content);
+        if (content) {
+          mergeNewContent(props, state, showContentProps, elementRef, content);
+        }
       });
-  }, "EnableEditor_component_useOn_1_F94YipmknvI", [
-    elementRef,
-    props,
-    showContentProps,
-    state
-  ]));
-  qwik.useOn("qvisible", /* @__PURE__ */ qwik.inlinedQrl((event, element) => {
-    var _a2, _b2, _c, _d;
+    }
+  }));
+  qwik.useOn("qvisible", qwik.$((event, element) => {
+    var _a2, _b2, _c2, _d2;
     if (isBrowser.isBrowser()) {
       if (isEditing.isEditing()) {
-        if (element)
+        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 = (_c = element.attributes.getNamedItem("contentId")) == null ? void 0 : _c.value;
-        const apiKeyProp = (_d = element.attributes.getNamedItem("apiKey")) == null ? void 0 : _d.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;
         index$1._track({
           type: "impression",
           canTrack: true,
@@ -239,165 +213,61 @@ const EnableEditor = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inli
         });
       }
       if (isPreviewing.isPreviewing() && !isEditing.isEditing()) {
-        if (element)
+        if (element) {
           element.dispatchEvent(new CustomEvent("initpreviewingbldr"));
+        }
       }
     }
-  }, "EnableEditor_component_useOn_2_FyR0YPSlJlw"));
+  }));
   qwik.useContextProvider(builder_context, props.builderContextSignal);
-  qwik.useTaskQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
-    const [elementRef2, props2, showContentProps2, state2] = qwik.useLexicalScope();
-    if (!props2.apiKey)
-      logger.logger.error("No API key provided to `Content` component. This can cause issues. Please provide an API key using the `apiKey` prop.");
-    evaluateJsCode(props2);
-    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(() => {
-      var _a2, _b2;
-      return (_b2 = (_a2 = props2.builderContextSignal.content) == null ? void 0 : _a2.data) == null ? void 0 : _b2.jsCode;
-    });
-    evaluateJsCode(props2);
-  }, "EnableEditor_component_useTask_2_xVyv0tDqZLs", [
-    elementRef,
-    props,
-    showContentProps,
-    state
-  ]));
-  qwik.useTaskQrl(/* @__PURE__ */ qwik.inlinedQrl(({ track }) => {
-    const [elementRef2, props2, showContentProps2, state2] = qwik.useLexicalScope();
-    track(() => {
-      var _a2, _b2;
-      return (_b2 = (_a2 = props2.builderContextSignal.content) == null ? void 0 : _a2.data) == null ? void 0 : _b2.httpRequests;
-    });
-    runHttpRequests(props2, state2, showContentProps2, elementRef2);
-  }, "EnableEditor_component_useTask_3_bQ0e5LHZwWE", [
-    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_4_moHYZG8uNVU", [
-    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_5_24QxS0r0KF8", [
-    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
+  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
       });
-  }, "EnableEditor_component_useTask_6_0CaFTUOgv08", [
-    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,
+    }
+  });
+  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)),
-      get "builder-content-id"() {
-        var _a2;
-        return (_a2 = props.builderContextSignal.content) == null ? void 0 : _a2.id;
-      },
-      get "builder-model"() {
-        return props.model;
-      },
+      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)),
       ...showContentProps.value,
       ...props.contentWrapperProps,
-      children: /* @__PURE__ */ qwik._jsxC(qwik.Slot, null, 3, "06_0"),
-      class: styles_helpers.getWrapperClassName(((_a = props.content) == null ? void 0 : _a.testVariationId) || ((_b = props.content) == null ? void 0 : _b.id)),
-      [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"));
+      children: /* @__PURE__ */ jsxRuntime.jsx(qwik.Slot, {})
+    }) : null
+  });
+});
 exports.EnableEditor = EnableEditor;
 exports.default = EnableEditor;
 exports.emitStateUpdate = emitStateUpdate;
-exports.evaluateJsCode = evaluateJsCode;
 exports.mergeNewContent = mergeNewContent;
 exports.mergeNewRootState = mergeNewRootState;
 exports.onClick = onClick;