@builder.io/sdk-react 0.8.1 → 0.10.0

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 (33) hide show
  1. package/lib/browser/index.cjs +26 -26
  2. package/lib/browser/index.mjs +657 -630
  3. package/lib/browser/server-entry-df9eba5d.cjs +2 -0
  4. package/lib/browser/{server-entry-0aebe4be.js → server-entry-f978b3a5.js} +7 -7
  5. package/lib/browser/server-entry.cjs +1 -1
  6. package/lib/browser/server-entry.mjs +1 -1
  7. package/lib/edge/index.cjs +26 -26
  8. package/lib/edge/index.mjs +1003 -976
  9. package/lib/edge/server-entry-df9eba5d.cjs +2 -0
  10. package/lib/edge/{server-entry-0aebe4be.js → server-entry-f978b3a5.js} +7 -7
  11. package/lib/edge/server-entry.cjs +1 -1
  12. package/lib/edge/server-entry.mjs +1 -1
  13. package/lib/node/index.cjs +16 -16
  14. package/lib/node/index.mjs +311 -284
  15. package/lib/node/{server-entry-e4cd1e05.js → server-entry-46908b1b.js} +7 -7
  16. package/lib/node/server-entry-df9eba5d.cjs +2 -0
  17. package/lib/node/server-entry.cjs +1 -1
  18. package/lib/node/server-entry.mjs +1 -1
  19. package/package.json +1 -1
  20. package/types/components/blocks/blocks-wrapper.d.ts +8 -0
  21. package/types/components/blocks/blocks.d.ts +1 -1
  22. package/types/components/content/components/enable-editor.d.ts +1 -1
  23. package/types/components/content-variants/content-variants.types.d.ts +16 -0
  24. package/types/constants/sdk-version.d.ts +1 -1
  25. package/types/context/types.d.ts +2 -1
  26. package/types/functions/get-content/index.d.ts +2 -2
  27. package/types/functions/transform-block-properties.d.ts +5 -1
  28. package/types/types/enforced-partials.d.ts +7 -2
  29. package/lib/browser/server-entry-a5d2c777.cjs +0 -2
  30. package/lib/edge/server-entry-a5d2c777.cjs +0 -2
  31. package/lib/node/server-entry-a5d2c777.cjs +0 -2
  32. package/types/functions/get-react-native-block-styles.d.ts +0 -7
  33. package/types/functions/sanitize-react-native-block-styles.d.ts +0 -3
package/lib/browser/index.mjs CHANGED
@@ -1,11 +1,11 @@
1
1
  "use client";
2
- import { jsxs as E, Fragment as f, jsx as r } from "react/jsx-runtime";
3
- import { createContext as pe, useState as v, useContext as le, createElement as ke, useRef as Z, useEffect as P } from "react";
4
- import { i as $, j as N, k as $e, l as M, m as ee, n as G, T as L, r as Ne, o as U, p as ce, a as Fe, c as We, b as Ce, q as _e, u as se, v as de, w as Le } from "./server-entry-0aebe4be.js";
5
- import { _ as sn, h as dn, f as un, g as mn, e as fn, d as hn, s as gn, t as bn } from "./server-entry-0aebe4be.js";
6
- function je(e) {
7
- return /* @__PURE__ */ E(f, { children: [
8
- e.link ? /* @__PURE__ */ r(f, { children: /* @__PURE__ */ r(
2
+ import { jsxs as R, Fragment as f, jsx as l } from "react/jsx-runtime";
3
+ import { createContext as Ce, useState as S, useContext as se, createElement as we, useRef as ee, useEffect as W } from "react";
4
+ import { i as A, j as $, k as Ne, l as U, m as te, n as J, T as L, r as Fe, o as D, p as de, a as _e, c as Le, b as Ie, q as je, u as ue, v as me, w as Me } from "./server-entry-f978b3a5.js";
5
+ import { _ as un, h as mn, f as fn, g as hn, e as gn, d as bn, s as xn, t as yn } from "./server-entry-f978b3a5.js";
6
+ function Ue(e) {
7
+ return /* @__PURE__ */ R(f, { children: [
8
+ e.link ? /* @__PURE__ */ l(f, { children: /* @__PURE__ */ l(
9
9
  "a",
10
10
  {
11
11
  ...e.attributes,
@@ -14,7 +14,7 @@ function je(e) {
14
14
  role: "button",
15
15
  children: e.text
16
16
  }
17
- ) }) : /* @__PURE__ */ r(f, { children: /* @__PURE__ */ r(
17
+ ) }) : /* @__PURE__ */ l(f, { children: /* @__PURE__ */ l(
18
18
  "button",
19
19
  {
20
20
  ...e.attributes,
@@ -23,12 +23,12 @@ function je(e) {
23
23
  children: e.text
24
24
  }
25
25
  ) }),
26
- /* @__PURE__ */ r("style", { children: `.button-5294b10c {
26
+ /* @__PURE__ */ l("style", { children: `.button-5294b10c {
27
27
  all: unset;
28
28
  }` })
29
29
  ] });
30
30
  }
31
- const te = pe({
31
+ const ne = Ce({
32
32
  content: null,
33
33
  context: {},
34
34
  localState: void 0,
@@ -38,9 +38,11 @@ const te = pe({
38
38
  apiKey: null,
39
39
  apiVersion: void 0,
40
40
  componentInfos: {},
41
- inheritedStyles: {}
42
- }), we = pe({ registeredComponents: {} });
43
- function Me(e) {
41
+ inheritedStyles: {},
42
+ BlocksWrapper: "div",
43
+ BlocksWrapperProps: {}
44
+ }), Te = Ce({ registeredComponents: {} });
45
+ function De(e) {
44
46
  var t;
45
47
  return {
46
48
  ...(t = e.component) == null ? void 0 : t.options,
@@ -51,7 +53,7 @@ function Me(e) {
51
53
  builderBlock: e
52
54
  };
53
55
  }
54
- const Ue = ({
56
+ const Oe = ({
55
57
  builder: e,
56
58
  context: t,
57
59
  event: n,
@@ -63,31 +65,31 @@ const Ue = ({
63
65
  builder: e,
64
66
  context: t,
65
67
  event: n
66
- }), De = () => ({
67
- isEditing: $(),
68
- isBrowser: N(),
69
- isServer: !N(),
70
- getUserAttributes: () => $e()
71
- }), Oe = (e, {
68
+ }), Ke = () => ({
69
+ isEditing: A(),
70
+ isBrowser: $(),
71
+ isServer: !$(),
72
+ getUserAttributes: () => Ne()
73
+ }), He = (e, {
72
74
  isExpression: t = !0
73
- }) => /* 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, ue = ({
75
+ }) => /* 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, fe = ({
74
76
  code: e,
75
77
  builder: t,
76
78
  context: n,
77
79
  event: i,
78
80
  localState: a,
79
81
  rootSetState: o,
80
- rootState: l
82
+ rootState: r
81
83
  }) => {
82
- const s = Ue({
84
+ const c = Oe({
83
85
  builder: t,
84
86
  context: n,
85
87
  event: i,
86
- state: Ke(l, a, o)
88
+ state: ze(r, a, o)
87
89
  });
88
- return new Function(...s.map(([c]) => c), e)(...s.map(([, c]) => c));
90
+ return new Function(...c.map(([s]) => s), e)(...c.map(([, s]) => s));
89
91
  };
90
- function Ke(e, t, n) {
92
+ function ze(e, t, n) {
91
93
  if (e === t)
92
94
  throw new Error("rootState === localState");
93
95
  return new Proxy(e, {
@@ -99,7 +101,7 @@ function Ke(e, t, n) {
99
101
  }
100
102
  });
101
103
  }
102
- const He = (e) => (N(), ue(e));
104
+ const qe = (e) => ($(), fe(e));
103
105
  function _({
104
106
  code: e,
105
107
  context: t,
@@ -107,17 +109,17 @@ function _({
107
109
  rootState: i,
108
110
  rootSetState: a,
109
111
  event: o,
110
- isExpression: l = !0
112
+ isExpression: r = !0
111
113
  }) {
112
114
  if (e === "") {
113
- M.warn("Skipping evaluation of empty code block.");
115
+ U.warn("Skipping evaluation of empty code block.");
114
116
  return;
115
117
  }
116
- const s = {
117
- code: Oe(e, {
118
- isExpression: l
118
+ const c = {
119
+ code: He(e, {
120
+ isExpression: r
119
121
  }),
120
- builder: De(),
122
+ builder: Ke(),
121
123
  context: t,
122
124
  event: o,
123
125
  rootSetState: a,
@@ -125,21 +127,21 @@ function _({
125
127
  localState: n
126
128
  };
127
129
  try {
128
- return He(s);
129
- } catch (c) {
130
- M.error("Failed code evaluation: " + c.message, {
130
+ return qe(c);
131
+ } catch (s) {
132
+ U.error("Failed code evaluation: " + s.message, {
131
133
  code: e
132
134
  });
133
135
  return;
134
136
  }
135
137
  }
136
- const ze = (e, t, n) => {
138
+ const Ye = (e, t, n) => {
137
139
  if (Object(e) !== e)
138
140
  return e;
139
141
  const i = Array.isArray(t) ? t : t.toString().match(/[^.[\]]+/g);
140
- return i.slice(0, -1).reduce((a, o, l) => Object(a[o]) === a[o] ? a[o] : a[o] = Math.abs(Number(i[l + 1])) >> 0 === +i[l + 1] ? [] : {}, e)[i[i.length - 1]] = n, e;
142
+ return i.slice(0, -1).reduce((a, o, r) => Object(a[o]) === a[o] ? a[o] : a[o] = Math.abs(Number(i[r + 1])) >> 0 === +i[r + 1] ? [] : {}, e)[i[i.length - 1]] = n, e;
141
143
  };
142
- const qe = ({
144
+ const Qe = ({
143
145
  block: e,
144
146
  context: t,
145
147
  localState: n,
@@ -148,7 +150,7 @@ const qe = ({
148
150
  }) => {
149
151
  if (!e.bindings)
150
152
  return e;
151
- const o = ee(e), l = {
153
+ const o = te(e), r = {
152
154
  ...o,
153
155
  properties: {
154
156
  ...o.properties
@@ -157,19 +159,19 @@ const qe = ({
157
159
  ...o.actions
158
160
  }
159
161
  };
160
- for (const s in e.bindings) {
161
- const c = e.bindings[s], d = _({
162
- code: c,
162
+ for (const c in e.bindings) {
163
+ const s = e.bindings[c], d = _({
164
+ code: s,
163
165
  localState: n,
164
166
  rootState: i,
165
167
  rootSetState: a,
166
168
  context: t
167
169
  });
168
- ze(l, s, d);
170
+ Ye(r, c, d);
169
171
  }
170
- return l;
172
+ return r;
171
173
  };
172
- function D({
174
+ function O({
173
175
  block: e,
174
176
  context: t,
175
177
  shouldEvaluateBindings: n,
@@ -177,22 +179,22 @@ function D({
177
179
  rootState: a,
178
180
  rootSetState: o
179
181
  }) {
180
- const l = e;
181
- return n ? qe({
182
- block: l,
182
+ const r = e;
183
+ return n ? Qe({
184
+ block: r,
183
185
  localState: i,
184
186
  rootState: a,
185
187
  rootSetState: o,
186
188
  context: t
187
- }) : l;
189
+ }) : r;
188
190
  }
189
- const Ye = ["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"], q = (e) => typeof e == "string" && Ye.includes(e.toLowerCase()), Qe = ({
191
+ const Ge = ["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"], Y = (e) => typeof e == "string" && Ge.includes(e.toLowerCase()), Je = ({
190
192
  block: e,
191
193
  context: t,
192
194
  registeredComponents: n
193
195
  }) => {
194
196
  var o;
195
- const i = (o = D({
197
+ const i = (o = O({
196
198
  block: e,
197
199
  localState: t.localState,
198
200
  rootState: t.rootState,
@@ -208,7 +210,7 @@ const Ye = ["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen"
208
210
  console.warn(`
209
211
  Could not find a registered component named "${i}".
210
212
  If you registered it, is the file that registered it imported by the file that needs to render it?`);
211
- }, Ge = ({
213
+ }, Xe = ({
212
214
  block: e,
213
215
  context: t
214
216
  }) => {
@@ -227,21 +229,21 @@ const Ye = ["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen"
227
229
  });
228
230
  if (!Array.isArray(a))
229
231
  return;
230
- const o = n.collection.split(".").pop(), l = n.itemName || (o ? o + "Item" : "item");
231
- return a.map((c, d) => ({
232
+ const o = n.collection.split(".").pop(), r = n.itemName || (o ? o + "Item" : "item");
233
+ return a.map((s, d) => ({
232
234
  context: {
233
235
  ...t,
234
236
  localState: {
235
237
  ...t.localState,
236
238
  $index: d,
237
- $item: c,
238
- [l]: c,
239
- [`$${l}Index`]: d
239
+ $item: s,
240
+ [r]: s,
241
+ [`$${r}Index`]: d
240
242
  }
241
243
  },
242
244
  block: i
243
245
  }));
244
- }, Ie = {
246
+ }, Re = {
245
247
  small: {
246
248
  min: 320,
247
249
  default: 321,
@@ -257,11 +259,11 @@ const Ye = ["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen"
257
259
  default: 991,
258
260
  max: 1200
259
261
  }
260
- }, me = (e, t = Ie) => `@media (max-width: ${t[e].max}px)`, Te = ({
262
+ }, he = (e, t = Re) => `@media (max-width: ${t[e].max}px)`, Ee = ({
261
263
  small: e,
262
264
  medium: t
263
265
  }) => {
264
- const n = ee(Ie);
266
+ const n = te(Re);
265
267
  if (!e || !t)
266
268
  return n;
267
269
  const i = Math.floor(e / 2);
@@ -283,28 +285,28 @@ const Ye = ["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen"
283
285
  min: o,
284
286
  default: o + 1
285
287
  }, n;
286
- }, Je = (e) => e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase(), Re = (e) => Object.entries(e).map(([n, i]) => {
288
+ }, Ze = (e) => e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase(), Pe = (e) => Object.entries(e).map(([n, i]) => {
287
289
  if (typeof i == "string")
288
- return `${Je(n)}: ${i};`;
289
- }).filter(G), Xe = (e) => Re(e).join(`
290
- `), Y = ({
290
+ return `${Ze(n)}: ${i};`;
291
+ }).filter(J), et = (e) => Pe(e).join(`
292
+ `), Q = ({
291
293
  mediaQuery: e,
292
294
  className: t,
293
295
  styles: n
294
296
  }) => {
295
297
  const i = `.${t} {
296
- ${Xe(n)}
298
+ ${et(n)}
297
299
  }`;
298
300
  return e ? `${e} {
299
301
  ${i}
300
302
  }` : i;
301
303
  };
302
- function K(e) {
303
- return /* @__PURE__ */ r("style", { dangerouslySetInnerHTML: { __html: e.styles }, id: e.id });
304
+ function H(e) {
305
+ return /* @__PURE__ */ l("style", { dangerouslySetInnerHTML: { __html: e.styles }, id: e.id });
304
306
  }
305
- function ne(e) {
307
+ function ie(e) {
306
308
  function t() {
307
- const i = D({
309
+ const i = O({
308
310
  block: e.block,
309
311
  localState: e.context.localState,
310
312
  rootState: e.context.rootState,
@@ -312,48 +314,48 @@ function ne(e) {
312
314
  context: e.context.context,
313
315
  shouldEvaluateBindings: !0
314
316
  });
315
- return G(i.hide) ? !i.hide : G(i.show) ? i.show : !0;
317
+ return J(i.hide) ? !i.hide : J(i.show) ? i.show : !0;
316
318
  }
317
319
  function n() {
318
320
  var x;
319
- const i = D({
321
+ const i = O({
320
322
  block: e.block,
321
323
  localState: e.context.localState,
322
324
  rootState: e.context.rootState,
323
325
  rootSetState: e.context.rootSetState,
324
326
  context: e.context.context,
325
327
  shouldEvaluateBindings: !0
326
- }), a = i.responsiveStyles, o = e.context.content, l = Te(
328
+ }), a = i.responsiveStyles, o = e.context.content, r = Ee(
327
329
  ((x = o == null ? void 0 : o.meta) == null ? void 0 : x.breakpoints) || {}
328
- ), s = a == null ? void 0 : a.large, c = a == null ? void 0 : a.medium, d = a == null ? void 0 : a.small, u = i.id;
330
+ ), c = a == null ? void 0 : a.large, s = a == null ? void 0 : a.medium, d = a == null ? void 0 : a.small, u = i.id;
329
331
  if (!u)
330
332
  return "";
331
- const g = s ? Y({
333
+ const g = c ? Q({
332
334
  className: u,
333
- styles: s
334
- }) : "", S = c ? Y({
335
+ styles: c
336
+ }) : "", v = s ? Q({
335
337
  className: u,
336
- styles: c,
337
- mediaQuery: me(
338
+ styles: s,
339
+ mediaQuery: he(
338
340
  "medium",
339
- l
341
+ r
340
342
  )
341
- }) : "", V = d ? Y({
343
+ }) : "", P = d ? Q({
342
344
  className: u,
343
345
  styles: d,
344
- mediaQuery: me(
346
+ mediaQuery: he(
345
347
  "small",
346
- l
348
+ r
347
349
  )
348
350
  }) : "";
349
- return [g, S, V].join(" ");
351
+ return [g, v, P].join(" ");
350
352
  }
351
- return /* @__PURE__ */ r(f, { children: n() && t() ? /* @__PURE__ */ r(f, { children: /* @__PURE__ */ r(K, { styles: n() }) }) : null });
353
+ return /* @__PURE__ */ l(f, { children: n() && t() ? /* @__PURE__ */ l(f, { children: /* @__PURE__ */ l(H, { styles: n() }) }) : null });
352
354
  }
353
- function Ze(e) {
355
+ function tt(e) {
354
356
  return e.charAt(0).toUpperCase() + e.slice(1);
355
357
  }
356
- const et = (e) => `on${Ze(e)}`, tt = (e, t) => (n) => _({
358
+ const nt = (e) => `on${tt(e)}`, it = (e, t) => (n) => _({
357
359
  code: e,
358
360
  context: t.context,
359
361
  localState: t.localState,
@@ -362,54 +364,61 @@ const et = (e) => `on${Ze(e)}`, tt = (e, t) => (n) => _({
362
364
  event: n,
363
365
  isExpression: !1
364
366
  });
365
- function J(e) {
366
- const t = {}, n = e.block.actions ?? {};
367
- for (const i in n) {
368
- if (!n.hasOwnProperty(i))
367
+ function X(e) {
368
+ var i;
369
+ const t = {}, n = (i = e.block.actions) != null ? i : {};
370
+ for (const a in n) {
371
+ if (!n.hasOwnProperty(a))
369
372
  continue;
370
- const a = n[i];
371
- let o = et(i);
373
+ const o = n[a];
374
+ let r = nt(a);
372
375
  if (e.stripPrefix)
373
376
  switch (L) {
374
377
  case "vue2":
375
378
  case "vue3":
376
- o = o.replace("v-on:", "");
379
+ r = r.replace("v-on:", "");
377
380
  break;
378
381
  case "svelte":
379
- o = o.replace("on:", "");
382
+ r = r.replace("on:", "");
380
383
  break;
381
384
  }
382
- t[o] = tt(a, e);
385
+ t[r] = it(o, e);
383
386
  }
384
387
  return t;
385
388
  }
386
- function nt(e) {
389
+ function at({
390
+ properties: e
391
+ }) {
387
392
  return e.className = e.class, delete e.class, e;
388
393
  }
389
- const it = (e) => ({
394
+ const ot = (e) => ({
390
395
  href: e.href
391
396
  });
392
- function O({
397
+ function K({
393
398
  block: e,
394
399
  context: t
395
400
  }) {
396
401
  var i;
397
402
  const n = {
398
- ...it(e),
403
+ ...ot(e),
399
404
  ...e.properties,
400
405
  "builder-id": e.id,
401
- style: e.style ? at(e.style) : void 0,
406
+ style: e.style ? rt(e.style) : void 0,
402
407
  class: [e.id, "builder-block", e.class, (i = e.properties) == null ? void 0 : i.class].filter(Boolean).join(" ")
403
408
  };
404
- return nt(n);
409
+ return at({
410
+ properties: n,
411
+ context: t,
412
+ block: e
413
+ });
405
414
  }
406
- function at(e) {
415
+ function rt(e) {
407
416
  switch (L) {
408
417
  case "svelte":
409
418
  case "vue2":
410
419
  case "vue3":
411
420
  case "solid":
412
- return Re(e).join(" ");
421
+ return Pe(e).join(" ");
413
422
  case "qwik":
414
423
  case "reactNative":
415
424
  case "react":
@@ -417,17 +426,17 @@ function at(e) {
417
426
  return e;
418
427
  }
419
428
  }
420
- function fe(e) {
421
- return /* @__PURE__ */ E(f, { children: [
429
+ function ge(e) {
430
+ return /* @__PURE__ */ R(f, { children: [
422
431
  " ",
423
- e.hasChildren ? /* @__PURE__ */ r(f, { children: /* @__PURE__ */ E(
432
+ e.hasChildren ? /* @__PURE__ */ l(f, { children: /* @__PURE__ */ R(
424
433
  e.Wrapper,
425
434
  {
426
- ...O({
435
+ ...K({
427
436
  block: e.block,
428
437
  context: e.context
429
438
  }),
430
- ...J({
439
+ ...X({
431
440
  block: e.block,
432
441
  rootState: e.context.rootState,
433
442
  rootSetState: e.context.rootSetState,
@@ -441,14 +450,14 @@ function fe(e) {
441
450
  " "
442
451
  ]
443
452
  }
444
- ) }) : /* @__PURE__ */ r(f, { children: /* @__PURE__ */ r(
453
+ ) }) : /* @__PURE__ */ l(f, { children: /* @__PURE__ */ l(
445
454
  e.Wrapper,
446
455
  {
447
- ...O({
456
+ ...K({
448
457
  block: e.block,
449
458
  context: e.context
450
459
  }),
451
- ...J({
460
+ ...X({
452
461
  block: e.block,
453
462
  rootState: e.context.rootState,
454
463
  rootSetState: e.context.rootSetState,
@@ -461,17 +470,17 @@ function fe(e) {
461
470
  " "
462
471
  ] });
463
472
  }
464
- function ot(e) {
465
- return /* @__PURE__ */ r(
473
+ function lt(e) {
474
+ return /* @__PURE__ */ l(
466
475
  e.Wrapper,
467
476
  {
468
477
  ...e.wrapperProps,
469
478
  attributes: {
470
- ...O({
479
+ ...K({
471
480
  block: e.block,
472
481
  context: e.context
473
482
  }),
474
- ...J({
483
+ ...X({
475
484
  block: e.block,
476
485
  rootState: e.context.rootState,
477
486
  rootSetState: e.context.rootSetState,
@@ -483,14 +492,14 @@ function ot(e) {
483
492
  }
484
493
  );
485
494
  }
486
- const rt = ({
495
+ const ct = ({
487
496
  componentOptions: e,
488
497
  builderBlock: t,
489
498
  context: n,
490
499
  componentRef: i,
491
500
  includeBlockProps: a,
492
501
  isInteractive: o,
493
- contextValue: l
502
+ contextValue: r
494
503
  }) => o ? {
495
504
  Wrapper: i,
496
505
  block: t,
@@ -503,21 +512,21 @@ const rt = ({
503
512
  * component itself directly. Otherwise, they are provided to the wrapper element.
504
513
  */
505
514
  ...a ? {
506
- attributes: O({
515
+ attributes: K({
507
516
  block: t,
508
- context: l
517
+ context: r
509
518
  })
510
519
  } : {}
511
520
  };
512
- function he(e) {
521
+ function be(e) {
513
522
  var i, a;
514
- const [t, n] = v(
515
- () => e.isInteractive ? ot : e.componentRef
523
+ const [t, n] = S(
524
+ () => e.isInteractive ? lt : e.componentRef
516
525
  );
517
- return /* @__PURE__ */ r(f, { children: e.componentRef ? /* @__PURE__ */ r(f, { children: /* @__PURE__ */ E(
526
+ return /* @__PURE__ */ l(f, { children: e.componentRef ? /* @__PURE__ */ l(f, { children: /* @__PURE__ */ R(
518
527
  t,
519
528
  {
520
- ...rt({
529
+ ...ct({
521
530
  componentOptions: e.componentOptions,
522
531
  builderBlock: e.builderBlock,
523
532
  context: e.context,
@@ -527,8 +536,8 @@ function he(e) {
527
536
  contextValue: e.context
528
537
  }),
529
538
  children: [
530
- (i = e.blockChildren) == null ? void 0 : i.map((o) => /* @__PURE__ */ r(
531
- H,
539
+ (i = e.blockChildren) == null ? void 0 : i.map((o) => /* @__PURE__ */ l(
540
+ z,
532
541
  {
533
542
  block: o,
534
543
  context: e.context,
@@ -536,8 +545,8 @@ function he(e) {
536
545
  },
537
546
  "block-" + o.id
538
547
  )),
539
- (a = e.blockChildren) == null ? void 0 : a.map((o) => /* @__PURE__ */ r(
540
- ne,
548
+ (a = e.blockChildren) == null ? void 0 : a.map((o) => /* @__PURE__ */ l(
549
+ ie,
541
550
  {
542
551
  block: o,
543
552
  context: e.context
@@ -548,10 +557,10 @@ function he(e) {
548
557
  }
549
558
  ) }) : null });
550
559
  }
551
- function lt(e) {
552
- const [t, n] = v(() => e.repeatContext);
553
- return /* @__PURE__ */ r(te.Provider, { value: t, children: /* @__PURE__ */ r(
554
- H,
560
+ function st(e) {
561
+ const [t, n] = S(() => e.repeatContext);
562
+ return /* @__PURE__ */ l(ne.Provider, { value: t, children: /* @__PURE__ */ l(
563
+ z,
555
564
  {
556
565
  block: e.block,
557
566
  context: t,
@@ -559,24 +568,24 @@ function lt(e) {
559
568
  }
560
569
  ) });
561
570
  }
562
- function H(e) {
563
- var u, g, S, V;
571
+ function z(e) {
572
+ var u, g, v, P;
564
573
  function t() {
565
- return Qe({
574
+ return Je({
566
575
  block: e.block,
567
576
  context: e.context,
568
577
  registeredComponents: e.registeredComponents
569
578
  });
570
579
  }
571
580
  function n() {
572
- return Ge({
581
+ return Xe({
573
582
  block: e.block,
574
583
  context: e.context
575
584
  });
576
585
  }
577
586
  function i() {
578
587
  var x;
579
- return (x = e.block.repeat) != null && x.collection ? e.block : D({
588
+ return (x = e.block.repeat) != null && x.collection ? e.block : O({
580
589
  block: e.block,
581
590
  localState: e.context.localState,
582
591
  rootState: e.context.rootState,
@@ -589,51 +598,51 @@ function H(e) {
589
598
  return e.block.tagName || "div";
590
599
  }
591
600
  function o() {
592
- var I, w;
593
- if ((I = e.block.repeat) != null && I.collection)
594
- return !!((w = n == null ? void 0 : n()) != null && w.length);
601
+ var w, E;
602
+ if ((w = e.block.repeat) != null && w.collection)
603
+ return !!((E = n == null ? void 0 : n()) != null && E.length);
595
604
  const x = "hide" in i() ? i().hide : !1;
596
605
  return ("show" in i() ? i().show : !0) && !x;
597
606
  }
598
- function l() {
599
- var p;
600
- return !((p = t == null ? void 0 : t()) != null && p.component) && !n() ? i().children ?? [] : [];
607
+ function r() {
608
+ var k, w;
609
+ return !((k = t == null ? void 0 : t()) != null && k.component) && !n() ? (w = i().children) != null ? w : [] : [];
601
610
  }
602
- function s() {
603
- var x, p, I, w, C;
611
+ function c() {
612
+ var x, k, w, E, I, p;
604
613
  return {
605
- blockChildren: i().children ?? [],
606
- componentRef: (x = t == null ? void 0 : t()) == null ? void 0 : x.component,
614
+ blockChildren: (x = i().children) != null ? x : [],
615
+ componentRef: (k = t == null ? void 0 : t()) == null ? void 0 : k.component,
607
616
  componentOptions: {
608
- ...Me(i()),
617
+ ...De(i()),
609
618
  builderContext: e.context,
610
- ...((p = t == null ? void 0 : t()) == null ? void 0 : p.name) === "Symbol" || ((I = t == null ? void 0 : t()) == null ? void 0 : I.name) === "Columns" ? {
619
+ ...((w = t == null ? void 0 : t()) == null ? void 0 : w.name) === "Symbol" || ((E = t == null ? void 0 : t()) == null ? void 0 : E.name) === "Columns" ? {
611
620
  builderComponents: e.registeredComponents
612
621
  } : {}
613
622
  },
614
- context: c,
623
+ context: s,
615
624
  registeredComponents: e.registeredComponents,
616
625
  builderBlock: i(),
617
- includeBlockProps: ((w = t == null ? void 0 : t()) == null ? void 0 : w.noWrap) === !0,
618
- isInteractive: !((C = t == null ? void 0 : t()) != null && C.isRSC)
626
+ includeBlockProps: ((I = t == null ? void 0 : t()) == null ? void 0 : I.noWrap) === !0,
627
+ isInteractive: !((p = t == null ? void 0 : t()) != null && p.isRSC)
619
628
  };
620
629
  }
621
- const [c, d] = v(() => e.context);
622
- return /* @__PURE__ */ r(f, { children: o() ? /* @__PURE__ */ r(f, { children: (u = t == null ? void 0 : t()) != null && u.noWrap ? /* @__PURE__ */ r(f, { children: /* @__PURE__ */ r(
623
- he,
630
+ const [s, d] = S(() => e.context);
631
+ return /* @__PURE__ */ l(f, { children: o() ? /* @__PURE__ */ l(f, { children: (u = t == null ? void 0 : t()) != null && u.noWrap ? /* @__PURE__ */ l(f, { children: /* @__PURE__ */ l(
632
+ be,
624
633
  {
625
- componentRef: s().componentRef,
626
- componentOptions: s().componentOptions,
627
- blockChildren: s().blockChildren,
628
- context: s().context,
629
- registeredComponents: s().registeredComponents,
630
- builderBlock: s().builderBlock,
631
- includeBlockProps: s().includeBlockProps,
632
- isInteractive: s().isInteractive
634
+ componentRef: c().componentRef,
635
+ componentOptions: c().componentOptions,
636
+ blockChildren: c().blockChildren,
637
+ context: c().context,
638
+ registeredComponents: c().registeredComponents,
639
+ builderBlock: c().builderBlock,
640
+ includeBlockProps: c().includeBlockProps,
641
+ isInteractive: c().isInteractive
633
642
  }
634
- ) }) : /* @__PURE__ */ E(f, { children: [
635
- q(a()) ? /* @__PURE__ */ r(f, { children: /* @__PURE__ */ r(
636
- fe,
643
+ ) }) : /* @__PURE__ */ R(f, { children: [
644
+ Y(a()) ? /* @__PURE__ */ l(f, { children: /* @__PURE__ */ l(
645
+ ge,
637
646
  {
638
647
  Wrapper: a(),
639
648
  block: i(),
@@ -641,50 +650,50 @@ function H(e) {
641
650
  hasChildren: !1
642
651
  }
643
652
  ) }) : null,
644
- !q(a()) && n() ? /* @__PURE__ */ r(f, { children: (g = n()) == null ? void 0 : g.map((x, p) => /* @__PURE__ */ r(
645
- lt,
653
+ !Y(a()) && n() ? /* @__PURE__ */ l(f, { children: (g = n()) == null ? void 0 : g.map((x, k) => /* @__PURE__ */ l(
654
+ st,
646
655
  {
647
656
  repeatContext: x.context,
648
657
  block: x.block,
649
658
  registeredComponents: e.registeredComponents
650
659
  },
651
- p
660
+ k
652
661
  )) }) : null,
653
- !q(a()) && !n() ? /* @__PURE__ */ r(f, { children: /* @__PURE__ */ E(
654
- fe,
662
+ !Y(a()) && !n() ? /* @__PURE__ */ l(f, { children: /* @__PURE__ */ R(
663
+ ge,
655
664
  {
656
665
  Wrapper: a(),
657
666
  block: i(),
658
667
  context: e.context,
659
668
  hasChildren: !0,
660
669
  children: [
661
- /* @__PURE__ */ r(
662
- he,
670
+ /* @__PURE__ */ l(
671
+ be,
663
672
  {
664
- componentRef: s().componentRef,
665
- componentOptions: s().componentOptions,
666
- blockChildren: s().blockChildren,
667
- context: s().context,
668
- registeredComponents: s().registeredComponents,
669
- builderBlock: s().builderBlock,
670
- includeBlockProps: s().includeBlockProps,
671
- isInteractive: s().isInteractive
673
+ componentRef: c().componentRef,
674
+ componentOptions: c().componentOptions,
675
+ blockChildren: c().blockChildren,
676
+ context: c().context,
677
+ registeredComponents: c().registeredComponents,
678
+ builderBlock: c().builderBlock,
679
+ includeBlockProps: c().includeBlockProps,
680
+ isInteractive: c().isInteractive
672
681
  }
673
682
  ),
674
- (S = l()) == null ? void 0 : S.map((x) => /* @__PURE__ */ r(
675
- H,
683
+ (v = r()) == null ? void 0 : v.map((x) => /* @__PURE__ */ l(
684
+ z,
676
685
  {
677
686
  block: x,
678
- context: c,
687
+ context: s,
679
688
  registeredComponents: e.registeredComponents
680
689
  },
681
690
  "block-" + x.id
682
691
  )),
683
- (V = l()) == null ? void 0 : V.map((x) => /* @__PURE__ */ r(
684
- ne,
692
+ (P = r()) == null ? void 0 : P.map((x) => /* @__PURE__ */ l(
693
+ ie,
685
694
  {
686
695
  block: x,
687
- context: c
696
+ context: s
688
697
  },
689
698
  "block-style-" + x.id
690
699
  ))
@@ -693,14 +702,14 @@ function H(e) {
693
702
  ) }) : null
694
703
  ] }) }) : null });
695
704
  }
696
- function ct(e) {
705
+ function dt(e) {
697
706
  function t() {
698
707
  var a;
699
708
  return "builder-blocks" + ((a = e.blocks) != null && a.length ? "" : " no-blocks");
700
709
  }
701
710
  function n() {
702
711
  var a, o;
703
- $() && !((a = e.blocks) != null && a.length) && ((o = window.parent) == null || o.postMessage(
712
+ A() && !((a = e.blocks) != null && a.length) && ((o = window.parent) == null || o.postMessage(
704
713
  {
705
714
  type: "builder.clickEmptyBlocks",
706
715
  data: {
@@ -713,7 +722,7 @@ function ct(e) {
713
722
  }
714
723
  function i() {
715
724
  var a, o;
716
- $() && !((a = e.blocks) != null && a.length) && ((o = window.parent) == null || o.postMessage(
725
+ A() && !((a = e.blocks) != null && a.length) && ((o = window.parent) == null || o.postMessage(
717
726
  {
718
727
  type: "builder.hoverEmptyBlocks",
719
728
  data: {
@@ -724,90 +733,93 @@ function ct(e) {
724
733
  "*"
725
734
  ));
726
735
  }
727
- return /* @__PURE__ */ E(f, { children: [
728
- /* @__PURE__ */ r(
729
- "div",
736
+ return /* @__PURE__ */ R(f, { children: [
737
+ /* @__PURE__ */ l(
738
+ e.BlocksWrapper,
730
739
  {
731
- className: t() + " div-02c7a115",
740
+ className: t() + " props-blocks-wrapper-4f2c12d8",
732
741
  "builder-path": e.path,
733
742
  "builder-parent-id": e.parent,
734
743
  style: e.styleProp,
735
744
  onClick: (a) => n(),
736
745
  onMouseEnter: (a) => i(),
737
746
  onKeyPress: (a) => n(),
747
+ ...e.BlocksWrapperProps,
738
748
  children: e.children
739
749
  }
740
750
  ),
741
- /* @__PURE__ */ r("style", { children: `.div-02c7a115 {
751
+ /* @__PURE__ */ l("style", { children: `.props-blocks-wrapper-4f2c12d8 {
742
752
  display: flex;
743
753
  flex-direction: column;
744
754
  align-items: stretch;
745
755
  }` })
746
756
  ] });
747
757
  }
748
- function ie(e) {
749
- var i, a;
750
- const t = le(te), n = le(we);
751
- return /* @__PURE__ */ E(
752
- ct,
758
+ function ae(e) {
759
+ var i, a, o, r;
760
+ const t = se(ne), n = se(Te);
761
+ return /* @__PURE__ */ R(
762
+ dt,
753
763
  {
754
764
  blocks: e.blocks,
755
765
  parent: e.parent,
756
766
  path: e.path,
757
767
  styleProp: e.styleProp,
768
+ BlocksWrapper: (i = e.context) == null ? void 0 : i.BlocksWrapper,
769
+ BlocksWrapperProps: (a = e.context) == null ? void 0 : a.BlocksWrapperProps,
758
770
  children: [
759
- e.blocks ? /* @__PURE__ */ r(f, { children: (i = e.blocks) == null ? void 0 : i.map((o) => /* @__PURE__ */ r(
760
- H,
771
+ e.blocks ? /* @__PURE__ */ l(f, { children: (o = e.blocks) == null ? void 0 : o.map((c) => /* @__PURE__ */ l(
772
+ z,
761
773
  {
762
- block: o,
774
+ block: c,
763
775
  context: e.context || t,
764
776
  registeredComponents: e.registeredComponents || n.registeredComponents
765
777
  },
766
- "render-block-" + o.id
778
+ "render-block-" + c.id
767
779
  )) }) : null,
768
- e.blocks ? /* @__PURE__ */ r(f, { children: (a = e.blocks) == null ? void 0 : a.map((o) => /* @__PURE__ */ r(
769
- ne,
780
+ e.blocks ? /* @__PURE__ */ l(f, { children: (r = e.blocks) == null ? void 0 : r.map((c) => /* @__PURE__ */ l(
781
+ ie,
770
782
  {
771
- block: o,
783
+ block: c,
772
784
  context: e.context || t
773
785
  },
774
- "block-style-" + o.id
786
+ "block-style-" + c.id
775
787
  )) }) : null
776
788
  ]
777
789
  }
778
790
  );
779
791
  }
780
- function st(e) {
781
- var w;
782
- const [t, n] = v(
792
+ function ut(e) {
793
+ var E;
794
+ const [t, n] = S(
783
795
  () => typeof e.space == "number" ? e.space || 0 : 20
784
- ), [i, a] = v(() => e.columns || []), [o, l] = v(
796
+ ), [i, a] = S(() => e.columns || []), [o, r] = S(
785
797
  () => e.stackColumnsAt || "tablet"
786
798
  );
787
- function s(C) {
788
- var T;
789
- return ((T = i[C]) == null ? void 0 : T.width) || 100 / i.length;
799
+ function c(I) {
800
+ var p;
801
+ return ((p = i[I]) == null ? void 0 : p.width) || 100 / i.length;
790
802
  }
791
- function c(C) {
792
- const T = t * (i.length - 1) / i.length;
793
- return `calc(${s(C)}% - ${T}px)`;
803
+ function s(I) {
804
+ const p = t * (i.length - 1) / i.length;
805
+ return `calc(${c(I)}% - ${p}px)`;
794
806
  }
795
807
  function d({
796
- stackedStyle: C,
797
- desktopStyle: T
808
+ stackedStyle: I,
809
+ desktopStyle: p
798
810
  }) {
799
- return o === "tablet" ? C : T;
811
+ return o === "tablet" ? I : p;
800
812
  }
801
813
  function u({
802
- stackedStyle: C,
803
- desktopStyle: T
814
+ stackedStyle: I,
815
+ desktopStyle: p
804
816
  }) {
805
- return o === "never" ? T : C;
817
+ return o === "never" ? p : I;
806
818
  }
807
- const [g, S] = v(
819
+ const [g, v] = S(
808
820
  () => e.stackColumnsAt === "never" ? "row" : e.reverseColumnsWhenStacked ? "column-reverse" : "column"
809
821
  );
810
- function V() {
822
+ function P() {
811
823
  return {
812
824
  "--flex-dir": g,
813
825
  "--flex-dir-tablet": d({
@@ -816,38 +828,38 @@ function st(e) {
816
828
  })
817
829
  };
818
830
  }
819
- function x(C) {
820
- const T = C === 0 ? 0 : t, A = c(C), B = `${T}px`, F = "100%", W = 0;
831
+ function x(I) {
832
+ const p = I === 0 ? 0 : t, B = s(I), V = `${p}px`, N = "100%", F = 0;
821
833
  return {
822
- width: A,
823
- ["marginLeft"]: B,
834
+ width: B,
835
+ ["marginLeft"]: V,
824
836
  "--column-width-mobile": u({
825
- stackedStyle: F,
826
- desktopStyle: A
837
+ stackedStyle: N,
838
+ desktopStyle: B
827
839
  }),
828
840
  "--column-margin-left-mobile": u({
829
- stackedStyle: W,
830
- desktopStyle: B
841
+ stackedStyle: F,
842
+ desktopStyle: V
831
843
  }),
832
844
  "--column-width-tablet": d({
833
- stackedStyle: F,
834
- desktopStyle: A
845
+ stackedStyle: N,
846
+ desktopStyle: B
835
847
  }),
836
848
  "--column-margin-left-tablet": d({
837
- stackedStyle: W,
838
- desktopStyle: B
849
+ stackedStyle: F,
850
+ desktopStyle: V
839
851
  })
840
852
  };
841
853
  }
842
- function p(C) {
843
- var A, B;
844
- return Te(
845
- ((B = (A = e.builderContext.content) == null ? void 0 : A.meta) == null ? void 0 : B.breakpoints) || {}
846
- )[C].max;
854
+ function k(I) {
855
+ var B, V;
856
+ return Ee(
857
+ ((V = (B = e.builderContext.content) == null ? void 0 : B.meta) == null ? void 0 : V.breakpoints) || {}
858
+ )[I].max;
847
859
  }
848
- function I() {
860
+ function w() {
849
861
  return `
850
- @media (max-width: ${p("medium")}px) {
862
+ @media (max-width: ${k("medium")}px) {
851
863
  .${e.builderBlock.id}-breakpoints {
852
864
  flex-direction: var(--flex-dir-tablet);
853
865
  align-items: stretch;
@@ -859,7 +871,7 @@ function st(e) {
859
871
  }
860
872
  }
861
873
 
862
- @media (max-width: ${p("small")}px) {
874
+ @media (max-width: ${k("small")}px) {
863
875
  .${e.builderBlock.id}-breakpoints {
864
876
  flex-direction: var(--flex-dir);
865
877
  align-items: stretch;
@@ -872,39 +884,39 @@ function st(e) {
872
884
  },
873
885
  `;
874
886
  }
875
- return /* @__PURE__ */ E(f, { children: [
876
- /* @__PURE__ */ E(
887
+ return /* @__PURE__ */ R(f, { children: [
888
+ /* @__PURE__ */ R(
877
889
  "div",
878
890
  {
879
891
  className: `builder-columns ${e.builderBlock.id}-breakpoints div-53636e90`,
880
- style: V(),
892
+ style: P(),
881
893
  children: [
882
- /* @__PURE__ */ r(f, { children: /* @__PURE__ */ r(K, { styles: I() }) }),
883
- (w = e.columns) == null ? void 0 : w.map((C, T) => /* @__PURE__ */ ke(
894
+ /* @__PURE__ */ l(f, { children: /* @__PURE__ */ l(H, { styles: w() }) }),
895
+ (E = e.columns) == null ? void 0 : E.map((I, p) => /* @__PURE__ */ we(
884
896
  "div",
885
897
  {
886
898
  className: "builder-column div-53636e90-2",
887
- style: x(T),
888
- key: T
899
+ style: x(p),
900
+ key: p
889
901
  },
890
- /* @__PURE__ */ r(
891
- ie,
902
+ /* @__PURE__ */ l(
903
+ ae,
892
904
  {
893
- path: `component.options.columns.${T}.blocks`,
905
+ path: `component.options.columns.${p}.blocks`,
894
906
  parent: e.builderBlock.id,
895
907
  styleProp: {
896
908
  flexGrow: "1"
897
909
  },
898
910
  context: e.builderContext,
899
911
  registeredComponents: e.builderComponents,
900
- blocks: C.blocks
912
+ blocks: I.blocks
901
913
  }
902
914
  )
903
915
  ))
904
916
  ]
905
917
  }
906
918
  ),
907
- /* @__PURE__ */ r("style", { children: `.div-53636e90 {
919
+ /* @__PURE__ */ l("style", { children: `.div-53636e90 {
908
920
  display: flex;
909
921
  line-height: normal;
910
922
  }.div-53636e90-2 {
@@ -914,41 +926,41 @@ function st(e) {
914
926
  }` })
915
927
  ] });
916
928
  }
917
- function dt(e) {
918
- return /* @__PURE__ */ r("span", { children: e.children });
929
+ function mt(e) {
930
+ return /* @__PURE__ */ l("span", { children: e.children });
919
931
  }
920
- function ge(e) {
932
+ function xe(e) {
921
933
  return e.replace(/http(s)?:/, "");
922
934
  }
923
- function ut(e = "", t, n) {
935
+ function ft(e = "", t, n) {
924
936
  const i = new RegExp("([?&])" + t + "=.*?(&|$)", "i"), a = e.indexOf("?") !== -1 ? "&" : "?";
925
937
  return e.match(i) ? e.replace(i, "$1" + t + "=" + encodeURIComponent(n) + "$2") : e + a + t + "=" + encodeURIComponent(n);
926
938
  }
927
- function mt(e, t) {
939
+ function ht(e, t) {
928
940
  if (!e || !(e != null && e.match(/cdn\.shopify\.com/)) || !t)
929
941
  return e;
930
942
  if (t === "master")
931
- return ge(e);
943
+ return xe(e);
932
944
  const n = e.match(/(_\d+x(\d+)?)?(\.(jpg|jpeg|gif|png|bmp|bitmap|tiff|tif)(\?v=\d+)?)/i);
933
945
  if (n) {
934
946
  const i = e.split(n[0]), a = n[3], o = t.match("x") ? t : `${t}x`;
935
- return ge(`${i[0]}_${o}${a}`);
947
+ return xe(`${i[0]}_${o}${a}`);
936
948
  }
937
949
  return null;
938
950
  }
939
- function Q(e) {
951
+ function G(e) {
940
952
  if (!e)
941
953
  return e;
942
954
  const t = [100, 200, 400, 800, 1200, 1600, 2e3];
943
955
  if (e.match(/builder\.io/)) {
944
956
  let n = e;
945
957
  const i = Number(e.split("?width=")[1]);
946
- return isNaN(i) || (n = `${n} ${i}w`), t.filter((a) => a !== i).map((a) => `${ut(e, "width", a)} ${a}w`).concat([n]).join(", ");
958
+ return isNaN(i) || (n = `${n} ${i}w`), t.filter((a) => a !== i).map((a) => `${ft(e, "width", a)} ${a}w`).concat([n]).join(", ");
947
959
  }
948
- return e.match(/cdn\.shopify\.com/) ? t.map((n) => [mt(e, `${n}x${n}`), n]).filter(([n]) => !!n).map(([n, i]) => `${n} ${i}w`).concat([e]).join(", ") : e;
960
+ return e.match(/cdn\.shopify\.com/) ? t.map((n) => [ht(e, `${n}x${n}`), n]).filter(([n]) => !!n).map(([n, i]) => `${n} ${i}w`).concat([e]).join(", ") : e;
949
961
  }
950
- function ft(e) {
951
- var a, o, l, s;
962
+ function gt(e) {
963
+ var a, o, r, c;
952
964
  function t() {
953
965
  var u;
954
966
  const d = e.image || e.src;
@@ -958,30 +970,30 @@ function ft(e) {
958
970
  return e.srcset;
959
971
  if (e.srcset && ((u = e.image) != null && u.includes("builder.io/api/v1/image"))) {
960
972
  if (!e.srcset.includes(e.image.split("?")[0]))
961
- return console.debug("Removed given srcset"), Q(d);
973
+ return console.debug("Removed given srcset"), G(d);
962
974
  } else if (e.image && !e.srcset)
963
- return Q(d);
964
- return Q(d);
975
+ return G(d);
976
+ return G(d);
965
977
  }
966
978
  function n() {
967
- var c;
968
- return (c = t == null ? void 0 : t()) != null && c.match(/builder\.io/) && !e.noWebp ? t().replace(/\?/g, "?format=webp&") : "";
979
+ var s;
980
+ return (s = t == null ? void 0 : t()) != null && s.match(/builder\.io/) && !e.noWebp ? t().replace(/\?/g, "?format=webp&") : "";
969
981
  }
970
982
  function i() {
971
- const c = {
983
+ const s = {
972
984
  position: "absolute",
973
985
  height: "100%",
974
986
  width: "100%",
975
987
  left: "0px",
976
988
  top: "0px"
977
989
  };
978
- return e.aspectRatio ? c : void 0;
990
+ return e.aspectRatio ? s : void 0;
979
991
  }
980
- return /* @__PURE__ */ E(f, { children: [
981
- /* @__PURE__ */ E(f, { children: [
982
- /* @__PURE__ */ E("picture", { children: [
983
- n() ? /* @__PURE__ */ r(f, { children: /* @__PURE__ */ r("source", { type: "image/webp", srcSet: n() }) }) : null,
984
- /* @__PURE__ */ r(
992
+ return /* @__PURE__ */ R(f, { children: [
993
+ /* @__PURE__ */ R(f, { children: [
994
+ /* @__PURE__ */ R("picture", { children: [
995
+ n() ? /* @__PURE__ */ l(f, { children: /* @__PURE__ */ l("source", { type: "image/webp", srcSet: n() }) }) : null,
996
+ /* @__PURE__ */ l(
985
997
  "img",
986
998
  {
987
999
  loading: "lazy",
@@ -999,7 +1011,7 @@ function ft(e) {
999
1011
  }
1000
1012
  )
1001
1013
  ] }),
1002
- e.aspectRatio && !((o = (a = e.builderBlock) == null ? void 0 : a.children) != null && o.length && e.fitContent) ? /* @__PURE__ */ r(f, { children: /* @__PURE__ */ r(
1014
+ e.aspectRatio && !((o = (a = e.builderBlock) == null ? void 0 : a.children) != null && o.length && e.fitContent) ? /* @__PURE__ */ l(f, { children: /* @__PURE__ */ l(
1003
1015
  "div",
1004
1016
  {
1005
1017
  className: "builder-image-sizer div-dbab4030",
@@ -1008,10 +1020,10 @@ function ft(e) {
1008
1020
  }
1009
1021
  }
1010
1022
  ) }) : null,
1011
- (s = (l = e.builderBlock) == null ? void 0 : l.children) != null && s.length && e.fitContent ? /* @__PURE__ */ r(f, { children: e.children }) : null,
1012
- !e.fitContent && e.children ? /* @__PURE__ */ r(f, { children: /* @__PURE__ */ r("div", { className: "div-dbab4030-2", children: e.children }) }) : null
1023
+ (c = (r = e.builderBlock) == null ? void 0 : r.children) != null && c.length && e.fitContent ? /* @__PURE__ */ l(f, { children: e.children }) : null,
1024
+ !e.fitContent && e.children ? /* @__PURE__ */ l(f, { children: /* @__PURE__ */ l("div", { className: "div-dbab4030-2", children: e.children }) }) : null
1013
1025
  ] }),
1014
- /* @__PURE__ */ r("style", { children: `.img-dbab4030 {
1026
+ /* @__PURE__ */ l("style", { children: `.img-dbab4030 {
1015
1027
  opacity: 1;
1016
1028
  transition: opacity 0.2s ease-in-out;
1017
1029
  }.div-dbab4030 {
@@ -1030,8 +1042,8 @@ function ft(e) {
1030
1042
  }` })
1031
1043
  ] });
1032
1044
  }
1033
- function ht(e) {
1034
- return /* @__PURE__ */ r(
1045
+ function bt(e) {
1046
+ return /* @__PURE__ */ l(
1035
1047
  "section",
1036
1048
  {
1037
1049
  ...e.attributes,
@@ -1051,7 +1063,7 @@ function ht(e) {
1051
1063
  }
1052
1064
  );
1053
1065
  }
1054
- const gt = {
1066
+ const xt = {
1055
1067
  name: "Core:Button",
1056
1068
  image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
1057
1069
  defaultStyles: {
@@ -1084,7 +1096,7 @@ const gt = {
1084
1096
  }],
1085
1097
  static: !0,
1086
1098
  noWrap: !0
1087
- }, bt = {
1099
+ }, yt = {
1088
1100
  // TODO: ways to statically preprocess JSON for references, functions, etc
1089
1101
  name: "Columns",
1090
1102
  isRSC: !0,
@@ -1263,7 +1275,7 @@ const gt = {
1263
1275
  });
1264
1276
  }
1265
1277
  const n = e.get("columns");
1266
- Array.isArray(n) && n.find((a) => a.get("width")) && (n.find((o) => !o.get("width")) || n.reduce((s, c) => s + c.get("width"), 0) !== 100) && t();
1278
+ Array.isArray(n) && n.find((a) => a.get("width")) && (n.find((o) => !o.get("width")) || n.reduce((c, s) => c + s.get("width"), 0) !== 100) && t();
1267
1279
  }
1268
1280
  }, {
1269
1281
  name: "space",
@@ -1285,7 +1297,7 @@ const gt = {
1285
1297
  helperText: "When stacking columns for mobile devices, reverse the ordering",
1286
1298
  advanced: !0
1287
1299
  }]
1288
- }, xt = {
1300
+ }, St = {
1289
1301
  name: "Custom Code",
1290
1302
  static: !0,
1291
1303
  requiredPermissions: ["editCode"],
@@ -1308,15 +1320,15 @@ const gt = {
1308
1320
  advanced: !0
1309
1321
  }]
1310
1322
  };
1311
- function yt(e) {
1312
- const t = Z(null), [n, i] = v(() => []), [a, o] = v(() => []);
1313
- return P(() => {
1314
- var s;
1315
- if (!((s = t.current) != null && s.getElementsByTagName) || typeof window > "u")
1323
+ function pt(e) {
1324
+ const t = ee(null), [n, i] = S(() => []), [a, o] = S(() => []);
1325
+ return W(() => {
1326
+ var c;
1327
+ if (!((c = t.current) != null && c.getElementsByTagName) || typeof window == "undefined")
1316
1328
  return;
1317
- const l = t.current.getElementsByTagName("script");
1318
- for (let c = 0; c < l.length; c++) {
1319
- const d = l[c];
1329
+ const r = t.current.getElementsByTagName("script");
1330
+ for (let s = 0; s < r.length; s++) {
1331
+ const d = r[s];
1320
1332
  if (d.src) {
1321
1333
  if (n.includes(d.src))
1322
1334
  continue;
@@ -1337,7 +1349,7 @@ function yt(e) {
1337
1349
  }
1338
1350
  }
1339
1351
  }
1340
- }, []), /* @__PURE__ */ r(
1352
+ }, []), /* @__PURE__ */ l(
1341
1353
  "div",
1342
1354
  {
1343
1355
  ref: t,
@@ -1346,7 +1358,7 @@ function yt(e) {
1346
1358
  }
1347
1359
  );
1348
1360
  }
1349
- const St = {
1361
+ const vt = {
1350
1362
  name: "Embed",
1351
1363
  static: !0,
1352
1364
  inputs: [{
@@ -1371,10 +1383,10 @@ const St = {
1371
1383
  defaultValue: '<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',
1372
1384
  hideFromUI: !0
1373
1385
  }]
1374
- }, vt = ["text/javascript", "application/javascript", "application/ecmascript"], pt = (e) => vt.includes(e.type);
1375
- function kt(e) {
1376
- const t = Z(null), [n, i] = v(() => []), [a, o] = v(() => []), [l, s] = v(() => !1);
1377
- function c() {
1386
+ }, kt = ["text/javascript", "application/javascript", "application/ecmascript"], Ct = (e) => kt.includes(e.type);
1387
+ function wt(e) {
1388
+ const t = ee(null), [n, i] = S(() => []), [a, o] = S(() => []), [r, c] = S(() => !1);
1389
+ function s() {
1378
1390
  if (!t.current || !t.current.getElementsByTagName)
1379
1391
  return;
1380
1392
  const d = t.current.getElementsByTagName("script");
@@ -1382,19 +1394,19 @@ function kt(e) {
1382
1394
  const g = d[u];
1383
1395
  if (g.src && !n.includes(g.src)) {
1384
1396
  n.push(g.src);
1385
- const S = document.createElement("script");
1386
- S.async = !0, S.src = g.src, document.head.appendChild(S);
1387
- } else if (pt(g) && !a.includes(g.innerText))
1397
+ const v = document.createElement("script");
1398
+ v.async = !0, v.src = g.src, document.head.appendChild(v);
1399
+ } else if (Ct(g) && !a.includes(g.innerText))
1388
1400
  try {
1389
1401
  a.push(g.innerText), new Function(g.innerText)();
1390
- } catch (S) {
1391
- console.warn("`Embed`: Error running script:", S);
1402
+ } catch (v) {
1403
+ console.warn("`Embed`: Error running script:", v);
1392
1404
  }
1393
1405
  }
1394
1406
  }
1395
- return P(() => {
1396
- t.current && !l && (s(!0), c());
1397
- }, [t.current, l]), /* @__PURE__ */ r(
1407
+ return W(() => {
1408
+ t.current && !r && (c(!0), s());
1409
+ }, [t.current, r]), /* @__PURE__ */ l(
1398
1410
  "div",
1399
1411
  {
1400
1412
  className: "builder-embed",
@@ -1403,13 +1415,13 @@ function kt(e) {
1403
1415
  }
1404
1416
  );
1405
1417
  }
1406
- const Ct = {
1418
+ const It = {
1407
1419
  name: "Fragment",
1408
1420
  static: !0,
1409
1421
  hidden: !0,
1410
1422
  canHaveChildren: !0,
1411
1423
  noWrap: !0
1412
- }, wt = {
1424
+ }, Tt = {
1413
1425
  name: "Image",
1414
1426
  static: !0,
1415
1427
  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",
@@ -1429,29 +1441,29 @@ const Ct = {
1429
1441
  defaultValue: "https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F72c80f114dc149019051b6852a9e3b7a",
1430
1442
  onChange: (e) => {
1431
1443
  e.delete("srcset"), e.delete("noWebp");
1432
- function n(l, s = 6e4) {
1433
- return new Promise((c, d) => {
1444
+ function n(r, c = 6e4) {
1445
+ return new Promise((s, d) => {
1434
1446
  const u = document.createElement("img");
1435
1447
  let g = !1;
1436
1448
  u.onload = () => {
1437
- g = !0, c(u);
1438
- }, u.addEventListener("error", (S) => {
1439
- console.warn("Image load failed", S.error), d(S.error);
1440
- }), u.src = l, setTimeout(() => {
1449
+ g = !0, s(u);
1450
+ }, u.addEventListener("error", (v) => {
1451
+ console.warn("Image load failed", v.error), d(v.error);
1452
+ }), u.src = r, setTimeout(() => {
1441
1453
  g || d(new Error("Image load timed out"));
1442
- }, s);
1454
+ }, c);
1443
1455
  });
1444
1456
  }
1445
- function i(l) {
1446
- return Math.round(l * 1e3) / 1e3;
1457
+ function i(r) {
1458
+ return Math.round(r * 1e3) / 1e3;
1447
1459
  }
1448
1460
  const a = e.get("image"), o = e.get("aspectRatio");
1449
- if (fetch(a).then((l) => l.blob()).then((l) => {
1450
- l.type.includes("svg") && e.set("noWebp", !0);
1461
+ if (fetch(a).then((r) => r.blob()).then((r) => {
1462
+ r.type.includes("svg") && e.set("noWebp", !0);
1451
1463
  }), a && (!o || o === 0.7041))
1452
- return n(a).then((l) => {
1453
- const s = e.get("aspectRatio");
1454
- e.get("image") === a && (!s || s === 0.7041) && l.width && l.height && (e.set("aspectRatio", i(l.height / l.width)), e.set("height", l.height), e.set("width", l.width));
1464
+ return n(a).then((r) => {
1465
+ const c = e.get("aspectRatio");
1466
+ e.get("image") === a && (!c || c === 0.7041) && r.width && r.height && (e.set("aspectRatio", i(r.height / r.width)), e.set("height", r.height), e.set("width", r.width));
1455
1467
  });
1456
1468
  }
1457
1469
  }, {
@@ -1509,7 +1521,7 @@ const Ct = {
1509
1521
  advanced: !0,
1510
1522
  defaultValue: 0.7041
1511
1523
  }]
1512
- }, It = {
1524
+ }, Rt = {
1513
1525
  // friendlyName?
1514
1526
  name: "Raw:Img",
1515
1527
  hideFromInsertMenu: !0,
@@ -1524,8 +1536,8 @@ const Ct = {
1524
1536
  noWrap: !0,
1525
1537
  static: !0
1526
1538
  };
1527
- function Tt(e) {
1528
- return /* @__PURE__ */ r(
1539
+ function Et(e) {
1540
+ return /* @__PURE__ */ l(
1529
1541
  "img",
1530
1542
  {
1531
1543
  style: {
@@ -1536,10 +1548,10 @@ function Tt(e) {
1536
1548
  src: e.imgSrc || e.image,
1537
1549
  ...e.attributes
1538
1550
  },
1539
- $() && e.imgSrc || "default-key"
1551
+ A() && e.imgSrc || "default-key"
1540
1552
  );
1541
1553
  }
1542
- const Rt = {
1554
+ const Pt = {
1543
1555
  name: "Core:Section",
1544
1556
  static: !0,
1545
1557
  image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",
@@ -1578,7 +1590,7 @@ const Rt = {
1578
1590
  }
1579
1591
  }
1580
1592
  }]
1581
- }, Et = {
1593
+ }, Wt = {
1582
1594
  name: "Symbol",
1583
1595
  noWrap: !0,
1584
1596
  static: !0,
@@ -1611,7 +1623,7 @@ const Rt = {
1611
1623
  hideFromUI: !0,
1612
1624
  type: "boolean"
1613
1625
  }]
1614
- }, Pt = {
1626
+ }, Bt = {
1615
1627
  name: "Text",
1616
1628
  static: !0,
1617
1629
  isRSC: !0,
@@ -1632,7 +1644,7 @@ const Rt = {
1632
1644
  };
1633
1645
  function Vt(e) {
1634
1646
  var t;
1635
- return /* @__PURE__ */ r(
1647
+ return /* @__PURE__ */ l(
1636
1648
  "div",
1637
1649
  {
1638
1650
  className: "builder-text",
@@ -1725,8 +1737,8 @@ const At = {
1725
1737
  advanced: !0
1726
1738
  }]
1727
1739
  };
1728
- function Bt(e) {
1729
- var i, a, o, l, s, c, d;
1740
+ function $t(e) {
1741
+ var i, a, o, r, c, s, d;
1730
1742
  function t() {
1731
1743
  return {
1732
1744
  ...e.autoPlay === !0 ? {
@@ -1751,14 +1763,14 @@ function Bt(e) {
1751
1763
  ...t()
1752
1764
  };
1753
1765
  }
1754
- return /* @__PURE__ */ E(
1766
+ return /* @__PURE__ */ R(
1755
1767
  "div",
1756
1768
  {
1757
1769
  style: {
1758
1770
  position: "relative"
1759
1771
  },
1760
1772
  children: [
1761
- /* @__PURE__ */ r(
1773
+ /* @__PURE__ */ l(
1762
1774
  "video",
1763
1775
  {
1764
1776
  className: "builder-video",
@@ -1780,10 +1792,10 @@ function Bt(e) {
1780
1792
  },
1781
1793
  src: e.video || "no-src",
1782
1794
  poster: e.posterImage,
1783
- children: e.lazyLoad ? null : /* @__PURE__ */ r("source", { type: "video/mp4", src: e.video })
1795
+ children: e.lazyLoad ? null : /* @__PURE__ */ l("source", { type: "video/mp4", src: e.video })
1784
1796
  }
1785
1797
  ),
1786
- e.aspectRatio && !(e.fitContent && ((o = (a = e.builderBlock) == null ? void 0 : a.children) != null && o.length)) ? /* @__PURE__ */ r(f, { children: /* @__PURE__ */ r(
1798
+ e.aspectRatio && !(e.fitContent && ((o = (a = e.builderBlock) == null ? void 0 : a.children) != null && o.length)) ? /* @__PURE__ */ l(f, { children: /* @__PURE__ */ l(
1787
1799
  "div",
1788
1800
  {
1789
1801
  style: {
@@ -1794,7 +1806,7 @@ function Bt(e) {
1794
1806
  }
1795
1807
  }
1796
1808
  ) }) : null,
1797
- (s = (l = e.builderBlock) == null ? void 0 : l.children) != null && s.length && e.fitContent ? /* @__PURE__ */ r(f, { children: /* @__PURE__ */ r(
1809
+ (c = (r = e.builderBlock) == null ? void 0 : r.children) != null && c.length && e.fitContent ? /* @__PURE__ */ l(f, { children: /* @__PURE__ */ l(
1798
1810
  "div",
1799
1811
  {
1800
1812
  style: {
@@ -1805,7 +1817,7 @@ function Bt(e) {
1805
1817
  children: e.children
1806
1818
  }
1807
1819
  ) }) : null,
1808
- (d = (c = e.builderBlock) == null ? void 0 : c.children) != null && d.length && !e.fitContent ? /* @__PURE__ */ r(f, { children: /* @__PURE__ */ r(
1820
+ (d = (s = e.builderBlock) == null ? void 0 : s.children) != null && d.length && !e.fitContent ? /* @__PURE__ */ l(f, { children: /* @__PURE__ */ l(
1809
1821
  "div",
1810
1822
  {
1811
1823
  style: {
@@ -1826,40 +1838,40 @@ function Bt(e) {
1826
1838
  }
1827
1839
  );
1828
1840
  }
1829
- const be = () => [{
1830
- component: je,
1831
- ...gt
1832
- }, {
1833
- component: st,
1834
- ...bt
1835
- }, {
1836
- component: yt,
1841
+ const ye = () => [{
1842
+ component: Ue,
1837
1843
  ...xt
1838
1844
  }, {
1839
- component: kt,
1840
- ...St
1845
+ component: ut,
1846
+ ...yt
1841
1847
  }, {
1842
- component: dt,
1843
- ...Ct
1848
+ component: pt,
1849
+ ...St
1844
1850
  }, {
1845
- component: ft,
1846
- ...wt
1851
+ component: wt,
1852
+ ...vt
1847
1853
  }, {
1848
- component: Tt,
1854
+ component: mt,
1849
1855
  ...It
1850
1856
  }, {
1851
- component: ht,
1857
+ component: gt,
1858
+ ...Tt
1859
+ }, {
1860
+ component: Et,
1852
1861
  ...Rt
1853
1862
  }, {
1854
- component: en,
1855
- ...Et
1863
+ component: bt,
1864
+ ...Pt
1865
+ }, {
1866
+ component: nn,
1867
+ ...Wt
1856
1868
  }, {
1857
1869
  component: Vt,
1858
- ...Pt
1870
+ ...Bt
1859
1871
  }, {
1860
- component: Bt,
1872
+ component: $t,
1861
1873
  ...At
1862
- }], $t = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
1874
+ }], Nt = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
1863
1875
  function getAndSetVariantId() {
1864
1876
  function setCookie(name, value, days) {
1865
1877
  let expires = '';
@@ -1915,7 +1927,7 @@ const be = () => [{
1915
1927
  }).join('');
1916
1928
  styleEl.innerHTML = newStyleStr;
1917
1929
  }
1918
- }`, Nt = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
1930
+ }`, Ft = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
1919
1931
  if (!navigator.cookieEnabled) {
1920
1932
  return;
1921
1933
  }
@@ -1949,27 +1961,27 @@ const be = () => [{
1949
1961
  thisScriptEl?.remove();
1950
1962
  }
1951
1963
  return;
1952
- }`, Ee = "builderIoAbTest", Pe = "builderIoRenderContent", j = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
1964
+ }`, We = "builderIoAbTest", Be = "builderIoRenderContent", M = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
1953
1965
  ...t,
1954
1966
  testVariationId: t.id,
1955
1967
  id: e == null ? void 0 : e.id
1956
- })), Ft = ({
1968
+ })), _t = ({
1957
1969
  canTrack: e,
1958
1970
  content: t
1959
- }) => !(!(j(t).length > 0) || !e || N()), Wt = (e) => e === "react" || e === "reactNative", Ve = Wt(L), _t = () => `
1960
- window.${Ee} = ${$t}
1961
- window.${Pe} = ${Nt}
1962
- `, Lt = (e, t) => `
1963
- window.${Ee}(
1971
+ }) => !(!(M(t).length > 0) || !e || $()), Lt = (e) => e === "react" || e === "reactNative", Ve = Lt(L), jt = () => `
1972
+ window.${We} = ${Nt}
1973
+ window.${Be} = ${Ft}
1974
+ `, Mt = (e, t) => `
1975
+ window.${We}(
1964
1976
  "${t}",${JSON.stringify(e)}, ${Ve}
1965
- )`, jt = ({
1977
+ )`, Ut = ({
1966
1978
  contentId: e,
1967
1979
  variationId: t
1968
- }) => `window.${Pe}(
1980
+ }) => `window.${Be}(
1969
1981
  "${t}", "${e}", ${Ve}
1970
1982
  )`;
1971
- function X(e) {
1972
- return /* @__PURE__ */ r(
1983
+ function Z(e) {
1984
+ return /* @__PURE__ */ l(
1973
1985
  "script",
1974
1986
  {
1975
1987
  dangerouslySetInnerHTML: { __html: e.scriptStr },
@@ -1977,10 +1989,10 @@ function X(e) {
1977
1989
  }
1978
1990
  );
1979
1991
  }
1980
- function xe(e) {
1992
+ function Se(e) {
1981
1993
  return Math.round(e * 1e3) / 1e3;
1982
1994
  }
1983
- const Mt = (e, t, n = !0) => {
1995
+ const Dt = (e, t, n = !0) => {
1984
1996
  if (!(e instanceof HTMLElement))
1985
1997
  return null;
1986
1998
  let i = n ? e : e.parentElement;
@@ -1991,36 +2003,36 @@ const Mt = (e, t, n = !0) => {
1991
2003
  return i;
1992
2004
  } while (i = i.parentElement);
1993
2005
  return null;
1994
- }, Ut = (e) => Mt(e, (t) => {
2006
+ }, Ot = (e) => Dt(e, (t) => {
1995
2007
  const n = t.getAttribute("builder-id") || t.id;
1996
2008
  return (n == null ? void 0 : n.indexOf("builder-")) === 0;
1997
- }), ye = ({
2009
+ }), pe = ({
1998
2010
  event: e,
1999
2011
  target: t
2000
2012
  }) => {
2001
- const n = t.getBoundingClientRect(), i = e.clientX - n.left, a = e.clientY - n.top, o = xe(i / n.width), l = xe(a / n.height);
2013
+ const n = t.getBoundingClientRect(), i = e.clientX - n.left, a = e.clientY - n.top, o = Se(i / n.width), r = Se(a / n.height);
2002
2014
  return {
2003
2015
  x: o,
2004
- y: l
2016
+ y: r
2005
2017
  };
2006
- }, Dt = (e) => {
2007
- const t = e.target, n = t && Ut(t), i = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
2018
+ }, Kt = (e) => {
2019
+ const t = e.target, n = t && Ot(t), i = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
2008
2020
  return {
2009
2021
  targetBuilderElement: i || void 0,
2010
2022
  metadata: {
2011
- targetOffset: t ? ye({
2023
+ targetOffset: t ? pe({
2012
2024
  event: e,
2013
2025
  target: t
2014
2026
  }) : void 0,
2015
- builderTargetOffset: n ? ye({
2027
+ builderTargetOffset: n ? pe({
2016
2028
  event: e,
2017
2029
  target: n
2018
2030
  }) : void 0,
2019
2031
  builderElementIndex: n && i ? [].slice.call(document.getElementsByClassName(i)).indexOf(n) : void 0
2020
2032
  }
2021
2033
  };
2022
- }, Ot = "0.8.1", Kt = () => {
2023
- Ne("insertMenu", {
2034
+ }, Ht = "0.10.0", zt = () => {
2035
+ Fe("insertMenu", {
2024
2036
  name: "_default",
2025
2037
  default: !0,
2026
2038
  items: [{
@@ -2042,14 +2054,14 @@ const Mt = (e, t, n = !0) => {
2042
2054
  }]
2043
2055
  });
2044
2056
  };
2045
- let Se = !1;
2046
- const Ht = (e = {}) => {
2057
+ let ve = !1;
2058
+ const qt = (e = {}) => {
2047
2059
  var t, n;
2048
- Se || (Se = !0, N() && ((t = window.parent) == null || t.postMessage({
2060
+ ve || (ve = !0, $() && ((t = window.parent) == null || t.postMessage({
2049
2061
  type: "builder.sdkInfo",
2050
2062
  data: {
2051
2063
  target: L,
2052
- version: Ot,
2064
+ version: Ht,
2053
2065
  supportsPatchUpdates: !1,
2054
2066
  // Supports builder-model="..." attribute which is needed to
2055
2067
  // scope our '+ add block' button styling
@@ -2068,33 +2080,33 @@ const Ht = (e = {}) => {
2068
2080
  if (i != null && i.type)
2069
2081
  switch (i.type) {
2070
2082
  case "builder.evaluate": {
2071
- const l = i.data.text, s = i.data.arguments || [], c = i.data.id, d = new Function(l);
2083
+ const r = i.data.text, c = i.data.arguments || [], s = i.data.id, d = new Function(r);
2072
2084
  let u, g = null;
2073
2085
  try {
2074
- u = d.apply(null, s);
2075
- } catch (S) {
2076
- g = S;
2086
+ u = d.apply(null, c);
2087
+ } catch (v) {
2088
+ g = v;
2077
2089
  }
2078
2090
  g ? (a = window.parent) == null || a.postMessage({
2079
2091
  type: "builder.evaluateError",
2080
2092
  data: {
2081
- id: c,
2093
+ id: s,
2082
2094
  error: g.message
2083
2095
  }
2084
- }, "*") : u && typeof u.then == "function" ? u.then((S) => {
2085
- var V;
2086
- (V = window.parent) == null || V.postMessage({
2096
+ }, "*") : u && typeof u.then == "function" ? u.then((v) => {
2097
+ var P;
2098
+ (P = window.parent) == null || P.postMessage({
2087
2099
  type: "builder.evaluateResult",
2088
2100
  data: {
2089
- id: c,
2090
- result: S
2101
+ id: s,
2102
+ result: v
2091
2103
  }
2092
2104
  }, "*");
2093
2105
  }).catch(console.error) : (o = window.parent) == null || o.postMessage({
2094
2106
  type: "builder.evaluateResult",
2095
2107
  data: {
2096
2108
  result: u,
2097
- id: c
2109
+ id: s
2098
2110
  }
2099
2111
  }, "*");
2100
2112
  break;
@@ -2102,11 +2114,11 @@ const Ht = (e = {}) => {
2102
2114
  }
2103
2115
  })));
2104
2116
  };
2105
- function zt(e) {
2106
- var A, B, F, W, z, ae, oe;
2107
- const t = Z(null), [n, i] = v(() => 0);
2117
+ function Yt(e) {
2118
+ var N, F, q, oe, re, le, ce;
2119
+ const t = ee(null), [n, i] = S(() => 0);
2108
2120
  function a(m) {
2109
- var b, y, k, R, re;
2121
+ var b, y, C, T, j;
2110
2122
  const h = {
2111
2123
  ...e.builderContextSignal.content,
2112
2124
  ...m,
@@ -2117,42 +2129,44 @@ function zt(e) {
2117
2129
  meta: {
2118
2130
  ...(y = e.builderContextSignal.content) == null ? void 0 : y.meta,
2119
2131
  ...m == null ? void 0 : m.meta,
2120
- breakpoints: ((k = m == null ? void 0 : m.meta) == null ? void 0 : k.breakpoints) || ((re = (R = e.builderContextSignal.content) == null ? void 0 : R.meta) == null ? void 0 : re.breakpoints)
2132
+ breakpoints: ((C = m == null ? void 0 : m.meta) == null ? void 0 : C.breakpoints) || ((j = (T = e.builderContextSignal.content) == null ? void 0 : T.meta) == null ? void 0 : j.breakpoints)
2121
2133
  }
2122
2134
  };
2123
- e.setBuilderContextSignal((Be) => ({
2124
- ...Be,
2135
+ e.setBuilderContextSignal(($e) => ({
2136
+ ...$e,
2125
2137
  content: h
2126
2138
  }));
2127
2139
  }
2128
- v(() => 0);
2129
- const [o, l] = v(
2140
+ S(() => 0);
2141
+ const [o, r] = S(
2130
2142
  () => !1
2143
+ ), [c, s] = S(
2144
+ () => e.contentWrapper || "div"
2131
2145
  );
2132
- function s(m) {
2146
+ function d(m) {
2133
2147
  var b;
2134
2148
  const { data: h } = m;
2135
2149
  if (h)
2136
2150
  switch (h.type) {
2137
2151
  case "builder.configureSdk": {
2138
- const y = h.data, { breakpoints: k, contentId: R } = y;
2139
- if (!R || R !== ((b = e.builderContextSignal.content) == null ? void 0 : b.id))
2152
+ const y = h.data, { breakpoints: C, contentId: T } = y;
2153
+ if (!T || T !== ((b = e.builderContextSignal.content) == null ? void 0 : b.id))
2140
2154
  return;
2141
- k && a({
2155
+ C && a({
2142
2156
  meta: {
2143
- breakpoints: k
2157
+ breakpoints: C
2144
2158
  }
2145
2159
  }), i(n + 1);
2146
2160
  break;
2147
2161
  }
2148
2162
  case "builder.contentUpdate": {
2149
- const y = h.data, k = y.key || y.alias || y.entry || y.modelName, R = y.data;
2150
- k === e.model && (a(R), i(n + 1));
2163
+ const y = h.data, C = y.key || y.alias || y.entry || y.modelName, T = y.data;
2164
+ C === e.model && (a(T), i(n + 1));
2151
2165
  break;
2152
2166
  }
2153
2167
  }
2154
2168
  }
2155
- function c() {
2169
+ function u() {
2156
2170
  var h, b;
2157
2171
  const m = (b = (h = e.builderContextSignal.content) == null ? void 0 : h.data) == null ? void 0 : b.jsCode;
2158
2172
  m && _({
@@ -2163,24 +2177,24 @@ function zt(e) {
2163
2177
  rootSetState: e.builderContextSignal.rootSetState
2164
2178
  });
2165
2179
  }
2166
- const [d, u] = v(() => ({})), [g, S] = v(() => !1);
2167
- function V(m) {
2180
+ const [g, v] = S(() => ({})), [P, x] = S(() => !1);
2181
+ function k(m) {
2168
2182
  var h, b;
2169
2183
  if (e.builderContextSignal.content) {
2170
- const y = (h = e.builderContextSignal.content) == null ? void 0 : h.testVariationId, k = (b = e.builderContextSignal.content) == null ? void 0 : b.id;
2171
- ce({
2184
+ const y = (h = e.builderContextSignal.content) == null ? void 0 : h.testVariationId, C = (b = e.builderContextSignal.content) == null ? void 0 : b.id;
2185
+ de({
2172
2186
  type: "click",
2173
- canTrack: U(e.canTrack),
2174
- contentId: k,
2187
+ canTrack: D(e.canTrack),
2188
+ contentId: C,
2175
2189
  apiKey: e.apiKey,
2176
- variationId: y !== k ? y : void 0,
2177
- ...Dt(m),
2178
- unique: !g
2190
+ variationId: y !== C ? y : void 0,
2191
+ ...Kt(m),
2192
+ unique: !P
2179
2193
  });
2180
2194
  }
2181
- g || S(!0);
2195
+ P || x(!0);
2182
2196
  }
2183
- function x(m) {
2197
+ function w(m) {
2184
2198
  return m.replace(
2185
2199
  /{{([^}]+)}}/g,
2186
2200
  (h, b) => _({
@@ -2192,38 +2206,38 @@ function zt(e) {
2192
2206
  })
2193
2207
  );
2194
2208
  }
2195
- function p({ url: m, key: h }) {
2196
- _e(m).then((b) => b.json()).then((b) => {
2197
- var k, R;
2209
+ function E({ url: m, key: h }) {
2210
+ je(m).then((b) => b.json()).then((b) => {
2211
+ var C, T;
2198
2212
  const y = {
2199
2213
  ...e.builderContextSignal.rootState,
2200
2214
  [h]: b
2201
2215
  };
2202
- (R = (k = e.builderContextSignal).rootSetState) == null || R.call(k, y), d[h] = !0;
2216
+ (T = (C = e.builderContextSignal).rootSetState) == null || T.call(C, y), g[h] = !0;
2203
2217
  }).catch((b) => {
2204
2218
  console.error("error fetching dynamic data", m, b);
2205
2219
  });
2206
2220
  }
2207
2221
  function I() {
2208
- var h, b;
2209
- const m = ((b = (h = e.builderContextSignal.content) == null ? void 0 : h.data) == null ? void 0 : b.httpRequests) ?? {};
2210
- Object.entries(m).forEach(([y, k]) => {
2211
- if (k && (!d[y] || $())) {
2212
- const R = x(k);
2213
- p({
2214
- url: R,
2215
- key: y
2222
+ var h, b, y;
2223
+ const m = (y = (b = (h = e.builderContextSignal.content) == null ? void 0 : h.data) == null ? void 0 : b.httpRequests) != null ? y : {};
2224
+ Object.entries(m).forEach(([C, T]) => {
2225
+ if (T && (!g[C] || A())) {
2226
+ const j = w(T);
2227
+ E({
2228
+ url: j,
2229
+ key: C
2216
2230
  });
2217
2231
  }
2218
2232
  });
2219
2233
  }
2220
- function w() {
2221
- $() && window.dispatchEvent(
2234
+ function p() {
2235
+ A() && window.dispatchEvent(
2222
2236
  new CustomEvent(
2223
2237
  "builder:component:stateChange",
2224
2238
  {
2225
2239
  detail: {
2226
- state: ee(e.builderContextSignal.rootState),
2240
+ state: te(e.builderContextSignal.rootState),
2227
2241
  ref: {
2228
2242
  name: e.model
2229
2243
  }
@@ -2232,8 +2246,8 @@ function zt(e) {
2232
2246
  )
2233
2247
  );
2234
2248
  }
2235
- function C(m) {
2236
- i(n + 1), window.addEventListener("message", s), Kt(), Ht({
2249
+ function B(m) {
2250
+ i(n + 1), window.addEventListener("message", d), zt(), qt({
2237
2251
  ...e.locale ? {
2238
2252
  locale: e.locale
2239
2253
  } : {},
@@ -2247,105 +2261,106 @@ function zt(e) {
2247
2261
  e.builderContextSignal.componentInfos
2248
2262
  ).forEach((h) => {
2249
2263
  var y;
2250
- const b = We(h);
2264
+ const b = Le(h);
2251
2265
  (y = window.parent) == null || y.postMessage(b, "*");
2252
2266
  }), window.addEventListener(
2253
2267
  "builder:component:stateChangeListenerActivated",
2254
- w
2268
+ p
2255
2269
  );
2256
2270
  }
2257
- function T(m) {
2271
+ function V(m) {
2258
2272
  const h = new URL(location.href).searchParams, b = h.get("builder.preview"), y = h.get(
2259
2273
  `builder.preview.${b}`
2260
- ), k = h.get("apiKey") || h.get("builder.space");
2261
- b === e.model && k === e.apiKey && (!e.content || y === e.content.id) && Ce({
2274
+ ), C = h.get("apiKey") || h.get("builder.space");
2275
+ b === e.model && C === e.apiKey && (!e.content || y === e.content.id) && Ie({
2262
2276
  model: e.model,
2263
2277
  apiKey: e.apiKey,
2264
2278
  apiVersion: e.builderContextSignal.apiVersion
2265
- }).then((R) => {
2266
- R && a(R);
2279
+ }).then((T) => {
2280
+ T && a(T);
2267
2281
  });
2268
2282
  }
2269
- return P(() => {
2283
+ return W(() => {
2270
2284
  var m;
2271
2285
  return (m = t.current) == null || m.addEventListener(
2272
2286
  "initeditingbldr",
2273
- C
2287
+ B
2274
2288
  ), () => {
2275
2289
  var h;
2276
2290
  return (h = t.current) == null ? void 0 : h.removeEventListener(
2277
2291
  "initeditingbldr",
2278
- C
2292
+ B
2279
2293
  );
2280
2294
  };
2281
- }, []), P(() => {
2295
+ }, []), W(() => {
2282
2296
  var m;
2283
2297
  return (m = t.current) == null || m.addEventListener(
2284
2298
  "initpreviewingbldr",
2285
- T
2299
+ V
2286
2300
  ), () => {
2287
2301
  var h;
2288
2302
  return (h = t.current) == null ? void 0 : h.removeEventListener(
2289
2303
  "initpreviewingbldr",
2290
- T
2304
+ V
2291
2305
  );
2292
2306
  };
2293
- }, []), P(() => {
2307
+ }, []), W(() => {
2294
2308
  var m, h;
2295
- if (N()) {
2296
- if ($() && t.current && t.current.dispatchEvent(new CustomEvent("initeditingbldr")), e.builderContextSignal.content && U(e.canTrack)) {
2297
- const y = (m = e.builderContextSignal.content) == null ? void 0 : m.testVariationId, k = (h = e.builderContextSignal.content) == null ? void 0 : h.id, R = e.apiKey;
2298
- ce({
2309
+ if ($()) {
2310
+ if (A() && t.current && t.current.dispatchEvent(new CustomEvent("initeditingbldr")), e.builderContextSignal.content && D(e.canTrack)) {
2311
+ const y = (m = e.builderContextSignal.content) == null ? void 0 : m.testVariationId, C = (h = e.builderContextSignal.content) == null ? void 0 : h.id, T = e.apiKey;
2312
+ de({
2299
2313
  type: "impression",
2300
2314
  canTrack: !0,
2301
- contentId: k,
2302
- apiKey: R,
2303
- variationId: y !== k ? y : void 0
2315
+ contentId: C,
2316
+ apiKey: T,
2317
+ variationId: y !== C ? y : void 0
2304
2318
  });
2305
2319
  }
2306
- Fe() && t.current && t.current.dispatchEvent(new CustomEvent("initpreviewingbldr"));
2320
+ _e() && t.current && t.current.dispatchEvent(new CustomEvent("initpreviewingbldr"));
2307
2321
  }
2308
- }, []), P(() => {
2309
- e.apiKey || M.error(
2322
+ }, []), W(() => {
2323
+ e.apiKey || U.error(
2310
2324
  "No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop."
2311
- ), c(), I(), w();
2312
- }, []), P(() => {
2325
+ ), u(), I(), p();
2326
+ }, []), W(() => {
2313
2327
  e.content && a(e.content);
2314
- }, [e.content]), P(() => {
2315
- }, [o]), P(() => {
2316
- c();
2328
+ }, [e.content]), W(() => {
2329
+ }, [o]), W(() => {
2330
+ u();
2317
2331
  }, [
2318
- (B = (A = e.builderContextSignal.content) == null ? void 0 : A.data) == null ? void 0 : B.jsCode,
2332
+ (F = (N = e.builderContextSignal.content) == null ? void 0 : N.data) == null ? void 0 : F.jsCode,
2319
2333
  e.builderContextSignal.rootState
2320
- ]), P(() => {
2334
+ ]), W(() => {
2321
2335
  I();
2322
- }, [(W = (F = e.builderContextSignal.content) == null ? void 0 : F.data) == null ? void 0 : W.httpRequests]), P(() => {
2323
- w();
2324
- }, [e.builderContextSignal.rootState]), P(() => () => {
2325
- N() && (window.removeEventListener("message", s), window.removeEventListener(
2336
+ }, [(oe = (q = e.builderContextSignal.content) == null ? void 0 : q.data) == null ? void 0 : oe.httpRequests]), W(() => {
2337
+ p();
2338
+ }, [e.builderContextSignal.rootState]), W(() => () => {
2339
+ $() && (window.removeEventListener("message", d), window.removeEventListener(
2326
2340
  "builder:component:stateChangeListenerActivated",
2327
- w
2341
+ p
2328
2342
  ));
2329
- }, []), /* @__PURE__ */ r(te.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content ? /* @__PURE__ */ r(f, { children: /* @__PURE__ */ ke(
2330
- "div",
2343
+ }, []), /* @__PURE__ */ l(ne.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content ? /* @__PURE__ */ l(f, { children: /* @__PURE__ */ we(
2344
+ c,
2331
2345
  {
2332
2346
  key: n,
2333
2347
  ref: t,
2334
- onClick: (m) => V(m),
2335
- "builder-content-id": (z = e.builderContextSignal.content) == null ? void 0 : z.id,
2348
+ onClick: (m) => k(m),
2349
+ "builder-content-id": (re = e.builderContextSignal.content) == null ? void 0 : re.id,
2336
2350
  "builder-model": e.model,
2337
2351
  ...e.showContent ? {} : {
2338
2352
  hidden: !0,
2339
2353
  "aria-hidden": !0
2340
2354
  },
2341
- className: `variant-${((ae = e.content) == null ? void 0 : ae.testVariationId) || ((oe = e.content) == null ? void 0 : oe.id)}`
2355
+ ...e.contentWrapperProps,
2356
+ className: `variant-${((le = e.content) == null ? void 0 : le.testVariationId) || ((ce = e.content) == null ? void 0 : ce.id)}`
2342
2357
  },
2343
2358
  e.children
2344
2359
  ) }) : null });
2345
2360
  }
2346
- const qt = (e) => {
2347
- var o;
2348
- const t = e.family + (e.kind && !e.kind.includes("#") ? ", " + e.kind : ""), n = t.split(",")[0], i = e.fileUrl ?? ((o = e == null ? void 0 : e.files) == null ? void 0 : o.regular);
2361
+ const Qt = (e) => {
2362
+ var o, r;
2363
+ const t = e.family + (e.kind && !e.kind.includes("#") ? ", " + e.kind : ""), n = t.split(",")[0], i = (r = e.fileUrl) != null ? r : (o = e == null ? void 0 : e.files) == null ? void 0 : o.regular;
2349
2364
  let a = "";
2350
2365
  if (i && t && n && (a += `
2351
2366
  @font-face {
@@ -2355,37 +2370,37 @@ font-display: fallback;
2355
2370
  font-weight: 400;
2356
2371
  }
2357
2372
  `.trim()), e.files)
2358
- for (const l in e.files) {
2359
- if (!(String(Number(l)) === l))
2373
+ for (const c in e.files) {
2374
+ if (!(String(Number(c)) === c))
2360
2375
  continue;
2361
- const c = e.files[l];
2362
- c && c !== i && (a += `
2376
+ const d = e.files[c];
2377
+ d && d !== i && (a += `
2363
2378
  @font-face {
2364
2379
  font-family: "${t}";
2365
- src: url('${c}') format('woff2');
2380
+ src: url('${d}') format('woff2');
2366
2381
  font-display: fallback;
2367
- font-weight: ${l};
2382
+ font-weight: ${c};
2368
2383
  }
2369
2384
  `.trim());
2370
2385
  }
2371
2386
  return a;
2372
- }, Yt = ({
2387
+ }, Gt = ({
2373
2388
  customFonts: e
2374
2389
  }) => {
2375
2390
  var t;
2376
- return ((t = e == null ? void 0 : e.map((n) => qt(n))) == null ? void 0 : t.join(" ")) || "";
2377
- }, Qt = ({
2391
+ return ((t = e == null ? void 0 : e.map((n) => Qt(n))) == null ? void 0 : t.join(" ")) || "";
2392
+ }, Jt = ({
2378
2393
  cssCode: e,
2379
2394
  contentId: t
2380
2395
  }) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "";
2381
- function Gt(e) {
2382
- const [t, n] = v(
2396
+ function Xt(e) {
2397
+ const [t, n] = S(
2383
2398
  () => `
2384
- ${Qt({
2399
+ ${Jt({
2385
2400
  cssCode: e.cssCode,
2386
2401
  contentId: e.contentId
2387
2402
  })}
2388
- ${Yt({
2403
+ ${Gt({
2389
2404
  customFonts: e.customFonts
2390
2405
  })}
2391
2406
 
@@ -2403,17 +2418,17 @@ ${Yt({
2403
2418
  }
2404
2419
  `.trim()
2405
2420
  );
2406
- return /* @__PURE__ */ r(K, { styles: t });
2421
+ return /* @__PURE__ */ l(H, { styles: t });
2407
2422
  }
2408
- const Jt = ({
2423
+ const Zt = ({
2409
2424
  content: e,
2410
2425
  data: t,
2411
2426
  locale: n
2412
2427
  }) => {
2413
- var o, l, s;
2428
+ var o, r, c;
2414
2429
  const i = {}, a = ((o = e == null ? void 0 : e.data) == null ? void 0 : o.state) || {};
2415
- return (s = (l = e == null ? void 0 : e.data) == null ? void 0 : l.inputs) == null || s.forEach((c) => {
2416
- c.name && c.defaultValue !== void 0 && (i[c.name] = c.defaultValue);
2430
+ return (c = (r = e == null ? void 0 : e.data) == null ? void 0 : r.inputs) == null || c.forEach((s) => {
2431
+ s.name && s.defaultValue !== void 0 && (i[s.name] = s.defaultValue);
2417
2432
  }), {
2418
2433
  ...i,
2419
2434
  ...a,
@@ -2422,7 +2437,7 @@ const Jt = ({
2422
2437
  locale: n
2423
2438
  } : {}
2424
2439
  };
2425
- }, Xt = ({
2440
+ }, en = ({
2426
2441
  content: e,
2427
2442
  data: t
2428
2443
  }) => e ? {
@@ -2433,52 +2448,52 @@ const Jt = ({
2433
2448
  },
2434
2449
  meta: e == null ? void 0 : e.meta
2435
2450
  } : void 0;
2436
- function ve(e) {
2437
- var c, d, u, g, S, V, x;
2438
- const [t, n] = v(
2451
+ function ke(e) {
2452
+ var s, d, u, g, v, P, x;
2453
+ const [t, n] = S(
2439
2454
  () => {
2440
- var p, I;
2441
- return jt({
2455
+ var k, w;
2456
+ return Ut({
2442
2457
  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
2443
- variationId: (p = e.content) == null ? void 0 : p.testVariationId,
2458
+ variationId: (k = e.content) == null ? void 0 : k.testVariationId,
2444
2459
  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
2445
- contentId: (I = e.content) == null ? void 0 : I.id
2460
+ contentId: (w = e.content) == null ? void 0 : w.id
2446
2461
  });
2447
2462
  }
2448
2463
  );
2449
- function i(p) {
2450
- s((I) => ({
2451
- ...I,
2452
- rootState: p
2464
+ function i(k) {
2465
+ c((w) => ({
2466
+ ...w,
2467
+ rootState: k
2453
2468
  }));
2454
2469
  }
2455
- const [a, o] = v(
2470
+ const [a, o] = S(
2456
2471
  () => [
2457
- ...be(),
2472
+ ...ye(),
2458
2473
  // While this `components` object is deprecated, we must maintain support for it.
2459
2474
  // Since users are able to override our default components, we need to make sure that we do not break such
2460
2475
  // existing usage.
2461
2476
  // This is why we spread `components` after the default Builder.io components, but before the `props.customComponents`,
2462
2477
  // which is the new standard way of providing custom components, and must therefore take precedence.
2463
- ...se,
2478
+ ...ue,
2464
2479
  ...e.customComponents || []
2465
2480
  ].reduce(
2466
- (p, { component: I, ...w }) => ({
2467
- ...p,
2468
- [w.name]: {
2469
- component: I,
2470
- ...de(w)
2481
+ (k, { component: w, ...E }) => ({
2482
+ ...k,
2483
+ [E.name]: {
2484
+ component: w,
2485
+ ...me(E)
2471
2486
  }
2472
2487
  }),
2473
2488
  {}
2474
2489
  )
2475
- ), [l, s] = v(() => ({
2476
- content: Xt({
2490
+ ), [r, c] = S(() => ({
2491
+ content: en({
2477
2492
  content: e.content,
2478
2493
  data: e.data
2479
2494
  }),
2480
2495
  localState: void 0,
2481
- rootState: Jt({
2496
+ rootState: Zt({
2482
2497
  content: e.content,
2483
2498
  data: e.data,
2484
2499
  locale: e.locale
@@ -2488,31 +2503,33 @@ function ve(e) {
2488
2503
  apiKey: e.apiKey,
2489
2504
  apiVersion: e.apiVersion,
2490
2505
  componentInfos: [
2491
- ...be(),
2506
+ ...ye(),
2492
2507
  // While this `components` object is deprecated, we must maintain support for it.
2493
2508
  // Since users are able to override our default components, we need to make sure that we do not break such
2494
2509
  // existing usage.
2495
2510
  // This is why we spread `components` after the default Builder.io components, but before the `props.customComponents`,
2496
2511
  // which is the new standard way of providing custom components, and must therefore take precedence.
2497
- ...se,
2512
+ ...ue,
2498
2513
  ...e.customComponents || []
2499
2514
  ].reduce(
2500
- (p, { component: I, ...w }) => ({
2501
- ...p,
2502
- [w.name]: de(w)
2515
+ (k, { component: w, ...E }) => ({
2516
+ ...k,
2517
+ [E.name]: me(E)
2503
2518
  }),
2504
2519
  {}
2505
2520
  ),
2506
- inheritedStyles: {}
2521
+ inheritedStyles: {},
2522
+ BlocksWrapper: e.blocksWrapper || "div",
2523
+ BlocksWrapperProps: e.blocksWrapperProps || {}
2507
2524
  }));
2508
- return /* @__PURE__ */ r(
2509
- we.Provider,
2525
+ return /* @__PURE__ */ l(
2526
+ Te.Provider,
2510
2527
  {
2511
2528
  value: {
2512
2529
  registeredComponents: a
2513
2530
  },
2514
- children: /* @__PURE__ */ E(
2515
- zt,
2531
+ children: /* @__PURE__ */ R(
2532
+ Yt,
2516
2533
  {
2517
2534
  content: e.content,
2518
2535
  model: e.model,
@@ -2523,23 +2540,25 @@ function ve(e) {
2523
2540
  includeRefs: e.includeRefs,
2524
2541
  enrich: e.enrich,
2525
2542
  showContent: e.showContent,
2526
- builderContextSignal: l,
2527
- setBuilderContextSignal: s,
2543
+ builderContextSignal: r,
2544
+ contentWrapper: e.contentWrapper,
2545
+ contentWrapperProps: e.contentWrapperProps,
2546
+ setBuilderContextSignal: c,
2528
2547
  children: [
2529
- e.isSsrAbTest ? /* @__PURE__ */ r(f, { children: /* @__PURE__ */ r(X, { scriptStr: t }) }) : null,
2530
- /* @__PURE__ */ r(f, { children: /* @__PURE__ */ r(
2531
- Gt,
2548
+ e.isSsrAbTest ? /* @__PURE__ */ l(f, { children: /* @__PURE__ */ l(Z, { scriptStr: t }) }) : null,
2549
+ /* @__PURE__ */ l(f, { children: /* @__PURE__ */ l(
2550
+ Xt,
2532
2551
  {
2533
- contentId: (c = l.content) == null ? void 0 : c.id,
2534
- cssCode: (u = (d = l.content) == null ? void 0 : d.data) == null ? void 0 : u.cssCode,
2535
- customFonts: (S = (g = l.content) == null ? void 0 : g.data) == null ? void 0 : S.customFonts
2552
+ contentId: (s = r.content) == null ? void 0 : s.id,
2553
+ cssCode: (u = (d = r.content) == null ? void 0 : d.data) == null ? void 0 : u.cssCode,
2554
+ customFonts: (v = (g = r.content) == null ? void 0 : g.data) == null ? void 0 : v.customFonts
2536
2555
  }
2537
2556
  ) }),
2538
- /* @__PURE__ */ r(
2539
- ie,
2557
+ /* @__PURE__ */ l(
2558
+ ae,
2540
2559
  {
2541
- blocks: (x = (V = l.content) == null ? void 0 : V.data) == null ? void 0 : x.blocks,
2542
- context: l,
2560
+ blocks: (x = (P = r.content) == null ? void 0 : P.data) == null ? void 0 : x.blocks,
2561
+ context: r,
2543
2562
  registeredComponents: a
2544
2563
  }
2545
2564
  )
@@ -2550,52 +2569,52 @@ function ve(e) {
2550
2569
  );
2551
2570
  }
2552
2571
  function Ae(e) {
2553
- var l, s;
2554
- const [t, n] = v(
2555
- () => Ft({
2556
- canTrack: U(e.canTrack),
2572
+ var r, c;
2573
+ const [t, n] = S(
2574
+ () => _t({
2575
+ canTrack: D(e.canTrack),
2557
2576
  content: e.content
2558
2577
  })
2559
2578
  );
2560
2579
  function i() {
2561
- var c;
2562
- return Lt(
2563
- j(e.content).map((d) => ({
2580
+ var s;
2581
+ return Mt(
2582
+ M(e.content).map((d) => ({
2564
2583
  id: d.testVariationId,
2565
2584
  testRatio: d.testRatio
2566
2585
  })),
2567
- ((c = e.content) == null ? void 0 : c.id) || ""
2586
+ ((s = e.content) == null ? void 0 : s.id) || ""
2568
2587
  );
2569
2588
  }
2570
2589
  function a() {
2571
- return j(e.content).map((c) => `.variant-${c.testVariationId} { display: none; } `).join("");
2590
+ return M(e.content).map((s) => `.variant-${s.testVariationId} { display: none; } `).join("");
2572
2591
  }
2573
2592
  function o() {
2574
- var c;
2593
+ var s;
2575
2594
  return t ? {
2576
2595
  ...e.content,
2577
- testVariationId: (c = e.content) == null ? void 0 : c.id
2578
- } : Le({
2596
+ testVariationId: (s = e.content) == null ? void 0 : s.id
2597
+ } : Me({
2579
2598
  item: e.content,
2580
- canTrack: U(e.canTrack)
2599
+ canTrack: D(e.canTrack)
2581
2600
  });
2582
2601
  }
2583
- return P(() => {
2584
- }, []), /* @__PURE__ */ E(f, { children: [
2585
- !e.__isNestedRender && L !== "reactNative" ? /* @__PURE__ */ r(f, { children: /* @__PURE__ */ r(X, { scriptStr: _t() }) }) : null,
2586
- t ? /* @__PURE__ */ E(f, { children: [
2587
- /* @__PURE__ */ r(
2588
- K,
2602
+ return W(() => {
2603
+ }, []), /* @__PURE__ */ R(f, { children: [
2604
+ !e.__isNestedRender && L !== "reactNative" ? /* @__PURE__ */ l(f, { children: /* @__PURE__ */ l(Z, { scriptStr: jt() }) }) : null,
2605
+ t ? /* @__PURE__ */ R(f, { children: [
2606
+ /* @__PURE__ */ l(
2607
+ H,
2589
2608
  {
2590
- id: `variants-styles-${(l = e.content) == null ? void 0 : l.id}`,
2609
+ id: `variants-styles-${(r = e.content) == null ? void 0 : r.id}`,
2591
2610
  styles: a()
2592
2611
  }
2593
2612
  ),
2594
- /* @__PURE__ */ r(X, { scriptStr: i() }),
2595
- (s = j(e.content)) == null ? void 0 : s.map((c) => /* @__PURE__ */ r(
2596
- ve,
2613
+ /* @__PURE__ */ l(Z, { scriptStr: i() }),
2614
+ (c = M(e.content)) == null ? void 0 : c.map((s) => /* @__PURE__ */ l(
2615
+ ke,
2597
2616
  {
2598
- content: c,
2617
+ content: s,
2599
2618
  showContent: !1,
2600
2619
  model: e.model,
2601
2620
  data: e.data,
@@ -2607,13 +2626,17 @@ function Ae(e) {
2607
2626
  locale: e.locale,
2608
2627
  includeRefs: e.includeRefs,
2609
2628
  enrich: e.enrich,
2610
- isSsrAbTest: t
2629
+ isSsrAbTest: t,
2630
+ blocksWrapper: e.blocksWrapper,
2631
+ blocksWrapperProps: e.blocksWrapperProps,
2632
+ contentWrapper: e.contentWrapper,
2633
+ contentWrapperProps: e.contentWrapperProps
2611
2634
  },
2612
- c.testVariationId
2635
+ s.testVariationId
2613
2636
  ))
2614
2637
  ] }) : null,
2615
- /* @__PURE__ */ r(
2616
- ve,
2638
+ /* @__PURE__ */ l(
2639
+ ke,
2617
2640
  {
2618
2641
  content: o(),
2619
2642
  showContent: !0,
@@ -2627,18 +2650,22 @@ function Ae(e) {
2627
2650
  locale: e.locale,
2628
2651
  includeRefs: e.includeRefs,
2629
2652
  enrich: e.enrich,
2630
- isSsrAbTest: t
2653
+ isSsrAbTest: t,
2654
+ blocksWrapper: e.blocksWrapper,
2655
+ blocksWrapperProps: e.blocksWrapperProps,
2656
+ contentWrapper: e.contentWrapper,
2657
+ contentWrapperProps: e.contentWrapperProps
2631
2658
  }
2632
2659
  )
2633
2660
  ] });
2634
2661
  }
2635
- const Zt = async ({
2662
+ const tn = async ({
2636
2663
  builderContextValue: e,
2637
2664
  symbol: t
2638
2665
  }) => {
2639
2666
  if (t != null && t.model && // This is a hack, we should not need to check for this, but it is needed for Svelte.
2640
2667
  (e != null && e.apiKey))
2641
- return Ce({
2668
+ return Ie({
2642
2669
  model: t.model,
2643
2670
  apiKey: e.apiKey,
2644
2671
  apiVersion: e.apiVersion,
@@ -2648,36 +2675,36 @@ const Zt = async ({
2648
2675
  }
2649
2676
  }
2650
2677
  }).catch((n) => {
2651
- M.error("Could not fetch symbol content: ", n);
2678
+ U.error("Could not fetch symbol content: ", n);
2652
2679
  });
2653
2680
  };
2654
- function en(e) {
2655
- var o, l, s;
2681
+ function nn(e) {
2682
+ var o, r, c;
2656
2683
  function t() {
2657
- var c, d;
2684
+ var s, d;
2658
2685
  return [
2659
2686
  e.attributes.className,
2660
2687
  "builder-symbol",
2661
- (c = e.symbol) != null && c.inline ? "builder-inline-symbol" : void 0,
2688
+ (s = e.symbol) != null && s.inline ? "builder-inline-symbol" : void 0,
2662
2689
  (d = e.symbol) != null && d.dynamic || e.dynamic ? "builder-dynamic-symbol" : void 0
2663
2690
  ].filter(Boolean).join(" ");
2664
2691
  }
2665
- const [n, i] = v(() => {
2666
- var c;
2667
- return (c = e.symbol) == null ? void 0 : c.content;
2692
+ const [n, i] = S(() => {
2693
+ var s;
2694
+ return (s = e.symbol) == null ? void 0 : s.content;
2668
2695
  });
2669
2696
  function a() {
2670
- n || Zt({
2697
+ n || tn({
2671
2698
  symbol: e.symbol,
2672
2699
  builderContextValue: e.builderContext
2673
- }).then((c) => {
2674
- c && i(c);
2700
+ }).then((s) => {
2701
+ s && i(s);
2675
2702
  });
2676
2703
  }
2677
- return P(() => {
2678
- }, []), P(() => {
2704
+ return W(() => {
2705
+ }, []), W(() => {
2679
2706
  a();
2680
- }, [e.symbol]), /* @__PURE__ */ r("div", { ...e.attributes, className: t(), children: /* @__PURE__ */ r(
2707
+ }, [e.symbol]), /* @__PURE__ */ l("div", { ...e.attributes, className: t(), children: /* @__PURE__ */ l(
2681
2708
  Ae,
2682
2709
  {
2683
2710
  __isNestedRender: !0,
@@ -2688,38 +2715,38 @@ function en(e) {
2688
2715
  data: {
2689
2716
  ...(o = e.symbol) == null ? void 0 : o.data,
2690
2717
  ...e.builderContext.localState,
2691
- ...(l = n == null ? void 0 : n.data) == null ? void 0 : l.state
2718
+ ...(r = n == null ? void 0 : n.data) == null ? void 0 : r.state
2692
2719
  },
2693
- model: (s = e.symbol) == null ? void 0 : s.model,
2720
+ model: (c = e.symbol) == null ? void 0 : c.model,
2694
2721
  content: n
2695
2722
  }
2696
2723
  ) });
2697
2724
  }
2698
- const on = ie, rn = Ae;
2725
+ const ln = ae, cn = Ae;
2699
2726
  export {
2700
- ie as Blocks,
2701
- je as Button,
2702
- st as Columns,
2727
+ ae as Blocks,
2728
+ Ue as Button,
2729
+ ut as Columns,
2703
2730
  Ae as Content,
2704
- dt as Fragment,
2705
- ft as Image,
2706
- on as RenderBlocks,
2707
- rn as RenderContent,
2708
- ht as Section,
2709
- en as Symbol,
2731
+ mt as Fragment,
2732
+ gt as Image,
2733
+ ln as RenderBlocks,
2734
+ cn as RenderContent,
2735
+ bt as Section,
2736
+ nn as Symbol,
2710
2737
  Vt as Text,
2711
- Bt as Video,
2712
- sn as _processContentResult,
2713
- We as createRegisterComponentMessage,
2714
- dn as fetchBuilderProps,
2715
- un as fetchEntries,
2716
- Ce as fetchOneEntry,
2717
- mn as getAllContent,
2718
- fn as getBuilderSearchParams,
2719
- hn as getContent,
2720
- $ as isEditing,
2721
- Fe as isPreviewing,
2722
- Ne as register,
2723
- gn as setEditorSettings,
2724
- bn as track
2738
+ $t as Video,
2739
+ un as _processContentResult,
2740
+ Le as createRegisterComponentMessage,
2741
+ mn as fetchBuilderProps,
2742
+ fn as fetchEntries,
2743
+ Ie as fetchOneEntry,
2744
+ hn as getAllContent,
2745
+ gn as getBuilderSearchParams,
2746
+ bn as getContent,
2747
+ A as isEditing,
2748
+ _e as isPreviewing,
2749
+ Fe as register,
2750
+ xn as setEditorSettings,
2751
+ yn as track
2725
2752
  };