@builder.io/sdk-react 1.0.12 → 1.0.13
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 +21 -20
- package/lib/browser/blocks-exports.mjs +140 -136
- package/lib/browser/index.cjs +1 -1
- package/lib/browser/index.mjs +1 -1
- package/lib/browser/{server-entry-34e4efb1.js → server-entry-1a840bf8.js} +1 -1
- package/lib/browser/{server-entry-60df1736.cjs → server-entry-20402a85.cjs} +1 -1
- package/lib/browser/server-entry.cjs +1 -1
- package/lib/browser/server-entry.mjs +1 -1
- package/lib/edge/{blocks-03ffaaf9.cjs → blocks-ca61b343.cjs} +1 -1
- package/lib/edge/blocks-exports.cjs +1 -1
- package/lib/edge/blocks-exports.mjs +2 -2
- package/lib/edge/{blocks-f8d5d3a0.js → blocks-fd4ab30c.js} +2 -2
- package/lib/edge/{button-5543875e.js → button-45681a80.js} +2 -2
- package/lib/edge/{button-5137d1bc.cjs → button-6d8b002c.cjs} +1 -1
- package/lib/edge/{columns-a05f9fd8.js → columns-61e1043d.js} +3 -3
- package/lib/edge/{columns-ad62a5ce.cjs → columns-77e4f17d.cjs} +1 -1
- package/lib/edge/{content-variants-74109911.js → content-variants-c085fa7f.js} +58 -54
- package/lib/edge/{content-variants-e6ba9024.cjs → content-variants-c86fdb5a.cjs} +11 -10
- package/lib/edge/{form-67a4ec0b.js → form-4fae6192.js} +3 -3
- package/lib/edge/{form-ee52f842.cjs → form-b996f9f9.cjs} +1 -1
- package/lib/edge/{get-class-prop-name-25116ae3.js → get-class-prop-name-0e4b7b88.js} +1 -1
- package/lib/edge/{get-class-prop-name-7ab1534a.cjs → get-class-prop-name-14e14eea.cjs} +1 -1
- package/lib/edge/{img-43af4666.js → img-1259941e.js} +1 -1
- package/lib/edge/{img-147fc69c.cjs → img-c623011b.cjs} +1 -1
- package/lib/edge/index.cjs +1 -1
- package/lib/edge/index.mjs +1 -1
- package/lib/edge/{input-35088f50.js → input-02a1cd9f.js} +1 -1
- package/lib/edge/{input-90830684.cjs → input-2c618b06.cjs} +1 -1
- package/lib/edge/{select-1e63f097.cjs → select-3acbf5f6.cjs} +1 -1
- package/lib/edge/{select-ee16e4ee.js → select-b1b6d0bf.js} +1 -1
- package/lib/edge/{server-entry-f2d127da.js → server-entry-3f0061ea.js} +1 -1
- package/lib/edge/{server-entry-39e6b4a6.cjs → server-entry-d8f950e0.cjs} +1 -1
- package/lib/edge/server-entry.cjs +1 -1
- package/lib/edge/server-entry.mjs +1 -1
- package/lib/edge/{slot-45a2e0bf.js → slot-3cefe326.js} +3 -3
- package/lib/edge/{slot-3db582db.cjs → slot-92eac261.cjs} +1 -1
- package/lib/edge/{symbol-c533a54f.cjs → symbol-741f0aee.cjs} +1 -1
- package/lib/edge/{symbol-75231166.js → symbol-e2a47b92.js} +3 -3
- package/lib/node/blocks-exports.cjs +13 -12
- package/lib/node/blocks-exports.mjs +37 -33
- package/lib/node/index.cjs +1 -1
- package/lib/node/index.mjs +1 -1
- package/lib/node/{server-entry-a0cd9606.js → server-entry-383e8da6.js} +1 -1
- package/lib/node/{server-entry-81eab45c.cjs → server-entry-6d61d1cf.cjs} +1 -1
- 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/components/enable-editor.d.ts +1 -1
- package/types/components/content/components/styles.d.ts +1 -0
- package/types/components/content/components/styles.helpers.d.ts +1 -0
- package/types/components/content/contentProps.types.d.ts +6 -1
- package/types/components/content-variants/content-variants.d.ts +1 -1
- package/types/constants/sdk-version.d.ts +1 -1
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { jsx as b, jsxs as U, Fragment as
|
|
1
|
+
import { jsx as b, jsxs as U, Fragment as M } from "react/jsx-runtime";
|
|
2
2
|
import { lazy as C, useRef as oe, useState as h, useEffect as y, createElement as re } from "react";
|
|
3
|
-
import { isBrowser as $, TARGET as Z, isEditing as P, registerInsertMenu as se, setupBrowserForEditing as le, createRegisterComponentMessage as de, getDefaultCanTrack as W, _track as O, isPreviewing as ce, fetchOneEntry as ue, logger as me, createEditorListener as pe, fastClone as ge, fetch as fe, serializeComponentInfo as z, handleABTestingSync as he } from "./server-entry-
|
|
3
|
+
import { isBrowser as $, TARGET as Z, isEditing as P, registerInsertMenu as se, setupBrowserForEditing as le, createRegisterComponentMessage as de, getDefaultCanTrack as W, _track as O, isPreviewing as ce, fetchOneEntry as ue, logger as me, createEditorListener as pe, fastClone as ge, fetch as fe, serializeComponentInfo as z, handleABTestingSync as he } from "./server-entry-3f0061ea.js";
|
|
4
4
|
import { Video as be, Button as ye, Columns as xe, Fragment as Se, Image as ve, Section as ke, Symbol as Ie, Text as Ce } from "./blocks-exports.mjs";
|
|
5
|
-
import { builderContext as Te, triggerAnimation as we, evaluate as J, InlinedStyles as ee, ComponentsContext as Ve, Blocks as Re } from "./blocks-
|
|
6
|
-
import "./get-class-prop-name-
|
|
5
|
+
import { builderContext as Te, triggerAnimation as we, evaluate as J, InlinedStyles as ee, ComponentsContext as Ve, Blocks as Re } from "./blocks-fd4ab30c.js";
|
|
6
|
+
import "./get-class-prop-name-0e4b7b88.js";
|
|
7
7
|
import "./dynamic-renderer-8b343325.js";
|
|
8
8
|
const Ee = {
|
|
9
9
|
name: "Core:Button",
|
|
@@ -397,7 +397,7 @@ const Ee = {
|
|
|
397
397
|
required: !0,
|
|
398
398
|
defaultValue: "children"
|
|
399
399
|
}]
|
|
400
|
-
}, $e = C(() => import("./slot-
|
|
400
|
+
}, $e = C(() => import("./slot-3cefe326.js")), De = {
|
|
401
401
|
name: "Symbol",
|
|
402
402
|
noWrap: !0,
|
|
403
403
|
static: !0,
|
|
@@ -430,7 +430,7 @@ const Ee = {
|
|
|
430
430
|
hideFromUI: !0,
|
|
431
431
|
type: "boolean"
|
|
432
432
|
}]
|
|
433
|
-
},
|
|
433
|
+
}, He = {
|
|
434
434
|
name: "Text",
|
|
435
435
|
static: !0,
|
|
436
436
|
isRSC: !0,
|
|
@@ -470,7 +470,7 @@ const Ee = {
|
|
|
470
470
|
helperText: "Only print and run scripts on the client. Important when scripts influence DOM that could be replaced when client loads",
|
|
471
471
|
advanced: !0
|
|
472
472
|
}]
|
|
473
|
-
},
|
|
473
|
+
}, Ne = C(() => import("./custom-code-7786788e.js")), je = {
|
|
474
474
|
name: "Embed",
|
|
475
475
|
static: !0,
|
|
476
476
|
inputs: [{
|
|
@@ -495,7 +495,7 @@ const Ee = {
|
|
|
495
495
|
defaultValue: '<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',
|
|
496
496
|
hideFromUI: !0
|
|
497
497
|
}]
|
|
498
|
-
},
|
|
498
|
+
}, qe = C(() => import("./embed-5c1bbe12.js")), Ke = {
|
|
499
499
|
name: "Form:Form",
|
|
500
500
|
// editableTags: ['builder-form-error']
|
|
501
501
|
defaults: {
|
|
@@ -726,7 +726,7 @@ const Ee = {
|
|
|
726
726
|
}
|
|
727
727
|
}
|
|
728
728
|
}]
|
|
729
|
-
},
|
|
729
|
+
}, _e = C(() => import("./form-4fae6192.js")), Be = {
|
|
730
730
|
name: "Form:Input",
|
|
731
731
|
image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fad6f37889d9e40bbbbc72cdb5875d6ca",
|
|
732
732
|
inputs: [
|
|
@@ -777,7 +777,7 @@ const Ee = {
|
|
|
777
777
|
borderStyle: "solid",
|
|
778
778
|
borderColor: "#ccc"
|
|
779
779
|
}
|
|
780
|
-
},
|
|
780
|
+
}, Me = C(() => import("./input-02a1cd9f.js")), Oe = {
|
|
781
781
|
name: "Form:Select",
|
|
782
782
|
image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F83acca093fb24aaf94dee136e9a4b045",
|
|
783
783
|
defaultStyles: {
|
|
@@ -819,7 +819,7 @@ const Ee = {
|
|
|
819
819
|
}],
|
|
820
820
|
static: !0,
|
|
821
821
|
noWrap: !0
|
|
822
|
-
}, ze = C(() => import("./select-
|
|
822
|
+
}, ze = C(() => import("./select-b1b6d0bf.js")), Je = {
|
|
823
823
|
name: "Form:SubmitButton",
|
|
824
824
|
image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fdf2820ffed1f4349a94c40b3221f5b98",
|
|
825
825
|
defaultStyles: {
|
|
@@ -858,7 +858,7 @@ const Ee = {
|
|
|
858
858
|
}],
|
|
859
859
|
noWrap: !0,
|
|
860
860
|
static: !0
|
|
861
|
-
}, Ge = C(() => import("./img-
|
|
861
|
+
}, Ge = C(() => import("./img-1259941e.js")), Xe = {
|
|
862
862
|
name: "Video",
|
|
863
863
|
canHaveChildren: !0,
|
|
864
864
|
defaultStyles: {
|
|
@@ -940,17 +940,17 @@ const Ee = {
|
|
|
940
940
|
advanced: !0
|
|
941
941
|
}]
|
|
942
942
|
}, Ze = () => [{
|
|
943
|
-
component:
|
|
943
|
+
component: Ne,
|
|
944
944
|
...Le
|
|
945
945
|
}, {
|
|
946
|
-
component:
|
|
947
|
-
...
|
|
946
|
+
component: qe,
|
|
947
|
+
...je
|
|
948
948
|
}, {
|
|
949
|
-
component:
|
|
950
|
-
...
|
|
949
|
+
component: _e,
|
|
950
|
+
...Ke
|
|
951
951
|
}, {
|
|
952
|
-
component:
|
|
953
|
-
...
|
|
952
|
+
component: Me,
|
|
953
|
+
...Be
|
|
954
954
|
}, {
|
|
955
955
|
component: Ye,
|
|
956
956
|
...Je
|
|
@@ -983,10 +983,10 @@ const Ee = {
|
|
|
983
983
|
...Ue
|
|
984
984
|
}, {
|
|
985
985
|
component: Ie,
|
|
986
|
-
...
|
|
986
|
+
...De
|
|
987
987
|
}, {
|
|
988
988
|
component: Ce,
|
|
989
|
-
...
|
|
989
|
+
...He
|
|
990
990
|
}, ...Ze()], et = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
|
|
991
991
|
function getAndSetVariantId() {
|
|
992
992
|
function setCookie(name, value, days) {
|
|
@@ -1096,7 +1096,7 @@ const Ee = {
|
|
|
1096
1096
|
}) => `window.${ne}(
|
|
1097
1097
|
"${t}", "${e}", ${ae}
|
|
1098
1098
|
)`;
|
|
1099
|
-
function
|
|
1099
|
+
function D(e) {
|
|
1100
1100
|
return /* @__PURE__ */ b(
|
|
1101
1101
|
"script",
|
|
1102
1102
|
{
|
|
@@ -1149,7 +1149,7 @@ const st = (e, t, n = !0) => {
|
|
|
1149
1149
|
};
|
|
1150
1150
|
};
|
|
1151
1151
|
function ct(e) {
|
|
1152
|
-
var L, j, q, K, _, B
|
|
1152
|
+
var L, N, j, q, K, _, B;
|
|
1153
1153
|
const t = oe(null), [n, a] = h(() => 0);
|
|
1154
1154
|
h(() => !0);
|
|
1155
1155
|
function c(o) {
|
|
@@ -1271,7 +1271,7 @@ function ct(e) {
|
|
|
1271
1271
|
console.error("error fetching dynamic data", o, s);
|
|
1272
1272
|
});
|
|
1273
1273
|
}
|
|
1274
|
-
function
|
|
1274
|
+
function H() {
|
|
1275
1275
|
var r, s, l;
|
|
1276
1276
|
const o = (l = (s = (r = e.builderContextSignal.content) == null ? void 0 : r.data) == null ? void 0 : s.httpRequests) != null ? l : {};
|
|
1277
1277
|
Object.entries(o).forEach(([u, g]) => {
|
|
@@ -1347,15 +1347,15 @@ function ct(e) {
|
|
|
1347
1347
|
}, []), y(() => {
|
|
1348
1348
|
e.apiKey || me.error(
|
|
1349
1349
|
"No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop."
|
|
1350
|
-
), k(),
|
|
1350
|
+
), k(), H(), R();
|
|
1351
1351
|
}, []), y(() => {
|
|
1352
1352
|
e.content && m(e.content);
|
|
1353
1353
|
}, [e.content]), y(() => {
|
|
1354
1354
|
}, [i]), y(() => {
|
|
1355
1355
|
k();
|
|
1356
|
-
}, [(
|
|
1357
|
-
|
|
1358
|
-
}, [(
|
|
1356
|
+
}, [(N = (L = e.builderContextSignal.content) == null ? void 0 : L.data) == null ? void 0 : N.jsCode]), y(() => {
|
|
1357
|
+
H();
|
|
1358
|
+
}, [(q = (j = e.builderContextSignal.content) == null ? void 0 : j.data) == null ? void 0 : q.httpRequests]), y(() => {
|
|
1359
1359
|
R();
|
|
1360
1360
|
}, [e.builderContextSignal.rootState]), y(() => {
|
|
1361
1361
|
e.data && c(e.data);
|
|
@@ -1374,14 +1374,14 @@ function ct(e) {
|
|
|
1374
1374
|
key: n,
|
|
1375
1375
|
ref: t,
|
|
1376
1376
|
onClick: (o) => v(o),
|
|
1377
|
-
"builder-content-id": (
|
|
1377
|
+
"builder-content-id": (K = e.builderContextSignal.content) == null ? void 0 : K.id,
|
|
1378
1378
|
"builder-model": e.model,
|
|
1379
1379
|
...e.showContent ? {} : {
|
|
1380
1380
|
hidden: !0,
|
|
1381
1381
|
"aria-hidden": !0
|
|
1382
1382
|
},
|
|
1383
1383
|
...e.contentWrapperProps,
|
|
1384
|
-
className: `variant-${((
|
|
1384
|
+
className: `variant-${((_ = e.content) == null ? void 0 : _.testVariationId) || ((B = e.content) == null ? void 0 : B.id)}`
|
|
1385
1385
|
},
|
|
1386
1386
|
e.children
|
|
1387
1387
|
) : null });
|
|
@@ -1420,18 +1420,7 @@ font-weight: ${p};
|
|
|
1420
1420
|
}, pt = ({
|
|
1421
1421
|
cssCode: e,
|
|
1422
1422
|
contentId: t
|
|
1423
|
-
}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : ""
|
|
1424
|
-
function gt(e) {
|
|
1425
|
-
const [t, n] = h(
|
|
1426
|
-
() => `
|
|
1427
|
-
${pt({
|
|
1428
|
-
cssCode: e.cssCode,
|
|
1429
|
-
contentId: e.contentId
|
|
1430
|
-
})}
|
|
1431
|
-
${mt({
|
|
1432
|
-
customFonts: e.customFonts
|
|
1433
|
-
})}
|
|
1434
|
-
|
|
1423
|
+
}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", gt = `
|
|
1435
1424
|
.builder-button {
|
|
1436
1425
|
all: unset;
|
|
1437
1426
|
}
|
|
@@ -1448,11 +1437,23 @@ ${mt({
|
|
|
1448
1437
|
text-align: inherit;
|
|
1449
1438
|
font-family: inherit;
|
|
1450
1439
|
}
|
|
1440
|
+
`, ft = (e) => e ? "" : gt;
|
|
1441
|
+
function ht(e) {
|
|
1442
|
+
const [t, n] = h(
|
|
1443
|
+
() => `
|
|
1444
|
+
${pt({
|
|
1445
|
+
cssCode: e.cssCode,
|
|
1446
|
+
contentId: e.contentId
|
|
1447
|
+
})}
|
|
1448
|
+
${mt({
|
|
1449
|
+
customFonts: e.customFonts
|
|
1450
|
+
})}
|
|
1451
|
+
${ft(e.isNestedRender)}
|
|
1451
1452
|
`.trim()
|
|
1452
1453
|
);
|
|
1453
1454
|
return /* @__PURE__ */ b(ee, { styles: t });
|
|
1454
1455
|
}
|
|
1455
|
-
const
|
|
1456
|
+
const bt = ({
|
|
1456
1457
|
content: e,
|
|
1457
1458
|
data: t,
|
|
1458
1459
|
locale: n
|
|
@@ -1469,7 +1470,7 @@ const ft = ({
|
|
|
1469
1470
|
locale: n
|
|
1470
1471
|
} : {}
|
|
1471
1472
|
};
|
|
1472
|
-
},
|
|
1473
|
+
}, yt = ({
|
|
1473
1474
|
content: e,
|
|
1474
1475
|
data: t
|
|
1475
1476
|
}) => e ? {
|
|
@@ -1514,12 +1515,12 @@ function X(e) {
|
|
|
1514
1515
|
{}
|
|
1515
1516
|
)
|
|
1516
1517
|
), [i, p] = h(() => ({
|
|
1517
|
-
content:
|
|
1518
|
+
content: yt({
|
|
1518
1519
|
content: e.content,
|
|
1519
1520
|
data: e.data
|
|
1520
1521
|
}),
|
|
1521
1522
|
localState: void 0,
|
|
1522
|
-
rootState:
|
|
1523
|
+
rootState: bt({
|
|
1523
1524
|
content: e.content,
|
|
1524
1525
|
data: e.data,
|
|
1525
1526
|
locale: e.locale
|
|
@@ -1567,10 +1568,11 @@ function X(e) {
|
|
|
1567
1568
|
trustedHosts: e.trustedHosts,
|
|
1568
1569
|
setBuilderContextSignal: p,
|
|
1569
1570
|
children: [
|
|
1570
|
-
e.isSsrAbTest ? /* @__PURE__ */ b(
|
|
1571
|
+
e.isSsrAbTest ? /* @__PURE__ */ b(D, { scriptStr: t }) : null,
|
|
1571
1572
|
/* @__PURE__ */ b(
|
|
1572
|
-
|
|
1573
|
+
ht,
|
|
1573
1574
|
{
|
|
1575
|
+
isNestedRender: e.isNestedRender,
|
|
1574
1576
|
contentId: (d = i.content) == null ? void 0 : d.id,
|
|
1575
1577
|
cssCode: (x = (f = i.content) == null ? void 0 : f.data) == null ? void 0 : x.cssCode,
|
|
1576
1578
|
customFonts: (I = (k = i.content) == null ? void 0 : k.data) == null ? void 0 : I.customFonts
|
|
@@ -1591,7 +1593,7 @@ function X(e) {
|
|
|
1591
1593
|
}
|
|
1592
1594
|
);
|
|
1593
1595
|
}
|
|
1594
|
-
function
|
|
1596
|
+
function wt(e) {
|
|
1595
1597
|
var i, p;
|
|
1596
1598
|
const [t, n] = h(
|
|
1597
1599
|
() => nt({
|
|
@@ -1623,9 +1625,9 @@ function Ct(e) {
|
|
|
1623
1625
|
});
|
|
1624
1626
|
}
|
|
1625
1627
|
return y(() => {
|
|
1626
|
-
}, []), /* @__PURE__ */ U(
|
|
1627
|
-
!e.
|
|
1628
|
-
t ? /* @__PURE__ */ U(
|
|
1628
|
+
}, []), /* @__PURE__ */ U(M, { children: [
|
|
1629
|
+
!e.isNestedRender && Z !== "reactNative" ? /* @__PURE__ */ b(D, { scriptStr: it() }) : null,
|
|
1630
|
+
t ? /* @__PURE__ */ U(M, { children: [
|
|
1629
1631
|
/* @__PURE__ */ b(
|
|
1630
1632
|
ee,
|
|
1631
1633
|
{
|
|
@@ -1633,10 +1635,11 @@ function Ct(e) {
|
|
|
1633
1635
|
styles: c()
|
|
1634
1636
|
}
|
|
1635
1637
|
),
|
|
1636
|
-
/* @__PURE__ */ b(
|
|
1638
|
+
/* @__PURE__ */ b(D, { scriptStr: a() }),
|
|
1637
1639
|
(p = F(e.content)) == null ? void 0 : p.map((d) => /* @__PURE__ */ b(
|
|
1638
1640
|
X,
|
|
1639
1641
|
{
|
|
1642
|
+
isNestedRender: e.isNestedRender,
|
|
1640
1643
|
content: d,
|
|
1641
1644
|
showContent: !1,
|
|
1642
1645
|
model: e.model,
|
|
@@ -1662,6 +1665,7 @@ function Ct(e) {
|
|
|
1662
1665
|
/* @__PURE__ */ b(
|
|
1663
1666
|
X,
|
|
1664
1667
|
{
|
|
1668
|
+
isNestedRender: e.isNestedRender,
|
|
1665
1669
|
content: m(),
|
|
1666
1670
|
showContent: !0,
|
|
1667
1671
|
model: e.model,
|
|
@@ -1685,5 +1689,5 @@ function Ct(e) {
|
|
|
1685
1689
|
] });
|
|
1686
1690
|
}
|
|
1687
1691
|
export {
|
|
1688
|
-
|
|
1692
|
+
wt as default
|
|
1689
1693
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("react/jsx-runtime"),o=require("react"),c=require("./server-entry-39e6b4a6.cjs"),C=require("./blocks-exports.cjs"),T=require("./blocks-03ffaaf9.cjs");require("./get-class-prop-name-7ab1534a.cjs");require("./dynamic-renderer-b29b45ca.cjs");const G={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},Q={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(a=>{a.delete("width")})}const n=e.get("columns");Array.isArray(n)&&n.find(m=>m.get("width"))&&(n.find(g=>!g.get("width"))||n.reduce((f,u)=>f+u.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}]},X={name:"Fragment",static:!0,hidden:!0,canHaveChildren:!0,noWrap:!0},Z={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"],required:!0,defaultValue:"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F72c80f114dc149019051b6852a9e3b7a",onChange:e=>{e.delete("srcset"),e.delete("noWebp");function n(i,f=6e4){return new Promise((u,y)=>{const x=document.createElement("img");let k=!1;x.onload=()=>{k=!0,u(x)},x.addEventListener("error",I=>{console.warn("Image load failed",I.error),y(I.error)}),x.src=i,setTimeout(()=>{k||y(new Error("Image load timed out"))},f)})}function a(i){return Math.round(i*1e3)/1e3}const m=e.get("image"),g=e.get("aspectRatio");if(fetch(m).then(i=>i.blob()).then(i=>{i.type.includes("svg")&&e.set("noWebp",!0)}),m&&(!g||g===.7041))return n(m).then(i=>{const f=e.get("aspectRatio");e.get("image")===m&&(!f||f===.7041)&&i.width&&i.height&&(e.set("aspectRatio",a(i.height/i.width)),e.set("height",i.height),e.set("width",i.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:"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}]},ee={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>"}}}]},te={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"}]},ne=o.lazy(()=>Promise.resolve().then(()=>require("./slot-3db582db.cjs"))),ae={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"}]},ie={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"}},oe={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}]},re=o.lazy(()=>Promise.resolve().then(()=>require("./custom-code-6d9730ff.cjs"))),se={name:"Embed",static:!0,inputs:[{name:"url",type:"url",required:!0,defaultValue:"",helperText:"e.g. enter a youtube url, google map, etc",onChange:e=>{const t=e.get("url");if(t)return e.set("content","Loading..."),fetch(`https://iframe.ly/api/iframely?url=${t}&api_key=ae0e60e78201a3f2b0de4b`).then(a=>a.json()).then(a=>{e.get("url")===t&&(a.html?e.set("content",a.html):e.set("content","Invalid url, please try another"))}).catch(a=>{e.set("content","There was an error embedding this URL, please try again or another URL")});e.delete("content")}},{name:"content",type:"html",defaultValue:'<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',hideFromUI:!0}]},le=o.lazy(()=>Promise.resolve().then(()=>require("./embed-32bdd007.cjs"))),de={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"}}}]},ce=o.lazy(()=>Promise.resolve().then(()=>require("./form-ee52f842.cjs"))),ue={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"}},me=o.lazy(()=>Promise.resolve().then(()=>require("./input-90830684.cjs"))),pe={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},ge=o.lazy(()=>Promise.resolve().then(()=>require("./select-1e63f097.cjs"))),fe={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},he=o.lazy(()=>Promise.resolve().then(()=>require("./submit-button-b363e0ed.cjs"))),be={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},ye=o.lazy(()=>Promise.resolve().then(()=>require("./img-147fc69c.cjs"))),xe={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}]},Se=()=>[{component:re,...oe},{component:le,...se},{component:ce,...de},{component:me,...ue},{component:he,...fe},{component:ge,...pe},{component:ye,...be},{component:C.Video,...xe}],_=()=>[{component:C.Button,...G},{component:C.Columns,...Q},{component:C.Fragment,...X},{component:C.Image,...Z},{component:C.Section,...ee},{component:ne,...te},{component:C.Symbol,...ae},{component:C.Text,...ie},...Se()],ve=`function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("react/jsx-runtime"),o=require("react"),c=require("./server-entry-d8f950e0.cjs"),C=require("./blocks-exports.cjs"),T=require("./blocks-ca61b343.cjs");require("./get-class-prop-name-14e14eea.cjs");require("./dynamic-renderer-b29b45ca.cjs");const G={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},Q={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(a=>{a.delete("width")})}const n=e.get("columns");Array.isArray(n)&&n.find(m=>m.get("width"))&&(n.find(g=>!g.get("width"))||n.reduce((f,u)=>f+u.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}]},X={name:"Fragment",static:!0,hidden:!0,canHaveChildren:!0,noWrap:!0},Z={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"],required:!0,defaultValue:"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F72c80f114dc149019051b6852a9e3b7a",onChange:e=>{e.delete("srcset"),e.delete("noWebp");function n(i,f=6e4){return new Promise((u,y)=>{const x=document.createElement("img");let k=!1;x.onload=()=>{k=!0,u(x)},x.addEventListener("error",I=>{console.warn("Image load failed",I.error),y(I.error)}),x.src=i,setTimeout(()=>{k||y(new Error("Image load timed out"))},f)})}function a(i){return Math.round(i*1e3)/1e3}const m=e.get("image"),g=e.get("aspectRatio");if(fetch(m).then(i=>i.blob()).then(i=>{i.type.includes("svg")&&e.set("noWebp",!0)}),m&&(!g||g===.7041))return n(m).then(i=>{const f=e.get("aspectRatio");e.get("image")===m&&(!f||f===.7041)&&i.width&&i.height&&(e.set("aspectRatio",a(i.height/i.width)),e.set("height",i.height),e.set("width",i.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:"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}]},ee={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>"}}}]},te={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"}]},ne=o.lazy(()=>Promise.resolve().then(()=>require("./slot-92eac261.cjs"))),ae={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"}]},ie={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"}},oe={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}]},re=o.lazy(()=>Promise.resolve().then(()=>require("./custom-code-6d9730ff.cjs"))),se={name:"Embed",static:!0,inputs:[{name:"url",type:"url",required:!0,defaultValue:"",helperText:"e.g. enter a youtube url, google map, etc",onChange:e=>{const t=e.get("url");if(t)return e.set("content","Loading..."),fetch(`https://iframe.ly/api/iframely?url=${t}&api_key=ae0e60e78201a3f2b0de4b`).then(a=>a.json()).then(a=>{e.get("url")===t&&(a.html?e.set("content",a.html):e.set("content","Invalid url, please try another"))}).catch(a=>{e.set("content","There was an error embedding this URL, please try again or another URL")});e.delete("content")}},{name:"content",type:"html",defaultValue:'<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',hideFromUI:!0}]},le=o.lazy(()=>Promise.resolve().then(()=>require("./embed-32bdd007.cjs"))),de={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"}}}]},ce=o.lazy(()=>Promise.resolve().then(()=>require("./form-b996f9f9.cjs"))),ue={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"}},me=o.lazy(()=>Promise.resolve().then(()=>require("./input-2c618b06.cjs"))),pe={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},ge=o.lazy(()=>Promise.resolve().then(()=>require("./select-3acbf5f6.cjs"))),fe={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},he=o.lazy(()=>Promise.resolve().then(()=>require("./submit-button-b363e0ed.cjs"))),be={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},ye=o.lazy(()=>Promise.resolve().then(()=>require("./img-c623011b.cjs"))),xe={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}]},Se=()=>[{component:re,...oe},{component:le,...se},{component:ce,...de},{component:me,...ue},{component:he,...fe},{component:ge,...pe},{component:ye,...be},{component:C.Video,...xe}],K=()=>[{component:C.Button,...G},{component:C.Columns,...Q},{component:C.Fragment,...X},{component:C.Image,...Z},{component:C.Section,...ee},{component:ne,...te},{component:C.Symbol,...ae},{component:C.Text,...ie},...Se()],ve=`function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
|
|
2
2
|
function getAndSetVariantId() {
|
|
3
3
|
function setCookie(name, value, days) {
|
|
4
4
|
let expires = '';
|
|
@@ -88,15 +88,15 @@
|
|
|
88
88
|
thisScriptEl?.remove();
|
|
89
89
|
}
|
|
90
90
|
return;
|
|
91
|
-
}`,
|
|
92
|
-
window.${
|
|
91
|
+
}`,z="builderIoAbTest",O="builderIoRenderContent",W=e=>Object.values((e==null?void 0:e.variations)||{}).map(t=>({...t,testVariationId:t.id,id:e==null?void 0:e.id})),Ie=({canTrack:e,content:t})=>!(!(W(t).length>0)||!e||c.isBrowser()),Ce=e=>e==="react"||e==="reactNative",J=Ce(c.TARGET),Te=()=>`
|
|
92
|
+
window.${z} = ${ve}
|
|
93
93
|
window.${O} = ${ke}
|
|
94
94
|
`,we=(e,t)=>`
|
|
95
|
-
window.${
|
|
95
|
+
window.${z}(
|
|
96
96
|
"${t}",${JSON.stringify(e)}, ${J}
|
|
97
97
|
)`,Ve=({contentId:e,variationId:t})=>`window.${O}(
|
|
98
98
|
"${t}", "${e}", ${J}
|
|
99
|
-
)`;function A(e){return h.jsx("script",{dangerouslySetInnerHTML:{__html:e.scriptStr},id:e.id||""})}function B(e){return Math.round(e*1e3)/1e3}const Ee=(e,t,n=!0)=>{if(!(e instanceof HTMLElement))return null;let a=n?e:e.parentElement;do{if(!a)return null;if(t(a))return a}while(a=a.parentElement);return null},Re=e=>Ee(e,t=>{const n=t.getAttribute("builder-id")||t.id;return(n==null?void 0:n.indexOf("builder-"))===0}),
|
|
99
|
+
)`;function A(e){return h.jsx("script",{dangerouslySetInnerHTML:{__html:e.scriptStr},id:e.id||""})}function B(e){return Math.round(e*1e3)/1e3}const Ee=(e,t,n=!0)=>{if(!(e instanceof HTMLElement))return null;let a=n?e:e.parentElement;do{if(!a)return null;if(t(a))return a}while(a=a.parentElement);return null},Re=e=>Ee(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(),a=e.clientX-n.left,m=e.clientY-n.top,g=B(a/n.width),i=B(m/n.height);return{x:g,y:i}},Fe=e=>{const t=e.target,n=t&&Re(t),a=(n==null?void 0:n.getAttribute("builder-id"))||(n==null?void 0:n.id);return{targetBuilderElement:a||void 0,metadata:{targetOffset:t?_({event:e,target:t}):void 0,builderTargetOffset:n?_({event:e,target:n}):void 0,builderElementIndex:n&&a?[].slice.call(document.getElementsByClassName(a)).indexOf(n):void 0}}};function We(e){var q,U,D,$,H,L,N;const t=o.useRef(null),[n,a]=o.useState(()=>0);o.useState(()=>!0);function m(r){var l,d;const s={...e.builderContextSignal.rootState,...r};e.builderContextSignal.rootSetState?(d=(l=e.builderContextSignal).rootSetState)==null||d.call(l,s):e.setBuilderContextSignal(p=>({...p,rootState:s}))}function g(r){var l,d,p,b,V;const s={...e.builderContextSignal.content,...r,data:{...(l=e.builderContextSignal.content)==null?void 0:l.data,...r==null?void 0:r.data},meta:{...(d=e.builderContextSignal.content)==null?void 0:d.meta,...r==null?void 0:r.meta,breakpoints:((p=r==null?void 0:r.meta)==null?void 0:p.breakpoints)||((V=(b=e.builderContextSignal.content)==null?void 0:b.meta)==null?void 0:V.breakpoints)}};e.setBuilderContextSignal(F=>({...F,content:s}))}o.useState(()=>0);const[i,f]=o.useState(()=>!1),[u,y]=o.useState(()=>e.contentWrapper||"div");function x(r){return c.createEditorListener({model:e.model,trustedHosts:e.trustedHosts,callbacks:{configureSdk:s=>{var p;const{breakpoints:l,contentId:d}=s;!d||d!==((p=e.builderContextSignal.content)==null?void 0:p.id)||l&&(g({meta:{breakpoints:l}}),a(n+1))},animation:s=>{T.triggerAnimation(s)},contentUpdate:s=>{g(s),a(n+1)}}})(r)}function k(){var s,l;const r=(l=(s=e.builderContextSignal.content)==null?void 0:s.data)==null?void 0:l.jsCode;r&&T.evaluate({code:r,context:e.context||{},localState:void 0,rootState:e.builderContextSignal.rootState,rootSetState:e.builderContextSignal.rootSetState,enableCache:!1})}const[I,P]=o.useState(()=>({})),[E,S]=o.useState(()=>!1);function v(r){var s,l;if(e.builderContextSignal.content){const d=(s=e.builderContextSignal.content)==null?void 0:s.testVariationId,p=(l=e.builderContextSignal.content)==null?void 0:l.id;c._track({type:"click",canTrack:c.getDefaultCanTrack(e.canTrack),contentId:p,apiKey:e.apiKey,variationId:d!==p?d:void 0,...Fe(r),unique:!E})}E||S(!0)}function w(r){return r.replace(/{{([^}]+)}}/g,(s,l)=>String(T.evaluate({code:l,context:e.context||{},localState:void 0,rootState:e.builderContextSignal.rootState,rootSetState:e.builderContextSignal.rootSetState,enableCache:!0})))}function Y({url:r,key:s}){c.fetch(r).then(l=>l.json()).then(l=>{var p,b;const d={...e.builderContextSignal.rootState,[s]:l};(b=(p=e.builderContextSignal).rootSetState)==null||b.call(p,d),I[s]=!0}).catch(l=>{console.error("error fetching dynamic data",r,l)})}function j(){var s,l,d;const r=(d=(l=(s=e.builderContextSignal.content)==null?void 0:s.data)==null?void 0:l.httpRequests)!=null?d:{};Object.entries(r).forEach(([p,b])=>{if(b&&(!I[p]||c.isEditing())){const V=w(b);Y({url:V,key:p})}})}function R(){c.isEditing()&&window.dispatchEvent(new CustomEvent("builder:component:stateChange",{detail:{state:c.fastClone(e.builderContextSignal.rootState),ref:{name:e.model}}}))}return o.useEffect(()=>{var r,s;if(c.isBrowser()){if(c.isEditing()&&(a(n+1),window.addEventListener("message",x),c.registerInsertMenu(),c.setupBrowserForEditing({...e.locale?{locale:e.locale}:{},...e.enrich?{enrich:e.enrich}:{},...e.trustedHosts?{trustedHosts:e.trustedHosts}:{}}),Object.values(e.builderContextSignal.componentInfos).forEach(d=>{var b;const p=c.createRegisterComponentMessage(d);(b=window.parent)==null||b.postMessage(p,"*")}),window.addEventListener("builder:component:stateChangeListenerActivated",R)),e.builderContextSignal.content&&c.getDefaultCanTrack(e.canTrack)){const d=(r=e.builderContextSignal.content)==null?void 0:r.testVariationId,p=(s=e.builderContextSignal.content)==null?void 0:s.id,b=e.apiKey;c._track({type:"impression",canTrack:!0,contentId:p,apiKey:b,variationId:d!==p?d:void 0})}if(c.isPreviewing()){const d=new URL(location.href).searchParams,p=d.get("builder.preview"),b=d.get(`builder.preview.${p}`),V=d.get("apiKey")||d.get("builder.space");p===e.model&&V===e.apiKey&&(!e.content||b===e.content.id)&&c.fetchOneEntry({model:e.model,apiKey:e.apiKey,apiVersion:e.builderContextSignal.apiVersion}).then(F=>{F&&g(F)})}}},[]),o.useEffect(()=>{e.apiKey||c.logger.error("No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop."),k(),j(),R()},[]),o.useEffect(()=>{e.content&&g(e.content)},[e.content]),o.useEffect(()=>{},[i]),o.useEffect(()=>{k()},[(U=(q=e.builderContextSignal.content)==null?void 0:q.data)==null?void 0:U.jsCode]),o.useEffect(()=>{j()},[($=(D=e.builderContextSignal.content)==null?void 0:D.data)==null?void 0:$.httpRequests]),o.useEffect(()=>{R()},[e.builderContextSignal.rootState]),o.useEffect(()=>{e.data&&m(e.data)},[e.data]),o.useEffect(()=>{e.locale&&m({locale:e.locale})},[e.locale]),o.useEffect(()=>()=>{c.isBrowser()&&(window.removeEventListener("message",x),window.removeEventListener("builder:component:stateChangeListenerActivated",R))},[]),h.jsx(T.builderContext.Provider,{value:e.builderContextSignal,children:e.builderContextSignal.content?o.createElement(u,{key:n,ref:t,onClick:r=>v(r),"builder-content-id":(H=e.builderContextSignal.content)==null?void 0:H.id,"builder-model":e.model,...e.showContent?{}:{hidden:!0,"aria-hidden":!0},...e.contentWrapperProps,className:`variant-${((L=e.content)==null?void 0:L.testVariationId)||((N=e.content)==null?void 0:N.id)}`},e.children):null})}const Pe=e=>{var g,i;const t=e.family+(e.kind&&!e.kind.includes("#")?", "+e.kind:""),n=t.split(",")[0],a=(i=e.fileUrl)!=null?i:(g=e==null?void 0:e.files)==null?void 0:g.regular;let m="";if(a&&t&&n&&(m+=`
|
|
100
100
|
@font-face {
|
|
101
101
|
font-family: "${t}";
|
|
102
102
|
src: local("${n}"), url('${a}') format('woff2');
|
|
@@ -110,10 +110,7 @@ src: url('${y}') format('woff2');
|
|
|
110
110
|
font-display: fallback;
|
|
111
111
|
font-weight: ${f};
|
|
112
112
|
}
|
|
113
|
-
`.trim())}return m},Ae=({customFonts:e})=>{var t;return((t=e==null?void 0:e.map(n=>Pe(n)))==null?void 0:t.join(" "))||""},je=({cssCode:e,contentId:t})=>e?t?(e==null?void 0:e.replace(/&/g,`div[builder-content-id="${t}"]`))||"":e:""
|
|
114
|
-
${je({cssCode:e.cssCode,contentId:e.contentId})}
|
|
115
|
-
${Ae({customFonts:e.customFonts})}
|
|
116
|
-
|
|
113
|
+
`.trim())}return m},Ae=({customFonts:e})=>{var t;return((t=e==null?void 0:e.map(n=>Pe(n)))==null?void 0:t.join(" "))||""},je=({cssCode:e,contentId:t})=>e?t?(e==null?void 0:e.replace(/&/g,`div[builder-content-id="${t}"]`))||"":e:"",qe=`
|
|
117
114
|
.builder-button {
|
|
118
115
|
all: unset;
|
|
119
116
|
}
|
|
@@ -130,4 +127,8 @@ ${Ae({customFonts:e.customFonts})}
|
|
|
130
127
|
text-align: inherit;
|
|
131
128
|
font-family: inherit;
|
|
132
129
|
}
|
|
133
|
-
|
|
130
|
+
`,Ue=e=>e?"":qe;function De(e){const[t,n]=o.useState(()=>`
|
|
131
|
+
${je({cssCode:e.cssCode,contentId:e.contentId})}
|
|
132
|
+
${Ae({customFonts:e.customFonts})}
|
|
133
|
+
${Ue(e.isNestedRender)}
|
|
134
|
+
`.trim());return h.jsx(T.InlinedStyles,{styles:t})}const $e=({content:e,data:t,locale:n})=>{var g,i,f;const a={},m=((g=e==null?void 0:e.data)==null?void 0:g.state)||{};return(f=(i=e==null?void 0:e.data)==null?void 0:i.inputs)==null||f.forEach(u=>{u.name&&u.defaultValue!==void 0&&(a[u.name]=u.defaultValue)}),{...a,...m,...t,...n?{locale:n}:{}}},He=({content:e,data:t})=>e?{...e,data:{...e==null?void 0:e.data,...t},meta:e==null?void 0:e.meta}:void 0;function M(e){var u,y,x,k,I,P,E;const[t,n]=o.useState(()=>{var S,v;return Ve({variationId:(S=e.content)==null?void 0:S.testVariationId,contentId:(v=e.content)==null?void 0:v.id})});function a(S){f(v=>({...v,rootState:S}))}const[m,g]=o.useState(()=>[...K(),...e.customComponents||[]].reduce((S,{component:v,...w})=>({...S,[w.name]:{component:v,...c.serializeComponentInfo(w)}}),{})),[i,f]=o.useState(()=>({content:He({content:e.content,data:e.data}),localState:void 0,rootState:$e({content:e.content,data:e.data,locale:e.locale}),rootSetState:a,context:e.context||{},apiKey:e.apiKey,apiVersion:e.apiVersion,componentInfos:[...K(),...e.customComponents||[]].reduce((S,{component:v,...w})=>({...S,[w.name]:c.serializeComponentInfo(w)}),{}),inheritedStyles:{},BlocksWrapper:e.blocksWrapper||"div",BlocksWrapperProps:e.blocksWrapperProps||{}}));return h.jsx(T.ComponentsContext.Provider,{value:{registeredComponents:m},children:h.jsxs(We,{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:i,contentWrapper:e.contentWrapper,contentWrapperProps:e.contentWrapperProps,linkComponent:e.linkComponent,trustedHosts:e.trustedHosts,setBuilderContextSignal:f,children:[e.isSsrAbTest?h.jsx(A,{scriptStr:t}):null,h.jsx(De,{isNestedRender:e.isNestedRender,contentId:(u=i.content)==null?void 0:u.id,cssCode:(x=(y=i.content)==null?void 0:y.data)==null?void 0:x.cssCode,customFonts:(I=(k=i.content)==null?void 0:k.data)==null?void 0:I.customFonts}),h.jsx(T.Blocks,{blocks:(E=(P=i.content)==null?void 0:P.data)==null?void 0:E.blocks,context:i,registeredComponents:m,linkComponent:e.linkComponent})]})})}function Le(e){var i,f;const[t,n]=o.useState(()=>Ie({canTrack:c.getDefaultCanTrack(e.canTrack),content:e.content}));function a(){var u;return we(W(e.content).map(y=>({id:y.testVariationId,testRatio:y.testRatio})),((u=e.content)==null?void 0:u.id)||"")}function m(){return W(e.content).map(u=>`.variant-${u.testVariationId} { display: none; } `).join("")}function g(){var u;return t?{...e.content,testVariationId:(u=e.content)==null?void 0:u.id}:c.handleABTestingSync({item:e.content,canTrack:c.getDefaultCanTrack(e.canTrack)})}return o.useEffect(()=>{},[]),h.jsxs(h.Fragment,{children:[!e.isNestedRender&&c.TARGET!=="reactNative"?h.jsx(A,{scriptStr:Te()}):null,t?h.jsxs(h.Fragment,{children:[h.jsx(T.InlinedStyles,{id:`variants-styles-${(i=e.content)==null?void 0:i.id}`,styles:m()}),h.jsx(A,{scriptStr:a()}),(f=W(e.content))==null?void 0:f.map(u=>h.jsx(M,{isNestedRender:e.isNestedRender,content:u,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},u.testVariationId))]}):null,h.jsx(M,{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=Le;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsxs as N, Fragment as w, jsx as u } from "react/jsx-runtime";
|
|
2
2
|
import { useRef as J, useState as y } from "react";
|
|
3
|
-
import { Block as O, Blocks as S, set as U } from "./blocks-
|
|
4
|
-
import { isEditing as j } from "./server-entry-
|
|
5
|
-
import "./get-class-prop-name-
|
|
3
|
+
import { Block as O, Blocks as S, set as U } from "./blocks-fd4ab30c.js";
|
|
4
|
+
import { isEditing as j } from "./server-entry-3f0061ea.js";
|
|
5
|
+
import "./get-class-prop-name-0e4b7b88.js";
|
|
6
6
|
import "./dynamic-renderer-8b343325.js";
|
|
7
7
|
const R = ["production", "qa", "test", "development", "dev", "cdn-qa", "cloud", "fast", "cdn2", "cdn-prod"], $ = () => {
|
|
8
8
|
const e = process.env.NODE_ENV || "production";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),y=require("react"),m=require("./blocks-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),y=require("react"),m=require("./blocks-ca61b343.cjs"),P=require("./server-entry-d8f950e0.cjs");require("./get-class-prop-name-14e14eea.cjs");require("./dynamic-renderer-b29b45ca.cjs");const B=["production","qa","test","development","dev","cdn-qa","cloud","fast","cdn2","cdn-prod"],D=()=>{const e=process.env.NODE_ENV||"production";return B.includes(e)?e:"production"},A=(e,i,S)=>{const a=String.prototype.split.call(i,/[,[\].]+?/).filter(Boolean).reduce((c,b)=>c!=null?c[b]:c,e);return a===void 0||a===e?S:a};function O(e){var x,E;const i=y.useRef(null),[S,a]=y.useState(()=>"unsubmitted"),[c,b]=y.useState(()=>null),[J,T]=y.useState(()=>"");function F(s){var f,g;const u={...e.builderContext.rootState,...s};e.builderContext.rootSetState?(g=(f=e.builderContext).rootSetState)==null||g.call(f,u):e.builderContext.rootState=u}function h(){return P.isEditing()&&e.previewState||S}function N(s){var f;const u=e.sendWithJs||e.sendSubmissionsTo==="email";if(e.sendSubmissionsTo==="zapier")s.preventDefault();else if(u){if(!(e.action||e.sendSubmissionsTo==="email")){s.preventDefault();return}s.preventDefault();const g=s.currentTarget,k=e.customHeaders||{};let v;const q=new FormData(g),C=Array.from(s.currentTarget.querySelectorAll("input,select,textarea")).filter(t=>!!t.name).map(t=>{let n;const l=t.name;if(t instanceof HTMLInputElement)if(t.type==="radio"){if(t.checked)return n=t.name,{key:l,value:n}}else if(t.type==="checkbox")n=t.checked;else if(t.type==="number"||t.type==="range"){const r=t.valueAsNumber;isNaN(r)||(n=r)}else t.type==="file"?n=t.files:n=t.value;else n=t.value;return{key:l,value:n}});let d=e.contentType;if(e.sendSubmissionsTo==="email"&&(d="multipart/form-data"),Array.from(C).forEach(({value:t})=>{(t instanceof File||Array.isArray(t)&&t[0]instanceof File||t instanceof FileList)&&(d="multipart/form-data")}),d!=="application/json")v=q;else{const t={};Array.from(C).forEach(({value:n,key:l})=>{m.set(t,l,n)}),v=JSON.stringify(t)}d&&d!=="multipart/form-data"&&(u&&((f=e.action)!=null&&f.includes("zapier.com"))||(k["content-type"]=d));const j=new CustomEvent("presubmit",{detail:{body:v}});if(i.current&&(i.current.dispatchEvent(j),j.defaultPrevented))return;a("sending");const w=`${D()==="dev"?"http://localhost:5000":"https://builder.io"}/api/v1/form-submit?apiKey=${e.builderContext.apiKey}&to=${btoa(e.sendSubmissionsToEmail||"")}&name=${encodeURIComponent(e.name||"")}`;fetch(e.sendSubmissionsTo==="email"?w:e.action,{body:v,headers:k,method:e.method||"post"}).then(async t=>{let n;const l=t.headers.get("content-type");if(l&&l.indexOf("application/json")!==-1?n=await t.json():n=await t.text(),!t.ok&&e.errorMessagePath){let r=A(n,e.errorMessagePath);r&&(typeof r!="string"&&(r=JSON.stringify(r)),T(r),F({formErrorMessage:r}))}if(b(n),a(t.ok?"success":"error"),t.ok){const r=new CustomEvent("submit:success",{detail:{res:t,body:n}});if(i.current){if(i.current.dispatchEvent(r),r.defaultPrevented)return;e.resetFormOnSubmit!==!1&&i.current.reset()}if(e.successUrl)if(i.current){const M=new CustomEvent("route",{detail:{url:e.successUrl}});i.current.dispatchEvent(M),M.defaultPrevented||(location.href=e.successUrl)}else location.href=e.successUrl}},t=>{const n=new CustomEvent("submit:error",{detail:{error:t}});i.current&&(i.current.dispatchEvent(n),n.defaultPrevented)||(b(t),a("error"))})}}return o.jsxs(o.Fragment,{children:[" ",o.jsxs("form",{validate:e.validate,ref:i,action:!e.sendWithJs&&e.action,method:e.method,name:e.name,onSubmit:s=>N(s),...e.attributes,children:[e.builderBlock&&e.builderBlock.children?o.jsx(o.Fragment,{children:(E=(x=e.builderBlock)==null?void 0:x.children)==null?void 0:E.map((s,u)=>o.jsx(m.Block,{block:s,context:e.builderContext,registeredComponents:e.builderComponents,linkComponent:e.builderLinkComponent},`form-block-${u}`))}):null,h()==="error"?o.jsx(m.Blocks,{path:"errorMessage",blocks:e.errorMessage,context:e.builderContext}):null,h()==="sending"?o.jsx(m.Blocks,{path:"sendingMessage",blocks:e.sendingMessage,context:e.builderContext}):null,h()==="error"&&c?o.jsx("pre",{className:"builder-form-error-text pre-31bf8a14",children:JSON.stringify(c,null,2)}):null,h()==="success"?o.jsx(m.Blocks,{path:"successMessage",blocks:e.successMessage,context:e.builderContext}):null]})," ",o.jsx("style",{children:".pre-31bf8a14 { padding: 10px; color: red; text-align: center; }"})," "]})}exports.default=O;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const e=require("./server-entry-
|
|
1
|
+
"use strict";const e=require("./server-entry-d8f950e0.cjs"),s=()=>{switch(e.TARGET){case"react":case"reactNative":case"rsc":return"className";case"svelte":case"vue":case"solid":case"qwik":return"class"}};exports.getClassPropName=s;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),i=require("./server-entry-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),i=require("./server-entry-d8f950e0.cjs");function n(e){return t.jsx("img",{style:{objectFit:e.backgroundSize||"cover",objectPosition:e.backgroundPosition||"center"},alt:e.altText,src:e.imgSrc||e.image,...e.attributes},i.isEditing()&&e.imgSrc||"default-key")}exports.default=n;
|
package/lib/edge/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./blocks-exports.cjs"),e=require("./server-entry-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./blocks-exports.cjs"),e=require("./server-entry-d8f950e0.cjs");require("react");exports.Blocks=t.Blocks;exports.Button=t.Button;exports.Columns=t.Columns;exports.Content=t.Content;exports.Fragment=t.Fragment;exports.Image=t.Image;exports.Section=t.Section;exports.Symbol=t.Symbol;exports.Text=t.Text;exports.Video=t.Video;exports._processContentResult=e._processContentResult;exports.createRegisterComponentMessage=e.createRegisterComponentMessage;exports.fetchBuilderProps=e.fetchBuilderProps;exports.fetchEntries=e.fetchEntries;exports.fetchOneEntry=e.fetchOneEntry;exports.getBuilderSearchParams=e.getBuilderSearchParams;exports.isEditing=e.isEditing;exports.isPreviewing=e.isPreviewing;exports.register=e.register;exports.setEditorSettings=e.setEditorSettings;exports.subscribeToEditor=e.subscribeToEditor;exports.track=e.track;
|
package/lib/edge/index.mjs
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Blocks as o, Button as i, Columns as s, Content as n, Fragment as c, Image as g, Section as m, Symbol as a, Text as d, Video as l } from "./blocks-exports.mjs";
|
|
2
|
-
import { _processContentResult as u, createRegisterComponentMessage as f, fetchBuilderProps as E, fetchEntries as h, fetchOneEntry as B, getBuilderSearchParams as C, isEditing as S, isPreviewing as b, register as x, setEditorSettings as P, subscribeToEditor as k, track as y } from "./server-entry-
|
|
2
|
+
import { _processContentResult as u, createRegisterComponentMessage as f, fetchBuilderProps as E, fetchEntries as h, fetchOneEntry as B, getBuilderSearchParams as C, isEditing as S, isPreviewing as b, register as x, setEditorSettings as P, subscribeToEditor as k, track as y } from "./server-entry-3f0061ea.js";
|
|
3
3
|
import "react";
|
|
4
4
|
export {
|
|
5
5
|
o as Blocks,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),u=require("./server-entry-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),u=require("./server-entry-d8f950e0.cjs");function a(e){return t.createElement("input",{...e.attributes,key:u.isEditing()&&e.defaultValue?e.defaultValue:"default-key",placeholder:e.placeholder,type:e.type,name:e.name,value:e.value,defaultValue:e.defaultValue,required:e.required})}exports.default=a;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),l=require("react"),n=require("./server-entry-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),l=require("react"),n=require("./server-entry-d8f950e0.cjs");function i(e){var u;return l.createElement("select",{...e.attributes,value:e.value,key:n.isEditing()&&e.defaultValue?e.defaultValue:"default-key",defaultValue:e.defaultValue,name:e.name},(u=e.options)==null?void 0:u.map(t=>a.jsx("option",{value:t.value,children:t.name||t.value})))}exports.default=i;
|