@builder.io/sdk-vue 4.2.1 → 4.2.3

package/lib/edge/{component-ref-xNhbKfn9.js → component-ref-__eNmb_i.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-pedBdruj.js";
+import { a as v, g as S } from "./get-block-properties-IlO7VcTG.js";
+const L = () => import("./awaiter-G2IZpq8y.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-mkwzJ3KQ.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.3";

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/{get-block-properties-YBHD-kyN.js → get-block-properties-IlO7VcTG.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-pedBdruj.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/{get-block-properties-gqcOodFf.cjs → get-block-properties-YofIFdQl.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-UFKf4DGh.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/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;
     };