@builder.io/sdk-react-nextjs 0.16.17 → 0.16.19

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (61) hide show
  1. package/lib/browser/components/content/components/enable-editor.cjs +1 -1
  2. package/lib/browser/components/content/components/enable-editor.mjs +107 -105
  3. package/lib/browser/components/content/content.cjs +1 -1
  4. package/lib/browser/components/content/content.mjs +23 -21
  5. package/lib/browser/components/content-variants/content-variants.cjs +1 -1
  6. package/lib/browser/components/content-variants/content-variants.mjs +10 -8
  7. package/lib/browser/constants/sdk-version.cjs +1 -1
  8. package/lib/browser/constants/sdk-version.mjs +1 -1
  9. package/lib/browser/functions/get-content/generate-content-url.cjs +1 -1
  10. package/lib/browser/functions/get-content/generate-content-url.mjs +24 -23
  11. package/lib/browser/functions/get-content/index.cjs +1 -1
  12. package/lib/browser/functions/get-content/index.mjs +50 -43
  13. package/lib/browser/functions/track/index.cjs +1 -1
  14. package/lib/browser/functions/track/index.mjs +35 -31
  15. package/lib/browser/helpers/sdk-headers.cjs +1 -0
  16. package/lib/browser/helpers/sdk-headers.mjs +10 -0
  17. package/lib/edge/components/content/components/enable-editor.cjs +1 -1
  18. package/lib/edge/components/content/components/enable-editor.mjs +107 -105
  19. package/lib/edge/components/content/content.cjs +1 -1
  20. package/lib/edge/components/content/content.mjs +23 -21
  21. package/lib/edge/components/content-variants/content-variants.cjs +1 -1
  22. package/lib/edge/components/content-variants/content-variants.mjs +10 -8
  23. package/lib/edge/constants/sdk-version.cjs +1 -1
  24. package/lib/edge/constants/sdk-version.mjs +1 -1
  25. package/lib/edge/functions/get-content/generate-content-url.cjs +1 -1
  26. package/lib/edge/functions/get-content/generate-content-url.mjs +24 -23
  27. package/lib/edge/functions/get-content/index.cjs +1 -1
  28. package/lib/edge/functions/get-content/index.mjs +50 -43
  29. package/lib/edge/functions/track/index.cjs +1 -1
  30. package/lib/edge/functions/track/index.mjs +35 -31
  31. package/lib/edge/helpers/sdk-headers.cjs +1 -0
  32. package/lib/edge/helpers/sdk-headers.mjs +10 -0
  33. package/lib/node/components/content/components/enable-editor.cjs +1 -1
  34. package/lib/node/components/content/components/enable-editor.mjs +107 -105
  35. package/lib/node/components/content/content.cjs +1 -1
  36. package/lib/node/components/content/content.mjs +23 -21
  37. package/lib/node/components/content-variants/content-variants.cjs +1 -1
  38. package/lib/node/components/content-variants/content-variants.mjs +10 -8
  39. package/lib/node/constants/sdk-version.cjs +1 -1
  40. package/lib/node/constants/sdk-version.mjs +1 -1
  41. package/lib/node/functions/get-content/generate-content-url.cjs +1 -1
  42. package/lib/node/functions/get-content/generate-content-url.mjs +24 -23
  43. package/lib/node/functions/get-content/index.cjs +1 -1
  44. package/lib/node/functions/get-content/index.mjs +50 -43
  45. package/lib/node/functions/track/index.cjs +1 -1
  46. package/lib/node/functions/track/index.mjs +35 -31
  47. package/lib/node/helpers/sdk-headers.cjs +1 -0
  48. package/lib/node/helpers/sdk-headers.mjs +10 -0
  49. package/package.json +1 -1
  50. package/types/cjs/components/content/components/enable-editor.d.ts +1 -1
  51. package/types/cjs/components/content-variants/content-variants.types.d.ts +4 -0
  52. package/types/cjs/constants/sdk-version.d.ts +1 -1
  53. package/types/cjs/functions/get-content/types.d.ts +4 -0
  54. package/types/cjs/functions/track/index.d.ts +3 -1
  55. package/types/cjs/helpers/sdk-headers.d.ts +5 -0
  56. package/types/esm/components/content/components/enable-editor.d.ts +1 -1
  57. package/types/esm/components/content-variants/content-variants.types.d.ts +4 -0
  58. package/types/esm/constants/sdk-version.d.ts +1 -1
  59. package/types/esm/functions/get-content/types.d.ts +4 -0
  60. package/types/esm/functions/track/index.d.ts +3 -1
  61. package/types/esm/helpers/sdk-headers.d.ts +5 -0
@@ -1,132 +1,133 @@
1
1
  "use client";
2
2
  import { jsx as R } from "react/jsx-runtime";
3
- import { useRef as L, useState as m, useEffect as c } from "react";
4
- import N from "../../../context/builder.context.mjs";
3
+ import { useRef as H, useState as m, useEffect as c } from "react";
4
+ import A from "../../../context/builder.context.mjs";
5
5
  import { evaluate as U } from "../../../functions/evaluate/evaluate.mjs";
6
6
  import { fastClone as _ } from "../../../functions/fast-clone.mjs";
7
7
  import { fetchOneEntry as D } from "../../../functions/get-content/index.mjs";
8
- import { isBrowser as y } from "../../../functions/is-browser.mjs";
8
+ import { isBrowser as L } from "../../../functions/is-browser.mjs";
9
9
  import { isEditing as f } from "../../../functions/is-editing.mjs";
10
10
  import { isPreviewing as O } from "../../../functions/is-previewing.mjs";
11
11
  import { createRegisterComponentMessage as B } from "../../../functions/register-component.mjs";
12
- import { _track as K } from "../../../functions/track/index.mjs";
12
+ import { _track as y } from "../../../functions/track/index.mjs";
13
13
  import { getInteractionPropertiesForEvent as F } from "../../../functions/track/interaction.mjs";
14
- import { getDefaultCanTrack as q } from "../../../helpers/canTrack.mjs";
14
+ import { getDefaultCanTrack as K } from "../../../helpers/canTrack.mjs";
15
15
  import { postPreviewContent as z } from "../../../helpers/preview-lru-cache/set.mjs";
16
16
  import { createEditorListener as $ } from "../../../helpers/subscribe-to-editor.mjs";
17
17
  import { registerInsertMenu as G, setupBrowserForEditing as J } from "../../../scripts/init-editing.mjs";
18
18
  import { triggerAnimation as Q } from "../../block/animator.mjs";
19
19
  import { getWrapperClassName as X } from "./styles.helpers.mjs";
20
20
  import { useRouter as Y } from "next/navigation";
21
- function Ce(e) {
21
+ function Ct(t) {
22
22
  var w, k, P;
23
- const d = L(null);
23
+ const d = H(null);
24
24
  function g(n) {
25
- var r, i;
26
- const t = {
27
- ...e.builderContextSignal.rootState,
25
+ var a, i;
26
+ const e = {
27
+ ...t.builderContextSignal.rootState,
28
28
  ...n
29
29
  };
30
- e.builderContextSignal.rootSetState ? (i = (r = e.builderContextSignal).rootSetState) == null || i.call(r, t) : e.builderContextSignal.rootState = t;
30
+ t.builderContextSignal.rootSetState ? (i = (a = t.builderContextSignal).rootSetState) == null || i.call(a, e) : t.builderContextSignal.rootState = e;
31
31
  }
32
32
  function b(n) {
33
- var r, i, a, o, s;
34
- const t = {
35
- ...e.builderContextSignal.content,
33
+ var a, i, r, o, s;
34
+ const e = {
35
+ ...t.builderContextSignal.content,
36
36
  ...n,
37
37
  data: {
38
- ...(r = e.builderContextSignal.content) == null ? void 0 : r.data,
38
+ ...(a = t.builderContextSignal.content) == null ? void 0 : a.data,
39
39
  ...n == null ? void 0 : n.data
40
40
  },
41
41
  meta: {
42
- ...(i = e.builderContextSignal.content) == null ? void 0 : i.meta,
42
+ ...(i = t.builderContextSignal.content) == null ? void 0 : i.meta,
43
43
  ...n == null ? void 0 : n.meta,
44
- breakpoints: ((a = n == null ? void 0 : n.meta) == null ? void 0 : a.breakpoints) || ((s = (o = e.builderContextSignal.content) == null ? void 0 : o.meta) == null ? void 0 : s.breakpoints)
44
+ breakpoints: ((r = n == null ? void 0 : n.meta) == null ? void 0 : r.breakpoints) || ((s = (o = t.builderContextSignal.content) == null ? void 0 : o.meta) == null ? void 0 : s.breakpoints)
45
45
  }
46
46
  };
47
47
  z({
48
- value: t,
49
- key: t.id
48
+ value: e,
49
+ key: e.id
50
50
  }).then(() => {
51
- j.refresh();
51
+ W.refresh();
52
52
  });
53
53
  }
54
- function H() {
55
- return e.showContent ? {} : {
54
+ function q() {
55
+ return t.showContent ? {} : {
56
56
  hidden: !0,
57
57
  "aria-hidden": !0
58
58
  };
59
59
  }
60
60
  const [T, Z] = m(
61
- () => e.contentWrapper || "div"
61
+ () => t.contentWrapper || "div"
62
62
  );
63
63
  function v(n) {
64
64
  return $({
65
- model: e.model,
66
- trustedHosts: e.trustedHosts,
65
+ model: t.model,
66
+ trustedHosts: t.trustedHosts,
67
67
  callbacks: {
68
- configureSdk: (t) => {
69
- var a;
70
- const { breakpoints: r, contentId: i } = t;
71
- !i || i !== ((a = e.builderContextSignal.content) == null ? void 0 : a.id) || r && b({
68
+ configureSdk: (e) => {
69
+ var r;
70
+ const { breakpoints: a, contentId: i } = e;
71
+ !i || i !== ((r = t.builderContextSignal.content) == null ? void 0 : r.id) || a && b({
72
72
  meta: {
73
- breakpoints: r
73
+ breakpoints: a
74
74
  }
75
75
  });
76
76
  },
77
- animation: (t) => {
78
- Q(t);
77
+ animation: (e) => {
78
+ Q(e);
79
79
  },
80
- contentUpdate: (t) => {
81
- b(t);
80
+ contentUpdate: (e) => {
81
+ b(e);
82
82
  }
83
83
  }
84
84
  })(n);
85
85
  }
86
- const [h, p] = m(() => ({})), [S, ee] = m(() => ({})), [x, V] = m(() => !1);
86
+ const [h, p] = m(() => ({})), [S, tt] = m(() => ({})), [x, V] = m(() => !1);
87
87
  function M(n) {
88
- var t, r;
89
- if (e.builderContextSignal.content) {
90
- const i = (t = e.builderContextSignal.content) == null ? void 0 : t.testVariationId, a = (r = e.builderContextSignal.content) == null ? void 0 : r.id;
91
- K({
88
+ var e, a;
89
+ if (t.builderContextSignal.content) {
90
+ const i = (e = t.builderContextSignal.content) == null ? void 0 : e.testVariationId, r = (a = t.builderContextSignal.content) == null ? void 0 : a.id;
91
+ y({
92
+ apiHost: t.apiHost,
92
93
  type: "click",
93
- canTrack: q(e.canTrack),
94
- contentId: a,
95
- apiKey: e.apiKey,
96
- variationId: i !== a ? i : void 0,
94
+ canTrack: K(t.canTrack),
95
+ contentId: r,
96
+ apiKey: t.apiKey,
97
+ variationId: i !== r ? i : void 0,
97
98
  ...F(n),
98
99
  unique: !x
99
100
  });
100
101
  }
101
102
  x || V(!0);
102
103
  }
103
- function W() {
104
- var t, r, i;
105
- const n = (i = (r = (t = e.builderContextSignal.content) == null ? void 0 : t.data) == null ? void 0 : r.httpRequests) != null ? i : {};
106
- Object.entries(n).forEach(([a, o]) => {
107
- if (!o || S[a] || h[a] && !f())
104
+ function N() {
105
+ var e, a, i;
106
+ const n = (i = (a = (e = t.builderContextSignal.content) == null ? void 0 : e.data) == null ? void 0 : a.httpRequests) != null ? i : {};
107
+ Object.entries(n).forEach(([r, o]) => {
108
+ if (!o || S[r] || h[r] && !f())
108
109
  return;
109
- S[a] = !0;
110
+ S[r] = !0;
110
111
  const s = o.replace(
111
112
  /{{([^}]+)}}/g,
112
- (l, A) => String(
113
+ (l, j) => String(
113
114
  U({
114
- code: A,
115
- context: e.context || {},
115
+ code: j,
116
+ context: t.context || {},
116
117
  localState: void 0,
117
- rootState: e.builderContextSignal.rootState,
118
- rootSetState: e.builderContextSignal.rootSetState
118
+ rootState: t.builderContextSignal.rootState,
119
+ rootSetState: t.builderContextSignal.rootSetState
119
120
  })
120
121
  )
121
122
  );
122
123
  fetch(s).then((l) => l.json()).then((l) => {
123
124
  g({
124
- [a]: l
125
- }), h[a] = !0;
125
+ [r]: l
126
+ }), h[r] = !0;
126
127
  }).catch((l) => {
127
128
  console.error("error fetching dynamic data", o, l);
128
129
  }).finally(() => {
129
- S[a] = !1;
130
+ S[r] = !1;
130
131
  });
131
132
  });
132
133
  }
@@ -136,9 +137,9 @@ function Ce(e) {
136
137
  "builder:component:stateChange",
137
138
  {
138
139
  detail: {
139
- state: _(e.builderContextSignal.rootState),
140
+ state: _(t.builderContextSignal.rootState),
140
141
  ref: {
141
- name: e.model
142
+ name: t.model
142
143
  }
143
144
  }
144
145
  }
@@ -147,47 +148,47 @@ function Ce(e) {
147
148
  }
148
149
  function C(n) {
149
150
  window.addEventListener("message", v), G(), J({
150
- ...e.locale ? {
151
- locale: e.locale
151
+ ...t.locale ? {
152
+ locale: t.locale
152
153
  } : {},
153
- ...e.enrich ? {
154
- enrich: e.enrich
154
+ ...t.enrich ? {
155
+ enrich: t.enrich
155
156
  } : {},
156
- ...e.trustedHosts ? {
157
- trustedHosts: e.trustedHosts
157
+ ...t.trustedHosts ? {
158
+ trustedHosts: t.trustedHosts
158
159
  } : {}
159
160
  }), Object.values(
160
- e.builderContextSignal.componentInfos
161
- ).forEach((t) => {
161
+ t.builderContextSignal.componentInfos
162
+ ).forEach((e) => {
162
163
  var i;
163
- const r = B(t);
164
- (i = window.parent) == null || i.postMessage(r, "*");
164
+ const a = B(e);
165
+ (i = window.parent) == null || i.postMessage(a, "*");
165
166
  }), window.addEventListener(
166
167
  "builder:component:stateChangeListenerActivated",
167
168
  u
168
169
  );
169
170
  }
170
171
  function E(n) {
171
- const t = new URL(location.href).searchParams, r = t.get("builder.preview"), i = t.get(
172
- `builder.overrides.${r}`
173
- ), a = t.get("apiKey") || t.get("builder.space");
174
- r === e.model && a === e.apiKey && (!e.content || i === e.content.id) && D({
175
- model: e.model,
176
- apiKey: e.apiKey,
177
- apiVersion: e.builderContextSignal.apiVersion
172
+ const e = new URL(location.href).searchParams, a = e.get("builder.preview"), i = e.get(
173
+ `builder.overrides.${a}`
174
+ ), r = e.get("apiKey") || e.get("builder.space");
175
+ a === t.model && r === t.apiKey && (!t.content || i === t.content.id) && D({
176
+ model: t.model,
177
+ apiKey: t.apiKey,
178
+ apiVersion: t.builderContextSignal.apiVersion
178
179
  }).then((o) => {
179
180
  o && b(o);
180
181
  });
181
182
  }
182
- const j = Y(), I = L(!1);
183
- return I.current || (W(), u(), I.current = !0), c(() => {
183
+ const W = Y(), I = H(!1);
184
+ return I.current || (N(), u(), I.current = !0), c(() => {
184
185
  var n;
185
186
  return (n = d.current) == null || n.addEventListener(
186
187
  "initeditingbldr",
187
188
  C
188
189
  ), () => {
189
- var t;
190
- return (t = d.current) == null ? void 0 : t.removeEventListener(
190
+ var e;
191
+ return (e = d.current) == null ? void 0 : e.removeEventListener(
191
192
  "initeditingbldr",
192
193
  C
193
194
  );
@@ -198,57 +199,58 @@ function Ce(e) {
198
199
  "initpreviewingbldr",
199
200
  E
200
201
  ), () => {
201
- var t;
202
- return (t = d.current) == null ? void 0 : t.removeEventListener(
202
+ var e;
203
+ return (e = d.current) == null ? void 0 : e.removeEventListener(
203
204
  "initpreviewingbldr",
204
205
  E
205
206
  );
206
207
  };
207
208
  }, []), c(() => {
208
- var n, t;
209
- if (y()) {
210
- if (f() && d.current && d.current.dispatchEvent(new CustomEvent("initeditingbldr")), e.builderContextSignal.content && q(e.canTrack)) {
211
- const i = (n = e.builderContextSignal.content) == null ? void 0 : n.testVariationId, a = (t = e.builderContextSignal.content) == null ? void 0 : t.id, o = e.apiKey;
212
- K({
209
+ var n, e;
210
+ if (L()) {
211
+ if (f() && !t.isNestedRender && d.current && d.current.dispatchEvent(new CustomEvent("initeditingbldr")), t.builderContextSignal.content && K(t.canTrack)) {
212
+ const i = (n = t.builderContextSignal.content) == null ? void 0 : n.testVariationId, r = (e = t.builderContextSignal.content) == null ? void 0 : e.id, o = t.apiKey;
213
+ y({
214
+ apiHost: t.apiHost,
213
215
  type: "impression",
214
216
  canTrack: !0,
215
- contentId: a,
217
+ contentId: r,
216
218
  apiKey: o,
217
- variationId: i !== a ? i : void 0
219
+ variationId: i !== r ? i : void 0
218
220
  });
219
221
  }
220
222
  O() && f();
221
223
  }
222
224
  }, []), c(() => {
223
- }, [e.content]), c(() => {
225
+ }, [t.content]), c(() => {
224
226
  u();
225
- }, [e.builderContextSignal.rootState]), c(() => {
226
- e.data && g(e.data);
227
- }, [e.data]), c(() => {
228
- e.locale && g({
229
- locale: e.locale
227
+ }, [t.builderContextSignal.rootState]), c(() => {
228
+ t.data && g(t.data);
229
+ }, [t.data]), c(() => {
230
+ t.locale && g({
231
+ locale: t.locale
230
232
  });
231
- }, [e.locale]), c(() => () => {
232
- y() && (window.removeEventListener("message", v), window.removeEventListener(
233
+ }, [t.locale]), c(() => () => {
234
+ L() && (window.removeEventListener("message", v), window.removeEventListener(
233
235
  "builder:component:stateChangeListenerActivated",
234
236
  u
235
237
  ));
236
- }, []), /* @__PURE__ */ R(N.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content ? /* @__PURE__ */ R(
238
+ }, []), /* @__PURE__ */ R(A.Provider, { value: t.builderContextSignal, children: t.builderContextSignal.content ? /* @__PURE__ */ R(
237
239
  T,
238
240
  {
239
241
  ref: d,
240
242
  onClick: (n) => M(n),
241
- "builder-content-id": (w = e.builderContextSignal.content) == null ? void 0 : w.id,
242
- "builder-model": e.model,
243
+ "builder-content-id": (w = t.builderContextSignal.content) == null ? void 0 : w.id,
244
+ "builder-model": t.model,
243
245
  className: X(
244
- ((k = e.content) == null ? void 0 : k.testVariationId) || ((P = e.content) == null ? void 0 : P.id)
246
+ ((k = t.content) == null ? void 0 : k.testVariationId) || ((P = t.content) == null ? void 0 : P.id)
245
247
  ),
246
- ...H(),
247
- ...e.contentWrapperProps,
248
- children: e.children
248
+ ...q(),
249
+ ...t.contentWrapperProps,
250
+ children: t.children
249
251
  }
250
252
  ) : null });
251
253
  }
252
254
  export {
253
- Ce as default
255
+ Ct as default
254
256
  };
@@ -1 +1 @@
1
- "use strict";const c=require("react/jsx-runtime"),y=require("../../constants/builder-registered-components.cjs"),W=require("../../functions/evaluate/evaluate.cjs"),f=require("../../functions/register-component.cjs"),j=require("../../helpers/logger.cjs"),P=require("../blocks/blocks.cjs"),R=require("../content-variants/helpers.cjs"),V=require("../inlined-script.cjs"),K=require("./components/enable-editor.cjs"),T=require("./components/styles.cjs"),q=require("./content.helpers.cjs");function F(e){var a,r,l,s,u,d,g,C,S,m,k,x,b;const v=R.getUpdateVariantVisibilityScript({variationId:(a=e.content)==null?void 0:a.testVariationId,contentId:(r=e.content)==null?void 0:r.id}),I=[...y.getDefaultRegisteredComponents(),...((l=e.customComponents)==null?void 0:l.filter(({models:t})=>!(t!=null&&t.length)||!e.model?!0:t.includes(e.model)))||[]].reduce((t,{component:h,...o})=>({...t,[o.name]:{component:h,...f.serializeIncludingFunctions(o)}}),{}),n={content:q.getContentInitialValue({content:e.content,data:e.data}),localState:void 0,rootState:q.getRootStateInitialValue({content:e.content,data:e.data,locale:e.locale}),rootSetState:void 0,context:e.context||{},canTrack:e.canTrack,apiKey:e.apiKey,apiVersion:e.apiVersion,componentInfos:[...y.getDefaultRegisteredComponents(),...((s=e.customComponents)==null?void 0:s.filter(({models:t})=>!(t!=null&&t.length)||!e.model?!0:t.includes(e.model)))||[]].reduce((t,{component:h,...o})=>({...t,[o.name]:f.serializeIncludingFunctions(o)}),{}),inheritedStyles:{},BlocksWrapper:e.blocksWrapper||"div",BlocksWrapperProps:e.blocksWrapperProps||{},nonce:e.nonce||""};e.apiKey||j.logger.error("No API key provided to `Content` component. This can cause issues. Please provide an API key using the `apiKey` prop.");const i=(d=(u=n.content)==null?void 0:u.data)==null?void 0:d.jsCode;return i&&W.evaluate({code:i,context:e.context||{},localState:void 0,rootState:n.rootState,rootSetState:t=>{n.rootState=t},isExpression:!1}),c.jsxs(K,{nonce:e.nonce,content:e.content,data:e.data,model:e.model,context:e.context,apiKey:e.apiKey,canTrack:e.canTrack,locale:e.locale,enrich:e.enrich,showContent:e.showContent,builderContextSignal:n,contentWrapper:e.contentWrapper,contentWrapperProps:e.contentWrapperProps,trustedHosts:e.trustedHosts,children:[e.isSsrAbTest?c.jsx(V,{id:"builderio-variant-visibility",scriptStr:v,nonce:e.nonce||""}):null,c.jsx(T,{nonce:e.nonce||"",isNestedRender:e.isNestedRender,contentId:(g=n.content)==null?void 0:g.id,cssCode:(S=(C=n.content)==null?void 0:C.data)==null?void 0:S.cssCode,customFonts:(k=(m=n.content)==null?void 0:m.data)==null?void 0:k.customFonts}),c.jsx(P,{blocks:(b=(x=n.content)==null?void 0:x.data)==null?void 0:b.blocks,context:n,registeredComponents:I,linkComponent:e.linkComponent})]})}module.exports=F;
1
+ "use strict";const i=require("react/jsx-runtime"),y=require("../../constants/builder-registered-components.cjs"),R=require("../../functions/evaluate/evaluate.cjs"),f=require("../../functions/register-component.cjs"),W=require("../../helpers/logger.cjs"),j=require("../blocks/blocks.cjs"),P=require("../content-variants/helpers.cjs"),V=require("../inlined-script.cjs"),K=require("./components/enable-editor.cjs"),T=require("./components/styles.cjs"),q=require("./content.helpers.cjs");function N(e){var a,r,s,l,d,u,g,C,S,m,k,x,b;const v=P.getUpdateVariantVisibilityScript({variationId:(a=e.content)==null?void 0:a.testVariationId,contentId:(r=e.content)==null?void 0:r.id}),I=[...y.getDefaultRegisteredComponents(),...((s=e.customComponents)==null?void 0:s.filter(({models:t})=>!(t!=null&&t.length)||!e.model?!0:t.includes(e.model)))||[]].reduce((t,{component:h,...o})=>({...t,[o.name]:{component:h,...f.serializeIncludingFunctions(o)}}),{}),n={content:q.getContentInitialValue({content:e.content,data:e.data}),localState:void 0,rootState:q.getRootStateInitialValue({content:e.content,data:e.data,locale:e.locale}),rootSetState:void 0,context:e.context||{},canTrack:e.canTrack,apiKey:e.apiKey,apiVersion:e.apiVersion,componentInfos:[...y.getDefaultRegisteredComponents(),...((l=e.customComponents)==null?void 0:l.filter(({models:t})=>!(t!=null&&t.length)||!e.model?!0:t.includes(e.model)))||[]].reduce((t,{component:h,...o})=>({...t,[o.name]:f.serializeIncludingFunctions(o)}),{}),inheritedStyles:{},BlocksWrapper:e.blocksWrapper||"div",BlocksWrapperProps:e.blocksWrapperProps||{},nonce:e.nonce||""};e.apiKey||W.logger.error("No API key provided to `Content` component. This can cause issues. Please provide an API key using the `apiKey` prop.");const c=(u=(d=n.content)==null?void 0:d.data)==null?void 0:u.jsCode;return c&&R.evaluate({code:c,context:e.context||{},localState:void 0,rootState:n.rootState,rootSetState:t=>{n.rootState=t},isExpression:!1}),i.jsxs(K,{apiHost:e.apiHost,nonce:e.nonce,content:e.content,data:e.data,model:e.model,context:e.context,apiKey:e.apiKey,canTrack:e.canTrack,locale:e.locale,enrich:e.enrich,showContent:e.showContent,builderContextSignal:n,contentWrapper:e.contentWrapper,contentWrapperProps:e.contentWrapperProps,trustedHosts:e.trustedHosts,isNestedRender:e.isNestedRender,children:[e.isSsrAbTest?i.jsx(V,{id:"builderio-variant-visibility",scriptStr:v,nonce:e.nonce||""}):null,i.jsx(T,{nonce:e.nonce||"",isNestedRender:e.isNestedRender,contentId:(g=n.content)==null?void 0:g.id,cssCode:(S=(C=n.content)==null?void 0:C.data)==null?void 0:S.cssCode,customFonts:(k=(m=n.content)==null?void 0:m.data)==null?void 0:k.customFonts}),i.jsx(j,{blocks:(b=(x=n.content)==null?void 0:x.data)==null?void 0:b.blocks,context:n,registeredComponents:I,linkComponent:e.linkComponent})]})}module.exports=N;
@@ -1,24 +1,24 @@
1
- import { jsxs as W, jsx as a } from "react/jsx-runtime";
1
+ import { jsxs as W, jsx as i } from "react/jsx-runtime";
2
2
  import { getDefaultRegisteredComponents as I } from "../../constants/builder-registered-components.mjs";
3
3
  import { evaluate as P } from "../../functions/evaluate/evaluate.mjs";
4
4
  import { serializeIncludingFunctions as b } from "../../functions/register-component.mjs";
5
5
  import { logger as V } from "../../helpers/logger.mjs";
6
6
  import K from "../blocks/blocks.mjs";
7
- import { getUpdateVariantVisibilityScript as T } from "../content-variants/helpers.mjs";
8
- import j from "../inlined-script.mjs";
9
- import R from "./components/enable-editor.mjs";
10
- import A from "./components/styles.mjs";
11
- import { getContentInitialValue as B, getRootStateInitialValue as E } from "./content.helpers.mjs";
7
+ import { getUpdateVariantVisibilityScript as R } from "../content-variants/helpers.mjs";
8
+ import T from "../inlined-script.mjs";
9
+ import N from "./components/enable-editor.mjs";
10
+ import j from "./components/styles.mjs";
11
+ import { getContentInitialValue as H, getRootStateInitialValue as A } from "./content.helpers.mjs";
12
12
  function L(t) {
13
- var c, r, l, d, u, m, s, f, C, S, k, g, x;
14
- const h = T({
13
+ var c, r, d, l, u, m, s, f, C, S, k, g, x;
14
+ const h = R({
15
15
  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
16
16
  variationId: (c = t.content) == null ? void 0 : c.testVariationId,
17
17
  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
18
18
  contentId: (r = t.content) == null ? void 0 : r.id
19
19
  }), v = [
20
20
  ...I(),
21
- ...((l = t.customComponents) == null ? void 0 : l.filter(({ models: e }) => !(e != null && e.length) || !t.model ? !0 : e.includes(t.model))) || []
21
+ ...((d = t.customComponents) == null ? void 0 : d.filter(({ models: e }) => !(e != null && e.length) || !t.model ? !0 : e.includes(t.model))) || []
22
22
  ].reduce(
23
23
  (e, { component: y, ...o }) => ({
24
24
  ...e,
@@ -29,12 +29,12 @@ function L(t) {
29
29
  }),
30
30
  {}
31
31
  ), n = {
32
- content: B({
32
+ content: H({
33
33
  content: t.content,
34
34
  data: t.data
35
35
  }),
36
36
  localState: void 0,
37
- rootState: E({
37
+ rootState: A({
38
38
  content: t.content,
39
39
  data: t.data,
40
40
  locale: t.locale
@@ -46,7 +46,7 @@ function L(t) {
46
46
  apiVersion: t.apiVersion,
47
47
  componentInfos: [
48
48
  ...I(),
49
- ...((d = t.customComponents) == null ? void 0 : d.filter(({ models: e }) => !(e != null && e.length) || !t.model ? !0 : e.includes(t.model))) || []
49
+ ...((l = t.customComponents) == null ? void 0 : l.filter(({ models: e }) => !(e != null && e.length) || !t.model ? !0 : e.includes(t.model))) || []
50
50
  ].reduce(
51
51
  (e, { component: y, ...o }) => ({
52
52
  ...e,
@@ -62,9 +62,9 @@ function L(t) {
62
62
  t.apiKey || V.error(
63
63
  "No API key provided to `Content` component. This can cause issues. Please provide an API key using the `apiKey` prop."
64
64
  );
65
- const i = (m = (u = n.content) == null ? void 0 : u.data) == null ? void 0 : m.jsCode;
66
- return i && P({
67
- code: i,
65
+ const a = (m = (u = n.content) == null ? void 0 : u.data) == null ? void 0 : m.jsCode;
66
+ return a && P({
67
+ code: a,
68
68
  context: t.context || {},
69
69
  localState: void 0,
70
70
  rootState: n.rootState,
@@ -73,8 +73,9 @@ function L(t) {
73
73
  },
74
74
  isExpression: !1
75
75
  }), /* @__PURE__ */ W(
76
- R,
76
+ N,
77
77
  {
78
+ apiHost: t.apiHost,
78
79
  nonce: t.nonce,
79
80
  content: t.content,
80
81
  data: t.data,
@@ -89,17 +90,18 @@ function L(t) {
89
90
  contentWrapper: t.contentWrapper,
90
91
  contentWrapperProps: t.contentWrapperProps,
91
92
  trustedHosts: t.trustedHosts,
93
+ isNestedRender: t.isNestedRender,
92
94
  children: [
93
- t.isSsrAbTest ? /* @__PURE__ */ a(
94
- j,
95
+ t.isSsrAbTest ? /* @__PURE__ */ i(
96
+ T,
95
97
  {
96
98
  id: "builderio-variant-visibility",
97
99
  scriptStr: h,
98
100
  nonce: t.nonce || ""
99
101
  }
100
102
  ) : null,
101
- /* @__PURE__ */ a(
102
- A,
103
+ /* @__PURE__ */ i(
104
+ j,
103
105
  {
104
106
  nonce: t.nonce || "",
105
107
  isNestedRender: t.isNestedRender,
@@ -108,7 +110,7 @@ function L(t) {
108
110
  customFonts: (k = (S = n.content) == null ? void 0 : S.data) == null ? void 0 : k.customFonts
109
111
  }
110
112
  ),
111
- /* @__PURE__ */ a(
113
+ /* @__PURE__ */ i(
112
114
  K,
113
115
  {
114
116
  blocks: (x = (g = n.content) == null ? void 0 : g.data) == null ? void 0 : x.blocks,
@@ -1 +1 @@
1
- "use strict";const e=require("react/jsx-runtime"),S=require("../../constants/target.cjs"),C=require("../../helpers/ab-tests.cjs"),s=require("../../helpers/canTrack.cjs"),d=require("../content/content.cjs"),l=require("../inlined-script.cjs"),T=require("../inlined-styles.cjs"),a=require("./helpers.cjs");function V(t){var r;const c=a.checkShouldRenderVariants({canTrack:s.getDefaultCanTrack(t.canTrack),content:t.content}),u=function(){var n;return a.getUpdateCookieAndStylesScript(a.getVariants(t.content).map(o=>({id:o.testVariationId,testRatio:o.testRatio})),((n=t.content)==null?void 0:n.id)||"")},k=function(){return a.getVariants(t.content).map(n=>`.variant-${n.testVariationId} { display: none; } `).join("")},m=function(){var n;return c?{...t.content,testVariationId:(n=t.content)==null?void 0:n.id}:C.handleABTestingSync({item:t.content,canTrack:s.getDefaultCanTrack(t.canTrack)})};return e.jsxs(e.Fragment,{children:[!t.isNestedRender&&S.TARGET!=="reactNative"?e.jsx(l,{id:"builderio-init-variants-fns",scriptStr:a.getInitVariantsFnsScriptString(),nonce:t.nonce||""}):null,c?e.jsxs(e.Fragment,{children:[e.jsx(T,{id:"builderio-variants",styles:k(),nonce:t.nonce||""}),e.jsx(l,{id:"builderio-variants-visibility",scriptStr:u(),nonce:t.nonce||""}),(r=a.getVariants(t.content))==null?void 0:r.map(i=>e.jsx(d,{isNestedRender:t.isNestedRender,nonce:t.nonce,content:i,showContent:!1,model:t.model,data:t.data,context:t.context,apiKey:t.apiKey,apiVersion:t.apiVersion,customComponents:t.customComponents,linkComponent:t.linkComponent,canTrack:t.canTrack,locale:t.locale,enrich:t.enrich,isSsrAbTest:c,blocksWrapper:t.blocksWrapper,blocksWrapperProps:t.blocksWrapperProps,contentWrapper:t.contentWrapper,contentWrapperProps:t.contentWrapperProps,trustedHosts:t.trustedHosts},i.testVariationId))]}):null,e.jsx(d,{nonce:t.nonce,isNestedRender:t.isNestedRender,content:m(),showContent:!0,model:t.model,data:t.data,context:t.context,apiKey:t.apiKey,apiVersion:t.apiVersion,customComponents:t.customComponents,linkComponent:t.linkComponent,canTrack:t.canTrack,locale:t.locale,enrich:t.enrich,isSsrAbTest:c,blocksWrapper:t.blocksWrapper,blocksWrapperProps:t.blocksWrapperProps,contentWrapper:t.contentWrapper,contentWrapperProps:t.contentWrapperProps,trustedHosts:t.trustedHosts})]})}module.exports=V;
1
+ "use strict";const e=require("react/jsx-runtime"),S=require("../../constants/target.cjs"),C=require("../../helpers/ab-tests.cjs"),s=require("../../helpers/canTrack.cjs"),d=require("../content/content.cjs"),l=require("../inlined-script.cjs"),T=require("../inlined-styles.cjs"),a=require("./helpers.cjs");function V(t){var r;const c=a.checkShouldRenderVariants({canTrack:s.getDefaultCanTrack(t.canTrack),content:t.content}),u=function(){var n;return a.getUpdateCookieAndStylesScript(a.getVariants(t.content).map(o=>({id:o.testVariationId,testRatio:o.testRatio})),((n=t.content)==null?void 0:n.id)||"")},k=function(){return a.getVariants(t.content).map(n=>`.variant-${n.testVariationId} { display: none; } `).join("")},m=function(){var n;return c?{...t.content,testVariationId:(n=t.content)==null?void 0:n.id}:C.handleABTestingSync({item:t.content,canTrack:s.getDefaultCanTrack(t.canTrack)})};return e.jsxs(e.Fragment,{children:[!t.isNestedRender&&S.TARGET!=="reactNative"?e.jsx(l,{id:"builderio-init-variants-fns",scriptStr:a.getInitVariantsFnsScriptString(),nonce:t.nonce||""}):null,c?e.jsxs(e.Fragment,{children:[e.jsx(T,{id:"builderio-variants",styles:k(),nonce:t.nonce||""}),e.jsx(l,{id:"builderio-variants-visibility",scriptStr:u(),nonce:t.nonce||""}),(r=a.getVariants(t.content))==null?void 0:r.map(i=>e.jsx(d,{apiHost:t.apiHost,isNestedRender:t.isNestedRender,nonce:t.nonce,content:i,showContent:!1,model:t.model,data:t.data,context:t.context,apiKey:t.apiKey,apiVersion:t.apiVersion,customComponents:t.customComponents,linkComponent:t.linkComponent,canTrack:t.canTrack,locale:t.locale,enrich:t.enrich,isSsrAbTest:c,blocksWrapper:t.blocksWrapper,blocksWrapperProps:t.blocksWrapperProps,contentWrapper:t.contentWrapper,contentWrapperProps:t.contentWrapperProps,trustedHosts:t.trustedHosts},i.testVariationId))]}):null,e.jsx(d,{apiHost:t.apiHost,nonce:t.nonce,isNestedRender:t.isNestedRender,content:m(),showContent:!0,model:t.model,data:t.data,context:t.context,apiKey:t.apiKey,apiVersion:t.apiVersion,customComponents:t.customComponents,linkComponent:t.linkComponent,canTrack:t.canTrack,locale:t.locale,enrich:t.enrich,isSsrAbTest:c,blocksWrapper:t.blocksWrapper,blocksWrapperProps:t.blocksWrapperProps,contentWrapper:t.contentWrapper,contentWrapperProps:t.contentWrapperProps,trustedHosts:t.trustedHosts})]})}module.exports=V;
@@ -1,15 +1,15 @@
1
- import { jsxs as d, Fragment as l, jsx as i } from "react/jsx-runtime";
1
+ import { jsxs as d, Fragment as s, jsx as i } from "react/jsx-runtime";
2
2
  import { TARGET as f } from "../../constants/target.mjs";
3
3
  import { handleABTestingSync as W } from "../../helpers/ab-tests.mjs";
4
- import { getDefaultCanTrack as s } from "../../helpers/canTrack.mjs";
4
+ import { getDefaultCanTrack as l } from "../../helpers/canTrack.mjs";
5
5
  import m from "../content/content.mjs";
6
6
  import u from "../inlined-script.mjs";
7
7
  import V from "../inlined-styles.mjs";
8
8
  import { checkShouldRenderVariants as b, getInitVariantsFnsScriptString as h, getVariants as o, getUpdateCookieAndStylesScript as y } from "./helpers.mjs";
9
- function v(t) {
9
+ function N(t) {
10
10
  var c;
11
11
  const a = b({
12
- canTrack: s(t.canTrack),
12
+ canTrack: l(t.canTrack),
13
13
  content: t.content
14
14
  }), k = function() {
15
15
  var n;
@@ -29,10 +29,10 @@ function v(t) {
29
29
  testVariationId: (n = t.content) == null ? void 0 : n.id
30
30
  } : W({
31
31
  item: t.content,
32
- canTrack: s(t.canTrack)
32
+ canTrack: l(t.canTrack)
33
33
  });
34
34
  };
35
- return /* @__PURE__ */ d(l, { children: [
35
+ return /* @__PURE__ */ d(s, { children: [
36
36
  !t.isNestedRender && f !== "reactNative" ? /* @__PURE__ */ i(
37
37
  u,
38
38
  {
@@ -41,7 +41,7 @@ function v(t) {
41
41
  nonce: t.nonce || ""
42
42
  }
43
43
  ) : null,
44
- a ? /* @__PURE__ */ d(l, { children: [
44
+ a ? /* @__PURE__ */ d(s, { children: [
45
45
  /* @__PURE__ */ i(
46
46
  V,
47
47
  {
@@ -61,6 +61,7 @@ function v(t) {
61
61
  (c = o(t.content)) == null ? void 0 : c.map((e) => /* @__PURE__ */ i(
62
62
  m,
63
63
  {
64
+ apiHost: t.apiHost,
64
65
  isNestedRender: t.isNestedRender,
65
66
  nonce: t.nonce,
66
67
  content: e,
@@ -88,6 +89,7 @@ function v(t) {
88
89
  /* @__PURE__ */ i(
89
90
  m,
90
91
  {
92
+ apiHost: t.apiHost,
91
93
  nonce: t.nonce,
92
94
  isNestedRender: t.isNestedRender,
93
95
  content: C(),
@@ -113,5 +115,5 @@ function v(t) {
113
115
  ] });
114
116
  }
115
117
  export {
116
- v as default
118
+ N as default
117
119
  };
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="0.16.17";exports.SDK_VERSION=e;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="0.16.19";exports.SDK_VERSION=e;
@@ -1,4 +1,4 @@
1
- const o = "0.16.17";
1
+ const o = "0.16.19";
2
2
  export {
3
3
  o as SDK_VERSION
4
4
  };
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("../../helpers/flatten.cjs"),q=require("../../helpers/search/search.cjs"),w=require("../../types/api-version.cjs"),O=require("../get-builder-search-params/index.cjs"),y=s=>typeof s=="number"&&!isNaN(s)&&s>=0,A=s=>{const{limit:f=30,userAttributes:l,query:m,model:b,apiKey:h,enrich:u,locale:d,apiVersion:a=w.DEFAULT_API_VERSION,fields:P,omit:v,offset:i,cacheSeconds:n,staleCacheSeconds:o,sort:S,includeUnpublished:g}=s;if(!h)throw new Error("Missing API key");if(!["v3"].includes(a))throw new Error(`Invalid apiVersion: expected 'v3', received '${a}'`);const N=f!==1,e=new URL(`https://cdn.builder.io/api/${a}/content/${b}`);if(e.searchParams.set("apiKey",h),e.searchParams.set("limit",String(f)),e.searchParams.set("noTraverse",String(N)),e.searchParams.set("includeRefs",String(!0)),d&&e.searchParams.set("locale",d),u&&e.searchParams.set("enrich",String(u)),e.searchParams.set("omit",v||"meta.componentsUsed"),P&&e.searchParams.set("fields",P),Number.isFinite(i)&&i>-1&&e.searchParams.set("offset",String(Math.floor(i))),typeof g=="boolean"&&e.searchParams.set("includeUnpublished",String(g)),n&&y(n)&&e.searchParams.set("cacheSeconds",String(n)),o&&y(o)&&e.searchParams.set("staleCacheSeconds",String(o)),S){const r=c.flatten({sort:S});for(const t in r)e.searchParams.set(t,JSON.stringify(r[t]))}const U={...O.getBuilderSearchParamsFromWindow(),...q.normalizeSearchParams(s.options||{})},p=c.flatten(U);for(const r in p)e.searchParams.set(r,String(p[r]));if(l&&e.searchParams.set("userAttributes",JSON.stringify(l)),m){const r=c.flattenMongoQuery({query:m});for(const t in r)e.searchParams.set(t,JSON.stringify(r[t]))}return e};exports.generateContentUrl=A;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("../../helpers/flatten.cjs"),O=require("../../helpers/search/search.cjs"),A=require("../../types/api-version.cjs"),V=require("../get-builder-search-params/index.cjs"),y=r=>typeof r=="number"&&!isNaN(r)&&r>=0,$=r=>{const{limit:l=30,userAttributes:f,query:m,model:b,apiKey:h,enrich:u,locale:d,apiVersion:a=A.DEFAULT_API_VERSION,fields:P,omit:v,offset:i,cacheSeconds:n,staleCacheSeconds:o,sort:S,includeUnpublished:g,apiHost:N}=r;if(!h)throw new Error("Missing API key");if(!["v3"].includes(a))throw new Error(`Invalid apiVersion: expected 'v3', received '${a}'`);const U=l!==1,q=N||"https://cdn.builder.io",e=new URL(`${q}/api/${a}/content/${b}`);if(e.searchParams.set("apiKey",h),e.searchParams.set("limit",String(l)),e.searchParams.set("noTraverse",String(U)),e.searchParams.set("includeRefs",String(!0)),d&&e.searchParams.set("locale",d),u&&e.searchParams.set("enrich",String(u)),e.searchParams.set("omit",v||"meta.componentsUsed"),P&&e.searchParams.set("fields",P),Number.isFinite(i)&&i>-1&&e.searchParams.set("offset",String(Math.floor(i))),typeof g=="boolean"&&e.searchParams.set("includeUnpublished",String(g)),n&&y(n)&&e.searchParams.set("cacheSeconds",String(n)),o&&y(o)&&e.searchParams.set("staleCacheSeconds",String(o)),S){const s=c.flatten({sort:S});for(const t in s)e.searchParams.set(t,JSON.stringify(s[t]))}const w={...V.getBuilderSearchParamsFromWindow(),...O.normalizeSearchParams(r.options||{})},p=c.flatten(w);for(const s in p)e.searchParams.set(s,String(p[s]));if(f&&e.searchParams.set("userAttributes",JSON.stringify(f)),m){const s=c.flattenMongoQuery({query:m});for(const t in s)e.searchParams.set(t,JSON.stringify(s[t]))}return e};exports.generateContentUrl=$;