@builder.io/sdk-react-nextjs 0.14.30-0 → 0.15.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 (71) hide show
  1. package/lib/browser/blocks-exports.cjs +24 -24
  2. package/lib/browser/blocks-exports.mjs +508 -428
  3. package/lib/browser/index.cjs +1 -1
  4. package/lib/browser/index.mjs +1 -1
  5. package/lib/browser/init.cjs +3 -3
  6. package/lib/browser/init.mjs +4 -4
  7. package/lib/browser/{server-entry-c9d4cfc0.cjs → server-entry-5ba46495.cjs} +1 -1
  8. package/lib/browser/{server-entry-5cac64f5.js → server-entry-98a38828.js} +1 -1
  9. package/lib/browser/server-entry.cjs +1 -1
  10. package/lib/browser/server-entry.mjs +1 -1
  11. package/lib/edge/blocks-exports.cjs +32 -32
  12. package/lib/edge/blocks-exports.mjs +950 -870
  13. package/lib/edge/index.cjs +1 -1
  14. package/lib/edge/index.mjs +1 -1
  15. package/lib/edge/init.cjs +3 -3
  16. package/lib/edge/init.mjs +4 -4
  17. package/lib/edge/{server-entry-c9d4cfc0.cjs → server-entry-5ba46495.cjs} +1 -1
  18. package/lib/edge/{server-entry-5cac64f5.js → server-entry-98a38828.js} +1 -1
  19. package/lib/edge/server-entry.cjs +1 -1
  20. package/lib/edge/server-entry.mjs +1 -1
  21. package/lib/node/blocks-exports.cjs +25 -25
  22. package/lib/node/blocks-exports.mjs +504 -424
  23. package/lib/node/index.cjs +1 -1
  24. package/lib/node/index.mjs +2 -2
  25. package/lib/node/init.cjs +1 -1
  26. package/lib/node/init.mjs +2 -2
  27. package/lib/node/{node-runtime-591c4640.cjs → node-runtime-5abae854.cjs} +4 -4
  28. package/lib/node/{node-runtime-8d503570.js → node-runtime-f2f9d7b3.js} +13 -13
  29. package/lib/node/{server-entry-1c6e06e6.cjs → server-entry-8f87e771.cjs} +1 -1
  30. package/lib/node/{server-entry-00baa89f.js → server-entry-9e9936de.js} +1 -1
  31. package/lib/node/server-entry.cjs +1 -1
  32. package/lib/node/server-entry.mjs +1 -1
  33. package/package.json +1 -1
  34. package/types/cjs/blocks/form/select/select.d.ts +1 -0
  35. package/types/cjs/blocks/form/textarea/component-info.d.ts +2 -0
  36. package/types/{esm/blocks → cjs/blocks/form}/textarea/textarea.d.ts +1 -0
  37. package/types/cjs/components/block/block.helpers.d.ts +8 -8
  38. package/types/cjs/components/content-variants/inlined-fns.d.ts +1 -1
  39. package/types/cjs/constants/sdk-name.d.ts +1 -1
  40. package/types/cjs/constants/sdk-version.d.ts +1 -1
  41. package/types/cjs/types/components.d.ts +31 -0
  42. package/types/esm/blocks/form/select/select.d.ts +1 -0
  43. package/types/esm/blocks/form/textarea/component-info.d.ts +2 -0
  44. package/types/{cjs/blocks → esm/blocks/form}/textarea/textarea.d.ts +1 -0
  45. package/types/esm/components/block/block.helpers.d.ts +8 -8
  46. package/types/esm/components/content-variants/inlined-fns.d.ts +1 -1
  47. package/types/esm/constants/sdk-name.d.ts +1 -1
  48. package/types/esm/constants/sdk-version.d.ts +1 -1
  49. package/types/esm/types/components.d.ts +31 -0
  50. package/types/cjs/blocks/form/component-info.d.ts +0 -2
  51. package/types/cjs/blocks/form/form.d.ts +0 -33
  52. package/types/cjs/blocks/input/component-info.d.ts +0 -2
  53. package/types/cjs/blocks/input/input.d.ts +0 -15
  54. package/types/cjs/blocks/submit-button/component-info.d.ts +0 -2
  55. package/types/cjs/blocks/submit-button/submit-button.d.ts +0 -10
  56. package/types/cjs/blocks/textarea/component-info.d.ts +0 -2
  57. package/types/cjs/functions/get-react-native-block-styles.d.ts +0 -15
  58. package/types/cjs/functions/sanitize-react-native-block-styles.d.ts +0 -3
  59. package/types/cjs/functions/sanitize-rn-allowed-css.d.ts +0 -8
  60. package/types/esm/blocks/form/component-info.d.ts +0 -2
  61. package/types/esm/blocks/form/form.d.ts +0 -33
  62. package/types/esm/blocks/input/component-info.d.ts +0 -2
  63. package/types/esm/blocks/input/input.d.ts +0 -15
  64. package/types/esm/blocks/submit-button/component-info.d.ts +0 -2
  65. package/types/esm/blocks/submit-button/submit-button.d.ts +0 -10
  66. package/types/esm/blocks/textarea/component-info.d.ts +0 -2
  67. package/types/esm/functions/get-react-native-block-styles.d.ts +0 -15
  68. package/types/esm/functions/sanitize-react-native-block-styles.d.ts +0 -3
  69. package/types/esm/functions/sanitize-rn-allowed-css.d.ts +0 -8
  70. /package/types/cjs/blocks/{textarea → form/textarea}/index.d.ts +0 -0
  71. /package/types/esm/blocks/{textarea → form/textarea}/index.d.ts +0 -0
@@ -1,18 +1,18 @@
1
1
  "use client";
2
- var Ne = Object.defineProperty;
3
- var Ve = (e, t, n) => t in e ? Ne(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
4
- var ee = (e, t, n) => (Ve(e, typeof t != "symbol" ? t + "" : t, n), n);
5
- import { jsx as c, Fragment as C, jsxs as E } from "react/jsx-runtime";
6
- import { TARGET as B, isEditing as $, isBrowser as O, getUserAttributes as $e, checkIsDefined as z, logger as J, fastClone as ie, init as Fe, getDefaultCanTrack as q, _track as ue, isPreviewing as Le, createEditorListener as Oe, fetch as je, registerInsertMenu as De, setupBrowserForEditing as Ue, createRegisterComponentMessage as He, fetchOneEntry as ke, serializeComponentInfo as me, handleABTestingSync as Me } from "./server-entry-5cac64f5.js";
7
- import { useRef as oe, useState as N, useEffect as T, createContext as _e } from "react";
8
- import { useRouter as Ke } from "next/navigation";
2
+ var Ve = Object.defineProperty;
3
+ var $e = (e, t, n) => t in e ? Ve(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
4
+ var te = (e, t, n) => ($e(e, typeof t != "symbol" ? t + "" : t, n), n);
5
+ import { jsx as c, Fragment as C, jsxs as P } from "react/jsx-runtime";
6
+ import { TARGET as H, isEditing as V, isBrowser as F, getUserAttributes as Le, checkIsDefined as z, logger as J, fastClone as oe, init as Fe, getDefaultCanTrack as q, _track as me, isPreviewing as Oe, createEditorListener as De, fetch as je, registerInsertMenu as Ue, setupBrowserForEditing as He, createRegisterComponentMessage as Me, fetchOneEntry as Ce, serializeComponentInfo as fe, handleABTestingSync as _e } from "./server-entry-98a38828.js";
7
+ import { useRef as ae, useState as A, useEffect as T, createContext as Ke } from "react";
8
+ import { useRouter as ze } from "next/navigation";
9
9
  import "lru-cache";
10
- const ze = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), qe = (e) => typeof e == "string" && ze.has(e.toLowerCase());
11
- function ae(e) {
12
- return /* @__PURE__ */ c(C, { children: qe(e.TagName) ? /* @__PURE__ */ c(C, { children: /* @__PURE__ */ c(e.TagName, { ...e.attributes, ...e.actionAttributes }) }) : /* @__PURE__ */ c(C, { children: typeof e.TagName == "string" ? /* @__PURE__ */ c(e.TagName, { ...e.attributes, ...e.actionAttributes, children: e.children }) : /* @__PURE__ */ c(e.TagName, { ...e.attributes, ...e.actionAttributes, children: e.children }) }) });
10
+ const qe = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), Ye = (e) => typeof e == "string" && qe.has(e.toLowerCase());
11
+ function re(e) {
12
+ return /* @__PURE__ */ c(C, { children: Ye(e.TagName) ? /* @__PURE__ */ c(C, { children: /* @__PURE__ */ c(e.TagName, { ...e.attributes, ...e.actionAttributes }) }) : /* @__PURE__ */ c(C, { children: typeof e.TagName == "string" ? /* @__PURE__ */ c(e.TagName, { ...e.attributes, ...e.actionAttributes, children: e.children }) : /* @__PURE__ */ c(e.TagName, { ...e.attributes, ...e.actionAttributes, children: e.children }) }) });
13
13
  }
14
- const U = () => {
15
- switch (B) {
14
+ const j = () => {
15
+ switch (H) {
16
16
  case "react":
17
17
  case "reactNative":
18
18
  case "rsc":
@@ -25,11 +25,11 @@ const U = () => {
25
25
  return "class";
26
26
  }
27
27
  };
28
- function Ye(e) {
28
+ function Je(e) {
29
29
  function t() {
30
30
  return {
31
31
  ...e.attributes,
32
- [U()]: `${e.link ? "" : "builder-button"} ${e.attributes[U()] || ""}`,
32
+ [j()]: `${e.link ? "" : "builder-button"} ${e.attributes[j()] || ""}`,
33
33
  ...e.link ? {
34
34
  href: e.link,
35
35
  target: e.openLinkInNewTab ? "_blank" : void 0,
@@ -40,7 +40,7 @@ function Ye(e) {
40
40
  };
41
41
  }
42
42
  return /* @__PURE__ */ c(
43
- ae,
43
+ re,
44
44
  {
45
45
  attributes: t(),
46
46
  TagName: e.link ? e.builderLinkComponent || "a" : "button",
@@ -49,14 +49,14 @@ function Ye(e) {
49
49
  }
50
50
  );
51
51
  }
52
- function Je(e) {
52
+ function Qe(e) {
53
53
  var t;
54
54
  return {
55
55
  ...(t = e.component) == null ? void 0 : t.options,
56
56
  ...e.options
57
57
  };
58
58
  }
59
- const Qe = ({
59
+ const Ge = ({
60
60
  builder: e,
61
61
  context: t,
62
62
  event: n,
@@ -68,14 +68,14 @@ const Qe = ({
68
68
  builder: e,
69
69
  context: t,
70
70
  event: n
71
- }), Ge = () => ({
72
- isEditing: $(),
73
- isBrowser: O(),
74
- isServer: !O(),
75
- getUserAttributes: () => $e()
76
- }), Xe = (e, {
71
+ }), Xe = () => ({
72
+ isEditing: V(),
73
+ isBrowser: F(),
74
+ isServer: !F(),
75
+ getUserAttributes: () => Le()
76
+ }), Ze = (e, {
77
77
  isExpression: t = !0
78
- }) => /* 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 = ({
78
+ }) => /* 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, he = ({
79
79
  code: e,
80
80
  builder: t,
81
81
  context: n,
@@ -84,11 +84,11 @@ const Qe = ({
84
84
  rootSetState: a,
85
85
  rootState: r
86
86
  }) => {
87
- const l = Qe({
87
+ const l = Ge({
88
88
  builder: t,
89
89
  context: n,
90
90
  event: i,
91
- state: Ce({
91
+ state: Ie({
92
92
  rootState: r,
93
93
  localState: o,
94
94
  rootSetState: a
@@ -96,7 +96,7 @@ const Qe = ({
96
96
  });
97
97
  return new Function(...l.map(([s]) => s), e)(...l.map(([, s]) => s));
98
98
  };
99
- function Ce({
99
+ function Ie({
100
100
  rootState: e,
101
101
  localState: t,
102
102
  rootSetState: n
@@ -106,7 +106,7 @@ function Ce({
106
106
  if (t && o in t)
107
107
  return t[o];
108
108
  const a = i[o];
109
- return typeof a == "object" && a !== null ? Ce({
109
+ return typeof a == "object" && a !== null ? Ie({
110
110
  rootState: a,
111
111
  localState: void 0,
112
112
  rootSetState: n ? (r) => {
@@ -121,17 +121,17 @@ function Ce({
121
121
  }
122
122
  });
123
123
  }
124
- function Ze() {
124
+ function et() {
125
125
  var e;
126
126
  return typeof process != "undefined" && z((e = process == null ? void 0 : process.versions) == null ? void 0 : e.node);
127
127
  }
128
- const et = () => {
128
+ const tt = () => {
129
129
  var i;
130
- if (!Ze())
130
+ if (!et())
131
131
  return !1;
132
132
  const e = process.arch === "arm64", t = process.version.startsWith("v20"), n = (i = process.env.NODE_OPTIONS) == null ? void 0 : i.includes("--no-node-snapshot");
133
133
  return e && t && !n ? (J.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;
134
- }, tt = (e) => (O() || et(), fe(e)), W = class W {
134
+ }, nt = (e) => (F() || tt(), he(e)), W = class W {
135
135
  static getCacheKey(t) {
136
136
  return JSON.stringify({
137
137
  ...t,
@@ -149,9 +149,9 @@ const et = () => {
149
149
  });
150
150
  }
151
151
  };
152
- ee(W, "cacheLimit", 20), ee(W, "cache", /* @__PURE__ */ new Map());
152
+ te(W, "cacheLimit", 20), te(W, "cache", /* @__PURE__ */ new Map());
153
153
  let L = W;
154
- function H({
154
+ function U({
155
155
  code: e,
156
156
  context: t,
157
157
  localState: n,
@@ -164,10 +164,10 @@ function H({
164
164
  if (e === "")
165
165
  return;
166
166
  const s = {
167
- code: Xe(e, {
167
+ code: Ze(e, {
168
168
  isExpression: r
169
169
  }),
170
- builder: Ge(),
170
+ builder: Xe(),
171
171
  context: t,
172
172
  event: a,
173
173
  rootSetState: o,
@@ -180,7 +180,7 @@ function H({
180
180
  return m.value;
181
181
  }
182
182
  try {
183
- const d = tt(s);
183
+ const d = nt(s);
184
184
  if (l) {
185
185
  const m = L.getCacheKey(s);
186
186
  L.setCachedValue(m, d);
@@ -193,13 +193,13 @@ function H({
193
193
  return;
194
194
  }
195
195
  }
196
- const nt = (e, t, n) => {
196
+ const it = (e, t, n) => {
197
197
  if (Object(e) !== e)
198
198
  return e;
199
199
  const i = Array.isArray(t) ? t : t.toString().match(/[^.[\]]+/g);
200
200
  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;
201
201
  };
202
- const it = ({
202
+ const ot = ({
203
203
  block: e,
204
204
  context: t,
205
205
  localState: n,
@@ -208,7 +208,7 @@ const it = ({
208
208
  }) => {
209
209
  if (!e.bindings)
210
210
  return e;
211
- const a = ie(e), r = {
211
+ const a = oe(e), r = {
212
212
  ...a,
213
213
  properties: {
214
214
  ...a.properties
@@ -218,7 +218,7 @@ const it = ({
218
218
  }
219
219
  };
220
220
  for (const l in e.bindings) {
221
- const s = e.bindings[l], d = H({
221
+ const s = e.bindings[l], d = U({
222
222
  code: s,
223
223
  localState: n,
224
224
  rootState: i,
@@ -226,7 +226,7 @@ const it = ({
226
226
  context: t,
227
227
  enableCache: !0
228
228
  });
229
- nt(r, l, d);
229
+ it(r, l, d);
230
230
  }
231
231
  return r;
232
232
  };
@@ -239,7 +239,7 @@ function Y({
239
239
  rootSetState: a
240
240
  }) {
241
241
  const r = e;
242
- return n ? it({
242
+ return n ? ot({
243
243
  block: r,
244
244
  localState: i,
245
245
  rootState: o,
@@ -247,42 +247,42 @@ function Y({
247
247
  context: t
248
248
  }) : r;
249
249
  }
250
- const re = (e) => e ? e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase() : "", Ie = (e) => Object.entries(e).map(([n, i]) => {
250
+ const le = (e) => e ? e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase() : "", we = (e) => Object.entries(e).map(([n, i]) => {
251
251
  if (typeof i == "string")
252
- return `${re(n)}: ${i};`;
253
- }).filter(z), ot = (e) => Ie(e).join(`
252
+ return `${le(n)}: ${i};`;
253
+ }).filter(z), at = (e) => we(e).join(`
254
254
  `), _ = ({
255
255
  mediaQuery: e,
256
256
  className: t,
257
257
  styles: n
258
258
  }) => {
259
259
  const i = `.${t} {
260
- ${ot(n)}
260
+ ${at(n)}
261
261
  }`;
262
262
  return e ? `${e} {
263
263
  ${i}
264
264
  }` : i;
265
265
  };
266
- function at({
266
+ function rt({
267
267
  style: e
268
268
  }) {
269
269
  return e;
270
270
  }
271
- const rt = ({
271
+ const lt = ({
272
272
  block: e,
273
273
  context: t
274
- }) => we(at({
274
+ }) => Te(rt({
275
275
  style: e.style || {},
276
276
  context: t,
277
277
  block: e
278
278
  }));
279
- function we(e) {
280
- switch (B) {
279
+ function Te(e) {
280
+ switch (H) {
281
281
  case "svelte":
282
282
  case "vue":
283
283
  case "solid":
284
284
  case "angular":
285
- return Ie(e).join(" ");
285
+ return we(e).join(" ");
286
286
  case "qwik":
287
287
  case "reactNative":
288
288
  case "react":
@@ -290,7 +290,7 @@ function we(e) {
290
290
  return e;
291
291
  }
292
292
  }
293
- const lt = ({
293
+ const ct = ({
294
294
  block: e,
295
295
  context: t,
296
296
  registeredComponents: n
@@ -312,7 +312,7 @@ const lt = ({
312
312
  console.warn(`
313
313
  Could not find a registered component named "${i}".
314
314
  If you registered it, is the file that registered it imported by the file that needs to render it?`);
315
- }, ct = ({
315
+ }, st = ({
316
316
  block: e,
317
317
  context: t
318
318
  }) => {
@@ -322,7 +322,7 @@ const lt = ({
322
322
  } = e;
323
323
  if (!(n != null && n.collection))
324
324
  return;
325
- const o = H({
325
+ const o = U({
326
326
  code: n.collection,
327
327
  localState: t.localState,
328
328
  rootState: t.rootState,
@@ -346,15 +346,23 @@ const lt = ({
346
346
  },
347
347
  block: i
348
348
  }));
349
- }, st = (e, t) => e && (e.isRSC && B === "rsc" || ["Core:Button", "Symbol", "Columns", "Form:Form", "Builder: Tabs", "Builder:Accordion"].includes(e.name)) ? {
349
+ }, Q = (e) => ({
350
+ // once we bump to a major version, toggle this to `false`.
351
+ builderBlock: !0,
352
+ // once we bump to a major version, toggle this to `false`.
353
+ builderContext: !0,
354
+ builderComponents: !1,
355
+ builderLinkComponent: !1,
356
+ ...e
357
+ }), dt = (e, t) => e ? Q(e.shouldReceiveBuilderProps).builderLinkComponent ? {
350
358
  builderLinkComponent: t
351
- } : {}, dt = (e, t) => e && (e.isRSC && B === "rsc" || ["Symbol", "Columns", "Form:Form", "Builder: Tabs", "Builder:Accordion"].includes(e.name)) ? {
359
+ } : {} : {}, ut = (e, t) => e ? Q(e.shouldReceiveBuilderProps).builderComponents ? {
352
360
  builderComponents: t
353
- } : {}, ut = (e, t) => e && (e.isRSC && B === "rsc" || B === "reactNative" || ["Builder:Accordion", "Columns", "Form:Form", "Builder: Tabs", "Symbol", "Image", "Video"].includes(e.name)) ? {
361
+ } : {} : {}, mt = (e, t) => e ? Q(e.shouldReceiveBuilderProps).builderBlock ? {
354
362
  builderBlock: t
355
- } : {}, mt = (e, t) => e && (e.isRSC && B === "rsc" || ["Builder:Accordion", "Columns", "Form:Form", "Builder: Tabs", "Symbol", "Slot"].includes(e.name)) ? {
363
+ } : {} : {}, ft = (e, t) => e ? Q(e.shouldReceiveBuilderProps).builderContext ? {
356
364
  builderContext: t
357
- } : {}, Te = {
365
+ } : {} : {}, Re = {
358
366
  small: {
359
367
  min: 320,
360
368
  default: 321,
@@ -370,11 +378,11 @@ const lt = ({
370
378
  default: 991,
371
379
  max: 1200
372
380
  }
373
- }, he = (e, t = Te) => `@media (max-width: ${t[e].max}px)`, Re = ({
381
+ }, be = (e, t = Re) => `@media (max-width: ${t[e].max}px)`, Pe = ({
374
382
  small: e,
375
383
  medium: t
376
384
  }) => {
377
- const n = ie(Te);
385
+ const n = oe(Re);
378
386
  if (!e || !t)
379
387
  return n;
380
388
  const i = Math.floor(e / 2);
@@ -397,7 +405,7 @@ const lt = ({
397
405
  default: a + 1
398
406
  }, n;
399
407
  };
400
- function Q(e) {
408
+ function G(e) {
401
409
  return /* @__PURE__ */ c(
402
410
  "style",
403
411
  {
@@ -406,7 +414,7 @@ function Q(e) {
406
414
  }
407
415
  );
408
416
  }
409
- function ft(e) {
417
+ function ht(e) {
410
418
  const t = function() {
411
419
  const o = Y({
412
420
  block: e.block,
@@ -418,7 +426,7 @@ function ft(e) {
418
426
  });
419
427
  return z(o.hide) ? !o.hide : z(o.show) ? o.show : !0;
420
428
  }, n = function() {
421
- var v, b, I;
429
+ var x, g, I;
422
430
  const o = Y({
423
431
  block: e.block,
424
432
  localState: e.context.localState,
@@ -426,37 +434,37 @@ function ft(e) {
426
434
  rootSetState: e.context.rootSetState,
427
435
  context: e.context.context,
428
436
  shouldEvaluateBindings: !0
429
- }), a = o.responsiveStyles, r = e.context.content, l = Re(
430
- ((v = r == null ? void 0 : r.meta) == null ? void 0 : v.breakpoints) || {}
437
+ }), a = o.responsiveStyles, r = e.context.content, l = Pe(
438
+ ((x = r == null ? void 0 : r.meta) == null ? void 0 : x.breakpoints) || {}
431
439
  ), s = a == null ? void 0 : a.large, d = a == null ? void 0 : a.medium, m = a == null ? void 0 : a.small, u = o.id;
432
440
  if (!u)
433
441
  return "";
434
442
  const h = s ? _({
435
443
  className: u,
436
444
  styles: s
437
- }) : "", x = d ? _({
445
+ }) : "", k = d ? _({
438
446
  className: u,
439
447
  styles: d,
440
- mediaQuery: he(
448
+ mediaQuery: be(
441
449
  "medium",
442
450
  l
443
451
  )
444
452
  }) : "", w = m ? _({
445
453
  className: u,
446
454
  styles: m,
447
- mediaQuery: he(
455
+ mediaQuery: be(
448
456
  "small",
449
457
  l
450
458
  )
451
459
  }) : "", y = o.animations && o.animations.find((R) => R.trigger === "hover");
452
- let V = "";
460
+ let N = "";
453
461
  if (y) {
454
- const R = ((I = (b = y.steps) == null ? void 0 : b[1]) == null ? void 0 : I.styles) || {};
455
- V = _({
462
+ const R = ((I = (g = y.steps) == null ? void 0 : g[1]) == null ? void 0 : I.styles) || {};
463
+ N = _({
456
464
  className: `${u}:hover`,
457
465
  styles: {
458
466
  ...R,
459
- transition: `all ${y.duration}s ${re(
467
+ transition: `all ${y.duration}s ${le(
460
468
  y.easing
461
469
  )}`,
462
470
  transitionDelay: y.delay ? `${y.delay}s` : "0s"
@@ -465,17 +473,17 @@ function ft(e) {
465
473
  }
466
474
  return [
467
475
  h,
468
- x,
476
+ k,
469
477
  w,
470
- V
478
+ N
471
479
  ].join(" ");
472
480
  };
473
- return /* @__PURE__ */ c(C, { children: n() && t() ? /* @__PURE__ */ c(C, { children: /* @__PURE__ */ c(Q, { id: "builderio-block", styles: n() }) }) : null });
481
+ return /* @__PURE__ */ c(C, { children: n() && t() ? /* @__PURE__ */ c(C, { children: /* @__PURE__ */ c(G, { id: "builderio-block", styles: n() }) }) : null });
474
482
  }
475
- function ht(e) {
483
+ function bt(e) {
476
484
  return e.charAt(0).toUpperCase() + e.slice(1);
477
485
  }
478
- const gt = (e) => `on${ht(e)}`, bt = (e, t) => (n) => H({
486
+ const gt = (e) => `on${bt(e)}`, yt = (e, t) => (n) => U({
479
487
  code: e,
480
488
  context: t.context,
481
489
  localState: t.localState,
@@ -485,7 +493,7 @@ const gt = (e) => `on${ht(e)}`, bt = (e, t) => (n) => H({
485
493
  isExpression: !1,
486
494
  enableCache: !0
487
495
  });
488
- function Ee(e) {
496
+ function Be(e) {
489
497
  var i;
490
498
  const t = {}, n = (i = e.block.actions) != null ? i : {};
491
499
  for (const o in n) {
@@ -494,7 +502,7 @@ function Ee(e) {
494
502
  const a = n[o];
495
503
  let r = gt(o);
496
504
  if (e.stripPrefix)
497
- switch (B) {
505
+ switch (H) {
498
506
  case "vue":
499
507
  r = r.replace("v-on:", "");
500
508
  break;
@@ -502,49 +510,49 @@ function Ee(e) {
502
510
  r = r.replace("on:", "");
503
511
  break;
504
512
  }
505
- t[r] = bt(a, e);
513
+ t[r] = yt(a, e);
506
514
  }
507
515
  return t;
508
516
  }
509
- function yt({
517
+ function pt({
510
518
  properties: e
511
519
  }) {
512
520
  return e;
513
521
  }
514
- const St = (e) => ({
522
+ const vt = (e) => ({
515
523
  href: e.href
516
524
  });
517
- function le({
525
+ function ce({
518
526
  block: e,
519
527
  context: t
520
528
  }) {
521
529
  var i;
522
530
  const n = {
523
- ...St(e),
531
+ ...vt(e),
524
532
  ...e.properties,
525
533
  "builder-id": e.id,
526
- style: rt({
534
+ style: lt({
527
535
  block: e,
528
536
  context: t
529
537
  }),
530
- [U()]: [e.id, "builder-block", e.class, (i = e.properties) == null ? void 0 : i.class].filter(Boolean).join(" ")
538
+ [j()]: [e.id, "builder-block", e.class, (i = e.properties) == null ? void 0 : i.class].filter(Boolean).join(" ")
531
539
  };
532
- return yt({
540
+ return pt({
533
541
  properties: n,
534
542
  context: t,
535
543
  block: e
536
544
  });
537
545
  }
538
- function pt(e) {
546
+ function xt(e) {
539
547
  return /* @__PURE__ */ c(
540
- ae,
548
+ re,
541
549
  {
542
550
  TagName: e.Wrapper,
543
- attributes: le({
551
+ attributes: ce({
544
552
  block: e.block,
545
553
  context: e.context
546
554
  }),
547
- actionAttributes: Ee({
555
+ actionAttributes: Be({
548
556
  block: e.block,
549
557
  rootState: e.context.rootState,
550
558
  rootSetState: e.context.rootSetState,
@@ -556,14 +564,14 @@ function pt(e) {
556
564
  }
557
565
  );
558
566
  }
559
- function vt(e) {
567
+ function kt(e) {
560
568
  function t() {
561
569
  return e.includeBlockProps ? {
562
- ...le({
570
+ ...ce({
563
571
  block: e.block,
564
572
  context: e.context
565
573
  }),
566
- ...Ee({
574
+ ...Be({
567
575
  block: e.block,
568
576
  rootState: e.context.rootState,
569
577
  rootSetState: e.context.rootSetState,
@@ -574,7 +582,7 @@ function vt(e) {
574
582
  }
575
583
  return /* @__PURE__ */ c(e.Wrapper, { ...e.wrapperProps, attributes: t(), children: e.children });
576
584
  }
577
- const xt = ({
585
+ const St = ({
578
586
  componentOptions: e,
579
587
  builderBlock: t,
580
588
  context: n,
@@ -590,7 +598,7 @@ const xt = ({
590
598
  * component itself directly. Otherwise, they are provided to the wrapper element.
591
599
  */
592
600
  ...o ? {
593
- attributes: le({
601
+ attributes: ce({
594
602
  block: t,
595
603
  context: r
596
604
  })
@@ -606,11 +614,11 @@ const xt = ({
606
614
  };
607
615
  function ge(e) {
608
616
  var n;
609
- const t = e.isInteractive ? vt : e.componentRef;
617
+ const t = e.isInteractive ? kt : e.componentRef;
610
618
  return /* @__PURE__ */ c(C, { children: e.componentRef ? /* @__PURE__ */ c(C, { children: /* @__PURE__ */ c(
611
619
  t,
612
620
  {
613
- ...xt({
621
+ ...St({
614
622
  componentOptions: e.componentOptions,
615
623
  builderBlock: e.builderBlock,
616
624
  context: e.context,
@@ -621,7 +629,7 @@ function ge(e) {
621
629
  contextValue: e.context
622
630
  }),
623
631
  children: (n = e.blockChildren) == null ? void 0 : n.map((i) => /* @__PURE__ */ c(
624
- G,
632
+ X,
625
633
  {
626
634
  block: i,
627
635
  context: e.context,
@@ -633,10 +641,10 @@ function ge(e) {
633
641
  }
634
642
  ) }) : null });
635
643
  }
636
- function kt(e) {
644
+ function Ct(e) {
637
645
  const t = e.repeatContext;
638
646
  return /* @__PURE__ */ c(
639
- G,
647
+ X,
640
648
  {
641
649
  block: e.block,
642
650
  context: t,
@@ -645,16 +653,16 @@ function kt(e) {
645
653
  }
646
654
  );
647
655
  }
648
- function G(e) {
656
+ function X(e) {
649
657
  var s, d, m;
650
658
  const t = function() {
651
- return lt({
659
+ return ct({
652
660
  block: e.block,
653
661
  context: e.context,
654
662
  registeredComponents: e.registeredComponents
655
663
  });
656
664
  }, n = function() {
657
- return ct({
665
+ return st({
658
666
  block: e.block,
659
667
  context: e.context
660
668
  });
@@ -669,8 +677,8 @@ function G(e) {
669
677
  shouldEvaluateBindings: !0
670
678
  });
671
679
  }, o = function() {
672
- var x;
673
- return e.block.tagName === "a" || ((x = i().properties) == null ? void 0 : x.href) || i().href ? e.linkComponent || "a" : e.block.tagName || "div";
680
+ var k;
681
+ return e.block.tagName === "a" || ((k = i().properties) == null ? void 0 : k.href) || i().href ? e.linkComponent || "a" : e.block.tagName || "div";
674
682
  }, a = function() {
675
683
  var w, y;
676
684
  if ((w = e.block.repeat) != null && w.collection)
@@ -678,19 +686,19 @@ function G(e) {
678
686
  const h = "hide" in i() ? i().hide : !1;
679
687
  return ("show" in i() ? i().show : !0) && !h;
680
688
  }, r = function() {
681
- var x, w;
682
- return !((x = t()) != null && x.component) && !n() ? (w = i().children) != null ? w : [] : [];
689
+ var k, w;
690
+ return !((k = t()) != null && k.component) && !n() ? (w = i().children) != null ? w : [] : [];
683
691
  }, l = function() {
684
- var h, x, w, y;
692
+ var h, k, w, y;
685
693
  return {
686
694
  blockChildren: (h = i().children) != null ? h : [],
687
- componentRef: (x = t()) == null ? void 0 : x.component,
695
+ componentRef: (k = t()) == null ? void 0 : k.component,
688
696
  componentOptions: {
689
- ...Je(i()),
690
- ...ut(t(), i()),
691
- ...mt(t(), e.context),
692
- ...st(t(), e.linkComponent),
693
- ...dt(
697
+ ...Qe(i()),
698
+ ...mt(t(), i()),
699
+ ...ft(t(), e.context),
700
+ ...dt(t(), e.linkComponent),
701
+ ...ut(
694
702
  t(),
695
703
  e.registeredComponents
696
704
  )
@@ -703,8 +711,8 @@ function G(e) {
703
711
  isInteractive: !((y = t()) != null && y.isRSC)
704
712
  };
705
713
  };
706
- return /* @__PURE__ */ c(C, { children: a() ? /* @__PURE__ */ E(C, { children: [
707
- /* @__PURE__ */ c(ft, { block: e.block, context: e.context }),
714
+ return /* @__PURE__ */ c(C, { children: a() ? /* @__PURE__ */ P(C, { children: [
715
+ /* @__PURE__ */ c(ht, { block: e.block, context: e.context }),
708
716
  (s = t()) != null && s.noWrap ? /* @__PURE__ */ c(C, { children: /* @__PURE__ */ c(
709
717
  ge,
710
718
  {
@@ -719,7 +727,7 @@ function G(e) {
719
727
  isInteractive: l().isInteractive
720
728
  }
721
729
  ) }) : /* @__PURE__ */ c(C, { children: n() ? /* @__PURE__ */ c(C, { children: (m = n()) == null ? void 0 : m.map((u, h) => /* @__PURE__ */ c(
722
- kt,
730
+ Ct,
723
731
  {
724
732
  repeatContext: u.context,
725
733
  block: u.block,
@@ -727,8 +735,8 @@ function G(e) {
727
735
  linkComponent: e.linkComponent
728
736
  },
729
737
  h
730
- )) }) : /* @__PURE__ */ E(
731
- pt,
738
+ )) }) : /* @__PURE__ */ P(
739
+ xt,
732
740
  {
733
741
  Wrapper: o(),
734
742
  block: i(),
@@ -749,7 +757,7 @@ function G(e) {
749
757
  }
750
758
  ),
751
759
  (d = r()) == null ? void 0 : d.map((u) => /* @__PURE__ */ c(
752
- G,
760
+ X,
753
761
  {
754
762
  block: u,
755
763
  registeredComponents: e.registeredComponents,
@@ -763,14 +771,14 @@ function G(e) {
763
771
  ) })
764
772
  ] }) : null });
765
773
  }
766
- function Ct(e) {
774
+ function It(e) {
767
775
  function t() {
768
776
  var o;
769
777
  return "builder-blocks" + ((o = e.blocks) != null && o.length ? "" : " no-blocks");
770
778
  }
771
779
  function n() {
772
780
  var o, a;
773
- $() && !((o = e.blocks) != null && o.length) && ((a = window.parent) == null || a.postMessage(
781
+ V() && !((o = e.blocks) != null && o.length) && ((a = window.parent) == null || a.postMessage(
774
782
  {
775
783
  type: "builder.clickEmptyBlocks",
776
784
  data: {
@@ -783,7 +791,7 @@ function Ct(e) {
783
791
  }
784
792
  function i() {
785
793
  var o, a;
786
- $() && !((o = e.blocks) != null && o.length) && ((a = window.parent) == null || a.postMessage(
794
+ V() && !((o = e.blocks) != null && o.length) && ((a = window.parent) == null || a.postMessage(
787
795
  {
788
796
  type: "builder.hoverEmptyBlocks",
789
797
  data: {
@@ -794,7 +802,7 @@ function Ct(e) {
794
802
  "*"
795
803
  ));
796
804
  }
797
- return /* @__PURE__ */ E(C, { children: [
805
+ return /* @__PURE__ */ P(C, { children: [
798
806
  /* @__PURE__ */ c(
799
807
  e.BlocksWrapper,
800
808
  {
@@ -816,10 +824,10 @@ function Ct(e) {
816
824
  }` })
817
825
  ] });
818
826
  }
819
- function ce(e) {
827
+ function se(e) {
820
828
  var t, n, i;
821
829
  return /* @__PURE__ */ c(
822
- Ct,
830
+ It,
823
831
  {
824
832
  blocks: e.blocks,
825
833
  parent: e.parent,
@@ -828,7 +836,7 @@ function ce(e) {
828
836
  BlocksWrapper: (t = e.context) == null ? void 0 : t.BlocksWrapper,
829
837
  BlocksWrapperProps: (n = e.context) == null ? void 0 : n.BlocksWrapperProps,
830
838
  children: e.blocks ? /* @__PURE__ */ c(C, { children: (i = e.blocks) == null ? void 0 : i.map((o) => /* @__PURE__ */ c(
831
- G,
839
+ X,
832
840
  {
833
841
  block: o,
834
842
  linkComponent: e.linkComponent,
@@ -840,27 +848,27 @@ function ce(e) {
840
848
  }
841
849
  );
842
850
  }
843
- const It = (e) => `builder-columns ${e}-breakpoints`;
844
- function wt(e) {
845
- var y, V;
846
- const t = typeof e.space == "number" ? e.space || 0 : 20, n = e.columns || [], i = e.stackColumnsAt || "tablet", o = function(b) {
847
- return b.link ? e.builderLinkComponent || "a" : "div";
848
- }, a = function(b) {
851
+ const wt = (e) => `builder-columns ${e}-breakpoints`;
852
+ function Tt(e) {
853
+ var y, N;
854
+ const t = typeof e.space == "number" ? e.space || 0 : 20, n = e.columns || [], i = e.stackColumnsAt || "tablet", o = function(g) {
855
+ return g.link ? e.builderLinkComponent || "a" : "div";
856
+ }, a = function(g) {
849
857
  var I;
850
- return ((I = n[b]) == null ? void 0 : I.width) || 100 / n.length;
851
- }, r = function(b) {
858
+ return ((I = n[g]) == null ? void 0 : I.width) || 100 / n.length;
859
+ }, r = function(g) {
852
860
  const I = t * (n.length - 1) / n.length;
853
- return `calc(${a(b)}% - ${I}px)`;
861
+ return `calc(${a(g)}% - ${I}px)`;
854
862
  }, l = function({
855
- stackedStyle: b,
863
+ stackedStyle: g,
856
864
  desktopStyle: I
857
865
  }) {
858
- return i === "tablet" ? b : I;
866
+ return i === "tablet" ? g : I;
859
867
  }, s = function({
860
- stackedStyle: b,
868
+ stackedStyle: g,
861
869
  desktopStyle: I
862
870
  }) {
863
- return i === "never" ? I : b;
871
+ return i === "never" ? I : g;
864
872
  }, d = e.stackColumnsAt === "never" ? "row" : e.reverseColumnsWhenStacked ? "column-reverse" : "column", m = function() {
865
873
  return {
866
874
  "--flex-dir": d,
@@ -869,8 +877,8 @@ function wt(e) {
869
877
  desktopStyle: "row"
870
878
  })
871
879
  };
872
- }, u = function(b) {
873
- const I = b === 0 ? 0 : t, R = r(b), A = `${I}px`, j = "100%", D = 0;
880
+ }, u = function(g) {
881
+ const I = g === 0 ? 0 : t, R = r(g), E = `${I}px`, O = "100%", D = 0;
874
882
  return {
875
883
  ...{
876
884
  display: "flex",
@@ -878,30 +886,30 @@ function wt(e) {
878
886
  alignItems: "stretch"
879
887
  },
880
888
  width: R,
881
- ["marginLeft"]: A,
889
+ ["marginLeft"]: E,
882
890
  "--column-width-mobile": s({
883
- stackedStyle: j,
891
+ stackedStyle: O,
884
892
  desktopStyle: R
885
893
  }),
886
894
  "--column-margin-left-mobile": s({
887
895
  stackedStyle: D,
888
- desktopStyle: A
896
+ desktopStyle: E
889
897
  }),
890
898
  "--column-width-tablet": l({
891
- stackedStyle: j,
899
+ stackedStyle: O,
892
900
  desktopStyle: R
893
901
  }),
894
902
  "--column-margin-left-tablet": l({
895
903
  stackedStyle: D,
896
- desktopStyle: A
904
+ desktopStyle: E
897
905
  })
898
906
  };
899
- }, h = function(b) {
900
- var R, A;
901
- return Re(
902
- ((A = (R = e.builderContext.content) == null ? void 0 : R.meta) == null ? void 0 : A.breakpoints) || {}
903
- )[b].max;
904
- }, x = function() {
907
+ }, h = function(g) {
908
+ var R, E;
909
+ return Pe(
910
+ ((E = (R = e.builderContext.content) == null ? void 0 : R.meta) == null ? void 0 : E.breakpoints) || {}
911
+ )[g].max;
912
+ }, k = function() {
905
913
  return `
906
914
  @media (max-width: ${h("medium")}px) {
907
915
  .${e.builderBlock.id}-breakpoints {
@@ -927,33 +935,33 @@ function wt(e) {
927
935
  }
928
936
  },
929
937
  `;
930
- }, w = function(b, I) {
938
+ }, w = function(g, I) {
931
939
  return {
932
- ...b.link ? {
933
- href: b.link
940
+ ...g.link ? {
941
+ href: g.link
934
942
  } : {},
935
- [U()]: "builder-column",
936
- style: we(u(I))
943
+ [j()]: "builder-column",
944
+ style: Te(u(I))
937
945
  };
938
946
  };
939
- return /* @__PURE__ */ E(C, { children: [
940
- /* @__PURE__ */ E(
947
+ return /* @__PURE__ */ P(C, { children: [
948
+ /* @__PURE__ */ P(
941
949
  "div",
942
950
  {
943
- className: It((y = e.builderBlock) == null ? void 0 : y.id) + " div-eeca3604",
951
+ className: wt((y = e.builderBlock) == null ? void 0 : y.id) + " div-eeca3604",
944
952
  style: m(),
945
953
  children: [
946
- /* @__PURE__ */ c(Q, { id: "builderio-columns", styles: x() }),
947
- (V = e.columns) == null ? void 0 : V.map((v, b) => /* @__PURE__ */ c(
948
- ae,
954
+ /* @__PURE__ */ c(G, { id: "builderio-columns", styles: k() }),
955
+ (N = e.columns) == null ? void 0 : N.map((x, g) => /* @__PURE__ */ c(
956
+ re,
949
957
  {
950
- TagName: o(v),
958
+ TagName: o(x),
951
959
  actionAttributes: {},
952
- attributes: w(v, b),
960
+ attributes: w(x, g),
953
961
  children: /* @__PURE__ */ c(
954
- ce,
962
+ se,
955
963
  {
956
- path: `component.options.columns.${b}.blocks`,
964
+ path: `component.options.columns.${g}.blocks`,
957
965
  parent: e.builderBlock.id,
958
966
  styleProp: {
959
967
  flexGrow: "1"
@@ -961,11 +969,11 @@ function wt(e) {
961
969
  context: e.builderContext,
962
970
  registeredComponents: e.builderComponents,
963
971
  linkComponent: e.builderLinkComponent,
964
- blocks: v.blocks
972
+ blocks: x.blocks
965
973
  }
966
974
  )
967
975
  },
968
- b
976
+ g
969
977
  ))
970
978
  ]
971
979
  }
@@ -976,40 +984,40 @@ function wt(e) {
976
984
  }` })
977
985
  ] });
978
986
  }
979
- function Tt(e) {
987
+ function Rt(e) {
980
988
  return /* @__PURE__ */ c("span", { children: e.children });
981
989
  }
982
- function be(e) {
990
+ function ye(e) {
983
991
  return e.replace(/http(s)?:/, "");
984
992
  }
985
- function Rt(e = "", t, n) {
993
+ function Pt(e = "", t, n) {
986
994
  const i = new RegExp("([?&])" + t + "=.*?(&|$)", "i"), o = e.indexOf("?") !== -1 ? "&" : "?";
987
995
  return e.match(i) ? e.replace(i, "$1" + t + "=" + encodeURIComponent(n) + "$2") : e + o + t + "=" + encodeURIComponent(n);
988
996
  }
989
- function Et(e, t) {
997
+ function Bt(e, t) {
990
998
  if (!e || !(e != null && e.match(/cdn\.shopify\.com/)) || !t)
991
999
  return e;
992
1000
  if (t === "master")
993
- return be(e);
1001
+ return ye(e);
994
1002
  const n = e.match(/(_\d+x(\d+)?)?(\.(jpg|jpeg|gif|png|bmp|bitmap|tiff|tif)(\?v=\d+)?)/i);
995
1003
  if (n) {
996
1004
  const i = e.split(n[0]), o = n[3], a = t.match("x") ? t : `${t}x`;
997
- return be(`${i[0]}_${a}${o}`);
1005
+ return ye(`${i[0]}_${a}${o}`);
998
1006
  }
999
1007
  return null;
1000
1008
  }
1001
- function te(e) {
1009
+ function ne(e) {
1002
1010
  if (!e)
1003
1011
  return e;
1004
1012
  const t = [100, 200, 400, 800, 1200, 1600, 2e3];
1005
1013
  if (e.match(/builder\.io/)) {
1006
1014
  let n = e;
1007
1015
  const i = Number(e.split("?width=")[1]);
1008
- return isNaN(i) || (n = `${n} ${i}w`), t.filter((o) => o !== i).map((o) => `${Rt(e, "width", o)} ${o}w`).concat([n]).join(", ");
1016
+ return isNaN(i) || (n = `${n} ${i}w`), t.filter((o) => o !== i).map((o) => `${Pt(e, "width", o)} ${o}w`).concat([n]).join(", ");
1009
1017
  }
1010
- return e.match(/cdn\.shopify\.com/) ? t.map((n) => [Et(e, `${n}x${n}`), n]).filter(([n]) => !!n).map(([n, i]) => `${n} ${i}w`).concat([e]).join(", ") : e;
1018
+ return e.match(/cdn\.shopify\.com/) ? t.map((n) => [Bt(e, `${n}x${n}`), n]).filter(([n]) => !!n).map(([n, i]) => `${n} ${i}w`).concat([e]).join(", ") : e;
1011
1019
  }
1012
- function Pt(e) {
1020
+ function Et(e) {
1013
1021
  var o, a, r, l, s, d;
1014
1022
  function t() {
1015
1023
  var h;
@@ -1020,10 +1028,10 @@ function Pt(e) {
1020
1028
  return e.srcset;
1021
1029
  if (e.srcset && ((h = e.image) != null && h.includes("builder.io/api/v1/image"))) {
1022
1030
  if (!e.srcset.includes(e.image.split("?")[0]))
1023
- return console.debug("Removed given srcset"), te(u);
1031
+ return console.debug("Removed given srcset"), ne(u);
1024
1032
  } else if (e.image && !e.srcset)
1025
- return te(u);
1026
- return te(u);
1033
+ return ne(u);
1034
+ return ne(u);
1027
1035
  }
1028
1036
  function n() {
1029
1037
  var m;
@@ -1039,9 +1047,9 @@ function Pt(e) {
1039
1047
  };
1040
1048
  return e.aspectRatio ? m : void 0;
1041
1049
  }
1042
- return /* @__PURE__ */ E(C, { children: [
1043
- /* @__PURE__ */ E(C, { children: [
1044
- /* @__PURE__ */ E("picture", { children: [
1050
+ return /* @__PURE__ */ P(C, { children: [
1051
+ /* @__PURE__ */ P(C, { children: [
1052
+ /* @__PURE__ */ P("picture", { children: [
1045
1053
  n() ? /* @__PURE__ */ c("source", { type: "image/webp", srcSet: n() }) : null,
1046
1054
  /* @__PURE__ */ c(
1047
1055
  "img",
@@ -1093,7 +1101,7 @@ function Pt(e) {
1093
1101
  }` })
1094
1102
  ] });
1095
1103
  }
1096
- function Bt(e) {
1104
+ function Wt(e) {
1097
1105
  return /* @__PURE__ */ c(
1098
1106
  "section",
1099
1107
  {
@@ -1146,8 +1154,14 @@ const At = {
1146
1154
  friendlyName: "Open link in new tab"
1147
1155
  }],
1148
1156
  static: !0,
1149
- noWrap: !0
1150
- }, Wt = {
1157
+ noWrap: !0,
1158
+ shouldReceiveBuilderProps: {
1159
+ builderBlock: !1,
1160
+ builderContext: !1,
1161
+ builderComponents: !1,
1162
+ builderLinkComponent: !0
1163
+ }
1164
+ }, Nt = {
1151
1165
  // TODO: ways to statically preprocess JSON for references, functions, etc
1152
1166
  name: "Columns",
1153
1167
  isRSC: !0,
@@ -1347,14 +1361,26 @@ const At = {
1347
1361
  defaultValue: !1,
1348
1362
  helperText: "When stacking columns for mobile devices, reverse the ordering",
1349
1363
  advanced: !0
1350
- }]
1351
- }, Nt = {
1364
+ }],
1365
+ shouldReceiveBuilderProps: {
1366
+ builderBlock: !0,
1367
+ builderContext: !0,
1368
+ builderComponents: !0,
1369
+ builderLinkComponent: !0
1370
+ }
1371
+ }, Vt = {
1372
+ shouldReceiveBuilderProps: {
1373
+ builderBlock: !1,
1374
+ builderContext: !1,
1375
+ builderComponents: !1,
1376
+ builderLinkComponent: !1
1377
+ },
1352
1378
  name: "Fragment",
1353
1379
  static: !0,
1354
1380
  hidden: !0,
1355
1381
  canHaveChildren: !0,
1356
1382
  noWrap: !0
1357
- }, Vt = {
1383
+ }, $t = {
1358
1384
  name: "Image",
1359
1385
  static: !0,
1360
1386
  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",
@@ -1458,8 +1484,20 @@ const At = {
1458
1484
  helperText: "This is the ratio of height/width, e.g. set to 1.5 for a 300px wide and 200px tall photo. Set to 0 to not force the image to maintain it's aspect ratio",
1459
1485
  advanced: !0,
1460
1486
  defaultValue: 0.7041
1461
- }]
1462
- }, $t = {
1487
+ }],
1488
+ shouldReceiveBuilderProps: {
1489
+ builderBlock: !0,
1490
+ builderContext: !1,
1491
+ builderComponents: !1,
1492
+ builderLinkComponent: !1
1493
+ }
1494
+ }, Lt = {
1495
+ shouldReceiveBuilderProps: {
1496
+ builderBlock: !1,
1497
+ builderContext: !1,
1498
+ builderComponents: !1,
1499
+ builderLinkComponent: !1
1500
+ },
1463
1501
  name: "Core:Section",
1464
1502
  static: !0,
1465
1503
  image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",
@@ -1510,9 +1548,15 @@ const At = {
1510
1548
  type: "string",
1511
1549
  required: !0,
1512
1550
  defaultValue: "children"
1513
- }]
1551
+ }],
1552
+ shouldReceiveBuilderProps: {
1553
+ builderBlock: !1,
1554
+ builderContext: !0,
1555
+ builderComponents: !1,
1556
+ builderLinkComponent: !1
1557
+ }
1514
1558
  };
1515
- function Lt(e) {
1559
+ function Ot(e) {
1516
1560
  var t, n, i;
1517
1561
  return /* @__PURE__ */ c(
1518
1562
  "div",
@@ -1524,7 +1568,7 @@ function Lt(e) {
1524
1568
  "builder-slot": e.name
1525
1569
  },
1526
1570
  children: /* @__PURE__ */ c(
1527
- ce,
1571
+ se,
1528
1572
  {
1529
1573
  parent: (n = e.builderContext.context) == null ? void 0 : n.symbolId,
1530
1574
  path: `symbol.data.${e.name}`,
@@ -1535,7 +1579,7 @@ function Lt(e) {
1535
1579
  }
1536
1580
  );
1537
1581
  }
1538
- const Ot = {
1582
+ const Dt = {
1539
1583
  name: "Symbol",
1540
1584
  noWrap: !0,
1541
1585
  static: !0,
@@ -1567,8 +1611,20 @@ const Ot = {
1567
1611
  name: "useChildren",
1568
1612
  hideFromUI: !0,
1569
1613
  type: "boolean"
1570
- }]
1614
+ }],
1615
+ shouldReceiveBuilderProps: {
1616
+ builderBlock: !0,
1617
+ builderContext: !0,
1618
+ builderComponents: !0,
1619
+ builderLinkComponent: !0
1620
+ }
1571
1621
  }, jt = {
1622
+ shouldReceiveBuilderProps: {
1623
+ builderBlock: !1,
1624
+ builderContext: !1,
1625
+ builderComponents: !1,
1626
+ builderLinkComponent: !1
1627
+ },
1572
1628
  name: "Text",
1573
1629
  static: !0,
1574
1630
  isRSC: !0,
@@ -1587,7 +1643,7 @@ const Ot = {
1587
1643
  textAlign: "center"
1588
1644
  }
1589
1645
  };
1590
- function Dt(e) {
1646
+ function Ut(e) {
1591
1647
  var t;
1592
1648
  return /* @__PURE__ */ c(
1593
1649
  "div",
@@ -1600,7 +1656,13 @@ function Dt(e) {
1600
1656
  }
1601
1657
  );
1602
1658
  }
1603
- const Ut = {
1659
+ const Ht = {
1660
+ shouldReceiveBuilderProps: {
1661
+ builderBlock: !1,
1662
+ builderContext: !1,
1663
+ builderComponents: !1,
1664
+ builderLinkComponent: !1
1665
+ },
1604
1666
  name: "Custom Code",
1605
1667
  static: !0,
1606
1668
  requiredPermissions: ["editCode"],
@@ -1623,8 +1685,8 @@ const Ut = {
1623
1685
  advanced: !0
1624
1686
  }]
1625
1687
  };
1626
- function Ht(e) {
1627
- const t = oe(null), [n, i] = N(() => []), [o, a] = N(() => []);
1688
+ function Mt(e) {
1689
+ const t = ae(null), [n, i] = A(() => []), [o, a] = A(() => []);
1628
1690
  return T(() => {
1629
1691
  var l;
1630
1692
  if (!((l = t.current) != null && l.getElementsByTagName) || typeof window == "undefined")
@@ -1661,7 +1723,13 @@ function Ht(e) {
1661
1723
  }
1662
1724
  );
1663
1725
  }
1664
- const Mt = {
1726
+ const _t = {
1727
+ shouldReceiveBuilderProps: {
1728
+ builderBlock: !1,
1729
+ builderContext: !1,
1730
+ builderComponents: !1,
1731
+ builderLinkComponent: !1
1732
+ },
1665
1733
  name: "Embed",
1666
1734
  static: !0,
1667
1735
  inputs: [{
@@ -1689,9 +1757,9 @@ const Mt = {
1689
1757
  defaultValue: '<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',
1690
1758
  hideFromUI: !0
1691
1759
  }]
1692
- }, _t = ["text/javascript", "application/javascript", "application/ecmascript"], Kt = (e) => _t.includes(e.type);
1693
- function zt(e) {
1694
- const t = oe(null), [n, i] = N(() => []), [o, a] = N(() => []), [r, l] = N(() => !1);
1760
+ }, Kt = ["text/javascript", "application/javascript", "application/ecmascript"], zt = (e) => Kt.includes(e.type);
1761
+ function qt(e) {
1762
+ const t = ae(null), [n, i] = A(() => []), [o, a] = A(() => []), [r, l] = A(() => !1);
1695
1763
  function s() {
1696
1764
  if (!t.current || !t.current.getElementsByTagName)
1697
1765
  return;
@@ -1702,7 +1770,7 @@ function zt(e) {
1702
1770
  n.push(u.src);
1703
1771
  const h = document.createElement("script");
1704
1772
  h.async = !0, h.src = u.src, document.head.appendChild(h);
1705
- } else if (Kt(u) && !o.includes(u.innerText))
1773
+ } else if (zt(u) && !o.includes(u.innerText))
1706
1774
  try {
1707
1775
  o.push(u.innerText), new Function(u.innerText)();
1708
1776
  } catch (h) {
@@ -1721,7 +1789,13 @@ function zt(e) {
1721
1789
  }
1722
1790
  );
1723
1791
  }
1724
- const qt = {
1792
+ const Yt = {
1793
+ shouldReceiveBuilderProps: {
1794
+ builderBlock: !1,
1795
+ builderContext: !1,
1796
+ builderComponents: !1,
1797
+ builderLinkComponent: !1
1798
+ },
1725
1799
  // friendlyName?
1726
1800
  name: "Raw:Img",
1727
1801
  hideFromInsertMenu: !0,
@@ -1736,7 +1810,7 @@ const qt = {
1736
1810
  noWrap: !0,
1737
1811
  static: !0
1738
1812
  };
1739
- function Yt(e) {
1813
+ function Jt(e) {
1740
1814
  return /* @__PURE__ */ c(
1741
1815
  "img",
1742
1816
  {
@@ -1748,10 +1822,10 @@ function Yt(e) {
1748
1822
  src: e.imgSrc || e.image,
1749
1823
  ...e.attributes
1750
1824
  },
1751
- $() && e.imgSrc || "default-key"
1825
+ V() && e.imgSrc || "default-key"
1752
1826
  );
1753
1827
  }
1754
- const Jt = {
1828
+ const Qt = {
1755
1829
  name: "Video",
1756
1830
  canHaveChildren: !0,
1757
1831
  defaultStyles: {
@@ -1831,9 +1905,15 @@ const Jt = {
1831
1905
  helperText: 'Load this video "lazily" - as in only when a user scrolls near the video. Recommended for optmized performance and bandwidth consumption',
1832
1906
  defaultValue: !0,
1833
1907
  advanced: !0
1834
- }]
1908
+ }],
1909
+ shouldReceiveBuilderProps: {
1910
+ builderBlock: !0,
1911
+ builderContext: !1,
1912
+ builderComponents: !1,
1913
+ builderLinkComponent: !1
1914
+ }
1835
1915
  };
1836
- function Qt(e) {
1916
+ function Gt(e) {
1837
1917
  var i, o, a, r, l, s, d;
1838
1918
  function t() {
1839
1919
  return {
@@ -1859,7 +1939,7 @@ function Qt(e) {
1859
1939
  ...t()
1860
1940
  };
1861
1941
  }
1862
- return /* @__PURE__ */ E(
1942
+ return /* @__PURE__ */ P(
1863
1943
  "div",
1864
1944
  {
1865
1945
  style: {
@@ -1934,43 +2014,43 @@ function Qt(e) {
1934
2014
  }
1935
2015
  );
1936
2016
  }
1937
- const Gt = () => [{
1938
- component: Ht,
1939
- ...Ut
2017
+ const Xt = () => [{
2018
+ component: Mt,
2019
+ ...Ht
1940
2020
  }, {
1941
- component: zt,
1942
- ...Mt
2021
+ component: qt,
2022
+ ..._t
1943
2023
  }, {
1944
- component: Yt,
1945
- ...qt
2024
+ component: Jt,
2025
+ ...Yt
1946
2026
  }, {
1947
- component: Qt,
1948
- ...Jt
1949
- }], ye = () => [{
1950
- component: Ye,
2027
+ component: Gt,
2028
+ ...Qt
2029
+ }], pe = () => [{
2030
+ component: Je,
1951
2031
  ...At
1952
- }, {
1953
- component: wt,
1954
- ...Wt
1955
2032
  }, {
1956
2033
  component: Tt,
1957
2034
  ...Nt
1958
2035
  }, {
1959
- component: Pt,
2036
+ component: Rt,
1960
2037
  ...Vt
1961
2038
  }, {
1962
- component: Bt,
2039
+ component: Et,
1963
2040
  ...$t
1964
2041
  }, {
1965
- component: Lt,
2042
+ component: Wt,
2043
+ ...Lt
2044
+ }, {
2045
+ component: Ot,
1966
2046
  ...Ft
1967
2047
  }, {
1968
- component: Rn,
1969
- ...Ot
2048
+ component: Pn,
2049
+ ...Dt
1970
2050
  }, {
1971
- component: Dt,
2051
+ component: Ut,
1972
2052
  ...jt
1973
- }, ...Gt()], Xt = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
2053
+ }, ...Xt()], Zt = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
1974
2054
  function getAndSetVariantId() {
1975
2055
  function setCookie(name, value, days) {
1976
2056
  let expires = '';
@@ -2026,7 +2106,7 @@ const Gt = () => [{
2026
2106
  }).join('');
2027
2107
  styleEl.innerHTML = newStyleStr;
2028
2108
  }
2029
- }`, Zt = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
2109
+ }`, en = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
2030
2110
  if (!navigator.cookieEnabled) {
2031
2111
  return;
2032
2112
  }
@@ -2060,26 +2140,26 @@ const Gt = () => [{
2060
2140
  thisScriptEl?.remove();
2061
2141
  }
2062
2142
  return;
2063
- }`, Pe = "builderIoAbTest", Be = "builderIoRenderContent", K = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
2143
+ }`, Ee = "builderIoAbTest", We = "builderIoRenderContent", K = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
2064
2144
  ...t,
2065
2145
  testVariationId: t.id,
2066
2146
  id: e == null ? void 0 : e.id
2067
- })), en = ({
2147
+ })), tn = ({
2068
2148
  canTrack: e,
2069
2149
  content: t
2070
- }) => !(!(K(t).length > 0) || !e || O()), tn = (e) => e === "react" || e === "reactNative", Ae = tn(B), nn = () => `
2071
- window.${Pe} = ${Xt}
2072
- window.${Be} = ${Zt}
2073
- `, on = (e, t) => `
2074
- window.${Pe}(
2150
+ }) => !(!(K(t).length > 0) || !e || F()), nn = (e) => e === "react" || e === "reactNative", Ae = nn(H), on = () => `
2151
+ window.${Ee} = ${Zt}
2152
+ window.${We} = ${en}
2153
+ `, an = (e, t) => `
2154
+ window.${Ee}(
2075
2155
  "${t}",${JSON.stringify(e)}, ${Ae}
2076
- )`, an = ({
2156
+ )`, rn = ({
2077
2157
  contentId: e,
2078
2158
  variationId: t
2079
- }) => `window.${Be}(
2159
+ }) => `window.${We}(
2080
2160
  "${t}", "${e}", ${Ae}
2081
2161
  )`;
2082
- function ne(e) {
2162
+ function ie(e) {
2083
2163
  return /* @__PURE__ */ c(
2084
2164
  "script",
2085
2165
  {
@@ -2088,7 +2168,7 @@ function ne(e) {
2088
2168
  }
2089
2169
  );
2090
2170
  }
2091
- const rn = _e({
2171
+ const ln = Ke({
2092
2172
  content: null,
2093
2173
  context: {},
2094
2174
  localState: void 0,
@@ -2102,10 +2182,10 @@ const rn = _e({
2102
2182
  BlocksWrapper: "div",
2103
2183
  BlocksWrapperProps: {}
2104
2184
  });
2105
- function Se(e) {
2185
+ function ve(e) {
2106
2186
  return Math.round(e * 1e3) / 1e3;
2107
2187
  }
2108
- const ln = (e, t, n = !0) => {
2188
+ const cn = (e, t, n = !0) => {
2109
2189
  if (!(e instanceof HTMLElement))
2110
2190
  return null;
2111
2191
  let i = n ? e : e.parentElement;
@@ -2116,28 +2196,28 @@ const ln = (e, t, n = !0) => {
2116
2196
  return i;
2117
2197
  } while (i = i.parentElement);
2118
2198
  return null;
2119
- }, cn = (e) => ln(e, (t) => {
2199
+ }, sn = (e) => cn(e, (t) => {
2120
2200
  const n = t.getAttribute("builder-id") || t.id;
2121
2201
  return (n == null ? void 0 : n.indexOf("builder-")) === 0;
2122
- }), pe = ({
2202
+ }), xe = ({
2123
2203
  event: e,
2124
2204
  target: t
2125
2205
  }) => {
2126
- const n = t.getBoundingClientRect(), i = e.clientX - n.left, o = e.clientY - n.top, a = Se(i / n.width), r = Se(o / n.height);
2206
+ const n = t.getBoundingClientRect(), i = e.clientX - n.left, o = e.clientY - n.top, a = ve(i / n.width), r = ve(o / n.height);
2127
2207
  return {
2128
2208
  x: a,
2129
2209
  y: r
2130
2210
  };
2131
- }, sn = (e) => {
2132
- const t = e.target, n = t && cn(t), i = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
2211
+ }, dn = (e) => {
2212
+ const t = e.target, n = t && sn(t), i = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
2133
2213
  return {
2134
2214
  targetBuilderElement: i || void 0,
2135
2215
  metadata: {
2136
- targetOffset: t ? pe({
2216
+ targetOffset: t ? xe({
2137
2217
  event: e,
2138
2218
  target: t
2139
2219
  }) : void 0,
2140
- builderTargetOffset: n ? pe({
2220
+ builderTargetOffset: n ? xe({
2141
2221
  event: e,
2142
2222
  target: n
2143
2223
  }) : void 0,
@@ -2145,13 +2225,13 @@ const ln = (e, t, n = !0) => {
2145
2225
  }
2146
2226
  };
2147
2227
  };
2148
- async function dn({
2228
+ async function un({
2149
2229
  key: e,
2150
2230
  value: t
2151
2231
  }) {
2152
2232
  return Fe(), globalThis._BUILDER_PREVIEW_LRU_CACHE.set(e, t), { [e]: t };
2153
2233
  }
2154
- function ve(e, ...t) {
2234
+ function ke(e, ...t) {
2155
2235
  const n = Object(e);
2156
2236
  for (let i = 1; i < arguments.length; i++) {
2157
2237
  const o = arguments[i];
@@ -2161,31 +2241,31 @@ function ve(e, ...t) {
2161
2241
  }
2162
2242
  return n;
2163
2243
  }
2164
- function un(e) {
2244
+ function mn(e) {
2165
2245
  console.warn(`Cannot animate element: element with ID ${e} not found!`);
2166
2246
  }
2167
- function mn(e, t) {
2168
- const n = fn(e), i = getComputedStyle(t), o = e.steps[0].styles, a = e.steps[e.steps.length - 1].styles, r = [o, a];
2247
+ function fn(e, t) {
2248
+ const n = hn(e), i = getComputedStyle(t), o = e.steps[0].styles, a = e.steps[e.steps.length - 1].styles, r = [o, a];
2169
2249
  for (const l of r)
2170
2250
  for (const s of n)
2171
2251
  s in l || (l[s] = i[s]);
2172
2252
  }
2173
- function fn(e) {
2253
+ function hn(e) {
2174
2254
  const t = [];
2175
2255
  for (const n of e.steps)
2176
2256
  for (const i in n.styles)
2177
2257
  t.indexOf(i) === -1 && t.push(i);
2178
2258
  return t;
2179
2259
  }
2180
- function hn(e) {
2260
+ function bn(e) {
2181
2261
  const t = Array.prototype.slice.call(document.getElementsByClassName(e.elementId || e.id || ""));
2182
2262
  if (!t.length) {
2183
- un(e.elementId || e.id || "");
2263
+ mn(e.elementId || e.id || "");
2184
2264
  return;
2185
2265
  }
2186
2266
  Array.from(t).forEach((n) => {
2187
- mn(e, n), n.style.transition = "none", n.style.transitionDelay = "0", ve(n.style, e.steps[0].styles), setTimeout(() => {
2188
- n.style.transition = `all ${e.duration}s ${re(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s"), ve(n.style, e.steps[1].styles), setTimeout(() => {
2267
+ fn(e, n), n.style.transition = "none", n.style.transitionDelay = "0", ke(n.style, e.steps[0].styles), setTimeout(() => {
2268
+ n.style.transition = `all ${e.duration}s ${le(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s"), ke(n.style, e.steps[1].styles), setTimeout(() => {
2189
2269
  n.style.transition = "", n.style.transitionDelay = "";
2190
2270
  }, (e.delay || 0) * 1e3 + e.duration * 1e3 + 100);
2191
2271
  });
@@ -2217,15 +2297,15 @@ font-weight: ${l};
2217
2297
  `.trim());
2218
2298
  }
2219
2299
  return o;
2220
- }, bn = ({
2300
+ }, yn = ({
2221
2301
  customFonts: e
2222
2302
  }) => {
2223
2303
  var t;
2224
2304
  return ((t = e == null ? void 0 : e.map((n) => gn(n))) == null ? void 0 : t.join(" ")) || "";
2225
- }, yn = ({
2305
+ }, pn = ({
2226
2306
  cssCode: e,
2227
2307
  contentId: t
2228
- }) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", Sn = `
2308
+ }) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", vn = `
2229
2309
  .builder-button {
2230
2310
  all: unset;
2231
2311
  }
@@ -2242,34 +2322,34 @@ font-weight: ${l};
2242
2322
  text-align: inherit;
2243
2323
  font-family: inherit;
2244
2324
  }
2245
- `, pn = (e) => e ? "" : Sn, vn = (e) => `variant-${e}`;
2246
- function xn(e) {
2247
- var A, j, D, X, Z, se, de;
2248
- const t = oe(null);
2249
- function n(g) {
2250
- var S, p;
2325
+ `, xn = (e) => e ? "" : vn, kn = (e) => `variant-${e}`;
2326
+ function Sn(e) {
2327
+ var E, O, D, Z, ee, de, ue;
2328
+ const t = ae(null);
2329
+ function n(b) {
2330
+ var p, v;
2251
2331
  const f = {
2252
2332
  ...e.builderContextSignal.rootState,
2253
- ...g
2333
+ ...b
2254
2334
  };
2255
- e.builderContextSignal.rootSetState ? (p = (S = e.builderContextSignal).rootSetState) == null || p.call(S, f) : e.builderContextSignal.rootState = f;
2335
+ e.builderContextSignal.rootSetState ? (v = (p = e.builderContextSignal).rootSetState) == null || v.call(p, f) : e.builderContextSignal.rootState = f;
2256
2336
  }
2257
- function i(g) {
2258
- var S, p, k, P, M;
2337
+ function i(b) {
2338
+ var p, v, S, B, M;
2259
2339
  const f = {
2260
2340
  ...e.builderContextSignal.content,
2261
- ...g,
2341
+ ...b,
2262
2342
  data: {
2263
- ...(S = e.builderContextSignal.content) == null ? void 0 : S.data,
2264
- ...g == null ? void 0 : g.data
2343
+ ...(p = e.builderContextSignal.content) == null ? void 0 : p.data,
2344
+ ...b == null ? void 0 : b.data
2265
2345
  },
2266
2346
  meta: {
2267
- ...(p = e.builderContextSignal.content) == null ? void 0 : p.meta,
2268
- ...g == null ? void 0 : g.meta,
2269
- breakpoints: ((k = g == null ? void 0 : g.meta) == null ? void 0 : k.breakpoints) || ((M = (P = e.builderContextSignal.content) == null ? void 0 : P.meta) == null ? void 0 : M.breakpoints)
2347
+ ...(v = e.builderContextSignal.content) == null ? void 0 : v.meta,
2348
+ ...b == null ? void 0 : b.meta,
2349
+ breakpoints: ((S = b == null ? void 0 : b.meta) == null ? void 0 : S.breakpoints) || ((M = (B = e.builderContextSignal.content) == null ? void 0 : B.meta) == null ? void 0 : M.breakpoints)
2270
2350
  }
2271
2351
  };
2272
- dn({
2352
+ un({
2273
2353
  value: f,
2274
2354
  key: f.id
2275
2355
  }).then(() => {
@@ -2282,37 +2362,37 @@ function xn(e) {
2282
2362
  "aria-hidden": !0
2283
2363
  };
2284
2364
  }
2285
- const [a, r] = N(
2365
+ const [a, r] = A(
2286
2366
  () => e.contentWrapper || "div"
2287
2367
  );
2288
- function l(g) {
2289
- return Oe({
2368
+ function l(b) {
2369
+ return De({
2290
2370
  model: e.model,
2291
2371
  trustedHosts: e.trustedHosts,
2292
2372
  callbacks: {
2293
2373
  configureSdk: (f) => {
2294
- var k;
2295
- const { breakpoints: S, contentId: p } = f;
2296
- !p || p !== ((k = e.builderContextSignal.content) == null ? void 0 : k.id) || S && i({
2374
+ var S;
2375
+ const { breakpoints: p, contentId: v } = f;
2376
+ !v || v !== ((S = e.builderContextSignal.content) == null ? void 0 : S.id) || p && i({
2297
2377
  meta: {
2298
- breakpoints: S
2378
+ breakpoints: p
2299
2379
  }
2300
2380
  });
2301
2381
  },
2302
2382
  animation: (f) => {
2303
- hn(f);
2383
+ bn(f);
2304
2384
  },
2305
2385
  contentUpdate: (f) => {
2306
2386
  i(f);
2307
2387
  }
2308
2388
  }
2309
- })(g);
2389
+ })(b);
2310
2390
  }
2311
2391
  function s() {
2312
- var f, S;
2313
- const g = (S = (f = e.builderContextSignal.content) == null ? void 0 : f.data) == null ? void 0 : S.jsCode;
2314
- g && H({
2315
- code: g,
2392
+ var f, p;
2393
+ const b = (p = (f = e.builderContextSignal.content) == null ? void 0 : f.data) == null ? void 0 : p.jsCode;
2394
+ b && U({
2395
+ code: b,
2316
2396
  context: e.context || {},
2317
2397
  localState: void 0,
2318
2398
  rootState: e.builderContextSignal.rootState,
@@ -2323,35 +2403,35 @@ function xn(e) {
2323
2403
  enableCache: !1
2324
2404
  });
2325
2405
  }
2326
- const [d, m] = N(() => ({})), [u, h] = N(() => ({})), [x, w] = N(() => !1);
2327
- function y(g) {
2328
- var f, S;
2406
+ const [d, m] = A(() => ({})), [u, h] = A(() => ({})), [k, w] = A(() => !1);
2407
+ function y(b) {
2408
+ var f, p;
2329
2409
  if (e.builderContextSignal.content) {
2330
- const p = (f = e.builderContextSignal.content) == null ? void 0 : f.testVariationId, k = (S = e.builderContextSignal.content) == null ? void 0 : S.id;
2331
- ue({
2410
+ const v = (f = e.builderContextSignal.content) == null ? void 0 : f.testVariationId, S = (p = e.builderContextSignal.content) == null ? void 0 : p.id;
2411
+ me({
2332
2412
  type: "click",
2333
2413
  canTrack: q(e.canTrack),
2334
- contentId: k,
2414
+ contentId: S,
2335
2415
  apiKey: e.apiKey,
2336
- variationId: p !== k ? p : void 0,
2337
- ...sn(g),
2338
- unique: !x
2416
+ variationId: v !== S ? v : void 0,
2417
+ ...dn(b),
2418
+ unique: !k
2339
2419
  });
2340
2420
  }
2341
- x || w(!0);
2421
+ k || w(!0);
2342
2422
  }
2343
- function V() {
2344
- var f, S, p;
2345
- const g = (p = (S = (f = e.builderContextSignal.content) == null ? void 0 : f.data) == null ? void 0 : S.httpRequests) != null ? p : {};
2346
- Object.entries(g).forEach(([k, P]) => {
2347
- if (!P || u[k] || d[k] && !$())
2423
+ function N() {
2424
+ var f, p, v;
2425
+ const b = (v = (p = (f = e.builderContextSignal.content) == null ? void 0 : f.data) == null ? void 0 : p.httpRequests) != null ? v : {};
2426
+ Object.entries(b).forEach(([S, B]) => {
2427
+ if (!B || u[S] || d[S] && !V())
2348
2428
  return;
2349
- u[k] = !0;
2350
- const M = P.replace(
2429
+ u[S] = !0;
2430
+ const M = B.replace(
2351
2431
  /{{([^}]+)}}/g,
2352
- (F, We) => String(
2353
- H({
2354
- code: We,
2432
+ ($, Ne) => String(
2433
+ U({
2434
+ code: Ne,
2355
2435
  context: e.context || {},
2356
2436
  localState: void 0,
2357
2437
  rootState: e.builderContextSignal.rootState,
@@ -2360,24 +2440,24 @@ function xn(e) {
2360
2440
  })
2361
2441
  )
2362
2442
  );
2363
- je(M).then((F) => F.json()).then((F) => {
2443
+ je(M).then(($) => $.json()).then(($) => {
2364
2444
  n({
2365
- [k]: F
2366
- }), d[k] = !0;
2367
- }).catch((F) => {
2368
- console.error("error fetching dynamic data", P, F);
2445
+ [S]: $
2446
+ }), d[S] = !0;
2447
+ }).catch(($) => {
2448
+ console.error("error fetching dynamic data", B, $);
2369
2449
  }).finally(() => {
2370
- u[k] = !1;
2450
+ u[S] = !1;
2371
2451
  });
2372
2452
  });
2373
2453
  }
2374
- function v() {
2375
- $() && window.dispatchEvent(
2454
+ function x() {
2455
+ V() && window.dispatchEvent(
2376
2456
  new CustomEvent(
2377
2457
  "builder:component:stateChange",
2378
2458
  {
2379
2459
  detail: {
2380
- state: ie(e.builderContextSignal.rootState),
2460
+ state: oe(e.builderContextSignal.rootState),
2381
2461
  ref: {
2382
2462
  name: e.model
2383
2463
  }
@@ -2386,8 +2466,8 @@ function xn(e) {
2386
2466
  )
2387
2467
  );
2388
2468
  }
2389
- function b(g) {
2390
- window.addEventListener("message", l), De(), Ue({
2469
+ function g(b) {
2470
+ window.addEventListener("message", l), Ue(), He({
2391
2471
  ...e.locale ? {
2392
2472
  locale: e.locale
2393
2473
  } : {},
@@ -2400,42 +2480,42 @@ function xn(e) {
2400
2480
  }), Object.values(
2401
2481
  e.builderContextSignal.componentInfos
2402
2482
  ).forEach((f) => {
2403
- var p;
2404
- const S = He(f);
2405
- (p = window.parent) == null || p.postMessage(S, "*");
2483
+ var v;
2484
+ const p = Me(f);
2485
+ (v = window.parent) == null || v.postMessage(p, "*");
2406
2486
  }), window.addEventListener(
2407
2487
  "builder:component:stateChangeListenerActivated",
2408
- v
2488
+ x
2409
2489
  );
2410
2490
  }
2411
- function I(g) {
2412
- const f = new URL(location.href).searchParams, S = f.get("builder.preview"), p = f.get(
2413
- `builder.overrides.${S}`
2414
- ), k = f.get("apiKey") || f.get("builder.space");
2415
- S === e.model && k === e.apiKey && (!e.content || p === e.content.id) && ke({
2491
+ function I(b) {
2492
+ const f = new URL(location.href).searchParams, p = f.get("builder.preview"), v = f.get(
2493
+ `builder.overrides.${p}`
2494
+ ), S = f.get("apiKey") || f.get("builder.space");
2495
+ p === e.model && S === e.apiKey && (!e.content || v === e.content.id) && Ce({
2416
2496
  model: e.model,
2417
2497
  apiKey: e.apiKey,
2418
2498
  apiVersion: e.builderContextSignal.apiVersion
2419
- }).then((P) => {
2420
- P && i(P);
2499
+ }).then((B) => {
2500
+ B && i(B);
2421
2501
  });
2422
2502
  }
2423
- const R = Ke();
2503
+ const R = ze();
2424
2504
  return T(() => {
2425
- var g;
2426
- return (g = t.current) == null || g.addEventListener(
2505
+ var b;
2506
+ return (b = t.current) == null || b.addEventListener(
2427
2507
  "initeditingbldr",
2428
- b
2508
+ g
2429
2509
  ), () => {
2430
2510
  var f;
2431
2511
  return (f = t.current) == null ? void 0 : f.removeEventListener(
2432
2512
  "initeditingbldr",
2433
- b
2513
+ g
2434
2514
  );
2435
2515
  };
2436
2516
  }, []), T(() => {
2437
- var g;
2438
- return (g = t.current) == null || g.addEventListener(
2517
+ var b;
2518
+ return (b = t.current) == null || b.addEventListener(
2439
2519
  "initpreviewingbldr",
2440
2520
  I
2441
2521
  ), () => {
@@ -2446,31 +2526,31 @@ function xn(e) {
2446
2526
  );
2447
2527
  };
2448
2528
  }, []), T(() => {
2449
- var g, f;
2450
- if (O()) {
2451
- if ($() && t.current && t.current.dispatchEvent(new CustomEvent("initeditingbldr")), e.builderContextSignal.content && q(e.canTrack)) {
2452
- const p = (g = e.builderContextSignal.content) == null ? void 0 : g.testVariationId, k = (f = e.builderContextSignal.content) == null ? void 0 : f.id, P = e.apiKey;
2453
- ue({
2529
+ var b, f;
2530
+ if (F()) {
2531
+ if (V() && t.current && t.current.dispatchEvent(new CustomEvent("initeditingbldr")), e.builderContextSignal.content && q(e.canTrack)) {
2532
+ const v = (b = e.builderContextSignal.content) == null ? void 0 : b.testVariationId, S = (f = e.builderContextSignal.content) == null ? void 0 : f.id, B = e.apiKey;
2533
+ me({
2454
2534
  type: "impression",
2455
2535
  canTrack: !0,
2456
- contentId: k,
2457
- apiKey: P,
2458
- variationId: p !== k ? p : void 0
2536
+ contentId: S,
2537
+ apiKey: B,
2538
+ variationId: v !== S ? v : void 0
2459
2539
  });
2460
2540
  }
2461
- Le() && $();
2541
+ Oe() && V();
2462
2542
  }
2463
2543
  }, []), T(() => {
2464
2544
  e.apiKey || J.error(
2465
2545
  "No API key provided to `Content` component. This can cause issues. Please provide an API key using the `apiKey` prop."
2466
- ), s(), V(), v();
2546
+ ), s(), N(), x();
2467
2547
  }, []), T(() => {
2468
2548
  }, [e.content]), T(() => {
2469
2549
  s();
2470
- }, [(j = (A = e.builderContextSignal.content) == null ? void 0 : A.data) == null ? void 0 : j.jsCode]), T(() => {
2471
- V();
2472
- }, [(X = (D = e.builderContextSignal.content) == null ? void 0 : D.data) == null ? void 0 : X.httpRequests]), T(() => {
2473
- v();
2550
+ }, [(O = (E = e.builderContextSignal.content) == null ? void 0 : E.data) == null ? void 0 : O.jsCode]), T(() => {
2551
+ N();
2552
+ }, [(Z = (D = e.builderContextSignal.content) == null ? void 0 : D.data) == null ? void 0 : Z.httpRequests]), T(() => {
2553
+ x();
2474
2554
  }, [e.builderContextSignal.rootState]), T(() => {
2475
2555
  e.data && n(e.data);
2476
2556
  }, [e.data]), T(() => {
@@ -2478,40 +2558,40 @@ function xn(e) {
2478
2558
  locale: e.locale
2479
2559
  });
2480
2560
  }, [e.locale]), T(() => () => {
2481
- O() && (window.removeEventListener("message", l), window.removeEventListener(
2561
+ F() && (window.removeEventListener("message", l), window.removeEventListener(
2482
2562
  "builder:component:stateChangeListenerActivated",
2483
- v
2563
+ x
2484
2564
  ));
2485
- }, []), /* @__PURE__ */ c(rn.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content ? /* @__PURE__ */ c(
2565
+ }, []), /* @__PURE__ */ c(ln.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content ? /* @__PURE__ */ c(
2486
2566
  a,
2487
2567
  {
2488
2568
  ref: t,
2489
- onClick: (g) => y(g),
2490
- "builder-content-id": (Z = e.builderContextSignal.content) == null ? void 0 : Z.id,
2569
+ onClick: (b) => y(b),
2570
+ "builder-content-id": (ee = e.builderContextSignal.content) == null ? void 0 : ee.id,
2491
2571
  "builder-model": e.model,
2492
2572
  ...o(),
2493
2573
  ...e.contentWrapperProps,
2494
- className: vn(
2495
- ((se = e.content) == null ? void 0 : se.testVariationId) || ((de = e.content) == null ? void 0 : de.id)
2574
+ className: kn(
2575
+ ((de = e.content) == null ? void 0 : de.testVariationId) || ((ue = e.content) == null ? void 0 : ue.id)
2496
2576
  ),
2497
2577
  children: e.children
2498
2578
  }
2499
2579
  ) : null });
2500
2580
  }
2501
- function kn(e) {
2581
+ function Cn(e) {
2502
2582
  const t = `
2503
- ${yn({
2583
+ ${pn({
2504
2584
  cssCode: e.cssCode,
2505
2585
  contentId: e.contentId
2506
2586
  })}
2507
- ${bn({
2587
+ ${yn({
2508
2588
  customFonts: e.customFonts
2509
2589
  })}
2510
- ${pn(e.isNestedRender)}
2590
+ ${xn(e.isNestedRender)}
2511
2591
  `.trim();
2512
- return /* @__PURE__ */ c(Q, { id: "builderio-content", styles: t });
2592
+ return /* @__PURE__ */ c(G, { id: "builderio-content", styles: t });
2513
2593
  }
2514
- const Cn = ({
2594
+ const In = ({
2515
2595
  content: e,
2516
2596
  data: t,
2517
2597
  locale: n
@@ -2528,7 +2608,7 @@ const Cn = ({
2528
2608
  locale: n
2529
2609
  } : {}
2530
2610
  };
2531
- }, In = ({
2611
+ }, wn = ({
2532
2612
  content: e,
2533
2613
  data: t
2534
2614
  }) => e ? {
@@ -2539,32 +2619,32 @@ const Cn = ({
2539
2619
  },
2540
2620
  meta: e == null ? void 0 : e.meta
2541
2621
  } : void 0;
2542
- function xe(e) {
2622
+ function Se(e) {
2543
2623
  var o, a, r, l, s, d, m, u, h;
2544
- const t = an({
2624
+ const t = rn({
2545
2625
  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
2546
2626
  variationId: (o = e.content) == null ? void 0 : o.testVariationId,
2547
2627
  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
2548
2628
  contentId: (a = e.content) == null ? void 0 : a.id
2549
2629
  }), n = [
2550
- ...ye(),
2630
+ ...pe(),
2551
2631
  ...e.customComponents || []
2552
2632
  ].reduce(
2553
- (x, { component: w, ...y }) => ({
2554
- ...x,
2633
+ (k, { component: w, ...y }) => ({
2634
+ ...k,
2555
2635
  [y.name]: {
2556
2636
  component: w,
2557
- ...me(y)
2637
+ ...fe(y)
2558
2638
  }
2559
2639
  }),
2560
2640
  {}
2561
2641
  ), i = {
2562
- content: In({
2642
+ content: wn({
2563
2643
  content: e.content,
2564
2644
  data: e.data
2565
2645
  }),
2566
2646
  localState: void 0,
2567
- rootState: Cn({
2647
+ rootState: In({
2568
2648
  content: e.content,
2569
2649
  data: e.data,
2570
2650
  locale: e.locale
@@ -2575,12 +2655,12 @@ function xe(e) {
2575
2655
  apiKey: e.apiKey,
2576
2656
  apiVersion: e.apiVersion,
2577
2657
  componentInfos: [
2578
- ...ye(),
2658
+ ...pe(),
2579
2659
  ...e.customComponents || []
2580
2660
  ].reduce(
2581
- (x, { component: w, ...y }) => ({
2582
- ...x,
2583
- [y.name]: me(y)
2661
+ (k, { component: w, ...y }) => ({
2662
+ ...k,
2663
+ [y.name]: fe(y)
2584
2664
  }),
2585
2665
  {}
2586
2666
  ),
@@ -2588,8 +2668,8 @@ function xe(e) {
2588
2668
  BlocksWrapper: e.blocksWrapper || "div",
2589
2669
  BlocksWrapperProps: e.blocksWrapperProps || {}
2590
2670
  };
2591
- return /* @__PURE__ */ E(
2592
- xn,
2671
+ return /* @__PURE__ */ P(
2672
+ Sn,
2593
2673
  {
2594
2674
  content: e.content,
2595
2675
  data: e.data,
@@ -2606,14 +2686,14 @@ function xe(e) {
2606
2686
  trustedHosts: e.trustedHosts,
2607
2687
  children: [
2608
2688
  e.isSsrAbTest ? /* @__PURE__ */ c(
2609
- ne,
2689
+ ie,
2610
2690
  {
2611
2691
  id: "builderio-variant-visibility",
2612
2692
  scriptStr: t
2613
2693
  }
2614
2694
  ) : null,
2615
2695
  /* @__PURE__ */ c(
2616
- kn,
2696
+ Cn,
2617
2697
  {
2618
2698
  isNestedRender: e.isNestedRender,
2619
2699
  contentId: (r = i.content) == null ? void 0 : r.id,
@@ -2622,7 +2702,7 @@ function xe(e) {
2622
2702
  }
2623
2703
  ),
2624
2704
  /* @__PURE__ */ c(
2625
- ce,
2705
+ se,
2626
2706
  {
2627
2707
  blocks: (h = (u = i.content) == null ? void 0 : u.data) == null ? void 0 : h.blocks,
2628
2708
  context: i,
@@ -2634,14 +2714,14 @@ function xe(e) {
2634
2714
  }
2635
2715
  );
2636
2716
  }
2637
- function wn(e) {
2717
+ function Tn(e) {
2638
2718
  var a;
2639
- const t = en({
2719
+ const t = tn({
2640
2720
  canTrack: q(e.canTrack),
2641
2721
  content: e.content
2642
2722
  }), n = function() {
2643
2723
  var l;
2644
- return on(
2724
+ return an(
2645
2725
  K(e.content).map((s) => ({
2646
2726
  id: s.testVariationId,
2647
2727
  testRatio: s.testRatio
@@ -2655,36 +2735,36 @@ function wn(e) {
2655
2735
  return t ? {
2656
2736
  ...e.content,
2657
2737
  testVariationId: (l = e.content) == null ? void 0 : l.id
2658
- } : Me({
2738
+ } : _e({
2659
2739
  item: e.content,
2660
2740
  canTrack: q(e.canTrack)
2661
2741
  });
2662
2742
  };
2663
- return /* @__PURE__ */ E(C, { children: [
2664
- !e.isNestedRender && B !== "reactNative" ? /* @__PURE__ */ c(
2665
- ne,
2743
+ return /* @__PURE__ */ P(C, { children: [
2744
+ !e.isNestedRender && H !== "reactNative" ? /* @__PURE__ */ c(
2745
+ ie,
2666
2746
  {
2667
2747
  id: "builderio-init-variants-fns",
2668
- scriptStr: nn()
2748
+ scriptStr: on()
2669
2749
  }
2670
2750
  ) : null,
2671
- t ? /* @__PURE__ */ E(C, { children: [
2751
+ t ? /* @__PURE__ */ P(C, { children: [
2672
2752
  /* @__PURE__ */ c(
2673
- Q,
2753
+ G,
2674
2754
  {
2675
2755
  id: "builderio-variants",
2676
2756
  styles: i()
2677
2757
  }
2678
2758
  ),
2679
2759
  /* @__PURE__ */ c(
2680
- ne,
2760
+ ie,
2681
2761
  {
2682
2762
  id: "builderio-variants-visibility",
2683
2763
  scriptStr: n()
2684
2764
  }
2685
2765
  ),
2686
2766
  (a = K(e.content)) == null ? void 0 : a.map((r) => /* @__PURE__ */ c(
2687
- xe,
2767
+ Se,
2688
2768
  {
2689
2769
  isNestedRender: e.isNestedRender,
2690
2770
  content: r,
@@ -2710,7 +2790,7 @@ function wn(e) {
2710
2790
  ))
2711
2791
  ] }) : null,
2712
2792
  /* @__PURE__ */ c(
2713
- xe,
2793
+ Se,
2714
2794
  {
2715
2795
  isNestedRender: e.isNestedRender,
2716
2796
  content: o(),
@@ -2735,13 +2815,13 @@ function wn(e) {
2735
2815
  )
2736
2816
  ] });
2737
2817
  }
2738
- const Tn = async ({
2818
+ const Rn = async ({
2739
2819
  builderContextValue: e,
2740
2820
  symbol: t
2741
2821
  }) => {
2742
2822
  if (t != null && t.model && // This is a hack, we should not need to check for this, but it is needed for Svelte.
2743
2823
  (e != null && e.apiKey))
2744
- return ke({
2824
+ return Ce({
2745
2825
  model: t.model,
2746
2826
  apiKey: e.apiKey,
2747
2827
  apiVersion: e.apiVersion,
@@ -2754,7 +2834,7 @@ const Tn = async ({
2754
2834
  J.error("Could not fetch symbol content: ", n);
2755
2835
  });
2756
2836
  };
2757
- async function Rn(e) {
2837
+ async function Pn(e) {
2758
2838
  var a, r, l, s, d;
2759
2839
  const t = function() {
2760
2840
  return "div";
@@ -2763,17 +2843,17 @@ async function Rn(e) {
2763
2843
  }, i = function() {
2764
2844
  var u, h;
2765
2845
  return [
2766
- e.attributes[U()],
2846
+ e.attributes[j()],
2767
2847
  "builder-symbol",
2768
2848
  (u = e.symbol) != null && u.inline ? "builder-inline-symbol" : void 0,
2769
2849
  (h = e.symbol) != null && h.dynamic || e.dynamic ? "builder-dynamic-symbol" : void 0
2770
2850
  ].filter(Boolean).join(" ");
2771
- }, o = ((a = e.symbol) == null ? void 0 : a.content) || await Tn({
2851
+ }, o = ((a = e.symbol) == null ? void 0 : a.content) || await Rn({
2772
2852
  symbol: e.symbol,
2773
2853
  builderContextValue: e.builderContext
2774
2854
  });
2775
2855
  return /* @__PURE__ */ c("div", { ...e.attributes, className: i(), children: /* @__PURE__ */ c(
2776
- wn,
2856
+ Tn,
2777
2857
  {
2778
2858
  isNestedRender: !0,
2779
2859
  apiVersion: e.builderContext.apiVersion,
@@ -2798,15 +2878,15 @@ async function Rn(e) {
2798
2878
  ) });
2799
2879
  }
2800
2880
  export {
2801
- ce as Blocks,
2802
- rn as BuilderContext,
2803
- Ye as Button,
2804
- wt as Columns,
2805
- wn as Content,
2806
- Tt as Fragment,
2807
- Pt as Image,
2808
- Bt as Section,
2809
- Rn as Symbol,
2810
- Dt as Text,
2811
- Qt as Video
2881
+ se as Blocks,
2882
+ ln as BuilderContext,
2883
+ Je as Button,
2884
+ Tt as Columns,
2885
+ Tn as Content,
2886
+ Rt as Fragment,
2887
+ Et as Image,
2888
+ Wt as Section,
2889
+ Pn as Symbol,
2890
+ Ut as Text,
2891
+ Gt as Video
2812
2892
  };