@builder.io/sdk-react 0.13.4 → 1.0.2

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.
@@ -1,11 +1,11 @@
1
1
  "use client";
2
2
  import { jsx as l, Fragment as m, jsxs as F } from "react/jsx-runtime";
3
- import { createContext as Te, useState as v, useEffect as V, useContext as he, useRef as ee, createElement as ae } from "react";
4
- import { T as z, i as M, k as U, l as Ue, m as Q, n as _, o as re, p as X, q as ge, a as He, u as _e, v as Ke, w as qe, c as ze, e as Ee, x as Je, y as be, z as ye, A as Ye } from "./server-entry-2a8acf68.js";
5
- import { _ as On, f as jn, d as Un, h as Hn, g as _n, j as Kn, r as qn, s as zn, b as Jn, t as Yn } from "./server-entry-2a8acf68.js";
6
- const Ge = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), Qe = (e) => typeof e == "string" && Ge.has(e.toLowerCase());
3
+ import { T as z, i as M, h as U, j as Oe, k as Q, l as _, m as ae, n as X, o as he, a as je, p as Ue, q as He, u as _e, c as Ke, e as Ie, v as qe, w as ge, x as ze } from "./server-entry-f6f9bdcb.js";
4
+ import { _ as Ln, f as Dn, d as Mn, g as On, r as jn, s as Un, b as Hn, t as _n } from "./server-entry-f6f9bdcb.js";
5
+ import { createContext as Te, useState as v, useEffect as V, useContext as be, useRef as ee, createElement as re } from "react";
6
+ const Je = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), Ye = (e) => typeof e == "string" && Je.has(e.toLowerCase());
7
7
  function le(e) {
8
- return /* @__PURE__ */ l(m, { children: Qe(e.TagName) ? /* @__PURE__ */ l(m, { children: /* @__PURE__ */ l(e.TagName, { ...e.attributes, ...e.actionAttributes }) }) : /* @__PURE__ */ l(m, { children: typeof e.TagName == "string" ? /* @__PURE__ */ l(m, { children: /* @__PURE__ */ l(e.TagName, { ...e.attributes, ...e.actionAttributes, children: e.children }) }) : /* @__PURE__ */ l(m, { children: /* @__PURE__ */ l(e.TagName, { ...e.attributes, ...e.actionAttributes, children: e.children }) }) }) });
8
+ return /* @__PURE__ */ l(m, { children: Ye(e.TagName) ? /* @__PURE__ */ l(m, { children: /* @__PURE__ */ l(e.TagName, { ...e.attributes, ...e.actionAttributes }) }) : /* @__PURE__ */ l(m, { children: typeof e.TagName == "string" ? /* @__PURE__ */ l(m, { children: /* @__PURE__ */ l(e.TagName, { ...e.attributes, ...e.actionAttributes, children: e.children }) }) : /* @__PURE__ */ l(m, { children: /* @__PURE__ */ l(e.TagName, { ...e.attributes, ...e.actionAttributes, children: e.children }) }) }) });
9
9
  }
10
10
  const K = () => {
11
11
  switch (z) {
@@ -20,11 +20,10 @@ const K = () => {
20
20
  return "class";
21
21
  }
22
22
  };
23
- function Xe(e) {
23
+ function Ge(e) {
24
24
  return /* @__PURE__ */ l(
25
25
  le,
26
26
  {
27
- TagName: e.link ? e.builderLinkComponent || "a" : "button",
28
27
  attributes: {
29
28
  ...e.attributes,
30
29
  [K()]: `${e.link ? "" : "builder-button"} ${e.attributes[K()] || ""}`,
@@ -36,6 +35,7 @@ function Xe(e) {
36
35
  role: "button"
37
36
  }
38
37
  },
38
+ TagName: e.link ? e.builderLinkComponent || "a" : "button",
39
39
  actionAttributes: {},
40
40
  children: e.text
41
41
  }
@@ -54,8 +54,8 @@ const se = Te({
54
54
  inheritedStyles: {},
55
55
  BlocksWrapper: "div",
56
56
  BlocksWrapperProps: {}
57
- }), Re = Te({ registeredComponents: {} });
58
- function Ze(e) {
57
+ }), Ee = Te({ registeredComponents: {} });
58
+ function Qe(e) {
59
59
  var t;
60
60
  return {
61
61
  ...(t = e.component) == null ? void 0 : t.options,
@@ -66,7 +66,7 @@ function Ze(e) {
66
66
  builderBlock: e
67
67
  };
68
68
  }
69
- const et = ({
69
+ const Xe = ({
70
70
  builder: e,
71
71
  context: t,
72
72
  event: n,
@@ -78,14 +78,14 @@ const et = ({
78
78
  builder: e,
79
79
  context: t,
80
80
  event: n
81
- }), tt = () => ({
81
+ }), Ze = () => ({
82
82
  isEditing: M(),
83
83
  isBrowser: U(),
84
84
  isServer: !U(),
85
- getUserAttributes: () => Ue()
86
- }), nt = (e, {
85
+ getUserAttributes: () => Oe()
86
+ }), et = (e, {
87
87
  isExpression: t = !0
88
- }) => /* we disable this for cases where we definitely don't want a return */ t && !(e.includes(";") || e.includes(" return ") || e.trim().startsWith("return ")) ? `return (${e});` : e, pe = ({
88
+ }) => /* we disable this for cases where we definitely don't want a return */ t && !(e.includes(";") || e.includes(" return ") || e.trim().startsWith("return ")) ? `return (${e});` : e, ye = ({
89
89
  code: e,
90
90
  builder: t,
91
91
  context: n,
@@ -94,11 +94,11 @@ const et = ({
94
94
  rootSetState: a,
95
95
  rootState: r
96
96
  }) => {
97
- const s = et({
97
+ const s = Xe({
98
98
  builder: t,
99
99
  context: n,
100
100
  event: i,
101
- state: Pe({
101
+ state: Re({
102
102
  rootState: r,
103
103
  localState: o,
104
104
  rootSetState: a
@@ -106,7 +106,7 @@ const et = ({
106
106
  });
107
107
  return new Function(...s.map(([c]) => c), e)(...s.map(([, c]) => c));
108
108
  };
109
- function Pe({
109
+ function Re({
110
110
  rootState: e,
111
111
  localState: t,
112
112
  rootSetState: n
@@ -116,7 +116,7 @@ function Pe({
116
116
  if (t && o in t)
117
117
  return t[o];
118
118
  const a = i[o];
119
- return typeof a == "object" ? Pe({
119
+ return typeof a == "object" ? Re({
120
120
  rootState: a,
121
121
  localState: void 0,
122
122
  rootSetState: n ? (r) => {
@@ -131,17 +131,17 @@ function Pe({
131
131
  }
132
132
  });
133
133
  }
134
- function it() {
134
+ function tt() {
135
135
  var e;
136
136
  return typeof process != "undefined" && Q((e = process == null ? void 0 : process.versions) == null ? void 0 : e.node);
137
137
  }
138
- const ot = () => {
138
+ const nt = () => {
139
139
  var i;
140
- if (!it())
140
+ if (!tt())
141
141
  return !1;
142
142
  const e = process.arch === "arm64", t = process.version.startsWith("v20"), n = (i = process.env.NODE_OPTIONS) == null ? void 0 : i.includes("--no-node-snapshot");
143
143
  return e && t && !n ? (_.log("Skipping usage of `isolated-vm` to avoid crashes in Node v20 on an arm64 machine.\n If you would like to use the `isolated-vm` package on this machine, please provide the `NODE_OPTIONS=--no-node-snapshot` config to your Node process.\n See https://github.com/BuilderIO/builder/blob/main/packages/sdks/README.md#node-v20--m1-macs-apple-silicon-support for more information.\n "), !0) : !1;
144
- }, at = (e) => (U() || ot(), pe(e));
144
+ }, it = (e) => (U() || nt(), ye(e));
145
145
  function q({
146
146
  code: e,
147
147
  context: t,
@@ -156,10 +156,10 @@ function q({
156
156
  return;
157
157
  }
158
158
  const s = {
159
- code: nt(e, {
159
+ code: et(e, {
160
160
  isExpression: r
161
161
  }),
162
- builder: tt(),
162
+ builder: Ze(),
163
163
  context: t,
164
164
  event: a,
165
165
  rootSetState: o,
@@ -167,7 +167,7 @@ function q({
167
167
  localState: n
168
168
  };
169
169
  try {
170
- return at(s);
170
+ return it(s);
171
171
  } catch (c) {
172
172
  _.error("Failed code evaluation: " + c.message, {
173
173
  code: e
@@ -175,13 +175,13 @@ function q({
175
175
  return;
176
176
  }
177
177
  }
178
- const Ve = (e, t, n) => {
178
+ const Pe = (e, t, n) => {
179
179
  if (Object(e) !== e)
180
180
  return e;
181
181
  const i = Array.isArray(t) ? t : t.toString().match(/[^.[\]]+/g);
182
182
  return i.slice(0, -1).reduce((o, a, r) => Object(o[a]) === o[a] ? o[a] : o[a] = Math.abs(Number(i[r + 1])) >> 0 === +i[r + 1] ? [] : {}, e)[i[i.length - 1]] = n, e;
183
183
  };
184
- const rt = ({
184
+ const ot = ({
185
185
  block: e,
186
186
  context: t,
187
187
  localState: n,
@@ -190,7 +190,7 @@ const rt = ({
190
190
  }) => {
191
191
  if (!e.bindings)
192
192
  return e;
193
- const a = re(e), r = {
193
+ const a = ae(e), r = {
194
194
  ...a,
195
195
  properties: {
196
196
  ...a.properties
@@ -207,7 +207,7 @@ const rt = ({
207
207
  rootSetState: o,
208
208
  context: t
209
209
  });
210
- Ve(r, s, d);
210
+ Pe(r, s, d);
211
211
  }
212
212
  return r;
213
213
  };
@@ -220,7 +220,7 @@ function Z({
220
220
  rootSetState: a
221
221
  }) {
222
222
  const r = e;
223
- return n ? rt({
223
+ return n ? ot({
224
224
  block: r,
225
225
  localState: i,
226
226
  rootState: o,
@@ -228,7 +228,7 @@ function Z({
228
228
  context: t
229
229
  }) : r;
230
230
  }
231
- function lt(e, t, n = {}) {
231
+ function at(e, t, n = {}) {
232
232
  let i, o, a, r = null, s = 0;
233
233
  const c = function() {
234
234
  s = n.leading === !1 ? 0 : Date.now(), r = null, a = e.apply(i, o), r || (i = o = null);
@@ -251,17 +251,17 @@ function O(e, ...t) {
251
251
  return n;
252
252
  }
253
253
  const ce = (e) => e ? e.replace(/([A-Z])/g, (t) => `-${t[0].toLowerCase()}`) : "";
254
- function st(e) {
254
+ function rt(e) {
255
255
  for (const t of e)
256
256
  switch (t.trigger) {
257
257
  case "pageLoad":
258
- Be(t);
258
+ Ve(t);
259
259
  break;
260
260
  case "hover":
261
- dt(t);
261
+ st(t);
262
262
  break;
263
263
  case "scrollInView":
264
- ut(t);
264
+ ct(t);
265
265
  break;
266
266
  }
267
267
  }
@@ -269,19 +269,19 @@ function de(e) {
269
269
  console.warn(`Cannot animate element: element with ID ${e} not found!`);
270
270
  }
271
271
  function ue(e, t) {
272
- const n = ct(e), i = getComputedStyle(t), o = e.steps[0].styles, a = e.steps[e.steps.length - 1].styles, r = [o, a];
272
+ const n = lt(e), i = getComputedStyle(t), o = e.steps[0].styles, a = e.steps[e.steps.length - 1].styles, r = [o, a];
273
273
  for (const s of r)
274
274
  for (const c of n)
275
275
  c in s || (s[c] = i[c]);
276
276
  }
277
- function ct(e) {
277
+ function lt(e) {
278
278
  const t = [];
279
279
  for (const n of e.steps)
280
280
  for (const i in n.styles)
281
281
  t.indexOf(i) === -1 && t.push(i);
282
282
  return t;
283
283
  }
284
- function Be(e) {
284
+ function Ve(e) {
285
285
  const t = Array.prototype.slice.call(document.getElementsByClassName(e.elementId || e.id || ""));
286
286
  if (!t.length) {
287
287
  de(e.elementId || e.id || "");
@@ -295,7 +295,7 @@ function Be(e) {
295
295
  });
296
296
  });
297
297
  }
298
- function dt(e) {
298
+ function st(e) {
299
299
  const t = Array.prototype.slice.call(document.getElementsByClassName(e.elementId || e.id || ""));
300
300
  if (!t.length) {
301
301
  de(e.elementId || e.id || "");
@@ -315,7 +315,7 @@ function dt(e) {
315
315
  });
316
316
  });
317
317
  }
318
- function ut(e) {
318
+ function ct(e) {
319
319
  const t = Array.prototype.slice.call(document.getElementsByClassName(e.elementId || e.id || ""));
320
320
  if (!t.length) {
321
321
  de(e.elementId || e.id || "");
@@ -331,7 +331,7 @@ function ut(e) {
331
331
  }, (e.duration + (e.delay || 0)) * 1e3 + 100);
332
332
  })) : e.repeat && i && !o && !s(n) && (i = !1, O(n.style, e.steps[0].styles));
333
333
  }
334
- const r = lt(a, 200, {
334
+ const r = at(a, 200, {
335
335
  leading: !1
336
336
  });
337
337
  function s(u) {
@@ -350,7 +350,7 @@ function ut(e) {
350
350
  }), a();
351
351
  });
352
352
  }
353
- const mt = ({
353
+ const dt = ({
354
354
  block: e,
355
355
  context: t,
356
356
  registeredComponents: n
@@ -372,7 +372,7 @@ const mt = ({
372
372
  console.warn(`
373
373
  Could not find a registered component named "${i}".
374
374
  If you registered it, is the file that registered it imported by the file that needs to render it?`);
375
- }, ft = ({
375
+ }, ut = ({
376
376
  block: e,
377
377
  context: t
378
378
  }) => {
@@ -405,7 +405,7 @@ const mt = ({
405
405
  },
406
406
  block: i
407
407
  }));
408
- }, Ae = {
408
+ }, Be = {
409
409
  small: {
410
410
  min: 320,
411
411
  default: 321,
@@ -421,11 +421,11 @@ const mt = ({
421
421
  default: 991,
422
422
  max: 1200
423
423
  }
424
- }, xe = (e, t = Ae) => `@media (max-width: ${t[e].max}px)`, We = ({
424
+ }, pe = (e, t = Be) => `@media (max-width: ${t[e].max}px)`, Ae = ({
425
425
  small: e,
426
426
  medium: t
427
427
  }) => {
428
- const n = re(Ae);
428
+ const n = ae(Be);
429
429
  if (!e || !t)
430
430
  return n;
431
431
  const i = Math.floor(e / 2);
@@ -447,17 +447,17 @@ const mt = ({
447
447
  min: a,
448
448
  default: a + 1
449
449
  }, n;
450
- }, ht = (e) => e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase(), Fe = (e) => Object.entries(e).map(([n, i]) => {
450
+ }, mt = (e) => e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase(), We = (e) => Object.entries(e).map(([n, i]) => {
451
451
  if (typeof i == "string")
452
- return `${ht(n)}: ${i};`;
453
- }).filter(Q), gt = (e) => Fe(e).join(`
452
+ return `${mt(n)}: ${i};`;
453
+ }).filter(Q), ft = (e) => We(e).join(`
454
454
  `), ne = ({
455
455
  mediaQuery: e,
456
456
  className: t,
457
457
  styles: n
458
458
  }) => {
459
459
  const i = `.${t} {
460
- ${gt(n)}
460
+ ${ft(n)}
461
461
  }`;
462
462
  return e ? `${e} {
463
463
  ${i}
@@ -466,7 +466,7 @@ const mt = ({
466
466
  function te(e) {
467
467
  return /* @__PURE__ */ l("style", { dangerouslySetInnerHTML: { __html: e.styles }, id: e.id });
468
468
  }
469
- function bt(e) {
469
+ function ht(e) {
470
470
  function t() {
471
471
  const i = Z({
472
472
  block: e.block,
@@ -487,7 +487,7 @@ function bt(e) {
487
487
  rootSetState: e.context.rootSetState,
488
488
  context: e.context.context,
489
489
  shouldEvaluateBindings: !0
490
- }), o = i.responsiveStyles, a = e.context.content, r = We(
490
+ }), o = i.responsiveStyles, a = e.context.content, r = Ae(
491
491
  ((y = a == null ? void 0 : a.meta) == null ? void 0 : y.breakpoints) || {}
492
492
  ), s = o == null ? void 0 : o.large, c = o == null ? void 0 : o.medium, d = o == null ? void 0 : o.small, u = i.id;
493
493
  if (!u)
@@ -498,14 +498,14 @@ function bt(e) {
498
498
  }) : "", C = c ? ne({
499
499
  className: u,
500
500
  styles: c,
501
- mediaQuery: xe(
501
+ mediaQuery: pe(
502
502
  "medium",
503
503
  r
504
504
  )
505
505
  }) : "", f = d ? ne({
506
506
  className: u,
507
507
  styles: d,
508
- mediaQuery: xe(
508
+ mediaQuery: pe(
509
509
  "small",
510
510
  r
511
511
  )
@@ -514,10 +514,10 @@ function bt(e) {
514
514
  }
515
515
  return /* @__PURE__ */ l(m, { children: n() && t() ? /* @__PURE__ */ l(m, { children: /* @__PURE__ */ l(te, { styles: n() }) }) : null });
516
516
  }
517
- function yt(e) {
517
+ function gt(e) {
518
518
  return e.charAt(0).toUpperCase() + e.slice(1);
519
519
  }
520
- const pt = (e) => `on${yt(e)}`, xt = (e, t) => (n) => q({
520
+ const bt = (e) => `on${gt(e)}`, yt = (e, t) => (n) => q({
521
521
  code: e,
522
522
  context: t.context,
523
523
  localState: t.localState,
@@ -526,14 +526,14 @@ const pt = (e) => `on${yt(e)}`, xt = (e, t) => (n) => q({
526
526
  event: n,
527
527
  isExpression: !1
528
528
  });
529
- function Ne(e) {
529
+ function Fe(e) {
530
530
  var i;
531
531
  const t = {}, n = (i = e.block.actions) != null ? i : {};
532
532
  for (const o in n) {
533
533
  if (!n.hasOwnProperty(o))
534
534
  continue;
535
535
  const a = n[o];
536
- let r = pt(o);
536
+ let r = bt(o);
537
537
  if (e.stripPrefix)
538
538
  switch (z) {
539
539
  case "vue":
@@ -543,29 +543,29 @@ function Ne(e) {
543
543
  r = r.replace("on:", "");
544
544
  break;
545
545
  }
546
- t[r] = xt(a, e);
546
+ t[r] = yt(a, e);
547
547
  }
548
548
  return t;
549
549
  }
550
- function St({
550
+ function pt({
551
551
  style: e
552
552
  }) {
553
553
  return e;
554
554
  }
555
- const vt = ({
555
+ const xt = ({
556
556
  block: e,
557
557
  context: t
558
- }) => $e(St({
558
+ }) => Ne(pt({
559
559
  style: e.style || {},
560
560
  context: t,
561
561
  block: e
562
562
  }));
563
- function $e(e) {
563
+ function Ne(e) {
564
564
  switch (z) {
565
565
  case "svelte":
566
566
  case "vue":
567
567
  case "solid":
568
- return Fe(e).join(" ");
568
+ return We(e).join(" ");
569
569
  case "qwik":
570
570
  case "reactNative":
571
571
  case "react":
@@ -573,12 +573,12 @@ function $e(e) {
573
573
  return e;
574
574
  }
575
575
  }
576
- function kt({
576
+ function St({
577
577
  properties: e
578
578
  }) {
579
579
  return e;
580
580
  }
581
- const Ct = (e) => ({
581
+ const vt = (e) => ({
582
582
  href: e.href
583
583
  });
584
584
  function me({
@@ -587,22 +587,22 @@ function me({
587
587
  }) {
588
588
  var i;
589
589
  const n = {
590
- ...Ct(e),
590
+ ...vt(e),
591
591
  ...e.properties,
592
592
  "builder-id": e.id,
593
- style: vt({
593
+ style: xt({
594
594
  block: e,
595
595
  context: t
596
596
  }),
597
597
  [K()]: [e.id, "builder-block", e.class, (i = e.properties) == null ? void 0 : i.class].filter(Boolean).join(" ")
598
598
  };
599
- return kt({
599
+ return St({
600
600
  properties: n,
601
601
  context: t,
602
602
  block: e
603
603
  });
604
604
  }
605
- function wt(e) {
605
+ function kt(e) {
606
606
  return /* @__PURE__ */ l(
607
607
  le,
608
608
  {
@@ -611,7 +611,7 @@ function wt(e) {
611
611
  block: e.block,
612
612
  context: e.context
613
613
  }),
614
- actionAttributes: Ne({
614
+ actionAttributes: Fe({
615
615
  block: e.block,
616
616
  rootState: e.context.rootState,
617
617
  rootSetState: e.context.rootSetState,
@@ -623,7 +623,7 @@ function wt(e) {
623
623
  }
624
624
  );
625
625
  }
626
- function It(e) {
626
+ function Ct(e) {
627
627
  return /* @__PURE__ */ l(
628
628
  e.Wrapper,
629
629
  {
@@ -633,7 +633,7 @@ function It(e) {
633
633
  block: e.block,
634
634
  context: e.context
635
635
  }),
636
- ...Ne({
636
+ ...Fe({
637
637
  block: e.block,
638
638
  rootState: e.context.rootState,
639
639
  rootSetState: e.context.rootSetState,
@@ -645,7 +645,7 @@ function It(e) {
645
645
  }
646
646
  );
647
647
  }
648
- const Tt = ({
648
+ const wt = ({
649
649
  componentOptions: e,
650
650
  builderBlock: t,
651
651
  context: n,
@@ -675,15 +675,15 @@ const Tt = ({
675
675
  includeBlockProps: o
676
676
  } : s;
677
677
  };
678
- function Se(e) {
678
+ function xe(e) {
679
679
  var i;
680
680
  const [t, n] = v(
681
- () => e.isInteractive ? It : e.componentRef
681
+ () => e.isInteractive ? Ct : e.componentRef
682
682
  );
683
683
  return /* @__PURE__ */ l(m, { children: e.componentRef ? /* @__PURE__ */ l(m, { children: /* @__PURE__ */ l(
684
684
  t,
685
685
  {
686
- ...Tt({
686
+ ...wt({
687
687
  componentOptions: e.componentOptions,
688
688
  builderBlock: e.builderBlock,
689
689
  context: e.context,
@@ -706,7 +706,7 @@ function Se(e) {
706
706
  }
707
707
  ) }) : null });
708
708
  }
709
- function Et(e) {
709
+ function It(e) {
710
710
  const [t, n] = v(() => e.repeatContext);
711
711
  return /* @__PURE__ */ l(se.Provider, { value: t, children: /* @__PURE__ */ l(
712
712
  J,
@@ -721,14 +721,14 @@ function Et(e) {
721
721
  function J(e) {
722
722
  var u, x, C;
723
723
  function t() {
724
- return mt({
724
+ return dt({
725
725
  block: e.block,
726
726
  context: e.context,
727
727
  registeredComponents: e.registeredComponents
728
728
  });
729
729
  }
730
730
  function n() {
731
- return ft({
731
+ return ut({
732
732
  block: e.block,
733
733
  context: e.context
734
734
  });
@@ -765,7 +765,7 @@ function J(e) {
765
765
  blockChildren: (f = i().children) != null ? f : [],
766
766
  componentRef: (y = t == null ? void 0 : t()) == null ? void 0 : y.component,
767
767
  componentOptions: {
768
- ...Ze(i()),
768
+ ...Qe(i()),
769
769
  builderContext: e.context,
770
770
  ...((p = t == null ? void 0 : t()) == null ? void 0 : p.name) === "Core:Button" || ((E = t == null ? void 0 : t()) == null ? void 0 : E.name) === "Symbol" || ((A = t == null ? void 0 : t()) == null ? void 0 : A.name) === "Columns" || ((k = t == null ? void 0 : t()) == null ? void 0 : k.name) === "Form:Form" ? {
771
771
  builderLinkComponent: e.linkComponent
@@ -785,16 +785,16 @@ function J(e) {
785
785
  const [c, d] = v(() => e.context);
786
786
  return V(() => {
787
787
  const f = i().id, y = i().animations;
788
- y && f && st(
788
+ y && f && rt(
789
789
  y.filter((p) => p.trigger !== "hover").map((p) => ({
790
790
  ...p,
791
791
  elementId: f
792
792
  }))
793
793
  );
794
794
  }, []), /* @__PURE__ */ l(m, { children: a() ? /* @__PURE__ */ F(m, { children: [
795
- /* @__PURE__ */ l(bt, { block: e.block, context: e.context }),
795
+ /* @__PURE__ */ l(ht, { block: e.block, context: e.context }),
796
796
  (u = t == null ? void 0 : t()) != null && u.noWrap ? /* @__PURE__ */ l(m, { children: /* @__PURE__ */ l(
797
- Se,
797
+ xe,
798
798
  {
799
799
  componentRef: s().componentRef,
800
800
  componentOptions: s().componentOptions,
@@ -807,7 +807,7 @@ function J(e) {
807
807
  isInteractive: s().isInteractive
808
808
  }
809
809
  ) }) : /* @__PURE__ */ l(m, { children: n() ? /* @__PURE__ */ l(m, { children: (C = n()) == null ? void 0 : C.map((f, y) => /* @__PURE__ */ l(
810
- Et,
810
+ It,
811
811
  {
812
812
  repeatContext: f.context,
813
813
  block: f.block,
@@ -816,7 +816,7 @@ function J(e) {
816
816
  },
817
817
  y
818
818
  )) }) : /* @__PURE__ */ l(m, { children: /* @__PURE__ */ F(
819
- wt,
819
+ kt,
820
820
  {
821
821
  Wrapper: o(),
822
822
  block: i(),
@@ -824,7 +824,7 @@ function J(e) {
824
824
  linkComponent: e.linkComponent,
825
825
  children: [
826
826
  /* @__PURE__ */ l(
827
- Se,
827
+ xe,
828
828
  {
829
829
  componentRef: s().componentRef,
830
830
  componentOptions: s().componentOptions,
@@ -852,7 +852,7 @@ function J(e) {
852
852
  ) }) })
853
853
  ] }) : null });
854
854
  }
855
- function Rt(e) {
855
+ function Tt(e) {
856
856
  function t() {
857
857
  var o;
858
858
  return "builder-blocks" + ((o = e.blocks) != null && o.length ? "" : " no-blocks");
@@ -907,9 +907,9 @@ function Rt(e) {
907
907
  }
908
908
  function j(e) {
909
909
  var i, o, a;
910
- const t = he(se), n = he(Re);
910
+ const t = be(se), n = be(Ee);
911
911
  return /* @__PURE__ */ l(
912
- Rt,
912
+ Tt,
913
913
  {
914
914
  blocks: e.blocks,
915
915
  parent: e.parent,
@@ -930,7 +930,7 @@ function j(e) {
930
930
  }
931
931
  );
932
932
  }
933
- function Pt(e) {
933
+ function Et(e) {
934
934
  var A;
935
935
  const [t, n] = v(
936
936
  () => typeof e.space == "number" ? e.space || 0 : 20
@@ -999,7 +999,7 @@ function Pt(e) {
999
999
  }
1000
1000
  function p(k) {
1001
1001
  var B, P;
1002
- return We(
1002
+ return Ae(
1003
1003
  ((P = (B = e.builderContext.content) == null ? void 0 : B.meta) == null ? void 0 : P.breakpoints) || {}
1004
1004
  )[k].max;
1005
1005
  }
@@ -1034,7 +1034,7 @@ function Pt(e) {
1034
1034
  /* @__PURE__ */ F(
1035
1035
  "div",
1036
1036
  {
1037
- className: `builder-columns ${e.builderBlock.id}-breakpoints div-1046d78c`,
1037
+ className: `builder-columns ${e.builderBlock.id}-breakpoints div-f5024694`,
1038
1038
  style: f(),
1039
1039
  children: [
1040
1040
  /* @__PURE__ */ l(m, { children: /* @__PURE__ */ l(te, { styles: E() }) }),
@@ -1048,7 +1048,7 @@ function Pt(e) {
1048
1048
  href: k.link
1049
1049
  } : {},
1050
1050
  [K()]: "builder-column",
1051
- style: $e(y(I))
1051
+ style: Ne(y(I))
1052
1052
  },
1053
1053
  children: /* @__PURE__ */ l(
1054
1054
  j,
@@ -1070,31 +1070,31 @@ function Pt(e) {
1070
1070
  ]
1071
1071
  }
1072
1072
  ),
1073
- /* @__PURE__ */ l("style", { children: `.div-1046d78c {
1073
+ /* @__PURE__ */ l("style", { children: `.div-f5024694 {
1074
1074
  display: flex;
1075
1075
  line-height: normal;
1076
1076
  }` })
1077
1077
  ] });
1078
1078
  }
1079
- function Vt(e) {
1079
+ function Rt(e) {
1080
1080
  return /* @__PURE__ */ l("span", { children: e.children });
1081
1081
  }
1082
- function ve(e) {
1082
+ function Se(e) {
1083
1083
  return e.replace(/http(s)?:/, "");
1084
1084
  }
1085
- function Bt(e = "", t, n) {
1085
+ function Pt(e = "", t, n) {
1086
1086
  const i = new RegExp("([?&])" + t + "=.*?(&|$)", "i"), o = e.indexOf("?") !== -1 ? "&" : "?";
1087
1087
  return e.match(i) ? e.replace(i, "$1" + t + "=" + encodeURIComponent(n) + "$2") : e + o + t + "=" + encodeURIComponent(n);
1088
1088
  }
1089
- function At(e, t) {
1089
+ function Vt(e, t) {
1090
1090
  if (!e || !(e != null && e.match(/cdn\.shopify\.com/)) || !t)
1091
1091
  return e;
1092
1092
  if (t === "master")
1093
- return ve(e);
1093
+ return Se(e);
1094
1094
  const n = e.match(/(_\d+x(\d+)?)?(\.(jpg|jpeg|gif|png|bmp|bitmap|tiff|tif)(\?v=\d+)?)/i);
1095
1095
  if (n) {
1096
1096
  const i = e.split(n[0]), o = n[3], a = t.match("x") ? t : `${t}x`;
1097
- return ve(`${i[0]}_${a}${o}`);
1097
+ return Se(`${i[0]}_${a}${o}`);
1098
1098
  }
1099
1099
  return null;
1100
1100
  }
@@ -1105,11 +1105,11 @@ function ie(e) {
1105
1105
  if (e.match(/builder\.io/)) {
1106
1106
  let n = e;
1107
1107
  const i = Number(e.split("?width=")[1]);
1108
- return isNaN(i) || (n = `${n} ${i}w`), t.filter((o) => o !== i).map((o) => `${Bt(e, "width", o)} ${o}w`).concat([n]).join(", ");
1108
+ return isNaN(i) || (n = `${n} ${i}w`), t.filter((o) => o !== i).map((o) => `${Pt(e, "width", o)} ${o}w`).concat([n]).join(", ");
1109
1109
  }
1110
- return e.match(/cdn\.shopify\.com/) ? t.map((n) => [At(e, `${n}x${n}`), n]).filter(([n]) => !!n).map(([n, i]) => `${n} ${i}w`).concat([e]).join(", ") : e;
1110
+ return e.match(/cdn\.shopify\.com/) ? t.map((n) => [Vt(e, `${n}x${n}`), n]).filter(([n]) => !!n).map(([n, i]) => `${n} ${i}w`).concat([e]).join(", ") : e;
1111
1111
  }
1112
- function Wt(e) {
1112
+ function Bt(e) {
1113
1113
  var o, a, r, s;
1114
1114
  function t() {
1115
1115
  var u;
@@ -1192,7 +1192,7 @@ function Wt(e) {
1192
1192
  }` })
1193
1193
  ] });
1194
1194
  }
1195
- function Ft(e) {
1195
+ function At(e) {
1196
1196
  return /* @__PURE__ */ l(
1197
1197
  "section",
1198
1198
  {
@@ -1213,7 +1213,7 @@ function Ft(e) {
1213
1213
  }
1214
1214
  );
1215
1215
  }
1216
- const Nt = {
1216
+ const Wt = {
1217
1217
  name: "Core:Button",
1218
1218
  image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
1219
1219
  defaultStyles: {
@@ -1246,7 +1246,7 @@ const Nt = {
1246
1246
  }],
1247
1247
  static: !0,
1248
1248
  noWrap: !0
1249
- }, $t = {
1249
+ }, Ft = {
1250
1250
  // TODO: ways to statically preprocess JSON for references, functions, etc
1251
1251
  name: "Columns",
1252
1252
  isRSC: !0,
@@ -1447,13 +1447,13 @@ const Nt = {
1447
1447
  helperText: "When stacking columns for mobile devices, reverse the ordering",
1448
1448
  advanced: !0
1449
1449
  }]
1450
- }, Lt = {
1450
+ }, Nt = {
1451
1451
  name: "Fragment",
1452
1452
  static: !0,
1453
1453
  hidden: !0,
1454
1454
  canHaveChildren: !0,
1455
1455
  noWrap: !0
1456
- }, Dt = {
1456
+ }, $t = {
1457
1457
  name: "Image",
1458
1458
  static: !0,
1459
1459
  image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-insert_photo-24px.svg?alt=media&token=4e5d0ef4-f5e8-4e57-b3a9-38d63a9b9dc4",
@@ -1553,7 +1553,7 @@ const Nt = {
1553
1553
  advanced: !0,
1554
1554
  defaultValue: 0.7041
1555
1555
  }]
1556
- }, Mt = {
1556
+ }, Lt = {
1557
1557
  name: "Core:Section",
1558
1558
  static: !0,
1559
1559
  image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",
@@ -1592,7 +1592,7 @@ const Nt = {
1592
1592
  }
1593
1593
  }
1594
1594
  }]
1595
- }, Ot = {
1595
+ }, Dt = {
1596
1596
  name: "Slot",
1597
1597
  isRSC: !0,
1598
1598
  description: "Allow child blocks to be inserted into this content when used as a Symbol",
@@ -1606,7 +1606,7 @@ const Nt = {
1606
1606
  defaultValue: "children"
1607
1607
  }]
1608
1608
  };
1609
- function jt(e) {
1609
+ function Mt(e) {
1610
1610
  var t, n, i;
1611
1611
  return /* @__PURE__ */ l(
1612
1612
  "div",
@@ -1629,7 +1629,7 @@ function jt(e) {
1629
1629
  }
1630
1630
  );
1631
1631
  }
1632
- const Ut = {
1632
+ const Ot = {
1633
1633
  name: "Symbol",
1634
1634
  noWrap: !0,
1635
1635
  static: !0,
@@ -1662,7 +1662,7 @@ const Ut = {
1662
1662
  hideFromUI: !0,
1663
1663
  type: "boolean"
1664
1664
  }]
1665
- }, Ht = {
1665
+ }, jt = {
1666
1666
  name: "Text",
1667
1667
  static: !0,
1668
1668
  isRSC: !0,
@@ -1681,7 +1681,7 @@ const Ut = {
1681
1681
  textAlign: "center"
1682
1682
  }
1683
1683
  };
1684
- function _t(e) {
1684
+ function Ut(e) {
1685
1685
  var t;
1686
1686
  return /* @__PURE__ */ l(
1687
1687
  "div",
@@ -1694,7 +1694,7 @@ function _t(e) {
1694
1694
  }
1695
1695
  );
1696
1696
  }
1697
- const Kt = {
1697
+ const Ht = {
1698
1698
  name: "Custom Code",
1699
1699
  static: !0,
1700
1700
  requiredPermissions: ["editCode"],
@@ -1717,7 +1717,7 @@ const Kt = {
1717
1717
  advanced: !0
1718
1718
  }]
1719
1719
  };
1720
- function qt(e) {
1720
+ function _t(e) {
1721
1721
  const t = ee(null), [n, i] = v(() => []), [o, a] = v(() => []);
1722
1722
  return V(() => {
1723
1723
  var s;
@@ -1755,7 +1755,7 @@ function qt(e) {
1755
1755
  }
1756
1756
  );
1757
1757
  }
1758
- const zt = {
1758
+ const Kt = {
1759
1759
  name: "Embed",
1760
1760
  static: !0,
1761
1761
  inputs: [{
@@ -1780,8 +1780,8 @@ const zt = {
1780
1780
  defaultValue: '<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',
1781
1781
  hideFromUI: !0
1782
1782
  }]
1783
- }, Jt = ["text/javascript", "application/javascript", "application/ecmascript"], Yt = (e) => Jt.includes(e.type);
1784
- function Gt(e) {
1783
+ }, qt = ["text/javascript", "application/javascript", "application/ecmascript"], zt = (e) => qt.includes(e.type);
1784
+ function Jt(e) {
1785
1785
  const t = ee(null), [n, i] = v(() => []), [o, a] = v(() => []), [r, s] = v(() => !1);
1786
1786
  function c() {
1787
1787
  if (!t.current || !t.current.getElementsByTagName)
@@ -1793,7 +1793,7 @@ function Gt(e) {
1793
1793
  n.push(x.src);
1794
1794
  const C = document.createElement("script");
1795
1795
  C.async = !0, C.src = x.src, document.head.appendChild(C);
1796
- } else if (Yt(x) && !o.includes(x.innerText))
1796
+ } else if (zt(x) && !o.includes(x.innerText))
1797
1797
  try {
1798
1798
  o.push(x.innerText), new Function(x.innerText)();
1799
1799
  } catch (C) {
@@ -1812,7 +1812,7 @@ function Gt(e) {
1812
1812
  }
1813
1813
  );
1814
1814
  }
1815
- const Qt = {
1815
+ const Yt = {
1816
1816
  name: "Form:Form",
1817
1817
  // editableTags: ['builder-form-error']
1818
1818
  defaults: {
@@ -2043,14 +2043,14 @@ const Qt = {
2043
2043
  }
2044
2044
  }
2045
2045
  }]
2046
- }, Xt = ["production", "qa", "test", "development", "dev", "cdn-qa", "cloud", "fast", "cdn2", "cdn-prod"], Zt = () => {
2046
+ }, Gt = ["production", "qa", "test", "development", "dev", "cdn-qa", "cloud", "fast", "cdn2", "cdn-prod"], Qt = () => {
2047
2047
  const e = process.env.NODE_ENV || "production";
2048
- return Xt.includes(e) ? e : "production";
2049
- }, en = (e, t, n) => {
2048
+ return Gt.includes(e) ? e : "production";
2049
+ }, Xt = (e, t, n) => {
2050
2050
  const i = String.prototype.split.call(t, /[,[\].]+?/).filter(Boolean).reduce((o, a) => o != null ? o[a] : o, e);
2051
2051
  return i === void 0 || i === e ? n : i;
2052
2052
  };
2053
- function tn(e) {
2053
+ function Zt(e) {
2054
2054
  var x, C;
2055
2055
  const t = ee(null), [n, i] = v(() => "unsubmitted"), [o, a] = v(() => null), [r, s] = v(() => "");
2056
2056
  function c(f) {
@@ -2111,7 +2111,7 @@ function tn(e) {
2111
2111
  else {
2112
2112
  const h = {};
2113
2113
  Array.from(B).forEach(({ value: T, key: D }) => {
2114
- Ve(h, D, T);
2114
+ Pe(h, D, T);
2115
2115
  }), k = JSON.stringify(h);
2116
2116
  }
2117
2117
  P && P !== "multipart/form-data" && (y && ((p = e.action) != null && p.includes("zapier.com")) || (A["content-type"] = P));
@@ -2119,7 +2119,7 @@ function tn(e) {
2119
2119
  if (t.current && (t.current.dispatchEvent($), $.defaultPrevented))
2120
2120
  return;
2121
2121
  i("sending");
2122
- const L = `${Zt() === "dev" ? "http://localhost:5000" : "https://builder.io"}/api/v1/form-submit?apiKey=${e.builderContext.apiKey}&to=${btoa(
2122
+ const L = `${Qt() === "dev" ? "http://localhost:5000" : "https://builder.io"}/api/v1/form-submit?apiKey=${e.builderContext.apiKey}&to=${btoa(
2123
2123
  e.sendSubmissionsToEmail || ""
2124
2124
  )}&name=${encodeURIComponent(e.name || "")}`;
2125
2125
  fetch(
@@ -2130,7 +2130,7 @@ function tn(e) {
2130
2130
  let T;
2131
2131
  const D = h.headers.get("content-type");
2132
2132
  if (D && D.indexOf("application/json") !== -1 ? T = await h.json() : T = await h.text(), !h.ok && e.errorMessagePath) {
2133
- let W = en(T, e.errorMessagePath);
2133
+ let W = Xt(T, e.errorMessagePath);
2134
2134
  W && (typeof W != "string" && (W = JSON.stringify(W)), s(W), c({ formErrorMessage: W }));
2135
2135
  }
2136
2136
  if (a(T), i(h.ok ? "success" : "error"), h.ok) {
@@ -2227,7 +2227,7 @@ function tn(e) {
2227
2227
  " "
2228
2228
  ] });
2229
2229
  }
2230
- const nn = {
2230
+ const en = {
2231
2231
  name: "Form:Input",
2232
2232
  image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fad6f37889d9e40bbbbc72cdb5875d6ca",
2233
2233
  inputs: [
@@ -2279,8 +2279,8 @@ const nn = {
2279
2279
  borderColor: "#ccc"
2280
2280
  }
2281
2281
  };
2282
- function on(e) {
2283
- return /* @__PURE__ */ ae(
2282
+ function tn(e) {
2283
+ return /* @__PURE__ */ re(
2284
2284
  "input",
2285
2285
  {
2286
2286
  ...e.attributes,
@@ -2294,7 +2294,7 @@ function on(e) {
2294
2294
  }
2295
2295
  );
2296
2296
  }
2297
- const an = {
2297
+ const nn = {
2298
2298
  name: "Form:Select",
2299
2299
  image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F83acca093fb24aaf94dee136e9a4b045",
2300
2300
  defaultStyles: {
@@ -2337,9 +2337,9 @@ const an = {
2337
2337
  static: !0,
2338
2338
  noWrap: !0
2339
2339
  };
2340
- function rn(e) {
2340
+ function on(e) {
2341
2341
  var t;
2342
- return /* @__PURE__ */ ae(
2342
+ return /* @__PURE__ */ re(
2343
2343
  "select",
2344
2344
  {
2345
2345
  ...e.attributes,
@@ -2351,7 +2351,7 @@ function rn(e) {
2351
2351
  (t = e.options) == null ? void 0 : t.map((n) => /* @__PURE__ */ l("option", { value: n.value, children: n.name || n.value }))
2352
2352
  );
2353
2353
  }
2354
- const ln = {
2354
+ const an = {
2355
2355
  name: "Form:SubmitButton",
2356
2356
  image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fdf2820ffed1f4349a94c40b3221f5b98",
2357
2357
  defaultStyles: {
@@ -2377,10 +2377,10 @@ const ln = {
2377
2377
  // TODO: defaultChildren
2378
2378
  // canHaveChildren: true,
2379
2379
  };
2380
- function sn(e) {
2380
+ function rn(e) {
2381
2381
  return /* @__PURE__ */ l("button", { type: "submit", ...e.attributes, children: e.text });
2382
2382
  }
2383
- const cn = {
2383
+ const ln = {
2384
2384
  // friendlyName?
2385
2385
  name: "Raw:Img",
2386
2386
  hideFromInsertMenu: !0,
@@ -2395,7 +2395,7 @@ const cn = {
2395
2395
  noWrap: !0,
2396
2396
  static: !0
2397
2397
  };
2398
- function dn(e) {
2398
+ function sn(e) {
2399
2399
  return /* @__PURE__ */ l(
2400
2400
  "img",
2401
2401
  {
@@ -2410,7 +2410,7 @@ function dn(e) {
2410
2410
  M() && e.imgSrc || "default-key"
2411
2411
  );
2412
2412
  }
2413
- const un = {
2413
+ const cn = {
2414
2414
  name: "Video",
2415
2415
  canHaveChildren: !0,
2416
2416
  defaultStyles: {
@@ -2492,7 +2492,7 @@ const un = {
2492
2492
  advanced: !0
2493
2493
  }]
2494
2494
  };
2495
- function mn(e) {
2495
+ function dn(e) {
2496
2496
  var i, o, a, r, s, c, d;
2497
2497
  function t() {
2498
2498
  return {
@@ -2593,55 +2593,55 @@ function mn(e) {
2593
2593
  }
2594
2594
  );
2595
2595
  }
2596
- const fn = () => [{
2597
- component: qt,
2596
+ const un = () => [{
2597
+ component: _t,
2598
+ ...Ht
2599
+ }, {
2600
+ component: Jt,
2598
2601
  ...Kt
2599
2602
  }, {
2600
- component: Gt,
2601
- ...zt
2603
+ component: Zt,
2604
+ ...Yt
2602
2605
  }, {
2603
2606
  component: tn,
2604
- ...Qt
2607
+ ...en
2608
+ }, {
2609
+ component: rn,
2610
+ ...an
2605
2611
  }, {
2606
2612
  component: on,
2607
2613
  ...nn
2608
2614
  }, {
2609
2615
  component: sn,
2610
2616
  ...ln
2611
- }, {
2612
- component: rn,
2613
- ...an
2614
2617
  }, {
2615
2618
  component: dn,
2616
2619
  ...cn
2620
+ }], ve = () => [{
2621
+ component: Ge,
2622
+ ...Wt
2623
+ }, {
2624
+ component: Et,
2625
+ ...Ft
2617
2626
  }, {
2618
- component: mn,
2619
- ...un
2620
- }], ke = () => [{
2621
- component: Xe,
2627
+ component: Rt,
2622
2628
  ...Nt
2623
2629
  }, {
2624
- component: Pt,
2630
+ component: Bt,
2625
2631
  ...$t
2626
2632
  }, {
2627
- component: Vt,
2633
+ component: At,
2628
2634
  ...Lt
2629
2635
  }, {
2630
- component: Wt,
2636
+ component: Mt,
2631
2637
  ...Dt
2632
2638
  }, {
2633
- component: Ft,
2634
- ...Mt
2635
- }, {
2636
- component: jt,
2639
+ component: Bn,
2637
2640
  ...Ot
2638
2641
  }, {
2639
- component: An,
2640
- ...Ut
2641
- }, {
2642
- component: _t,
2643
- ...Ht
2644
- }, ...fn()], hn = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
2642
+ component: Ut,
2643
+ ...jt
2644
+ }, ...un()], mn = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
2645
2645
  function getAndSetVariantId() {
2646
2646
  function setCookie(name, value, days) {
2647
2647
  let expires = '';
@@ -2697,7 +2697,7 @@ const fn = () => [{
2697
2697
  }).join('');
2698
2698
  styleEl.innerHTML = newStyleStr;
2699
2699
  }
2700
- }`, gn = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
2700
+ }`, fn = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
2701
2701
  if (!navigator.cookieEnabled) {
2702
2702
  return;
2703
2703
  }
@@ -2731,24 +2731,24 @@ const fn = () => [{
2731
2731
  thisScriptEl?.remove();
2732
2732
  }
2733
2733
  return;
2734
- }`, Le = "builderIoAbTest", De = "builderIoRenderContent", G = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
2734
+ }`, $e = "builderIoAbTest", Le = "builderIoRenderContent", G = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
2735
2735
  ...t,
2736
2736
  testVariationId: t.id,
2737
2737
  id: e == null ? void 0 : e.id
2738
- })), bn = ({
2738
+ })), hn = ({
2739
2739
  canTrack: e,
2740
2740
  content: t
2741
- }) => !(!(G(t).length > 0) || !e || U()), yn = (e) => e === "react" || e === "reactNative", Me = yn(z), pn = () => `
2742
- window.${Le} = ${hn}
2743
- window.${De} = ${gn}
2744
- `, xn = (e, t) => `
2745
- window.${Le}(
2746
- "${t}",${JSON.stringify(e)}, ${Me}
2747
- )`, Sn = ({
2741
+ }) => !(!(G(t).length > 0) || !e || U()), gn = (e) => e === "react" || e === "reactNative", De = gn(z), bn = () => `
2742
+ window.${$e} = ${mn}
2743
+ window.${Le} = ${fn}
2744
+ `, yn = (e, t) => `
2745
+ window.${$e}(
2746
+ "${t}",${JSON.stringify(e)}, ${De}
2747
+ )`, pn = ({
2748
2748
  contentId: e,
2749
2749
  variationId: t
2750
- }) => `window.${De}(
2751
- "${t}", "${e}", ${Me}
2750
+ }) => `window.${Le}(
2751
+ "${t}", "${e}", ${De}
2752
2752
  )`;
2753
2753
  function oe(e) {
2754
2754
  return /* @__PURE__ */ l(
@@ -2759,10 +2759,10 @@ function oe(e) {
2759
2759
  }
2760
2760
  );
2761
2761
  }
2762
- function Ce(e) {
2762
+ function ke(e) {
2763
2763
  return Math.round(e * 1e3) / 1e3;
2764
2764
  }
2765
- const vn = (e, t, n = !0) => {
2765
+ const xn = (e, t, n = !0) => {
2766
2766
  if (!(e instanceof HTMLElement))
2767
2767
  return null;
2768
2768
  let i = n ? e : e.parentElement;
@@ -2773,28 +2773,28 @@ const vn = (e, t, n = !0) => {
2773
2773
  return i;
2774
2774
  } while (i = i.parentElement);
2775
2775
  return null;
2776
- }, kn = (e) => vn(e, (t) => {
2776
+ }, Sn = (e) => xn(e, (t) => {
2777
2777
  const n = t.getAttribute("builder-id") || t.id;
2778
2778
  return (n == null ? void 0 : n.indexOf("builder-")) === 0;
2779
- }), we = ({
2779
+ }), Ce = ({
2780
2780
  event: e,
2781
2781
  target: t
2782
2782
  }) => {
2783
- const n = t.getBoundingClientRect(), i = e.clientX - n.left, o = e.clientY - n.top, a = Ce(i / n.width), r = Ce(o / n.height);
2783
+ const n = t.getBoundingClientRect(), i = e.clientX - n.left, o = e.clientY - n.top, a = ke(i / n.width), r = ke(o / n.height);
2784
2784
  return {
2785
2785
  x: a,
2786
2786
  y: r
2787
2787
  };
2788
- }, Cn = (e) => {
2789
- const t = e.target, n = t && kn(t), i = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
2788
+ }, vn = (e) => {
2789
+ const t = e.target, n = t && Sn(t), i = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
2790
2790
  return {
2791
2791
  targetBuilderElement: i || void 0,
2792
2792
  metadata: {
2793
- targetOffset: t ? we({
2793
+ targetOffset: t ? Ce({
2794
2794
  event: e,
2795
2795
  target: t
2796
2796
  }) : void 0,
2797
- builderTargetOffset: n ? we({
2797
+ builderTargetOffset: n ? Ce({
2798
2798
  event: e,
2799
2799
  target: n
2800
2800
  }) : void 0,
@@ -2802,7 +2802,7 @@ const vn = (e, t, n = !0) => {
2802
2802
  }
2803
2803
  };
2804
2804
  };
2805
- function wn(e) {
2805
+ function kn(e) {
2806
2806
  var L, h, T, D, W, H, fe;
2807
2807
  const t = ee(null), [n, i] = v(() => 0);
2808
2808
  v(() => !0);
@@ -2832,8 +2832,8 @@ function wn(e) {
2832
2832
  breakpoints: ((R = g == null ? void 0 : g.meta) == null ? void 0 : R.breakpoints) || ((Y = (N = e.builderContextSignal.content) == null ? void 0 : N.meta) == null ? void 0 : Y.breakpoints)
2833
2833
  }
2834
2834
  };
2835
- e.setBuilderContextSignal((je) => ({
2836
- ...je,
2835
+ e.setBuilderContextSignal((Me) => ({
2836
+ ...Me,
2837
2837
  content: b
2838
2838
  }));
2839
2839
  }
@@ -2844,7 +2844,7 @@ function wn(e) {
2844
2844
  () => e.contentWrapper || "div"
2845
2845
  );
2846
2846
  function u(g) {
2847
- return _e({
2847
+ return Ue({
2848
2848
  model: e.model,
2849
2849
  trustedHosts: e.trustedHosts,
2850
2850
  callbacks: {
@@ -2858,7 +2858,7 @@ function wn(e) {
2858
2858
  }), i(n + 1));
2859
2859
  },
2860
2860
  animation: (b) => {
2861
- Be(b);
2861
+ Ve(b);
2862
2862
  },
2863
2863
  contentUpdate: (b) => {
2864
2864
  a(b), i(n + 1);
@@ -2882,13 +2882,13 @@ function wn(e) {
2882
2882
  var b, S;
2883
2883
  if (e.builderContextSignal.content) {
2884
2884
  const w = (b = e.builderContextSignal.content) == null ? void 0 : b.testVariationId, R = (S = e.builderContextSignal.content) == null ? void 0 : S.id;
2885
- ge({
2885
+ he({
2886
2886
  type: "click",
2887
2887
  canTrack: X(e.canTrack),
2888
2888
  contentId: R,
2889
2889
  apiKey: e.apiKey,
2890
2890
  variationId: w !== R ? w : void 0,
2891
- ...Cn(g),
2891
+ ...vn(g),
2892
2892
  unique: !y
2893
2893
  });
2894
2894
  }
@@ -2907,7 +2907,7 @@ function wn(e) {
2907
2907
  );
2908
2908
  }
2909
2909
  function k({ url: g, key: b }) {
2910
- Je(g).then((S) => S.json()).then((S) => {
2910
+ qe(g).then((S) => S.json()).then((S) => {
2911
2911
  var R, N;
2912
2912
  const w = {
2913
2913
  ...e.builderContextSignal.rootState,
@@ -2937,7 +2937,7 @@ function wn(e) {
2937
2937
  "builder:component:stateChange",
2938
2938
  {
2939
2939
  detail: {
2940
- state: re(e.builderContextSignal.rootState),
2940
+ state: ae(e.builderContextSignal.rootState),
2941
2941
  ref: {
2942
2942
  name: e.model
2943
2943
  }
@@ -2947,13 +2947,10 @@ function wn(e) {
2947
2947
  );
2948
2948
  }
2949
2949
  function P(g) {
2950
- i(n + 1), window.addEventListener("message", u), Ke(), qe({
2950
+ i(n + 1), window.addEventListener("message", u), He(), _e({
2951
2951
  ...e.locale ? {
2952
2952
  locale: e.locale
2953
2953
  } : {},
2954
- ...e.includeRefs ? {
2955
- includeRefs: e.includeRefs
2956
- } : {},
2957
2954
  ...e.enrich ? {
2958
2955
  enrich: e.enrich
2959
2956
  } : {},
@@ -2964,7 +2961,7 @@ function wn(e) {
2964
2961
  e.builderContextSignal.componentInfos
2965
2962
  ).forEach((b) => {
2966
2963
  var w;
2967
- const S = ze(b);
2964
+ const S = Ke(b);
2968
2965
  (w = window.parent) == null || w.postMessage(S, "*");
2969
2966
  }), window.addEventListener(
2970
2967
  "builder:component:stateChangeListenerActivated",
@@ -2975,7 +2972,7 @@ function wn(e) {
2975
2972
  const b = new URL(location.href).searchParams, S = b.get("builder.preview"), w = b.get(
2976
2973
  `builder.preview.${S}`
2977
2974
  ), R = b.get("apiKey") || b.get("builder.space");
2978
- S === e.model && R === e.apiKey && (!e.content || w === e.content.id) && Ee({
2975
+ S === e.model && R === e.apiKey && (!e.content || w === e.content.id) && Ie({
2979
2976
  model: e.model,
2980
2977
  apiKey: e.apiKey,
2981
2978
  apiVersion: e.builderContextSignal.apiVersion
@@ -3012,7 +3009,7 @@ function wn(e) {
3012
3009
  if (U()) {
3013
3010
  if (M() && t.current && t.current.dispatchEvent(new CustomEvent("initeditingbldr")), e.builderContextSignal.content && X(e.canTrack)) {
3014
3011
  const w = (g = e.builderContextSignal.content) == null ? void 0 : g.testVariationId, R = (b = e.builderContextSignal.content) == null ? void 0 : b.id, N = e.apiKey;
3015
- ge({
3012
+ he({
3016
3013
  type: "impression",
3017
3014
  canTrack: !0,
3018
3015
  contentId: R,
@@ -3020,7 +3017,7 @@ function wn(e) {
3020
3017
  variationId: w !== R ? w : void 0
3021
3018
  });
3022
3019
  }
3023
- He() && t.current && t.current.dispatchEvent(new CustomEvent("initpreviewingbldr"));
3020
+ je() && t.current && t.current.dispatchEvent(new CustomEvent("initpreviewingbldr"));
3024
3021
  }
3025
3022
  }, []), V(() => {
3026
3023
  e.apiKey || _.error(
@@ -3046,7 +3043,7 @@ function wn(e) {
3046
3043
  "builder:component:stateChangeListenerActivated",
3047
3044
  B
3048
3045
  ));
3049
- }, []), /* @__PURE__ */ l(se.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content ? /* @__PURE__ */ l(m, { children: /* @__PURE__ */ ae(
3046
+ }, []), /* @__PURE__ */ l(se.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content ? /* @__PURE__ */ l(m, { children: /* @__PURE__ */ re(
3050
3047
  c,
3051
3048
  {
3052
3049
  key: n,
@@ -3064,7 +3061,7 @@ function wn(e) {
3064
3061
  e.children
3065
3062
  ) }) : null });
3066
3063
  }
3067
- const In = (e) => {
3064
+ const Cn = (e) => {
3068
3065
  var a, r;
3069
3066
  const t = e.family + (e.kind && !e.kind.includes("#") ? ", " + e.kind : ""), n = t.split(",")[0], i = (r = e.fileUrl) != null ? r : (a = e == null ? void 0 : e.files) == null ? void 0 : a.regular;
3070
3067
  let o = "";
@@ -3090,23 +3087,23 @@ font-weight: ${s};
3090
3087
  `.trim());
3091
3088
  }
3092
3089
  return o;
3093
- }, Tn = ({
3090
+ }, wn = ({
3094
3091
  customFonts: e
3095
3092
  }) => {
3096
3093
  var t;
3097
- return ((t = e == null ? void 0 : e.map((n) => In(n))) == null ? void 0 : t.join(" ")) || "";
3098
- }, En = ({
3094
+ return ((t = e == null ? void 0 : e.map((n) => Cn(n))) == null ? void 0 : t.join(" ")) || "";
3095
+ }, In = ({
3099
3096
  cssCode: e,
3100
3097
  contentId: t
3101
3098
  }) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "";
3102
- function Rn(e) {
3099
+ function Tn(e) {
3103
3100
  const [t, n] = v(
3104
3101
  () => `
3105
- ${En({
3102
+ ${In({
3106
3103
  cssCode: e.cssCode,
3107
3104
  contentId: e.contentId
3108
3105
  })}
3109
- ${Tn({
3106
+ ${wn({
3110
3107
  customFonts: e.customFonts
3111
3108
  })}
3112
3109
 
@@ -3130,7 +3127,7 @@ ${Tn({
3130
3127
  );
3131
3128
  return /* @__PURE__ */ l(te, { styles: t });
3132
3129
  }
3133
- const Pn = ({
3130
+ const En = ({
3134
3131
  content: e,
3135
3132
  data: t,
3136
3133
  locale: n
@@ -3147,7 +3144,7 @@ const Pn = ({
3147
3144
  locale: n
3148
3145
  } : {}
3149
3146
  };
3150
- }, Vn = ({
3147
+ }, Rn = ({
3151
3148
  content: e,
3152
3149
  data: t
3153
3150
  }) => e ? {
@@ -3158,12 +3155,12 @@ const Pn = ({
3158
3155
  },
3159
3156
  meta: e == null ? void 0 : e.meta
3160
3157
  } : void 0;
3161
- function Ie(e) {
3158
+ function we(e) {
3162
3159
  var c, d, u, x, C, f, y;
3163
3160
  const [t, n] = v(
3164
3161
  () => {
3165
3162
  var p, E;
3166
- return Sn({
3163
+ return pn({
3167
3164
  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
3168
3165
  variationId: (p = e.content) == null ? void 0 : p.testVariationId,
3169
3166
  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
@@ -3179,31 +3176,25 @@ function Ie(e) {
3179
3176
  }
3180
3177
  const [o, a] = v(
3181
3178
  () => [
3182
- ...ke(),
3183
- // While this `components` object is deprecated, we must maintain support for it.
3184
- // Since users are able to override our default components, we need to make sure that we do not break such
3185
- // existing usage.
3186
- // This is why we spread `components` after the default Builder.io components, but before the `props.customComponents`,
3187
- // which is the new standard way of providing custom components, and must therefore take precedence.
3188
- ...be,
3179
+ ...ve(),
3189
3180
  ...e.customComponents || []
3190
3181
  ].reduce(
3191
3182
  (p, { component: E, ...A }) => ({
3192
3183
  ...p,
3193
3184
  [A.name]: {
3194
3185
  component: E,
3195
- ...ye(A)
3186
+ ...ge(A)
3196
3187
  }
3197
3188
  }),
3198
3189
  {}
3199
3190
  )
3200
3191
  ), [r, s] = v(() => ({
3201
- content: Vn({
3192
+ content: Rn({
3202
3193
  content: e.content,
3203
3194
  data: e.data
3204
3195
  }),
3205
3196
  localState: void 0,
3206
- rootState: Pn({
3197
+ rootState: En({
3207
3198
  content: e.content,
3208
3199
  data: e.data,
3209
3200
  locale: e.locale
@@ -3213,18 +3204,12 @@ function Ie(e) {
3213
3204
  apiKey: e.apiKey,
3214
3205
  apiVersion: e.apiVersion,
3215
3206
  componentInfos: [
3216
- ...ke(),
3217
- // While this `components` object is deprecated, we must maintain support for it.
3218
- // Since users are able to override our default components, we need to make sure that we do not break such
3219
- // existing usage.
3220
- // This is why we spread `components` after the default Builder.io components, but before the `props.customComponents`,
3221
- // which is the new standard way of providing custom components, and must therefore take precedence.
3222
- ...be,
3207
+ ...ve(),
3223
3208
  ...e.customComponents || []
3224
3209
  ].reduce(
3225
3210
  (p, { component: E, ...A }) => ({
3226
3211
  ...p,
3227
- [A.name]: ye(A)
3212
+ [A.name]: ge(A)
3228
3213
  }),
3229
3214
  {}
3230
3215
  ),
@@ -3233,13 +3218,13 @@ function Ie(e) {
3233
3218
  BlocksWrapperProps: e.blocksWrapperProps || {}
3234
3219
  }));
3235
3220
  return /* @__PURE__ */ l(
3236
- Re.Provider,
3221
+ Ee.Provider,
3237
3222
  {
3238
3223
  value: {
3239
3224
  registeredComponents: o
3240
3225
  },
3241
3226
  children: /* @__PURE__ */ F(
3242
- wn,
3227
+ kn,
3243
3228
  {
3244
3229
  content: e.content,
3245
3230
  data: e.data,
@@ -3248,7 +3233,6 @@ function Ie(e) {
3248
3233
  apiKey: e.apiKey,
3249
3234
  canTrack: e.canTrack,
3250
3235
  locale: e.locale,
3251
- includeRefs: e.includeRefs,
3252
3236
  enrich: e.enrich,
3253
3237
  showContent: e.showContent,
3254
3238
  builderContextSignal: r,
@@ -3260,7 +3244,7 @@ function Ie(e) {
3260
3244
  children: [
3261
3245
  e.isSsrAbTest ? /* @__PURE__ */ l(m, { children: /* @__PURE__ */ l(oe, { scriptStr: t }) }) : null,
3262
3246
  /* @__PURE__ */ l(m, { children: /* @__PURE__ */ l(
3263
- Rn,
3247
+ Tn,
3264
3248
  {
3265
3249
  contentId: (c = r.content) == null ? void 0 : c.id,
3266
3250
  cssCode: (u = (d = r.content) == null ? void 0 : d.data) == null ? void 0 : u.cssCode,
@@ -3282,17 +3266,17 @@ function Ie(e) {
3282
3266
  }
3283
3267
  );
3284
3268
  }
3285
- function Oe(e) {
3269
+ function Pn(e) {
3286
3270
  var r, s;
3287
3271
  const [t, n] = v(
3288
- () => bn({
3272
+ () => hn({
3289
3273
  canTrack: X(e.canTrack),
3290
3274
  content: e.content
3291
3275
  })
3292
3276
  );
3293
3277
  function i() {
3294
3278
  var c;
3295
- return xn(
3279
+ return yn(
3296
3280
  G(e.content).map((d) => ({
3297
3281
  id: d.testVariationId,
3298
3282
  testRatio: d.testRatio
@@ -3308,14 +3292,14 @@ function Oe(e) {
3308
3292
  return t ? {
3309
3293
  ...e.content,
3310
3294
  testVariationId: (c = e.content) == null ? void 0 : c.id
3311
- } : Ye({
3295
+ } : ze({
3312
3296
  item: e.content,
3313
3297
  canTrack: X(e.canTrack)
3314
3298
  });
3315
3299
  }
3316
3300
  return V(() => {
3317
3301
  }, []), /* @__PURE__ */ F(m, { children: [
3318
- !e.__isNestedRender && z !== "reactNative" ? /* @__PURE__ */ l(m, { children: /* @__PURE__ */ l(oe, { scriptStr: pn() }) }) : null,
3302
+ !e.__isNestedRender && z !== "reactNative" ? /* @__PURE__ */ l(m, { children: /* @__PURE__ */ l(oe, { scriptStr: bn() }) }) : null,
3319
3303
  t ? /* @__PURE__ */ F(m, { children: [
3320
3304
  /* @__PURE__ */ l(
3321
3305
  te,
@@ -3326,7 +3310,7 @@ function Oe(e) {
3326
3310
  ),
3327
3311
  /* @__PURE__ */ l(oe, { scriptStr: i() }),
3328
3312
  (s = G(e.content)) == null ? void 0 : s.map((c) => /* @__PURE__ */ l(
3329
- Ie,
3313
+ we,
3330
3314
  {
3331
3315
  content: c,
3332
3316
  showContent: !1,
@@ -3339,7 +3323,6 @@ function Oe(e) {
3339
3323
  linkComponent: e.linkComponent,
3340
3324
  canTrack: e.canTrack,
3341
3325
  locale: e.locale,
3342
- includeRefs: e.includeRefs,
3343
3326
  enrich: e.enrich,
3344
3327
  isSsrAbTest: t,
3345
3328
  blocksWrapper: e.blocksWrapper,
@@ -3352,7 +3335,7 @@ function Oe(e) {
3352
3335
  ))
3353
3336
  ] }) : null,
3354
3337
  /* @__PURE__ */ l(
3355
- Ie,
3338
+ we,
3356
3339
  {
3357
3340
  content: a(),
3358
3341
  showContent: !0,
@@ -3365,7 +3348,6 @@ function Oe(e) {
3365
3348
  linkComponent: e.linkComponent,
3366
3349
  canTrack: e.canTrack,
3367
3350
  locale: e.locale,
3368
- includeRefs: e.includeRefs,
3369
3351
  enrich: e.enrich,
3370
3352
  isSsrAbTest: t,
3371
3353
  blocksWrapper: e.blocksWrapper,
@@ -3377,13 +3359,13 @@ function Oe(e) {
3377
3359
  )
3378
3360
  ] });
3379
3361
  }
3380
- const Bn = async ({
3362
+ const Vn = async ({
3381
3363
  builderContextValue: e,
3382
3364
  symbol: t
3383
3365
  }) => {
3384
3366
  if (t != null && t.model && // This is a hack, we should not need to check for this, but it is needed for Svelte.
3385
3367
  (e != null && e.apiKey))
3386
- return Ee({
3368
+ return Ie({
3387
3369
  model: t.model,
3388
3370
  apiKey: e.apiKey,
3389
3371
  apiVersion: e.apiVersion,
@@ -3396,7 +3378,7 @@ const Bn = async ({
3396
3378
  _.error("Could not fetch symbol content: ", n);
3397
3379
  });
3398
3380
  };
3399
- function An(e) {
3381
+ function Bn(e) {
3400
3382
  var a, r, s, c;
3401
3383
  function t() {
3402
3384
  var d, u;
@@ -3412,7 +3394,7 @@ function An(e) {
3412
3394
  return (d = e.symbol) == null ? void 0 : d.content;
3413
3395
  });
3414
3396
  function o() {
3415
- n || Bn({
3397
+ n || Vn({
3416
3398
  symbol: e.symbol,
3417
3399
  builderContextValue: e.builderContext
3418
3400
  }).then((d) => {
@@ -3423,7 +3405,7 @@ function An(e) {
3423
3405
  }, []), V(() => {
3424
3406
  o();
3425
3407
  }, [e.symbol]), /* @__PURE__ */ l("div", { ...e.attributes, className: t(), children: /* @__PURE__ */ l(
3426
- Oe,
3408
+ Pn,
3427
3409
  {
3428
3410
  __isNestedRender: !0,
3429
3411
  apiVersion: e.builderContext.apiVersion,
@@ -3444,32 +3426,27 @@ function An(e) {
3444
3426
  }
3445
3427
  ) });
3446
3428
  }
3447
- const $n = j, Ln = Oe;
3448
3429
  export {
3449
3430
  j as Blocks,
3450
- Xe as Button,
3451
- Pt as Columns,
3452
- Oe as Content,
3453
- Vt as Fragment,
3454
- Wt as Image,
3455
- $n as RenderBlocks,
3456
- Ln as RenderContent,
3457
- Ft as Section,
3458
- An as Symbol,
3459
- _t as Text,
3460
- mn as Video,
3461
- On as _processContentResult,
3462
- ze as createRegisterComponentMessage,
3463
- jn as fetchBuilderProps,
3464
- Un as fetchEntries,
3465
- Ee as fetchOneEntry,
3466
- Hn as getAllContent,
3467
- _n as getBuilderSearchParams,
3468
- Kn as getContent,
3431
+ Ge as Button,
3432
+ Et as Columns,
3433
+ Pn as Content,
3434
+ Rt as Fragment,
3435
+ Bt as Image,
3436
+ At as Section,
3437
+ Bn as Symbol,
3438
+ Ut as Text,
3439
+ dn as Video,
3440
+ Ln as _processContentResult,
3441
+ Ke as createRegisterComponentMessage,
3442
+ Dn as fetchBuilderProps,
3443
+ Mn as fetchEntries,
3444
+ Ie as fetchOneEntry,
3445
+ On as getBuilderSearchParams,
3469
3446
  M as isEditing,
3470
- He as isPreviewing,
3471
- qn as register,
3472
- zn as setEditorSettings,
3473
- Jn as subscribeToEditor,
3474
- Yn as track
3447
+ je as isPreviewing,
3448
+ jn as register,
3449
+ Un as setEditorSettings,
3450
+ Hn as subscribeToEditor,
3451
+ _n as track
3475
3452
  };