@builder.io/sdk-react-nextjs 0.16.2 → 0.16.4
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 +26 -26
- package/lib/browser/blocks-exports.mjs +198 -177
- 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/browser/server-entry-15a258a6.cjs +2 -0
- package/lib/browser/{server-entry-242f596f.js → server-entry-3336d7c2.js} +152 -158
- package/lib/browser/server-entry.cjs +1 -1
- package/lib/browser/server-entry.mjs +1 -1
- package/lib/edge/blocks-exports.cjs +35 -35
- package/lib/edge/blocks-exports.mjs +228 -206
- 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/server-entry-15a258a6.cjs +2 -0
- package/lib/{node/server-entry-fbf4e3a9.js → edge/server-entry-3336d7c2.js} +152 -158
- package/lib/edge/server-entry.cjs +1 -1
- package/lib/edge/server-entry.mjs +1 -1
- package/lib/node/blocks-exports.cjs +15 -15
- package/lib/node/blocks-exports.mjs +128 -107
- 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-e1243cd6.cjs → node-runtime-7537779c.cjs} +2 -2
- package/lib/node/{node-runtime-42e494ca.js → node-runtime-adcc8fa1.js} +3 -2
- package/lib/node/server-entry-15a258a6.cjs +2 -0
- package/lib/{edge/server-entry-242f596f.js → node/server-entry-3336d7c2.js} +152 -158
- package/lib/node/server-entry.cjs +1 -1
- package/lib/node/server-entry.mjs +1 -1
- package/package.json +1 -1
- package/types/cjs/blocks/image/image.types.d.ts +2 -0
- package/types/cjs/blocks/symbol/symbol.types.d.ts +1 -0
- package/types/cjs/constants/sdk-version.d.ts +1 -1
- package/types/cjs/functions/register-component.d.ts +2 -2
- package/types/esm/blocks/image/image.types.d.ts +2 -0
- package/types/esm/blocks/symbol/symbol.types.d.ts +1 -0
- package/types/esm/constants/sdk-version.d.ts +1 -1
- package/types/esm/functions/register-component.d.ts +2 -2
- package/lib/browser/server-entry-494604dc.cjs +0 -2
- package/lib/edge/server-entry-494604dc.cjs +0 -2
- package/lib/node/server-entry-db7b41aa.cjs +0 -2
|
@@ -3,16 +3,16 @@ var Ne = Object.defineProperty;
|
|
|
3
3
|
var Ae = (e, t, n) => t in e ? Ne(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
|
|
4
4
|
var ee = (e, t, n) => (Ae(e, typeof t != "symbol" ? t + "" : t, n), n);
|
|
5
5
|
import { jsx as l, Fragment as C, jsxs as P } from "react/jsx-runtime";
|
|
6
|
-
import { TARGET as H, checkIsDefined as K, logger as J, isBrowser as z,
|
|
7
|
-
import { getFunctionArguments as Me, runInNode as Ue, parseCode as _e, getBuilderGlobals as Ke, set as ze } from "./node-runtime-
|
|
8
|
-
import {
|
|
6
|
+
import { TARGET as H, checkIsDefined as K, logger as J, isBrowser as z, isEditing as V, init as Ve, getDefaultCanTrack as q, _track as ue, isPreviewing as $e, createEditorListener as Fe, fetch as Le, registerInsertMenu as De, setupBrowserForEditing as je, createRegisterComponentMessage as Oe, fetchOneEntry as pe, serializeComponentInfo as me, handleABTestingSync as He } from "./server-entry-3336d7c2.js";
|
|
7
|
+
import { getFunctionArguments as Me, runInNode as Ue, parseCode as _e, getBuilderGlobals as Ke, fastClone as ie, set as ze } from "./node-runtime-adcc8fa1.js";
|
|
8
|
+
import { useEffect as R, useRef as oe, useState as A, createContext as qe } from "react";
|
|
9
9
|
import { useRouter as Ye } from "next/navigation";
|
|
10
10
|
import "lru-cache";
|
|
11
11
|
const Je = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), Qe = (e) => typeof e == "string" && Je.has(e.toLowerCase());
|
|
12
12
|
function ae(e) {
|
|
13
13
|
return /* @__PURE__ */ l(C, { children: Qe(e.TagName) ? /* @__PURE__ */ l(C, { children: /* @__PURE__ */ l(e.TagName, { ...e.attributes, ...e.actionAttributes }) }) : /* @__PURE__ */ l(C, { children: typeof e.TagName == "string" ? /* @__PURE__ */ l(e.TagName, { ...e.attributes, ...e.actionAttributes, children: e.children }) : /* @__PURE__ */ l(e.TagName, { ...e.attributes, ...e.actionAttributes, children: e.children }) }) });
|
|
14
14
|
}
|
|
15
|
-
const
|
|
15
|
+
const O = () => {
|
|
16
16
|
switch (H) {
|
|
17
17
|
case "react":
|
|
18
18
|
case "reactNative":
|
|
@@ -30,7 +30,7 @@ function Ge(e) {
|
|
|
30
30
|
function t() {
|
|
31
31
|
return {
|
|
32
32
|
...e.attributes,
|
|
33
|
-
[
|
|
33
|
+
[O()]: `${e.link ? "" : "builder-button"} ${e.attributes[O()] || ""}`,
|
|
34
34
|
...e.link ? {
|
|
35
35
|
href: e.link,
|
|
36
36
|
target: e.openLinkInNewTab ? "_blank" : void 0,
|
|
@@ -133,7 +133,7 @@ const tt = () => {
|
|
|
133
133
|
};
|
|
134
134
|
ee(N, "cacheLimit", 20), ee(N, "cache", /* @__PURE__ */ new Map());
|
|
135
135
|
let F = N;
|
|
136
|
-
function
|
|
136
|
+
function L({
|
|
137
137
|
code: e,
|
|
138
138
|
context: t,
|
|
139
139
|
localState: n,
|
|
@@ -194,7 +194,7 @@ const it = ({
|
|
|
194
194
|
}
|
|
195
195
|
};
|
|
196
196
|
for (const r in e.bindings) {
|
|
197
|
-
const s = e.bindings[r], d =
|
|
197
|
+
const s = e.bindings[r], d = L({
|
|
198
198
|
code: s,
|
|
199
199
|
localState: n,
|
|
200
200
|
rootState: i,
|
|
@@ -298,7 +298,7 @@ const ct = ({
|
|
|
298
298
|
} = e;
|
|
299
299
|
if (!(n != null && n.collection))
|
|
300
300
|
return;
|
|
301
|
-
const o =
|
|
301
|
+
const o = L({
|
|
302
302
|
code: n.collection,
|
|
303
303
|
localState: t.localState,
|
|
304
304
|
rootState: t.rootState,
|
|
@@ -407,7 +407,7 @@ function ft(e) {
|
|
|
407
407
|
});
|
|
408
408
|
return K(o.hide) ? !o.hide : K(o.show) ? o.show : !0;
|
|
409
409
|
}, n = function() {
|
|
410
|
-
var
|
|
410
|
+
var x, y, p;
|
|
411
411
|
const o = Y({
|
|
412
412
|
block: e.block,
|
|
413
413
|
localState: e.context.localState,
|
|
@@ -416,7 +416,7 @@ function ft(e) {
|
|
|
416
416
|
context: e.context.context,
|
|
417
417
|
shouldEvaluateBindings: !0
|
|
418
418
|
}), a = o.responsiveStyles, c = e.context.content, r = Te(
|
|
419
|
-
((
|
|
419
|
+
((x = c == null ? void 0 : c.meta) == null ? void 0 : x.breakpoints) || {}
|
|
420
420
|
), s = a == null ? void 0 : a.large, d = a == null ? void 0 : a.medium, m = a == null ? void 0 : a.small, u = o.id;
|
|
421
421
|
if (!u)
|
|
422
422
|
return "";
|
|
@@ -440,7 +440,7 @@ function ft(e) {
|
|
|
440
440
|
}) : "", b = o.animations && o.animations.find((T) => T.trigger === "hover");
|
|
441
441
|
let E = "";
|
|
442
442
|
if (b) {
|
|
443
|
-
const T = ((p = (
|
|
443
|
+
const T = ((p = (y = b.steps) == null ? void 0 : y[1]) == null ? void 0 : p.styles) || {};
|
|
444
444
|
E = U({
|
|
445
445
|
className: `${u}:hover`,
|
|
446
446
|
styles: {
|
|
@@ -471,7 +471,7 @@ function ft(e) {
|
|
|
471
471
|
function ht(e) {
|
|
472
472
|
return e.charAt(0).toUpperCase() + e.slice(1);
|
|
473
473
|
}
|
|
474
|
-
const gt = (e) => `on${ht(e)}`, bt = (e, t) => (n) =>
|
|
474
|
+
const gt = (e) => `on${ht(e)}`, bt = (e, t) => (n) => L({
|
|
475
475
|
code: e,
|
|
476
476
|
context: t.context,
|
|
477
477
|
localState: t.localState,
|
|
@@ -507,7 +507,7 @@ function yt({
|
|
|
507
507
|
}) {
|
|
508
508
|
return e;
|
|
509
509
|
}
|
|
510
|
-
const
|
|
510
|
+
const xt = (e) => ({
|
|
511
511
|
href: e.href
|
|
512
512
|
});
|
|
513
513
|
function ce({
|
|
@@ -516,14 +516,14 @@ function ce({
|
|
|
516
516
|
}) {
|
|
517
517
|
var i;
|
|
518
518
|
const n = {
|
|
519
|
-
...
|
|
519
|
+
...xt(e),
|
|
520
520
|
...e.properties,
|
|
521
521
|
"builder-id": e.id,
|
|
522
522
|
style: rt({
|
|
523
523
|
block: e,
|
|
524
524
|
context: t
|
|
525
525
|
}),
|
|
526
|
-
[
|
|
526
|
+
[O()]: [e.id, "builder-block", e.class, (i = e.properties) == null ? void 0 : i.class].filter(Boolean).join(" ")
|
|
527
527
|
};
|
|
528
528
|
return yt({
|
|
529
529
|
properties: n,
|
|
@@ -531,7 +531,7 @@ function ce({
|
|
|
531
531
|
block: e
|
|
532
532
|
});
|
|
533
533
|
}
|
|
534
|
-
function
|
|
534
|
+
function vt(e) {
|
|
535
535
|
return /* @__PURE__ */ l(
|
|
536
536
|
ae,
|
|
537
537
|
{
|
|
@@ -724,7 +724,7 @@ function G(e) {
|
|
|
724
724
|
},
|
|
725
725
|
h
|
|
726
726
|
)) }) : /* @__PURE__ */ P(
|
|
727
|
-
|
|
727
|
+
vt,
|
|
728
728
|
{
|
|
729
729
|
Wrapper: o(),
|
|
730
730
|
block: i(),
|
|
@@ -839,24 +839,24 @@ function le(e) {
|
|
|
839
839
|
const It = (e) => `builder-columns ${e}-breakpoints`;
|
|
840
840
|
function wt(e) {
|
|
841
841
|
var b, E;
|
|
842
|
-
const t = typeof e.space == "number" ? e.space || 0 : 20, n = e.columns || [], i = e.stackColumnsAt || "tablet", o = function(
|
|
843
|
-
return
|
|
844
|
-
}, a = function(
|
|
842
|
+
const t = typeof e.space == "number" ? e.space || 0 : 20, n = e.columns || [], i = e.stackColumnsAt || "tablet", o = function(y) {
|
|
843
|
+
return y.link ? e.builderLinkComponent || "a" : "div";
|
|
844
|
+
}, a = function(y) {
|
|
845
845
|
var p;
|
|
846
|
-
return ((p = n[
|
|
847
|
-
}, c = function(
|
|
848
|
-
const p = a(
|
|
846
|
+
return ((p = n[y]) == null ? void 0 : p.width) || 100 / n.length;
|
|
847
|
+
}, c = function(y) {
|
|
848
|
+
const p = a(y), T = t * (n.length - 1) * (p / 100);
|
|
849
849
|
return `calc(${p}% - ${T}px)`;
|
|
850
850
|
}, r = function({
|
|
851
|
-
stackedStyle:
|
|
851
|
+
stackedStyle: y,
|
|
852
852
|
desktopStyle: p
|
|
853
853
|
}) {
|
|
854
|
-
return i === "tablet" ?
|
|
854
|
+
return i === "tablet" ? y : p;
|
|
855
855
|
}, s = function({
|
|
856
|
-
stackedStyle:
|
|
856
|
+
stackedStyle: y,
|
|
857
857
|
desktopStyle: p
|
|
858
858
|
}) {
|
|
859
|
-
return i === "never" ? p :
|
|
859
|
+
return i === "never" ? p : y;
|
|
860
860
|
}, d = e.stackColumnsAt === "never" ? "row" : e.reverseColumnsWhenStacked ? "column-reverse" : "column", m = function() {
|
|
861
861
|
return {
|
|
862
862
|
"--flex-dir": d,
|
|
@@ -865,8 +865,8 @@ function wt(e) {
|
|
|
865
865
|
desktopStyle: "row"
|
|
866
866
|
})
|
|
867
867
|
};
|
|
868
|
-
}, u = function(
|
|
869
|
-
const p =
|
|
868
|
+
}, u = function(y) {
|
|
869
|
+
const p = y === 0 ? 0 : t, T = c(y), W = `${p}px`, D = "100%", j = 0;
|
|
870
870
|
return {
|
|
871
871
|
...{
|
|
872
872
|
display: "flex",
|
|
@@ -876,7 +876,7 @@ function wt(e) {
|
|
|
876
876
|
width: T,
|
|
877
877
|
["marginLeft"]: W,
|
|
878
878
|
"--column-width-mobile": s({
|
|
879
|
-
stackedStyle:
|
|
879
|
+
stackedStyle: D,
|
|
880
880
|
desktopStyle: T
|
|
881
881
|
}),
|
|
882
882
|
"--column-margin-left-mobile": s({
|
|
@@ -884,7 +884,7 @@ function wt(e) {
|
|
|
884
884
|
desktopStyle: W
|
|
885
885
|
}),
|
|
886
886
|
"--column-width-tablet": r({
|
|
887
|
-
stackedStyle:
|
|
887
|
+
stackedStyle: D,
|
|
888
888
|
desktopStyle: T
|
|
889
889
|
}),
|
|
890
890
|
"--column-margin-left-tablet": r({
|
|
@@ -892,12 +892,13 @@ function wt(e) {
|
|
|
892
892
|
desktopStyle: W
|
|
893
893
|
})
|
|
894
894
|
};
|
|
895
|
-
}, h = function(
|
|
895
|
+
}, h = function(y) {
|
|
896
896
|
var T, W;
|
|
897
897
|
return Te(
|
|
898
898
|
((W = (T = e.builderContext.content) == null ? void 0 : T.meta) == null ? void 0 : W.breakpoints) || {}
|
|
899
|
-
)[
|
|
899
|
+
)[y].max;
|
|
900
900
|
}, I = function() {
|
|
901
|
+
const y = `.${e.builderBlock.id}-breakpoints > .builder-column`;
|
|
901
902
|
return `
|
|
902
903
|
@media (max-width: ${h("medium")}px) {
|
|
903
904
|
.${e.builderBlock.id}-breakpoints {
|
|
@@ -905,7 +906,7 @@ function wt(e) {
|
|
|
905
906
|
align-items: stretch;
|
|
906
907
|
}
|
|
907
908
|
|
|
908
|
-
|
|
909
|
+
${y} {
|
|
909
910
|
width: var(--column-width-tablet) !important;
|
|
910
911
|
margin-left: var(--column-margin-left-tablet) !important;
|
|
911
912
|
}
|
|
@@ -917,18 +918,18 @@ function wt(e) {
|
|
|
917
918
|
align-items: stretch;
|
|
918
919
|
}
|
|
919
920
|
|
|
920
|
-
|
|
921
|
+
${y} {
|
|
921
922
|
width: var(--column-width-mobile) !important;
|
|
922
923
|
margin-left: var(--column-margin-left-mobile) !important;
|
|
923
924
|
}
|
|
924
925
|
},
|
|
925
926
|
`;
|
|
926
|
-
}, w = function(
|
|
927
|
+
}, w = function(y, p) {
|
|
927
928
|
return {
|
|
928
|
-
...
|
|
929
|
-
href:
|
|
929
|
+
...y.link ? {
|
|
930
|
+
href: y.link
|
|
930
931
|
} : {},
|
|
931
|
-
[
|
|
932
|
+
[O()]: "builder-column",
|
|
932
933
|
style: Ie(u(p))
|
|
933
934
|
};
|
|
934
935
|
};
|
|
@@ -936,7 +937,7 @@ function wt(e) {
|
|
|
936
937
|
/* @__PURE__ */ P(
|
|
937
938
|
"div",
|
|
938
939
|
{
|
|
939
|
-
className: It((b = e.builderBlock) == null ? void 0 : b.id) + " div-
|
|
940
|
+
className: It((b = e.builderBlock) == null ? void 0 : b.id) + " div-2cd13691",
|
|
940
941
|
style: m(),
|
|
941
942
|
children: [
|
|
942
943
|
/* @__PURE__ */ l(
|
|
@@ -947,16 +948,16 @@ function wt(e) {
|
|
|
947
948
|
nonce: e.builderContext.nonce
|
|
948
949
|
}
|
|
949
950
|
),
|
|
950
|
-
(E = e.columns) == null ? void 0 : E.map((
|
|
951
|
+
(E = e.columns) == null ? void 0 : E.map((x, y) => /* @__PURE__ */ l(
|
|
951
952
|
ae,
|
|
952
953
|
{
|
|
953
|
-
TagName: o(
|
|
954
|
+
TagName: o(x),
|
|
954
955
|
actionAttributes: {},
|
|
955
|
-
attributes: w(
|
|
956
|
+
attributes: w(x, y),
|
|
956
957
|
children: /* @__PURE__ */ l(
|
|
957
958
|
le,
|
|
958
959
|
{
|
|
959
|
-
path: `component.options.columns.${
|
|
960
|
+
path: `component.options.columns.${y}.blocks`,
|
|
960
961
|
parent: e.builderBlock.id,
|
|
961
962
|
styleProp: {
|
|
962
963
|
flexGrow: "1"
|
|
@@ -964,16 +965,16 @@ function wt(e) {
|
|
|
964
965
|
context: e.builderContext,
|
|
965
966
|
registeredComponents: e.builderComponents,
|
|
966
967
|
linkComponent: e.builderLinkComponent,
|
|
967
|
-
blocks:
|
|
968
|
+
blocks: x.blocks
|
|
968
969
|
}
|
|
969
970
|
)
|
|
970
971
|
},
|
|
971
|
-
|
|
972
|
+
y
|
|
972
973
|
))
|
|
973
974
|
]
|
|
974
975
|
}
|
|
975
976
|
),
|
|
976
|
-
/* @__PURE__ */ l("style", { children: `.div-
|
|
977
|
+
/* @__PURE__ */ l("style", { children: `.div-2cd13691 {
|
|
977
978
|
display: flex;
|
|
978
979
|
line-height: normal;
|
|
979
980
|
}` })
|
|
@@ -1044,7 +1045,8 @@ function Et(e) {
|
|
|
1044
1045
|
};
|
|
1045
1046
|
return e.aspectRatio ? m : void 0;
|
|
1046
1047
|
}
|
|
1047
|
-
return
|
|
1048
|
+
return R(() => {
|
|
1049
|
+
}, []), /* @__PURE__ */ P(C, { children: [
|
|
1048
1050
|
/* @__PURE__ */ P(C, { children: [
|
|
1049
1051
|
/* @__PURE__ */ P("picture", { children: [
|
|
1050
1052
|
n() ? /* @__PURE__ */ l("source", { type: "image/webp", srcSet: n() }) : null,
|
|
@@ -1060,7 +1062,7 @@ function Et(e) {
|
|
|
1060
1062
|
objectFit: e.backgroundSize || "cover",
|
|
1061
1063
|
...i()
|
|
1062
1064
|
},
|
|
1063
|
-
className: "builder-image" + (e.className ? " " + e.className : "") + " img-
|
|
1065
|
+
className: "builder-image" + (e.className ? " " + e.className : "") + " img-2d6925f2",
|
|
1064
1066
|
src: e.image,
|
|
1065
1067
|
srcSet: t(),
|
|
1066
1068
|
sizes: e.sizes
|
|
@@ -1070,23 +1072,23 @@ function Et(e) {
|
|
|
1070
1072
|
e.aspectRatio && !((a = (o = e.builderBlock) == null ? void 0 : o.children) != null && a.length && e.fitContent) ? /* @__PURE__ */ l(
|
|
1071
1073
|
"div",
|
|
1072
1074
|
{
|
|
1073
|
-
className: "builder-image-sizer div-
|
|
1075
|
+
className: "builder-image-sizer div-2d6925f2",
|
|
1074
1076
|
style: {
|
|
1075
1077
|
paddingTop: e.aspectRatio * 100 + "%"
|
|
1076
1078
|
}
|
|
1077
1079
|
}
|
|
1078
1080
|
) : null,
|
|
1079
1081
|
(r = (c = e.builderBlock) == null ? void 0 : c.children) != null && r.length && e.fitContent ? /* @__PURE__ */ l(C, { children: e.children }) : null,
|
|
1080
|
-
!e.fitContent && ((d = (s = e.builderBlock) == null ? void 0 : s.children) != null && d.length) ? /* @__PURE__ */ l("div", { className: "div-
|
|
1082
|
+
!e.fitContent && ((d = (s = e.builderBlock) == null ? void 0 : s.children) != null && d.length) ? /* @__PURE__ */ l("div", { className: "div-2d6925f2-2", children: e.children }) : null
|
|
1081
1083
|
] }),
|
|
1082
|
-
/* @__PURE__ */ l("style", { children: `.img-
|
|
1084
|
+
/* @__PURE__ */ l("style", { children: `.img-2d6925f2 {
|
|
1083
1085
|
opacity: 1;
|
|
1084
1086
|
transition: opacity 0.2s ease-in-out;
|
|
1085
|
-
}.div-
|
|
1087
|
+
}.div-2d6925f2 {
|
|
1086
1088
|
width: 100%;
|
|
1087
1089
|
pointer-events: none;
|
|
1088
1090
|
font-size: 0;
|
|
1089
|
-
}.div-
|
|
1091
|
+
}.div-2d6925f2-2 {
|
|
1090
1092
|
display: flex;
|
|
1091
1093
|
flex-direction: column;
|
|
1092
1094
|
align-items: stretch;
|
|
@@ -1555,7 +1557,7 @@ function Lt(e) {
|
|
|
1555
1557
|
}
|
|
1556
1558
|
);
|
|
1557
1559
|
}
|
|
1558
|
-
const
|
|
1560
|
+
const Dt = {
|
|
1559
1561
|
name: "Symbol",
|
|
1560
1562
|
noWrap: !0,
|
|
1561
1563
|
static: !0,
|
|
@@ -1594,9 +1596,10 @@ const jt = {
|
|
|
1594
1596
|
builderComponents: !0,
|
|
1595
1597
|
builderLinkComponent: !0
|
|
1596
1598
|
}
|
|
1597
|
-
},
|
|
1599
|
+
}, jt = {
|
|
1598
1600
|
shouldReceiveBuilderProps: {
|
|
1599
|
-
builderBlock: !1
|
|
1601
|
+
builderBlock: !1,
|
|
1602
|
+
builderContext: !0
|
|
1600
1603
|
},
|
|
1601
1604
|
name: "Text",
|
|
1602
1605
|
static: !0,
|
|
@@ -1617,12 +1620,30 @@ const jt = {
|
|
|
1617
1620
|
}
|
|
1618
1621
|
};
|
|
1619
1622
|
function Ot(e) {
|
|
1620
|
-
var t;
|
|
1621
1623
|
return /* @__PURE__ */ l(
|
|
1622
1624
|
"div",
|
|
1623
1625
|
{
|
|
1624
1626
|
className: "builder-text",
|
|
1625
|
-
dangerouslySetInnerHTML: { __html: (
|
|
1627
|
+
dangerouslySetInnerHTML: { __html: function() {
|
|
1628
|
+
var s;
|
|
1629
|
+
const i = e.builderContext, {
|
|
1630
|
+
context: o,
|
|
1631
|
+
localState: a,
|
|
1632
|
+
rootState: c,
|
|
1633
|
+
rootSetState: r
|
|
1634
|
+
} = i;
|
|
1635
|
+
return String(((s = e.text) == null ? void 0 : s.toString()) || "").replace(
|
|
1636
|
+
/{{([^}]+)}}/g,
|
|
1637
|
+
(d, m) => L({
|
|
1638
|
+
code: m,
|
|
1639
|
+
context: o,
|
|
1640
|
+
localState: a,
|
|
1641
|
+
rootState: c,
|
|
1642
|
+
rootSetState: r,
|
|
1643
|
+
enableCache: !1
|
|
1644
|
+
})
|
|
1645
|
+
);
|
|
1646
|
+
}() },
|
|
1626
1647
|
style: {
|
|
1627
1648
|
outline: "none"
|
|
1628
1649
|
}
|
|
@@ -1985,10 +2006,10 @@ const Gt = () => [{
|
|
|
1985
2006
|
...Ft
|
|
1986
2007
|
}, {
|
|
1987
2008
|
component: Rn,
|
|
1988
|
-
...
|
|
2009
|
+
...Dt
|
|
1989
2010
|
}, {
|
|
1990
2011
|
component: Ot,
|
|
1991
|
-
...
|
|
2012
|
+
...jt
|
|
1992
2013
|
}, ...Gt()], Xt = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
|
|
1993
2014
|
function getAndSetVariantId() {
|
|
1994
2015
|
function setCookie(name, value, days) {
|
|
@@ -2140,7 +2161,7 @@ const cn = (e, t, n = !0) => {
|
|
|
2140
2161
|
}, ln = (e) => cn(e, (t) => {
|
|
2141
2162
|
const n = t.getAttribute("builder-id") || t.id;
|
|
2142
2163
|
return (n == null ? void 0 : n.indexOf("builder-")) === 0;
|
|
2143
|
-
}),
|
|
2164
|
+
}), xe = ({
|
|
2144
2165
|
event: e,
|
|
2145
2166
|
target: t
|
|
2146
2167
|
}) => {
|
|
@@ -2154,11 +2175,11 @@ const cn = (e, t, n = !0) => {
|
|
|
2154
2175
|
return {
|
|
2155
2176
|
targetBuilderElement: i || void 0,
|
|
2156
2177
|
metadata: {
|
|
2157
|
-
targetOffset: t ?
|
|
2178
|
+
targetOffset: t ? xe({
|
|
2158
2179
|
event: e,
|
|
2159
2180
|
target: t
|
|
2160
2181
|
}) : void 0,
|
|
2161
|
-
builderTargetOffset: n ?
|
|
2182
|
+
builderTargetOffset: n ? xe({
|
|
2162
2183
|
event: e,
|
|
2163
2184
|
target: n
|
|
2164
2185
|
}) : void 0,
|
|
@@ -2172,7 +2193,7 @@ async function dn({
|
|
|
2172
2193
|
}) {
|
|
2173
2194
|
return Ve(), globalThis._BUILDER_PREVIEW_LRU_CACHE.set(e, t), { [e]: t };
|
|
2174
2195
|
}
|
|
2175
|
-
function
|
|
2196
|
+
function ve(e, ...t) {
|
|
2176
2197
|
const n = Object(e);
|
|
2177
2198
|
for (let i = 1; i < arguments.length; i++) {
|
|
2178
2199
|
const o = arguments[i];
|
|
@@ -2205,8 +2226,8 @@ function hn(e) {
|
|
|
2205
2226
|
return;
|
|
2206
2227
|
}
|
|
2207
2228
|
Array.from(t).forEach((n) => {
|
|
2208
|
-
mn(e, n), n.style.transition = "none", n.style.transitionDelay = "0",
|
|
2209
|
-
n.style.transition = `all ${e.duration}s ${re(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s"),
|
|
2229
|
+
mn(e, n), n.style.transition = "none", n.style.transitionDelay = "0", ve(n.style, e.steps[0].styles), setTimeout(() => {
|
|
2230
|
+
n.style.transition = `all ${e.duration}s ${re(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s"), ve(n.style, e.steps[1].styles), setTimeout(() => {
|
|
2210
2231
|
n.style.transition = "", n.style.transitionDelay = "";
|
|
2211
2232
|
}, (e.delay || 0) * 1e3 + e.duration * 1e3 + 100);
|
|
2212
2233
|
});
|
|
@@ -2246,7 +2267,7 @@ font-weight: ${r};
|
|
|
2246
2267
|
}, yn = ({
|
|
2247
2268
|
cssCode: e,
|
|
2248
2269
|
contentId: t
|
|
2249
|
-
}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "",
|
|
2270
|
+
}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", xn = `
|
|
2250
2271
|
.builder-button {
|
|
2251
2272
|
all: unset;
|
|
2252
2273
|
}
|
|
@@ -2263,25 +2284,25 @@ font-weight: ${r};
|
|
|
2263
2284
|
text-align: inherit;
|
|
2264
2285
|
font-family: inherit;
|
|
2265
2286
|
}
|
|
2266
|
-
`,
|
|
2287
|
+
`, vn = (e) => e ? "" : xn, Sn = (e) => `variant-${e}`;
|
|
2267
2288
|
function pn(e) {
|
|
2268
|
-
var W,
|
|
2289
|
+
var W, D, j, X, Z, se, de;
|
|
2269
2290
|
const t = oe(null);
|
|
2270
2291
|
function n(g) {
|
|
2271
|
-
var
|
|
2292
|
+
var v, S;
|
|
2272
2293
|
const f = {
|
|
2273
2294
|
...e.builderContextSignal.rootState,
|
|
2274
2295
|
...g
|
|
2275
2296
|
};
|
|
2276
|
-
e.builderContextSignal.rootSetState ? (S = (
|
|
2297
|
+
e.builderContextSignal.rootSetState ? (S = (v = e.builderContextSignal).rootSetState) == null || S.call(v, f) : e.builderContextSignal.rootState = f;
|
|
2277
2298
|
}
|
|
2278
2299
|
function i(g) {
|
|
2279
|
-
var
|
|
2300
|
+
var v, S, k, B, M;
|
|
2280
2301
|
const f = {
|
|
2281
2302
|
...e.builderContextSignal.content,
|
|
2282
2303
|
...g,
|
|
2283
2304
|
data: {
|
|
2284
|
-
...(
|
|
2305
|
+
...(v = e.builderContextSignal.content) == null ? void 0 : v.data,
|
|
2285
2306
|
...g == null ? void 0 : g.data
|
|
2286
2307
|
},
|
|
2287
2308
|
meta: {
|
|
@@ -2313,10 +2334,10 @@ function pn(e) {
|
|
|
2313
2334
|
callbacks: {
|
|
2314
2335
|
configureSdk: (f) => {
|
|
2315
2336
|
var k;
|
|
2316
|
-
const { breakpoints:
|
|
2317
|
-
!S || S !== ((k = e.builderContextSignal.content) == null ? void 0 : k.id) ||
|
|
2337
|
+
const { breakpoints: v, contentId: S } = f;
|
|
2338
|
+
!S || S !== ((k = e.builderContextSignal.content) == null ? void 0 : k.id) || v && i({
|
|
2318
2339
|
meta: {
|
|
2319
|
-
breakpoints:
|
|
2340
|
+
breakpoints: v
|
|
2320
2341
|
}
|
|
2321
2342
|
});
|
|
2322
2343
|
},
|
|
@@ -2330,9 +2351,9 @@ function pn(e) {
|
|
|
2330
2351
|
})(g);
|
|
2331
2352
|
}
|
|
2332
2353
|
function s() {
|
|
2333
|
-
var f,
|
|
2334
|
-
const g = (
|
|
2335
|
-
g &&
|
|
2354
|
+
var f, v;
|
|
2355
|
+
const g = (v = (f = e.builderContextSignal.content) == null ? void 0 : f.data) == null ? void 0 : v.jsCode;
|
|
2356
|
+
g && L({
|
|
2336
2357
|
code: g,
|
|
2337
2358
|
context: e.context || {},
|
|
2338
2359
|
localState: void 0,
|
|
@@ -2346,9 +2367,9 @@ function pn(e) {
|
|
|
2346
2367
|
}
|
|
2347
2368
|
const [d, m] = A(() => ({})), [u, h] = A(() => ({})), [I, w] = A(() => !1);
|
|
2348
2369
|
function b(g) {
|
|
2349
|
-
var f,
|
|
2370
|
+
var f, v;
|
|
2350
2371
|
if (e.builderContextSignal.content) {
|
|
2351
|
-
const S = (f = e.builderContextSignal.content) == null ? void 0 : f.testVariationId, k = (
|
|
2372
|
+
const S = (f = e.builderContextSignal.content) == null ? void 0 : f.testVariationId, k = (v = e.builderContextSignal.content) == null ? void 0 : v.id;
|
|
2352
2373
|
ue({
|
|
2353
2374
|
type: "click",
|
|
2354
2375
|
canTrack: q(e.canTrack),
|
|
@@ -2362,8 +2383,8 @@ function pn(e) {
|
|
|
2362
2383
|
I || w(!0);
|
|
2363
2384
|
}
|
|
2364
2385
|
function E() {
|
|
2365
|
-
var f,
|
|
2366
|
-
const g = (S = (
|
|
2386
|
+
var f, v, S;
|
|
2387
|
+
const g = (S = (v = (f = e.builderContextSignal.content) == null ? void 0 : f.data) == null ? void 0 : v.httpRequests) != null ? S : {};
|
|
2367
2388
|
Object.entries(g).forEach(([k, B]) => {
|
|
2368
2389
|
if (!B || u[k] || d[k] && !V())
|
|
2369
2390
|
return;
|
|
@@ -2371,7 +2392,7 @@ function pn(e) {
|
|
|
2371
2392
|
const M = B.replace(
|
|
2372
2393
|
/{{([^}]+)}}/g,
|
|
2373
2394
|
($, We) => String(
|
|
2374
|
-
|
|
2395
|
+
L({
|
|
2375
2396
|
code: We,
|
|
2376
2397
|
context: e.context || {},
|
|
2377
2398
|
localState: void 0,
|
|
@@ -2392,7 +2413,7 @@ function pn(e) {
|
|
|
2392
2413
|
});
|
|
2393
2414
|
});
|
|
2394
2415
|
}
|
|
2395
|
-
function
|
|
2416
|
+
function x() {
|
|
2396
2417
|
V() && window.dispatchEvent(
|
|
2397
2418
|
new CustomEvent(
|
|
2398
2419
|
"builder:component:stateChange",
|
|
@@ -2407,8 +2428,8 @@ function pn(e) {
|
|
|
2407
2428
|
)
|
|
2408
2429
|
);
|
|
2409
2430
|
}
|
|
2410
|
-
function
|
|
2411
|
-
window.addEventListener("message", r),
|
|
2431
|
+
function y(g) {
|
|
2432
|
+
window.addEventListener("message", r), De(), je({
|
|
2412
2433
|
...e.locale ? {
|
|
2413
2434
|
locale: e.locale
|
|
2414
2435
|
} : {},
|
|
@@ -2422,18 +2443,18 @@ function pn(e) {
|
|
|
2422
2443
|
e.builderContextSignal.componentInfos
|
|
2423
2444
|
).forEach((f) => {
|
|
2424
2445
|
var S;
|
|
2425
|
-
const
|
|
2426
|
-
(S = window.parent) == null || S.postMessage(
|
|
2446
|
+
const v = Oe(f);
|
|
2447
|
+
(S = window.parent) == null || S.postMessage(v, "*");
|
|
2427
2448
|
}), window.addEventListener(
|
|
2428
2449
|
"builder:component:stateChangeListenerActivated",
|
|
2429
|
-
|
|
2450
|
+
x
|
|
2430
2451
|
);
|
|
2431
2452
|
}
|
|
2432
2453
|
function p(g) {
|
|
2433
|
-
const f = new URL(location.href).searchParams,
|
|
2434
|
-
`builder.overrides.${
|
|
2454
|
+
const f = new URL(location.href).searchParams, v = f.get("builder.preview"), S = f.get(
|
|
2455
|
+
`builder.overrides.${v}`
|
|
2435
2456
|
), k = f.get("apiKey") || f.get("builder.space");
|
|
2436
|
-
|
|
2457
|
+
v === e.model && k === e.apiKey && (!e.content || S === e.content.id) && pe({
|
|
2437
2458
|
model: e.model,
|
|
2438
2459
|
apiKey: e.apiKey,
|
|
2439
2460
|
apiVersion: e.builderContextSignal.apiVersion
|
|
@@ -2446,12 +2467,12 @@ function pn(e) {
|
|
|
2446
2467
|
var g;
|
|
2447
2468
|
return (g = t.current) == null || g.addEventListener(
|
|
2448
2469
|
"initeditingbldr",
|
|
2449
|
-
|
|
2470
|
+
y
|
|
2450
2471
|
), () => {
|
|
2451
2472
|
var f;
|
|
2452
2473
|
return (f = t.current) == null ? void 0 : f.removeEventListener(
|
|
2453
2474
|
"initeditingbldr",
|
|
2454
|
-
|
|
2475
|
+
y
|
|
2455
2476
|
);
|
|
2456
2477
|
};
|
|
2457
2478
|
}, []), R(() => {
|
|
@@ -2484,14 +2505,14 @@ function pn(e) {
|
|
|
2484
2505
|
}, []), R(() => {
|
|
2485
2506
|
e.apiKey || J.error(
|
|
2486
2507
|
"No API key provided to `Content` component. This can cause issues. Please provide an API key using the `apiKey` prop."
|
|
2487
|
-
), s(), E(),
|
|
2508
|
+
), s(), E(), x();
|
|
2488
2509
|
}, []), R(() => {
|
|
2489
2510
|
}, [e.content]), R(() => {
|
|
2490
2511
|
s();
|
|
2491
|
-
}, [(
|
|
2512
|
+
}, [(D = (W = e.builderContextSignal.content) == null ? void 0 : W.data) == null ? void 0 : D.jsCode]), R(() => {
|
|
2492
2513
|
E();
|
|
2493
2514
|
}, [(X = (j = e.builderContextSignal.content) == null ? void 0 : j.data) == null ? void 0 : X.httpRequests]), R(() => {
|
|
2494
|
-
|
|
2515
|
+
x();
|
|
2495
2516
|
}, [e.builderContextSignal.rootState]), R(() => {
|
|
2496
2517
|
e.data && n(e.data);
|
|
2497
2518
|
}, [e.data]), R(() => {
|
|
@@ -2501,7 +2522,7 @@ function pn(e) {
|
|
|
2501
2522
|
}, [e.locale]), R(() => () => {
|
|
2502
2523
|
z() && (window.removeEventListener("message", r), window.removeEventListener(
|
|
2503
2524
|
"builder:component:stateChangeListenerActivated",
|
|
2504
|
-
|
|
2525
|
+
x
|
|
2505
2526
|
));
|
|
2506
2527
|
}, []), /* @__PURE__ */ l(rn.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content ? /* @__PURE__ */ l(
|
|
2507
2528
|
a,
|
|
@@ -2528,7 +2549,7 @@ ${yn({
|
|
|
2528
2549
|
${bn({
|
|
2529
2550
|
customFonts: e.customFonts
|
|
2530
2551
|
})}
|
|
2531
|
-
${
|
|
2552
|
+
${vn(e.isNestedRender)}
|
|
2532
2553
|
`.trim();
|
|
2533
2554
|
return /* @__PURE__ */ l(
|
|
2534
2555
|
Q,
|
|
@@ -2578,11 +2599,11 @@ function Se(e) {
|
|
|
2578
2599
|
...be(),
|
|
2579
2600
|
...((c = e.customComponents) == null ? void 0 : c.filter(({ models: b }) => !(b != null && b.length) || !e.model ? !0 : b.includes(e.model))) || []
|
|
2580
2601
|
].reduce(
|
|
2581
|
-
(b, { component: E, ...
|
|
2602
|
+
(b, { component: E, ...x }) => ({
|
|
2582
2603
|
...b,
|
|
2583
|
-
[
|
|
2604
|
+
[x.name]: {
|
|
2584
2605
|
component: E,
|
|
2585
|
-
...me(
|
|
2606
|
+
...me(x)
|
|
2586
2607
|
}
|
|
2587
2608
|
}),
|
|
2588
2609
|
{}
|
|
@@ -2606,9 +2627,9 @@ function Se(e) {
|
|
|
2606
2627
|
...be(),
|
|
2607
2628
|
...((r = e.customComponents) == null ? void 0 : r.filter(({ models: b }) => !(b != null && b.length) || !e.model ? !0 : b.includes(e.model))) || []
|
|
2608
2629
|
].reduce(
|
|
2609
|
-
(b, { component: E, ...
|
|
2630
|
+
(b, { component: E, ...x }) => ({
|
|
2610
2631
|
...b,
|
|
2611
|
-
[
|
|
2632
|
+
[x.name]: me(x)
|
|
2612
2633
|
}),
|
|
2613
2634
|
{}
|
|
2614
2635
|
),
|
|
@@ -2800,7 +2821,7 @@ async function Rn(e) {
|
|
|
2800
2821
|
}, i = function() {
|
|
2801
2822
|
var u, h;
|
|
2802
2823
|
return [
|
|
2803
|
-
e.attributes[
|
|
2824
|
+
e.attributes[O()],
|
|
2804
2825
|
"builder-symbol",
|
|
2805
2826
|
(u = e.symbol) != null && u.inline ? "builder-inline-symbol" : void 0,
|
|
2806
2827
|
(h = e.symbol) != null && h.dynamic || e.dynamic ? "builder-dynamic-symbol" : void 0
|
package/lib/node/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-15a258a6.cjs");require("react/jsx-runtime");require("./node-runtime-7537779c.cjs");require("react");require("next/navigation");require("lru-cache");exports.Blocks=t.Blocks;exports.BuilderContext=t.BuilderContext;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;
|