@builder.io/sdk-react-nextjs 0.16.4 → 0.16.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (54) hide show
  1. package/lib/browser/blocks-exports.cjs +27 -27
  2. package/lib/browser/blocks-exports.mjs +640 -618
  3. package/lib/browser/index.cjs +1 -1
  4. package/lib/browser/index.mjs +2 -2
  5. package/lib/browser/init.cjs +2 -2
  6. package/lib/browser/init.mjs +20 -20
  7. package/lib/{node/server-entry-3336d7c2.js → browser/server-entry-30b63436.js} +371 -368
  8. package/lib/browser/server-entry-89b4c0d0.cjs +2 -0
  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 +38 -38
  12. package/lib/edge/blocks-exports.mjs +1027 -1005
  13. package/lib/edge/index.cjs +1 -1
  14. package/lib/edge/index.mjs +2 -2
  15. package/lib/edge/init.cjs +2 -2
  16. package/lib/edge/init.mjs +20 -20
  17. package/lib/{browser/server-entry-3336d7c2.js → edge/server-entry-30b63436.js} +371 -368
  18. package/lib/edge/server-entry-89b4c0d0.cjs +2 -0
  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 +26 -26
  22. package/lib/node/blocks-exports.mjs +667 -645
  23. package/lib/node/index.cjs +1 -1
  24. package/lib/node/index.mjs +3 -3
  25. package/lib/node/init.cjs +1 -1
  26. package/lib/node/init.mjs +2 -2
  27. package/lib/node/{node-runtime-7537779c.cjs → node-runtime-60abefbd.cjs} +4 -4
  28. package/lib/node/{node-runtime-adcc8fa1.js → node-runtime-c36924d7.js} +3 -3
  29. package/lib/{edge/server-entry-3336d7c2.js → node/server-entry-30b63436.js} +371 -368
  30. package/lib/node/server-entry-89b4c0d0.cjs +2 -0
  31. package/lib/node/server-entry.cjs +1 -1
  32. package/lib/node/server-entry.mjs +1 -1
  33. package/package.json +3 -3
  34. package/types/cjs/components/block/block.helpers.d.ts +1 -2
  35. package/types/cjs/components/content-variants/content-variants.types.d.ts +2 -1
  36. package/types/cjs/components/content-variants/extra-framework-props-types.d.ts +2 -0
  37. package/types/cjs/constants/sdk-version.d.ts +1 -1
  38. package/types/cjs/context/extra-context-types.d.ts +6 -0
  39. package/types/cjs/context/types.d.ts +2 -1
  40. package/types/cjs/functions/evaluate/node-runtime/init.d.ts +1 -0
  41. package/types/cjs/functions/get-processed-block.d.ts +1 -0
  42. package/types/cjs/functions/register-component.d.ts +1 -1
  43. package/types/esm/components/block/block.helpers.d.ts +1 -2
  44. package/types/esm/components/content-variants/content-variants.types.d.ts +2 -1
  45. package/types/esm/components/content-variants/extra-framework-props-types.d.ts +2 -0
  46. package/types/esm/constants/sdk-version.d.ts +1 -1
  47. package/types/esm/context/extra-context-types.d.ts +6 -0
  48. package/types/esm/context/types.d.ts +2 -1
  49. package/types/esm/functions/evaluate/node-runtime/init.d.ts +1 -0
  50. package/types/esm/functions/get-processed-block.d.ts +1 -0
  51. package/types/esm/functions/register-component.d.ts +1 -1
  52. package/lib/browser/server-entry-15a258a6.cjs +0 -2
  53. package/lib/edge/server-entry-15a258a6.cjs +0 -2
  54. package/lib/node/server-entry-15a258a6.cjs +0 -2
@@ -1,19 +1,19 @@
1
1
  "use client";
2
2
  var Ne = Object.defineProperty;
3
- var Ae = (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) => (Ae(e, typeof t != "symbol" ? t + "" : t, n), n);
5
- import { jsx as l, Fragment as C, jsxs as P } from "react/jsx-runtime";
6
- import { TARGET as H, checkIsDefined as K, logger as J, isBrowser as z, isEditing as V, init as Ve, getDefaultCanTrack as q, _track as ue, isPreviewing as $e, createEditorListener as Fe, fetch as Le, registerInsertMenu as De, setupBrowserForEditing as je, createRegisterComponentMessage as Oe, fetchOneEntry as pe, serializeComponentInfo as me, handleABTestingSync as He } from "./server-entry-3336d7c2.js";
7
- import { getFunctionArguments as Me, runInNode as Ue, parseCode as _e, getBuilderGlobals as Ke, fastClone as ie, set as ze } from "./node-runtime-adcc8fa1.js";
8
- import { useEffect as R, useRef as oe, useState as A, createContext as qe } from "react";
9
- import { useRouter as Ye } from "next/navigation";
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 l, Fragment as w, jsxs as P } from "react/jsx-runtime";
6
+ import { TARGET as $, checkIsDefined as K, logger as Y, isBrowser as z, isPreviewing as Se, isEditing as V, init as $e, getDefaultCanTrack as q, _track as ue, createEditorListener as Fe, fetch as Le, registerInsertMenu as Oe, setupBrowserForEditing as De, createRegisterComponentMessage as _e, fetchOneEntry as ke, serializeIncludingFunctions as me, handleABTestingSync as He } from "./server-entry-30b63436.js";
7
+ import { getFunctionArguments as je, runInNode as Ue, parseCode as Me, getBuilderGlobals as Ke, set as ze, fastClone as oe } from "./node-runtime-c36924d7.js";
10
8
  import "lru-cache";
9
+ import { useRef as J, useEffect as R, useState as N, createContext as qe } from "react";
10
+ import { useRouter as Ye } from "next/navigation";
11
11
  const Je = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), Qe = (e) => typeof e == "string" && Je.has(e.toLowerCase());
12
12
  function ae(e) {
13
- return /* @__PURE__ */ l(C, { children: Qe(e.TagName) ? /* @__PURE__ */ l(C, { children: /* @__PURE__ */ l(e.TagName, { ...e.attributes, ...e.actionAttributes }) }) : /* @__PURE__ */ l(C, { children: typeof e.TagName == "string" ? /* @__PURE__ */ l(e.TagName, { ...e.attributes, ...e.actionAttributes, children: e.children }) : /* @__PURE__ */ l(e.TagName, { ...e.attributes, ...e.actionAttributes, children: e.children }) }) });
13
+ return /* @__PURE__ */ l(w, { children: Qe(e.TagName) ? /* @__PURE__ */ l(w, { children: /* @__PURE__ */ l(e.TagName, { ...e.attributes, ...e.actionAttributes }) }) : /* @__PURE__ */ l(w, { children: typeof e.TagName == "string" ? /* @__PURE__ */ l(e.TagName, { ...e.attributes, ...e.actionAttributes, children: e.children }) : /* @__PURE__ */ l(e.TagName, { ...e.attributes, ...e.actionAttributes, children: e.children }) }) });
14
14
  }
15
- const O = () => {
16
- switch (H) {
15
+ const H = () => {
16
+ switch ($) {
17
17
  case "react":
18
18
  case "reactNative":
19
19
  case "rsc":
@@ -30,7 +30,7 @@ function Ge(e) {
30
30
  function t() {
31
31
  return {
32
32
  ...e.attributes,
33
- [O()]: `${e.link ? "" : "builder-button"} ${e.attributes[O()] || ""}`,
33
+ [H()]: `${e.link ? "" : "builder-button"} ${e.attributes[H()] || ""}`,
34
34
  ...e.link ? {
35
35
  href: e.link,
36
36
  target: e.openLinkInNewTab ? "_blank" : void 0,
@@ -57,28 +57,34 @@ function Xe(e) {
57
57
  ...e.options
58
58
  };
59
59
  }
60
- const Ze = ({
60
+ function Ze(e, ...t) {
61
+ const n = Object.assign({}, e);
62
+ for (const i of t)
63
+ delete n[i];
64
+ return n;
65
+ }
66
+ const et = ({
61
67
  code: e,
62
68
  builder: t,
63
69
  context: n,
64
70
  event: i,
65
71
  localState: o,
66
72
  rootSetState: a,
67
- rootState: c
73
+ rootState: r
68
74
  }) => {
69
- const r = Me({
75
+ const s = je({
70
76
  builder: t,
71
77
  context: n,
72
78
  event: i,
73
- state: ke({
74
- rootState: c,
79
+ state: Ce({
80
+ rootState: r,
75
81
  localState: o,
76
82
  rootSetState: a
77
83
  })
78
84
  });
79
- return new Function(...r.map(([s]) => s), e)(...r.map(([, s]) => s));
85
+ return new Function(...s.map(([c]) => c), e)(...s.map(([, c]) => c));
80
86
  };
81
- function ke({
87
+ function Ce({
82
88
  rootState: e,
83
89
  localState: t,
84
90
  rootSetState: n
@@ -88,11 +94,11 @@ function ke({
88
94
  if (t && o in t)
89
95
  return t[o];
90
96
  const a = i[o];
91
- return typeof a == "object" && a !== null ? ke({
97
+ return typeof a == "object" && a !== null ? Ce({
92
98
  rootState: a,
93
99
  localState: void 0,
94
- rootSetState: n ? (c) => {
95
- i[o] = c, n(i);
100
+ rootSetState: n ? (r) => {
101
+ i[o] = r, n(i);
96
102
  } : void 0
97
103
  }) : a;
98
104
  },
@@ -103,17 +109,17 @@ function ke({
103
109
  }
104
110
  });
105
111
  }
106
- function et() {
112
+ function tt() {
107
113
  var e;
108
114
  return typeof process != "undefined" && K((e = process == null ? void 0 : process.versions) == null ? void 0 : e.node);
109
115
  }
110
- const tt = () => {
116
+ const nt = () => {
111
117
  var i;
112
- if (!et())
118
+ if (!tt())
113
119
  return !1;
114
120
  const e = process.arch === "arm64", t = process.version.startsWith("v20"), n = (i = process.env.NODE_OPTIONS) == null ? void 0 : i.includes("--no-node-snapshot");
115
- 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;
116
- }, nt = (e) => z() || tt() ? Ze(e) : Ue(e), N = class N {
121
+ return e && t && !n ? (Y.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;
122
+ }, it = (e) => z() || nt() ? et(e) : Ue(e), ot = !0, A = class A {
117
123
  static getCacheKey(t) {
118
124
  return JSON.stringify({
119
125
  ...t,
@@ -123,31 +129,31 @@ const tt = () => {
123
129
  });
124
130
  }
125
131
  static getCachedValue(t) {
126
- return N.cache.get(t);
132
+ return A.cache.get(t);
127
133
  }
128
134
  static setCachedValue(t, n) {
129
- N.cache.size > 20 && N.cache.delete(N.cache.keys().next().value), N.cache.set(t, {
135
+ A.cache.size > 20 && A.cache.delete(A.cache.keys().next().value), A.cache.set(t, {
130
136
  value: n
131
137
  });
132
138
  }
133
139
  };
134
- ee(N, "cacheLimit", 20), ee(N, "cache", /* @__PURE__ */ new Map());
135
- let F = N;
136
- function L({
140
+ ee(A, "cacheLimit", 20), ee(A, "cache", /* @__PURE__ */ new Map());
141
+ let L = A;
142
+ function O({
137
143
  code: e,
138
144
  context: t,
139
145
  localState: n,
140
146
  rootState: i,
141
147
  rootSetState: o,
142
148
  event: a,
143
- isExpression: c = !0,
144
- enableCache: r
149
+ isExpression: r = !0,
150
+ enableCache: s
145
151
  }) {
146
152
  if (e === "")
147
153
  return;
148
- const s = {
149
- code: _e(e, {
150
- isExpression: c
154
+ const c = {
155
+ code: Me(e, {
156
+ isExpression: r
151
157
  }),
152
158
  builder: Ke(),
153
159
  context: t,
@@ -156,26 +162,64 @@ function L({
156
162
  rootState: i,
157
163
  localState: n
158
164
  };
159
- if (r) {
160
- const d = F.getCacheKey(s), m = F.getCachedValue(d);
161
- if (m)
162
- return m.value;
165
+ if (s && !ot) {
166
+ const d = L.getCacheKey(c), u = L.getCachedValue(d);
167
+ if (u)
168
+ return u.value;
163
169
  }
164
170
  try {
165
- const d = nt(s);
166
- if (r) {
167
- const m = F.getCacheKey(s);
168
- F.setCachedValue(m, d);
171
+ const d = it(c);
172
+ if (s) {
173
+ const u = L.getCacheKey(c);
174
+ L.setCachedValue(u, d);
169
175
  }
170
176
  return d;
171
177
  } catch (d) {
172
- J.error("Failed code evaluation: " + d.message, {
178
+ Y.error("Failed code evaluation: " + d.message, {
173
179
  code: e
174
180
  });
175
181
  return;
176
182
  }
177
183
  }
178
- const it = ({
184
+ function ne(e) {
185
+ if (e === null || typeof e != "object")
186
+ return e;
187
+ if (Array.isArray(e))
188
+ return e.map((n) => ne(n));
189
+ if (e["@type"] === "@builder.io/sdk:Element")
190
+ return e;
191
+ const t = {};
192
+ for (const n in e)
193
+ n !== "meta" && Object.prototype.hasOwnProperty.call(e, n) && (t[n] = ne(e[n]));
194
+ return t;
195
+ }
196
+ const at = ["svelte", "vue", "angular", "qwik", "solid"].includes($), rt = (e) => {
197
+ if (at) {
198
+ const t = oe(e);
199
+ return {
200
+ ...t,
201
+ properties: {
202
+ ...t.properties
203
+ },
204
+ actions: {
205
+ ...t.actions
206
+ }
207
+ };
208
+ } else {
209
+ const t = ne(Ze(e, "children", "meta"));
210
+ return {
211
+ ...t,
212
+ properties: {
213
+ ...t.properties
214
+ },
215
+ actions: {
216
+ ...t.actions
217
+ },
218
+ children: e.children,
219
+ meta: e.meta
220
+ };
221
+ }
222
+ }, ct = ({
179
223
  block: e,
180
224
  context: t,
181
225
  localState: n,
@@ -184,17 +228,9 @@ const it = ({
184
228
  }) => {
185
229
  if (!e.bindings)
186
230
  return e;
187
- const a = ie(e), c = {
188
- ...a,
189
- properties: {
190
- ...a.properties
191
- },
192
- actions: {
193
- ...a.actions
194
- }
195
- };
231
+ const a = rt(e);
196
232
  for (const r in e.bindings) {
197
- const s = e.bindings[r], d = L({
233
+ const s = e.bindings[r], c = O({
198
234
  code: s,
199
235
  localState: n,
200
236
  rootState: i,
@@ -202,11 +238,11 @@ const it = ({
202
238
  context: t,
203
239
  enableCache: !0
204
240
  });
205
- ze(c, r, d);
241
+ ze(a, r, c);
206
242
  }
207
- return c;
243
+ return a;
208
244
  };
209
- function Y({
245
+ function lt({
210
246
  block: e,
211
247
  context: t,
212
248
  shouldEvaluateBindings: n,
@@ -214,51 +250,51 @@ function Y({
214
250
  rootState: o,
215
251
  rootSetState: a
216
252
  }) {
217
- const c = e;
218
- return n ? it({
219
- block: c,
253
+ const r = e;
254
+ return n ? ct({
255
+ block: r,
220
256
  localState: i,
221
257
  rootState: o,
222
258
  rootSetState: a,
223
259
  context: t
224
- }) : c;
260
+ }) : r;
225
261
  }
226
- const re = (e) => e ? e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase() : "", Ce = (e) => Object.entries(e).map(([n, i]) => {
262
+ 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]) => {
227
263
  if (typeof i == "string")
228
264
  return `${re(n)}: ${i};`;
229
- }).filter(K), ot = (e) => Ce(e).join(`
265
+ }).filter(K), st = (e) => Ie(e).join(`
230
266
  `), U = ({
231
267
  mediaQuery: e,
232
268
  className: t,
233
269
  styles: n
234
270
  }) => {
235
271
  const i = `.${t} {
236
- ${ot(n)}
272
+ ${st(n)}
237
273
  }`;
238
274
  return e ? `${e} {
239
275
  ${i}
240
276
  }` : i;
241
277
  };
242
- function at({
278
+ function dt({
243
279
  style: e
244
280
  }) {
245
281
  return e;
246
282
  }
247
- const rt = ({
283
+ const ut = ({
248
284
  block: e,
249
285
  context: t
250
- }) => Ie(at({
286
+ }) => we(dt({
251
287
  style: e.style || {},
252
288
  context: t,
253
289
  block: e
254
290
  }));
255
- function Ie(e) {
256
- switch (H) {
291
+ function we(e) {
292
+ switch ($) {
257
293
  case "svelte":
258
294
  case "vue":
259
295
  case "solid":
260
296
  case "angular":
261
- return Ce(e).join(" ");
297
+ return Ie(e).join(" ");
262
298
  case "qwik":
263
299
  case "reactNative":
264
300
  case "react":
@@ -266,29 +302,21 @@ function Ie(e) {
266
302
  return e;
267
303
  }
268
304
  }
269
- const ct = ({
305
+ const mt = ({
270
306
  block: e,
271
- context: t,
272
- registeredComponents: n
307
+ registeredComponents: t
273
308
  }) => {
274
- var a;
275
- const i = (a = Y({
276
- block: e,
277
- localState: t.localState,
278
- rootState: t.rootState,
279
- rootSetState: t.rootSetState,
280
- context: t.context,
281
- shouldEvaluateBindings: !1
282
- }).component) == null ? void 0 : a.name;
283
- if (!i)
309
+ var o;
310
+ const n = (o = e.component) == null ? void 0 : o.name;
311
+ if (!n)
284
312
  return null;
285
- const o = n[i];
286
- if (o)
287
- return o;
313
+ const i = t[n];
314
+ if (i)
315
+ return i;
288
316
  console.warn(`
289
- Could not find a registered component named "${i}".
317
+ Could not find a registered component named "${n}".
290
318
  If you registered it, is the file that registered it imported by the file that needs to render it?`);
291
- }, lt = ({
319
+ }, ft = ({
292
320
  block: e,
293
321
  context: t
294
322
  }) => {
@@ -298,7 +326,7 @@ const ct = ({
298
326
  } = e;
299
327
  if (!(n != null && n.collection))
300
328
  return;
301
- const o = L({
329
+ const o = O({
302
330
  code: n.collection,
303
331
  localState: t.localState,
304
332
  rootState: t.rootState,
@@ -308,41 +336,41 @@ const ct = ({
308
336
  });
309
337
  if (!Array.isArray(o))
310
338
  return;
311
- const a = n.collection.split(".").pop(), c = n.itemName || (a ? a + "Item" : "item");
312
- return o.map((s, d) => ({
339
+ const a = n.collection.split(".").pop(), r = n.itemName || (a ? a + "Item" : "item");
340
+ return o.map((c, d) => ({
313
341
  context: {
314
342
  ...t,
315
343
  localState: {
316
344
  ...t.localState,
317
345
  $index: d,
318
- $item: s,
319
- [c]: s,
320
- [`$${c}Index`]: d
346
+ $item: c,
347
+ [r]: c,
348
+ [`$${r}Index`]: d
321
349
  }
322
350
  },
323
351
  block: i
324
352
  }));
325
- }, st = (e, t) => {
353
+ }, ht = (e, t) => {
326
354
  var n;
327
355
  return (n = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && n.builderLinkComponent ? {
328
356
  builderLinkComponent: t
329
357
  } : {};
330
- }, dt = (e, t) => {
358
+ }, gt = (e, t) => {
331
359
  var n;
332
360
  return (n = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && n.builderComponents ? {
333
361
  builderComponents: t
334
362
  } : {};
335
- }, ut = (e, t) => {
363
+ }, bt = (e, t) => {
336
364
  var n;
337
365
  return (n = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && n.builderBlock ? {
338
366
  builderBlock: t
339
367
  } : {};
340
- }, mt = (e, t) => {
368
+ }, yt = (e, t) => {
341
369
  var n;
342
370
  return (n = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && n.builderContext ? {
343
371
  builderContext: t
344
372
  } : {};
345
- }, we = {
373
+ }, Te = {
346
374
  small: {
347
375
  min: 320,
348
376
  default: 321,
@@ -358,11 +386,11 @@ const ct = ({
358
386
  default: 991,
359
387
  max: 1200
360
388
  }
361
- }, fe = (e, t = we) => `@media (max-width: ${t[e].max}px)`, Te = ({
389
+ }, fe = (e, t = Te) => `@media (max-width: ${t[e].max}px)`, Re = ({
362
390
  small: e,
363
391
  medium: t
364
392
  }) => {
365
- const n = ie(we);
393
+ const n = oe(Te);
366
394
  if (!e || !t)
367
395
  return n;
368
396
  const i = Math.floor(e / 2);
@@ -395,71 +423,57 @@ function Q(e) {
395
423
  }
396
424
  );
397
425
  }
398
- function ft(e) {
426
+ function pt(e) {
399
427
  const t = function() {
400
- const o = Y({
401
- block: e.block,
402
- localState: e.context.localState,
403
- rootState: e.context.rootState,
404
- rootSetState: e.context.rootSetState,
405
- context: e.context.context,
406
- shouldEvaluateBindings: !0
407
- });
428
+ const o = e.block;
408
429
  return K(o.hide) ? !o.hide : K(o.show) ? o.show : !0;
409
430
  }, n = function() {
410
- var x, y, p;
411
- const o = Y({
412
- block: e.block,
413
- localState: e.context.localState,
414
- rootState: e.context.rootState,
415
- rootSetState: e.context.rootSetState,
416
- context: e.context.context,
417
- shouldEvaluateBindings: !0
418
- }), a = o.responsiveStyles, c = e.context.content, r = Te(
419
- ((x = c == null ? void 0 : c.meta) == null ? void 0 : x.breakpoints) || {}
420
- ), s = a == null ? void 0 : a.large, d = a == null ? void 0 : a.medium, m = a == null ? void 0 : a.small, u = o.id;
421
- if (!u)
431
+ var p, y, C;
432
+ const o = e.block, a = o.responsiveStyles, r = e.context.content, s = Re(
433
+ ((p = r == null ? void 0 : r.meta) == null ? void 0 : p.breakpoints) || {}
434
+ ), c = a == null ? void 0 : a.large, d = a == null ? void 0 : a.medium, u = a == null ? void 0 : a.small, m = o.id;
435
+ if (!m)
422
436
  return "";
423
- const h = s ? U({
424
- className: u,
425
- styles: s
426
- }) : "", I = d ? U({
427
- className: u,
437
+ const f = c ? U({
438
+ className: m,
439
+ styles: c
440
+ }) : "", S = d ? U({
441
+ className: m,
428
442
  styles: d,
429
443
  mediaQuery: fe(
430
444
  "medium",
431
- r
445
+ s
432
446
  )
433
- }) : "", w = m ? U({
434
- className: u,
435
- styles: m,
447
+ }) : "", k = u ? U({
448
+ className: m,
449
+ styles: u,
436
450
  mediaQuery: fe(
437
451
  "small",
438
- r
452
+ s
439
453
  )
440
- }) : "", b = o.animations && o.animations.find((T) => T.trigger === "hover");
441
- let E = "";
442
- if (b) {
443
- const T = ((p = (y = b.steps) == null ? void 0 : y[1]) == null ? void 0 : p.styles) || {};
444
- E = U({
445
- className: `${u}:hover`,
454
+ }) : "", g = o.animations && o.animations.find((E) => E.trigger === "hover");
455
+ let T = "";
456
+ if (g) {
457
+ const E = ((C = (y = g.steps) == null ? void 0 : y[1]) == null ? void 0 : C.styles) || {};
458
+ T = U({
459
+ className: `${m}:hover`,
446
460
  styles: {
447
- ...T,
448
- transition: `all ${b.duration}s ${re(
449
- b.easing
461
+ ...E,
462
+ transition: `all ${g.duration}s ${re(
463
+ g.easing
450
464
  )}`,
451
- transitionDelay: b.delay ? `${b.delay}s` : "0s"
465
+ transitionDelay: g.delay ? `${g.delay}s` : "0s"
452
466
  }
453
467
  }) || "";
454
468
  }
455
469
  return [
456
- h,
457
- I,
458
- w,
459
- E
470
+ f,
471
+ S,
472
+ k,
473
+ T
460
474
  ].join(" ");
461
475
  };
462
- return /* @__PURE__ */ l(C, { children: n() && t() ? /* @__PURE__ */ l(C, { children: /* @__PURE__ */ l(
476
+ return /* @__PURE__ */ l(w, { children: n() && t() ? /* @__PURE__ */ l(w, { children: /* @__PURE__ */ l(
463
477
  Q,
464
478
  {
465
479
  id: "builderio-block",
@@ -468,10 +482,10 @@ function ft(e) {
468
482
  }
469
483
  ) }) : null });
470
484
  }
471
- function ht(e) {
485
+ function vt(e) {
472
486
  return e.charAt(0).toUpperCase() + e.slice(1);
473
487
  }
474
- const gt = (e) => `on${ht(e)}`, bt = (e, t) => (n) => L({
488
+ const xt = (e) => `on${vt(e)}`, St = (e, t) => (n) => O({
475
489
  code: e,
476
490
  context: t.context,
477
491
  localState: t.localState,
@@ -481,33 +495,33 @@ const gt = (e) => `on${ht(e)}`, bt = (e, t) => (n) => L({
481
495
  isExpression: !1,
482
496
  enableCache: !0
483
497
  });
484
- function Re(e) {
498
+ function Ee(e) {
485
499
  var i;
486
500
  const t = {}, n = (i = e.block.actions) != null ? i : {};
487
501
  for (const o in n) {
488
502
  if (!n.hasOwnProperty(o))
489
503
  continue;
490
504
  const a = n[o];
491
- let c = gt(o);
505
+ let r = xt(o);
492
506
  if (e.stripPrefix)
493
- switch (H) {
507
+ switch ($) {
494
508
  case "vue":
495
- c = c.replace("v-on:", "");
509
+ r = r.replace("v-on:", "");
496
510
  break;
497
511
  case "svelte":
498
- c = c.replace("on:", "");
512
+ r = r.replace("on:", "");
499
513
  break;
500
514
  }
501
- t[c] = bt(a, e);
515
+ t[r] = St(a, e);
502
516
  }
503
517
  return t;
504
518
  }
505
- function yt({
519
+ function kt({
506
520
  properties: e
507
521
  }) {
508
522
  return e;
509
523
  }
510
- const xt = (e) => ({
524
+ const Ct = (e) => ({
511
525
  href: e.href
512
526
  });
513
527
  function ce({
@@ -516,22 +530,22 @@ function ce({
516
530
  }) {
517
531
  var i;
518
532
  const n = {
519
- ...xt(e),
533
+ ...Ct(e),
520
534
  ...e.properties,
521
535
  "builder-id": e.id,
522
- style: rt({
536
+ style: ut({
523
537
  block: e,
524
538
  context: t
525
539
  }),
526
- [O()]: [e.id, "builder-block", e.class, (i = e.properties) == null ? void 0 : i.class].filter(Boolean).join(" ")
540
+ [H()]: [e.id, "builder-block", e.class, (i = e.properties) == null ? void 0 : i.class].filter(Boolean).join(" ")
527
541
  };
528
- return yt({
542
+ return kt({
529
543
  properties: n,
530
544
  context: t,
531
545
  block: e
532
546
  });
533
547
  }
534
- function vt(e) {
548
+ function It(e) {
535
549
  return /* @__PURE__ */ l(
536
550
  ae,
537
551
  {
@@ -540,7 +554,7 @@ function vt(e) {
540
554
  block: e.block,
541
555
  context: e.context
542
556
  }),
543
- actionAttributes: Re({
557
+ actionAttributes: Ee({
544
558
  block: e.block,
545
559
  rootState: e.context.rootState,
546
560
  rootSetState: e.context.rootSetState,
@@ -552,14 +566,14 @@ function vt(e) {
552
566
  }
553
567
  );
554
568
  }
555
- function St(e) {
569
+ function wt(e) {
556
570
  function t() {
557
571
  return e.includeBlockProps ? {
558
572
  ...ce({
559
573
  block: e.block,
560
574
  context: e.context
561
575
  }),
562
- ...Re({
576
+ ...Ee({
563
577
  block: e.block,
564
578
  rootState: e.context.rootState,
565
579
  rootSetState: e.context.rootSetState,
@@ -570,16 +584,16 @@ function St(e) {
570
584
  }
571
585
  return /* @__PURE__ */ l(e.Wrapper, { ...e.wrapperProps, attributes: t(), children: e.children });
572
586
  }
573
- const pt = ({
587
+ const Tt = ({
574
588
  componentOptions: e,
575
589
  builderBlock: t,
576
590
  context: n,
577
591
  componentRef: i,
578
592
  includeBlockProps: o,
579
593
  isInteractive: a,
580
- contextValue: c
594
+ contextValue: r
581
595
  }) => {
582
- const r = {
596
+ const s = {
583
597
  ...e,
584
598
  /**
585
599
  * If `noWrap` is set to `true`, then the block's props/attributes are provided to the
@@ -588,7 +602,7 @@ const pt = ({
588
602
  ...o ? {
589
603
  attributes: ce({
590
604
  block: t,
591
- context: c
605
+ context: r
592
606
  })
593
607
  } : {}
594
608
  };
@@ -598,15 +612,15 @@ const pt = ({
598
612
  context: n,
599
613
  wrapperProps: e,
600
614
  includeBlockProps: o
601
- } : r;
615
+ } : s;
602
616
  };
603
617
  function he(e) {
604
618
  var n;
605
- const t = e.isInteractive ? St : e.componentRef;
606
- return /* @__PURE__ */ l(C, { children: e.componentRef ? /* @__PURE__ */ l(C, { children: /* @__PURE__ */ l(
619
+ const t = e.isInteractive ? wt : e.componentRef;
620
+ return /* @__PURE__ */ l(w, { children: e.componentRef ? /* @__PURE__ */ l(w, { children: /* @__PURE__ */ l(
607
621
  t,
608
622
  {
609
- ...pt({
623
+ ...Tt({
610
624
  componentOptions: e.componentOptions,
611
625
  builderBlock: e.builderBlock,
612
626
  context: e.context,
@@ -629,7 +643,7 @@ function he(e) {
629
643
  }
630
644
  ) }) : null });
631
645
  }
632
- function kt(e) {
646
+ function Rt(e) {
633
647
  const t = e.repeatContext;
634
648
  return /* @__PURE__ */ l(
635
649
  G,
@@ -642,21 +656,20 @@ function kt(e) {
642
656
  );
643
657
  }
644
658
  function G(e) {
645
- var s, d, m;
659
+ var d, u, m;
646
660
  const t = function() {
647
- return ct({
648
- block: e.block,
649
- context: e.context,
650
- registeredComponents: e.registeredComponents
651
- });
652
- }, n = function() {
653
- return lt({
661
+ return ft({
654
662
  block: e.block,
655
663
  context: e.context
656
664
  });
665
+ }, n = {
666
+ value: null,
667
+ update: !1
657
668
  }, i = function() {
658
- var h;
659
- return (h = e.block.repeat) != null && h.collection ? e.block : Y({
669
+ var k;
670
+ if (n.value && !n.update && !Se())
671
+ return n.value;
672
+ const S = (k = e.block.repeat) != null && k.collection ? e.block : lt({
660
673
  block: e.block,
661
674
  localState: e.context.localState,
662
675
  rootState: e.context.rootState,
@@ -664,30 +677,36 @@ function G(e) {
664
677
  context: e.context.context,
665
678
  shouldEvaluateBindings: !0
666
679
  });
680
+ return n.value = S, n.update = !1, S;
667
681
  }, o = function() {
668
- var I;
669
- return e.block.tagName === "a" || ((I = i().properties) == null ? void 0 : I.href) || i().href ? e.linkComponent || "a" : e.block.tagName || "div";
682
+ return mt({
683
+ block: i(),
684
+ registeredComponents: e.registeredComponents
685
+ });
670
686
  }, a = function() {
671
- var w, b;
672
- if ((w = e.block.repeat) != null && w.collection)
673
- return !!((b = n()) != null && b.length);
674
- const h = "hide" in i() ? i().hide : !1;
675
- return ("show" in i() ? i().show : !0) && !h;
676
- }, c = function() {
677
- var I, w;
678
- return !((I = t()) != null && I.component) && !n() ? (w = i().children) != null ? w : [] : [];
687
+ var k;
688
+ return e.block.tagName === "a" || ((k = i().properties) == null ? void 0 : k.href) || i().href ? e.linkComponent || "a" : e.block.tagName || "div";
679
689
  }, r = function() {
680
- var h, I, w, b;
690
+ var g, T;
691
+ if ((g = e.block.repeat) != null && g.collection)
692
+ return !!((T = t()) != null && T.length);
693
+ const S = "hide" in i() ? i().hide : !1;
694
+ return ("show" in i() ? i().show : !0) && !S;
695
+ }, s = function() {
696
+ var k, g;
697
+ return !((k = o()) != null && k.component) && !t() ? (g = i().children) != null ? g : [] : [];
698
+ }, c = function() {
699
+ var S, k, g, T;
681
700
  return {
682
- blockChildren: (h = i().children) != null ? h : [],
683
- componentRef: (I = t()) == null ? void 0 : I.component,
701
+ blockChildren: (S = i().children) != null ? S : [],
702
+ componentRef: (k = o()) == null ? void 0 : k.component,
684
703
  componentOptions: {
685
704
  ...Xe(i()),
686
- ...ut(t(), i()),
687
- ...mt(t(), e.context),
688
- ...st(t(), e.linkComponent),
689
- ...dt(
690
- t(),
705
+ ...bt(o(), i()),
706
+ ...yt(o(), e.context),
707
+ ...ht(o(), e.linkComponent),
708
+ ...gt(
709
+ o(),
691
710
  e.registeredComponents
692
711
  )
693
712
  },
@@ -695,78 +714,79 @@ function G(e) {
695
714
  linkComponent: e.linkComponent,
696
715
  registeredComponents: e.registeredComponents,
697
716
  builderBlock: i(),
698
- includeBlockProps: ((w = t()) == null ? void 0 : w.noWrap) === !0,
699
- isInteractive: !((b = t()) != null && b.isRSC)
717
+ includeBlockProps: ((g = o()) == null ? void 0 : g.noWrap) === !0,
718
+ isInteractive: !((T = o()) != null && T.isRSC && $ === "rsc")
700
719
  };
701
720
  };
702
- return /* @__PURE__ */ l(C, { children: a() ? /* @__PURE__ */ P(C, { children: [
703
- /* @__PURE__ */ l(ft, { block: e.block, context: e.context }),
704
- (s = t()) != null && s.noWrap ? /* @__PURE__ */ l(C, { children: /* @__PURE__ */ l(
721
+ return /* @__PURE__ */ l(w, { children: r() ? /* @__PURE__ */ P(w, { children: [
722
+ /* @__PURE__ */ l(pt, { block: i(), context: e.context }),
723
+ (d = o()) != null && d.noWrap ? /* @__PURE__ */ l(w, { children: /* @__PURE__ */ l(
705
724
  he,
706
725
  {
707
- componentRef: r().componentRef,
708
- componentOptions: r().componentOptions,
709
- blockChildren: r().blockChildren,
710
- context: r().context,
711
- registeredComponents: r().registeredComponents,
712
- linkComponent: r().linkComponent,
713
- builderBlock: r().builderBlock,
714
- includeBlockProps: r().includeBlockProps,
715
- isInteractive: r().isInteractive
726
+ componentRef: c().componentRef,
727
+ componentOptions: c().componentOptions,
728
+ blockChildren: c().blockChildren,
729
+ context: c().context,
730
+ registeredComponents: c().registeredComponents,
731
+ linkComponent: c().linkComponent,
732
+ builderBlock: c().builderBlock,
733
+ includeBlockProps: c().includeBlockProps,
734
+ isInteractive: c().isInteractive
716
735
  }
717
- ) }) : /* @__PURE__ */ l(C, { children: n() ? /* @__PURE__ */ l(C, { children: (m = n()) == null ? void 0 : m.map((u, h) => /* @__PURE__ */ l(
718
- kt,
736
+ ) }) : /* @__PURE__ */ l(w, { children: t() ? /* @__PURE__ */ l(w, { children: (m = t()) == null ? void 0 : m.map((f, S) => /* @__PURE__ */ l(
737
+ Rt,
719
738
  {
720
- repeatContext: u.context,
721
- block: u.block,
739
+ repeatContext: f.context,
740
+ block: f.block,
722
741
  registeredComponents: e.registeredComponents,
723
742
  linkComponent: e.linkComponent
724
743
  },
725
- h
744
+ S
726
745
  )) }) : /* @__PURE__ */ P(
727
- vt,
746
+ It,
728
747
  {
729
- Wrapper: o(),
748
+ Wrapper: a(),
730
749
  block: i(),
731
750
  context: e.context,
732
751
  children: [
733
752
  /* @__PURE__ */ l(
734
753
  he,
735
754
  {
736
- componentRef: r().componentRef,
737
- componentOptions: r().componentOptions,
738
- blockChildren: r().blockChildren,
739
- context: r().context,
740
- registeredComponents: r().registeredComponents,
741
- linkComponent: r().linkComponent,
742
- builderBlock: r().builderBlock,
743
- includeBlockProps: r().includeBlockProps,
744
- isInteractive: r().isInteractive
755
+ componentRef: c().componentRef,
756
+ componentOptions: c().componentOptions,
757
+ blockChildren: c().blockChildren,
758
+ context: c().context,
759
+ registeredComponents: c().registeredComponents,
760
+ linkComponent: c().linkComponent,
761
+ builderBlock: c().builderBlock,
762
+ includeBlockProps: c().includeBlockProps,
763
+ isInteractive: c().isInteractive
745
764
  }
746
765
  ),
747
- (d = c()) == null ? void 0 : d.map((u) => /* @__PURE__ */ l(
766
+ (u = s()) == null ? void 0 : u.map((f) => /* @__PURE__ */ l(
748
767
  G,
749
768
  {
750
- block: u,
769
+ block: f,
751
770
  registeredComponents: e.registeredComponents,
752
771
  linkComponent: e.linkComponent,
753
772
  context: e.context
754
773
  },
755
- u.id
774
+ f.id
756
775
  ))
757
776
  ]
758
777
  }
759
778
  ) })
760
779
  ] }) : null });
761
780
  }
762
- function Ct(e) {
763
- function t() {
764
- var o;
765
- return "builder-blocks" + ((o = e.blocks) != null && o.length ? "" : " no-blocks");
766
- }
781
+ function Et(e) {
782
+ const t = J(null);
767
783
  function n() {
768
- var o, a;
769
- V() && !((o = e.blocks) != null && o.length) && ((a = window.parent) == null || a.postMessage(
784
+ var a;
785
+ return "builder-blocks" + ((a = e.blocks) != null && a.length ? "" : " no-blocks");
786
+ }
787
+ function i() {
788
+ var a, r;
789
+ V() && !((a = e.blocks) != null && a.length) && ((r = window.parent) == null || r.postMessage(
770
790
  {
771
791
  type: "builder.clickEmptyBlocks",
772
792
  data: {
@@ -777,9 +797,9 @@ function Ct(e) {
777
797
  "*"
778
798
  ));
779
799
  }
780
- function i() {
781
- var o, a;
782
- V() && !((o = e.blocks) != null && o.length) && ((a = window.parent) == null || a.postMessage(
800
+ function o() {
801
+ var a, r;
802
+ V() && !((a = e.blocks) != null && a.length) && ((r = window.parent) == null || r.postMessage(
783
803
  {
784
804
  type: "builder.hoverEmptyBlocks",
785
805
  data: {
@@ -790,22 +810,24 @@ function Ct(e) {
790
810
  "*"
791
811
  ));
792
812
  }
793
- return /* @__PURE__ */ P(C, { children: [
813
+ return R(() => {
814
+ }, []), /* @__PURE__ */ P(w, { children: [
794
815
  /* @__PURE__ */ l(
795
816
  e.BlocksWrapper,
796
817
  {
797
- className: t() + " props-blocks-wrapper-7cd1560e",
818
+ ref: t,
819
+ className: n() + " props-blocks-wrapper-51ef31b4",
798
820
  "builder-path": e.path,
799
821
  "builder-parent-id": e.parent,
800
822
  style: e.styleProp,
801
- onClick: (o) => n(),
802
- onMouseEnter: (o) => i(),
803
- onKeyPress: (o) => n(),
823
+ onClick: (a) => i(),
824
+ onMouseEnter: (a) => o(),
825
+ onKeyPress: (a) => i(),
804
826
  ...e.BlocksWrapperProps,
805
827
  children: e.children
806
828
  }
807
829
  ),
808
- /* @__PURE__ */ l("style", { children: `.props-blocks-wrapper-7cd1560e {
830
+ /* @__PURE__ */ l("style", { children: `.props-blocks-wrapper-51ef31b4 {
809
831
  display: flex;
810
832
  flex-direction: column;
811
833
  align-items: stretch;
@@ -815,7 +837,7 @@ function Ct(e) {
815
837
  function le(e) {
816
838
  var t, n, i;
817
839
  return /* @__PURE__ */ l(
818
- Ct,
840
+ Et,
819
841
  {
820
842
  blocks: e.blocks,
821
843
  parent: e.parent,
@@ -823,7 +845,7 @@ function le(e) {
823
845
  styleProp: e.styleProp,
824
846
  BlocksWrapper: (t = e.context) == null ? void 0 : t.BlocksWrapper,
825
847
  BlocksWrapperProps: (n = e.context) == null ? void 0 : n.BlocksWrapperProps,
826
- children: e.blocks ? /* @__PURE__ */ l(C, { children: (i = e.blocks) == null ? void 0 : i.map((o) => /* @__PURE__ */ l(
848
+ children: e.blocks ? /* @__PURE__ */ l(w, { children: (i = e.blocks) == null ? void 0 : i.map((o) => /* @__PURE__ */ l(
827
849
  G,
828
850
  {
829
851
  block: o,
@@ -836,71 +858,71 @@ function le(e) {
836
858
  }
837
859
  );
838
860
  }
839
- const It = (e) => `builder-columns ${e}-breakpoints`;
840
- function wt(e) {
841
- var b, E;
861
+ const Pt = (e) => `builder-columns ${e}-breakpoints`;
862
+ function Bt(e) {
863
+ var g, T;
842
864
  const t = typeof e.space == "number" ? e.space || 0 : 20, n = e.columns || [], i = e.stackColumnsAt || "tablet", o = function(y) {
843
865
  return y.link ? e.builderLinkComponent || "a" : "div";
844
866
  }, a = function(y) {
845
- var p;
846
- return ((p = n[y]) == null ? void 0 : p.width) || 100 / n.length;
847
- }, c = function(y) {
848
- const p = a(y), T = t * (n.length - 1) * (p / 100);
849
- return `calc(${p}% - ${T}px)`;
850
- }, r = function({
867
+ var C;
868
+ return ((C = n[y]) == null ? void 0 : C.width) || 100 / n.length;
869
+ }, r = function(y) {
870
+ const C = a(y), E = t * (n.length - 1) * (C / 100);
871
+ return `calc(${C}% - ${E}px)`;
872
+ }, s = function({
851
873
  stackedStyle: y,
852
- desktopStyle: p
874
+ desktopStyle: C
853
875
  }) {
854
- return i === "tablet" ? y : p;
855
- }, s = function({
876
+ return i === "tablet" ? y : C;
877
+ }, c = function({
856
878
  stackedStyle: y,
857
- desktopStyle: p
879
+ desktopStyle: C
858
880
  }) {
859
- return i === "never" ? p : y;
860
- }, d = e.stackColumnsAt === "never" ? "row" : e.reverseColumnsWhenStacked ? "column-reverse" : "column", m = function() {
881
+ return i === "never" ? C : y;
882
+ }, d = e.stackColumnsAt === "never" ? "row" : e.reverseColumnsWhenStacked ? "column-reverse" : "column", u = function() {
861
883
  return {
862
884
  "--flex-dir": d,
863
- "--flex-dir-tablet": r({
885
+ "--flex-dir-tablet": s({
864
886
  stackedStyle: d,
865
887
  desktopStyle: "row"
866
888
  })
867
889
  };
868
- }, u = function(y) {
869
- const p = y === 0 ? 0 : t, T = c(y), W = `${p}px`, D = "100%", j = 0;
890
+ }, m = function(y) {
891
+ const C = y === 0 ? 0 : t, E = r(y), W = `${C}px`, D = "100%", _ = 0;
870
892
  return {
871
893
  ...{
872
894
  display: "flex",
873
895
  flexDirection: "column",
874
896
  alignItems: "stretch"
875
897
  },
876
- width: T,
898
+ width: E,
877
899
  ["marginLeft"]: W,
878
- "--column-width-mobile": s({
900
+ "--column-width-mobile": c({
879
901
  stackedStyle: D,
880
- desktopStyle: T
902
+ desktopStyle: E
881
903
  }),
882
- "--column-margin-left-mobile": s({
883
- stackedStyle: j,
904
+ "--column-margin-left-mobile": c({
905
+ stackedStyle: _,
884
906
  desktopStyle: W
885
907
  }),
886
- "--column-width-tablet": r({
908
+ "--column-width-tablet": s({
887
909
  stackedStyle: D,
888
- desktopStyle: T
910
+ desktopStyle: E
889
911
  }),
890
- "--column-margin-left-tablet": r({
891
- stackedStyle: j,
912
+ "--column-margin-left-tablet": s({
913
+ stackedStyle: _,
892
914
  desktopStyle: W
893
915
  })
894
916
  };
895
- }, h = function(y) {
896
- var T, W;
897
- return Te(
898
- ((W = (T = e.builderContext.content) == null ? void 0 : T.meta) == null ? void 0 : W.breakpoints) || {}
917
+ }, f = function(y) {
918
+ var E, W;
919
+ return Re(
920
+ ((W = (E = e.builderContext.content) == null ? void 0 : E.meta) == null ? void 0 : W.breakpoints) || {}
899
921
  )[y].max;
900
- }, I = function() {
922
+ }, S = function() {
901
923
  const y = `.${e.builderBlock.id}-breakpoints > .builder-column`;
902
924
  return `
903
- @media (max-width: ${h("medium")}px) {
925
+ @media (max-width: ${f("medium")}px) {
904
926
  .${e.builderBlock.id}-breakpoints {
905
927
  flex-direction: var(--flex-dir-tablet);
906
928
  align-items: stretch;
@@ -912,7 +934,7 @@ function wt(e) {
912
934
  }
913
935
  }
914
936
 
915
- @media (max-width: ${h("small")}px) {
937
+ @media (max-width: ${f("small")}px) {
916
938
  .${e.builderBlock.id}-breakpoints {
917
939
  flex-direction: var(--flex-dir);
918
940
  align-items: stretch;
@@ -924,36 +946,36 @@ function wt(e) {
924
946
  }
925
947
  },
926
948
  `;
927
- }, w = function(y, p) {
949
+ }, k = function(y, C) {
928
950
  return {
929
951
  ...y.link ? {
930
952
  href: y.link
931
953
  } : {},
932
- [O()]: "builder-column",
933
- style: Ie(u(p))
954
+ [H()]: "builder-column",
955
+ style: we(m(C))
934
956
  };
935
957
  };
936
- return /* @__PURE__ */ P(C, { children: [
958
+ return /* @__PURE__ */ P(w, { children: [
937
959
  /* @__PURE__ */ P(
938
960
  "div",
939
961
  {
940
- className: It((b = e.builderBlock) == null ? void 0 : b.id) + " div-2cd13691",
941
- style: m(),
962
+ className: Pt((g = e.builderBlock) == null ? void 0 : g.id) + " div-2cd13691",
963
+ style: u(),
942
964
  children: [
943
965
  /* @__PURE__ */ l(
944
966
  Q,
945
967
  {
946
968
  id: "builderio-columns",
947
- styles: I(),
969
+ styles: S(),
948
970
  nonce: e.builderContext.nonce
949
971
  }
950
972
  ),
951
- (E = e.columns) == null ? void 0 : E.map((x, y) => /* @__PURE__ */ l(
973
+ (T = e.columns) == null ? void 0 : T.map((p, y) => /* @__PURE__ */ l(
952
974
  ae,
953
975
  {
954
- TagName: o(x),
976
+ TagName: o(p),
955
977
  actionAttributes: {},
956
- attributes: w(x, y),
978
+ attributes: k(p, y),
957
979
  children: /* @__PURE__ */ l(
958
980
  le,
959
981
  {
@@ -965,7 +987,7 @@ function wt(e) {
965
987
  context: e.builderContext,
966
988
  registeredComponents: e.builderComponents,
967
989
  linkComponent: e.builderLinkComponent,
968
- blocks: x.blocks
990
+ blocks: p.blocks
969
991
  }
970
992
  )
971
993
  },
@@ -980,17 +1002,17 @@ function wt(e) {
980
1002
  }` })
981
1003
  ] });
982
1004
  }
983
- function Tt(e) {
1005
+ function Wt(e) {
984
1006
  return /* @__PURE__ */ l("span", { children: e.children });
985
1007
  }
986
1008
  function ge(e) {
987
1009
  return e.replace(/http(s)?:/, "");
988
1010
  }
989
- function Rt(e = "", t, n) {
1011
+ function At(e = "", t, n) {
990
1012
  const i = new RegExp("([?&])" + t + "=.*?(&|$)", "i"), o = e.indexOf("?") !== -1 ? "&" : "?";
991
1013
  return e.match(i) ? e.replace(i, "$1" + t + "=" + encodeURIComponent(n) + "$2") : e + o + t + "=" + encodeURIComponent(n);
992
1014
  }
993
- function Pt(e, t) {
1015
+ function Nt(e, t) {
994
1016
  if (!e || !(e != null && e.match(/cdn\.shopify\.com/)) || !t)
995
1017
  return e;
996
1018
  if (t === "master")
@@ -1009,45 +1031,45 @@ function te(e) {
1009
1031
  if (e.match(/builder\.io/)) {
1010
1032
  let n = e;
1011
1033
  const i = Number(e.split("?width=")[1]);
1012
- return isNaN(i) || (n = `${n} ${i}w`), t.filter((o) => o !== i).map((o) => `${Rt(e, "width", o)} ${o}w`).concat([n]).join(", ");
1034
+ return isNaN(i) || (n = `${n} ${i}w`), t.filter((o) => o !== i).map((o) => `${At(e, "width", o)} ${o}w`).concat([n]).join(", ");
1013
1035
  }
1014
- return e.match(/cdn\.shopify\.com/) ? t.map((n) => [Pt(e, `${n}x${n}`), n]).filter(([n]) => !!n).map(([n, i]) => `${n} ${i}w`).concat([e]).join(", ") : e;
1036
+ return e.match(/cdn\.shopify\.com/) ? t.map((n) => [Nt(e, `${n}x${n}`), n]).filter(([n]) => !!n).map(([n, i]) => `${n} ${i}w`).concat([e]).join(", ") : e;
1015
1037
  }
1016
- function Et(e) {
1017
- var o, a, c, r, s, d;
1038
+ function Vt(e) {
1039
+ var o, a, r, s, c, d;
1018
1040
  function t() {
1019
- var h;
1020
- const u = e.image || e.src;
1021
- if (!u || // We can auto add srcset for cdn.builder.io and shopify
1041
+ var f;
1042
+ const m = e.image || e.src;
1043
+ if (!m || // We can auto add srcset for cdn.builder.io and shopify
1022
1044
  // images, otherwise you can supply this prop manually
1023
- !(u.match(/builder\.io/) || u.match(/cdn\.shopify\.com/)))
1045
+ !(m.match(/builder\.io/) || m.match(/cdn\.shopify\.com/)))
1024
1046
  return e.srcset;
1025
1047
  if (!e.noWebp) {
1026
- if (e.srcset && ((h = e.image) != null && h.includes("builder.io/api/v1/image"))) {
1048
+ if (e.srcset && ((f = e.image) != null && f.includes("builder.io/api/v1/image"))) {
1027
1049
  if (!e.srcset.includes(e.image.split("?")[0]))
1028
- return console.debug("Removed given srcset"), te(u);
1050
+ return console.debug("Removed given srcset"), te(m);
1029
1051
  } else if (e.image && !e.srcset)
1030
- return te(u);
1031
- return te(u);
1052
+ return te(m);
1053
+ return te(m);
1032
1054
  }
1033
1055
  }
1034
1056
  function n() {
1035
- var m;
1036
- return (m = t == null ? void 0 : t()) != null && m.match(/builder\.io/) && !e.noWebp ? t().replace(/\?/g, "?format=webp&") : "";
1057
+ var u;
1058
+ return (u = t == null ? void 0 : t()) != null && u.match(/builder\.io/) && !e.noWebp ? t().replace(/\?/g, "?format=webp&") : "";
1037
1059
  }
1038
1060
  function i() {
1039
- const m = {
1061
+ const u = {
1040
1062
  position: "absolute",
1041
1063
  height: "100%",
1042
1064
  width: "100%",
1043
1065
  left: "0px",
1044
1066
  top: "0px"
1045
1067
  };
1046
- return e.aspectRatio ? m : void 0;
1068
+ return e.aspectRatio ? u : void 0;
1047
1069
  }
1048
1070
  return R(() => {
1049
- }, []), /* @__PURE__ */ P(C, { children: [
1050
- /* @__PURE__ */ P(C, { children: [
1071
+ }, []), /* @__PURE__ */ P(w, { children: [
1072
+ /* @__PURE__ */ P(w, { children: [
1051
1073
  /* @__PURE__ */ P("picture", { children: [
1052
1074
  n() ? /* @__PURE__ */ l("source", { type: "image/webp", srcSet: n() }) : null,
1053
1075
  /* @__PURE__ */ l(
@@ -1078,8 +1100,8 @@ function Et(e) {
1078
1100
  }
1079
1101
  }
1080
1102
  ) : null,
1081
- (r = (c = e.builderBlock) == null ? void 0 : c.children) != null && r.length && e.fitContent ? /* @__PURE__ */ l(C, { children: e.children }) : null,
1082
- !e.fitContent && ((d = (s = e.builderBlock) == null ? void 0 : s.children) != null && d.length) ? /* @__PURE__ */ l("div", { className: "div-2d6925f2-2", children: e.children }) : null
1103
+ (s = (r = e.builderBlock) == null ? void 0 : r.children) != null && s.length && e.fitContent ? /* @__PURE__ */ l(w, { children: e.children }) : null,
1104
+ !e.fitContent && ((d = (c = e.builderBlock) == null ? void 0 : c.children) != null && d.length) ? /* @__PURE__ */ l("div", { className: "div-2d6925f2-2", children: e.children }) : null
1083
1105
  ] }),
1084
1106
  /* @__PURE__ */ l("style", { children: `.img-2d6925f2 {
1085
1107
  opacity: 1;
@@ -1100,7 +1122,7 @@ function Et(e) {
1100
1122
  }` })
1101
1123
  ] });
1102
1124
  }
1103
- function Bt(e) {
1125
+ function $t(e) {
1104
1126
  return /* @__PURE__ */ l(
1105
1127
  "section",
1106
1128
  {
@@ -1121,7 +1143,7 @@ function Bt(e) {
1121
1143
  }
1122
1144
  );
1123
1145
  }
1124
- const Wt = {
1146
+ const Ft = {
1125
1147
  name: "Core:Button",
1126
1148
  image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
1127
1149
  defaultStyles: {
@@ -1157,7 +1179,7 @@ const Wt = {
1157
1179
  shouldReceiveBuilderProps: {
1158
1180
  builderLinkComponent: !0
1159
1181
  }
1160
- }, Nt = {
1182
+ }, Lt = {
1161
1183
  // TODO: ways to statically preprocess JSON for references, functions, etc
1162
1184
  name: "Columns",
1163
1185
  isRSC: !0,
@@ -1336,7 +1358,7 @@ const Wt = {
1336
1358
  });
1337
1359
  }
1338
1360
  const n = e.get("columns");
1339
- Array.isArray(n) && n.find((o) => o.get("width")) && (n.find((a) => !a.get("width")) || n.reduce((r, s) => r + s.get("width"), 0) !== 100) && t();
1361
+ Array.isArray(n) && n.find((o) => o.get("width")) && (n.find((a) => !a.get("width")) || n.reduce((s, c) => s + c.get("width"), 0) !== 100) && t();
1340
1362
  }
1341
1363
  }, {
1342
1364
  name: "space",
@@ -1364,13 +1386,13 @@ const Wt = {
1364
1386
  builderComponents: !0,
1365
1387
  builderLinkComponent: !0
1366
1388
  }
1367
- }, At = {
1389
+ }, Ot = {
1368
1390
  name: "Fragment",
1369
1391
  static: !0,
1370
1392
  hidden: !0,
1371
1393
  canHaveChildren: !0,
1372
1394
  noWrap: !0
1373
- }, Vt = {
1395
+ }, Dt = {
1374
1396
  name: "Image",
1375
1397
  static: !0,
1376
1398
  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",
@@ -1390,29 +1412,29 @@ const Wt = {
1390
1412
  defaultValue: "https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F72c80f114dc149019051b6852a9e3b7a",
1391
1413
  onChange: (e) => {
1392
1414
  e.delete("srcset"), e.delete("noWebp");
1393
- function n(c, r = 6e4) {
1394
- return new Promise((s, d) => {
1395
- const m = document.createElement("img");
1396
- let u = !1;
1397
- m.onload = () => {
1398
- u = !0, s(m);
1399
- }, m.addEventListener("error", (h) => {
1400
- console.warn("Image load failed", h.error), d(h.error);
1401
- }), m.src = c, setTimeout(() => {
1402
- u || d(new Error("Image load timed out"));
1403
- }, r);
1415
+ function n(r, s = 6e4) {
1416
+ return new Promise((c, d) => {
1417
+ const u = document.createElement("img");
1418
+ let m = !1;
1419
+ u.onload = () => {
1420
+ m = !0, c(u);
1421
+ }, u.addEventListener("error", (f) => {
1422
+ console.warn("Image load failed", f.error), d(f.error);
1423
+ }), u.src = r, setTimeout(() => {
1424
+ m || d(new Error("Image load timed out"));
1425
+ }, s);
1404
1426
  });
1405
1427
  }
1406
- function i(c) {
1407
- return Math.round(c * 1e3) / 1e3;
1428
+ function i(r) {
1429
+ return Math.round(r * 1e3) / 1e3;
1408
1430
  }
1409
1431
  const o = e.get("image"), a = e.get("aspectRatio");
1410
- if (fetch(o).then((c) => c.blob()).then((c) => {
1411
- c.type.includes("svg") && e.set("noWebp", !0);
1432
+ if (fetch(o).then((r) => r.blob()).then((r) => {
1433
+ r.type.includes("svg") && e.set("noWebp", !0);
1412
1434
  }), o && (!a || a === 0.7041))
1413
- return n(o).then((c) => {
1414
- const r = e.get("aspectRatio");
1415
- e.get("image") === o && (!r || r === 0.7041) && c.width && c.height && (e.set("aspectRatio", i(c.height / c.width)), e.set("height", c.height), e.set("width", c.width));
1435
+ return n(o).then((r) => {
1436
+ const s = e.get("aspectRatio");
1437
+ e.get("image") === o && (!s || s === 0.7041) && r.width && r.height && (e.set("aspectRatio", i(r.height / r.width)), e.set("height", r.height), e.set("width", r.width));
1416
1438
  });
1417
1439
  }
1418
1440
  }, {
@@ -1478,7 +1500,7 @@ const Wt = {
1478
1500
  shouldReceiveBuilderProps: {
1479
1501
  builderBlock: !0
1480
1502
  }
1481
- }, $t = {
1503
+ }, _t = {
1482
1504
  name: "Core:Section",
1483
1505
  static: !0,
1484
1506
  image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",
@@ -1517,7 +1539,7 @@ const Wt = {
1517
1539
  }
1518
1540
  }
1519
1541
  }]
1520
- }, Ft = {
1542
+ }, Ht = {
1521
1543
  name: "Slot",
1522
1544
  isRSC: !0,
1523
1545
  description: "Allow child blocks to be inserted into this content when used as a Symbol",
@@ -1534,7 +1556,7 @@ const Wt = {
1534
1556
  builderContext: !0
1535
1557
  }
1536
1558
  };
1537
- function Lt(e) {
1559
+ function jt(e) {
1538
1560
  var t, n, i;
1539
1561
  return /* @__PURE__ */ l(
1540
1562
  "div",
@@ -1557,7 +1579,7 @@ function Lt(e) {
1557
1579
  }
1558
1580
  );
1559
1581
  }
1560
- const Dt = {
1582
+ const Ut = {
1561
1583
  name: "Symbol",
1562
1584
  noWrap: !0,
1563
1585
  static: !0,
@@ -1596,7 +1618,7 @@ const Dt = {
1596
1618
  builderComponents: !0,
1597
1619
  builderLinkComponent: !0
1598
1620
  }
1599
- }, jt = {
1621
+ }, Mt = {
1600
1622
  shouldReceiveBuilderProps: {
1601
1623
  builderBlock: !1,
1602
1624
  builderContext: !0
@@ -1619,27 +1641,27 @@ const Dt = {
1619
1641
  textAlign: "center"
1620
1642
  }
1621
1643
  };
1622
- function Ot(e) {
1644
+ function Kt(e) {
1623
1645
  return /* @__PURE__ */ l(
1624
1646
  "div",
1625
1647
  {
1626
1648
  className: "builder-text",
1627
1649
  dangerouslySetInnerHTML: { __html: function() {
1628
- var s;
1650
+ var c;
1629
1651
  const i = e.builderContext, {
1630
1652
  context: o,
1631
1653
  localState: a,
1632
- rootState: c,
1633
- rootSetState: r
1654
+ rootState: r,
1655
+ rootSetState: s
1634
1656
  } = i;
1635
- return String(((s = e.text) == null ? void 0 : s.toString()) || "").replace(
1657
+ return String(((c = e.text) == null ? void 0 : c.toString()) || "").replace(
1636
1658
  /{{([^}]+)}}/g,
1637
- (d, m) => L({
1638
- code: m,
1659
+ (d, u) => O({
1660
+ code: u,
1639
1661
  context: o,
1640
1662
  localState: a,
1641
- rootState: c,
1642
- rootSetState: r,
1663
+ rootState: r,
1664
+ rootSetState: s,
1643
1665
  enableCache: !1
1644
1666
  })
1645
1667
  );
@@ -1650,7 +1672,7 @@ function Ot(e) {
1650
1672
  }
1651
1673
  );
1652
1674
  }
1653
- const Ht = {
1675
+ const zt = {
1654
1676
  name: "Custom Code",
1655
1677
  static: !0,
1656
1678
  requiredPermissions: ["editCode"],
@@ -1673,21 +1695,21 @@ const Ht = {
1673
1695
  advanced: !0
1674
1696
  }]
1675
1697
  };
1676
- function Mt(e) {
1677
- const t = oe(null), [n, i] = A(() => []), [o, a] = A(() => []);
1698
+ function qt(e) {
1699
+ const t = J(null), [n, i] = N(() => []), [o, a] = N(() => []);
1678
1700
  return R(() => {
1679
- var r;
1680
- if (!((r = t.current) != null && r.getElementsByTagName) || typeof window == "undefined")
1701
+ var s;
1702
+ if (!((s = t.current) != null && s.getElementsByTagName) || typeof window == "undefined")
1681
1703
  return;
1682
- const c = t.current.getElementsByTagName("script");
1683
- for (let s = 0; s < c.length; s++) {
1684
- const d = c[s];
1704
+ const r = t.current.getElementsByTagName("script");
1705
+ for (let c = 0; c < r.length; c++) {
1706
+ const d = r[c];
1685
1707
  if (d.src) {
1686
1708
  if (n.includes(d.src))
1687
1709
  continue;
1688
1710
  n.push(d.src);
1689
- const m = document.createElement("script");
1690
- m.async = !0, m.src = d.src, document.head.appendChild(m);
1711
+ const u = document.createElement("script");
1712
+ u.async = !0, u.src = d.src, document.head.appendChild(u);
1691
1713
  } else if (!d.type || [
1692
1714
  "text/javascript",
1693
1715
  "application/javascript",
@@ -1697,8 +1719,8 @@ function Mt(e) {
1697
1719
  continue;
1698
1720
  try {
1699
1721
  o.push(d.innerText), new Function(d.innerText)();
1700
- } catch (m) {
1701
- console.warn("`CustomCode`: Error running script:", m);
1722
+ } catch (u) {
1723
+ console.warn("`CustomCode`: Error running script:", u);
1702
1724
  }
1703
1725
  }
1704
1726
  }
@@ -1711,7 +1733,7 @@ function Mt(e) {
1711
1733
  }
1712
1734
  );
1713
1735
  }
1714
- const Ut = {
1736
+ const Yt = {
1715
1737
  name: "Embed",
1716
1738
  static: !0,
1717
1739
  inputs: [{
@@ -1726,30 +1748,30 @@ const Ut = {
1726
1748
  defaultValue: '<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',
1727
1749
  hideFromUI: !0
1728
1750
  }]
1729
- }, _t = ["text/javascript", "application/javascript", "application/ecmascript"], Kt = (e) => _t.includes(e.type);
1730
- function zt(e) {
1731
- const t = oe(null), [n, i] = A(() => []), [o, a] = A(() => []), [c, r] = A(() => !1);
1732
- function s() {
1751
+ }, Jt = ["text/javascript", "application/javascript", "application/ecmascript"], Qt = (e) => Jt.includes(e.type);
1752
+ function Gt(e) {
1753
+ const t = J(null), [n, i] = N(() => []), [o, a] = N(() => []), [r, s] = N(() => !1);
1754
+ function c() {
1733
1755
  if (!t.current || !t.current.getElementsByTagName)
1734
1756
  return;
1735
1757
  const d = t.current.getElementsByTagName("script");
1736
- for (let m = 0; m < d.length; m++) {
1737
- const u = d[m];
1738
- if (u.src && !n.includes(u.src)) {
1739
- n.push(u.src);
1740
- const h = document.createElement("script");
1741
- h.async = !0, h.src = u.src, document.head.appendChild(h);
1742
- } else if (Kt(u) && !o.includes(u.innerText))
1758
+ for (let u = 0; u < d.length; u++) {
1759
+ const m = d[u];
1760
+ if (m.src && !n.includes(m.src)) {
1761
+ n.push(m.src);
1762
+ const f = document.createElement("script");
1763
+ f.async = !0, f.src = m.src, document.head.appendChild(f);
1764
+ } else if (Qt(m) && !o.includes(m.innerText))
1743
1765
  try {
1744
- o.push(u.innerText), new Function(u.innerText)();
1745
- } catch (h) {
1746
- console.warn("`Embed`: Error running script:", h);
1766
+ o.push(m.innerText), new Function(m.innerText)();
1767
+ } catch (f) {
1768
+ console.warn("`Embed`: Error running script:", f);
1747
1769
  }
1748
1770
  }
1749
1771
  }
1750
1772
  return R(() => {
1751
- t.current && !c && (r(!0), s());
1752
- }, [t.current, c]), /* @__PURE__ */ l(
1773
+ t.current && !r && (s(!0), c());
1774
+ }, [t.current, r]), /* @__PURE__ */ l(
1753
1775
  "div",
1754
1776
  {
1755
1777
  className: "builder-embed",
@@ -1758,7 +1780,7 @@ function zt(e) {
1758
1780
  }
1759
1781
  );
1760
1782
  }
1761
- const qt = {
1783
+ const Xt = {
1762
1784
  // friendlyName?
1763
1785
  name: "Raw:Img",
1764
1786
  hideFromInsertMenu: !0,
@@ -1773,7 +1795,7 @@ const qt = {
1773
1795
  noWrap: !0,
1774
1796
  static: !0
1775
1797
  };
1776
- function Yt(e) {
1798
+ function Zt(e) {
1777
1799
  return /* @__PURE__ */ l(
1778
1800
  "img",
1779
1801
  {
@@ -1788,7 +1810,7 @@ function Yt(e) {
1788
1810
  V() && e.imgSrc || "default-key"
1789
1811
  );
1790
1812
  }
1791
- const Jt = {
1813
+ const en = {
1792
1814
  name: "Video",
1793
1815
  canHaveChildren: !0,
1794
1816
  defaultStyles: {
@@ -1873,8 +1895,8 @@ const Jt = {
1873
1895
  builderBlock: !0
1874
1896
  }
1875
1897
  };
1876
- function Qt(e) {
1877
- var i, o, a, c, r, s, d;
1898
+ function tn(e) {
1899
+ var i, o, a, r, s, c, d;
1878
1900
  function t() {
1879
1901
  return {
1880
1902
  ...e.autoPlay === !0 ? {
@@ -1942,7 +1964,7 @@ function Qt(e) {
1942
1964
  }
1943
1965
  }
1944
1966
  ) : null,
1945
- (r = (c = e.builderBlock) == null ? void 0 : c.children) != null && r.length && e.fitContent ? /* @__PURE__ */ l(
1967
+ (s = (r = e.builderBlock) == null ? void 0 : r.children) != null && s.length && e.fitContent ? /* @__PURE__ */ l(
1946
1968
  "div",
1947
1969
  {
1948
1970
  style: {
@@ -1953,7 +1975,7 @@ function Qt(e) {
1953
1975
  children: e.children
1954
1976
  }
1955
1977
  ) : null,
1956
- (d = (s = e.builderBlock) == null ? void 0 : s.children) != null && d.length && !e.fitContent ? /* @__PURE__ */ l(
1978
+ (d = (c = e.builderBlock) == null ? void 0 : c.children) != null && d.length && !e.fitContent ? /* @__PURE__ */ l(
1957
1979
  "div",
1958
1980
  {
1959
1981
  style: {
@@ -1974,43 +1996,43 @@ function Qt(e) {
1974
1996
  }
1975
1997
  );
1976
1998
  }
1977
- const Gt = () => [{
1978
- component: Mt,
1979
- ...Ht
1999
+ const nn = () => [{
2000
+ component: qt,
2001
+ ...zt
1980
2002
  }, {
1981
- component: zt,
1982
- ...Ut
2003
+ component: Gt,
2004
+ ...Yt
1983
2005
  }, {
1984
- component: Yt,
1985
- ...qt
2006
+ component: Zt,
2007
+ ...Xt
1986
2008
  }, {
1987
- component: Qt,
1988
- ...Jt
2009
+ component: tn,
2010
+ ...en
1989
2011
  }], be = () => [{
1990
2012
  component: Ge,
1991
- ...Wt
2013
+ ...Ft
1992
2014
  }, {
1993
- component: wt,
1994
- ...Nt
2015
+ component: Bt,
2016
+ ...Lt
1995
2017
  }, {
1996
- component: Tt,
1997
- ...At
2018
+ component: Wt,
2019
+ ...Ot
1998
2020
  }, {
1999
- component: Et,
2000
- ...Vt
2021
+ component: Vt,
2022
+ ...Dt
2001
2023
  }, {
2002
- component: Bt,
2003
- ...$t
2024
+ component: $t,
2025
+ ..._t
2004
2026
  }, {
2005
- component: Lt,
2006
- ...Ft
2027
+ component: jt,
2028
+ ...Ht
2007
2029
  }, {
2008
- component: Rn,
2009
- ...Dt
2030
+ component: An,
2031
+ ...Ut
2010
2032
  }, {
2011
- component: Ot,
2012
- ...jt
2013
- }, ...Gt()], Xt = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
2033
+ component: Kt,
2034
+ ...Mt
2035
+ }, ...nn()], on = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
2014
2036
  function getAndSetVariantId() {
2015
2037
  function setCookie(name, value, days) {
2016
2038
  let expires = '';
@@ -2066,7 +2088,7 @@ const Gt = () => [{
2066
2088
  }).join('');
2067
2089
  styleEl.innerHTML = newStyleStr;
2068
2090
  }
2069
- }`, Zt = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
2091
+ }`, an = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
2070
2092
  if (!navigator.cookieEnabled) {
2071
2093
  return;
2072
2094
  }
@@ -2100,26 +2122,26 @@ const Gt = () => [{
2100
2122
  thisScriptEl?.remove();
2101
2123
  }
2102
2124
  return;
2103
- }`, Pe = "builderIoAbTest", Ee = "builderIoRenderContent", _ = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
2125
+ }`, Pe = "builderIoAbTest", Be = "builderIoRenderContent", M = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
2104
2126
  ...t,
2105
2127
  testVariationId: t.id,
2106
2128
  id: e == null ? void 0 : e.id
2107
- })), en = ({
2129
+ })), rn = ({
2108
2130
  canTrack: e,
2109
2131
  content: t
2110
- }) => !(!(_(t).length > 0) || !e || z()), tn = (e) => e === "react" || e === "reactNative", Be = tn(H), nn = () => `
2111
- window.${Pe} = ${Xt}
2112
- window.${Ee} = ${Zt}
2113
- `, on = (e, t) => `
2132
+ }) => !(!(M(t).length > 0) || !e || z()), cn = (e) => e === "react" || e === "reactNative", We = cn($), ln = () => `
2133
+ window.${Pe} = ${on}
2134
+ window.${Be} = ${an}
2135
+ `, sn = (e, t) => `
2114
2136
  window.${Pe}(
2115
- "${t}",${JSON.stringify(e)}, ${Be}
2116
- )`, an = ({
2137
+ "${t}",${JSON.stringify(e)}, ${We}
2138
+ )`, dn = ({
2117
2139
  contentId: e,
2118
2140
  variationId: t
2119
- }) => `window.${Ee}(
2120
- "${t}", "${e}", ${Be}
2141
+ }) => `window.${Be}(
2142
+ "${t}", "${e}", ${We}
2121
2143
  )`;
2122
- function ne(e) {
2144
+ function ie(e) {
2123
2145
  return /* @__PURE__ */ l(
2124
2146
  "script",
2125
2147
  {
@@ -2129,7 +2151,7 @@ function ne(e) {
2129
2151
  }
2130
2152
  );
2131
2153
  }
2132
- const rn = qe({
2154
+ const un = qe({
2133
2155
  content: null,
2134
2156
  context: {},
2135
2157
  localState: void 0,
@@ -2147,7 +2169,7 @@ const rn = qe({
2147
2169
  function ye(e) {
2148
2170
  return Math.round(e * 1e3) / 1e3;
2149
2171
  }
2150
- const cn = (e, t, n = !0) => {
2172
+ const mn = (e, t, n = !0) => {
2151
2173
  if (!(e instanceof HTMLElement))
2152
2174
  return null;
2153
2175
  let i = n ? e : e.parentElement;
@@ -2158,28 +2180,28 @@ const cn = (e, t, n = !0) => {
2158
2180
  return i;
2159
2181
  } while (i = i.parentElement);
2160
2182
  return null;
2161
- }, ln = (e) => cn(e, (t) => {
2183
+ }, fn = (e) => mn(e, (t) => {
2162
2184
  const n = t.getAttribute("builder-id") || t.id;
2163
2185
  return (n == null ? void 0 : n.indexOf("builder-")) === 0;
2164
- }), xe = ({
2186
+ }), pe = ({
2165
2187
  event: e,
2166
2188
  target: t
2167
2189
  }) => {
2168
- const n = t.getBoundingClientRect(), i = e.clientX - n.left, o = e.clientY - n.top, a = ye(i / n.width), c = ye(o / n.height);
2190
+ const n = t.getBoundingClientRect(), i = e.clientX - n.left, o = e.clientY - n.top, a = ye(i / n.width), r = ye(o / n.height);
2169
2191
  return {
2170
2192
  x: a,
2171
- y: c
2193
+ y: r
2172
2194
  };
2173
- }, sn = (e) => {
2174
- const t = e.target, n = t && ln(t), i = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
2195
+ }, hn = (e) => {
2196
+ const t = e.target, n = t && fn(t), i = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
2175
2197
  return {
2176
2198
  targetBuilderElement: i || void 0,
2177
2199
  metadata: {
2178
- targetOffset: t ? xe({
2200
+ targetOffset: t ? pe({
2179
2201
  event: e,
2180
2202
  target: t
2181
2203
  }) : void 0,
2182
- builderTargetOffset: n ? xe({
2204
+ builderTargetOffset: n ? pe({
2183
2205
  event: e,
2184
2206
  target: n
2185
2207
  }) : void 0,
@@ -2187,11 +2209,11 @@ const cn = (e, t, n = !0) => {
2187
2209
  }
2188
2210
  };
2189
2211
  };
2190
- async function dn({
2212
+ async function gn({
2191
2213
  key: e,
2192
2214
  value: t
2193
2215
  }) {
2194
- return Ve(), globalThis._BUILDER_PREVIEW_LRU_CACHE.set(e, t), { [e]: t };
2216
+ return $e(), globalThis._BUILDER_PREVIEW_LRU_CACHE.set(e, t), { [e]: t };
2195
2217
  }
2196
2218
  function ve(e, ...t) {
2197
2219
  const n = Object(e);
@@ -2203,39 +2225,39 @@ function ve(e, ...t) {
2203
2225
  }
2204
2226
  return n;
2205
2227
  }
2206
- function un(e) {
2228
+ function bn(e) {
2207
2229
  console.warn(`Cannot animate element: element with ID ${e} not found!`);
2208
2230
  }
2209
- function mn(e, t) {
2210
- const n = fn(e), i = getComputedStyle(t), o = e.steps[0].styles, a = e.steps[e.steps.length - 1].styles, c = [o, a];
2211
- for (const r of c)
2212
- for (const s of n)
2213
- s in r || (r[s] = i[s]);
2231
+ function yn(e, t) {
2232
+ const n = pn(e), i = getComputedStyle(t), o = e.steps[0].styles, a = e.steps[e.steps.length - 1].styles, r = [o, a];
2233
+ for (const s of r)
2234
+ for (const c of n)
2235
+ c in s || (s[c] = i[c]);
2214
2236
  }
2215
- function fn(e) {
2237
+ function pn(e) {
2216
2238
  const t = [];
2217
2239
  for (const n of e.steps)
2218
2240
  for (const i in n.styles)
2219
2241
  t.indexOf(i) === -1 && t.push(i);
2220
2242
  return t;
2221
2243
  }
2222
- function hn(e) {
2244
+ function vn(e) {
2223
2245
  const t = Array.prototype.slice.call(document.getElementsByClassName(e.elementId || e.id || ""));
2224
2246
  if (!t.length) {
2225
- un(e.elementId || e.id || "");
2247
+ bn(e.elementId || e.id || "");
2226
2248
  return;
2227
2249
  }
2228
2250
  Array.from(t).forEach((n) => {
2229
- mn(e, n), n.style.transition = "none", n.style.transitionDelay = "0", ve(n.style, e.steps[0].styles), setTimeout(() => {
2251
+ yn(e, n), n.style.transition = "none", n.style.transitionDelay = "0", ve(n.style, e.steps[0].styles), setTimeout(() => {
2230
2252
  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(() => {
2231
2253
  n.style.transition = "", n.style.transitionDelay = "";
2232
2254
  }, (e.delay || 0) * 1e3 + e.duration * 1e3 + 100);
2233
2255
  });
2234
2256
  });
2235
2257
  }
2236
- const gn = (e) => {
2237
- var a, c;
2238
- const t = e.family + (e.kind && !e.kind.includes("#") ? ", " + e.kind : ""), n = t.split(",")[0], i = (c = e.fileUrl) != null ? c : (a = e == null ? void 0 : e.files) == null ? void 0 : a.regular;
2258
+ const xn = (e) => {
2259
+ var a, r;
2260
+ const t = e.family + (e.kind && !e.kind.includes("#") ? ", " + e.kind : ""), n = t.split(",")[0], i = (r = e.fileUrl) != null ? r : (a = e == null ? void 0 : e.files) == null ? void 0 : a.regular;
2239
2261
  let o = "";
2240
2262
  if (i && t && n && (o += `
2241
2263
  @font-face {
@@ -2245,29 +2267,29 @@ font-display: fallback;
2245
2267
  font-weight: 400;
2246
2268
  }
2247
2269
  `.trim()), e.files)
2248
- for (const r in e.files) {
2249
- if (!(String(Number(r)) === r))
2270
+ for (const s in e.files) {
2271
+ if (!(String(Number(s)) === s))
2250
2272
  continue;
2251
- const d = e.files[r];
2273
+ const d = e.files[s];
2252
2274
  d && d !== i && (o += `
2253
2275
  @font-face {
2254
2276
  font-family: "${t}";
2255
2277
  src: url('${d}') format('woff2');
2256
2278
  font-display: fallback;
2257
- font-weight: ${r};
2279
+ font-weight: ${s};
2258
2280
  }
2259
2281
  `.trim());
2260
2282
  }
2261
2283
  return o;
2262
- }, bn = ({
2284
+ }, Sn = ({
2263
2285
  customFonts: e
2264
2286
  }) => {
2265
2287
  var t;
2266
- return ((t = e == null ? void 0 : e.map((n) => gn(n))) == null ? void 0 : t.join(" ")) || "";
2267
- }, yn = ({
2288
+ return ((t = e == null ? void 0 : e.map((n) => xn(n))) == null ? void 0 : t.join(" ")) || "";
2289
+ }, kn = ({
2268
2290
  cssCode: e,
2269
2291
  contentId: t
2270
- }) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", xn = `
2292
+ }) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", Cn = `
2271
2293
  .builder-button {
2272
2294
  all: unset;
2273
2295
  }
@@ -2284,38 +2306,38 @@ font-weight: ${r};
2284
2306
  text-align: inherit;
2285
2307
  font-family: inherit;
2286
2308
  }
2287
- `, vn = (e) => e ? "" : xn, Sn = (e) => `variant-${e}`;
2288
- function pn(e) {
2289
- var W, D, j, X, Z, se, de;
2290
- const t = oe(null);
2291
- function n(g) {
2292
- var v, S;
2293
- const f = {
2309
+ `, In = (e) => e ? "" : Cn, wn = (e) => `variant-${e}`;
2310
+ function Tn(e) {
2311
+ var W, D, _, X, Z, se, de;
2312
+ const t = J(null);
2313
+ function n(b) {
2314
+ var v, x;
2315
+ const h = {
2294
2316
  ...e.builderContextSignal.rootState,
2295
- ...g
2317
+ ...b
2296
2318
  };
2297
- e.builderContextSignal.rootSetState ? (S = (v = e.builderContextSignal).rootSetState) == null || S.call(v, f) : e.builderContextSignal.rootState = f;
2319
+ e.builderContextSignal.rootSetState ? (x = (v = e.builderContextSignal).rootSetState) == null || x.call(v, h) : e.builderContextSignal.rootState = h;
2298
2320
  }
2299
- function i(g) {
2300
- var v, S, k, B, M;
2301
- const f = {
2321
+ function i(b) {
2322
+ var v, x, I, B, j;
2323
+ const h = {
2302
2324
  ...e.builderContextSignal.content,
2303
- ...g,
2325
+ ...b,
2304
2326
  data: {
2305
2327
  ...(v = e.builderContextSignal.content) == null ? void 0 : v.data,
2306
- ...g == null ? void 0 : g.data
2328
+ ...b == null ? void 0 : b.data
2307
2329
  },
2308
2330
  meta: {
2309
- ...(S = e.builderContextSignal.content) == null ? void 0 : S.meta,
2310
- ...g == null ? void 0 : g.meta,
2311
- breakpoints: ((k = g == null ? void 0 : g.meta) == null ? void 0 : k.breakpoints) || ((M = (B = e.builderContextSignal.content) == null ? void 0 : B.meta) == null ? void 0 : M.breakpoints)
2331
+ ...(x = e.builderContextSignal.content) == null ? void 0 : x.meta,
2332
+ ...b == null ? void 0 : b.meta,
2333
+ breakpoints: ((I = b == null ? void 0 : b.meta) == null ? void 0 : I.breakpoints) || ((j = (B = e.builderContextSignal.content) == null ? void 0 : B.meta) == null ? void 0 : j.breakpoints)
2312
2334
  }
2313
2335
  };
2314
- dn({
2315
- value: f,
2316
- key: f.id
2336
+ gn({
2337
+ value: h,
2338
+ key: h.id
2317
2339
  }).then(() => {
2318
- T.refresh();
2340
+ E.refresh();
2319
2341
  });
2320
2342
  }
2321
2343
  function o() {
@@ -2324,37 +2346,37 @@ function pn(e) {
2324
2346
  "aria-hidden": !0
2325
2347
  };
2326
2348
  }
2327
- const [a, c] = A(
2349
+ const [a, r] = N(
2328
2350
  () => e.contentWrapper || "div"
2329
2351
  );
2330
- function r(g) {
2352
+ function s(b) {
2331
2353
  return Fe({
2332
2354
  model: e.model,
2333
2355
  trustedHosts: e.trustedHosts,
2334
2356
  callbacks: {
2335
- configureSdk: (f) => {
2336
- var k;
2337
- const { breakpoints: v, contentId: S } = f;
2338
- !S || S !== ((k = e.builderContextSignal.content) == null ? void 0 : k.id) || v && i({
2357
+ configureSdk: (h) => {
2358
+ var I;
2359
+ const { breakpoints: v, contentId: x } = h;
2360
+ !x || x !== ((I = e.builderContextSignal.content) == null ? void 0 : I.id) || v && i({
2339
2361
  meta: {
2340
2362
  breakpoints: v
2341
2363
  }
2342
2364
  });
2343
2365
  },
2344
- animation: (f) => {
2345
- hn(f);
2366
+ animation: (h) => {
2367
+ vn(h);
2346
2368
  },
2347
- contentUpdate: (f) => {
2348
- i(f);
2369
+ contentUpdate: (h) => {
2370
+ i(h);
2349
2371
  }
2350
2372
  }
2351
- })(g);
2373
+ })(b);
2352
2374
  }
2353
- function s() {
2354
- var f, v;
2355
- const g = (v = (f = e.builderContextSignal.content) == null ? void 0 : f.data) == null ? void 0 : v.jsCode;
2356
- g && L({
2357
- code: g,
2375
+ function c() {
2376
+ var h, v;
2377
+ const b = (v = (h = e.builderContextSignal.content) == null ? void 0 : h.data) == null ? void 0 : v.jsCode;
2378
+ b && O({
2379
+ code: b,
2358
2380
  context: e.context || {},
2359
2381
  localState: void 0,
2360
2382
  rootState: e.builderContextSignal.rootState,
@@ -2365,35 +2387,35 @@ function pn(e) {
2365
2387
  enableCache: !1
2366
2388
  });
2367
2389
  }
2368
- const [d, m] = A(() => ({})), [u, h] = A(() => ({})), [I, w] = A(() => !1);
2369
- function b(g) {
2370
- var f, v;
2390
+ const [d, u] = N(() => ({})), [m, f] = N(() => ({})), [S, k] = N(() => !1);
2391
+ function g(b) {
2392
+ var h, v;
2371
2393
  if (e.builderContextSignal.content) {
2372
- const S = (f = e.builderContextSignal.content) == null ? void 0 : f.testVariationId, k = (v = e.builderContextSignal.content) == null ? void 0 : v.id;
2394
+ const x = (h = e.builderContextSignal.content) == null ? void 0 : h.testVariationId, I = (v = e.builderContextSignal.content) == null ? void 0 : v.id;
2373
2395
  ue({
2374
2396
  type: "click",
2375
2397
  canTrack: q(e.canTrack),
2376
- contentId: k,
2398
+ contentId: I,
2377
2399
  apiKey: e.apiKey,
2378
- variationId: S !== k ? S : void 0,
2379
- ...sn(g),
2380
- unique: !I
2400
+ variationId: x !== I ? x : void 0,
2401
+ ...hn(b),
2402
+ unique: !S
2381
2403
  });
2382
2404
  }
2383
- I || w(!0);
2405
+ S || k(!0);
2384
2406
  }
2385
- function E() {
2386
- var f, v, S;
2387
- const g = (S = (v = (f = e.builderContextSignal.content) == null ? void 0 : f.data) == null ? void 0 : v.httpRequests) != null ? S : {};
2388
- Object.entries(g).forEach(([k, B]) => {
2389
- if (!B || u[k] || d[k] && !V())
2407
+ function T() {
2408
+ var h, v, x;
2409
+ const b = (x = (v = (h = e.builderContextSignal.content) == null ? void 0 : h.data) == null ? void 0 : v.httpRequests) != null ? x : {};
2410
+ Object.entries(b).forEach(([I, B]) => {
2411
+ if (!B || m[I] || d[I] && !V())
2390
2412
  return;
2391
- u[k] = !0;
2392
- const M = B.replace(
2413
+ m[I] = !0;
2414
+ const j = B.replace(
2393
2415
  /{{([^}]+)}}/g,
2394
- ($, We) => String(
2395
- L({
2396
- code: We,
2416
+ (F, Ae) => String(
2417
+ O({
2418
+ code: Ae,
2397
2419
  context: e.context || {},
2398
2420
  localState: void 0,
2399
2421
  rootState: e.builderContextSignal.rootState,
@@ -2402,24 +2424,24 @@ function pn(e) {
2402
2424
  })
2403
2425
  )
2404
2426
  );
2405
- Le(M).then(($) => $.json()).then(($) => {
2427
+ Le(j).then((F) => F.json()).then((F) => {
2406
2428
  n({
2407
- [k]: $
2408
- }), d[k] = !0;
2409
- }).catch(($) => {
2410
- console.error("error fetching dynamic data", B, $);
2429
+ [I]: F
2430
+ }), d[I] = !0;
2431
+ }).catch((F) => {
2432
+ console.error("error fetching dynamic data", B, F);
2411
2433
  }).finally(() => {
2412
- u[k] = !1;
2434
+ m[I] = !1;
2413
2435
  });
2414
2436
  });
2415
2437
  }
2416
- function x() {
2438
+ function p() {
2417
2439
  V() && window.dispatchEvent(
2418
2440
  new CustomEvent(
2419
2441
  "builder:component:stateChange",
2420
2442
  {
2421
2443
  detail: {
2422
- state: ie(e.builderContextSignal.rootState),
2444
+ state: oe(e.builderContextSignal.rootState),
2423
2445
  ref: {
2424
2446
  name: e.model
2425
2447
  }
@@ -2428,8 +2450,8 @@ function pn(e) {
2428
2450
  )
2429
2451
  );
2430
2452
  }
2431
- function y(g) {
2432
- window.addEventListener("message", r), De(), je({
2453
+ function y(b) {
2454
+ window.addEventListener("message", s), Oe(), De({
2433
2455
  ...e.locale ? {
2434
2456
  locale: e.locale
2435
2457
  } : {},
@@ -2441,20 +2463,20 @@ function pn(e) {
2441
2463
  } : {}
2442
2464
  }), Object.values(
2443
2465
  e.builderContextSignal.componentInfos
2444
- ).forEach((f) => {
2445
- var S;
2446
- const v = Oe(f);
2447
- (S = window.parent) == null || S.postMessage(v, "*");
2466
+ ).forEach((h) => {
2467
+ var x;
2468
+ const v = _e(h);
2469
+ (x = window.parent) == null || x.postMessage(v, "*");
2448
2470
  }), window.addEventListener(
2449
2471
  "builder:component:stateChangeListenerActivated",
2450
- x
2472
+ p
2451
2473
  );
2452
2474
  }
2453
- function p(g) {
2454
- const f = new URL(location.href).searchParams, v = f.get("builder.preview"), S = f.get(
2475
+ function C(b) {
2476
+ const h = new URL(location.href).searchParams, v = h.get("builder.preview"), x = h.get(
2455
2477
  `builder.overrides.${v}`
2456
- ), k = f.get("apiKey") || f.get("builder.space");
2457
- v === e.model && k === e.apiKey && (!e.content || S === e.content.id) && pe({
2478
+ ), I = h.get("apiKey") || h.get("builder.space");
2479
+ v === e.model && I === e.apiKey && (!e.content || x === e.content.id) && ke({
2458
2480
  model: e.model,
2459
2481
  apiKey: e.apiKey,
2460
2482
  apiVersion: e.builderContextSignal.apiVersion
@@ -2462,57 +2484,57 @@ function pn(e) {
2462
2484
  B && i(B);
2463
2485
  });
2464
2486
  }
2465
- const T = Ye();
2487
+ const E = Ye();
2466
2488
  return R(() => {
2467
- var g;
2468
- return (g = t.current) == null || g.addEventListener(
2489
+ var b;
2490
+ return (b = t.current) == null || b.addEventListener(
2469
2491
  "initeditingbldr",
2470
2492
  y
2471
2493
  ), () => {
2472
- var f;
2473
- return (f = t.current) == null ? void 0 : f.removeEventListener(
2494
+ var h;
2495
+ return (h = t.current) == null ? void 0 : h.removeEventListener(
2474
2496
  "initeditingbldr",
2475
2497
  y
2476
2498
  );
2477
2499
  };
2478
2500
  }, []), R(() => {
2479
- var g;
2480
- return (g = t.current) == null || g.addEventListener(
2501
+ var b;
2502
+ return (b = t.current) == null || b.addEventListener(
2481
2503
  "initpreviewingbldr",
2482
- p
2504
+ C
2483
2505
  ), () => {
2484
- var f;
2485
- return (f = t.current) == null ? void 0 : f.removeEventListener(
2506
+ var h;
2507
+ return (h = t.current) == null ? void 0 : h.removeEventListener(
2486
2508
  "initpreviewingbldr",
2487
- p
2509
+ C
2488
2510
  );
2489
2511
  };
2490
2512
  }, []), R(() => {
2491
- var g, f;
2513
+ var b, h;
2492
2514
  if (z()) {
2493
2515
  if (V() && t.current && t.current.dispatchEvent(new CustomEvent("initeditingbldr")), e.builderContextSignal.content && q(e.canTrack)) {
2494
- const S = (g = e.builderContextSignal.content) == null ? void 0 : g.testVariationId, k = (f = e.builderContextSignal.content) == null ? void 0 : f.id, B = e.apiKey;
2516
+ const x = (b = e.builderContextSignal.content) == null ? void 0 : b.testVariationId, I = (h = e.builderContextSignal.content) == null ? void 0 : h.id, B = e.apiKey;
2495
2517
  ue({
2496
2518
  type: "impression",
2497
2519
  canTrack: !0,
2498
- contentId: k,
2520
+ contentId: I,
2499
2521
  apiKey: B,
2500
- variationId: S !== k ? S : void 0
2522
+ variationId: x !== I ? x : void 0
2501
2523
  });
2502
2524
  }
2503
- $e() && V();
2525
+ Se() && V();
2504
2526
  }
2505
2527
  }, []), R(() => {
2506
- e.apiKey || J.error(
2528
+ e.apiKey || Y.error(
2507
2529
  "No API key provided to `Content` component. This can cause issues. Please provide an API key using the `apiKey` prop."
2508
- ), s(), E(), x();
2530
+ ), c(), T(), p();
2509
2531
  }, []), R(() => {
2510
2532
  }, [e.content]), R(() => {
2511
- s();
2533
+ c();
2512
2534
  }, [(D = (W = e.builderContextSignal.content) == null ? void 0 : W.data) == null ? void 0 : D.jsCode]), R(() => {
2513
- E();
2514
- }, [(X = (j = e.builderContextSignal.content) == null ? void 0 : j.data) == null ? void 0 : X.httpRequests]), R(() => {
2515
- x();
2535
+ T();
2536
+ }, [(X = (_ = e.builderContextSignal.content) == null ? void 0 : _.data) == null ? void 0 : X.httpRequests]), R(() => {
2537
+ p();
2516
2538
  }, [e.builderContextSignal.rootState]), R(() => {
2517
2539
  e.data && n(e.data);
2518
2540
  }, [e.data]), R(() => {
@@ -2520,36 +2542,36 @@ function pn(e) {
2520
2542
  locale: e.locale
2521
2543
  });
2522
2544
  }, [e.locale]), R(() => () => {
2523
- z() && (window.removeEventListener("message", r), window.removeEventListener(
2545
+ z() && (window.removeEventListener("message", s), window.removeEventListener(
2524
2546
  "builder:component:stateChangeListenerActivated",
2525
- x
2547
+ p
2526
2548
  ));
2527
- }, []), /* @__PURE__ */ l(rn.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content ? /* @__PURE__ */ l(
2549
+ }, []), /* @__PURE__ */ l(un.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content ? /* @__PURE__ */ l(
2528
2550
  a,
2529
2551
  {
2530
2552
  ref: t,
2531
- onClick: (g) => b(g),
2553
+ onClick: (b) => g(b),
2532
2554
  "builder-content-id": (Z = e.builderContextSignal.content) == null ? void 0 : Z.id,
2533
2555
  "builder-model": e.model,
2534
2556
  ...o(),
2535
2557
  ...e.contentWrapperProps,
2536
- className: Sn(
2558
+ className: wn(
2537
2559
  ((se = e.content) == null ? void 0 : se.testVariationId) || ((de = e.content) == null ? void 0 : de.id)
2538
2560
  ),
2539
2561
  children: e.children
2540
2562
  }
2541
2563
  ) : null });
2542
2564
  }
2543
- function kn(e) {
2565
+ function Rn(e) {
2544
2566
  const t = `
2545
- ${yn({
2567
+ ${kn({
2546
2568
  cssCode: e.cssCode,
2547
2569
  contentId: e.contentId
2548
2570
  })}
2549
- ${bn({
2571
+ ${Sn({
2550
2572
  customFonts: e.customFonts
2551
2573
  })}
2552
- ${vn(e.isNestedRender)}
2574
+ ${In(e.isNestedRender)}
2553
2575
  `.trim();
2554
2576
  return /* @__PURE__ */ l(
2555
2577
  Q,
@@ -2560,15 +2582,15 @@ ${vn(e.isNestedRender)}
2560
2582
  }
2561
2583
  );
2562
2584
  }
2563
- const Cn = ({
2585
+ const En = ({
2564
2586
  content: e,
2565
2587
  data: t,
2566
2588
  locale: n
2567
2589
  }) => {
2568
- var a, c, r;
2590
+ var a, r, s;
2569
2591
  const i = {}, o = ((a = e == null ? void 0 : e.data) == null ? void 0 : a.state) || {};
2570
- return (r = (c = e == null ? void 0 : e.data) == null ? void 0 : c.inputs) == null || r.forEach((s) => {
2571
- s.name && s.defaultValue !== void 0 && (i[s.name] = s.defaultValue);
2592
+ return (s = (r = e == null ? void 0 : e.data) == null ? void 0 : r.inputs) == null || s.forEach((c) => {
2593
+ c.name && c.defaultValue !== void 0 && (i[c.name] = c.defaultValue);
2572
2594
  }), {
2573
2595
  ...i,
2574
2596
  ...o,
@@ -2577,7 +2599,7 @@ const Cn = ({
2577
2599
  locale: n
2578
2600
  } : {}
2579
2601
  };
2580
- }, In = ({
2602
+ }, Pn = ({
2581
2603
  content: e,
2582
2604
  data: t
2583
2605
  }) => e ? {
@@ -2588,32 +2610,32 @@ const Cn = ({
2588
2610
  },
2589
2611
  meta: e == null ? void 0 : e.meta
2590
2612
  } : void 0;
2591
- function Se(e) {
2592
- var o, a, c, r, s, d, m, u, h, I, w;
2593
- const t = an({
2613
+ function xe(e) {
2614
+ var o, a, r, s, c, d, u, m, f, S, k;
2615
+ const t = dn({
2594
2616
  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
2595
2617
  variationId: (o = e.content) == null ? void 0 : o.testVariationId,
2596
2618
  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
2597
2619
  contentId: (a = e.content) == null ? void 0 : a.id
2598
2620
  }), n = [
2599
2621
  ...be(),
2600
- ...((c = e.customComponents) == null ? void 0 : c.filter(({ models: b }) => !(b != null && b.length) || !e.model ? !0 : b.includes(e.model))) || []
2622
+ ...((r = e.customComponents) == null ? void 0 : r.filter(({ models: g }) => !(g != null && g.length) || !e.model ? !0 : g.includes(e.model))) || []
2601
2623
  ].reduce(
2602
- (b, { component: E, ...x }) => ({
2603
- ...b,
2604
- [x.name]: {
2605
- component: E,
2606
- ...me(x)
2624
+ (g, { component: T, ...p }) => ({
2625
+ ...g,
2626
+ [p.name]: {
2627
+ component: T,
2628
+ ...me(p)
2607
2629
  }
2608
2630
  }),
2609
2631
  {}
2610
2632
  ), i = {
2611
- content: In({
2633
+ content: Pn({
2612
2634
  content: e.content,
2613
2635
  data: e.data
2614
2636
  }),
2615
2637
  localState: void 0,
2616
- rootState: Cn({
2638
+ rootState: En({
2617
2639
  content: e.content,
2618
2640
  data: e.data,
2619
2641
  locale: e.locale
@@ -2625,11 +2647,11 @@ function Se(e) {
2625
2647
  apiVersion: e.apiVersion,
2626
2648
  componentInfos: [
2627
2649
  ...be(),
2628
- ...((r = e.customComponents) == null ? void 0 : r.filter(({ models: b }) => !(b != null && b.length) || !e.model ? !0 : b.includes(e.model))) || []
2650
+ ...((s = e.customComponents) == null ? void 0 : s.filter(({ models: g }) => !(g != null && g.length) || !e.model ? !0 : g.includes(e.model))) || []
2629
2651
  ].reduce(
2630
- (b, { component: E, ...x }) => ({
2631
- ...b,
2632
- [x.name]: me(x)
2652
+ (g, { component: T, ...p }) => ({
2653
+ ...g,
2654
+ [p.name]: me(p)
2633
2655
  }),
2634
2656
  {}
2635
2657
  ),
@@ -2639,7 +2661,7 @@ function Se(e) {
2639
2661
  nonce: e.nonce || ""
2640
2662
  };
2641
2663
  return /* @__PURE__ */ P(
2642
- pn,
2664
+ Tn,
2643
2665
  {
2644
2666
  nonce: e.nonce,
2645
2667
  content: e.content,
@@ -2657,7 +2679,7 @@ function Se(e) {
2657
2679
  trustedHosts: e.trustedHosts,
2658
2680
  children: [
2659
2681
  e.isSsrAbTest ? /* @__PURE__ */ l(
2660
- ne,
2682
+ ie,
2661
2683
  {
2662
2684
  id: "builderio-variant-visibility",
2663
2685
  scriptStr: t,
@@ -2665,19 +2687,19 @@ function Se(e) {
2665
2687
  }
2666
2688
  ) : null,
2667
2689
  /* @__PURE__ */ l(
2668
- kn,
2690
+ Rn,
2669
2691
  {
2670
2692
  nonce: e.nonce || "",
2671
2693
  isNestedRender: e.isNestedRender,
2672
- contentId: (s = i.content) == null ? void 0 : s.id,
2673
- cssCode: (m = (d = i.content) == null ? void 0 : d.data) == null ? void 0 : m.cssCode,
2674
- customFonts: (h = (u = i.content) == null ? void 0 : u.data) == null ? void 0 : h.customFonts
2694
+ contentId: (c = i.content) == null ? void 0 : c.id,
2695
+ cssCode: (u = (d = i.content) == null ? void 0 : d.data) == null ? void 0 : u.cssCode,
2696
+ customFonts: (f = (m = i.content) == null ? void 0 : m.data) == null ? void 0 : f.customFonts
2675
2697
  }
2676
2698
  ),
2677
2699
  /* @__PURE__ */ l(
2678
2700
  le,
2679
2701
  {
2680
- blocks: (w = (I = i.content) == null ? void 0 : I.data) == null ? void 0 : w.blocks,
2702
+ blocks: (k = (S = i.content) == null ? void 0 : S.data) == null ? void 0 : k.blocks,
2681
2703
  context: i,
2682
2704
  registeredComponents: n,
2683
2705
  linkComponent: e.linkComponent
@@ -2687,42 +2709,42 @@ function Se(e) {
2687
2709
  }
2688
2710
  );
2689
2711
  }
2690
- function wn(e) {
2712
+ function Bn(e) {
2691
2713
  var a;
2692
- const t = en({
2714
+ const t = rn({
2693
2715
  canTrack: q(e.canTrack),
2694
2716
  content: e.content
2695
2717
  }), n = function() {
2696
- var r;
2697
- return on(
2698
- _(e.content).map((s) => ({
2699
- id: s.testVariationId,
2700
- testRatio: s.testRatio
2718
+ var s;
2719
+ return sn(
2720
+ M(e.content).map((c) => ({
2721
+ id: c.testVariationId,
2722
+ testRatio: c.testRatio
2701
2723
  })),
2702
- ((r = e.content) == null ? void 0 : r.id) || ""
2724
+ ((s = e.content) == null ? void 0 : s.id) || ""
2703
2725
  );
2704
2726
  }, i = function() {
2705
- return _(e.content).map((r) => `.variant-${r.testVariationId} { display: none; } `).join("");
2727
+ return M(e.content).map((s) => `.variant-${s.testVariationId} { display: none; } `).join("");
2706
2728
  }, o = function() {
2707
- var r;
2729
+ var s;
2708
2730
  return t ? {
2709
2731
  ...e.content,
2710
- testVariationId: (r = e.content) == null ? void 0 : r.id
2732
+ testVariationId: (s = e.content) == null ? void 0 : s.id
2711
2733
  } : He({
2712
2734
  item: e.content,
2713
2735
  canTrack: q(e.canTrack)
2714
2736
  });
2715
2737
  };
2716
- return /* @__PURE__ */ P(C, { children: [
2717
- !e.isNestedRender && H !== "reactNative" ? /* @__PURE__ */ l(
2718
- ne,
2738
+ return /* @__PURE__ */ P(w, { children: [
2739
+ !e.isNestedRender && $ !== "reactNative" ? /* @__PURE__ */ l(
2740
+ ie,
2719
2741
  {
2720
2742
  id: "builderio-init-variants-fns",
2721
- scriptStr: nn(),
2743
+ scriptStr: ln(),
2722
2744
  nonce: e.nonce || ""
2723
2745
  }
2724
2746
  ) : null,
2725
- t ? /* @__PURE__ */ P(C, { children: [
2747
+ t ? /* @__PURE__ */ P(w, { children: [
2726
2748
  /* @__PURE__ */ l(
2727
2749
  Q,
2728
2750
  {
@@ -2732,19 +2754,19 @@ function wn(e) {
2732
2754
  }
2733
2755
  ),
2734
2756
  /* @__PURE__ */ l(
2735
- ne,
2757
+ ie,
2736
2758
  {
2737
2759
  id: "builderio-variants-visibility",
2738
2760
  scriptStr: n(),
2739
2761
  nonce: e.nonce || ""
2740
2762
  }
2741
2763
  ),
2742
- (a = _(e.content)) == null ? void 0 : a.map((c) => /* @__PURE__ */ l(
2743
- Se,
2764
+ (a = M(e.content)) == null ? void 0 : a.map((r) => /* @__PURE__ */ l(
2765
+ xe,
2744
2766
  {
2745
2767
  isNestedRender: e.isNestedRender,
2746
2768
  nonce: e.nonce,
2747
- content: c,
2769
+ content: r,
2748
2770
  showContent: !1,
2749
2771
  model: e.model,
2750
2772
  data: e.data,
@@ -2763,11 +2785,11 @@ function wn(e) {
2763
2785
  contentWrapperProps: e.contentWrapperProps,
2764
2786
  trustedHosts: e.trustedHosts
2765
2787
  },
2766
- c.testVariationId
2788
+ r.testVariationId
2767
2789
  ))
2768
2790
  ] }) : null,
2769
2791
  /* @__PURE__ */ l(
2770
- Se,
2792
+ xe,
2771
2793
  {
2772
2794
  nonce: e.nonce,
2773
2795
  isNestedRender: e.isNestedRender,
@@ -2793,13 +2815,13 @@ function wn(e) {
2793
2815
  )
2794
2816
  ] });
2795
2817
  }
2796
- const Tn = async ({
2818
+ const Wn = async ({
2797
2819
  builderContextValue: e,
2798
2820
  symbol: t
2799
2821
  }) => {
2800
2822
  if (t != null && t.model && // This is a hack, we should not need to check for this, but it is needed for Svelte.
2801
2823
  (e != null && e.apiKey))
2802
- return pe({
2824
+ return ke({
2803
2825
  model: t.model,
2804
2826
  apiKey: e.apiKey,
2805
2827
  apiVersion: e.apiVersion,
@@ -2809,29 +2831,29 @@ const Tn = async ({
2809
2831
  }
2810
2832
  }
2811
2833
  }).catch((n) => {
2812
- J.error("Could not fetch symbol content: ", n);
2834
+ Y.error("Could not fetch symbol content: ", n);
2813
2835
  });
2814
2836
  };
2815
- async function Rn(e) {
2816
- var a, c, r, s, d;
2837
+ async function An(e) {
2838
+ var a, r, s, c, d;
2817
2839
  const t = function() {
2818
2840
  return "div";
2819
2841
  }, n = function() {
2820
2842
  return "div";
2821
2843
  }, i = function() {
2822
- var u, h;
2844
+ var m, f;
2823
2845
  return [
2824
- e.attributes[O()],
2846
+ e.attributes[H()],
2825
2847
  "builder-symbol",
2826
- (u = e.symbol) != null && u.inline ? "builder-inline-symbol" : void 0,
2827
- (h = e.symbol) != null && h.dynamic || e.dynamic ? "builder-dynamic-symbol" : void 0
2848
+ (m = e.symbol) != null && m.inline ? "builder-inline-symbol" : void 0,
2849
+ (f = e.symbol) != null && f.dynamic || e.dynamic ? "builder-dynamic-symbol" : void 0
2828
2850
  ].filter(Boolean).join(" ");
2829
- }, o = ((a = e.symbol) == null ? void 0 : a.content) || await Tn({
2851
+ }, o = ((a = e.symbol) == null ? void 0 : a.content) || await Wn({
2830
2852
  symbol: e.symbol,
2831
2853
  builderContextValue: e.builderContext
2832
2854
  });
2833
2855
  return /* @__PURE__ */ l("div", { ...e.attributes, className: i(), children: /* @__PURE__ */ l(
2834
- wn,
2856
+ Bn,
2835
2857
  {
2836
2858
  nonce: e.builderContext.nonce,
2837
2859
  isNestedRender: !0,
@@ -2839,13 +2861,13 @@ async function Rn(e) {
2839
2861
  apiKey: e.builderContext.apiKey,
2840
2862
  context: {
2841
2863
  ...e.builderContext.context,
2842
- symbolId: (c = e.builderBlock) == null ? void 0 : c.id
2864
+ symbolId: (r = e.builderBlock) == null ? void 0 : r.id
2843
2865
  },
2844
2866
  customComponents: Object.values(e.builderComponents),
2845
2867
  data: {
2846
- ...(r = e.symbol) == null ? void 0 : r.data,
2868
+ ...(s = e.symbol) == null ? void 0 : s.data,
2847
2869
  ...e.builderContext.localState,
2848
- ...(s = o == null ? void 0 : o.data) == null ? void 0 : s.state
2870
+ ...(c = o == null ? void 0 : o.data) == null ? void 0 : c.state
2849
2871
  },
2850
2872
  canTrack: e.builderContext.canTrack,
2851
2873
  model: (d = e.symbol) == null ? void 0 : d.model,
@@ -2858,14 +2880,14 @@ async function Rn(e) {
2858
2880
  }
2859
2881
  export {
2860
2882
  le as Blocks,
2861
- rn as BuilderContext,
2883
+ un as BuilderContext,
2862
2884
  Ge as Button,
2863
- wt as Columns,
2864
- wn as Content,
2865
- Tt as Fragment,
2866
- Et as Image,
2867
- Bt as Section,
2868
- Rn as Symbol,
2869
- Ot as Text,
2870
- Qt as Video
2885
+ Bt as Columns,
2886
+ Bn as Content,
2887
+ Wt as Fragment,
2888
+ Vt as Image,
2889
+ $t as Section,
2890
+ An as Symbol,
2891
+ Kt as Text,
2892
+ tn as Video
2871
2893
  };