@builder.io/sdk-vue 4.2.1 → 4.2.4

package/lib/edge/{component-ref-xNhbKfn9.js → component-ref-o49BQXb9.js}

@@ -1,17 +1,25 @@
-import { defineComponent as u, defineAsyncComponent as g, resolveComponent as k, openBlock as n, createBlock as a, withCtx as l, renderSlot as m, resolveDynamicComponent as h, normalizeProps as f, mergeProps as b, createElementBlock as B, Fragment as W, renderList as $, createCommentVNode as v } from "vue";
-import { e as C, B as y, w as S } from "./index-hzqKkVuy.js";
-import { a as w, g as A } from "./get-block-properties-YBHD-kyN.js";
-const R = () => import("./awaiter-inDvpJQO.js").then((e) => e.default).catch((e) => {
+import { defineComponent as b, defineAsyncComponent as u, resolveComponent as d, openBlock as o, createBlock as p, withCtx as i, renderSlot as m, createElementBlock as h, Fragment as w, resolveDynamicComponent as C, mergeProps as P, normalizeProps as B, renderList as E, createCommentVNode as k } from "vue";
+import { T as y, i as $, _ as g, B as R, w as A } from "./index-YikH7lP_.js";
+import { a as v, g as S } from "./get-block-properties-rN_Wdewg.js";
+const L = () => import("./awaiter-6dzFFSC3.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component Awaiter at ../../awaiter.vue",
     e
   ), e;
-}), E = u({
+}), I = () => import("./live-edit--OTgD3lj.js").then((e) => e.default).catch((e) => {
+  throw console.error(
+    "Error while attempting to dynamically import component LiveEdit at ../../live-edit.vue",
+    e
+  ), e;
+}), T = b({
   name: "interactive-element",
-  components: { Awaiter: g(R) },
+  components: {
+    LiveEdit: u(I),
+    Awaiter: u(L)
+  },
   props: ["wrapperProps", "block", "includeBlockProps", "context", "Wrapper"],
   data() {
-    return { forceRenderCount: 0 };
+    return { forceRenderCount: 0, TARGET: y, isEditing: $ };
   },
   watch: {
     onUpdateHook0: { handler() {
@@ -20,11 +28,11 @@ const R = () => import("./awaiter-inDvpJQO.js").then((e) => e.default).catch((e)
   computed: {
     attributes() {
       return this.includeBlockProps ? {
-        ...w({
+        ...v({
           block: this.block,
           context: this.context
         }),
-        ...A({
+        ...S({
           block: this.block,
           rootState: this.context.rootState,
           rootSetState: this.context.rootSetState,
@@ -50,92 +58,95 @@ const R = () => import("./awaiter-inDvpJQO.js").then((e) => e.default).catch((e)
     }
   }
 });
-function I(e, t, s, i, r, c) {
-  const o = k("Awaiter");
-  return e.Wrapper.load ? (n(), a(o, {
+function O(e, t, s, l, a, c) {
+  const n = d("Awaiter"), r = d("LiveEdit");
+  return e.Wrapper.load ? (o(), p(n, {
     key: 0,
     load: e.Wrapper.load,
     fallback: e.Wrapper.fallback,
     props: e.wrapperProps,
     attributes: e.attributes
   }, {
-    default: l(() => [
+    default: i(() => [
       m(e.$slots, "default")
     ]),
     _: 3
-  }, 8, ["load", "fallback", "props", "attributes"])) : (n(), a(h(e.Wrapper), f(b({ key: 1 }, e.targetWrapperProps)), {
-    default: l(() => [
-      m(e.$slots, "default")
-    ]),
-    _: 3
-  }, 16));
+  }, 8, ["load", "fallback", "props", "attributes"])) : (o(), h(w, { key: 1 }, [
+    e.TARGET === "rsc" && e.isEditing() ? (o(), p(r, {
+      key: 0,
+      Wrapper: e.Wrapper,
+      id: e.block.id || "",
+      attributes: e.attributes
+    }, {
+      default: i(() => [
+        m(e.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["Wrapper", "id", "attributes"])) : (o(), p(C(e.Wrapper), P({
+      key: 1,
+      attributes: e.attributes
+    }, e.targetWrapperProps), {
+      default: i(() => [
+        m(e.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["attributes"]))
+  ], 64));
 }
-const d = /* @__PURE__ */ C(E, [["render", I]]), U = ({
+const f = /* @__PURE__ */ g(T, [["render", O]]), U = ({
   componentOptions: e,
   builderBlock: t,
   context: s,
-  componentRef: i,
-  includeBlockProps: r,
+  componentRef: l,
+  includeBlockProps: a,
   isInteractive: c,
-  contextValue: o
+  contextValue: n
 }) => {
-  const p = {
+  const r = {
     ...e,
     /**
      * If `noWrap` is set to `true`, then the block's props/attributes are provided to the
      * component itself directly. Otherwise, they are provided to the wrapper element.
      */
-    ...r ? {
-      attributes: w({
+    ...a ? {
+      attributes: v({
         block: t,
-        context: o
+        context: n
       })
     } : {}
   };
   return c ? {
-    Wrapper: i,
+    Wrapper: l,
     block: t,
     context: s,
     wrapperProps: e,
-    includeBlockProps: r
-  } : p;
-}, H = u({
+    includeBlockProps: a
+  } : r;
+}, G = b({
   name: "component-ref",
-  components: { Block: y, InteractiveElement: d },
+  components: { Block: R, InteractiveElement: f },
   props: [
-    "componentOptions",
-    "blockChildren",
     "isInteractive",
     "componentRef",
+    "componentOptions",
     "builderBlock",
     "context",
     "linkComponent",
     "includeBlockProps",
+    "blockChildren",
     "registeredComponents"
   ],
   data() {
     return {
       shouldUpdate: !1,
-      Wrapper: this.isInteractive ? S(d) : this.componentRef,
+      Wrapper: this.isInteractive ? A(f) : this.componentRef,
       getWrapperProps: U
     };
-  },
-  watch: {
-    onUpdateHook0: { handler() {
-    }, immediate: !0 }
-  },
-  computed: {
-    onUpdateHook0() {
-      return {
-        0: this.componentOptions,
-        1: this.blockChildren
-      };
-    }
   }
 });
-function O(e, t, s, i, r, c) {
-  const o = k("Block");
-  return e.componentRef ? (n(), a(h(e.Wrapper), f(b(
+function H(e, t, s, l, a, c) {
+  const n = d("Block");
+  return e.componentRef ? (o(), p(C(e.Wrapper), B(P(
     { key: 0 },
     e.getWrapperProps({
       componentOptions: e.componentOptions,
@@ -148,19 +159,19 @@ function O(e, t, s, i, r, c) {
       contextValue: e.context
     })
   )), {
-    default: l(() => [
-      (n(!0), B(W, null, $(e.blockChildren, (p, P) => (n(), a(o, {
-        key: p.id,
-        block: p,
+    default: i(() => [
+      e.componentRef ? (o(!0), h(w, { key: 0 }, E(e.blockChildren, (r, W) => (o(), p(n, {
+        key: r.id,
+        block: r,
         context: e.context,
         registeredComponents: e.registeredComponents,
         linkComponent: e.linkComponent
-      }, null, 8, ["block", "context", "registeredComponents", "linkComponent"]))), 128))
+      }, null, 8, ["block", "context", "registeredComponents", "linkComponent"]))), 128)) : k("", !0)
     ]),
     _: 1
-  }, 16)) : v("", !0);
+  }, 16)) : k("", !0);
 }
-const D = /* @__PURE__ */ C(H, [["render", O]]);
+const D = /* @__PURE__ */ g(G, [["render", H]]);
 export {
   D as default
 };

package/lib/edge/components/awaiter.types.d.ts

@@ -0,0 +1,7 @@
+export type AwaiterProps = {
+    load: () => Promise<any>;
+    props?: any;
+    attributes?: any;
+    fallback?: any;
+    children?: any;
+};

package/lib/edge/components/block/components/component-ref/component-ref.vue.d.ts

@@ -25,12 +25,7 @@ declare const _default: import("vue").DefineComponent<Readonly<{
         builderBlock: import("../../../..").BuilderBlock;
         builderContext: import("../../../..").BuilderContextInterface;
     };
-}, {
-    onUpdateHook0(): {
-        0: any;
-        1: any;
-    };
-}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
+}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
     context?: any;
     builderBlock?: any;
     linkComponent?: any;

package/lib/edge/components/block/components/interactive-element.vue.d.ts

@@ -1,4 +1,5 @@
 import type { BuilderContextInterface } from "../../../context/types";
+import { isEditing } from "../../../server-index";
 import type { BuilderBlock } from "../../../types/builder-block";
 import type { Dictionary } from "../../../types/typescript";
 export type InteractiveElementProps = {
@@ -12,11 +13,13 @@ export type InteractiveElementProps = {
 declare const _default: import("vue").DefineComponent<Readonly<{
     context?: any;
     block?: any;
+    Wrapper?: any;
     wrapperProps?: any;
     includeBlockProps?: any;
-    Wrapper?: any;
 }>, unknown, {
     forceRenderCount: number;
+    TARGET: import("../../../types/targets").Target;
+    isEditing: typeof isEditing;
 }, {
     attributes(): {};
     targetWrapperProps(): any;
@@ -27,14 +30,14 @@ declare const _default: import("vue").DefineComponent<Readonly<{
 }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
     context?: any;
     block?: any;
+    Wrapper?: any;
     wrapperProps?: any;
     includeBlockProps?: any;
-    Wrapper?: any;
 }>>>, {
     readonly context?: any;
     readonly block?: any;
+    readonly Wrapper?: any;
     readonly wrapperProps?: any;
     readonly includeBlockProps?: any;
-    readonly Wrapper?: any;
 }, {}>;
 export default _default;

package/lib/edge/components/block/components/live-edit-block-styles.vue.d.ts

@@ -0,0 +1,19 @@
+import type { BuilderBlock } from "../../../server-index";
+declare const _default: import("vue").DefineComponent<Readonly<{
+    id?: any;
+    contextProvider?: any;
+}>, unknown, {
+    TARGET: import("../../../types/targets").Target;
+}, {
+    block(): BuilderBlock | null;
+    processedBlock(): BuilderBlock | null;
+    canShowBlock(): boolean;
+    css(): string;
+}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
+    id?: any;
+    contextProvider?: any;
+}>>>, {
+    readonly id?: any;
+    readonly contextProvider?: any;
+}, {}>;
+export default _default;

package/lib/edge/components/block/components/style-wrapper.vue.d.ts

@@ -0,0 +1,15 @@
+declare const _default: import("vue").DefineComponent<Readonly<{
+    context?: any;
+    block?: any;
+}>, unknown, {
+    isClientEditing: boolean;
+    isHydrated: boolean;
+    TARGET: import("../../../types/targets").Target;
+}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
+    context?: any;
+    block?: any;
+}>>>, {
+    readonly context?: any;
+    readonly block?: any;
+}, {}>;
+export default _default;

package/lib/edge/components/content/components/enable-editor.vue.d.ts

@@ -1,3 +1,4 @@
+import { EditType } from "../../../helpers/subscribe-to-editor";
 import type { BuilderContent } from "../../../types/builder-content";
 import type { Dictionary } from "../../../types/typescript";
 declare const _default: import("vue").DefineComponent<Readonly<{
@@ -18,6 +19,9 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     builderContextSignal?: any;
 }>, unknown, {
     hasExecuted: boolean;
+    contextValue: any;
+    prevData: null;
+    prevLocale: string;
     ContentWrapper: any;
     httpReqsData: {};
     httpReqsPending: {};
@@ -63,8 +67,8 @@ declare const _default: import("vue").DefineComponent<Readonly<{
         0: any;
     };
 }, {
-    mergeNewRootState(newData: Dictionary<any>): void;
-    mergeNewContent(newContent: BuilderContent): void;
+    mergeNewRootState(newData: Dictionary<any>, editType?: EditType): void;
+    mergeNewContent(newContent: BuilderContent, editType?: EditType): void;
     processMessage(event: MessageEvent): void;
     onClick(event: any): void;
     runHttpRequests(): void;

package/lib/edge/components/live-edit.vue.d.ts

@@ -0,0 +1,17 @@
+declare const _default: import("vue").DefineComponent<Readonly<{
+    id?: any;
+    attributes?: any;
+    Wrapper?: any;
+}>, unknown, unknown, {
+    block(): import("..").BuilderBlock | null;
+    options(): any;
+}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
+    id?: any;
+    attributes?: any;
+    Wrapper?: any;
+}>>>, {
+    readonly id?: any;
+    readonly attributes?: any;
+    readonly Wrapper?: any;
+}, {}>;
+export default _default;

package/lib/edge/constants/sdk-version.d.ts

@@ -1 +1 @@
-export declare const SDK_VERSION = "4.2.1";
+export declare const SDK_VERSION = "4.2.4";

package/lib/edge/find-block-3Ig0kVVe.js

@@ -0,0 +1,29 @@
+const s = (r, o) => {
+  var c;
+  return l((c = r.data) == null ? void 0 : c.blocks, o);
+}, l = (r, o) => {
+  var c, e, f;
+  if (!r)
+    return null;
+  for (const n of r) {
+    if (n.id === o)
+      return n;
+    if (n.children) {
+      const t = l(n.children, o);
+      if (t)
+        return t;
+    }
+    if (((c = n.component) == null ? void 0 : c.name) === "Columns" && ((f = (e = n.component) == null ? void 0 : e.options) != null && f.columns)) {
+      for (const t of n.component.options.columns)
+        if (t.blocks) {
+          const i = l(t.blocks, o);
+          if (i)
+            return i;
+        }
+    }
+  }
+  return null;
+};
+export {
+  s as f
+};

package/lib/edge/find-block-FREohLcp.cjs

@@ -0,0 +1 @@
+"use strict";const f=(l,o)=>{var c;return r((c=l.data)==null?void 0:c.blocks,o)},r=(l,o)=>{var c,i,e;if(!l)return null;for(const n of l){if(n.id===o)return n;if(n.children){const t=r(n.children,o);if(t)return t}if(((c=n.component)==null?void 0:c.name)==="Columns"&&((e=(i=n.component)==null?void 0:i.options)!=null&&e.columns)){for(const t of n.component.options.columns)if(t.blocks){const s=r(t.blocks,o);if(s)return s}}}return null};exports.findBlockById=f;

package/lib/edge/functions/get-builder-search-params/index.d.ts

@@ -1,7 +1,13 @@
 import type { QueryObject } from '../../helpers/search/search';
 /**
- * Receives a `URLSearchParams` object or a regular query object, and returns the subset of query params that are
- * relevant to the Builder SDK.
+ * Receives a `URLSearchParams` object or a regular query object, and returns
+ * the subset of query params that are relevant to the Builder SDK.
+ *
+ * Outputs a key-value object to be passed to `fetchOneEntry` or `fetchEntries`
+ * functions as the `options` argument.
+ *
+ * NOTE: This function is generally not needed. Instead, it is recommended to use `isPreviewing()`
+ * to check if the current page requires previewed content.
  *
  * @returns
  */

package/lib/edge/functions/is-previewing.d.ts

@@ -1,2 +1,12 @@
 import type { Search } from '../helpers/search/search';
-export declare function isPreviewing(_search?: Search): boolean;
+/**
+ * Checks the current URL's search parameters to see if it is attempting to
+ * preview Builder Content.
+ *
+ * When called on the client, it uses `window.location.search`.
+ * When called on the server (SSR), it requires a `search` argument.
+ *
+ * @param search - The search parameters to check. Can be a URL string (containing the search parameters), `URLSearchParams`, or a key-value object containing the search parameters.
+ * @returns `true` if the current page is being previewed, `false` otherwise.
+ */
+export declare function isPreviewing(search?: Search): boolean;

package/lib/edge/{get-block-properties-gqcOodFf.cjs → get-block-properties-BZeTejYz.cjs}

@@ -1 +1 @@
-"use strict";const s=require("./index-KuatB8ic.cjs"),c=e=>`v-on:${e.toLowerCase()}`,i=(e,t)=>r=>s.evaluate({code:e,context:t.context,localState:t.localState,rootState:t.rootState,rootSetState:t.rootSetState,event:r,isExpression:!1});function l(e){const t={},r=e.block.actions??{};for(const o in r){if(!r.hasOwnProperty(o))continue;const a=r[o];let n=c(o);if(e.stripPrefix)switch(s.TARGET){case"vue":n=n.replace("v-on:","");break;case"svelte":n=n.replace("on:","");break}t[n]=i(a,e)}return t}function u({properties:e}){return e}const f=e=>({href:e.href});function p({block:e,context:t}){var o;const r={...f(e),...e.properties,"builder-id":e.id,style:s.getStyle({block:e,context:t}),[s.getClassPropName()]:[e.id,"builder-block",e.class,(o=e.properties)==null?void 0:o.class].filter(Boolean).join(" ")};return u({properties:r,context:t,block:e})}exports.getBlockActions=l;exports.getBlockProperties=p;
+"use strict";const s=require("./index-j3k1FtDv.cjs"),c=e=>`v-on:${e.toLowerCase()}`,i=(e,t)=>r=>s.evaluate({code:e,context:t.context,localState:t.localState,rootState:t.rootState,rootSetState:t.rootSetState,event:r,isExpression:!1});function l(e){const t={},r=e.block.actions??{};for(const o in r){if(!r.hasOwnProperty(o))continue;const a=r[o];let n=c(o);if(e.stripPrefix)switch(s.TARGET){case"vue":n=n.replace("v-on:","");break;case"svelte":n=n.replace("on:","");break}t[n]=i(a,e)}return t}function u({properties:e}){return e}const f=e=>({href:e.href});function p({block:e,context:t}){var o;const r={...f(e),...e.properties,"builder-id":e.id,style:s.getStyle({block:e,context:t}),[s.getClassPropName()]:[e.id,"builder-block",e.class,(o=e.properties)==null?void 0:o.class].filter(Boolean).join(" ")};return u({properties:r,context:t,block:e})}exports.getBlockActions=l;exports.getBlockProperties=p;

package/lib/edge/{get-block-properties-YBHD-kyN.js → get-block-properties-rN_Wdewg.js}

@@ -1,4 +1,4 @@
-import { f as n, T as c, h as i, i as l } from "./index-hzqKkVuy.js";
+import { e as n, T as c, g as i, a as l } from "./index-YikH7lP_.js";
 const f = (e) => `v-on:${e.toLowerCase()}`, p = (e, t) => (r) => n({
   code: e,
   context: t.context,
@@ -10,21 +10,21 @@ const f = (e) => `v-on:${e.toLowerCase()}`, p = (e, t) => (r) => n({
 });
 function S(e) {
   const t = {}, r = e.block.actions ?? {};
-  for (const o in r) {
-    if (!r.hasOwnProperty(o))
+  for (const a in r) {
+    if (!r.hasOwnProperty(a))
       continue;
-    const s = r[o];
-    let a = f(o);
+    const s = r[a];
+    let o = f(a);
     if (e.stripPrefix)
       switch (c) {
         case "vue":
-          a = a.replace("v-on:", "");
+          o = o.replace("v-on:", "");
           break;
         case "svelte":
-          a = a.replace("on:", "");
+          o = o.replace("on:", "");
           break;
       }
-    t[a] = p(s, e);
+    t[o] = p(s, e);
   }
   return t;
 }
@@ -40,7 +40,7 @@ function g({
   block: e,
   context: t
 }) {
-  var o;
+  var a;
   const r = {
     ...v(e),
     ...e.properties,
@@ -49,7 +49,7 @@ function g({
       block: e,
       context: t
     }),
-    [l()]: [e.id, "builder-block", e.class, (o = e.properties) == null ? void 0 : o.class].filter(Boolean).join(" ")
+    [l()]: [e.id, "builder-block", e.class, (a = e.properties) == null ? void 0 : a.class].filter(Boolean).join(" ")
   };
   return u({
     properties: r,

package/lib/edge/helpers/find-block.d.ts

@@ -0,0 +1,18 @@
+import type { BuilderBlock, BuilderContent } from '../server-index';
+/**
+ * Recursively searches for a block by ID.
+ *
+ * @param content The Builder content to search through.
+ * @param id The ID of the block to search for.
+ * @returns The block if found, otherwise null.
+ */
+export declare const findBlockById: (content: BuilderContent, id: string) => BuilderBlock | null;
+/**
+ * Helper function to recursively search through block tree.
+ *
+ * @param blocks The blocks to search through.
+ * @param id The ID of the block to search for.
+ * @returns The block if found, otherwise null.
+ * @private This is an internal implementation detail.
+ */
+export declare const findBlockInTree: (blocks: BuilderBlock[] | undefined, id: string) => BuilderBlock | null;

package/lib/edge/helpers/subscribe-to-editor.d.ts

@@ -2,10 +2,11 @@ import type { ContentProps } from '../components/content/content.types';
 import type { BuilderAnimation } from '../types/builder-block';
 import type { BuilderContent } from '../types/builder-content';
 import type { Dictionary } from '../types/typescript';
+export type EditType = 'client' | 'server' | undefined;
 type ContentListener = Required<Pick<ContentProps, 'model' | 'trustedHosts'>> & {
     callbacks: {
-        contentUpdate: (updatedContent: BuilderContent) => void;
-        stateUpdate: (newState: Dictionary<string>) => void;
+        contentUpdate: (updatedContent: BuilderContent, editType?: EditType) => void;
+        stateUpdate: (newState: Dictionary<string>, editType?: EditType) => void;
         animation: (updatedContent: BuilderAnimation) => void;
         configureSdk: (updatedContent: any) => void;
     };