@builder.io/sdk-vue 0.5.5 → 0.5.6-0

package/packages/_vue2/dist/{content.ecfd43b5.js → content-ab735937.js}

@@ -1,9 +1,10 @@
 import { defineComponent as p } from "vue";
-import { n as u, b as y, d as x, B as v, C as S, F as _, I as T, S as I, e as C, h as w, V as k, j as F, k as f, s as g, T as R, m as E } from "./index.3df15bff.js";
+import { n as u, d as y, e as x, B as v, C as S, F as _, I as T, S as I, h as C, j as w, V as k, k as F, m, s as g, T as R, o as E } from "./index-a089abc3.js";
 const V = {
   name: "Core:Button",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
   defaultStyles: {
+    // TODO: make min width more intuitive and set one
     appearance: "none",
     paddingTop: "15px",
     paddingBottom: "15px",
@@ -33,6 +34,7 @@ const V = {
   static: !0,
   noWrap: !0
 }, A = {
+  // TODO: ways to statically preprocess JSON for references, functions, etc
   name: "Columns",
   isRSC: !0,
   inputs: [{
@@ -210,7 +212,7 @@ const V = {
         });
       }
       const n = e.get("columns");
-      Array.isArray(n) && !!n.find((i) => i.get("width")) && (!!n.find((l) => !l.get("width")) || n.reduce((r, s) => r + s.get("width"), 0) !== 100) && t();
+      Array.isArray(n) && n.find((i) => i.get("width")) && (n.find((l) => !l.get("width")) || n.reduce((r, s) => r + s.get("width"), 0) !== 100) && t();
     }
   }, {
     name: "space",
@@ -261,13 +263,13 @@ const V = {
       function n(o, r = 6e4) {
         return new Promise((s, c) => {
           const d = document.createElement("img");
-          let m = !1;
+          let h = !1;
           d.onload = () => {
-            m = !0, s(d);
-          }, d.addEventListener("error", (h) => {
-            console.warn("Image load failed", h.error), c(h.error);
+            h = !0, s(d);
+          }, d.addEventListener("error", (f) => {
+            console.warn("Image load failed", f.error), c(f.error);
           }), d.src = o, setTimeout(() => {
-            m || c(new Error("Image load timed out"));
+            h || c(new Error("Image load timed out"));
           }, r);
         });
       }
@@ -577,20 +579,20 @@ const V = {
     }
   }
 });
-var q = function() {
+var M = function() {
   var t = this, n = t._self._c;
   return t._self._setupProxy, n("div", { ref: "elem", staticClass: "builder-embed", domProps: { innerHTML: t._s(t.content) } });
-}, B = [], M = /* @__PURE__ */ u(
+}, q = [], B = /* @__PURE__ */ u(
   N,
+  M,
   q,
-  B,
   !1,
   null,
   null,
   null,
   null
 );
-const K = M.exports, O = p({
+const K = B.exports, O = p({
   name: "builder-img-component",
   props: [
     "backgroundSize",
@@ -621,6 +623,7 @@ var J = function() {
   null
 );
 const X = G.exports, Q = {
+  // friendlyName?
   name: "Raw:Img",
   hideFromInsertMenu: !0,
   image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-insert_photo-24px.svg?alt=media&token=4e5d0ef4-f5e8-4e57-b3a9-38d63a9b9dc4",
@@ -760,7 +763,7 @@ const ae = ne.exports, oe = {
   const a = {};
   (o = (l = e == null ? void 0 : e.data) == null ? void 0 : l.inputs) == null || o.forEach((s) => {
     var c;
-    s.name && s.defaultValue !== void 0 && ((c = e == null ? void 0 : e.data) == null ? void 0 : c.state) && e.data.state[s.name] === void 0 && (a[s.name] = s.defaultValue);
+    s.name && s.defaultValue !== void 0 && ((c = e == null ? void 0 : e.data) != null && c.state) && e.data.state[s.name] === void 0 && (a[s.name] = s.defaultValue);
   });
   const i = {
     ...(r = e == null ? void 0 : e.data) == null ? void 0 : r.state,
@@ -783,22 +786,22 @@ const ae = ne.exports, oe = {
     ...t
   },
   meta: e == null ? void 0 : e.meta
-} : void 0, se = () => import("./index.3df15bff.js").then((e) => e.E).then((e) => e.default).catch((e) => {
+} : void 0, se = () => import("./index-a089abc3.js").then((e) => e.M).then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component Blocks at ../blocks/blocks.vue",
     e
   ), e;
-}), le = () => import("./styles.2f94fa2c.js").then((e) => e.default).catch((e) => {
+}), le = () => import("./styles-183aeb6b.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component ContentStyles at ./components/styles.vue",
     e
   ), e;
-}), ce = () => import("./enable-editor.e568289e.js").then((e) => e.default).catch((e) => {
+}), ce = () => import("./enable-editor-2d8d86f8.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component EnableEditor at ./components/enable-editor.vue",
     e
   ), e;
-}), de = () => import("./inlined-script.43151e3b.js").then((e) => e.default).catch((e) => {
+}), de = () => import("./inlined-script-5ac8fff7.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component InlinedScript at ../inlined-script.vue",
     e
@@ -825,18 +828,26 @@ const ae = ne.exports, oe = {
     "enrich",
     "classNameProp",
     "showContent",
+    "serverExecutor",
     "isSsrAbTest"
   ],
   data() {
     var e, t;
     return {
       scriptStr: F({
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
         variationId: (e = this.content) == null ? void 0 : e.testVariationId,
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
         contentId: (t = this.content) == null ? void 0 : t.id
       }),
       registeredComponents: [
         ...b(),
-        ...f,
+        // While this `components` object is deprecated, we must maintain support for it.
+        // Since users are able to override our default components, we need to make sure that we do not break such
+        // existing usage.
+        // This is why we spread `components` after the default Builder.io components, but before the `props.customComponents`,
+        // which is the new standard way of providing custom components, and must therefore take precedence.
+        ...m,
         ...this.customComponents || []
       ].reduce(
         (n, { component: a, ...i }) => ({
@@ -865,7 +876,12 @@ const ae = ne.exports, oe = {
         apiVersion: this.apiVersion,
         componentInfos: [
           ...b(),
-          ...f,
+          // While this `components` object is deprecated, we must maintain support for it.
+          // Since users are able to override our default components, we need to make sure that we do not break such
+          // existing usage.
+          // This is why we spread `components` after the default Builder.io components, but before the `props.customComponents`,
+          // which is the new standard way of providing custom components, and must therefore take precedence.
+          ...m,
           ...this.customComponents || []
         ].reduce(
           (n, { component: a, ...i }) => ({
@@ -876,6 +892,7 @@ const ae = ne.exports, oe = {
         ),
         inheritedStyles: {}
       },
+      components: m,
       TARGET: R
     };
   },
@@ -896,7 +913,7 @@ const ae = ne.exports, oe = {
 var ue = function() {
   var a, i, l, o, r, s, c;
   var t = this, n = t._self._c;
-  return t._self._setupProxy, n("enable-editor", t._b({ attrs: { content: t.content, model: t.model, context: t.context, apiKey: t.apiKey, canTrack: t.canTrack, locale: t.locale, includeRefs: t.includeRefs, enrich: t.enrich, classNameProp: t.classNameProp, showContent: t.showContent, builderContextSignal: t.builderContextSignal } }, "enable-editor", {}, !1), [t.isSsrAbTest ? [n("inlined-script", { attrs: { scriptStr: t.scriptStr } })] : t._e(), t.TARGET !== "reactNative" ? [n("content-styles", { attrs: { contentId: (a = t.builderContextSignal.content) == null ? void 0 : a.id, cssCode: (l = (i = t.builderContextSignal.content) == null ? void 0 : i.data) == null ? void 0 : l.cssCode, customFonts: (r = (o = t.builderContextSignal.content) == null ? void 0 : o.data) == null ? void 0 : r.customFonts } })] : t._e(), n("blocks", { attrs: { blocks: (c = (s = t.builderContextSignal.content) == null ? void 0 : s.data) == null ? void 0 : c.blocks, context: t.builderContextSignal, registeredComponents: t.registeredComponents } })], 2);
+  return t._self._setupProxy, n("enable-editor", t._b({ attrs: { content: t.content, model: t.model, context: t.context, apiKey: t.apiKey, canTrack: t.canTrack, locale: t.locale, includeRefs: t.includeRefs, enrich: t.enrich, classNameProp: t.classNameProp, showContent: t.showContent, builderContextSignal: t.builderContextSignal, serverExecutor: t.serverExecutor } }, "enable-editor", {}, !1), [t.isSsrAbTest ? [n("inlined-script", { attrs: { scriptStr: t.scriptStr } })] : t._e(), t.TARGET !== "reactNative" ? [n("content-styles", { attrs: { contentId: (a = t.builderContextSignal.content) == null ? void 0 : a.id, cssCode: (l = (i = t.builderContextSignal.content) == null ? void 0 : i.data) == null ? void 0 : l.cssCode, customFonts: (r = (o = t.builderContextSignal.content) == null ? void 0 : o.data) == null ? void 0 : r.customFonts } })] : t._e(), n("blocks", { attrs: { blocks: (c = (s = t.builderContextSignal.content) == null ? void 0 : s.data) == null ? void 0 : c.blocks, context: t.builderContextSignal, components: t.registeredComponents, serverExecutor: t.serverExecutor } })], 2);
 }, me = [], he = /* @__PURE__ */ u(
   pe,
   ue,

package/packages/_vue2/dist/{css.cd48304d.cjs → css-03a9ebe6.cjs}

@@ -1,4 +1,4 @@
-"use strict";const n=require("./index.9cfd3074.cjs"),o=e=>e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g,"$1-$2").toLowerCase(),c=e=>Object.entries(e).map(([r,s])=>{if(typeof s=="string")return`${o(r)}: ${s};`}).filter(n.checkIsDefined),a=e=>c(e).join(`
+"use strict";const n=require("./index-c1c356f8.cjs"),o=e=>e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g,"$1-$2").toLowerCase(),c=e=>Object.entries(e).map(([r,s])=>{if(typeof s=="string")return`${o(r)}: ${s};`}).filter(n.checkIsDefined),a=e=>c(e).join(`
 `),i=({mediaQuery:e,className:t,styles:r})=>{const s=`.${t} {
     ${a(r)}
   }`;return e?`${e} {

package/packages/_vue2/dist/{css.0bf8202b.js → css-8b11bb6e.js}

@@ -1,4 +1,4 @@
-import { c as o } from "./index.3df15bff.js";
+import { c as o } from "./index-a089abc3.js";
 const c = (s) => s.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase(), n = (s) => Object.entries(s).map(([r, e]) => {
   if (typeof e == "string")
     return `${c(r)}: ${e};`;

package/packages/_vue2/dist/enable-editor-04399d8f.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("vue"),p=require("./evaluate-6a213bca.cjs"),r=require("./index-c1c356f8.cjs");require("./helpers-4efe31ac.cjs");const v="UNKNOWN_VERSION",x=()=>{r.register("insertMenu",{name:"_default",default:!0,items:[{name:"Box"},{name:"Text"},{name:"Image"},{name:"Columns"},{name:"Core:Section"},{name:"Core:Button"},{name:"Embed"},{name:"Custom Code"}]})};let m=!1;const k=(n={})=>{var e,t;m||(m=!0,r.isBrowser()&&((e=window.parent)==null||e.postMessage({type:"builder.sdkInfo",data:{target:r.TARGET,version:v,supportsPatchUpdates:!1,supportsAddBlockScoping:!0,supportsCustomBreakpoints:!0}},"*"),(t=window.parent)==null||t.postMessage({type:"builder.updateContent",data:{options:n}},"*"),window.addEventListener("message",({data:i})=>{var o,s;if(i!=null&&i.type)switch(i.type){case"builder.evaluate":{const a=i.data.text,b=i.data.arguments||[],c=i.data.id,S=new Function(a);let d,l=null;try{d=S.apply(null,b)}catch(u){l=u}l?(o=window.parent)==null||o.postMessage({type:"builder.evaluateError",data:{id:c,error:l.message}},"*"):d&&typeof d.then=="function"?d.then(u=>{var h;(h=window.parent)==null||h.postMessage({type:"builder.evaluateResult",data:{id:c,result:u}},"*")}).catch(console.error):(s=window.parent)==null||s.postMessage({type:"builder.evaluateResult",data:{result:d,id:c}},"*");break}}})))};function f(n){return Math.round(n*1e3)/1e3}const R=(n,e,t=!0)=>{if(!(n instanceof HTMLElement))return null;let i=t?n:n.parentElement;do{if(!i)return null;if(e(i))return i}while(i=i.parentElement);return null},y=n=>R(n,e=>{const t=e.getAttribute("builder-id")||e.id;return(t==null?void 0:t.indexOf("builder-"))===0}),g=({event:n,target:e})=>{const t=e.getBoundingClientRect(),i=n.clientX-t.left,o=n.clientY-t.top,s=f(i/t.width),a=f(o/t.height);return{x:s,y:a}},w=n=>{const e=n.target,t=e&&y(e),i=(t==null?void 0:t.getAttribute("builder-id"))||(t==null?void 0:t.id);return{targetBuilderElement:i||void 0,metadata:{targetOffset:e?g({event:n,target:e}):void 0,builderTargetOffset:t?g({event:n,target:t}):void 0,builderElementIndex:t&&i?[].slice.call(document.getElementsByClassName(i)).indexOf(t):void 0}}},E=C.defineComponent({name:"enable-editor",props:["canTrack","builderContextSignal","model","context","serverExecutor","apiKey","showContent","classNameProp","content","locale","includeRefs","enrich"],data(){return{canTrackToUse:r.checkIsDefined(this.canTrack)?this.canTrack:!0,forceReRenderCount:0,lastUpdated:0,shouldSendResetCookie:!1,httpReqsData:{},clicked:!1,builderContext:r.builderContext}},provide(){const n=this;return{[r.builderContext.key]:n.builderContextSignal}},mounted(){var n,e;if(this.apiKey||r.logger.error("No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop."),r.isBrowser()){if(r.isEditing()&&(this.forceReRenderCount=this.forceReRenderCount+1,window.addEventListener("message",this.processMessage),x(),k({...this.locale?{locale:this.locale}:{},...this.includeRefs?{includeRefs:this.includeRefs}:{},...this.enrich?{enrich:this.enrich}:{}}),Object.values(this.builderContextSignal.componentInfos).forEach(t=>{var o;const i=r.createRegisterComponentMessage(t);(o=window.parent)==null||o.postMessage(i,"*")}),window.addEventListener("builder:component:stateChangeListenerActivated",this.emitStateUpdate)),this.builderContextSignal.content){const t=(n=this.builderContextSignal.content)==null?void 0:n.testVariationId,i=(e=this.builderContextSignal.content)==null?void 0:e.id;r._track({type:"impression",canTrack:this.canTrackToUse,contentId:i,apiKey:this.apiKey,variationId:t!==i?t:void 0})}if(r.isPreviewing()){const t=new URL(location.href).searchParams,i=t.get("builder.preview"),o=t.get(`builder.preview.${i}`),s=t.get("apiKey")||t.get("builder.space");i===this.model&&s===this.apiKey&&(!this.content||o===this.content.id)&&r.fetchOneEntry({model:this.model,apiKey:this.apiKey,apiVersion:this.builderContextSignal.apiVersion}).then(a=>{a&&this.mergeNewContent(a)})}this.evaluateJsCode(),this.runHttpRequests(),this.emitStateUpdate()}},watch:{onUpdateHook0:{handler(){this.content&&this.mergeNewContent(this.content)},immediate:!0},onUpdateHook1:{handler(){},immediate:!0},onUpdateHook2:{handler(){this.evaluateJsCode()},immediate:!0},onUpdateHook3:{handler(){this.runHttpRequests()},immediate:!0},onUpdateHook4:{handler(){this.emitStateUpdate()},immediate:!0}},unmounted(){r.isBrowser()&&(window.removeEventListener("message",this.processMessage),window.removeEventListener("builder:component:stateChangeListenerActivated",this.emitStateUpdate))},computed:{onUpdateHook0(){return{0:this.content}},onUpdateHook1(){return{0:this.shouldSendResetCookie}},onUpdateHook2(){var n,e;return{0:(e=(n=this.builderContextSignal.content)==null?void 0:n.data)==null?void 0:e.jsCode,1:this.builderContextSignal.rootState}},onUpdateHook3(){var n,e;return{0:(e=(n=this.builderContextSignal.content)==null?void 0:n.data)==null?void 0:e.httpRequests}},onUpdateHook4(){return{0:this.builderContextSignal.rootState}}},methods:{mergeNewContent(n){var t,i,o,s,a;const e={...this.builderContextSignal.content,...n,data:{...(t=this.builderContextSignal.content)==null?void 0:t.data,...n==null?void 0:n.data},meta:{...(i=this.builderContextSignal.content)==null?void 0:i.meta,...n==null?void 0:n.meta,breakpoints:((o=n==null?void 0:n.meta)==null?void 0:o.breakpoints)||((a=(s=this.builderContextSignal.content)==null?void 0:s.meta)==null?void 0:a.breakpoints)}};this.builderContextSignal.content=e},processMessage(n){var t;const{data:e}=n;if(e)switch(e.type){case"builder.configureSdk":{const i=e.data,{breakpoints:o,contentId:s}=i;if(!s||s!==((t=this.builderContextSignal.content)==null?void 0:t.id))return;o&&this.mergeNewContent({meta:{breakpoints:o}}),this.forceReRenderCount=this.forceReRenderCount+1;break}case"builder.contentUpdate":{const i=e.data,o=i.key||i.alias||i.entry||i.modelName,s=i.data;o===this.model&&(this.mergeNewContent(s),this.forceReRenderCount=this.forceReRenderCount+1);break}}},evaluateJsCode(){var e,t;const n=(t=(e=this.builderContextSignal.content)==null?void 0:e.data)==null?void 0:t.jsCode;n&&p.evaluate({code:n,context:this.context||{},localState:void 0,rootState:this.builderContextSignal.rootState,rootSetState:this.builderContextSignal.rootSetState,serverExecutor:this.serverExecutor})},onClick(n){var e,t;if(this.builderContextSignal.content){const i=(e=this.builderContextSignal.content)==null?void 0:e.testVariationId,o=(t=this.builderContextSignal.content)==null?void 0:t.id;r._track({type:"click",canTrack:this.canTrackToUse,contentId:o,apiKey:this.apiKey,variationId:i!==o?i:void 0,...w(n),unique:!this.clicked})}this.clicked||(this.clicked=!0)},evalExpression(n){return n.replace(/{{([^}]+)}}/g,(e,t)=>p.evaluate({code:t,context:this.context||{},localState:void 0,rootState:this.builderContextSignal.rootState,rootSetState:this.builderContextSignal.rootSetState,serverExecutor:this.serverExecutor}))},handleRequest({url:n,key:e}){r.fetch(n).then(t=>t.json()).then(t=>{var o,s;const i={...this.builderContextSignal.rootState,[e]:t};(s=(o=this.builderContextSignal).rootSetState)==null||s.call(o,i),this.httpReqsData[e]=!0}).catch(t=>{console.error("error fetching dynamic data",n,t)})},runHttpRequests(){var e,t;const n=((t=(e=this.builderContextSignal.content)==null?void 0:e.data)==null?void 0:t.httpRequests)??{};Object.entries(n).forEach(([i,o])=>{if(o&&(!this.httpReqsData[i]||r.isEditing())){const s=this.evalExpression(o);this.handleRequest({url:s,key:i})}})},emitStateUpdate(){r.isEditing()&&window.dispatchEvent(new CustomEvent("builder:component:stateChange",{detail:{state:this.builderContextSignal.rootState,ref:{name:this.model}}}))},_classStringToObject(n){const e={};if(typeof n!="string")return e;const t=n.trim().split(/\s+/);for(const i of t)e[i]=!0;return e}}});var _=function(){var i;var e=this,t=e._self._c;return e._self._setupProxy,e.builderContextSignal.content?t("div",e._b({key:e.forceReRenderCount,ref:"elementRef",class:e._classStringToObject(e.classNameProp),attrs:{"builder-content-id":(i=e.builderContextSignal.content)==null?void 0:i.id,"builder-model":e.model},on:{click:function(o){return e.onClick(o)}}},"div",{...e.showContent?{}:{hidden:!0,"aria-hidden":!0}},!1),[e._t("default")],2):e._e()},U=[],I=r.normalizeComponent(E,_,U,!1,null,null,null,null);const T=I.exports;exports.default=T;

package/packages/_vue2/dist/{enable-editor.e568289e.js → enable-editor-2d8d86f8.js}

@@ -1,6 +1,7 @@
 import { defineComponent as R } from "vue";
-import { e as m } from "./evaluate.f8bc6419.js";
-import { r as k, i as h, T as y, c as w, o as f, l as _, b as u, _ as g, p as E, q as U, t as I, u as T, n as P } from "./index.3df15bff.js";
+import { e as m } from "./evaluate-c9d68bff.js";
+import { r as k, i as h, T as y, c as w, p as f, l as E, d as u, _ as g, q as _, t as U, u as I, v as T, n as P } from "./index-a089abc3.js";
+import "./helpers-327ed263.js";
 const N = "UNKNOWN_VERSION", M = () => {
   k("insertMenu", {
     name: "_default",
@@ -25,7 +26,7 @@ const N = "UNKNOWN_VERSION", M = () => {
   });
 };
 let b = !1;
-const H = (n = {}) => {
+const O = (n = {}) => {
   var e, t;
   b || (b = !0, h() && ((e = window.parent) == null || e.postMessage({
     type: "builder.sdkInfo",
@@ -33,6 +34,8 @@ const H = (n = {}) => {
       target: y,
       version: N,
       supportsPatchUpdates: !1,
+      // Supports builder-model="..." attribute which is needed to
+      // scope our '+ add block' button styling
       supportsAddBlockScoping: !0,
       supportsCustomBreakpoints: !0
     }
@@ -45,7 +48,7 @@ const H = (n = {}) => {
     data: i
   }) => {
     var o, s;
-    if (!!(i != null && i.type))
+    if (i != null && i.type)
       switch (i.type) {
         case "builder.evaluate": {
           const a = i.data.text, x = i.data.arguments || [], d = i.data.id, v = new Function(a);
@@ -85,7 +88,7 @@ const H = (n = {}) => {
 function S(n) {
   return Math.round(n * 1e3) / 1e3;
 }
-const K = (n, e, t = !0) => {
+const H = (n, e, t = !0) => {
   if (!(n instanceof HTMLElement))
     return null;
   let i = t ? n : n.parentElement;
@@ -96,9 +99,9 @@ const K = (n, e, t = !0) => {
       return i;
   } while (i = i.parentElement);
   return null;
-}, O = (n) => K(n, (e) => {
+}, K = (n) => H(n, (e) => {
   const t = e.getAttribute("builder-id") || e.id;
-  return Boolean((t == null ? void 0 : t.indexOf("builder-")) === 0);
+  return (t == null ? void 0 : t.indexOf("builder-")) === 0;
 }), C = ({
   event: n,
   target: e
@@ -109,7 +112,7 @@ const K = (n, e, t = !0) => {
     y: a
   };
 }, q = (n) => {
-  const e = n.target, t = e && O(e), i = (t == null ? void 0 : t.getAttribute("builder-id")) || (t == null ? void 0 : t.id);
+  const e = n.target, t = e && K(e), i = (t == null ? void 0 : t.getAttribute("builder-id")) || (t == null ? void 0 : t.id);
   return {
     targetBuilderElement: i || void 0,
     metadata: {
@@ -131,6 +134,7 @@ const K = (n, e, t = !0) => {
     "builderContextSignal",
     "model",
     "context",
+    "serverExecutor",
     "apiKey",
     "showContent",
     "classNameProp",
@@ -158,10 +162,10 @@ const K = (n, e, t = !0) => {
   },
   mounted() {
     var n, e;
-    if (this.apiKey || _.error(
+    if (this.apiKey || E.error(
       "No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop."
     ), h()) {
-      if (u() && (this.forceReRenderCount = this.forceReRenderCount + 1, window.addEventListener("message", this.processMessage), M(), H({
+      if (u() && (this.forceReRenderCount = this.forceReRenderCount + 1, window.addEventListener("message", this.processMessage), M(), O({
         ...this.locale ? {
           locale: this.locale
         } : {},
@@ -190,7 +194,7 @@ const K = (n, e, t = !0) => {
           variationId: t !== i ? t : void 0
         });
       }
-      if (E()) {
+      if (_()) {
         const t = new URL(location.href).searchParams, i = t.get("builder.preview"), o = t.get(
           `builder.preview.${i}`
         ), s = t.get("apiKey") || t.get("builder.space");
@@ -318,7 +322,8 @@ const K = (n, e, t = !0) => {
         context: this.context || {},
         localState: void 0,
         rootState: this.builderContextSignal.rootState,
-        rootSetState: this.builderContextSignal.rootSetState
+        rootSetState: this.builderContextSignal.rootSetState,
+        serverExecutor: this.serverExecutor
       });
     },
     onClick(n) {
@@ -345,7 +350,8 @@ const K = (n, e, t = !0) => {
           context: this.context || {},
           localState: void 0,
           rootState: this.builderContextSignal.rootState,
-          rootSetState: this.builderContextSignal.rootSetState
+          rootSetState: this.builderContextSignal.rootSetState,
+          serverExecutor: this.serverExecutor
         })
       );
     },
@@ -362,14 +368,14 @@ const K = (n, e, t = !0) => {
       });
     },
     runHttpRequests() {
-      var e, t, i;
-      const n = (i = (t = (e = this.builderContextSignal.content) == null ? void 0 : e.data) == null ? void 0 : t.httpRequests) != null ? i : {};
-      Object.entries(n).forEach(([o, s]) => {
-        if (s && (!this.httpReqsData[o] || u())) {
-          const a = this.evalExpression(s);
+      var e, t;
+      const n = ((t = (e = this.builderContextSignal.content) == null ? void 0 : e.data) == null ? void 0 : t.httpRequests) ?? {};
+      Object.entries(n).forEach(([i, o]) => {
+        if (o && (!this.httpReqsData[i] || u())) {
+          const s = this.evalExpression(o);
           this.handleRequest({
-            url: a,
-            key: o
+            url: s,
+            key: i
           });
         }
       });
@@ -421,7 +427,7 @@ var A = function() {
   null,
   null
 );
-const J = B.exports;
+const z = B.exports;
 export {
-  J as default
+  z as default
 };

package/packages/_vue2/dist/evaluate-6a213bca.cjs

@@ -0,0 +1 @@
+"use strict";const i=require("./index-c1c356f8.cjs"),c=require("./helpers-4efe31ac.cjs"),d=({code:r,builder:e,context:s,event:t,localState:n,rootSetState:o,rootState:l})=>{const u=c.getFunctionArguments({builder:e,context:s,event:t,state:f(l,n,o)});return new Function(...u.map(([g])=>g),r)(...u.map(([,g])=>g))};function f(r,e,s){if(r===e)throw new Error("rootState === localState");return new Proxy(r,{get:(t,n)=>e&&n in e?e[n]:r[n],set:(t,n,o)=>{if(e&&n in e)throw new Error("Writing to local state is not allowed as it is read-only.");return r[n]=o,s==null||s(r),!0}})}function v({code:r,context:e,localState:s,rootState:t,rootSetState:n,event:o,isExpression:l=!0,serverExecutor:u}){if(r===""){i.logger.warn("Skipping evaluation of empty code block.");return}const g={isEditing:i.isEditing(),isBrowser:i.isBrowser(),isServer:!i.isBrowser(),getUserAttributes:()=>i.getUserAttributes()},w={code:l&&!(r.includes(";")||r.includes(" return ")||r.trim().startsWith("return "))?`return (${r});`:r,builder:g,context:e,event:o,rootSetState:n,rootState:t,localState:s};try{if(i.isBrowser())return d(w);if(console.log("serverExecutor",u),u)return u(w);i.logger.warn("No server executor was provided. Code evaluation will not work.");return}catch(a){i.logger.error("Failed code evaluation: "+a.message,{code:r});return}}exports.evaluate=v;

package/packages/_vue2/dist/evaluate-c9d68bff.js

@@ -0,0 +1,76 @@
+import { l as g, d as f, i as w, w as c } from "./index-a089abc3.js";
+import { g as m } from "./helpers-327ed263.js";
+const v = ({
+  code: r,
+  builder: n,
+  context: i,
+  event: t,
+  localState: e,
+  rootSetState: u,
+  rootState: a
+}) => {
+  const s = m({
+    builder: n,
+    context: i,
+    event: t,
+    state: b(a, e, u)
+  });
+  return new Function(...s.map(([o]) => o), r)(...s.map(([, o]) => o));
+};
+function b(r, n, i) {
+  if (r === n)
+    throw new Error("rootState === localState");
+  return new Proxy(r, {
+    get: (t, e) => n && e in n ? n[e] : r[e],
+    set: (t, e, u) => {
+      if (n && e in n)
+        throw new Error("Writing to local state is not allowed as it is read-only.");
+      return r[e] = u, i == null || i(r), !0;
+    }
+  });
+}
+function p({
+  code: r,
+  context: n,
+  localState: i,
+  rootState: t,
+  rootSetState: e,
+  event: u,
+  isExpression: a = !0,
+  serverExecutor: s
+}) {
+  if (r === "") {
+    g.warn("Skipping evaluation of empty code block.");
+    return;
+  }
+  const o = {
+    isEditing: f(),
+    isBrowser: w(),
+    isServer: !w(),
+    getUserAttributes: () => c()
+  }, l = {
+    code: /* we disable this for cases where we definitely don't want a return */ a && !(r.includes(";") || r.includes(" return ") || r.trim().startsWith("return ")) ? `return (${r});` : r,
+    builder: o,
+    context: n,
+    event: u,
+    rootSetState: e,
+    rootState: t,
+    localState: i
+  };
+  try {
+    if (w())
+      return v(l);
+    if (console.log("serverExecutor", s), s)
+      return s(l);
+    g.warn("No server executor was provided. Code evaluation will not work.");
+    return;
+  } catch (d) {
+    g.error("Failed code evaluation: " + d.message, {
+      code: r
+    });
+    return;
+  }
+}
+export {
+  p as e
+};

package/packages/_vue2/dist/get-block-actions-2b1bc20b.cjs

@@ -0,0 +1 @@
+"use strict";const i=require("./index-c1c356f8.cjs"),l=require("./evaluate-6a213bca.cjs"),u=e=>`v-on:${e.toLowerCase()}`,v=(e,n)=>o=>l.evaluate({code:e,event:o,isExpression:!1,...n});function f({block:e,stripPrefix:n,...o}){const a={},c=e.actions??{};for(const s in c){if(!c.hasOwnProperty(s))continue;const r=c[s];let t=u(s);if(n)switch(i.TARGET){case"vue2":case"vue3":t=t.replace("v-on:","");break;case"svelte":t=t.replace("on:","");break}a[t]=v(r,o)}return a}exports.getBlockActions=f;

package/packages/_vue2/dist/get-block-actions-75e52f20.js

@@ -0,0 +1,36 @@
+import { T as i } from "./index-a089abc3.js";
+import { e as l } from "./evaluate-c9d68bff.js";
+const v = (e) => `v-on:${e.toLowerCase()}`, p = (e, t) => (n) => l({
+  code: e,
+  event: n,
+  isExpression: !1,
+  ...t
+});
+function m({
+  block: e,
+  stripPrefix: t,
+  ...n
+}) {
+  const c = {}, a = e.actions ?? {};
+  for (const s in a) {
+    if (!a.hasOwnProperty(s))
+      continue;
+    const r = a[s];
+    let o = v(s);
+    if (t)
+      switch (i) {
+        case "vue2":
+        case "vue3":
+          o = o.replace("v-on:", "");
+          break;
+        case "svelte":
+          o = o.replace("on:", "");
+          break;
+      }
+    c[o] = p(r, n);
+  }
+  return c;
+}
+export {
+  m as g
+};

package/packages/_vue2/dist/get-block-properties-0e241c2c.cjs

@@ -0,0 +1 @@
+"use strict";const c=require("./index-c1c356f8.cjs"),n=require("./css-03a9ebe6.cjs");function i(e){const t={};if(typeof e!="string")return t;const s=e.trim().split(/\\s+/);for(const r of s)t[r]=!0;return t}function o(e){return e.class=i(e.class),e}const a=e=>({href:e.href});function u({block:e,context:t}){var r;const s={...a(e),...e.properties,"builder-id":e.id,style:e.style?l(e.style):void 0,class:[e.id,"builder-block",e.class,(r=e.properties)==null?void 0:r.class].filter(Boolean).join(" ")};return o(s)}function l(e){switch(c.TARGET){case"svelte":case"vue2":case"vue3":case"solid":return n.convertStyleMapToCSSArray(e).join(" ");case"qwik":case"reactNative":case"react":case"rsc":return e}}exports.getBlockProperties=u;

package/packages/_vue2/dist/{get-block-properties.18d4c9b3.js → get-block-properties-f778ef2a.js}

@@ -1,5 +1,5 @@
-import { T as o } from "./index.3df15bff.js";
-import { a } from "./css.0bf8202b.js";
+import { T as o } from "./index-a089abc3.js";
+import { a } from "./css-8b11bb6e.js";
 function n(e) {
   const t = {};
   if (typeof e != "string")

package/packages/_vue2/dist/get-processed-block-41399170.cjs

@@ -0,0 +1 @@
+"use strict";const c=require("./evaluate-6a213bca.cjs"),u=require("./index-c1c356f8.cjs"),a=(e,t,r)=>{if(Object(e)!==e)return e;const n=Array.isArray(t)?t:t.toString().match(/[^.[\]]+/g);return n.slice(0,-1).reduce((s,i,o)=>Object(s[i])===s[i]?s[i]:s[i]=Math.abs(Number(n[o+1]))>>0===+n[o+1]?[]:{},e)[n[n.length-1]]=r,e};const d=({block:e,...t})=>{if(!e.bindings)return e;const r=u.fastClone(e),n={...r,properties:{...r.properties},actions:{...r.actions}};for(const s in e.bindings){const i=e.bindings[s],o=c.evaluate({code:i,...t});a(n,s,o)}return n};function g({block:e,shouldEvaluateBindings:t,...r}){const n=e;return t?d({block:n,...r}):n}exports.getProcessedBlock=g;

package/packages/_vue2/dist/get-processed-block-940605b2.js

@@ -0,0 +1,46 @@
+import { e as c } from "./evaluate-c9d68bff.js";
+import { f as a } from "./index-a089abc3.js";
+const u = (n, e, r) => {
+  if (Object(n) !== n)
+    return n;
+  const t = Array.isArray(e) ? e : e.toString().match(/[^.[\]]+/g);
+  return t.slice(0, -1).reduce((s, i, o) => Object(s[i]) === s[i] ? s[i] : s[i] = Math.abs(Number(t[o + 1])) >> 0 === +t[o + 1] ? [] : {}, n)[t[t.length - 1]] = r, n;
+};
+const f = ({
+  block: n,
+  ...e
+}) => {
+  if (!n.bindings)
+    return n;
+  const r = a(n), t = {
+    ...r,
+    properties: {
+      ...r.properties
+    },
+    actions: {
+      ...r.actions
+    }
+  };
+  for (const s in n.bindings) {
+    const i = n.bindings[s], o = c({
+      code: i,
+      ...e
+    });
+    u(t, s, o);
+  }
+  return t;
+};
+function p({
+  block: n,
+  shouldEvaluateBindings: e,
+  ...r
+}) {
+  const t = n;
+  return e ? f({
+    block: t,
+    ...r
+  }) : t;
+}
+export {
+  p as g
+};

package/packages/_vue2/dist/helpers-327ed263.js

@@ -0,0 +1,16 @@
+const s = ({
+  builder: t,
+  context: e,
+  event: n,
+  state: r
+}) => Object.entries({
+  state: r,
+  Builder: t,
+  // legacy
+  builder: t,
+  context: e,
+  event: n
+});
+export {
+  s as g
+};

package/packages/_vue2/dist/helpers-4efe31ac.cjs

@@ -0,0 +1 @@
+"use strict";const s=({builder:t,context:e,event:n,state:r})=>Object.entries({state:r,Builder:t,builder:t,context:e,event:n});exports.getFunctionArguments=s;

package/packages/_vue2/dist/index-537704ba.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-c1c356f8.cjs");require("vue");const r=async()=>{if(!e.isBrowser()&&!e.isNonNodeServer())return(await Promise.resolve().then(()=>require("./node-runtime-5a567c42.cjs"))).runInNode;e.logger.warn("nodeEvaluator should not be called in the browser or non-node server")};exports.evaluator=r;