@builder.io/sdk-react 5.1.1 → 5.2.1

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 (70) hide show
  1. package/lib/browser/blocks-exports.cjs +14 -14
  2. package/lib/browser/blocks-exports.mjs +289 -286
  3. package/lib/browser/index.cjs +1 -1
  4. package/lib/browser/index.mjs +1 -1
  5. package/lib/browser/{server-entry-a3b5302c.js → server-entry-2aabcfc5.js} +1 -1
  6. package/lib/browser/{server-entry-85aa99e6.cjs → server-entry-56a43424.cjs} +1 -1
  7. package/lib/browser/server-entry.cjs +1 -1
  8. package/lib/browser/server-entry.mjs +1 -1
  9. package/lib/edge/{accordion-83f68de4.js → accordion-7a8559d1.js} +1 -1
  10. package/lib/edge/{accordion-1e467b30.cjs → accordion-b8a726ee.cjs} +1 -1
  11. package/lib/edge/{blocks-6b821501.js → blocks-12590d6b.js} +50 -47
  12. package/lib/edge/{blocks-4d57d38f.cjs → blocks-58f7d3bf.cjs} +2 -2
  13. package/lib/edge/blocks-exports.cjs +1 -1
  14. package/lib/edge/blocks-exports.mjs +2 -2
  15. package/lib/edge/{button-52af8a54.js → button-8c1d414f.js} +2 -2
  16. package/lib/edge/{button-b2eb1d64.cjs → button-c68ea03d.cjs} +1 -1
  17. package/lib/edge/{columns-8eb66fad.cjs → columns-5bad599a.cjs} +1 -1
  18. package/lib/edge/{columns-e0489b50.js → columns-ea10971b.js} +3 -3
  19. package/lib/edge/{content-variants-6c1ee307.cjs → content-variants-1ea2cc45.cjs} +2 -2
  20. package/lib/edge/{content-variants-5003144d.js → content-variants-8052ce9b.js} +12 -12
  21. package/lib/edge/{custom-code-bc787526.cjs → custom-code-126854d0.cjs} +1 -1
  22. package/lib/edge/{custom-code-4e76fc0d.js → custom-code-29bcd3c1.js} +1 -1
  23. package/lib/edge/{embed-8ef248c5.cjs → embed-2986e15c.cjs} +1 -1
  24. package/lib/edge/{embed-fd344d6d.js → embed-51ea3559.js} +1 -1
  25. package/lib/edge/{form-107c9eae.cjs → form-0e910fbf.cjs} +1 -1
  26. package/lib/edge/{form-4efa40a5.js → form-75a443ad.js} +3 -3
  27. package/lib/edge/{get-class-prop-name-e6f7321f.js → get-class-prop-name-1e9476bb.js} +1 -1
  28. package/lib/edge/{get-class-prop-name-2c2513e9.cjs → get-class-prop-name-db97ef04.cjs} +1 -1
  29. package/lib/edge/{img-a32b0723.js → img-71d8f85a.js} +2 -2
  30. package/lib/edge/{img-ab241f22.cjs → img-d73b746e.cjs} +1 -1
  31. package/lib/edge/index.cjs +1 -1
  32. package/lib/edge/index.mjs +1 -1
  33. package/lib/edge/{input-c48fe23a.js → input-1aeefc8e.js} +1 -1
  34. package/lib/edge/{input-ada30ffb.cjs → input-c8886579.cjs} +1 -1
  35. package/lib/edge/{personalization-container-ad7cf89c.js → personalization-container-13aa06c8.js} +4 -4
  36. package/lib/edge/{personalization-container-375a1501.cjs → personalization-container-9daeb712.cjs} +1 -1
  37. package/lib/edge/{select-879c52dd.cjs → select-8a79d8dd.cjs} +1 -1
  38. package/lib/edge/{select-a49d819c.js → select-d6a5369f.js} +1 -1
  39. package/lib/edge/{server-entry-68d59577.js → server-entry-77646307.js} +1 -1
  40. package/lib/edge/{server-entry-560732da.cjs → server-entry-a1d12fab.cjs} +1 -1
  41. package/lib/edge/server-entry.cjs +1 -1
  42. package/lib/edge/server-entry.mjs +1 -1
  43. package/lib/edge/{slot-005d6258.js → slot-110c36af.js} +3 -3
  44. package/lib/edge/{slot-5da991d1.cjs → slot-215396be.cjs} +1 -1
  45. package/lib/edge/symbol-5e7704f0.cjs +1 -0
  46. package/lib/edge/symbol-cb47c30e.js +93 -0
  47. package/lib/edge/{tabs-69a36a5c.js → tabs-4a754007.js} +3 -3
  48. package/lib/edge/{tabs-96367bf5.cjs → tabs-dddcc4d9.cjs} +1 -1
  49. package/lib/node/blocks-exports.cjs +11 -11
  50. package/lib/node/blocks-exports.mjs +291 -288
  51. package/lib/node/index.cjs +1 -1
  52. package/lib/node/index.mjs +3 -3
  53. package/lib/node/init.cjs +1 -1
  54. package/lib/node/init.mjs +3 -3
  55. package/lib/node/{server-entry-fc7f08d8.js → server-entry-683f926c.js} +1 -1
  56. package/lib/node/{server-entry-2529c06e.cjs → server-entry-ef0a9bc1.cjs} +1 -1
  57. package/lib/node/server-entry.cjs +1 -1
  58. package/lib/node/server-entry.mjs +1 -1
  59. package/lib/node/{setIvm-b97cfb8b.cjs → setIvm-4b6c067d.cjs} +1 -1
  60. package/lib/node/{setIvm-41d8b067.js → setIvm-bcaed0e9.js} +1 -1
  61. package/lib/node/setIvm.cjs +1 -1
  62. package/lib/node/setIvm.mjs +2 -2
  63. package/lib/node/{should-force-browser-runtime-in-node-fc5c3a06.js → should-force-browser-runtime-in-node-8b51c95e.js} +1 -1
  64. package/lib/node/{should-force-browser-runtime-in-node-1d85a066.cjs → should-force-browser-runtime-in-node-92af2305.cjs} +1 -1
  65. package/package.json +1 -1
  66. package/types/blocks/symbol/symbol.helpers.d.ts +2 -0
  67. package/types/blocks/symbol/symbol.types.d.ts +2 -0
  68. package/types/constants/sdk-version.d.ts +1 -1
  69. package/lib/edge/symbol-155906ed.js +0 -93
  70. package/lib/edge/symbol-7e6ac72e.cjs +0 -1
@@ -1,11 +1,11 @@
1
1
  "use client";
2
- import { TARGET as F, isBrowser as G, logger as ee, checkIsDefined as be, isPreviewing as oe, isEditing as U, userAttributesService as Te, getDefaultCanTrack as Z, logFetch as Le, setupBrowserForEditing as st, createRegisterComponentMessage as ct, getCookieSync as ut, _track as Ie, fetchOneEntry as Oe, createEditorListener as dt, serializeIncludingFunctions as we, handleABTestingSync as mt } from "./server-entry-fc7f08d8.js";
3
- import { setClientUserAttributes as qi } from "./server-entry-fc7f08d8.js";
2
+ import { TARGET as F, isBrowser as G, logger as ee, checkIsDefined as be, isPreviewing as oe, isEditing as U, userAttributesService as Te, getDefaultCanTrack as Z, logFetch as Le, setupBrowserForEditing as st, createRegisterComponentMessage as ct, getCookieSync as ut, _track as Ie, fetchOneEntry as Oe, createEditorListener as dt, serializeIncludingFunctions as we, handleABTestingSync as mt } from "./server-entry-683f926c.js";
3
+ import { setClientUserAttributes as qi } from "./server-entry-683f926c.js";
4
4
  import { jsx as s, Fragment as w, jsxs as D } from "react/jsx-runtime";
5
5
  import * as ft from "react";
6
6
  import { createContext as _e, useEffect as B, useState as k, useContext as ye, useRef as z, createElement as Ue } from "react";
7
- import { getFunctionArguments as ht, flattenState as gt, runInNode as bt, parseCode as yt, getBuilderGlobals as pt, set as He, fastClone as ve } from "./setIvm-41d8b067.js";
8
- import { shouldForceBrowserRuntimeInNode as vt } from "./should-force-browser-runtime-in-node-fc5c3a06.js";
7
+ import { getFunctionArguments as ht, flattenState as gt, runInNode as bt, parseCode as yt, getBuilderGlobals as pt, set as He, fastClone as ve } from "./setIvm-bcaed0e9.js";
8
+ import { shouldForceBrowserRuntimeInNode as vt } from "./should-force-browser-runtime-in-node-8b51c95e.js";
9
9
  const xt = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), St = (e) => typeof e == "string" && xt.has(e.toLowerCase());
10
10
  function xe(e) {
11
11
  return /* @__PURE__ */ s(w, { children: St(e.TagName) ? /* @__PURE__ */ s(w, { children: /* @__PURE__ */ s(e.TagName, { ...e.attributes, ...e.actionAttributes }) }) : /* @__PURE__ */ s(w, { children: typeof e.TagName == "string" ? /* @__PURE__ */ s(e.TagName, { ...e.attributes, ...e.actionAttributes, children: e.children }) : /* @__PURE__ */ s(e.TagName, { ...e.attributes, ...e.actionAttributes, children: e.children }) }) });
@@ -359,8 +359,8 @@ function Ut(e) {
359
359
  leading: !1
360
360
  });
361
361
  function l(h) {
362
- const b = h.getBoundingClientRect(), u = window.innerHeight, f = (e.thresholdPercent || 0) / 100 * u;
363
- return b.bottom > f && b.top < u - f;
362
+ const b = h.getBoundingClientRect(), u = window.innerHeight, m = (e.thresholdPercent || 0) / 100 * u;
363
+ return b.bottom > m && b.top < u - m;
364
364
  }
365
365
  const c = e.steps[0].styles;
366
366
  function d() {
@@ -654,11 +654,14 @@ const on = ({
654
654
  } : l;
655
655
  };
656
656
  function Re(e) {
657
- var i;
657
+ var a;
658
658
  k(() => !1);
659
659
  const [t, n] = k(
660
660
  () => e.isInteractive ? rn : e.componentRef
661
661
  );
662
+ function i() {
663
+ return e.componentRef ? e.blockChildren : [];
664
+ }
662
665
  return /* @__PURE__ */ s(w, { children: e.componentRef ? /* @__PURE__ */ s(w, { children: /* @__PURE__ */ s(
663
666
  t,
664
667
  {
@@ -672,16 +675,16 @@ function Re(e) {
672
675
  isInteractive: e.isInteractive,
673
676
  contextValue: e.context
674
677
  }),
675
- children: e.componentRef ? /* @__PURE__ */ s(w, { children: (i = e.blockChildren) == null ? void 0 : i.map((a) => /* @__PURE__ */ s(
678
+ children: (a = i()) == null ? void 0 : a.map((r) => /* @__PURE__ */ s(
676
679
  ce,
677
680
  {
678
- block: a,
681
+ block: r,
679
682
  context: e.context,
680
683
  registeredComponents: e.registeredComponents,
681
684
  linkComponent: e.linkComponent
682
685
  },
683
- a.id
684
- )) }) : null
686
+ r.id
687
+ ))
685
688
  }
686
689
  ) }) : null });
687
690
  }
@@ -781,51 +784,51 @@ function Ve(e) {
781
784
  ), l = !!((_ = (E = r == null ? void 0 : r.meta) == null ? void 0 : E.breakpoints) != null && _.xsmall), c = a == null ? void 0 : a.large, d = a == null ? void 0 : a.medium, h = a == null ? void 0 : a.small, b = a == null ? void 0 : a.xsmall, u = i.id;
782
785
  if (!u)
783
786
  return "";
784
- const x = c ? Y({
787
+ const S = c ? Y({
785
788
  className: u,
786
789
  styles: c
787
- }) : "", f = d ? Y({
790
+ }) : "", m = d ? Y({
788
791
  className: u,
789
792
  styles: d,
790
793
  mediaQuery: ue(
791
794
  "medium",
792
795
  o
793
796
  )
794
- }) : "", m = h ? Y({
797
+ }) : "", g = h ? Y({
795
798
  className: u,
796
799
  styles: h,
797
800
  mediaQuery: ue(
798
801
  "small",
799
802
  o
800
803
  )
801
- }) : "", y = b && l ? Y({
804
+ }) : "", p = b && l ? Y({
802
805
  className: u,
803
806
  styles: b,
804
807
  mediaQuery: ue(
805
808
  "xsmall",
806
809
  o
807
810
  )
808
- }) : "", g = i.animations && i.animations.find((p) => p.trigger === "hover");
809
- let S = "";
810
- if (g) {
811
- const p = ((q = (H = g.steps) == null ? void 0 : H[1]) == null ? void 0 : q.styles) || {};
812
- S = Y({
811
+ }) : "", f = i.animations && i.animations.find((y) => y.trigger === "hover");
812
+ let v = "";
813
+ if (f) {
814
+ const y = ((q = (H = f.steps) == null ? void 0 : H[1]) == null ? void 0 : q.styles) || {};
815
+ v = Y({
813
816
  className: `${u}:hover`,
814
817
  styles: {
815
- ...p,
816
- transition: `all ${g.duration}s ${se(
817
- g.easing
818
+ ...y,
819
+ transition: `all ${f.duration}s ${se(
820
+ f.easing
818
821
  )}`,
819
- transitionDelay: g.delay ? `${g.delay}s` : "0s"
822
+ transitionDelay: f.delay ? `${f.delay}s` : "0s"
820
823
  }
821
824
  }) || "";
822
825
  }
823
826
  return [
824
- x,
825
- f,
827
+ S,
826
828
  m,
827
- y,
828
- S
829
+ g,
830
+ p,
831
+ v
829
832
  ].join(" ");
830
833
  }
831
834
  return /* @__PURE__ */ s(w, { children: n() && t() ? /* @__PURE__ */ s(w, { children: /* @__PURE__ */ s(
@@ -844,7 +847,7 @@ function ln(e) {
844
847
  }, []), /* @__PURE__ */ s(w, { children: t ? /* @__PURE__ */ s(w, { children: /* @__PURE__ */ s(w, { children: /* @__PURE__ */ s(Ve, { block: e.block, context: e.context }) }) }) : /* @__PURE__ */ s(w, { children: /* @__PURE__ */ s(Ve, { block: e.block, context: e.context }) }) });
845
848
  }
846
849
  function ce(e) {
847
- var h, b, u, x;
850
+ var h, b, u, S;
848
851
  function t() {
849
852
  return zt({
850
853
  block: e.block,
@@ -856,17 +859,17 @@ function ce(e) {
856
859
  update: !1
857
860
  }));
858
861
  function a() {
859
- var m;
862
+ var g;
860
863
  if (n.value && !n.update && !oe())
861
864
  return n.value;
862
- const f = (m = e.block.repeat) != null && m.collection ? e.block : Ft({
865
+ const m = (g = e.block.repeat) != null && g.collection ? e.block : Ft({
863
866
  block: e.block,
864
867
  localState: e.context.localState,
865
868
  rootState: e.context.rootState,
866
869
  rootSetState: e.context.rootSetState,
867
870
  context: e.context.context
868
871
  });
869
- return n.value = f, n.update = !1, f;
872
+ return n.value = m, n.update = !1, m;
870
873
  }
871
874
  function r() {
872
875
  return jt({
@@ -876,25 +879,25 @@ function ce(e) {
876
879
  });
877
880
  }
878
881
  function o() {
879
- var m;
880
- return e.block.tagName === "a" || ((m = a().properties) == null ? void 0 : m.href) || a().href ? e.linkComponent || "a" : e.block.tagName || "div";
882
+ var g;
883
+ return e.block.tagName === "a" || ((g = a().properties) == null ? void 0 : g.href) || a().href ? e.linkComponent || "a" : e.block.tagName || "div";
881
884
  }
882
885
  function l() {
883
- var y, g;
884
- if ((y = e.block.repeat) != null && y.collection)
885
- return !!((g = t == null ? void 0 : t()) != null && g.length);
886
- const f = "hide" in a() ? a().hide : !1;
887
- return ("show" in a() ? a().show : !0) && !f;
886
+ var p, f;
887
+ if ((p = e.block.repeat) != null && p.collection)
888
+ return !!((f = t == null ? void 0 : t()) != null && f.length);
889
+ const m = "hide" in a() ? a().hide : !1;
890
+ return ("show" in a() ? a().show : !0) && !m;
888
891
  }
889
892
  function c() {
890
- var m, y;
891
- return !((m = r == null ? void 0 : r()) != null && m.component) && !t() ? (y = a().children) != null ? y : [] : [];
893
+ var g, p;
894
+ return !((g = r == null ? void 0 : r()) != null && g.component) && !t() ? (p = a().children) != null ? p : [] : [];
892
895
  }
893
896
  function d() {
894
- var f, m, y, g;
897
+ var m, g, p, f;
895
898
  return {
896
- blockChildren: (f = a().children) != null ? f : [],
897
- componentRef: (m = r == null ? void 0 : r()) == null ? void 0 : m.component,
899
+ blockChildren: (m = a().children) != null ? m : [],
900
+ componentRef: (g = r == null ? void 0 : r()) == null ? void 0 : g.component,
898
901
  componentOptions: {
899
902
  ...Rt(a(), e.context),
900
903
  ...Gt(r(), a()),
@@ -910,16 +913,16 @@ function ce(e) {
910
913
  linkComponent: e.linkComponent,
911
914
  registeredComponents: e.registeredComponents,
912
915
  builderBlock: a(),
913
- includeBlockProps: ((y = r == null ? void 0 : r()) == null ? void 0 : y.noWrap) === !0,
914
- isInteractive: !((g = r == null ? void 0 : r()) != null && g.isRSC && F === "rsc")
916
+ includeBlockProps: ((p = r == null ? void 0 : r()) == null ? void 0 : p.noWrap) === !0,
917
+ isInteractive: !((f = r == null ? void 0 : r()) != null && f.isRSC && F === "rsc")
915
918
  };
916
919
  }
917
920
  return B(() => {
918
- const f = a().id, m = a().animations;
919
- m && f && Ot(
920
- m.map((y) => ({
921
- ...y,
922
- elementId: f
921
+ const m = a().id, g = a().animations;
922
+ g && m && Ot(
923
+ g.map((p) => ({
924
+ ...p,
925
+ elementId: m
923
926
  }))
924
927
  );
925
928
  }, []), B(() => {
@@ -933,15 +936,15 @@ function ce(e) {
933
936
  id: e.block.id
934
937
  }
935
938
  ),
936
- (h = r == null ? void 0 : r()) != null && h.noWrap ? t() ? /* @__PURE__ */ s(w, { children: (x = t()) == null ? void 0 : x.map((f, m) => /* @__PURE__ */ s(
939
+ (h = r == null ? void 0 : r()) != null && h.noWrap ? t() ? /* @__PURE__ */ s(w, { children: (S = t()) == null ? void 0 : S.map((m, g) => /* @__PURE__ */ s(
937
940
  Pe,
938
941
  {
939
- repeatContext: f.context,
940
- block: f.block,
942
+ repeatContext: m.context,
943
+ block: m.block,
941
944
  registeredComponents: e.registeredComponents,
942
945
  linkComponent: e.linkComponent
943
946
  },
944
- Ee(m)
947
+ Ee(g)
945
948
  )) }) : /* @__PURE__ */ s(
946
949
  Re,
947
950
  {
@@ -955,15 +958,15 @@ function ce(e) {
955
958
  includeBlockProps: d().includeBlockProps,
956
959
  isInteractive: d().isInteractive
957
960
  }
958
- ) : /* @__PURE__ */ s(w, { children: t() ? /* @__PURE__ */ s(w, { children: (u = t()) == null ? void 0 : u.map((f, m) => /* @__PURE__ */ s(
961
+ ) : /* @__PURE__ */ s(w, { children: t() ? /* @__PURE__ */ s(w, { children: (u = t()) == null ? void 0 : u.map((m, g) => /* @__PURE__ */ s(
959
962
  Pe,
960
963
  {
961
- repeatContext: f.context,
962
- block: f.block,
964
+ repeatContext: m.context,
965
+ block: m.block,
963
966
  registeredComponents: e.registeredComponents,
964
967
  linkComponent: e.linkComponent
965
968
  },
966
- Ee(m)
969
+ Ee(g)
967
970
  )) }) : /* @__PURE__ */ D(
968
971
  nn,
969
972
  {
@@ -985,15 +988,15 @@ function ce(e) {
985
988
  isInteractive: d().isInteractive
986
989
  }
987
990
  ),
988
- (b = c()) == null ? void 0 : b.map((f) => /* @__PURE__ */ s(
991
+ (b = c()) == null ? void 0 : b.map((m) => /* @__PURE__ */ s(
989
992
  ce,
990
993
  {
991
- block: f,
994
+ block: m,
992
995
  registeredComponents: e.registeredComponents,
993
996
  linkComponent: e.linkComponent,
994
997
  context: e.context
995
998
  },
996
- f.id
999
+ m.id
997
1000
  ))
998
1001
  ]
999
1002
  }
@@ -1099,7 +1102,7 @@ function M(e) {
1099
1102
  }
1100
1103
  const cn = (e) => `builder-columns ${e}-breakpoints`;
1101
1104
  function un(e) {
1102
- var m, y;
1105
+ var g, p;
1103
1106
  function t() {
1104
1107
  return typeof e.space == "number" ? e.space || 0 : 20;
1105
1108
  }
@@ -1109,28 +1112,28 @@ function un(e) {
1109
1112
  function i() {
1110
1113
  return e.stackColumnsAt || "tablet";
1111
1114
  }
1112
- function a(g) {
1113
- return g.link ? e.builderLinkComponent || "a" : "div";
1115
+ function a(f) {
1116
+ return f.link ? e.builderLinkComponent || "a" : "div";
1114
1117
  }
1115
- function r(g) {
1116
- var S;
1117
- return ((S = n()[g]) == null ? void 0 : S.width) || 100 / n().length;
1118
+ function r(f) {
1119
+ var v;
1120
+ return ((v = n()[f]) == null ? void 0 : v.width) || 100 / n().length;
1118
1121
  }
1119
- function o(g) {
1120
- const S = r(g), T = t() * (n().length - 1) * (S / 100);
1121
- return `calc(${S}% - ${T}px)`;
1122
+ function o(f) {
1123
+ const v = r(f), T = t() * (n().length - 1) * (v / 100);
1124
+ return `calc(${v}% - ${T}px)`;
1122
1125
  }
1123
1126
  function l({
1124
- stackedStyle: g,
1125
- desktopStyle: S
1127
+ stackedStyle: f,
1128
+ desktopStyle: v
1126
1129
  }) {
1127
- return i() === "tablet" ? g : S;
1130
+ return i() === "tablet" ? f : v;
1128
1131
  }
1129
1132
  function c({
1130
- stackedStyle: g,
1131
- desktopStyle: S
1133
+ stackedStyle: f,
1134
+ desktopStyle: v
1132
1135
  }) {
1133
- return i() === "never" ? S : g;
1136
+ return i() === "never" ? v : f;
1134
1137
  }
1135
1138
  function d() {
1136
1139
  return e.stackColumnsAt === "never" ? "row" : e.reverseColumnsWhenStacked ? "column-reverse" : "column";
@@ -1144,8 +1147,8 @@ function un(e) {
1144
1147
  })
1145
1148
  };
1146
1149
  }
1147
- function b(g) {
1148
- const S = g === 0 ? 0 : t(), T = o(g), E = `${S}px`, _ = "100%", H = 0;
1150
+ function b(f) {
1151
+ const v = f === 0 ? 0 : t(), T = o(f), E = `${v}px`, _ = "100%", H = 0;
1149
1152
  return {
1150
1153
  ...{
1151
1154
  display: "flex",
@@ -1172,14 +1175,14 @@ function un(e) {
1172
1175
  })
1173
1176
  };
1174
1177
  }
1175
- function u(g) {
1178
+ function u(f) {
1176
1179
  var T, E;
1177
1180
  return et(
1178
1181
  ((E = (T = e.builderContext.content) == null ? void 0 : T.meta) == null ? void 0 : E.breakpoints) || {}
1179
- )[g].max;
1182
+ )[f].max;
1180
1183
  }
1181
- function x() {
1182
- const g = `.${e.builderBlock.id}-breakpoints > .builder-column`;
1184
+ function S() {
1185
+ const f = `.${e.builderBlock.id}-breakpoints > .builder-column`;
1183
1186
  return `
1184
1187
  @media (max-width: ${u("medium")}px) {
1185
1188
  .${e.builderBlock.id}-breakpoints {
@@ -1187,7 +1190,7 @@ function un(e) {
1187
1190
  align-items: stretch;
1188
1191
  }
1189
1192
 
1190
- ${g} {
1193
+ ${f} {
1191
1194
  width: var(--column-width-tablet) !important;
1192
1195
  margin-left: var(--column-margin-left-tablet) !important;
1193
1196
  }
@@ -1199,20 +1202,20 @@ function un(e) {
1199
1202
  align-items: stretch;
1200
1203
  }
1201
1204
 
1202
- ${g} {
1205
+ ${f} {
1203
1206
  width: var(--column-width-mobile) !important;
1204
1207
  margin-left: var(--column-margin-left-mobile) !important;
1205
1208
  }
1206
1209
  },
1207
1210
  `;
1208
1211
  }
1209
- function f(g, S) {
1212
+ function m(f, v) {
1210
1213
  return {
1211
- ...g.link ? {
1212
- href: g.link
1214
+ ...f.link ? {
1215
+ href: f.link
1213
1216
  } : {},
1214
1217
  [K()]: "builder-column",
1215
- style: Qe(b(S))
1218
+ style: Qe(b(v))
1216
1219
  };
1217
1220
  }
1218
1221
  return /* @__PURE__ */ D(w, { children: [
@@ -1224,39 +1227,39 @@ function un(e) {
1224
1227
  /* @__PURE__ */ D(
1225
1228
  "div",
1226
1229
  {
1227
- className: cn((m = e.builderBlock) == null ? void 0 : m.id) + " div-0369db37",
1230
+ className: cn((g = e.builderBlock) == null ? void 0 : g.id) + " div-0369db37",
1228
1231
  style: h(),
1229
1232
  children: [
1230
1233
  /* @__PURE__ */ s(
1231
1234
  te,
1232
1235
  {
1233
1236
  id: "builderio-columns",
1234
- styles: x(),
1237
+ styles: S(),
1235
1238
  nonce: e.builderContext.nonce
1236
1239
  }
1237
1240
  ),
1238
- (y = e.columns) == null ? void 0 : y.map((g, S) => /* @__PURE__ */ s(
1241
+ (p = e.columns) == null ? void 0 : p.map((f, v) => /* @__PURE__ */ s(
1239
1242
  xe,
1240
1243
  {
1241
- TagName: a(g),
1244
+ TagName: a(f),
1242
1245
  actionAttributes: {},
1243
- attributes: f(g, S),
1246
+ attributes: m(f, v),
1244
1247
  children: /* @__PURE__ */ s(
1245
1248
  M,
1246
1249
  {
1247
- path: `columns.${S}.blocks`,
1250
+ path: `columns.${v}.blocks`,
1248
1251
  parent: e.builderBlock.id,
1249
1252
  context: e.builderContext,
1250
1253
  registeredComponents: e.builderComponents,
1251
1254
  linkComponent: e.builderLinkComponent,
1252
- blocks: g.blocks,
1255
+ blocks: f.blocks,
1253
1256
  styleProp: {
1254
1257
  flexGrow: "1"
1255
1258
  }
1256
1259
  }
1257
1260
  )
1258
1261
  },
1259
- S
1262
+ v
1260
1263
  ))
1261
1264
  ]
1262
1265
  }
@@ -1414,42 +1417,42 @@ function bn(e, t, n, i) {
1414
1417
  }
1415
1418
  function o(d, h) {
1416
1419
  return (() => {
1417
- const u = h.property, x = h.operator;
1418
- let f = h.value;
1419
- if (h && h.property === "urlPath" && h.value && typeof h.value == "string" && h.value !== "/" && h.value.endsWith("/") && (f = h.value.slice(0, -1)), !(u && x))
1420
+ const u = h.property, S = h.operator;
1421
+ let m = h.value;
1422
+ if (h && h.property === "urlPath" && h.value && typeof h.value == "string" && h.value !== "/" && h.value.endsWith("/") && (m = h.value.slice(0, -1)), !(u && S))
1420
1423
  return !0;
1421
- if (Array.isArray(f))
1422
- return x === "isNot" ? f.every((y) => o(d, {
1424
+ if (Array.isArray(m))
1425
+ return S === "isNot" ? m.every((p) => o(d, {
1423
1426
  property: u,
1424
- operator: x,
1425
- value: y
1426
- })) : !!f.find((y) => o(d, {
1427
+ operator: S,
1428
+ value: p
1429
+ })) : !!m.find((p) => o(d, {
1427
1430
  property: u,
1428
- operator: x,
1429
- value: y
1431
+ operator: S,
1432
+ value: p
1430
1433
  }));
1431
- const m = d[u];
1432
- if (Array.isArray(m))
1433
- return m.includes(f);
1434
- switch (x) {
1434
+ const g = d[u];
1435
+ if (Array.isArray(g))
1436
+ return g.includes(m);
1437
+ switch (S) {
1435
1438
  case "is":
1436
- return m === f;
1439
+ return g === m;
1437
1440
  case "isNot":
1438
- return m !== f;
1441
+ return g !== m;
1439
1442
  case "contains":
1440
- return (a(m) || Array.isArray(m)) && m.includes(String(f));
1443
+ return (a(g) || Array.isArray(g)) && g.includes(String(m));
1441
1444
  case "startsWith":
1442
- return a(m) && m.startsWith(String(f));
1445
+ return a(g) && g.startsWith(String(m));
1443
1446
  case "endsWith":
1444
- return a(m) && m.endsWith(String(f));
1447
+ return a(g) && g.endsWith(String(m));
1445
1448
  case "greaterThan":
1446
- return r(m) && r(f) && m > f;
1449
+ return r(g) && r(m) && g > m;
1447
1450
  case "lessThan":
1448
- return r(m) && r(f) && m < f;
1451
+ return r(g) && r(m) && g < m;
1449
1452
  case "greaterThanOrEqualTo":
1450
- return r(m) && r(f) && m >= f;
1453
+ return r(g) && r(m) && g >= m;
1451
1454
  case "lessThanOrEqualTo":
1452
- return r(m) && r(f) && m <= f;
1455
+ return r(g) && r(m) && g <= m;
1453
1456
  default:
1454
1457
  return !1;
1455
1458
  }
@@ -1814,7 +1817,7 @@ function En(e) {
1814
1817
  };
1815
1818
  }
1816
1819
  function r() {
1817
- const x = {
1820
+ const S = {
1818
1821
  ...{
1819
1822
  display: "flex",
1820
1823
  flexDirection: "column"
@@ -1823,7 +1826,7 @@ function En(e) {
1823
1826
  cursor: "pointer"
1824
1827
  };
1825
1828
  return Object.fromEntries(
1826
- Object.entries(x).filter(([f, m]) => m !== void 0)
1829
+ Object.entries(S).filter(([m, g]) => g !== void 0)
1827
1830
  );
1828
1831
  }
1829
1832
  function o(u) {
@@ -1835,23 +1838,23 @@ function En(e) {
1835
1838
  function c() {
1836
1839
  let u = null;
1837
1840
  if (e.grid && t.length && document) {
1838
- const f = t[0];
1839
- let y = document.querySelector(
1840
- `.builder-accordion-title[data-index="${f}"]`
1841
+ const m = t[0];
1842
+ let p = document.querySelector(
1843
+ `.builder-accordion-title[data-index="${m}"]`
1841
1844
  );
1842
- if (u = f, y) {
1843
- let g = y.getBoundingClientRect();
1844
- for (; y = y && y.nextElementSibling; )
1845
- if (y) {
1846
- if (y.classList.contains("builder-accordion-detail"))
1845
+ if (u = m, p) {
1846
+ let f = p.getBoundingClientRect();
1847
+ for (; p = p && p.nextElementSibling; )
1848
+ if (p) {
1849
+ if (p.classList.contains("builder-accordion-detail"))
1847
1850
  continue;
1848
- const S = y.getBoundingClientRect();
1849
- if (S.left > g.left) {
1851
+ const v = p.getBoundingClientRect();
1852
+ if (v.left > f.left) {
1850
1853
  const T = parseInt(
1851
- y.getAttribute("data-index") || "",
1854
+ p.getAttribute("data-index") || "",
1852
1855
  10
1853
1856
  );
1854
- isNaN(T) || (g = S, u = T);
1857
+ isNaN(T) || (f = v, u = T);
1855
1858
  } else
1856
1859
  break;
1857
1860
  }
@@ -1867,31 +1870,31 @@ function En(e) {
1867
1870
  }
1868
1871
  };
1869
1872
  return Object.fromEntries(
1870
- Object.entries(u).filter(([x, f]) => f !== void 0)
1873
+ Object.entries(u).filter(([S, m]) => m !== void 0)
1871
1874
  );
1872
1875
  }
1873
1876
  function h(u) {
1874
- t.includes(u) ? n(i() ? [] : t.filter((x) => x !== u)) : n(i() ? [u] : t.concat(u));
1877
+ t.includes(u) ? n(i() ? [] : t.filter((S) => S !== u)) : n(i() ? [u] : t.concat(u));
1875
1878
  }
1876
- return /* @__PURE__ */ s("div", { className: "builder-accordion", style: a(), children: (b = e.items) == null ? void 0 : b.map((u, x) => /* @__PURE__ */ D(ft.Fragment, { children: [
1879
+ return /* @__PURE__ */ s("div", { className: "builder-accordion", style: a(), children: (b = e.items) == null ? void 0 : b.map((u, S) => /* @__PURE__ */ D(ft.Fragment, { children: [
1877
1880
  /* @__PURE__ */ s(
1878
1881
  "div",
1879
1882
  {
1880
- className: o(x),
1883
+ className: o(S),
1881
1884
  style: {
1882
1885
  ...r(),
1883
1886
  ...e.grid && {
1884
1887
  width: e.gridRowWidth,
1885
- order: c() !== null ? Be(x) : Be(x + 1)
1888
+ order: c() !== null ? Be(S) : Be(S + 1)
1886
1889
  }
1887
1890
  },
1888
- "data-index": x,
1889
- onClick: (f) => h(x),
1891
+ "data-index": S,
1892
+ onClick: (m) => h(S),
1890
1893
  children: /* @__PURE__ */ s(
1891
1894
  M,
1892
1895
  {
1893
1896
  blocks: u.title,
1894
- path: `items.${x}.title`,
1897
+ path: `items.${S}.title`,
1895
1898
  parent: e.builderBlock.id,
1896
1899
  context: e.builderContext,
1897
1900
  registeredComponents: e.builderComponents,
@@ -1900,16 +1903,16 @@ function En(e) {
1900
1903
  )
1901
1904
  }
1902
1905
  ),
1903
- t.includes(x) ? /* @__PURE__ */ s(
1906
+ t.includes(S) ? /* @__PURE__ */ s(
1904
1907
  "div",
1905
1908
  {
1906
- className: l(x),
1909
+ className: l(S),
1907
1910
  style: d(),
1908
1911
  children: /* @__PURE__ */ s(
1909
1912
  M,
1910
1913
  {
1911
1914
  blocks: u.detail,
1912
- path: `items.${x}.detail`,
1915
+ path: `items.${S}.detail`,
1913
1916
  parent: e.builderBlock.id,
1914
1917
  context: e.builderContext,
1915
1918
  registeredComponents: e.builderComponents,
@@ -1918,7 +1921,7 @@ function En(e) {
1918
1921
  )
1919
1922
  }
1920
1923
  ) : null
1921
- ] }, x)) });
1924
+ ] }, S)) });
1922
1925
  }
1923
1926
  const Rn = {
1924
1927
  name: "Core:Button",
@@ -2329,7 +2332,7 @@ function J(e) {
2329
2332
  );
2330
2333
  }
2331
2334
  function $n(e) {
2332
- var S, T, E, _, H, q, p, v, V, A, $, R, P;
2335
+ var v, T, E, _, H, q, y, x, V, A, $, R, P;
2333
2336
  const t = z(null), [n, i] = k(
2334
2337
  () => Te.getUserAttributes()
2335
2338
  ), [a, r] = k(
@@ -2358,14 +2361,14 @@ function $n(e) {
2358
2361
  Z((I = e.builderContext) == null ? void 0 : I.canTrack)
2359
2362
  );
2360
2363
  }
2361
- ), [u, x] = k(() => !1);
2362
- function f() {
2364
+ ), [u, S] = k(() => !1);
2365
+ function m() {
2363
2366
  return {
2364
2367
  ...e.attributes,
2365
2368
  [K()]: `builder-personalization-container ${e.attributes[K()] || ""}`
2366
2369
  };
2367
2370
  }
2368
- function m() {
2371
+ function g() {
2369
2372
  return (e.variants || []).filter((I) => {
2370
2373
  var N, C, W, L;
2371
2374
  return bn(
@@ -2381,17 +2384,17 @@ function $n(e) {
2381
2384
  );
2382
2385
  });
2383
2386
  }
2384
- function y() {
2387
+ function p() {
2385
2388
  var I;
2386
2389
  return kn({
2387
2390
  variants: e.variants,
2388
2391
  fallbackBlocks: (I = e.builderBlock) == null ? void 0 : I.children,
2389
2392
  isHydrated: u,
2390
- filteredVariants: m(),
2393
+ filteredVariants: g(),
2391
2394
  previewingIndex: e.previewingIndex
2392
2395
  });
2393
2396
  }
2394
- function g() {
2397
+ function f() {
2395
2398
  return (e.variants || []).map(
2396
2399
  (I, N) => {
2397
2400
  var C;
@@ -2401,7 +2404,7 @@ function $n(e) {
2401
2404
  }
2402
2405
  return B(() => {
2403
2406
  var N;
2404
- x(!0);
2407
+ S(!0);
2405
2408
  const I = Te.subscribeOnUserAttributesChange(
2406
2409
  (C) => {
2407
2410
  i(C);
@@ -2411,7 +2414,7 @@ function $n(e) {
2411
2414
  }
2412
2415
  );
2413
2416
  if (!(U() || oe())) {
2414
- const C = m()[0];
2417
+ const C = g()[0];
2415
2418
  t.current && (t.current.dispatchEvent(
2416
2419
  new CustomEvent("builder.variantLoaded", {
2417
2420
  detail: {
@@ -2438,18 +2441,18 @@ function $n(e) {
2438
2441
  c.push(I);
2439
2442
  }, []), B(() => () => {
2440
2443
  c.forEach((I) => I());
2441
- }, []), /* @__PURE__ */ D("div", { ref: t, ...f(), children: [
2444
+ }, []), /* @__PURE__ */ D("div", { ref: t, ...m(), children: [
2442
2445
  u && ie.includes(F) ? /* @__PURE__ */ s(
2443
2446
  M,
2444
2447
  {
2445
- blocks: y().blocks,
2446
- parent: (S = e.builderBlock) == null ? void 0 : S.id,
2447
- path: y().path,
2448
+ blocks: p().blocks,
2449
+ parent: (v = e.builderBlock) == null ? void 0 : v.id,
2450
+ path: p().path,
2448
2451
  context: e.builderContext,
2449
2452
  registeredComponents: e.builderComponents,
2450
2453
  BlocksWrapperProps: {
2451
2454
  ...(T = e.builderContext) == null ? void 0 : T.BlocksWrapperProps,
2452
- "data-variant-id": `${(E = e.builderBlock) == null ? void 0 : E.id}-${y().index}`
2455
+ "data-variant-id": `${(E = e.builderBlock) == null ? void 0 : E.id}-${p().index}`
2453
2456
  }
2454
2457
  }
2455
2458
  ) : null,
@@ -2459,7 +2462,7 @@ function $n(e) {
2459
2462
  te,
2460
2463
  {
2461
2464
  nonce: ((_ = e.builderContext) == null ? void 0 : _.nonce) || "",
2462
- styles: g(),
2465
+ styles: f(),
2463
2466
  id: `variants-styles-${(H = e.builderBlock) == null ? void 0 : H.id}`
2464
2467
  }
2465
2468
  ),
@@ -2468,10 +2471,10 @@ function $n(e) {
2468
2471
  {
2469
2472
  nonce: ((q = e.builderContext) == null ? void 0 : q.nonce) || "",
2470
2473
  scriptStr: o,
2471
- id: `variants-visibility-script-${(p = e.builderBlock) == null ? void 0 : p.id}`
2474
+ id: `variants-visibility-script-${(y = e.builderBlock) == null ? void 0 : y.id}`
2472
2475
  }
2473
2476
  ),
2474
- (v = e.variants) == null ? void 0 : v.map((I, N) => {
2477
+ (x = e.variants) == null ? void 0 : x.map((I, N) => {
2475
2478
  var C, W, L, O, j, Ce;
2476
2479
  return /* @__PURE__ */ s(
2477
2480
  M,
@@ -2503,14 +2506,14 @@ function $n(e) {
2503
2506
  /* @__PURE__ */ s(
2504
2507
  M,
2505
2508
  {
2506
- blocks: y().blocks,
2509
+ blocks: p().blocks,
2507
2510
  parent: (V = e.builderBlock) == null ? void 0 : V.id,
2508
- path: y().path,
2511
+ path: p().path,
2509
2512
  context: e.builderContext,
2510
2513
  registeredComponents: e.builderComponents,
2511
2514
  BlocksWrapperProps: {
2512
2515
  ...(A = e.builderContext) == null ? void 0 : A.BlocksWrapperProps,
2513
- "data-variant-id": `${($ = e.builderBlock) == null ? void 0 : $.id}-${y().index}`
2516
+ "data-variant-id": `${($ = e.builderBlock) == null ? void 0 : $.id}-${p().index}`
2514
2517
  },
2515
2518
  children: h ? /* @__PURE__ */ s(
2516
2519
  J,
@@ -3239,12 +3242,12 @@ const Gn = {
3239
3242
  function Xn(e) {
3240
3243
  const t = z(null), [n, i] = k(() => "unsubmitted"), [a, r] = k(() => null), [o, l] = k(() => "");
3241
3244
  function c(u) {
3242
- var f, m;
3243
- const x = {
3245
+ var m, g;
3246
+ const S = {
3244
3247
  ...e.builderContext.rootState,
3245
3248
  ...u
3246
3249
  };
3247
- e.builderContext.rootSetState ? (m = (f = e.builderContext).rootSetState) == null || m.call(f, x) : e.builderContext.rootState = x;
3250
+ e.builderContext.rootSetState ? (g = (m = e.builderContext).rootSetState) == null || g.call(m, S) : e.builderContext.rootState = S;
3248
3251
  }
3249
3252
  function d() {
3250
3253
  return U() && e.previewState || n;
@@ -3253,86 +3256,86 @@ function Xn(e) {
3253
3256
  return JSON.stringify(u, null, 2);
3254
3257
  }
3255
3258
  function b(u) {
3256
- var f;
3257
- const x = e.sendWithJs || e.sendSubmissionsTo === "email";
3259
+ var m;
3260
+ const S = e.sendWithJs || e.sendSubmissionsTo === "email";
3258
3261
  if (e.sendSubmissionsTo === "zapier")
3259
3262
  u.preventDefault();
3260
- else if (x) {
3263
+ else if (S) {
3261
3264
  if (!(e.action || e.sendSubmissionsTo === "email")) {
3262
3265
  u.preventDefault();
3263
3266
  return;
3264
3267
  }
3265
3268
  u.preventDefault();
3266
- const m = u.currentTarget || u.target, y = e.customHeaders || {};
3267
- let g;
3268
- const S = new FormData(m), T = Array.from(m.querySelectorAll("input,select,textarea")).filter((p) => !!p.name).filter(
3269
- (p) => !!p.name && (p.type !== "radio" || p.checked)
3270
- ).map((p) => {
3271
- let v;
3272
- const V = p.name;
3273
- if (p instanceof HTMLInputElement)
3274
- if (p.type === "radio") {
3275
- if (p.checked)
3276
- return v = p.value, {
3269
+ const g = u.currentTarget || u.target, p = e.customHeaders || {};
3270
+ let f;
3271
+ const v = new FormData(g), T = Array.from(g.querySelectorAll("input,select,textarea")).filter((y) => !!y.name).filter(
3272
+ (y) => !!y.name && (y.type !== "radio" || y.checked)
3273
+ ).map((y) => {
3274
+ let x;
3275
+ const V = y.name;
3276
+ if (y instanceof HTMLInputElement)
3277
+ if (y.type === "radio") {
3278
+ if (y.checked)
3279
+ return x = y.value, {
3277
3280
  key: V,
3278
- value: v
3281
+ value: x
3279
3282
  };
3280
- } else if (p.type === "checkbox")
3281
- v = p.checked;
3282
- else if (p.type === "number" || p.type === "range") {
3283
- const A = p.valueAsNumber;
3284
- isNaN(A) || (v = A);
3283
+ } else if (y.type === "checkbox")
3284
+ x = y.checked;
3285
+ else if (y.type === "number" || y.type === "range") {
3286
+ const A = y.valueAsNumber;
3287
+ isNaN(A) || (x = A);
3285
3288
  } else
3286
- p.type === "file" ? v = p.files : v = p.value;
3289
+ y.type === "file" ? x = y.files : x = y.value;
3287
3290
  else
3288
- v = p.value;
3291
+ x = y.value;
3289
3292
  return {
3290
3293
  key: V,
3291
- value: v
3294
+ value: x
3292
3295
  };
3293
3296
  });
3294
3297
  let E = e.contentType;
3295
- if (e.sendSubmissionsTo === "email" && (E = "multipart/form-data"), Array.from(T).forEach(({ value: p }) => {
3296
- (p instanceof File || Array.isArray(p) && p[0] instanceof File || p instanceof FileList) && (E = "multipart/form-data");
3298
+ if (e.sendSubmissionsTo === "email" && (E = "multipart/form-data"), Array.from(T).forEach(({ value: y }) => {
3299
+ (y instanceof File || Array.isArray(y) && y[0] instanceof File || y instanceof FileList) && (E = "multipart/form-data");
3297
3300
  }), E !== "application/json")
3298
- g = S;
3301
+ f = v;
3299
3302
  else {
3300
- const p = {};
3301
- Array.from(T).forEach(({ value: v, key: V }) => {
3302
- He(p, V, v);
3303
- }), g = JSON.stringify(p);
3303
+ const y = {};
3304
+ Array.from(T).forEach(({ value: x, key: V }) => {
3305
+ He(y, V, x);
3306
+ }), f = JSON.stringify(y);
3304
3307
  }
3305
- E && E !== "multipart/form-data" && (x && ((f = e.action) != null && f.includes("zapier.com")) || (y["content-type"] = E));
3306
- const _ = new CustomEvent("presubmit", { detail: { body: g } });
3308
+ E && E !== "multipart/form-data" && (S && ((m = e.action) != null && m.includes("zapier.com")) || (p["content-type"] = E));
3309
+ const _ = new CustomEvent("presubmit", { detail: { body: f } });
3307
3310
  if (t.current && (t.current.dispatchEvent(_), _.defaultPrevented))
3308
3311
  return;
3309
3312
  if (i("sending"), e.sendSubmissionsTo === "email" && (e.sendSubmissionsToEmail === "your@email.com" || !e.sendSubmissionsToEmail)) {
3310
- const p = "SubmissionsToEmail is required when sendSubmissionsTo is set to email";
3311
- console.error(p), i("error"), c({ formErrorMessage: p });
3313
+ const y = "SubmissionsToEmail is required when sendSubmissionsTo is set to email";
3314
+ console.error(y), i("error"), c({ formErrorMessage: y });
3312
3315
  return;
3313
3316
  }
3314
3317
  const H = `${Yn() === "dev" ? "http://localhost:5000" : "https://builder.io"}/api/v1/form-submit?apiKey=${e.builderContext.apiKey}&to=${btoa(
3315
3318
  e.sendSubmissionsToEmail || ""
3316
3319
  )}&name=${encodeURIComponent(e.name || "")}`, q = e.sendSubmissionsTo === "email" ? H : e.action;
3317
- Le(q), fetch(q, { body: g, headers: y, method: e.method || "post" }).then(
3318
- async (p) => {
3320
+ Le(q), fetch(q, { body: f, headers: p, method: e.method || "post" }).then(
3321
+ async (y) => {
3319
3322
  var A, $;
3320
- let v;
3321
- const V = p.headers.get("content-type");
3322
- if (V && V.indexOf("application/json") !== -1 ? v = await p.json() : v = await p.text(), !p.ok) {
3323
+ let x;
3324
+ const V = y.headers.get("content-type");
3325
+ if (V && V.indexOf("application/json") !== -1 ? x = await y.json() : x = await y.text(), !y.ok) {
3323
3326
  const R = new CustomEvent("submit:error", {
3324
- detail: { error: v, status: p.status }
3327
+ detail: { error: x, status: y.status }
3325
3328
  });
3326
3329
  if ((A = t.current) != null && A.nativeElement && (($ = t.current) == null || $.nativeElement.dispatchEvent(R), R.defaultPrevented))
3327
3330
  return;
3328
- r(v), i("error");
3329
- let P = e.errorMessagePath ? qe(v, e.errorMessagePath) : v.message || v.error || v;
3331
+ r(x), i("error");
3332
+ let P = e.errorMessagePath ? qe(x, e.errorMessagePath) : x.message || x.error || x;
3330
3333
  typeof P != "string" && (P = JSON.stringify(P)), l(P), c({ formErrorMessage: P });
3331
3334
  return;
3332
3335
  }
3333
- if (r(v), i(p.ok ? "success" : "error"), p.ok) {
3336
+ if (r(x), i(y.ok ? "success" : "error"), y.ok) {
3334
3337
  const R = new CustomEvent("submit:success", {
3335
- detail: { res: p, body: v }
3338
+ detail: { res: y, body: x }
3336
3339
  });
3337
3340
  if (t.current) {
3338
3341
  if (t.current.dispatchEvent(R), R.defaultPrevented)
@@ -3349,11 +3352,11 @@ function Xn(e) {
3349
3352
  location.href = e.successUrl;
3350
3353
  }
3351
3354
  },
3352
- (p) => {
3353
- const v = new CustomEvent("submit:error", {
3354
- detail: { error: p }
3355
+ (y) => {
3356
+ const x = new CustomEvent("submit:error", {
3357
+ detail: { error: y }
3355
3358
  });
3356
- t.current && (t.current.dispatchEvent(v), v.defaultPrevented) || (r(p), i("error"));
3359
+ t.current && (t.current.dispatchEvent(x), x.defaultPrevented) || (r(y), i("error"));
3357
3360
  }
3358
3361
  );
3359
3362
  }
@@ -3797,24 +3800,24 @@ function ui(e) {
3797
3800
  });
3798
3801
  return B(() => {
3799
3802
  if (e.lazyLoad) {
3800
- const x = new IntersectionObserver(function(f) {
3801
- f.forEach(function(m) {
3802
- if (!m.isIntersecting)
3803
+ const S = new IntersectionObserver(function(m) {
3804
+ m.forEach(function(g) {
3805
+ if (!g.isIntersecting)
3803
3806
  return;
3804
- const y = m.target;
3807
+ const p = g.target;
3805
3808
  try {
3806
- Array.from(y.children).filter(
3807
- (g) => g instanceof HTMLElement && g.tagName === "SOURCE"
3808
- ).forEach((g) => {
3809
- const S = g.dataset.src;
3810
- S && (g.src = S);
3811
- }), y.load(), x.unobserve(y);
3812
- } catch (g) {
3813
- console.error("Error loading lazy video:", g);
3809
+ Array.from(p.children).filter(
3810
+ (f) => f instanceof HTMLElement && f.tagName === "SOURCE"
3811
+ ).forEach((f) => {
3812
+ const v = f.dataset.src;
3813
+ v && (f.src = v);
3814
+ }), p.load(), S.unobserve(p);
3815
+ } catch (f) {
3816
+ console.error("Error loading lazy video:", f);
3814
3817
  }
3815
3818
  });
3816
3819
  });
3817
- t.current && x.observe(t.current), r(x);
3820
+ t.current && S.observe(t.current), r(S);
3818
3821
  }
3819
3822
  }, []), B(() => () => {
3820
3823
  a && a.disconnect();
@@ -4169,17 +4172,17 @@ font-weight: ${l};
4169
4172
  }
4170
4173
  `, Ri = (e) => e ? "" : Ei, Pi = (e) => `variant-${e}`;
4171
4174
  function Vi(e) {
4172
- var H, q, p;
4175
+ var H, q, y;
4173
4176
  const t = z(null);
4174
4177
  k(() => !1), k(
4175
4178
  () => e.builderContextSignal
4176
4179
  );
4177
4180
  const [n, i] = k(() => null), [a, r] = k(() => "");
4178
- function o(v, V) {
4181
+ function o(x, V) {
4179
4182
  var $, R;
4180
4183
  const A = {
4181
4184
  ...e.builderContextSignal.rootState,
4182
- ...v
4185
+ ...x
4183
4186
  };
4184
4187
  e.builderContextSignal.rootSetState ? (R = ($ = e.builderContextSignal).rootSetState) == null || R.call($, A) : e.setBuilderContextSignal((P) => ({
4185
4188
  ...P,
@@ -4189,19 +4192,19 @@ function Vi(e) {
4189
4192
  rootState: A
4190
4193
  }));
4191
4194
  }
4192
- function l(v, V) {
4195
+ function l(x, V) {
4193
4196
  var $, R, P, I, N;
4194
4197
  const A = {
4195
4198
  ...e.builderContextSignal.content,
4196
- ...v,
4199
+ ...x,
4197
4200
  data: {
4198
4201
  ...($ = e.builderContextSignal.content) == null ? void 0 : $.data,
4199
- ...v == null ? void 0 : v.data
4202
+ ...x == null ? void 0 : x.data
4200
4203
  },
4201
4204
  meta: {
4202
4205
  ...(R = e.builderContextSignal.content) == null ? void 0 : R.meta,
4203
- ...v == null ? void 0 : v.meta,
4204
- breakpoints: ((P = v == null ? void 0 : v.meta) == null ? void 0 : P.breakpoints) || ((N = (I = e.builderContextSignal.content) == null ? void 0 : I.meta) == null ? void 0 : N.breakpoints)
4206
+ ...x == null ? void 0 : x.meta,
4207
+ breakpoints: ((P = x == null ? void 0 : x.meta) == null ? void 0 : P.breakpoints) || ((N = (I = e.builderContextSignal.content) == null ? void 0 : I.meta) == null ? void 0 : N.breakpoints)
4205
4208
  }
4206
4209
  };
4207
4210
  e.setBuilderContextSignal((C) => ({
@@ -4218,7 +4221,7 @@ function Vi(e) {
4218
4221
  const [d, h] = k(
4219
4222
  () => e.contentWrapper || "div"
4220
4223
  );
4221
- function b(v) {
4224
+ function b(x) {
4222
4225
  return dt({
4223
4226
  model: e.model,
4224
4227
  trustedHosts: e.trustedHosts,
@@ -4242,10 +4245,10 @@ function Vi(e) {
4242
4245
  o(V);
4243
4246
  }
4244
4247
  }
4245
- })(v);
4248
+ })(x);
4246
4249
  }
4247
- const [u, x] = k(() => ({})), [f, m] = k(() => ({})), [y, g] = k(() => !1);
4248
- function S(v) {
4250
+ const [u, S] = k(() => ({})), [m, g] = k(() => ({})), [p, f] = k(() => !1);
4251
+ function v(x) {
4249
4252
  var V, A;
4250
4253
  if (e.builderContextSignal.content) {
4251
4254
  const $ = (V = e.builderContextSignal.content) == null ? void 0 : V.testVariationId, R = (A = e.builderContextSignal.content) == null ? void 0 : A.id;
@@ -4256,24 +4259,24 @@ function Vi(e) {
4256
4259
  contentId: R,
4257
4260
  apiKey: e.apiKey,
4258
4261
  variationId: $ !== R ? $ : void 0,
4259
- ...ki(v),
4260
- unique: !y
4262
+ ...ki(x),
4263
+ unique: !p
4261
4264
  });
4262
4265
  }
4263
- y || g(!0);
4266
+ p || f(!0);
4264
4267
  }
4265
4268
  function T() {
4266
4269
  var V, A, $;
4267
- const v = ($ = (A = (V = e.builderContextSignal.content) == null ? void 0 : V.data) == null ? void 0 : A.httpRequests) != null ? $ : {};
4268
- Object.entries(v).forEach(
4270
+ const x = ($ = (A = (V = e.builderContextSignal.content) == null ? void 0 : V.data) == null ? void 0 : A.httpRequests) != null ? $ : {};
4271
+ Object.entries(x).forEach(
4269
4272
  ([R, P]) => {
4270
4273
  if (!P)
4271
4274
  return;
4272
4275
  const I = typeof P == "object" && P["@type"] === "@builder.io/core:Request";
4273
- if (f[R] || u[R] && !U())
4276
+ if (m[R] || u[R] && !U())
4274
4277
  return;
4275
4278
  const N = I ? P.request.url : P;
4276
- f[R] = !0;
4279
+ m[R] = !0;
4277
4280
  const C = N.replace(
4278
4281
  /{{([^}]+)}}/g,
4279
4282
  (O, j) => String(
@@ -4311,7 +4314,7 @@ function Vi(e) {
4311
4314
  O
4312
4315
  );
4313
4316
  }).finally(() => {
4314
- f[R] = !1;
4317
+ m[R] = !1;
4315
4318
  });
4316
4319
  }
4317
4320
  );
@@ -4333,7 +4336,7 @@ function Vi(e) {
4333
4336
  }
4334
4337
  const _ = z(!1);
4335
4338
  return _.current || (T(), E(), _.current = !0), B(() => {
4336
- var v, V, A, $, R;
4339
+ var x, V, A, $, R;
4337
4340
  if (G()) {
4338
4341
  U() && !e.isNestedRender && (window.addEventListener("message", b), st({
4339
4342
  ...e.locale ? {
@@ -4345,7 +4348,7 @@ function Vi(e) {
4345
4348
  ...e.trustedHosts ? {
4346
4349
  trustedHosts: e.trustedHosts
4347
4350
  } : {},
4348
- modelName: (v = e.model) != null ? v : "",
4351
+ modelName: (x = e.model) != null ? x : "",
4349
4352
  apiKey: e.apiKey
4350
4353
  }), Object.values(
4351
4354
  e.builderContextSignal.componentInfos
@@ -4419,11 +4422,11 @@ function Vi(e) {
4419
4422
  d,
4420
4423
  {
4421
4424
  ref: t,
4422
- onClick: (v) => S(v),
4425
+ onClick: (x) => v(x),
4423
4426
  "builder-content-id": (H = e.builderContextSignal.content) == null ? void 0 : H.id,
4424
4427
  "builder-model": e.model,
4425
4428
  className: Pi(
4426
- ((q = e.content) == null ? void 0 : q.testVariationId) || ((p = e.content) == null ? void 0 : p.id)
4429
+ ((q = e.content) == null ? void 0 : q.testVariationId) || ((y = e.content) == null ? void 0 : y.id)
4427
4430
  ),
4428
4431
  style: {
4429
4432
  display: !e.builderContextSignal.content && De() ? "none" : void 0
@@ -4485,22 +4488,22 @@ const Bi = ({
4485
4488
  meta: e == null ? void 0 : e.meta
4486
4489
  } : void 0;
4487
4490
  function Fe(e) {
4488
- var d, h, b, u, x, f, m, y, g;
4491
+ var d, h, b, u, S, m, g, p, f;
4489
4492
  const [t, n] = k(
4490
4493
  () => {
4491
- var S, T;
4494
+ var v, T;
4492
4495
  return vi({
4493
4496
  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
4494
- variationId: (S = e.content) == null ? void 0 : S.testVariationId,
4497
+ variationId: (v = e.content) == null ? void 0 : v.testVariationId,
4495
4498
  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
4496
4499
  contentId: (T = e.content) == null ? void 0 : T.id
4497
4500
  });
4498
4501
  }
4499
4502
  );
4500
- function i(S) {
4503
+ function i(v) {
4501
4504
  l((T) => ({
4502
4505
  ...T,
4503
- rootState: S
4506
+ rootState: v
4504
4507
  }));
4505
4508
  }
4506
4509
  const [a, r] = k(
@@ -4508,8 +4511,8 @@ function Fe(e) {
4508
4511
  ...Ne(),
4509
4512
  ...e.customComponents || []
4510
4513
  ].reduce(
4511
- (S, { component: T, ...E }) => ({
4512
- ...S,
4514
+ (v, { component: T, ...E }) => ({
4515
+ ...v,
4513
4516
  [E.name]: {
4514
4517
  component: T,
4515
4518
  ...we(E)
@@ -4537,8 +4540,8 @@ function Fe(e) {
4537
4540
  ...Ne(),
4538
4541
  ...e.customComponents || []
4539
4542
  ].reduce(
4540
- (S, { component: T, ...E }) => ({
4541
- ...S,
4543
+ (v, { component: T, ...E }) => ({
4544
+ ...v,
4542
4545
  [E.name]: we(E)
4543
4546
  }),
4544
4547
  {}
@@ -4553,9 +4556,9 @@ function Fe(e) {
4553
4556
  e.apiKey || ee.error(
4554
4557
  "No API key provided to `Content` component. This can cause issues. Please provide an API key using the `apiKey` prop."
4555
4558
  );
4556
- const S = (h = (d = o.content) == null ? void 0 : d.data) == null ? void 0 : h.jsCode;
4557
- S && Q({
4558
- code: S,
4559
+ const v = (h = (d = o.content) == null ? void 0 : d.data) == null ? void 0 : h.jsCode;
4560
+ v && Q({
4561
+ code: v,
4559
4562
  context: e.context || {},
4560
4563
  localState: void 0,
4561
4564
  rootState: o.rootState,
@@ -4607,14 +4610,14 @@ function Fe(e) {
4607
4610
  nonce: e.nonce || "",
4608
4611
  isNestedRender: e.isNestedRender,
4609
4612
  contentId: (b = o.content) == null ? void 0 : b.id,
4610
- cssCode: (x = (u = o.content) == null ? void 0 : u.data) == null ? void 0 : x.cssCode,
4611
- customFonts: (m = (f = o.content) == null ? void 0 : f.data) == null ? void 0 : m.customFonts
4613
+ cssCode: (S = (u = o.content) == null ? void 0 : u.data) == null ? void 0 : S.cssCode,
4614
+ customFonts: (g = (m = o.content) == null ? void 0 : m.data) == null ? void 0 : g.customFonts
4612
4615
  }
4613
4616
  ),
4614
4617
  /* @__PURE__ */ s(
4615
4618
  M,
4616
4619
  {
4617
- blocks: (g = (y = o.content) == null ? void 0 : y.data) == null ? void 0 : g.blocks,
4620
+ blocks: (f = (p = o.content) == null ? void 0 : p.data) == null ? void 0 : f.blocks,
4618
4621
  context: o,
4619
4622
  registeredComponents: a,
4620
4623
  linkComponent: e.linkComponent
@@ -4758,7 +4761,7 @@ const Wi = async ({
4758
4761
  (e != null && e.apiKey))
4759
4762
  return Oe({
4760
4763
  model: t.model,
4761
- apiKey: e.apiKey,
4764
+ apiKey: t.global && t.ownerId ? t.ownerId : e.apiKey,
4762
4765
  apiVersion: e.apiVersion,
4763
4766
  ...(t == null ? void 0 : t.entry) && {
4764
4767
  query: {
@@ -4770,7 +4773,7 @@ const Wi = async ({
4770
4773
  });
4771
4774
  };
4772
4775
  function Di(e) {
4773
- var h, b, u, x, f;
4776
+ var h, b, u, S, m, g, p;
4774
4777
  function t() {
4775
4778
  return "div";
4776
4779
  }
@@ -4781,29 +4784,29 @@ function Di(e) {
4781
4784
  return Object.values(e.builderComponents);
4782
4785
  }
4783
4786
  function a() {
4784
- var m, y;
4787
+ var f, v;
4785
4788
  return [
4786
4789
  e.attributes[K()],
4787
4790
  "builder-symbol",
4788
- (m = e.symbol) != null && m.inline ? "builder-inline-symbol" : void 0,
4789
- (y = e.symbol) != null && y.dynamic || e.dynamic ? "builder-dynamic-symbol" : void 0
4791
+ (f = e.symbol) != null && f.inline ? "builder-inline-symbol" : void 0,
4792
+ (v = e.symbol) != null && v.dynamic || e.dynamic ? "builder-dynamic-symbol" : void 0
4790
4793
  ].filter(Boolean).join(" ");
4791
4794
  }
4792
4795
  const [r, o] = k(() => {
4793
- var m;
4794
- return (m = e.symbol) == null ? void 0 : m.content;
4796
+ var f;
4797
+ return (f = e.symbol) == null ? void 0 : f.content;
4795
4798
  }), [l, c] = k(() => {
4796
- var m;
4797
- return (m = e.symbol) == null ? void 0 : m.entry;
4799
+ var f;
4800
+ return (f = e.symbol) == null ? void 0 : f.entry;
4798
4801
  });
4799
4802
  function d() {
4800
- var m;
4801
- r && l === ((m = e.symbol) == null ? void 0 : m.entry) || Wi({
4803
+ var f;
4804
+ r && l === ((f = e.symbol) == null ? void 0 : f.entry) || Wi({
4802
4805
  symbol: e.symbol,
4803
4806
  builderContextValue: e.builderContext
4804
- }).then((y) => {
4805
- var g;
4806
- y && (o(y), c((g = e.symbol) == null ? void 0 : g.entry));
4807
+ }).then((v) => {
4808
+ var T;
4809
+ v && (o(v), c((T = e.symbol) == null ? void 0 : T.entry));
4807
4810
  });
4808
4811
  }
4809
4812
  return B(() => {
@@ -4815,19 +4818,19 @@ function Di(e) {
4815
4818
  nonce: e.builderContext.nonce,
4816
4819
  isNestedRender: !0,
4817
4820
  apiVersion: e.builderContext.apiVersion,
4818
- apiKey: e.builderContext.apiKey,
4821
+ apiKey: (h = e.symbol) != null && h.global && ((b = e.symbol) != null && b.ownerId) ? e.symbol.ownerId : e.builderContext.apiKey,
4819
4822
  context: {
4820
4823
  ...e.builderContext.context,
4821
- symbolId: (h = e.builderBlock) == null ? void 0 : h.id
4824
+ symbolId: (u = e.builderBlock) == null ? void 0 : u.id
4822
4825
  },
4823
4826
  customComponents: i(),
4824
4827
  data: {
4825
- ...(b = e.symbol) == null ? void 0 : b.data,
4828
+ ...(S = e.symbol) == null ? void 0 : S.data,
4826
4829
  ...e.builderContext.localState,
4827
- ...(u = r == null ? void 0 : r.data) == null ? void 0 : u.state
4830
+ ...(m = r == null ? void 0 : r.data) == null ? void 0 : m.state
4828
4831
  },
4829
4832
  canTrack: e.builderContext.canTrack,
4830
- model: (f = (x = e.symbol) == null ? void 0 : x.model) != null ? f : "",
4833
+ model: (p = (g = e.symbol) == null ? void 0 : g.model) != null ? p : "",
4831
4834
  content: r,
4832
4835
  linkComponent: e.builderLinkComponent,
4833
4836
  blocksWrapper: t(),