@builder.io/sdk-react 2.0.5 → 2.0.9
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.
- package/lib/browser/blocks-exports.cjs +17 -17
- package/lib/browser/blocks-exports.mjs +53 -53
- package/lib/browser/index.cjs +1 -1
- package/lib/browser/index.mjs +1 -1
- package/lib/browser/init.cjs +1 -1
- package/lib/browser/init.mjs +1 -1
- package/lib/{node/server-entry-7e145817.cjs → browser/server-entry-16fc27fe.cjs} +2 -2
- package/lib/browser/{server-entry-0c6c220c.js → server-entry-8bf52a55.js} +74 -73
- package/lib/browser/server-entry.cjs +1 -1
- package/lib/browser/server-entry.mjs +1 -1
- package/lib/edge/{accordion-99129d68.js → accordion-589b3ac8.js} +1 -1
- package/lib/edge/{accordion-72dab8ce.cjs → accordion-afed3bd3.cjs} +1 -1
- package/lib/edge/{blocks-53ae1b87.cjs → blocks-854f4022.cjs} +2 -2
- package/lib/edge/blocks-exports.cjs +1 -1
- package/lib/edge/blocks-exports.mjs +2 -2
- package/lib/edge/{blocks-426e0c44.js → blocks-fdb24842.js} +33 -33
- package/lib/edge/{button-778062cd.js → button-08412b69.js} +2 -2
- package/lib/edge/{button-967d0268.cjs → button-26b76a4a.cjs} +1 -1
- package/lib/edge/{columns-3a8c4d3f.js → columns-bd2a004b.js} +4 -4
- package/lib/edge/{columns-3b921658.cjs → columns-ccdafcc7.cjs} +1 -1
- package/lib/edge/{content-variants-15d191de.js → content-variants-dd7ea0f9.js} +11 -11
- package/lib/edge/{content-variants-4b8718f8.cjs → content-variants-fc207487.cjs} +4 -4
- package/lib/edge/{evaluate-c0eeb4f8.cjs → evaluate-3991fda5.cjs} +1 -1
- package/lib/edge/{evaluate-26c0fdb7.js → evaluate-e2f692df.js} +1 -1
- package/lib/edge/{form-9d9dce5d.cjs → form-5eb85abf.cjs} +1 -1
- package/lib/edge/{form-ccb0b912.js → form-b9148162.js} +4 -4
- package/lib/edge/{get-class-prop-name-0a91c3bd.js → get-class-prop-name-0c783f8c.js} +1 -1
- package/lib/edge/{get-class-prop-name-eae60eae.cjs → get-class-prop-name-2fa91d70.cjs} +1 -1
- package/lib/edge/{img-183de27d.cjs → img-2f30658b.cjs} +1 -1
- package/lib/edge/{img-75751c89.js → img-602f7d3a.js} +1 -1
- package/lib/edge/index.cjs +1 -1
- package/lib/edge/index.mjs +1 -1
- package/lib/edge/init.cjs +1 -1
- package/lib/edge/init.mjs +1 -1
- package/lib/edge/{input-27972020.js → input-4c791db9.js} +1 -1
- package/lib/edge/{input-fd18a67d.cjs → input-551362f3.cjs} +1 -1
- package/lib/edge/{select-60ff549c.js → select-d1391d12.js} +1 -1
- package/lib/edge/{select-6ea0d59f.cjs → select-eb26f837.cjs} +1 -1
- package/lib/edge/server-entry-7b4fa72f.cjs +2 -0
- package/lib/edge/{server-entry-feff6177.js → server-entry-c537d834.js} +59 -58
- package/lib/edge/server-entry.cjs +1 -1
- package/lib/edge/server-entry.mjs +1 -1
- package/lib/edge/{slot-2347377e.js → slot-d375d5eb.js} +4 -4
- package/lib/edge/{slot-a4509cae.cjs → slot-d723d000.cjs} +1 -1
- package/lib/edge/{symbol-98650b06.cjs → symbol-6c18ca90.cjs} +1 -1
- package/lib/edge/{symbol-dcef0d8e.js → symbol-8b3a6b98.js} +2 -2
- package/lib/edge/{tabs-0784574b.js → tabs-1e47cfd4.js} +4 -4
- package/lib/edge/{tabs-4c131e17.cjs → tabs-8296bce7.cjs} +1 -1
- package/lib/edge/{text-1c1986aa.cjs → text-9eac9e4d.cjs} +1 -1
- package/lib/edge/{text-6f7cbc35.js → text-d3c86634.js} +2 -2
- package/lib/node/blocks-exports.cjs +3 -3
- package/lib/node/blocks-exports.mjs +19 -19
- package/lib/node/index.cjs +1 -1
- package/lib/node/index.mjs +2 -2
- package/lib/node/init.cjs +1 -1
- package/lib/node/init.mjs +2 -2
- package/lib/node/{node-runtime-4978bc21.cjs → node-runtime-c7c85f6c.cjs} +1 -1
- package/lib/node/{node-runtime-ce5c71e5.js → node-runtime-e41e9eb6.js} +1 -1
- package/lib/{browser/server-entry-7e145817.cjs → node/server-entry-16fc27fe.cjs} +2 -2
- package/lib/node/{server-entry-0c6c220c.js → server-entry-8bf52a55.js} +74 -73
- package/lib/node/server-entry.cjs +1 -1
- package/lib/node/server-entry.mjs +1 -1
- package/package.json +1 -1
- package/types/components/content-variants/content-variants.types.d.ts +2 -1
- package/types/components/content-variants/extra-framework-props-types.d.ts +2 -0
- package/types/constants/sdk-version.d.ts +1 -1
- package/types/context/extra-context-types.d.ts +6 -0
- package/types/context/types.d.ts +2 -1
- package/types/functions/register-component.d.ts +1 -1
- package/lib/edge/server-entry-4133a544.cjs +0 -2
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { jsx as i, Fragment as y, jsxs as B } from "react/jsx-runtime";
|
|
2
|
-
import { createContext as F, useState as
|
|
3
|
-
import { BuilderContext as
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import { getClassPropName as Z } from "./get-class-prop-name-
|
|
2
|
+
import { createContext as F, useState as j, useEffect as V, useContext as W } from "react";
|
|
3
|
+
import { BuilderContext as D } from "./blocks-exports.mjs";
|
|
4
|
+
import { checkIsDefined as v, TARGET as P, isEditing as N } from "./server-entry-c537d834.js";
|
|
5
|
+
import { evaluate as w, set as K } from "./evaluate-e2f692df.js";
|
|
6
|
+
import { getClassPropName as Z } from "./get-class-prop-name-0c783f8c.js";
|
|
7
7
|
import { DynamicRenderer as J } from "./dynamic-renderer-8b343325.js";
|
|
8
8
|
const M = (e) => JSON.parse(JSON.stringify(e)), Q = F({ registeredComponents: {} });
|
|
9
9
|
function q(e) {
|
|
@@ -32,7 +32,7 @@ const G = ({
|
|
|
32
32
|
}
|
|
33
33
|
};
|
|
34
34
|
for (const c in e.bindings) {
|
|
35
|
-
const u = e.bindings[c], f =
|
|
35
|
+
const u = e.bindings[c], f = w({
|
|
36
36
|
code: u,
|
|
37
37
|
localState: n,
|
|
38
38
|
rootState: o,
|
|
@@ -190,7 +190,7 @@ const le = ({
|
|
|
190
190
|
block: e
|
|
191
191
|
}));
|
|
192
192
|
function ce(e) {
|
|
193
|
-
switch (
|
|
193
|
+
switch (P) {
|
|
194
194
|
case "svelte":
|
|
195
195
|
case "vue":
|
|
196
196
|
case "solid":
|
|
@@ -235,7 +235,7 @@ const se = ({
|
|
|
235
235
|
} = e;
|
|
236
236
|
if (!(n != null && n.collection))
|
|
237
237
|
return;
|
|
238
|
-
const r =
|
|
238
|
+
const r = w({
|
|
239
239
|
code: n.collection,
|
|
240
240
|
localState: t.localState,
|
|
241
241
|
rootState: t.rootState,
|
|
@@ -295,7 +295,7 @@ const se = ({
|
|
|
295
295
|
default: 991,
|
|
296
296
|
max: 1200
|
|
297
297
|
}
|
|
298
|
-
},
|
|
298
|
+
}, O = (e, t = U) => `@media (max-width: ${t[e].max}px)`, me = ({
|
|
299
299
|
small: e,
|
|
300
300
|
medium: t
|
|
301
301
|
}) => {
|
|
@@ -345,7 +345,7 @@ function Se(e) {
|
|
|
345
345
|
return v(o.hide) ? !o.hide : v(o.show) ? o.show : !0;
|
|
346
346
|
}
|
|
347
347
|
function n() {
|
|
348
|
-
var
|
|
348
|
+
var E, A, $;
|
|
349
349
|
const o = k({
|
|
350
350
|
block: e.block,
|
|
351
351
|
localState: e.context.localState,
|
|
@@ -354,7 +354,7 @@ function Se(e) {
|
|
|
354
354
|
context: e.context.context,
|
|
355
355
|
shouldEvaluateBindings: !0
|
|
356
356
|
}), r = o.responsiveStyles, l = e.context.content, s = me(
|
|
357
|
-
((
|
|
357
|
+
((E = l == null ? void 0 : l.meta) == null ? void 0 : E.breakpoints) || {}
|
|
358
358
|
), c = r == null ? void 0 : r.large, u = r == null ? void 0 : r.medium, f = r == null ? void 0 : r.small, h = o.id;
|
|
359
359
|
if (!h)
|
|
360
360
|
return "";
|
|
@@ -364,22 +364,22 @@ function Se(e) {
|
|
|
364
364
|
}) : "", d = u ? x({
|
|
365
365
|
className: h,
|
|
366
366
|
styles: u,
|
|
367
|
-
mediaQuery:
|
|
367
|
+
mediaQuery: O(
|
|
368
368
|
"medium",
|
|
369
369
|
s
|
|
370
370
|
)
|
|
371
371
|
}) : "", S = f ? x({
|
|
372
372
|
className: h,
|
|
373
373
|
styles: f,
|
|
374
|
-
mediaQuery:
|
|
374
|
+
mediaQuery: O(
|
|
375
375
|
"small",
|
|
376
376
|
s
|
|
377
377
|
)
|
|
378
378
|
}) : "", m = o.animations && o.animations.find((b) => b.trigger === "hover");
|
|
379
|
-
let
|
|
379
|
+
let R = "";
|
|
380
380
|
if (m) {
|
|
381
|
-
const b = ((
|
|
382
|
-
|
|
381
|
+
const b = (($ = (A = m.steps) == null ? void 0 : A[1]) == null ? void 0 : $.styles) || {};
|
|
382
|
+
R = x({
|
|
383
383
|
className: `${h}:hover`,
|
|
384
384
|
styles: {
|
|
385
385
|
...b,
|
|
@@ -394,7 +394,7 @@ function Se(e) {
|
|
|
394
394
|
a,
|
|
395
395
|
d,
|
|
396
396
|
S,
|
|
397
|
-
|
|
397
|
+
R
|
|
398
398
|
].join(" ");
|
|
399
399
|
}
|
|
400
400
|
return /* @__PURE__ */ i(y, { children: n() && t() ? /* @__PURE__ */ i(y, { children: /* @__PURE__ */ i(
|
|
@@ -409,7 +409,7 @@ function Se(e) {
|
|
|
409
409
|
function ye(e) {
|
|
410
410
|
return e.charAt(0).toUpperCase() + e.slice(1);
|
|
411
411
|
}
|
|
412
|
-
const ge = (e) => `on${ye(e)}`, xe = (e, t) => (n) =>
|
|
412
|
+
const ge = (e) => `on${ye(e)}`, xe = (e, t) => (n) => w({
|
|
413
413
|
code: e,
|
|
414
414
|
context: t.context,
|
|
415
415
|
localState: t.localState,
|
|
@@ -428,7 +428,7 @@ function _(e) {
|
|
|
428
428
|
const l = n[r];
|
|
429
429
|
let s = ge(r);
|
|
430
430
|
if (e.stripPrefix)
|
|
431
|
-
switch (
|
|
431
|
+
switch (P) {
|
|
432
432
|
case "vue":
|
|
433
433
|
s = s.replace("v-on:", "");
|
|
434
434
|
break;
|
|
@@ -448,7 +448,7 @@ function ke({
|
|
|
448
448
|
const Ce = (e) => ({
|
|
449
449
|
href: e.href
|
|
450
450
|
});
|
|
451
|
-
function
|
|
451
|
+
function I({
|
|
452
452
|
block: e,
|
|
453
453
|
context: t
|
|
454
454
|
}) {
|
|
@@ -474,7 +474,7 @@ function pe(e) {
|
|
|
474
474
|
J,
|
|
475
475
|
{
|
|
476
476
|
TagName: e.Wrapper,
|
|
477
|
-
attributes:
|
|
477
|
+
attributes: I({
|
|
478
478
|
block: e.block,
|
|
479
479
|
context: e.context
|
|
480
480
|
}),
|
|
@@ -493,7 +493,7 @@ function pe(e) {
|
|
|
493
493
|
function be(e) {
|
|
494
494
|
function t() {
|
|
495
495
|
return e.includeBlockProps ? {
|
|
496
|
-
...
|
|
496
|
+
...I({
|
|
497
497
|
block: e.block,
|
|
498
498
|
context: e.context
|
|
499
499
|
}),
|
|
@@ -524,7 +524,7 @@ const Be = ({
|
|
|
524
524
|
* component itself directly. Otherwise, they are provided to the wrapper element.
|
|
525
525
|
*/
|
|
526
526
|
...r ? {
|
|
527
|
-
attributes:
|
|
527
|
+
attributes: I({
|
|
528
528
|
block: t,
|
|
529
529
|
context: s
|
|
530
530
|
})
|
|
@@ -538,9 +538,9 @@ const Be = ({
|
|
|
538
538
|
includeBlockProps: r
|
|
539
539
|
} : c;
|
|
540
540
|
};
|
|
541
|
-
function
|
|
541
|
+
function T(e) {
|
|
542
542
|
var o;
|
|
543
|
-
const [t, n] =
|
|
543
|
+
const [t, n] = j(
|
|
544
544
|
() => e.isInteractive ? be : e.componentRef
|
|
545
545
|
);
|
|
546
546
|
return /* @__PURE__ */ i(y, { children: e.componentRef ? /* @__PURE__ */ i(y, { children: /* @__PURE__ */ i(
|
|
@@ -570,8 +570,8 @@ function O(e) {
|
|
|
570
570
|
) }) : null });
|
|
571
571
|
}
|
|
572
572
|
function ve(e) {
|
|
573
|
-
const [t, n] =
|
|
574
|
-
return /* @__PURE__ */ i(
|
|
573
|
+
const [t, n] = j(() => e.repeatContext);
|
|
574
|
+
return /* @__PURE__ */ i(D.Provider, { value: t, children: /* @__PURE__ */ i(
|
|
575
575
|
p,
|
|
576
576
|
{
|
|
577
577
|
block: e.block,
|
|
@@ -642,7 +642,7 @@ function p(e) {
|
|
|
642
642
|
registeredComponents: e.registeredComponents,
|
|
643
643
|
builderBlock: o(),
|
|
644
644
|
includeBlockProps: ((S = t == null ? void 0 : t()) == null ? void 0 : S.noWrap) === !0,
|
|
645
|
-
isInteractive: !((m = t == null ? void 0 : t()) != null && m.isRSC)
|
|
645
|
+
isInteractive: !((m = t == null ? void 0 : t()) != null && m.isRSC && P === "rsc")
|
|
646
646
|
};
|
|
647
647
|
}
|
|
648
648
|
return V(() => {
|
|
@@ -656,7 +656,7 @@ function p(e) {
|
|
|
656
656
|
}, []), /* @__PURE__ */ i(y, { children: l() ? /* @__PURE__ */ B(y, { children: [
|
|
657
657
|
/* @__PURE__ */ i(Se, { block: e.block, context: e.context }),
|
|
658
658
|
(u = t == null ? void 0 : t()) != null && u.noWrap ? /* @__PURE__ */ i(y, { children: /* @__PURE__ */ i(
|
|
659
|
-
|
|
659
|
+
T,
|
|
660
660
|
{
|
|
661
661
|
componentRef: c().componentRef,
|
|
662
662
|
componentOptions: c().componentOptions,
|
|
@@ -685,7 +685,7 @@ function p(e) {
|
|
|
685
685
|
context: e.context,
|
|
686
686
|
children: [
|
|
687
687
|
/* @__PURE__ */ i(
|
|
688
|
-
|
|
688
|
+
T,
|
|
689
689
|
{
|
|
690
690
|
componentRef: c().componentRef,
|
|
691
691
|
componentOptions: c().componentOptions,
|
|
@@ -720,7 +720,7 @@ function Pe(e) {
|
|
|
720
720
|
}
|
|
721
721
|
function n() {
|
|
722
722
|
var r, l;
|
|
723
|
-
|
|
723
|
+
N() && !((r = e.blocks) != null && r.length) && ((l = window.parent) == null || l.postMessage(
|
|
724
724
|
{
|
|
725
725
|
type: "builder.clickEmptyBlocks",
|
|
726
726
|
data: {
|
|
@@ -733,7 +733,7 @@ function Pe(e) {
|
|
|
733
733
|
}
|
|
734
734
|
function o() {
|
|
735
735
|
var r, l;
|
|
736
|
-
|
|
736
|
+
N() && !((r = e.blocks) != null && r.length) && ((l = window.parent) == null || l.postMessage(
|
|
737
737
|
{
|
|
738
738
|
type: "builder.hoverEmptyBlocks",
|
|
739
739
|
data: {
|
|
@@ -768,7 +768,7 @@ function Pe(e) {
|
|
|
768
768
|
}
|
|
769
769
|
function we(e) {
|
|
770
770
|
var o, r, l;
|
|
771
|
-
const t =
|
|
771
|
+
const t = W(D), n = W(Q);
|
|
772
772
|
return /* @__PURE__ */ i(
|
|
773
773
|
Pe,
|
|
774
774
|
{
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as i } from "react/jsx-runtime";
|
|
2
2
|
import { DynamicRenderer as r } from "./dynamic-renderer-8b343325.js";
|
|
3
|
-
import { getClassPropName as n } from "./get-class-prop-name-
|
|
4
|
-
import "./server-entry-
|
|
3
|
+
import { getClassPropName as n } from "./get-class-prop-name-0c783f8c.js";
|
|
4
|
+
import "./server-entry-c537d834.js";
|
|
5
5
|
function b(t) {
|
|
6
6
|
function e() {
|
|
7
7
|
return {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),r=require("./dynamic-renderer-b29b45ca.cjs"),t=require("./get-class-prop-name-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),r=require("./dynamic-renderer-b29b45ca.cjs"),t=require("./get-class-prop-name-2fa91d70.cjs");require("./server-entry-7b4fa72f.cjs");function u(e){function n(){return{...e.attributes,[t.getClassPropName()]:`${e.link?"":"builder-button"} ${e.attributes[t.getClassPropName()]||""}`,...e.link?{href:e.link,target:e.openLinkInNewTab?"_blank":void 0,role:"link"}:{role:"button"}}}return i.jsx(r.DynamicRenderer,{attributes:n(),TagName:e.link?e.builderLinkComponent||"a":"button",actionAttributes:{},children:e.text})}exports.default=u;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { jsxs as y, Fragment as B, jsx as o } from "react/jsx-runtime";
|
|
2
2
|
import { useState as r } from "react";
|
|
3
|
-
import { InlinedStyles as z, Blocks as A, mapStyleObjToStrIfNeeded as L, getSizesForBreakpoints as W } from "./blocks-
|
|
3
|
+
import { InlinedStyles as z, Blocks as A, mapStyleObjToStrIfNeeded as L, getSizesForBreakpoints as W } from "./blocks-fdb24842.js";
|
|
4
4
|
import { DynamicRenderer as D } from "./dynamic-renderer-8b343325.js";
|
|
5
|
-
import { getClassPropName as N } from "./get-class-prop-name-
|
|
5
|
+
import { getClassPropName as N } from "./get-class-prop-name-0c783f8c.js";
|
|
6
6
|
import "./blocks-exports.mjs";
|
|
7
|
-
import "./server-entry-
|
|
8
|
-
import "./evaluate-
|
|
7
|
+
import "./server-entry-c537d834.js";
|
|
8
|
+
import "./evaluate-e2f692df.js";
|
|
9
9
|
const F = (e) => `builder-columns ${e}-breakpoints`;
|
|
10
10
|
function Q(e) {
|
|
11
11
|
var f, k;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),o=require("react"),s=require("./blocks-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),o=require("react"),s=require("./blocks-854f4022.cjs"),p=require("./dynamic-renderer-b29b45ca.cjs"),q=require("./get-class-prop-name-2fa91d70.cjs");require("./blocks-exports.cjs");require("./server-entry-7b4fa72f.cjs");require("./evaluate-3991fda5.cjs");const B=t=>`builder-columns ${t}-breakpoints`;function z(t){var f,g;const[u,A]=o.useState(()=>typeof t.space=="number"?t.space||0:20),[c,L]=o.useState(()=>t.columns||[]),[d,N]=o.useState(()=>t.stackColumnsAt||"tablet");function y(e){return e.link?t.builderLinkComponent||"a":"div"}function x(e){var n;return((n=c[e])==null?void 0:n.width)||100/c.length}function C(e){const n=x(e),i=u*(c.length-1)*(n/100);return`calc(${n}% - ${i}px)`}function a({stackedStyle:e,desktopStyle:n}){return d==="tablet"?e:n}function m({stackedStyle:e,desktopStyle:n}){return d==="never"?n:e}const[b,W]=o.useState(()=>t.stackColumnsAt==="never"?"row":t.reverseColumnsWhenStacked?"column-reverse":"column");function v(){return{"--flex-dir":b,"--flex-dir-tablet":a({stackedStyle:b,desktopStyle:"row"})}}function w(e){const n=e===0?0:u,i=C(e),r=`${n}px`,h="100%",S=0;return{...{display:"flex",flexDirection:"column",alignItems:"stretch"},width:i,["marginLeft"]:r,"--column-width-mobile":m({stackedStyle:h,desktopStyle:i}),"--column-margin-left-mobile":m({stackedStyle:S,desktopStyle:r}),"--column-width-tablet":a({stackedStyle:h,desktopStyle:i}),"--column-margin-left-tablet":a({stackedStyle:S,desktopStyle:r})}}function k(e){var i,r;return s.getSizesForBreakpoints(((r=(i=t.builderContext.content)==null?void 0:i.meta)==null?void 0:r.breakpoints)||{})[e].max}function $(){const e=`.${t.builderBlock.id}-breakpoints > .builder-column`;return`
|
|
2
2
|
@media (max-width: ${k("medium")}px) {
|
|
3
3
|
.${t.builderBlock.id}-breakpoints {
|
|
4
4
|
flex-direction: var(--flex-dir-tablet);
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { jsx as h, jsxs as H, Fragment as z } from "react/jsx-runtime";
|
|
2
2
|
import { lazy as v, useRef as le, useState as k, useEffect as S } from "react";
|
|
3
|
-
import { isBrowser as $, TARGET as te, isEditing as P, registerInsertMenu as se, setupBrowserForEditing as de, createRegisterComponentMessage as ue, getDefaultCanTrack as A, _track as J, isPreviewing as ce, fetchOneEntry as me, logger as pe, createEditorListener as ge, fetch as fe,
|
|
3
|
+
import { isBrowser as $, TARGET as te, isEditing as P, registerInsertMenu as se, setupBrowserForEditing as de, createRegisterComponentMessage as ue, getDefaultCanTrack as A, _track as J, isPreviewing as ce, fetchOneEntry as me, logger as pe, createEditorListener as ge, fetch as fe, serializeIncludingFunctions as Y, handleABTestingSync as he } from "./server-entry-c537d834.js";
|
|
4
4
|
import { Video as be, Button as xe, Columns as ye, Fragment as ve, Image as Se, Section as Te, Symbol as ke, Text as Ce, BuilderContext as Ie } from "./blocks-exports.mjs";
|
|
5
|
-
import { triggerAnimation as we, fastClone as Ve, InlinedStyles as ne, ComponentsContext as Re, Blocks as Ee } from "./blocks-
|
|
6
|
-
import { evaluate as Q } from "./evaluate-
|
|
7
|
-
import "./get-class-prop-name-
|
|
5
|
+
import { triggerAnimation as we, fastClone as Ve, InlinedStyles as ne, ComponentsContext as Re, Blocks as Ee } from "./blocks-fdb24842.js";
|
|
6
|
+
import { evaluate as Q } from "./evaluate-e2f692df.js";
|
|
7
|
+
import "./get-class-prop-name-0c783f8c.js";
|
|
8
8
|
import "./dynamic-renderer-8b343325.js";
|
|
9
9
|
const B = {
|
|
10
10
|
"@type": "@builder.io/sdk:Element",
|
|
@@ -130,7 +130,7 @@ const B = {
|
|
|
130
130
|
builderComponents: !0,
|
|
131
131
|
builderLinkComponent: !0
|
|
132
132
|
}
|
|
133
|
-
}, Pe = v(() => import("./accordion-
|
|
133
|
+
}, Pe = v(() => import("./accordion-589b3ac8.js")), We = {
|
|
134
134
|
name: "Core:Button",
|
|
135
135
|
image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
|
|
136
136
|
defaultStyles: {
|
|
@@ -542,7 +542,7 @@ const B = {
|
|
|
542
542
|
shouldReceiveBuilderProps: {
|
|
543
543
|
builderContext: !0
|
|
544
544
|
}
|
|
545
|
-
}, He = v(() => import("./slot-
|
|
545
|
+
}, He = v(() => import("./slot-d375d5eb.js")), $e = {
|
|
546
546
|
name: "Symbol",
|
|
547
547
|
noWrap: !0,
|
|
548
548
|
static: !0,
|
|
@@ -722,7 +722,7 @@ const B = {
|
|
|
722
722
|
builderComponents: !0,
|
|
723
723
|
builderLinkComponent: !0
|
|
724
724
|
}
|
|
725
|
-
}, qe = v(() => import("./tabs-
|
|
725
|
+
}, qe = v(() => import("./tabs-1e47cfd4.js")), je = {
|
|
726
726
|
shouldReceiveBuilderProps: {
|
|
727
727
|
builderBlock: !1,
|
|
728
728
|
builderContext: !0
|
|
@@ -1018,7 +1018,7 @@ const B = {
|
|
|
1018
1018
|
builderComponents: !0,
|
|
1019
1019
|
builderLinkComponent: !0
|
|
1020
1020
|
}
|
|
1021
|
-
}, Je = v(() => import("./form-
|
|
1021
|
+
}, Je = v(() => import("./form-b9148162.js")), Ye = {
|
|
1022
1022
|
name: "Form:Input",
|
|
1023
1023
|
image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fad6f37889d9e40bbbbc72cdb5875d6ca",
|
|
1024
1024
|
inputs: [
|
|
@@ -1069,7 +1069,7 @@ const B = {
|
|
|
1069
1069
|
borderStyle: "solid",
|
|
1070
1070
|
borderColor: "#ccc"
|
|
1071
1071
|
}
|
|
1072
|
-
}, Qe = v(() => import("./input-
|
|
1072
|
+
}, Qe = v(() => import("./input-4c791db9.js")), Ge = {
|
|
1073
1073
|
name: "Form:Select",
|
|
1074
1074
|
image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F83acca093fb24aaf94dee136e9a4b045",
|
|
1075
1075
|
defaultStyles: {
|
|
@@ -1111,7 +1111,7 @@ const B = {
|
|
|
1111
1111
|
}],
|
|
1112
1112
|
static: !0,
|
|
1113
1113
|
noWrap: !0
|
|
1114
|
-
}, Xe = v(() => import("./select-
|
|
1114
|
+
}, Xe = v(() => import("./select-d1391d12.js")), Ze = {
|
|
1115
1115
|
name: "Form:SubmitButton",
|
|
1116
1116
|
image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fdf2820ffed1f4349a94c40b3221f5b98",
|
|
1117
1117
|
defaultStyles: {
|
|
@@ -1186,7 +1186,7 @@ const B = {
|
|
|
1186
1186
|
}],
|
|
1187
1187
|
noWrap: !0,
|
|
1188
1188
|
static: !0
|
|
1189
|
-
}, it = v(() => import("./img-
|
|
1189
|
+
}, it = v(() => import("./img-602f7d3a.js")), ot = {
|
|
1190
1190
|
name: "Video",
|
|
1191
1191
|
canHaveChildren: !0,
|
|
1192
1192
|
defaultStyles: {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react/jsx-runtime"),r=require("react"),s=require("./server-entry-4133a544.cjs"),k=require("./blocks-exports.cjs"),E=require("./blocks-53ae1b87.cjs"),z=require("./evaluate-c0eeb4f8.cjs");require("./get-class-prop-name-eae60eae.cjs");require("./dynamic-renderer-b29b45ca.cjs");const A={"@type":"@builder.io/sdk:Element",layerName:"Accordion item title",responsiveStyles:{large:{marginTop:"10px",position:"relative",display:"flex",alignItems:"stretch",flexDirection:"column",paddingBottom:"10px"}},children:[{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{textAlign:"left",display:"flex",flexDirection:"column"}},component:{name:"Text",options:{text:"I am an accordion title. Click me!"}}}]},B={"@type":"@builder.io/sdk:Element",layerName:"Accordion item detail",responsiveStyles:{large:{position:"relative",display:"flex",alignItems:"stretch",flexDirection:"column",marginTop:"10px",paddingBottom:"10px"}},children:[{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{paddingTop:"50px",textAlign:"left",display:"flex",flexDirection:"column",paddingBottom:"50px"}},component:{name:"Text",options:{text:"I am an accordion detail, hello!"}}}]},Z={name:"Builder:Accordion",canHaveChildren:!0,image:"https://cdn.builder.io/api/v1/image/assets%2FagZ9n5CUKRfbL9t6CaJOyVSK4Es2%2Ffab6c1fd3fe542408cbdec078bca7f35",defaultStyles:{display:"flex",flexDirection:"column",alignItems:"stretch"},inputs:[{name:"items",type:"list",broadcast:!0,subFields:[{name:"title",type:"uiBlocks",hideFromUI:!0,defaultValue:[A]},{name:"detail",type:"uiBlocks",hideFromUI:!0,defaultValue:[B]}],defaultValue:[{title:[A],detail:[B]},{title:[A],detail:[B]}],showIf:e=>!e.get("useChildrenForItems")},{name:"oneAtATime",helperText:"Only allow opening one at a time (collapse all others when new item openned)",type:"boolean",defaultValue:!1},{name:"grid",helperText:"Display as a grid",type:"boolean",defaultValue:!1},{name:"gridRowWidth",helperText:"Display as a grid",type:"string",showIf:e=>e.get("grid"),defaultValue:"25%"},{name:"useChildrenForItems",type:"boolean",helperText:"Use child elements for each slide, instead of the array. Useful for dynamically repeating items",advanced:!0,defaultValue:!1,onChange:e=>{e.get("useChildrenForItems")===!0&&e.set("items",[])}}],shouldReceiveBuilderProps:{builderBlock:!0,builderContext:!0,builderComponents:!0,builderLinkComponent:!0}},ee=r.lazy(()=>Promise.resolve().then(()=>require("./accordion-72dab8ce.cjs"))),te={name:"Core:Button",image:"https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",defaultStyles:{appearance:"none",paddingTop:"15px",paddingBottom:"15px",paddingLeft:"25px",paddingRight:"25px",backgroundColor:"#000000",color:"white",borderRadius:"4px",textAlign:"center",cursor:"pointer"},inputs:[{name:"text",type:"text",defaultValue:"Click me!",bubble:!0},{name:"link",type:"url",bubble:!0},{name:"openLinkInNewTab",type:"boolean",defaultValue:!1,friendlyName:"Open link in new tab"}],static:!0,noWrap:!0,shouldReceiveBuilderProps:{builderLinkComponent:!0}},ne={name:"Columns",isRSC:!0,inputs:[{name:"columns",type:"array",broadcast:!0,subFields:[{name:"blocks",type:"array",hideFromUI:!0,defaultValue:[{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{display:"flex",flexDirection:"column",alignItems:"stretch",flexShrink:"0",position:"relative",marginTop:"30px",textAlign:"center",lineHeight:"normal",height:"auto",minHeight:"20px",minWidth:"20px",overflow:"hidden"}},component:{name:"Image",options:{image:"https://builder.io/api/v1/image/assets%2Fpwgjf0RoYWbdnJSbpBAjXNRMe9F2%2Ffb27a7c790324294af8be1c35fe30f4d",backgroundPosition:"center",backgroundSize:"cover",aspectRatio:.7004048582995948}}},{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{display:"flex",flexDirection:"column",alignItems:"stretch",flexShrink:"0",position:"relative",marginTop:"30px",textAlign:"center",lineHeight:"normal",height:"auto"}},component:{name:"Text",options:{text:"<p>Enter some text...</p>"}}}]},{name:"width",type:"number",hideFromUI:!0,helperText:"Width %, e.g. set to 50 to fill half of the space"},{name:"link",type:"url",helperText:"Optionally set a url that clicking this column will link to"}],defaultValue:[{blocks:[{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{display:"flex",flexDirection:"column",alignItems:"stretch",flexShrink:"0",position:"relative",marginTop:"30px",textAlign:"center",lineHeight:"normal",height:"auto",minHeight:"20px",minWidth:"20px",overflow:"hidden"}},component:{name:"Image",options:{image:"https://builder.io/api/v1/image/assets%2Fpwgjf0RoYWbdnJSbpBAjXNRMe9F2%2Ffb27a7c790324294af8be1c35fe30f4d",backgroundPosition:"center",backgroundSize:"cover",aspectRatio:.7004048582995948}}},{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{display:"flex",flexDirection:"column",alignItems:"stretch",flexShrink:"0",position:"relative",marginTop:"30px",textAlign:"center",lineHeight:"normal",height:"auto"}},component:{name:"Text",options:{text:"<p>Enter some text...</p>"}}}]},{blocks:[{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{display:"flex",flexDirection:"column",alignItems:"stretch",flexShrink:"0",position:"relative",marginTop:"30px",textAlign:"center",lineHeight:"normal",height:"auto",minHeight:"20px",minWidth:"20px",overflow:"hidden"}},component:{name:"Image",options:{image:"https://builder.io/api/v1/image/assets%2Fpwgjf0RoYWbdnJSbpBAjXNRMe9F2%2Ffb27a7c790324294af8be1c35fe30f4d",backgroundPosition:"center",backgroundSize:"cover",aspectRatio:.7004048582995948}}},{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{display:"flex",flexDirection:"column",alignItems:"stretch",flexShrink:"0",position:"relative",marginTop:"30px",textAlign:"center",lineHeight:"normal",height:"auto"}},component:{name:"Text",options:{text:"<p>Enter some text...</p>"}}}]}],onChange:e=>{function t(){n.forEach(i=>{i.delete("width")})}const n=e.get("columns");Array.isArray(n)&&n.find(c=>c.get("width"))&&(n.find(f=>!f.get("width"))||n.reduce((o,g)=>o+g.get("width"),0)!==100)&&t()}},{name:"space",type:"number",defaultValue:20,helperText:"Size of gap between columns",advanced:!0},{name:"stackColumnsAt",type:"string",defaultValue:"tablet",helperText:"Convert horizontal columns to vertical at what device size",enum:["tablet","mobile","never"],advanced:!0},{name:"reverseColumnsWhenStacked",type:"boolean",defaultValue:!1,helperText:"When stacking columns for mobile devices, reverse the ordering",advanced:!0}],shouldReceiveBuilderProps:{builderBlock:!0,builderContext:!0,builderComponents:!0,builderLinkComponent:!0}},ae={name:"Fragment",static:!0,hidden:!0,canHaveChildren:!0,noWrap:!0},ie={name:"Image",static:!0,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",defaultStyles:{position:"relative",minHeight:"20px",minWidth:"20px",overflow:"hidden"},canHaveChildren:!0,inputs:[{name:"image",type:"file",bubble:!0,allowedFileTypes:["jpeg","jpg","png","svg","webp"],required:!0,defaultValue:"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F72c80f114dc149019051b6852a9e3b7a",onChange:e=>{e.delete("srcset"),e.delete("noWebp");function n(a,o=6e4){return new Promise((g,y)=>{const C=document.createElement("img");let T=!1;C.onload=()=>{T=!0,g(C)},C.addEventListener("error",V=>{console.warn("Image load failed",V.error),y(V.error)}),C.src=a,setTimeout(()=>{T||y(new Error("Image load timed out"))},o)})}function i(a){return Math.round(a*1e3)/1e3}const c=e.get("image"),f=e.get("aspectRatio");if(fetch(c).then(a=>a.blob()).then(a=>{a.type.includes("svg")&&e.set("noWebp",!0)}),c&&(!f||f===.7041))return n(c).then(a=>{const o=e.get("aspectRatio");e.get("image")===c&&(!o||o===.7041)&&a.width&&a.height&&(e.set("aspectRatio",i(a.height/a.width)),e.set("height",a.height),e.set("width",a.width))})}},{name:"backgroundSize",type:"text",defaultValue:"cover",enum:[{label:"contain",value:"contain",helperText:"The image should never get cropped"},{label:"cover",value:"cover",helperText:"The image should fill it's box, cropping when needed"}]},{name:"backgroundPosition",type:"text",defaultValue:"center",enum:["center","top","left","right","bottom","top left","top right","bottom left","bottom right"]},{name:"altText",type:"string",helperText:"Text to display when the user has images off"},{name:"height",type:"number",hideFromUI:!0},{name:"width",type:"number",hideFromUI:!0},{name:"sizes",type:"string",hideFromUI:!0},{name:"srcset",type:"string",hideFromUI:!0},{name:"lazy",type:"boolean",defaultValue:!0,hideFromUI:!0},{name:"fitContent",type:"boolean",helperText:"When child blocks are provided, fit to them instead of using the image's aspect ratio",defaultValue:!0},{name:"highPriority",type:"boolean",advanced:!0,helperText:"Mark this image as high priority compared to other images on the page. This prevents lazy loading of the image and tells the browser to load this image before others on the page."},{name:"aspectRatio",type:"number",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",advanced:!0,defaultValue:.7041}],shouldReceiveBuilderProps:{builderBlock:!0}},oe={name:"Core:Section",static:!0,image:"https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",inputs:[{name:"maxWidth",type:"number",defaultValue:1200},{name:"lazyLoad",type:"boolean",defaultValue:!1,advanced:!0,description:"Only render this section when in view"}],defaultStyles:{paddingLeft:"20px",paddingRight:"20px",paddingTop:"50px",paddingBottom:"50px",marginTop:"0px",width:"100vw",marginLeft:"calc(50% - 50vw)"},canHaveChildren:!0,defaultChildren:[{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{textAlign:"center"}},component:{name:"Text",options:{text:"<p><b>I am a section! My content keeps from getting too wide, so that it's easy to read even on big screens.</b></p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur</p>"}}}]},re={name:"Slot",isRSC:!0,description:"Allow child blocks to be inserted into this content when used as a Symbol",docsLink:"https://www.builder.io/c/docs/symbols-with-blocks",image:"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F3aad6de36eae43b59b52c85190fdef56",inputs:[{name:"name",type:"string",required:!0,defaultValue:"children"}],shouldReceiveBuilderProps:{builderContext:!0}},le=r.lazy(()=>Promise.resolve().then(()=>require("./slot-a4509cae.cjs"))),se={name:"Symbol",noWrap:!0,static:!0,isRSC:!0,inputs:[{name:"symbol",type:"uiSymbol"},{name:"dataOnly",helperText:"Make this a data symbol that doesn't display any UI",type:"boolean",defaultValue:!1,advanced:!0,hideFromUI:!0},{name:"inheritState",helperText:"Inherit the parent component state and data",type:"boolean",defaultValue:!1,advanced:!0},{name:"renderToLiquid",helperText:"Render this symbols contents to liquid. Turn off to fetch with javascript and use custom targeting",type:"boolean",defaultValue:!1,advanced:!0,hideFromUI:!0},{name:"useChildren",hideFromUI:!0,type:"boolean"}],shouldReceiveBuilderProps:{builderBlock:!0,builderContext:!0,builderComponents:!0,builderLinkComponent:!0}},q={"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{paddingLeft:"20px",paddingRight:"20px",paddingTop:"10px",paddingBottom:"10px",minWidth:"100px",textAlign:"center",display:"flex",flexDirection:"column",cursor:"pointer",userSelect:"none"}},component:{name:"Text",options:{text:"New tab"}}},D={"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{height:"200px",display:"flex",marginTop:"20px",flexDirection:"column"}},component:{name:"Text",options:{text:"New tab content "}}},de={name:"Builder: Tabs",inputs:[{name:"tabs",type:"list",broadcast:!0,subFields:[{name:"label",type:"uiBlocks",hideFromUI:!0,defaultValue:[q]},{name:"content",type:"uiBlocks",hideFromUI:!0,defaultValue:[D]}],defaultValue:[{label:[{...q,component:{name:"Text",options:{text:"Tab 1"}}}],content:[{...D,component:{name:"Text",options:{text:"Tab 1 content"}}}]},{label:[{...q,component:{name:"Text",options:{text:"Tab 2"}}}],content:[{...D,component:{name:"Text",options:{text:"Tab 2 content"}}}]}]},{name:"activeTabStyle",type:"uiStyle",helperText:"CSS styles for the active tab",defaultValue:{backgroundColor:"rgba(0, 0, 0, 0.1)"}},{name:"defaultActiveTab",type:"number",helperText:'Default tab to open to. Set to "1" for the first tab, "2" for the second, or choose "0" for none',defaultValue:1,advanced:!0},{name:"collapsible",type:"boolean",helperText:"If on, clicking an open tab closes it so no tabs are active",defaultValue:!1,advanced:!0},{name:"tabHeaderLayout",type:"enum",helperText:"Change the layout of the tab headers (uses justify-content)",defaultValue:"flex-start",enum:[{label:"Center",value:"center"},{label:"Space between",value:"space-between"},{label:"Space around",value:"space-around"},{label:"Left",value:"flex-start"},{label:"Right",value:"flex-end"}]}],shouldReceiveBuilderProps:{builderBlock:!0,builderContext:!0,builderComponents:!0,builderLinkComponent:!0}},ue=r.lazy(()=>Promise.resolve().then(()=>require("./tabs-4c131e17.cjs"))),ce={shouldReceiveBuilderProps:{builderBlock:!1,builderContext:!0},name:"Text",static:!0,isRSC:!0,image:"https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-text_fields-24px%20(1).svg?alt=media&token=12177b73-0ee3-42ca-98c6-0dd003de1929",inputs:[{name:"text",type:"html",required:!0,autoFocus:!0,bubble:!0,defaultValue:"Enter some text..."}],defaultStyles:{lineHeight:"normal",height:"auto",textAlign:"center"}},me={name:"Custom Code",static:!0,requiredPermissions:["editCode"],inputs:[{name:"code",type:"html",required:!0,defaultValue:"<p>Hello there, I am custom HTML code!</p>",code:!0},{name:"replaceNodes",type:"boolean",helperText:"Preserve server rendered dom nodes",advanced:!0},{name:"scriptsClientOnly",type:"boolean",defaultValue:!1,helperText:"Only print and run scripts on the client. Important when scripts influence DOM that could be replaced when client loads",advanced:!0}]},pe=r.lazy(()=>Promise.resolve().then(()=>require("./custom-code-6d9730ff.cjs"))),fe={name:"Embed",static:!0,inputs:[{name:"url",type:"url",required:!0,defaultValue:"",helperText:"e.g. enter a youtube url, google map, etc"},{name:"content",type:"html",defaultValue:'<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',hideFromUI:!0}]},ge=r.lazy(()=>Promise.resolve().then(()=>require("./embed-32bdd007.cjs"))),he={name:"Form:Form",defaults:{responsiveStyles:{large:{marginTop:"15px",paddingBottom:"15px"}}},image:"https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fef36d2a846134910b64b88e6d18c5ca5",inputs:[{name:"sendSubmissionsTo",type:"string",enum:[{label:"Send to email",value:"email",helperText:"Send form submissions to the email address of your choosing"},{label:"Custom",value:"custom",helperText:"Handle where the form requests go manually with a little code, e.g. to your own custom backend"}],defaultValue:"email"},{name:"sendSubmissionsToEmail",type:"string",required:!0,defaultValue:"your@email.com",showIf:'options.get("sendSubmissionsTo") === "email"'},{name:"sendWithJs",type:"boolean",helperText:"Set to false to use basic html form action",defaultValue:!0,showIf:'options.get("sendSubmissionsTo") === "custom"'},{name:"name",type:"string",defaultValue:"My form"},{name:"action",type:"string",helperText:"URL to send the form data to",showIf:'options.get("sendSubmissionsTo") === "custom"'},{name:"contentType",type:"string",defaultValue:"application/json",advanced:!0,enum:["application/json","multipart/form-data","application/x-www-form-urlencoded"],showIf:'options.get("sendSubmissionsTo") === "custom" && options.get("sendWithJs") === true'},{name:"method",type:"string",showIf:'options.get("sendSubmissionsTo") === "custom"',defaultValue:"POST",advanced:!0},{name:"previewState",type:"string",enum:["unsubmitted","sending","success","error"],defaultValue:"unsubmitted",helperText:'Choose a state to edit, e.g. choose "success" to show what users see on success and edit the message',showIf:'options.get("sendSubmissionsTo") !== "zapier" && options.get("sendWithJs") === true'},{name:"successUrl",type:"url",helperText:"Optional URL to redirect the user to on form submission success",showIf:'options.get("sendSubmissionsTo") !== "zapier" && options.get("sendWithJs") === true'},{name:"resetFormOnSubmit",type:"boolean",showIf:"options.get('sendSubmissionsTo') === 'custom' && options.get('sendWithJs') === true",advanced:!0},{name:"successMessage",type:"uiBlocks",hideFromUI:!0,defaultValue:[{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{marginTop:"10px"}},component:{name:"Text",options:{text:"<span>Thanks!</span>"}}}]},{name:"validate",type:"boolean",defaultValue:!0,advanced:!0},{name:"errorMessagePath",type:"text",advanced:!0,helperText:'Path to where to get the error message from in a JSON response to display to the user, e.g. "error.message" for a response like { "error": { "message": "this username is taken" }}'},{name:"errorMessage",type:"uiBlocks",hideFromUI:!0,defaultValue:[{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{marginTop:"10px"}},bindings:{"component.options.text":"state.formErrorMessage || block.component.options.text"},component:{name:"Text",options:{text:"<span>Form submission error :( Please check your answers and try again</span>"}}}]},{name:"sendingMessage",type:"uiBlocks",hideFromUI:!0,defaultValue:[{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{marginTop:"10px"}},component:{name:"Text",options:{text:"<span>Sending...</span>"}}}]},{name:"customHeaders",type:"map",valueType:{type:"string"},advanced:!0,showIf:'options.get("sendSubmissionsTo") === "custom" && options.get("sendWithJs") === true'}],noWrap:!0,canHaveChildren:!0,defaultChildren:[{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{marginTop:"10px"}},component:{name:"Text",options:{text:"<span>Enter your name</span>"}}},{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{marginTop:"10px"}},component:{name:"Form:Input",options:{name:"name",placeholder:"Jane Doe"}}},{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{marginTop:"10px"}},component:{name:"Text",options:{text:"<span>Enter your email</span>"}}},{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{marginTop:"10px"}},component:{name:"Form:Input",options:{name:"email",placeholder:"jane@doe.com"}}},{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{marginTop:"10px"}},component:{name:"Form:SubmitButton",options:{text:"Submit"}}}],shouldReceiveBuilderProps:{builderBlock:!0,builderContext:!0,builderComponents:!0,builderLinkComponent:!0}},be=r.lazy(()=>Promise.resolve().then(()=>require("./form-9d9dce5d.cjs"))),xe={name:"Form:Input",image:"https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fad6f37889d9e40bbbbc72cdb5875d6ca",inputs:[{name:"type",type:"text",enum:["text","number","email","url","checkbox","radio","range","date","datetime-local","search","tel","time","file","month","week","password","color","hidden"],defaultValue:"text"},{name:"name",type:"string",required:!0,helperText:'Every input in a form needs a unique name describing what it takes, e.g. "email"'},{name:"placeholder",type:"string",defaultValue:"Hello there",helperText:"Text to display when there is no value"},{name:"defaultValue",type:"string"},{name:"value",type:"string",advanced:!0},{name:"required",type:"boolean",helperText:"Is this input required to be filled out to submit a form",defaultValue:!1}],noWrap:!0,static:!0,defaultStyles:{paddingTop:"10px",paddingBottom:"10px",paddingLeft:"10px",paddingRight:"10px",borderRadius:"3px",borderWidth:"1px",borderStyle:"solid",borderColor:"#ccc"}},ye=r.lazy(()=>Promise.resolve().then(()=>require("./input-fd18a67d.cjs"))),ve={name:"Form:Select",image:"https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F83acca093fb24aaf94dee136e9a4b045",defaultStyles:{alignSelf:"flex-start"},inputs:[{name:"options",type:"list",required:!0,subFields:[{name:"value",type:"text",required:!0},{name:"name",type:"text"}],defaultValue:[{value:"option 1"},{value:"option 2"}]},{name:"name",type:"string",required:!0,helperText:'Every select in a form needs a unique name describing what it gets, e.g. "email"'},{name:"defaultValue",type:"string"},{name:"value",type:"string",advanced:!0},{name:"required",type:"boolean",defaultValue:!1}],static:!0,noWrap:!0},Se=r.lazy(()=>Promise.resolve().then(()=>require("./select-6ea0d59f.cjs"))),Te={name:"Form:SubmitButton",image:"https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fdf2820ffed1f4349a94c40b3221f5b98",defaultStyles:{appearance:"none",paddingTop:"15px",paddingBottom:"15px",paddingLeft:"25px",paddingRight:"25px",backgroundColor:"#3898EC",color:"white",borderRadius:"4px",cursor:"pointer"},inputs:[{name:"text",type:"text",defaultValue:"Click me"}],static:!0,noWrap:!0},ke=r.lazy(()=>Promise.resolve().then(()=>require("./submit-button-b363e0ed.cjs"))),Ce={name:"Form:TextArea",image:"https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Ff74a2f3de58c4c3e939204e5b6b8f6c3",inputs:[{advanced:!0,name:"value",type:"string"},{name:"name",type:"string",required:!0,helperText:'Every input in a form needs a unique name describing what it gets, e.g. "email"'},{name:"defaultValue",type:"string"},{name:"placeholder",type:"string",defaultValue:"Hello there"},{name:"required",type:"boolean",defaultValue:!1}],defaultStyles:{paddingTop:"10px",paddingBottom:"10px",paddingLeft:"10px",paddingRight:"10px",borderRadius:"3px",borderWidth:"1px",borderStyle:"solid",borderColor:"#ccc"},static:!0,noWrap:!0},Ie=r.lazy(()=>Promise.resolve().then(()=>require("./textarea-56a875bc.cjs"))),we={name:"Raw:Img",hideFromInsertMenu:!0,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",inputs:[{name:"image",bubble:!0,type:"file",allowedFileTypes:["jpeg","jpg","png","svg","gif","webp"],required:!0}],noWrap:!0,static:!0},Ve=r.lazy(()=>Promise.resolve().then(()=>require("./img-183de27d.cjs"))),Re={name:"Video",canHaveChildren:!0,defaultStyles:{minHeight:"20px",minWidth:"20px"},image:"https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-videocam-24px%20(1).svg?alt=media&token=49a84e4a-b20e-4977-a650-047f986874bb",inputs:[{name:"video",type:"file",allowedFileTypes:["mp4"],bubble:!0,defaultValue:"https://cdn.builder.io/o/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fd27731a526464deba0016216f5f9e570%2Fcompressed?apiKey=YJIGb4i01jvw0SRdL5Bt&token=d27731a526464deba0016216f5f9e570&alt=media&optimized=true",required:!0},{name:"posterImage",type:"file",allowedFileTypes:["jpeg","png"],helperText:"Image to show before the video plays"},{name:"autoPlay",type:"boolean",defaultValue:!0},{name:"controls",type:"boolean",defaultValue:!1},{name:"muted",type:"boolean",defaultValue:!0},{name:"loop",type:"boolean",defaultValue:!0},{name:"playsInline",type:"boolean",defaultValue:!0},{name:"fit",type:"text",defaultValue:"cover",enum:["contain","cover","fill","auto"]},{name:"preload",type:"text",defaultValue:"metadata",enum:["auto","metadata","none"]},{name:"fitContent",type:"boolean",helperText:"When child blocks are provided, fit to them instead of using the aspect ratio",defaultValue:!0,advanced:!0},{name:"position",type:"text",defaultValue:"center",enum:["center","top","left","right","bottom","top left","top right","bottom left","bottom right"]},{name:"height",type:"number",advanced:!0},{name:"width",type:"number",advanced:!0},{name:"aspectRatio",type:"number",advanced:!0,defaultValue:.7004048582995948},{name:"lazyLoad",type:"boolean",helperText:'Load this video "lazily" - as in only when a user scrolls near the video. Recommended for optmized performance and bandwidth consumption',defaultValue:!0,advanced:!0}],shouldReceiveBuilderProps:{builderBlock:!0}},Ee=()=>[{component:pe,...me},{component:ge,...fe},{component:be,...he},{component:ye,...xe},{component:ke,...Te},{component:Se,...ve},{component:Ie,...Ce},{component:Ve,...we},{component:k.Video,...Re}],M=()=>[{component:k.Button,...te},{component:k.Columns,...ne},{component:k.Fragment,...ae},{component:k.Image,...ie},{component:k.Section,...oe},{component:le,...re},{component:k.Symbol,...se},{component:k.Text,...ce},{component:ue,...de},{component:ee,...Z},...Ee()],Fe=`function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react/jsx-runtime"),r=require("react"),s=require("./server-entry-7b4fa72f.cjs"),k=require("./blocks-exports.cjs"),E=require("./blocks-854f4022.cjs"),z=require("./evaluate-3991fda5.cjs");require("./get-class-prop-name-2fa91d70.cjs");require("./dynamic-renderer-b29b45ca.cjs");const A={"@type":"@builder.io/sdk:Element",layerName:"Accordion item title",responsiveStyles:{large:{marginTop:"10px",position:"relative",display:"flex",alignItems:"stretch",flexDirection:"column",paddingBottom:"10px"}},children:[{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{textAlign:"left",display:"flex",flexDirection:"column"}},component:{name:"Text",options:{text:"I am an accordion title. Click me!"}}}]},B={"@type":"@builder.io/sdk:Element",layerName:"Accordion item detail",responsiveStyles:{large:{position:"relative",display:"flex",alignItems:"stretch",flexDirection:"column",marginTop:"10px",paddingBottom:"10px"}},children:[{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{paddingTop:"50px",textAlign:"left",display:"flex",flexDirection:"column",paddingBottom:"50px"}},component:{name:"Text",options:{text:"I am an accordion detail, hello!"}}}]},Z={name:"Builder:Accordion",canHaveChildren:!0,image:"https://cdn.builder.io/api/v1/image/assets%2FagZ9n5CUKRfbL9t6CaJOyVSK4Es2%2Ffab6c1fd3fe542408cbdec078bca7f35",defaultStyles:{display:"flex",flexDirection:"column",alignItems:"stretch"},inputs:[{name:"items",type:"list",broadcast:!0,subFields:[{name:"title",type:"uiBlocks",hideFromUI:!0,defaultValue:[A]},{name:"detail",type:"uiBlocks",hideFromUI:!0,defaultValue:[B]}],defaultValue:[{title:[A],detail:[B]},{title:[A],detail:[B]}],showIf:e=>!e.get("useChildrenForItems")},{name:"oneAtATime",helperText:"Only allow opening one at a time (collapse all others when new item openned)",type:"boolean",defaultValue:!1},{name:"grid",helperText:"Display as a grid",type:"boolean",defaultValue:!1},{name:"gridRowWidth",helperText:"Display as a grid",type:"string",showIf:e=>e.get("grid"),defaultValue:"25%"},{name:"useChildrenForItems",type:"boolean",helperText:"Use child elements for each slide, instead of the array. Useful for dynamically repeating items",advanced:!0,defaultValue:!1,onChange:e=>{e.get("useChildrenForItems")===!0&&e.set("items",[])}}],shouldReceiveBuilderProps:{builderBlock:!0,builderContext:!0,builderComponents:!0,builderLinkComponent:!0}},ee=r.lazy(()=>Promise.resolve().then(()=>require("./accordion-afed3bd3.cjs"))),te={name:"Core:Button",image:"https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",defaultStyles:{appearance:"none",paddingTop:"15px",paddingBottom:"15px",paddingLeft:"25px",paddingRight:"25px",backgroundColor:"#000000",color:"white",borderRadius:"4px",textAlign:"center",cursor:"pointer"},inputs:[{name:"text",type:"text",defaultValue:"Click me!",bubble:!0},{name:"link",type:"url",bubble:!0},{name:"openLinkInNewTab",type:"boolean",defaultValue:!1,friendlyName:"Open link in new tab"}],static:!0,noWrap:!0,shouldReceiveBuilderProps:{builderLinkComponent:!0}},ne={name:"Columns",isRSC:!0,inputs:[{name:"columns",type:"array",broadcast:!0,subFields:[{name:"blocks",type:"array",hideFromUI:!0,defaultValue:[{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{display:"flex",flexDirection:"column",alignItems:"stretch",flexShrink:"0",position:"relative",marginTop:"30px",textAlign:"center",lineHeight:"normal",height:"auto",minHeight:"20px",minWidth:"20px",overflow:"hidden"}},component:{name:"Image",options:{image:"https://builder.io/api/v1/image/assets%2Fpwgjf0RoYWbdnJSbpBAjXNRMe9F2%2Ffb27a7c790324294af8be1c35fe30f4d",backgroundPosition:"center",backgroundSize:"cover",aspectRatio:.7004048582995948}}},{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{display:"flex",flexDirection:"column",alignItems:"stretch",flexShrink:"0",position:"relative",marginTop:"30px",textAlign:"center",lineHeight:"normal",height:"auto"}},component:{name:"Text",options:{text:"<p>Enter some text...</p>"}}}]},{name:"width",type:"number",hideFromUI:!0,helperText:"Width %, e.g. set to 50 to fill half of the space"},{name:"link",type:"url",helperText:"Optionally set a url that clicking this column will link to"}],defaultValue:[{blocks:[{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{display:"flex",flexDirection:"column",alignItems:"stretch",flexShrink:"0",position:"relative",marginTop:"30px",textAlign:"center",lineHeight:"normal",height:"auto",minHeight:"20px",minWidth:"20px",overflow:"hidden"}},component:{name:"Image",options:{image:"https://builder.io/api/v1/image/assets%2Fpwgjf0RoYWbdnJSbpBAjXNRMe9F2%2Ffb27a7c790324294af8be1c35fe30f4d",backgroundPosition:"center",backgroundSize:"cover",aspectRatio:.7004048582995948}}},{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{display:"flex",flexDirection:"column",alignItems:"stretch",flexShrink:"0",position:"relative",marginTop:"30px",textAlign:"center",lineHeight:"normal",height:"auto"}},component:{name:"Text",options:{text:"<p>Enter some text...</p>"}}}]},{blocks:[{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{display:"flex",flexDirection:"column",alignItems:"stretch",flexShrink:"0",position:"relative",marginTop:"30px",textAlign:"center",lineHeight:"normal",height:"auto",minHeight:"20px",minWidth:"20px",overflow:"hidden"}},component:{name:"Image",options:{image:"https://builder.io/api/v1/image/assets%2Fpwgjf0RoYWbdnJSbpBAjXNRMe9F2%2Ffb27a7c790324294af8be1c35fe30f4d",backgroundPosition:"center",backgroundSize:"cover",aspectRatio:.7004048582995948}}},{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{display:"flex",flexDirection:"column",alignItems:"stretch",flexShrink:"0",position:"relative",marginTop:"30px",textAlign:"center",lineHeight:"normal",height:"auto"}},component:{name:"Text",options:{text:"<p>Enter some text...</p>"}}}]}],onChange:e=>{function t(){n.forEach(i=>{i.delete("width")})}const n=e.get("columns");Array.isArray(n)&&n.find(c=>c.get("width"))&&(n.find(g=>!g.get("width"))||n.reduce((o,f)=>o+f.get("width"),0)!==100)&&t()}},{name:"space",type:"number",defaultValue:20,helperText:"Size of gap between columns",advanced:!0},{name:"stackColumnsAt",type:"string",defaultValue:"tablet",helperText:"Convert horizontal columns to vertical at what device size",enum:["tablet","mobile","never"],advanced:!0},{name:"reverseColumnsWhenStacked",type:"boolean",defaultValue:!1,helperText:"When stacking columns for mobile devices, reverse the ordering",advanced:!0}],shouldReceiveBuilderProps:{builderBlock:!0,builderContext:!0,builderComponents:!0,builderLinkComponent:!0}},ae={name:"Fragment",static:!0,hidden:!0,canHaveChildren:!0,noWrap:!0},ie={name:"Image",static:!0,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",defaultStyles:{position:"relative",minHeight:"20px",minWidth:"20px",overflow:"hidden"},canHaveChildren:!0,inputs:[{name:"image",type:"file",bubble:!0,allowedFileTypes:["jpeg","jpg","png","svg","webp"],required:!0,defaultValue:"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F72c80f114dc149019051b6852a9e3b7a",onChange:e=>{e.delete("srcset"),e.delete("noWebp");function n(a,o=6e4){return new Promise((f,y)=>{const C=document.createElement("img");let T=!1;C.onload=()=>{T=!0,f(C)},C.addEventListener("error",V=>{console.warn("Image load failed",V.error),y(V.error)}),C.src=a,setTimeout(()=>{T||y(new Error("Image load timed out"))},o)})}function i(a){return Math.round(a*1e3)/1e3}const c=e.get("image"),g=e.get("aspectRatio");if(fetch(c).then(a=>a.blob()).then(a=>{a.type.includes("svg")&&e.set("noWebp",!0)}),c&&(!g||g===.7041))return n(c).then(a=>{const o=e.get("aspectRatio");e.get("image")===c&&(!o||o===.7041)&&a.width&&a.height&&(e.set("aspectRatio",i(a.height/a.width)),e.set("height",a.height),e.set("width",a.width))})}},{name:"backgroundSize",type:"text",defaultValue:"cover",enum:[{label:"contain",value:"contain",helperText:"The image should never get cropped"},{label:"cover",value:"cover",helperText:"The image should fill it's box, cropping when needed"}]},{name:"backgroundPosition",type:"text",defaultValue:"center",enum:["center","top","left","right","bottom","top left","top right","bottom left","bottom right"]},{name:"altText",type:"string",helperText:"Text to display when the user has images off"},{name:"height",type:"number",hideFromUI:!0},{name:"width",type:"number",hideFromUI:!0},{name:"sizes",type:"string",hideFromUI:!0},{name:"srcset",type:"string",hideFromUI:!0},{name:"lazy",type:"boolean",defaultValue:!0,hideFromUI:!0},{name:"fitContent",type:"boolean",helperText:"When child blocks are provided, fit to them instead of using the image's aspect ratio",defaultValue:!0},{name:"highPriority",type:"boolean",advanced:!0,helperText:"Mark this image as high priority compared to other images on the page. This prevents lazy loading of the image and tells the browser to load this image before others on the page."},{name:"aspectRatio",type:"number",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",advanced:!0,defaultValue:.7041}],shouldReceiveBuilderProps:{builderBlock:!0}},oe={name:"Core:Section",static:!0,image:"https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",inputs:[{name:"maxWidth",type:"number",defaultValue:1200},{name:"lazyLoad",type:"boolean",defaultValue:!1,advanced:!0,description:"Only render this section when in view"}],defaultStyles:{paddingLeft:"20px",paddingRight:"20px",paddingTop:"50px",paddingBottom:"50px",marginTop:"0px",width:"100vw",marginLeft:"calc(50% - 50vw)"},canHaveChildren:!0,defaultChildren:[{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{textAlign:"center"}},component:{name:"Text",options:{text:"<p><b>I am a section! My content keeps from getting too wide, so that it's easy to read even on big screens.</b></p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur</p>"}}}]},re={name:"Slot",isRSC:!0,description:"Allow child blocks to be inserted into this content when used as a Symbol",docsLink:"https://www.builder.io/c/docs/symbols-with-blocks",image:"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F3aad6de36eae43b59b52c85190fdef56",inputs:[{name:"name",type:"string",required:!0,defaultValue:"children"}],shouldReceiveBuilderProps:{builderContext:!0}},le=r.lazy(()=>Promise.resolve().then(()=>require("./slot-d723d000.cjs"))),se={name:"Symbol",noWrap:!0,static:!0,isRSC:!0,inputs:[{name:"symbol",type:"uiSymbol"},{name:"dataOnly",helperText:"Make this a data symbol that doesn't display any UI",type:"boolean",defaultValue:!1,advanced:!0,hideFromUI:!0},{name:"inheritState",helperText:"Inherit the parent component state and data",type:"boolean",defaultValue:!1,advanced:!0},{name:"renderToLiquid",helperText:"Render this symbols contents to liquid. Turn off to fetch with javascript and use custom targeting",type:"boolean",defaultValue:!1,advanced:!0,hideFromUI:!0},{name:"useChildren",hideFromUI:!0,type:"boolean"}],shouldReceiveBuilderProps:{builderBlock:!0,builderContext:!0,builderComponents:!0,builderLinkComponent:!0}},q={"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{paddingLeft:"20px",paddingRight:"20px",paddingTop:"10px",paddingBottom:"10px",minWidth:"100px",textAlign:"center",display:"flex",flexDirection:"column",cursor:"pointer",userSelect:"none"}},component:{name:"Text",options:{text:"New tab"}}},D={"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{height:"200px",display:"flex",marginTop:"20px",flexDirection:"column"}},component:{name:"Text",options:{text:"New tab content "}}},de={name:"Builder: Tabs",inputs:[{name:"tabs",type:"list",broadcast:!0,subFields:[{name:"label",type:"uiBlocks",hideFromUI:!0,defaultValue:[q]},{name:"content",type:"uiBlocks",hideFromUI:!0,defaultValue:[D]}],defaultValue:[{label:[{...q,component:{name:"Text",options:{text:"Tab 1"}}}],content:[{...D,component:{name:"Text",options:{text:"Tab 1 content"}}}]},{label:[{...q,component:{name:"Text",options:{text:"Tab 2"}}}],content:[{...D,component:{name:"Text",options:{text:"Tab 2 content"}}}]}]},{name:"activeTabStyle",type:"uiStyle",helperText:"CSS styles for the active tab",defaultValue:{backgroundColor:"rgba(0, 0, 0, 0.1)"}},{name:"defaultActiveTab",type:"number",helperText:'Default tab to open to. Set to "1" for the first tab, "2" for the second, or choose "0" for none',defaultValue:1,advanced:!0},{name:"collapsible",type:"boolean",helperText:"If on, clicking an open tab closes it so no tabs are active",defaultValue:!1,advanced:!0},{name:"tabHeaderLayout",type:"enum",helperText:"Change the layout of the tab headers (uses justify-content)",defaultValue:"flex-start",enum:[{label:"Center",value:"center"},{label:"Space between",value:"space-between"},{label:"Space around",value:"space-around"},{label:"Left",value:"flex-start"},{label:"Right",value:"flex-end"}]}],shouldReceiveBuilderProps:{builderBlock:!0,builderContext:!0,builderComponents:!0,builderLinkComponent:!0}},ue=r.lazy(()=>Promise.resolve().then(()=>require("./tabs-8296bce7.cjs"))),ce={shouldReceiveBuilderProps:{builderBlock:!1,builderContext:!0},name:"Text",static:!0,isRSC:!0,image:"https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-text_fields-24px%20(1).svg?alt=media&token=12177b73-0ee3-42ca-98c6-0dd003de1929",inputs:[{name:"text",type:"html",required:!0,autoFocus:!0,bubble:!0,defaultValue:"Enter some text..."}],defaultStyles:{lineHeight:"normal",height:"auto",textAlign:"center"}},me={name:"Custom Code",static:!0,requiredPermissions:["editCode"],inputs:[{name:"code",type:"html",required:!0,defaultValue:"<p>Hello there, I am custom HTML code!</p>",code:!0},{name:"replaceNodes",type:"boolean",helperText:"Preserve server rendered dom nodes",advanced:!0},{name:"scriptsClientOnly",type:"boolean",defaultValue:!1,helperText:"Only print and run scripts on the client. Important when scripts influence DOM that could be replaced when client loads",advanced:!0}]},pe=r.lazy(()=>Promise.resolve().then(()=>require("./custom-code-6d9730ff.cjs"))),ge={name:"Embed",static:!0,inputs:[{name:"url",type:"url",required:!0,defaultValue:"",helperText:"e.g. enter a youtube url, google map, etc"},{name:"content",type:"html",defaultValue:'<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',hideFromUI:!0}]},fe=r.lazy(()=>Promise.resolve().then(()=>require("./embed-32bdd007.cjs"))),he={name:"Form:Form",defaults:{responsiveStyles:{large:{marginTop:"15px",paddingBottom:"15px"}}},image:"https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fef36d2a846134910b64b88e6d18c5ca5",inputs:[{name:"sendSubmissionsTo",type:"string",enum:[{label:"Send to email",value:"email",helperText:"Send form submissions to the email address of your choosing"},{label:"Custom",value:"custom",helperText:"Handle where the form requests go manually with a little code, e.g. to your own custom backend"}],defaultValue:"email"},{name:"sendSubmissionsToEmail",type:"string",required:!0,defaultValue:"your@email.com",showIf:'options.get("sendSubmissionsTo") === "email"'},{name:"sendWithJs",type:"boolean",helperText:"Set to false to use basic html form action",defaultValue:!0,showIf:'options.get("sendSubmissionsTo") === "custom"'},{name:"name",type:"string",defaultValue:"My form"},{name:"action",type:"string",helperText:"URL to send the form data to",showIf:'options.get("sendSubmissionsTo") === "custom"'},{name:"contentType",type:"string",defaultValue:"application/json",advanced:!0,enum:["application/json","multipart/form-data","application/x-www-form-urlencoded"],showIf:'options.get("sendSubmissionsTo") === "custom" && options.get("sendWithJs") === true'},{name:"method",type:"string",showIf:'options.get("sendSubmissionsTo") === "custom"',defaultValue:"POST",advanced:!0},{name:"previewState",type:"string",enum:["unsubmitted","sending","success","error"],defaultValue:"unsubmitted",helperText:'Choose a state to edit, e.g. choose "success" to show what users see on success and edit the message',showIf:'options.get("sendSubmissionsTo") !== "zapier" && options.get("sendWithJs") === true'},{name:"successUrl",type:"url",helperText:"Optional URL to redirect the user to on form submission success",showIf:'options.get("sendSubmissionsTo") !== "zapier" && options.get("sendWithJs") === true'},{name:"resetFormOnSubmit",type:"boolean",showIf:"options.get('sendSubmissionsTo') === 'custom' && options.get('sendWithJs') === true",advanced:!0},{name:"successMessage",type:"uiBlocks",hideFromUI:!0,defaultValue:[{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{marginTop:"10px"}},component:{name:"Text",options:{text:"<span>Thanks!</span>"}}}]},{name:"validate",type:"boolean",defaultValue:!0,advanced:!0},{name:"errorMessagePath",type:"text",advanced:!0,helperText:'Path to where to get the error message from in a JSON response to display to the user, e.g. "error.message" for a response like { "error": { "message": "this username is taken" }}'},{name:"errorMessage",type:"uiBlocks",hideFromUI:!0,defaultValue:[{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{marginTop:"10px"}},bindings:{"component.options.text":"state.formErrorMessage || block.component.options.text"},component:{name:"Text",options:{text:"<span>Form submission error :( Please check your answers and try again</span>"}}}]},{name:"sendingMessage",type:"uiBlocks",hideFromUI:!0,defaultValue:[{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{marginTop:"10px"}},component:{name:"Text",options:{text:"<span>Sending...</span>"}}}]},{name:"customHeaders",type:"map",valueType:{type:"string"},advanced:!0,showIf:'options.get("sendSubmissionsTo") === "custom" && options.get("sendWithJs") === true'}],noWrap:!0,canHaveChildren:!0,defaultChildren:[{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{marginTop:"10px"}},component:{name:"Text",options:{text:"<span>Enter your name</span>"}}},{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{marginTop:"10px"}},component:{name:"Form:Input",options:{name:"name",placeholder:"Jane Doe"}}},{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{marginTop:"10px"}},component:{name:"Text",options:{text:"<span>Enter your email</span>"}}},{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{marginTop:"10px"}},component:{name:"Form:Input",options:{name:"email",placeholder:"jane@doe.com"}}},{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{marginTop:"10px"}},component:{name:"Form:SubmitButton",options:{text:"Submit"}}}],shouldReceiveBuilderProps:{builderBlock:!0,builderContext:!0,builderComponents:!0,builderLinkComponent:!0}},be=r.lazy(()=>Promise.resolve().then(()=>require("./form-5eb85abf.cjs"))),xe={name:"Form:Input",image:"https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fad6f37889d9e40bbbbc72cdb5875d6ca",inputs:[{name:"type",type:"text",enum:["text","number","email","url","checkbox","radio","range","date","datetime-local","search","tel","time","file","month","week","password","color","hidden"],defaultValue:"text"},{name:"name",type:"string",required:!0,helperText:'Every input in a form needs a unique name describing what it takes, e.g. "email"'},{name:"placeholder",type:"string",defaultValue:"Hello there",helperText:"Text to display when there is no value"},{name:"defaultValue",type:"string"},{name:"value",type:"string",advanced:!0},{name:"required",type:"boolean",helperText:"Is this input required to be filled out to submit a form",defaultValue:!1}],noWrap:!0,static:!0,defaultStyles:{paddingTop:"10px",paddingBottom:"10px",paddingLeft:"10px",paddingRight:"10px",borderRadius:"3px",borderWidth:"1px",borderStyle:"solid",borderColor:"#ccc"}},ye=r.lazy(()=>Promise.resolve().then(()=>require("./input-551362f3.cjs"))),ve={name:"Form:Select",image:"https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F83acca093fb24aaf94dee136e9a4b045",defaultStyles:{alignSelf:"flex-start"},inputs:[{name:"options",type:"list",required:!0,subFields:[{name:"value",type:"text",required:!0},{name:"name",type:"text"}],defaultValue:[{value:"option 1"},{value:"option 2"}]},{name:"name",type:"string",required:!0,helperText:'Every select in a form needs a unique name describing what it gets, e.g. "email"'},{name:"defaultValue",type:"string"},{name:"value",type:"string",advanced:!0},{name:"required",type:"boolean",defaultValue:!1}],static:!0,noWrap:!0},Se=r.lazy(()=>Promise.resolve().then(()=>require("./select-eb26f837.cjs"))),Te={name:"Form:SubmitButton",image:"https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fdf2820ffed1f4349a94c40b3221f5b98",defaultStyles:{appearance:"none",paddingTop:"15px",paddingBottom:"15px",paddingLeft:"25px",paddingRight:"25px",backgroundColor:"#3898EC",color:"white",borderRadius:"4px",cursor:"pointer"},inputs:[{name:"text",type:"text",defaultValue:"Click me"}],static:!0,noWrap:!0},ke=r.lazy(()=>Promise.resolve().then(()=>require("./submit-button-b363e0ed.cjs"))),Ce={name:"Form:TextArea",image:"https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Ff74a2f3de58c4c3e939204e5b6b8f6c3",inputs:[{advanced:!0,name:"value",type:"string"},{name:"name",type:"string",required:!0,helperText:'Every input in a form needs a unique name describing what it gets, e.g. "email"'},{name:"defaultValue",type:"string"},{name:"placeholder",type:"string",defaultValue:"Hello there"},{name:"required",type:"boolean",defaultValue:!1}],defaultStyles:{paddingTop:"10px",paddingBottom:"10px",paddingLeft:"10px",paddingRight:"10px",borderRadius:"3px",borderWidth:"1px",borderStyle:"solid",borderColor:"#ccc"},static:!0,noWrap:!0},Ie=r.lazy(()=>Promise.resolve().then(()=>require("./textarea-56a875bc.cjs"))),we={name:"Raw:Img",hideFromInsertMenu:!0,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",inputs:[{name:"image",bubble:!0,type:"file",allowedFileTypes:["jpeg","jpg","png","svg","gif","webp"],required:!0}],noWrap:!0,static:!0},Ve=r.lazy(()=>Promise.resolve().then(()=>require("./img-2f30658b.cjs"))),Re={name:"Video",canHaveChildren:!0,defaultStyles:{minHeight:"20px",minWidth:"20px"},image:"https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-videocam-24px%20(1).svg?alt=media&token=49a84e4a-b20e-4977-a650-047f986874bb",inputs:[{name:"video",type:"file",allowedFileTypes:["mp4"],bubble:!0,defaultValue:"https://cdn.builder.io/o/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fd27731a526464deba0016216f5f9e570%2Fcompressed?apiKey=YJIGb4i01jvw0SRdL5Bt&token=d27731a526464deba0016216f5f9e570&alt=media&optimized=true",required:!0},{name:"posterImage",type:"file",allowedFileTypes:["jpeg","png"],helperText:"Image to show before the video plays"},{name:"autoPlay",type:"boolean",defaultValue:!0},{name:"controls",type:"boolean",defaultValue:!1},{name:"muted",type:"boolean",defaultValue:!0},{name:"loop",type:"boolean",defaultValue:!0},{name:"playsInline",type:"boolean",defaultValue:!0},{name:"fit",type:"text",defaultValue:"cover",enum:["contain","cover","fill","auto"]},{name:"preload",type:"text",defaultValue:"metadata",enum:["auto","metadata","none"]},{name:"fitContent",type:"boolean",helperText:"When child blocks are provided, fit to them instead of using the aspect ratio",defaultValue:!0,advanced:!0},{name:"position",type:"text",defaultValue:"center",enum:["center","top","left","right","bottom","top left","top right","bottom left","bottom right"]},{name:"height",type:"number",advanced:!0},{name:"width",type:"number",advanced:!0},{name:"aspectRatio",type:"number",advanced:!0,defaultValue:.7004048582995948},{name:"lazyLoad",type:"boolean",helperText:'Load this video "lazily" - as in only when a user scrolls near the video. Recommended for optmized performance and bandwidth consumption',defaultValue:!0,advanced:!0}],shouldReceiveBuilderProps:{builderBlock:!0}},Ee=()=>[{component:pe,...me},{component:fe,...ge},{component:be,...he},{component:ye,...xe},{component:ke,...Te},{component:Se,...ve},{component:Ie,...Ce},{component:Ve,...we},{component:k.Video,...Re}],M=()=>[{component:k.Button,...te},{component:k.Columns,...ne},{component:k.Fragment,...ae},{component:k.Image,...ie},{component:k.Section,...oe},{component:le,...re},{component:k.Symbol,...se},{component:k.Text,...ce},{component:ue,...de},{component:ee,...Z},...Ee()],Fe=`function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
|
|
2
2
|
function getAndSetVariantId() {
|
|
3
3
|
function setCookie(name, value, days) {
|
|
4
4
|
let expires = '';
|
|
@@ -96,7 +96,7 @@
|
|
|
96
96
|
"${t}",${JSON.stringify(e)}, ${Q}
|
|
97
97
|
)`,De=({contentId:e,variationId:t})=>`window.${G}(
|
|
98
98
|
"${t}", "${e}", ${Q}
|
|
99
|
-
)`;function j(e){return b.jsx("script",{dangerouslySetInnerHTML:{__html:e.scriptStr},"data-id":e.id,nonce:e.nonce||""})}function O(e){return Math.round(e*1e3)/1e3}const je=(e,t,n=!0)=>{if(!(e instanceof HTMLElement))return null;let i=n?e:e.parentElement;do{if(!i)return null;if(t(i))return i}while(i=i.parentElement);return null},Ue=e=>je(e,t=>{const n=t.getAttribute("builder-id")||t.id;return(n==null?void 0:n.indexOf("builder-"))===0}),_=({event:e,target:t})=>{const n=t.getBoundingClientRect(),i=e.clientX-n.left,c=e.clientY-n.top,
|
|
99
|
+
)`;function j(e){return b.jsx("script",{dangerouslySetInnerHTML:{__html:e.scriptStr},"data-id":e.id,nonce:e.nonce||""})}function O(e){return Math.round(e*1e3)/1e3}const je=(e,t,n=!0)=>{if(!(e instanceof HTMLElement))return null;let i=n?e:e.parentElement;do{if(!i)return null;if(t(i))return i}while(i=i.parentElement);return null},Ue=e=>je(e,t=>{const n=t.getAttribute("builder-id")||t.id;return(n==null?void 0:n.indexOf("builder-"))===0}),_=({event:e,target:t})=>{const n=t.getBoundingClientRect(),i=e.clientX-n.left,c=e.clientY-n.top,g=O(i/n.width),a=O(c/n.height);return{x:g,y:a}},Le=e=>{const t=e.target,n=t&&Ue(t),i=(n==null?void 0:n.getAttribute("builder-id"))||(n==null?void 0:n.id);return{targetBuilderElement:i||void 0,metadata:{targetOffset:t?_({event:e,target:t}):void 0,builderTargetOffset:n?_({event:e,target:n}):void 0,builderElementIndex:n&&i?[].slice.call(document.getElementsByClassName(i)).indexOf(n):void 0}}},He=e=>{var g,a;const t=e.family+(e.kind&&!e.kind.includes("#")?", "+e.kind:""),n=t.split(",")[0],i=(a=e.fileUrl)!=null?a:(g=e==null?void 0:e.files)==null?void 0:g.regular;let c="";if(i&&t&&n&&(c+=`
|
|
100
100
|
@font-face {
|
|
101
101
|
font-family: "${t}";
|
|
102
102
|
src: local("${n}"), url('${i}') format('woff2');
|
|
@@ -127,8 +127,8 @@ font-weight: ${o};
|
|
|
127
127
|
text-align: inherit;
|
|
128
128
|
font-family: inherit;
|
|
129
129
|
}
|
|
130
|
-
`,ze=e=>e?"":Ke,Me=e=>`variant-${e}`;function Oe(e){var I,U,L,H,$,N,K;const t=r.useRef(null);function n(l){var h,u;const m={...e.builderContextSignal.rootState,...l};e.builderContextSignal.rootSetState?(u=(h=e.builderContextSignal).rootSetState)==null||u.call(h,m):e.setBuilderContextSignal(d=>({...d,rootState:m}))}function i(l){var h,u,d,x,R;const m={...e.builderContextSignal.content,...l,data:{...(h=e.builderContextSignal.content)==null?void 0:h.data,...l==null?void 0:l.data},meta:{...(u=e.builderContextSignal.content)==null?void 0:u.meta,...l==null?void 0:l.meta,breakpoints:((d=l==null?void 0:l.meta)==null?void 0:d.breakpoints)||((R=(x=e.builderContextSignal.content)==null?void 0:x.meta)==null?void 0:R.breakpoints)}};e.setBuilderContextSignal(S=>({...S,content:m}))}function c(){return e.showContent?{}:{hidden:!0,"aria-hidden":!0}}const[
|
|
130
|
+
`,ze=e=>e?"":Ke,Me=e=>`variant-${e}`;function Oe(e){var I,U,L,H,$,N,K;const t=r.useRef(null);function n(l){var h,u;const m={...e.builderContextSignal.rootState,...l};e.builderContextSignal.rootSetState?(u=(h=e.builderContextSignal).rootSetState)==null||u.call(h,m):e.setBuilderContextSignal(d=>({...d,rootState:m}))}function i(l){var h,u,d,x,R;const m={...e.builderContextSignal.content,...l,data:{...(h=e.builderContextSignal.content)==null?void 0:h.data,...l==null?void 0:l.data},meta:{...(u=e.builderContextSignal.content)==null?void 0:u.meta,...l==null?void 0:l.meta,breakpoints:((d=l==null?void 0:l.meta)==null?void 0:d.breakpoints)||((R=(x=e.builderContextSignal.content)==null?void 0:x.meta)==null?void 0:R.breakpoints)}};e.setBuilderContextSignal(S=>({...S,content:m}))}function c(){return e.showContent?{}:{hidden:!0,"aria-hidden":!0}}const[g,a]=r.useState(()=>e.contentWrapper||"div");function o(l){return s.createEditorListener({model:e.model,trustedHosts:e.trustedHosts,callbacks:{configureSdk:m=>{var d;const{breakpoints:h,contentId:u}=m;!u||u!==((d=e.builderContextSignal.content)==null?void 0:d.id)||h&&i({meta:{breakpoints:h}})},animation:m=>{E.triggerAnimation(m)},contentUpdate:m=>{i(m)}}})(l)}function f(){var m,h;const l=(h=(m=e.builderContextSignal.content)==null?void 0:m.data)==null?void 0:h.jsCode;l&&z.evaluate({code:l,context:e.context||{},localState:void 0,rootState:e.builderContextSignal.rootState,rootSetState:e.builderContextSignal.rootSetState,enableCache:!1})}const[y,C]=r.useState(()=>({})),[T,V]=r.useState(()=>({})),[F,P]=r.useState(()=>!1);function v(l){var m,h;if(e.builderContextSignal.content){const u=(m=e.builderContextSignal.content)==null?void 0:m.testVariationId,d=(h=e.builderContextSignal.content)==null?void 0:h.id;s._track({type:"click",canTrack:s.getDefaultCanTrack(e.canTrack),contentId:d,apiKey:e.apiKey,variationId:u!==d?u:void 0,...Le(l),unique:!F})}F||P(!0)}function p(){var m,h,u;const l=(u=(h=(m=e.builderContextSignal.content)==null?void 0:m.data)==null?void 0:h.httpRequests)!=null?u:{};Object.entries(l).forEach(([d,x])=>{if(!x||T[d]||y[d]&&!s.isEditing())return;T[d]=!0;const R=x.replace(/{{([^}]+)}}/g,(S,X)=>String(z.evaluate({code:X,context:e.context||{},localState:void 0,rootState:e.builderContextSignal.rootState,rootSetState:e.builderContextSignal.rootSetState,enableCache:!0})));s.fetch(R).then(S=>S.json()).then(S=>{n({[d]:S}),y[d]=!0}).catch(S=>{console.error("error fetching dynamic data",x,S)}).finally(()=>{T[d]=!1})})}function w(){s.isEditing()&&window.dispatchEvent(new CustomEvent("builder:component:stateChange",{detail:{state:E.fastClone(e.builderContextSignal.rootState),ref:{name:e.model}}}))}return r.useEffect(()=>{var l,m;if(s.isBrowser()){if(s.isEditing()&&(window.addEventListener("message",o),s.registerInsertMenu(),s.setupBrowserForEditing({...e.locale?{locale:e.locale}:{},...e.enrich?{enrich:e.enrich}:{},...e.trustedHosts?{trustedHosts:e.trustedHosts}:{}}),Object.values(e.builderContextSignal.componentInfos).forEach(u=>{var x;const d=s.createRegisterComponentMessage(u);(x=window.parent)==null||x.postMessage(d,"*")}),window.addEventListener("builder:component:stateChangeListenerActivated",w)),e.builderContextSignal.content&&s.getDefaultCanTrack(e.canTrack)){const u=(l=e.builderContextSignal.content)==null?void 0:l.testVariationId,d=(m=e.builderContextSignal.content)==null?void 0:m.id,x=e.apiKey;s._track({type:"impression",canTrack:!0,contentId:d,apiKey:x,variationId:u!==d?u:void 0})}if(s.isPreviewing()&&!s.isEditing()){const u=new URL(location.href).searchParams,d=u.get("builder.preview"),x=u.get(`builder.overrides.${d}`),R=u.get("apiKey")||u.get("builder.space");d===e.model&&R===e.apiKey&&(!e.content||x===e.content.id)&&s.fetchOneEntry({model:e.model,apiKey:e.apiKey,apiVersion:e.builderContextSignal.apiVersion}).then(S=>{S&&i(S)})}}},[]),r.useEffect(()=>{e.apiKey||s.logger.error("No API key provided to `Content` component. This can cause issues. Please provide an API key using the `apiKey` prop."),f(),p(),w()},[]),r.useEffect(()=>{e.content&&i(e.content)},[e.content]),r.useEffect(()=>{f()},[(U=(I=e.builderContextSignal.content)==null?void 0:I.data)==null?void 0:U.jsCode]),r.useEffect(()=>{p()},[(H=(L=e.builderContextSignal.content)==null?void 0:L.data)==null?void 0:H.httpRequests]),r.useEffect(()=>{w()},[e.builderContextSignal.rootState]),r.useEffect(()=>{e.data&&n(e.data)},[e.data]),r.useEffect(()=>{e.locale&&n({locale:e.locale})},[e.locale]),r.useEffect(()=>()=>{s.isBrowser()&&(window.removeEventListener("message",o),window.removeEventListener("builder:component:stateChangeListenerActivated",w))},[]),b.jsx(k.BuilderContext.Provider,{value:e.builderContextSignal,children:e.builderContextSignal.content?b.jsx(g,{ref:t,onClick:l=>v(l),"builder-content-id":($=e.builderContextSignal.content)==null?void 0:$.id,"builder-model":e.model,...c(),...e.contentWrapperProps,className:Me(((N=e.content)==null?void 0:N.testVariationId)||((K=e.content)==null?void 0:K.id)),children:e.children}):null})}function _e(e){const[t,n]=r.useState(()=>`
|
|
131
131
|
${Ne({cssCode:e.cssCode,contentId:e.contentId})}
|
|
132
132
|
${$e({customFonts:e.customFonts})}
|
|
133
133
|
${ze(e.isNestedRender)}
|
|
134
|
-
`.trim());return b.jsx(E.InlinedStyles,{id:"builderio-content",styles:t,nonce:e.nonce})}const Je=({content:e,data:t,locale:n})=>{var
|
|
134
|
+
`.trim());return b.jsx(E.InlinedStyles,{id:"builderio-content",styles:t,nonce:e.nonce})}const Je=({content:e,data:t,locale:n})=>{var g,a,o;const i={},c=((g=e==null?void 0:e.data)==null?void 0:g.state)||{};return(o=(a=e==null?void 0:e.data)==null?void 0:a.inputs)==null||o.forEach(f=>{f.name&&f.defaultValue!==void 0&&(i[f.name]=f.defaultValue)}),{...i,...c,...t,...n?{locale:n}:{}}},Ye=({content:e,data:t})=>e?{...e,data:{...e==null?void 0:e.data,...t},meta:e==null?void 0:e.meta}:void 0;function J(e){var f,y,C,T,V,F,P;const[t,n]=r.useState(()=>{var v,p;return De({variationId:(v=e.content)==null?void 0:v.testVariationId,contentId:(p=e.content)==null?void 0:p.id})});function i(v){o(p=>({...p,rootState:v}))}const[c,g]=r.useState(()=>{var v;return[...M(),...((v=e.customComponents)==null?void 0:v.filter(({models:p})=>!(p!=null&&p.length)||!e.model?!0:p.includes(e.model)))||[]].reduce((p,{component:w,...I})=>({...p,[I.name]:{component:w,...s.serializeIncludingFunctions(I)}}),{})}),[a,o]=r.useState(()=>{var v;return{content:Ye({content:e.content,data:e.data}),localState:void 0,rootState:Je({content:e.content,data:e.data,locale:e.locale}),rootSetState:i,context:e.context||{},canTrack:e.canTrack,apiKey:e.apiKey,apiVersion:e.apiVersion,componentInfos:[...M(),...((v=e.customComponents)==null?void 0:v.filter(({models:p})=>!(p!=null&&p.length)||!e.model?!0:p.includes(e.model)))||[]].reduce((p,{component:w,...I})=>({...p,[I.name]:s.serializeIncludingFunctions(I)}),{}),inheritedStyles:{},BlocksWrapper:e.blocksWrapper||"div",BlocksWrapperProps:e.blocksWrapperProps||{},nonce:e.nonce||""}});return b.jsx(E.ComponentsContext.Provider,{value:{registeredComponents:c},children:b.jsxs(Oe,{nonce:e.nonce,content:e.content,data:e.data,model:e.model,context:e.context,apiKey:e.apiKey,canTrack:e.canTrack,locale:e.locale,enrich:e.enrich,showContent:e.showContent,builderContextSignal:a,contentWrapper:e.contentWrapper,contentWrapperProps:e.contentWrapperProps,trustedHosts:e.trustedHosts,setBuilderContextSignal:o,children:[e.isSsrAbTest?b.jsx(j,{id:"builderio-variant-visibility",scriptStr:t,nonce:e.nonce||""}):null,b.jsx(_e,{nonce:e.nonce||"",isNestedRender:e.isNestedRender,contentId:(f=a.content)==null?void 0:f.id,cssCode:(C=(y=a.content)==null?void 0:y.data)==null?void 0:C.cssCode,customFonts:(V=(T=a.content)==null?void 0:T.data)==null?void 0:V.customFonts}),b.jsx(E.Blocks,{blocks:(P=(F=a.content)==null?void 0:F.data)==null?void 0:P.blocks,context:a,registeredComponents:c,linkComponent:e.linkComponent})]})})}function Ge(e){var a;const[t,n]=r.useState(()=>We({canTrack:s.getDefaultCanTrack(e.canTrack),content:e.content}));function i(){var o;return qe(W(e.content).map(f=>({id:f.testVariationId,testRatio:f.testRatio})),((o=e.content)==null?void 0:o.id)||"")}function c(){return W(e.content).map(o=>`.variant-${o.testVariationId} { display: none; } `).join("")}function g(){var o;return t?{...e.content,testVariationId:(o=e.content)==null?void 0:o.id}:s.handleABTestingSync({item:e.content,canTrack:s.getDefaultCanTrack(e.canTrack)})}return r.useEffect(()=>{},[]),b.jsxs(b.Fragment,{children:[!e.isNestedRender&&s.TARGET!=="reactNative"?b.jsx(j,{id:"builderio-init-variants-fns",scriptStr:Be(),nonce:e.nonce||""}):null,t?b.jsxs(b.Fragment,{children:[b.jsx(E.InlinedStyles,{id:"builderio-variants",styles:c(),nonce:e.nonce||""}),b.jsx(j,{id:"builderio-variants-visibility",scriptStr:i(),nonce:e.nonce||""}),(a=W(e.content))==null?void 0:a.map(o=>b.jsx(J,{isNestedRender:e.isNestedRender,nonce:e.nonce,content:o,showContent:!1,model:e.model,data:e.data,context:e.context,apiKey:e.apiKey,apiVersion:e.apiVersion,customComponents:e.customComponents,linkComponent:e.linkComponent,canTrack:e.canTrack,locale:e.locale,enrich:e.enrich,isSsrAbTest:t,blocksWrapper:e.blocksWrapper,blocksWrapperProps:e.blocksWrapperProps,contentWrapper:e.contentWrapper,contentWrapperProps:e.contentWrapperProps,trustedHosts:e.trustedHosts},o.testVariationId))]}):null,b.jsx(J,{nonce:e.nonce,isNestedRender:e.isNestedRender,content:g(),showContent:!0,model:e.model,data:e.data,context:e.context,apiKey:e.apiKey,apiVersion:e.apiVersion,customComponents:e.customComponents,linkComponent:e.linkComponent,canTrack:e.canTrack,locale:e.locale,enrich:e.enrich,isSsrAbTest:t,blocksWrapper:e.blocksWrapper,blocksWrapperProps:e.blocksWrapperProps,contentWrapper:e.contentWrapper,contentWrapperProps:e.contentWrapperProps,trustedHosts:e.trustedHosts})]})}exports.default=Ge;
|