@builder.io/sdk-vue 1.0.3 → 1.0.6

package/lib/node/{index-dx-rqB58.js → index-8ZIeZjSs.js}

@@ -130,11 +130,17 @@ const MSG_PREFIX = "[Builder.io]: ", logger = {
 function isBrowser() {
   return typeof window < "u" && typeof document < "u";
 }
+const convertSearchParamsToQueryObject = (e) => {
+  const t = {};
+  return e.forEach((n, o) => {
+    t[o] = n;
+  }), t;
+}, normalizeSearchParams = (e) => e instanceof URLSearchParams ? convertSearchParamsToQueryObject(e) : e, getSearchString = (e) => typeof e == "string" ? e : e instanceof URLSearchParams ? e.toString() : new URLSearchParams(e).toString();
 function isIframe() {
   return isBrowser() && window.self !== window.top;
 }
-function isEditing() {
-  return isIframe() && window.location.search.indexOf("builder.frameEditing=") !== -1;
+function isEditing(e) {
+  return isIframe() && getSearchString(e || window.location.search).indexOf("builder.frameEditing=") !== -1;
 }
 const getLocation = () => {
   if (isBrowser()) {
@@ -655,22 +661,22 @@ const getComponent = ({
     },
     block: o
   }));
-}, BlockStyles = () => import("./block-styles-kd5Jj3SW.js").then((e) => e.default).catch((e) => {
+}, BlockStyles = () => import("./block-styles-iIXlBuOj.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component BlockStyles at ./components/block-styles.vue",
     e
   ), e;
-}), BlockWrapper = () => import("./block-wrapper-XtMD8TEK.js").then((e) => e.default).catch((e) => {
+}), BlockWrapper = () => import("./block-wrapper-2EdxXIso.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component BlockWrapper at ./components/block-wrapper.vue",
     e
   ), e;
-}), ComponentRef = () => import("./component-ref-HcbvZD65.js").then((e) => e.default).catch((e) => {
+}), ComponentRef = () => import("./component-ref-_Tts7Ixk.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component ComponentRef at ./components/component-ref/component-ref.vue",
     e
   ), e;
-}), RepeatedBlock = () => import("./repeated-block-Ww_Y0Q7Z.js").then((e) => e.default).catch((e) => {
+}), RepeatedBlock = () => import("./repeated-block-wVFWgrHC.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RepeatedBlock at ./components/repeated-block.vue",
     e
@@ -869,7 +875,7 @@ const Block = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_render$l
 });
 function _sfc_render$k(e, t, n, o, r, s) {
   return openBlock(), createBlock(resolveDynamicComponent(e.BlocksWrapper), mergeProps({
-    class: e.className + " component-b1turyjjkok",
+    class: e.className + " component-1o2kztlxdt6",
     "builder-path": e.path,
     "builder-parent-id": e.parent,
     style: e.styleProp,
@@ -883,7 +889,7 @@ function _sfc_render$k(e, t, n, o, r, s) {
     _: 3
   }, 16, ["class", "builder-path", "builder-parent-id", "style", "onClick", "onMouseEnter", "onKeyPress"]);
 }
-const BlocksWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc_render$k], ["__scopeId", "data-v-3403e3cb"]]), _sfc_main$l = defineComponent({
+const BlocksWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc_render$k], ["__scopeId", "data-v-6fabd81c"]]), _sfc_main$l = defineComponent({
   name: "builder-blocks",
   components: { BlocksWrapper, Block },
   props: [
@@ -1097,7 +1103,7 @@ const Blocks = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", _sfc_render$
 function _sfc_render$i(e, t, n, o, r, s) {
   const i = resolveComponent("inlined-styles"), a = resolveComponent("blocks"), l = resolveComponent("dynamic-renderer");
   return openBlock(), createElementBlock("div", mergeProps({
-    class: `builder-columns ${e.builderBlock.id}-breakpoints div-16nol0lwi20`,
+    class: `builder-columns ${e.builderBlock.id}-breakpoints div-2fnk003dqad`,
     style: e.columnsCssVars
   }, {}), [
     e.TARGET !== "reactNative" ? (openBlock(), createBlock(i, {
@@ -1133,7 +1139,7 @@ function _sfc_render$i(e, t, n, o, r, s) {
     }, 1032, ["TagName", "attributes"]))), 128))
   ], 16);
 }
-const Columns = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render$i], ["__scopeId", "data-v-3a12caec"]]), _sfc_main$i = defineComponent({
+const Columns = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render$i], ["__scopeId", "data-v-0777f1ce"]]), _sfc_main$i = defineComponent({
   name: "builder-fragment-component",
   props: []
 });
@@ -1221,7 +1227,7 @@ const _sfc_main$h = defineComponent({
   }
 }), _hoisted_1$8 = ["srcset"], _hoisted_2$3 = ["alt", "role", "src", "srcset", "sizes"], _hoisted_3$1 = {
   key: 2,
-  class: "div-4wbls88y960-2"
+  class: "div-1be3j8m9ewb-2"
 };
 function _sfc_render$g(e, t, n, o, r, s) {
   var i, a, l, d;
@@ -1242,7 +1248,7 @@ function _sfc_render$g(e, t, n, o, r, s) {
           ...e.aspectRatioCss
         }),
         class: normalizeClass(
-          "builder-image" + (e.className ? " " + e.className : "") + " img-4wbls88y960"
+          "builder-image" + (e.className ? " " + e.className : "") + " img-1be3j8m9ewb"
         ),
         src: e.image,
         srcset: e.srcSetToUse,
@@ -1251,7 +1257,7 @@ function _sfc_render$g(e, t, n, o, r, s) {
     ]),
     e.aspectRatio && !((a = (i = e.builderBlock) == null ? void 0 : i.children) != null && a.length && e.fitContent) ? (openBlock(), createElementBlock("div", {
       key: 0,
-      class: "builder-image-sizer div-4wbls88y960",
+      class: "builder-image-sizer div-1be3j8m9ewb",
       style: normalizeStyle({
         paddingTop: e.aspectRatio * 100 + "%"
       })
@@ -1262,7 +1268,7 @@ function _sfc_render$g(e, t, n, o, r, s) {
     ])) : createCommentVNode("", !0)
   ], 64);
 }
-const Image = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render$g], ["__scopeId", "data-v-4ab1cc9f"]]), _sfc_main$g = defineComponent({
+const Image = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render$g], ["__scopeId", "data-v-8b807426"]]), _sfc_main$g = defineComponent({
   name: "builder-section-component",
   props: ["attributes", "maxWidth"],
   data() {
@@ -2443,7 +2449,7 @@ const embed = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$b
   }
 }), _hoisted_1$4 = ["validate", "action", "method", "name"], _hoisted_2$2 = {
   key: 3,
-  class: "builder-form-error-text pre-tqyw9m0iue"
+  class: "builder-form-error-text pre-5vz8uirn7sc"
 };
 function _sfc_render$a(e, t, n, o, r, s) {
   var l;
@@ -2485,7 +2491,7 @@ function _sfc_render$a(e, t, n, o, r, s) {
     }, null, 8, ["blocks", "context"])) : createCommentVNode("", !0)
   ], 16, _hoisted_1$4);
 }
-const Form = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$a], ["__scopeId", "data-v-e7803f50"]]), componentInfo$4 = {
+const Form = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$a], ["__scopeId", "data-v-c1bb70af"]]), componentInfo$4 = {
   name: "Form:Input",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fad6f37889d9e40bbbbc72cdb5875d6ca",
   inputs: [
@@ -3094,12 +3100,7 @@ function flatten(e, t = null, n = ".") {
     };
   }, {});
 }
-const DEFAULT_API_VERSION = "v3", BUILDER_SEARCHPARAMS_PREFIX = "builder.", BUILDER_OPTIONS_PREFIX = "options.", convertSearchParamsToQueryObject = (e) => {
-  const t = {};
-  return e.forEach((n, o) => {
-    t[o] = n;
-  }), t;
-}, getBuilderSearchParams = (e) => {
+const DEFAULT_API_VERSION = "v3", BUILDER_SEARCHPARAMS_PREFIX = "builder.", BUILDER_OPTIONS_PREFIX = "options.", getBuilderSearchParams = (e) => {
   if (!e)
     return {};
   const t = normalizeSearchParams(e), n = {};
@@ -3114,7 +3115,7 @@ const DEFAULT_API_VERSION = "v3", BUILDER_SEARCHPARAMS_PREFIX = "builder.", BUIL
     return {};
   const e = new URLSearchParams(window.location.search);
   return getBuilderSearchParams(e);
-}, normalizeSearchParams = (e) => e instanceof URLSearchParams ? convertSearchParamsToQueryObject(e) : e, isPositiveNumber = (e) => typeof e == "number" && !isNaN(e) && e >= 0, generateContentUrl = (e) => {
+}, isPositiveNumber = (e) => typeof e == "number" && !isNaN(e) && e >= 0, generateContentUrl = (e) => {
   const {
     limit: t = 30,
     userAttributes: n,
@@ -3198,8 +3199,11 @@ async function fetchEntries(e) {
     return logger.error("Error fetching data. ", t), null;
   }
 }
-function isPreviewing() {
-  return !isBrowser() || isEditing() ? !1 : location.search.indexOf("builder.preview=") !== -1;
+function isPreviewing(e) {
+  if (!isBrowser())
+    return !1;
+  const t = getSearchString(e || window.location.search);
+  return isEditing(t) ? !1 : t.indexOf("builder.preview=") !== -1;
 }
 function uuidv4() {
   return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(e) {
@@ -3390,7 +3394,7 @@ function isFromTrustedHost(e, t) {
   const n = new URL(t.origin), o = n.hostname;
   return (e || DEFAULT_TRUSTED_HOSTS).findIndex((r) => r.startsWith("*.") ? o.endsWith(r.slice(1)) : r === o) > -1;
 }
-const SDK_VERSION = "1.0.3", registry = {};
+const SDK_VERSION = "1.0.6", registry = {};
 function register(e, t) {
   let n = registry[e];
   if (n || (n = registry[e] = []), n.push(t), isBrowser()) {
@@ -4330,7 +4334,9 @@ function _sfc_render(e, t, n, o, r, s) {
       },
       model: (c = e.symbol) == null ? void 0 : c.model,
       content: e.contentToUse,
-      linkComponent: e.builderLinkComponent
+      linkComponent: e.builderLinkComponent,
+      blocksWrapper: "div",
+      contentWrapper: "div"
     }, null, 8, ["apiVersion", "apiKey", "context", "customComponents", "data", "model", "content", "linkComponent"])
   ], 16);
 }
@@ -4368,7 +4374,7 @@ const fetchBuilderProps = async (e) => {
 export {
   fetchEntries as A,
   Block as B,
-  ContentVariants as C,
+  Columns as C,
   fetchOneEntry as D,
   dynamicRenderer as E,
   Fragment as F,
@@ -4388,11 +4394,11 @@ export {
   getStyle as h,
   getClassPropName as i,
   BuilderContext as j,
-  Blocks as k,
-  Button as l,
-  Columns as m,
-  Symbol$1 as n,
-  Text as o,
+  Button as k,
+  Symbol$1 as l,
+  Text as m,
+  Blocks as n,
+  ContentVariants as o,
   isEditing as p,
   isPreviewing as q,
   createRegisterComponentMessage as r,

package/lib/node/index-helpers/blocks-exports.d.ts

@@ -1,11 +1,10 @@
-export { default as Button } from '../blocks/button/button.vue';
-export { default as Columns } from '../blocks/columns/columns.vue';
-export { default as Fragment } from '../blocks/fragment/fragment.vue';
-export { default as Image } from '../blocks/image/image.vue';
-export { default as Section } from '../blocks/section/section.vue';
-export { default as Symbol } from '../blocks/symbol/symbol.vue';
-export { default as Text } from '../blocks/text/text.vue';
-export { default as Video } from '../blocks/video/video.vue';
-import { default as Blocks } from '../components/blocks/blocks.vue';
-import { default as Content } from '../components/content-variants/content-variants.vue';
-export { Blocks, Content };
+export { default as Button } from '../blocks/button/index.js';
+export { default as Columns } from '../blocks/columns/index.js';
+export { default as Fragment } from '../blocks/fragment/index.js';
+export { default as Image } from '../blocks/image/index.js';
+export { default as Section } from '../blocks/section/index.js';
+export { default as Symbol } from '../blocks/symbol/index.js';
+export { default as Text } from '../blocks/text/index.js';
+export { default as Video } from '../blocks/video/index.js';
+export { default as Blocks } from '../components/blocks/index.js';
+export { default as Content } from '../components/content-variants/index.js';

package/lib/node/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-GiofhrQH.cjs");exports.Blocks=e.Blocks;exports.Button=e.Button;exports.Columns=e.Columns;exports.Content=e.ContentVariants;exports.Fragment=e.Fragment;exports.Image=e.Image;exports.Section=e.Section;exports.Symbol=e.Symbol;exports.Text=e.Text;exports.Video=e.Video;exports._processContentResult=e._processContentResult;exports.createRegisterComponentMessage=e.createRegisterComponentMessage;exports.fetchBuilderProps=e.fetchBuilderProps;exports.fetchEntries=e.fetchEntries;exports.fetchOneEntry=e.fetchOneEntry;exports.getBuilderSearchParams=e.getBuilderSearchParams;exports.isEditing=e.isEditing;exports.isPreviewing=e.isPreviewing;exports.register=e.register;exports.setEditorSettings=e.setEditorSettings;exports.subscribeToEditor=e.subscribeToEditor;exports.track=e.track;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-2NS4ZmVm.cjs");exports.Blocks=e.Blocks;exports.Button=e.Button;exports.Columns=e.Columns;exports.Content=e.ContentVariants;exports.Fragment=e.Fragment;exports.Image=e.Image;exports.Section=e.Section;exports.Symbol=e.Symbol;exports.Text=e.Text;exports.Video=e.Video;exports._processContentResult=e._processContentResult;exports.createRegisterComponentMessage=e.createRegisterComponentMessage;exports.fetchBuilderProps=e.fetchBuilderProps;exports.fetchEntries=e.fetchEntries;exports.fetchOneEntry=e.fetchOneEntry;exports.getBuilderSearchParams=e.getBuilderSearchParams;exports.isEditing=e.isEditing;exports.isPreviewing=e.isPreviewing;exports.register=e.register;exports.setEditorSettings=e.setEditorSettings;exports.subscribeToEditor=e.subscribeToEditor;exports.track=e.track;

package/lib/node/index.d.cts

@@ -1,7 +1,10 @@
 export * from './index-helpers/top-of-file.js';
+/**
+ * In the React SDK, this file is marked with `use client`.
+ */
 export * from './index-helpers/blocks-exports.js';
 /**
- * We have a separate entry point to the SDKs that guarantees no components are being imported. This is useful
- * for React SDK, which would break in the NextJS App directory because the component imports have `use client` in them.
+ * In the React SDK, this file is not marked with `use client`, to allow
+ * NextJS App Directory to use the SDK helper functions without issues.
  */
 export * from './server-index.js';

package/lib/node/index.d.mts

@@ -1,7 +1,10 @@
 export * from './index-helpers/top-of-file.js';
+/**
+ * In the React SDK, this file is marked with `use client`.
+ */
 export * from './index-helpers/blocks-exports.js';
 /**
- * We have a separate entry point to the SDKs that guarantees no components are being imported. This is useful
- * for React SDK, which would break in the NextJS App directory because the component imports have `use client` in them.
+ * In the React SDK, this file is not marked with `use client`, to allow
+ * NextJS App Directory to use the SDK helper functions without issues.
  */
 export * from './server-index.js';

package/lib/node/index.js

@@ -1,4 +1,4 @@
-import { k as a, l as t, m as r, C as o, F as i, I as n, S as c, n as g, o as m, V as l, z as u, r as d, y as p, A as C, D as E, u as S, p as f, q as h, s as B, t as b, x as k, v as x } from "./index-dx-rqB58.js";
+import { n as a, k as t, C as r, o, F as i, I as n, S as c, l as g, m, V as l, z as u, r as d, y as p, A as C, D as E, u as S, p as f, q as h, s as B, t as b, x as k, v as x } from "./index-8ZIeZjSs.js";
 export {
   a as Blocks,
   t as Button,

package/lib/node/{repeated-block-NSALbTMB.cjs → repeated-block-e41uch83.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),t=require("./index-GiofhrQH.cjs"),r=()=>Promise.resolve().then(()=>require("./index-GiofhrQH.cjs")).then(e=>e.block).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component Block at ../block.vue",e),e}),c=o.defineComponent({name:"repeated-block",components:{Block:o.defineAsyncComponent(r)},props:["repeatContext","block","registeredComponents","linkComponent"],data(){return{store:this.repeatContext}},provide(){const e=this;return{[t.BuilderContext.key]:e.store}}});function s(e,i,p,a,m,d){const n=o.resolveComponent("block");return o.openBlock(),o.createBlock(n,{block:e.block,context:e.store,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},null,8,["block","context","registeredComponents","linkComponent"])}const l=t._export_sfc(c,[["render",s]]);exports.default=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),t=require("./index-2NS4ZmVm.cjs"),r=()=>Promise.resolve().then(()=>require("./index-2NS4ZmVm.cjs")).then(e=>e.block).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component Block at ../block.vue",e),e}),c=o.defineComponent({name:"repeated-block",components:{Block:o.defineAsyncComponent(r)},props:["repeatContext","block","registeredComponents","linkComponent"],data(){return{store:this.repeatContext}},provide(){const e=this;return{[t.BuilderContext.key]:e.store}}});function s(e,i,p,a,m,d){const n=o.resolveComponent("block");return o.openBlock(),o.createBlock(n,{block:e.block,context:e.store,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},null,8,["block","context","registeredComponents","linkComponent"])}const l=t._export_sfc(c,[["render",s]]);exports.default=l;

package/lib/{edge/repeated-block-Bqv_g1t0.js → node/repeated-block-wVFWgrHC.js}

@@ -1,6 +1,6 @@
 import { defineComponent as t, defineAsyncComponent as n, resolveComponent as r, openBlock as c, createBlock as p } from "vue";
-import { j as s, e as l } from "./index-RXZhlIsq.js";
-const i = () => import("./index-RXZhlIsq.js").then((e) => e.G).then((e) => e.default).catch((e) => {
+import { j as s, e as l } from "./index-8ZIeZjSs.js";
+const i = () => import("./index-8ZIeZjSs.js").then((e) => e.G).then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component Block at ../block.vue",
     e

package/lib/node/style.css

@@ -1 +1 @@
-.component-b1turyjjkok[data-v-3403e3cb]{display:flex;flex-direction:column;align-items:stretch}.div-16nol0lwi20[data-v-3a12caec]{display:flex;line-height:normal}.img-4wbls88y960[data-v-4ab1cc9f]{opacity:1;transition:opacity .2s ease-in-out}.div-4wbls88y960[data-v-4ab1cc9f]{width:100%;pointer-events:none;font-size:0}.div-4wbls88y960-2[data-v-4ab1cc9f]{display:flex;flex-direction:column;align-items:stretch;position:absolute;top:0;left:0;width:100%;height:100%}.pre-tqyw9m0iue[data-v-e7803f50]{padding:10px;color:red;text-align:center}
+.component-1o2kztlxdt6[data-v-6fabd81c]{display:flex;flex-direction:column;align-items:stretch}.div-2fnk003dqad[data-v-0777f1ce]{display:flex;line-height:normal}.img-1be3j8m9ewb[data-v-8b807426]{opacity:1;transition:opacity .2s ease-in-out}.div-1be3j8m9ewb[data-v-8b807426]{width:100%;pointer-events:none;font-size:0}.div-1be3j8m9ewb-2[data-v-8b807426]{display:flex;flex-direction:column;align-items:stretch;position:absolute;top:0;left:0;width:100%;height:100%}.pre-5vz8uirn7sc[data-v-c1bb70af]{padding:10px;color:red;text-align:center}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@builder.io/sdk-vue",
   "description": "Builder.io SDK for Vue",
-  "version": "1.0.3",
+  "version": "1.0.6",
   "main": "./lib/node/index.cjs",
   "module": "./lib/node/index.js",
   "type": "module",
@@ -25,15 +25,15 @@
   "exports": {
     "./css": "./lib/browser/style.css",
     "./nuxt": "./nuxt.js",
-    "./edge": {
+    "./bundle/edge": {
       "import": "./lib/edge/index.js",
       "require": "./lib/edge/index.cjs"
     },
-    "./browser": {
+    "./bundle/browser": {
       "import": "./lib/browser/index.js",
       "require": "./lib/browser/index.cjs"
     },
-    "./node": {
+    "./bundle/node": {
       "import": "./lib/node/index.js",
       "require": "./lib/node/index.cjs"
     },