@builder.io/sdk-vue 2.0.3 → 2.0.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (72) hide show
  1. package/lib/browser/{block-styles-mooo-nyz.js → block-styles-UWiLqSPk.js} +1 -1
  2. package/lib/browser/{block-styles-GNMuV-dL.cjs → block-styles-mtiWQW_J.cjs} +1 -1
  3. package/lib/browser/{block-wrapper-3cYhLXDa.js → block-wrapper-H_K5XgNp.js} +3 -3
  4. package/lib/browser/{block-wrapper-3lUpHc_o.cjs → block-wrapper-vI9rE_qz.cjs} +1 -1
  5. package/lib/browser/blocks/image/image.types.d.ts +2 -0
  6. package/lib/browser/blocks/symbol/symbol.types.d.ts +1 -0
  7. package/lib/browser/blocks/text/text.vue.d.ts +6 -1
  8. package/lib/browser/{component-ref-A7Jq3Gj-.js → component-ref-ULmI7Z-4.js} +2 -2
  9. package/lib/browser/{component-ref-VU3zC7u4.cjs → component-ref-k4s0KRD5.cjs} +1 -1
  10. package/lib/browser/components/content-variants/content-variants.types.d.ts +2 -1
  11. package/lib/browser/components/content-variants/extra-framework-props-types.d.ts +2 -0
  12. package/lib/browser/constants/sdk-version.d.ts +1 -1
  13. package/lib/browser/context/extra-context-types.d.ts +6 -0
  14. package/lib/browser/context/types.d.ts +2 -1
  15. package/lib/browser/{get-block-properties-zWa4TdEe.js → get-block-properties-IjhCV9z_.js} +1 -1
  16. package/lib/browser/{get-block-properties-Eyms9W8F.cjs → get-block-properties-JqBN5X7_.cjs} +1 -1
  17. package/lib/browser/index-TIoYRvmr.cjs +166 -0
  18. package/lib/browser/{index-ToBML8l-.js → index-wQ1FWMHJ.js} +97 -73
  19. package/lib/browser/index.cjs +1 -1
  20. package/lib/browser/index.mjs +1 -1
  21. package/lib/browser/{repeated-block-AKO0QANq.js → repeated-block-Aa1yIQkp.js} +2 -2
  22. package/lib/browser/{repeated-block-EF0Lb_nG.cjs → repeated-block-UKWYkgKG.cjs} +1 -1
  23. package/lib/browser/style.css +1 -1
  24. package/lib/edge/{block-styles-dvlkOfyP.cjs → block-styles-4MJqQlwZ.cjs} +1 -1
  25. package/lib/{node/block-styles-AzjY9HjK.js → edge/block-styles-P44kj2Ws.js} +1 -1
  26. package/lib/edge/{block-wrapper-I5fwbjlI.js → block-wrapper-M3goYBkP.js} +3 -3
  27. package/lib/{node/block-wrapper-fKNvisIf.cjs → edge/block-wrapper-P5w2jQ_u.cjs} +1 -1
  28. package/lib/edge/blocks/image/image.types.d.ts +2 -0
  29. package/lib/edge/blocks/symbol/symbol.types.d.ts +1 -0
  30. package/lib/edge/blocks/text/text.vue.d.ts +6 -1
  31. package/lib/{node/component-ref-xMPuQvi5.cjs → edge/component-ref-EPsyn_2c.cjs} +1 -1
  32. package/lib/{node/component-ref-Vf2FhwSC.js → edge/component-ref-ZtKc8UMX.js} +2 -2
  33. package/lib/edge/components/content-variants/content-variants.types.d.ts +2 -1
  34. package/lib/edge/components/content-variants/extra-framework-props-types.d.ts +2 -0
  35. package/lib/edge/constants/sdk-version.d.ts +1 -1
  36. package/lib/edge/context/extra-context-types.d.ts +6 -0
  37. package/lib/edge/context/types.d.ts +2 -1
  38. package/lib/edge/{get-block-properties-Kv6zU6Qq.cjs → get-block-properties-N40WxPwN.cjs} +1 -1
  39. package/lib/edge/{get-block-properties-gUzPvYeh.js → get-block-properties-zzQ9xBK7.js} +1 -1
  40. package/lib/edge/{index-bWkTiFYf.cjs → index-hw9mu6mD.cjs} +13 -13
  41. package/lib/edge/{index-R7KJFxff.js → index-yARC0VI1.js} +191 -167
  42. package/lib/edge/index.cjs +1 -1
  43. package/lib/edge/index.mjs +1 -1
  44. package/lib/edge/{repeated-block-kklYPBl5.js → repeated-block-IdOOvFG5.js} +2 -2
  45. package/lib/edge/{repeated-block-ixPgqHgZ.cjs → repeated-block-q6gyu9cH.cjs} +1 -1
  46. package/lib/edge/style.css +1 -1
  47. package/lib/node/{block-styles-zxsWOqgo.cjs → block-styles-HZaZpVMf.cjs} +1 -1
  48. package/lib/{edge/block-styles-uNDwUd0D.js → node/block-styles-brJAybxf.js} +1 -1
  49. package/lib/node/{block-wrapper-cHo1DCUj.js → block-wrapper-4h3CaVrk.js} +3 -3
  50. package/lib/{edge/block-wrapper-BGvBDPqY.cjs → node/block-wrapper-QqrLFWp0.cjs} +1 -1
  51. package/lib/node/blocks/image/image.types.d.ts +2 -0
  52. package/lib/node/blocks/symbol/symbol.types.d.ts +1 -0
  53. package/lib/node/blocks/text/text.vue.d.ts +6 -1
  54. package/lib/{edge/component-ref-xFqV17uV.cjs → node/component-ref-NW-UB2pJ.cjs} +1 -1
  55. package/lib/{edge/component-ref-eBvirZir.js → node/component-ref-hI62zIZA.js} +2 -2
  56. package/lib/node/components/content-variants/content-variants.types.d.ts +2 -1
  57. package/lib/node/components/content-variants/extra-framework-props-types.d.ts +2 -0
  58. package/lib/node/constants/sdk-version.d.ts +1 -1
  59. package/lib/node/context/extra-context-types.d.ts +6 -0
  60. package/lib/node/context/types.d.ts +2 -1
  61. package/lib/node/{get-block-properties-dCFsQQmt.cjs → get-block-properties-W3cxXL5S.cjs} +1 -1
  62. package/lib/node/{get-block-properties-l5K2eFkb.js → get-block-properties-ctA1IgxF.js} +1 -1
  63. package/lib/node/index-HPinODNY.cjs +213 -0
  64. package/lib/node/{index-bsHToMxW.js → index-xdY2kzl8.js} +39 -15
  65. package/lib/node/index.cjs +1 -1
  66. package/lib/node/index.mjs +1 -1
  67. package/lib/node/{repeated-block-DcYWHCj0.cjs → repeated-block-T2ld1sa9.cjs} +1 -1
  68. package/lib/node/{repeated-block-7np7Gpgm.js → repeated-block-ndxvinZD.js} +2 -2
  69. package/lib/node/style.css +1 -1
  70. package/package.json +1 -1
  71. package/lib/browser/index-hqlNfni4.cjs +0 -166
  72. package/lib/node/index-xYSllAJG.cjs +0 -213
@@ -731,22 +731,22 @@ const getComponent = ({
731
731
  "Error while attempting to dynamically import component DynamicDiv at ../dynamic-div.vue",
732
732
  e
733
733
  ), e;
734
- }), BlockStyles = () => import("./block-styles-AzjY9HjK.js").then((e) => e.default).catch((e) => {
734
+ }), BlockStyles = () => import("./block-styles-brJAybxf.js").then((e) => e.default).catch((e) => {
735
735
  throw console.error(
736
736
  "Error while attempting to dynamically import component BlockStyles at ./components/block-styles.vue",
737
737
  e
738
738
  ), e;
739
- }), BlockWrapper = () => import("./block-wrapper-cHo1DCUj.js").then((e) => e.default).catch((e) => {
739
+ }), BlockWrapper = () => import("./block-wrapper-4h3CaVrk.js").then((e) => e.default).catch((e) => {
740
740
  throw console.error(
741
741
  "Error while attempting to dynamically import component BlockWrapper at ./components/block-wrapper.vue",
742
742
  e
743
743
  ), e;
744
- }), ComponentRef = () => import("./component-ref-Vf2FhwSC.js").then((e) => e.default).catch((e) => {
744
+ }), ComponentRef = () => import("./component-ref-hI62zIZA.js").then((e) => e.default).catch((e) => {
745
745
  throw console.error(
746
746
  "Error while attempting to dynamically import component ComponentRef at ./components/component-ref/component-ref.vue",
747
747
  e
748
748
  ), e;
749
- }), RepeatedBlock = () => import("./repeated-block-7np7Gpgm.js").then((e) => e.default).catch((e) => {
749
+ }), RepeatedBlock = () => import("./repeated-block-ndxvinZD.js").then((e) => e.default).catch((e) => {
750
750
  throw console.error(
751
751
  "Error while attempting to dynamically import component RepeatedBlock at ./components/repeated-block.vue",
752
752
  e
@@ -830,7 +830,7 @@ const getComponent = ({
830
830
  registeredComponents: this.registeredComponents,
831
831
  builderBlock: this.processedBlock,
832
832
  includeBlockProps: ((t = this.blockComponent) == null ? void 0 : t.noWrap) === !0,
833
- isInteractive: !((n = this.blockComponent) != null && n.isRSC)
833
+ isInteractive: !((n = this.blockComponent) != null && n.isRSC && TARGET === "rsc")
834
834
  };
835
835
  }
836
836
  }
@@ -1198,7 +1198,7 @@ function _sfc_render$l(e, t, n, o, r, i) {
1198
1198
  var d;
1199
1199
  const s = resolveComponent("InlinedStyles"), l = resolveComponent("Blocks"), a = resolveComponent("DynamicRenderer");
1200
1200
  return openBlock(), createElementBlock("div", mergeProps({
1201
- class: e.getColumnsClass((d = e.builderBlock) == null ? void 0 : d.id) + " div-t9spj7joih",
1201
+ class: e.getColumnsClass((d = e.builderBlock) == null ? void 0 : d.id) + " div-2brhoa1k8gd",
1202
1202
  style: e.columnsCssVars()
1203
1203
  }, {}), [
1204
1204
  e.TARGET !== "reactNative" ? (openBlock(), createBlock(s, {
@@ -1230,7 +1230,7 @@ function _sfc_render$l(e, t, n, o, r, i) {
1230
1230
  }, 1032, ["TagName", "attributes"]))), 128))
1231
1231
  ], 16);
1232
1232
  }
1233
- const Columns = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc_render$l], ["__scopeId", "data-v-c214af09"]]), _sfc_main$l = defineComponent({
1233
+ const Columns = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc_render$l], ["__scopeId", "data-v-52366f16"]]), _sfc_main$l = defineComponent({
1234
1234
  name: "builder-fragment-component",
1235
1235
  props: []
1236
1236
  });
@@ -1287,6 +1287,8 @@ const _sfc_main$k = defineComponent({
1287
1287
  "builderBlock",
1288
1288
  "fitContent"
1289
1289
  ],
1290
+ mounted() {
1291
+ },
1290
1292
  computed: {
1291
1293
  srcSetToUse() {
1292
1294
  var n;
@@ -1363,7 +1365,7 @@ function _sfc_render$j(e, t, n, o, r, i) {
1363
1365
  ])) : createCommentVNode("", !0)
1364
1366
  ], 64);
1365
1367
  }
1366
- const Image = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render$j], ["__scopeId", "data-v-ce62b8d6"]]), _sfc_main$j = defineComponent({
1368
+ const Image = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render$j], ["__scopeId", "data-v-b1147753"]]), _sfc_main$j = defineComponent({
1367
1369
  name: "builder-section-component",
1368
1370
  props: ["attributes", "maxWidth"],
1369
1371
  data() {
@@ -2472,7 +2474,8 @@ function _sfc_render$f(e, t, n, o, r, i) {
2472
2474
  }
2473
2475
  const Tabs = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_render$f]]), componentInfo$9 = {
2474
2476
  shouldReceiveBuilderProps: {
2475
- builderBlock: !1
2477
+ builderBlock: !1,
2478
+ builderContext: !0
2476
2479
  },
2477
2480
  name: "Text",
2478
2481
  static: !0,
@@ -2493,13 +2496,34 @@ const Tabs = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_render$f]
2493
2496
  }
2494
2497
  }, _sfc_main$f = defineComponent({
2495
2498
  name: "builder-text",
2496
- props: ["text"]
2499
+ props: ["builderContext", "text"],
2500
+ computed: {
2501
+ processedText() {
2502
+ var i;
2503
+ const e = this.builderContext, {
2504
+ context: t,
2505
+ localState: n,
2506
+ rootState: o,
2507
+ rootSetState: r
2508
+ } = e;
2509
+ return String(((i = this.text) == null ? void 0 : i.toString()) || "").replace(
2510
+ /{{([^}]+)}}/g,
2511
+ (s, l) => evaluate({
2512
+ code: l,
2513
+ context: t,
2514
+ localState: n,
2515
+ rootState: o,
2516
+ rootSetState: r,
2517
+ enableCache: !1
2518
+ })
2519
+ );
2520
+ }
2521
+ }
2497
2522
  }), _hoisted_1$8 = ["innerHTML"];
2498
2523
  function _sfc_render$e(e, t, n, o, r, i) {
2499
- var s;
2500
2524
  return openBlock(), createElementBlock("div", {
2501
2525
  class: "builder-text",
2502
- innerHTML: ((s = e.text) == null ? void 0 : s.toString()) || "",
2526
+ innerHTML: e.processedText,
2503
2527
  style: {
2504
2528
  outline: "none"
2505
2529
  }
@@ -4060,7 +4084,7 @@ function isFromTrustedHost(e, t) {
4060
4084
  const n = new URL(t.origin), o = n.hostname;
4061
4085
  return (e || DEFAULT_TRUSTED_HOSTS).findIndex((r) => r.startsWith("*.") ? o.endsWith(r.slice(1)) : r === o) > -1;
4062
4086
  }
4063
- const SDK_VERSION = "2.0.3", registry = {};
4087
+ const SDK_VERSION = "2.0.8", registry = {};
4064
4088
  function register(e, t) {
4065
4089
  let n = registry[e];
4066
4090
  if (n || (n = registry[e] = []), n.push(t), isBrowser()) {
@@ -4872,7 +4896,7 @@ function _sfc_render$1(e, t, n, o, r, i) {
4872
4896
  scriptStr: e.updateCookieAndStylesScriptStr,
4873
4897
  nonce: e.nonce || ""
4874
4898
  }, null, 8, ["scriptStr", "nonce"]),
4875
- (openBlock(!0), createElementBlock(Fragment$1, null, renderList(e.getVariants(e.content), (d, u) => (openBlock(), createBlock(a, {
4899
+ (openBlock(!0), createElementBlock(Fragment$1, null, renderList(e.getVariants(e.content), (d, u) => (openBlock(), createBlock(a, mergeProps({
4876
4900
  key: d.testVariationId,
4877
4901
  isNestedRender: e.isNestedRender,
4878
4902
  nonce: e.nonce,
@@ -4894,7 +4918,7 @@ function _sfc_render$1(e, t, n, o, r, i) {
4894
4918
  contentWrapper: e.contentWrapper,
4895
4919
  contentWrapperProps: e.contentWrapperProps,
4896
4920
  trustedHosts: e.trustedHosts
4897
- }, null, 8, ["isNestedRender", "nonce", "content", "model", "data", "context", "apiKey", "apiVersion", "customComponents", "linkComponent", "canTrack", "locale", "enrich", "isSsrAbTest", "blocksWrapper", "blocksWrapperProps", "contentWrapper", "contentWrapperProps", "trustedHosts"]))), 128))
4921
+ }, {}), null, 16, ["isNestedRender", "nonce", "content", "model", "data", "context", "apiKey", "apiVersion", "customComponents", "linkComponent", "canTrack", "locale", "enrich", "isSsrAbTest", "blocksWrapper", "blocksWrapperProps", "contentWrapper", "contentWrapperProps", "trustedHosts"]))), 128))
4898
4922
  ], 64)) : createCommentVNode("", !0),
4899
4923
  createVNode(a, mergeProps({
4900
4924
  nonce: e.nonce,
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-xYSllAJG.cjs");exports.Blocks=e.Blocks;exports.BuilderContext=e.BuilderContext;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;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-HPinODNY.cjs");exports.Blocks=e.Blocks;exports.BuilderContext=e.BuilderContext;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;
@@ -1,4 +1,4 @@
1
- import { o as a, k as t, l as r, C as o, p as i, F as n, I as c, S as g, m as l, n as m, V as u, A as d, s as C, z as E, D as p, E as B, v as S, q as f, r as h, t as x, u as b, y as k, x as y } from "./index-bsHToMxW.js";
1
+ import { o as a, k as t, l as r, C as o, p as i, F as n, I as c, S as g, m as l, n as m, V as u, A as d, s as C, z as E, D as p, E as B, v as S, q as f, r as h, t as x, u as b, y as k, x as y } from "./index-xdY2kzl8.js";
2
2
  export {
3
3
  a as Blocks,
4
4
  t as BuilderContext,
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),t=require("./index-xYSllAJG.cjs"),r=()=>Promise.resolve().then(()=>require("./index-xYSllAJG.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;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),t=require("./index-HPinODNY.cjs"),r=()=>Promise.resolve().then(()=>require("./index-HPinODNY.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;
@@ -1,6 +1,6 @@
1
1
  import { defineComponent as t, defineAsyncComponent as n, resolveComponent as r, openBlock as c, createBlock as p } from "vue";
2
- import { k as s, f as l } from "./index-bsHToMxW.js";
3
- const i = () => import("./index-bsHToMxW.js").then((o) => o.H).then((o) => o.default).catch((o) => {
2
+ import { k as s, f as l } from "./index-xdY2kzl8.js";
3
+ const i = () => import("./index-xdY2kzl8.js").then((o) => o.H).then((o) => o.default).catch((o) => {
4
4
  throw console.error(
5
5
  "Error while attempting to dynamically import component Block at ../block.vue",
6
6
  o
@@ -1 +1 @@
1
- .component-178o76acnws[data-v-a5b13ef9]{display:flex;flex-direction:column;align-items:stretch}.div-t9spj7joih[data-v-c214af09]{display:flex;line-height:normal}.img-1pl23ac79ld[data-v-ce62b8d6]{opacity:1;transition:opacity .2s ease-in-out}.div-1pl23ac79ld[data-v-ce62b8d6]{width:100%;pointer-events:none;font-size:0}.div-1pl23ac79ld-2[data-v-ce62b8d6]{display:flex;flex-direction:column;align-items:stretch;position:absolute;top:0;left:0;width:100%;height:100%}.pre-3i4ezorcfhi[data-v-489330f7]{padding:10px;color:red;text-align:center}
1
+ .component-178o76acnws[data-v-a5b13ef9]{display:flex;flex-direction:column;align-items:stretch}.div-2brhoa1k8gd[data-v-52366f16]{display:flex;line-height:normal}.img-1pl23ac79ld[data-v-b1147753]{opacity:1;transition:opacity .2s ease-in-out}.div-1pl23ac79ld[data-v-b1147753]{width:100%;pointer-events:none;font-size:0}.div-1pl23ac79ld-2[data-v-b1147753]{display:flex;flex-direction:column;align-items:stretch;position:absolute;top:0;left:0;width:100%;height:100%}.pre-3i4ezorcfhi[data-v-489330f7]{padding:10px;color:red;text-align:center}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@builder.io/sdk-vue",
3
3
  "description": "Builder.io SDK for Vue",
4
- "version": "2.0.3",
4
+ "version": "2.0.8",
5
5
  "main": "./lib/node/index.cjs",
6
6
  "module": "./lib/node/index.mjs",
7
7
  "type": "module",