@builder.io/sdk-react-nextjs 0.16.18 → 0.16.20

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/blocks/columns/columns.cjs +3 -3
  2. package/lib/browser/blocks/columns/columns.mjs +41 -33
  3. package/lib/browser/components/content/components/enable-editor.cjs +1 -1
  4. package/lib/browser/components/content/components/enable-editor.mjs +107 -105
  5. package/lib/browser/components/content/content.cjs +1 -1
  6. package/lib/browser/components/content/content.mjs +23 -21
  7. package/lib/browser/components/content-variants/content-variants.cjs +1 -1
  8. package/lib/browser/components/content-variants/content-variants.mjs +10 -8
  9. package/lib/browser/constants/sdk-version.cjs +1 -1
  10. package/lib/browser/constants/sdk-version.mjs +1 -1
  11. package/lib/browser/functions/evaluate/node-runtime/node-runtime.cjs +3 -3
  12. package/lib/browser/functions/evaluate/node-runtime/node-runtime.mjs +16 -14
  13. package/lib/browser/functions/get-content/generate-content-url.cjs +1 -1
  14. package/lib/browser/functions/get-content/generate-content-url.mjs +24 -23
  15. package/lib/browser/functions/track/index.cjs +1 -1
  16. package/lib/browser/functions/track/index.mjs +21 -19
  17. package/lib/edge/blocks/columns/columns.cjs +3 -3
  18. package/lib/edge/blocks/columns/columns.mjs +41 -33
  19. package/lib/edge/components/content/components/enable-editor.cjs +1 -1
  20. package/lib/edge/components/content/components/enable-editor.mjs +107 -105
  21. package/lib/edge/components/content/content.cjs +1 -1
  22. package/lib/edge/components/content/content.mjs +23 -21
  23. package/lib/edge/components/content-variants/content-variants.cjs +1 -1
  24. package/lib/edge/components/content-variants/content-variants.mjs +10 -8
  25. package/lib/edge/constants/sdk-version.cjs +1 -1
  26. package/lib/edge/constants/sdk-version.mjs +1 -1
  27. package/lib/edge/functions/evaluate/node-runtime/node-runtime.cjs +3 -3
  28. package/lib/edge/functions/evaluate/node-runtime/node-runtime.mjs +16 -14
  29. package/lib/edge/functions/get-content/generate-content-url.cjs +1 -1
  30. package/lib/edge/functions/get-content/generate-content-url.mjs +24 -23
  31. package/lib/edge/functions/track/index.cjs +1 -1
  32. package/lib/edge/functions/track/index.mjs +21 -19
  33. package/lib/node/blocks/columns/columns.cjs +3 -3
  34. package/lib/node/blocks/columns/columns.mjs +41 -33
  35. package/lib/node/components/content/components/enable-editor.cjs +1 -1
  36. package/lib/node/components/content/components/enable-editor.mjs +107 -105
  37. package/lib/node/components/content/content.cjs +1 -1
  38. package/lib/node/components/content/content.mjs +23 -21
  39. package/lib/node/components/content-variants/content-variants.cjs +1 -1
  40. package/lib/node/components/content-variants/content-variants.mjs +10 -8
  41. package/lib/node/constants/sdk-version.cjs +1 -1
  42. package/lib/node/constants/sdk-version.mjs +1 -1
  43. package/lib/node/functions/evaluate/node-runtime/node-runtime.cjs +6 -6
  44. package/lib/node/functions/evaluate/node-runtime/node-runtime.mjs +20 -18
  45. package/lib/node/functions/get-content/generate-content-url.cjs +1 -1
  46. package/lib/node/functions/get-content/generate-content-url.mjs +24 -23
  47. package/lib/node/functions/track/index.cjs +1 -1
  48. package/lib/node/functions/track/index.mjs +21 -19
  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/evaluate/node-runtime/setIvm.d.ts +1 -0
  54. package/types/cjs/functions/get-content/types.d.ts +4 -0
  55. package/types/cjs/functions/track/index.d.ts +3 -1
  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/evaluate/node-runtime/setIvm.d.ts +1 -0
  60. package/types/esm/functions/get-content/types.d.ts +4 -0
  61. package/types/esm/functions/track/index.d.ts +3 -1
@@ -1,38 +1,40 @@
1
1
  import { SDK_NAME as e } from "../../../constants/sdk-name.mjs";
2
- import { logger as l, MSG_PREFIX as a } from "../../../helpers/logger.mjs";
3
- import { safeDynamicRequire as c } from "./safeDynamicRequire.mjs";
4
- const d = "BUILDER_IVM";
5
- let n = null;
6
- const E = (t, o = {}) => {
7
- n = t, u(o);
8
- }, m = e === "@builder.io/sdk-react-nextjs" || e === "@builder.io/sdk-react" || e === "@builder.io/sdk-qwik" || e === "@builder.io/sdk-vue", I = () => {
2
+ import { logger as a, MSG_PREFIX as c } from "../../../helpers/logger.mjs";
3
+ import { safeDynamicRequire as d } from "./safeDynamicRequire.mjs";
4
+ const m = "BUILDER_IVM";
5
+ let n = null, l = null;
6
+ const S = (t, o = {}) => {
7
+ n || (n = t, f(o));
8
+ }, u = e === "@builder.io/sdk-react-nextjs" || e === "@builder.io/sdk-react" || e === "@builder.io/sdk-qwik" || e === "@builder.io/sdk-vue", I = () => {
9
9
  try {
10
10
  if (n)
11
11
  return n;
12
- const o = c("isolated-vm");
12
+ const o = d("isolated-vm");
13
13
  if (o)
14
14
  return o;
15
15
  } catch (o) {
16
- l.error("isolated-vm import error.", o);
16
+ a.error("isolated-vm import error.", o);
17
17
  }
18
- const t = `${a}could not import \`isolated-vm\` module for safe script execution on a Node server.
18
+ const t = `${c}could not import \`isolated-vm\` module for safe script execution on a Node server.
19
19
 
20
20
  SOLUTION: In a server-only execution path within your application, do one of the following:
21
21
 
22
- ${m ? `- import and call \`initializeNodeRuntime()\` from "${e}/node/init".` : ""}
22
+ ${u ? `- import and call \`initializeNodeRuntime()\` from "${e}/node/init".` : ""}
23
23
  - add the following import: \`await import('isolated-vm')\`.
24
24
 
25
25
  For more information, visit https://builder.io/c/docs/integration-tips#enabling-data-bindings-in-node-environments`;
26
26
  throw new Error(t);
27
27
  };
28
- function u(t = {
28
+ function f(t = {
29
29
  memoryLimit: 128
30
30
  }) {
31
+ if (l)
32
+ return l;
31
33
  const o = I(), r = new o.Isolate(t).createContextSync(), i = r.global;
32
34
  return i.setSync("global", i.derefInto()), i.setSync("log", function(...s) {
33
35
  console.log(...s);
34
- }), i.setSync(d, o), r;
36
+ }), i.setSync(m, o), l = r, r;
35
37
  }
36
38
  export {
37
- E as setIvm
39
+ S as setIvm
38
40
  };
@@ -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=$;
@@ -1,8 +1,8 @@
1
- import { flatten as g, flattenMongoQuery as U } from "../../helpers/flatten.mjs";
2
- import { normalizeSearchParams as A } from "../../helpers/search/search.mjs";
3
- import { DEFAULT_API_VERSION as O } from "../../types/api-version.mjs";
4
- import { getBuilderSearchParamsFromWindow as k } from "../get-builder-search-params/index.mjs";
5
- const y = (s) => typeof s == "number" && !isNaN(s) && s >= 0, J = (s) => {
1
+ import { flatten as g, flattenMongoQuery as O } from "../../helpers/flatten.mjs";
2
+ import { normalizeSearchParams as k } from "../../helpers/search/search.mjs";
3
+ import { DEFAULT_API_VERSION as E } from "../../types/api-version.mjs";
4
+ import { getBuilderSearchParamsFromWindow as I } from "../get-builder-search-params/index.mjs";
5
+ const y = (r) => typeof r == "number" && !isNaN(r) && r >= 0, M = (r) => {
6
6
  const {
7
7
  limit: c = 30,
8
8
  userAttributes: m,
@@ -11,42 +11,43 @@ const y = (s) => typeof s == "number" && !isNaN(s) && s >= 0, J = (s) => {
11
11
  apiKey: l,
12
12
  enrich: h,
13
13
  locale: d,
14
- apiVersion: a = O,
14
+ apiVersion: a = E,
15
15
  fields: u,
16
16
  omit: N,
17
17
  offset: i,
18
18
  cacheSeconds: n,
19
19
  staleCacheSeconds: o,
20
20
  sort: P,
21
- includeUnpublished: S
22
- } = s;
21
+ includeUnpublished: p,
22
+ apiHost: v
23
+ } = r;
23
24
  if (!l)
24
25
  throw new Error("Missing API key");
25
26
  if (!["v3"].includes(a))
26
27
  throw new Error(`Invalid apiVersion: expected 'v3', received '${a}'`);
27
- const v = c !== 1, e = new URL(`https://cdn.builder.io/api/${a}/content/${b}`);
28
- if (e.searchParams.set("apiKey", l), e.searchParams.set("limit", String(c)), e.searchParams.set("noTraverse", String(v)), e.searchParams.set("includeRefs", String(!0)), d && e.searchParams.set("locale", d), h && e.searchParams.set("enrich", String(h)), e.searchParams.set("omit", N || "meta.componentsUsed"), u && e.searchParams.set("fields", u), Number.isFinite(i) && i > -1 && e.searchParams.set("offset", String(Math.floor(i))), typeof S == "boolean" && e.searchParams.set("includeUnpublished", String(S)), n && y(n) && e.searchParams.set("cacheSeconds", String(n)), o && y(o) && e.searchParams.set("staleCacheSeconds", String(o)), P) {
29
- const r = g({
28
+ const U = c !== 1, w = v || "https://cdn.builder.io", e = new URL(`${w}/api/${a}/content/${b}`);
29
+ if (e.searchParams.set("apiKey", l), e.searchParams.set("limit", String(c)), e.searchParams.set("noTraverse", String(U)), e.searchParams.set("includeRefs", String(!0)), d && e.searchParams.set("locale", d), h && e.searchParams.set("enrich", String(h)), e.searchParams.set("omit", N || "meta.componentsUsed"), u && e.searchParams.set("fields", u), Number.isFinite(i) && i > -1 && e.searchParams.set("offset", String(Math.floor(i))), typeof p == "boolean" && e.searchParams.set("includeUnpublished", String(p)), n && y(n) && e.searchParams.set("cacheSeconds", String(n)), o && y(o) && e.searchParams.set("staleCacheSeconds", String(o)), P) {
30
+ const s = g({
30
31
  sort: P
31
32
  });
32
- for (const t in r)
33
- e.searchParams.set(t, JSON.stringify(r[t]));
33
+ for (const t in s)
34
+ e.searchParams.set(t, JSON.stringify(s[t]));
34
35
  }
35
- const w = {
36
- ...k(),
37
- ...A(s.options || {})
38
- }, p = g(w);
39
- for (const r in p)
40
- e.searchParams.set(r, String(p[r]));
36
+ const A = {
37
+ ...I(),
38
+ ...k(r.options || {})
39
+ }, S = g(A);
40
+ for (const s in S)
41
+ e.searchParams.set(s, String(S[s]));
41
42
  if (m && e.searchParams.set("userAttributes", JSON.stringify(m)), f) {
42
- const r = U({
43
+ const s = O({
43
44
  query: f
44
45
  });
45
- for (const t in r)
46
- e.searchParams.set(t, JSON.stringify(r[t]));
46
+ for (const t in s)
47
+ e.searchParams.set(t, JSON.stringify(s[t]));
47
48
  }
48
49
  return e;
49
50
  };
50
51
  export {
51
- J as generateContentUrl
52
+ M as generateContentUrl
52
53
  };
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../../constants/target.cjs"),a=require("../../helpers/logger.cjs"),c=require("../../helpers/sdk-headers.cjs"),d=require("../../helpers/sessionId.cjs"),u=require("../../helpers/visitorId.cjs"),g=require("../is-browser.cjs"),l=require("../is-editing.cjs"),y=require("./helpers.cjs"),I=async({canTrack:e})=>{if(!e)return{visitorId:void 0,sessionId:void 0};const t=await d.getSessionId({canTrack:e}),r=u.getVisitorId({canTrack:e});return{sessionId:t,visitorId:r}},k=async({type:e,canTrack:t,apiKey:r,metadata:s,...o})=>({type:e,data:{...o,metadata:{url:location.href,...s},...await I({canTrack:t}),userAttributes:y.getUserAttributes(),ownerId:r}});async function i(e){if(!e.apiKey){a.logger.error("Missing API key for track call. Please provide your API key.");return}if(e.canTrack&&!l.isEditing()&&(g.isBrowser()||n.TARGET==="reactNative"))return fetch("https://cdn.builder.io/api/v1/track",{method:"POST",body:JSON.stringify({events:[await k(e)]}),headers:{"content-type":"application/json",...c.getSdkHeaders()},mode:"cors"}).catch(t=>{console.error("Failed to track: ",t)})}const f=e=>i({...e,canTrack:!0});exports._track=i;exports.track=f;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../../constants/target.cjs"),a=require("../../helpers/logger.cjs"),c=require("../../helpers/sdk-headers.cjs"),d=require("../../helpers/sessionId.cjs"),u=require("../../helpers/visitorId.cjs"),g=require("../is-browser.cjs"),l=require("../is-editing.cjs"),y=require("./helpers.cjs"),I=async({canTrack:e})=>{if(!e)return{visitorId:void 0,sessionId:void 0};const t=await d.getSessionId({canTrack:e}),r=u.getVisitorId({canTrack:e});return{sessionId:t,visitorId:r}},k=async({type:e,canTrack:t,apiKey:r,metadata:i,...o})=>({type:e,data:{...o,metadata:{url:location.href,...i},...await I({canTrack:t}),userAttributes:y.getUserAttributes(),ownerId:r}});async function s({apiHost:e,...t}){if(!t.apiKey){a.logger.error("Missing API key for track call. Please provide your API key.");return}return!t.canTrack||l.isEditing()||!(g.isBrowser()||n.TARGET==="reactNative")?void 0:fetch(`${e||"https://cdn.builder.io"}/api/v1/track`,{method:"POST",body:JSON.stringify({events:[await k(t)]}),headers:{"content-type":"application/json",...c.getSdkHeaders()},mode:"cors"}).catch(i=>{console.error("Failed to track: ",i)})}const f=e=>s({...e,canTrack:!0});exports._track=s;exports.track=f;
@@ -23,7 +23,7 @@ const u = async ({
23
23
  sessionId: r,
24
24
  visitorId: e
25
25
  };
26
- }, y = async ({
26
+ }, l = async ({
27
27
  type: t,
28
28
  canTrack: r,
29
29
  apiKey: e,
@@ -44,31 +44,33 @@ const u = async ({
44
44
  ownerId: e
45
45
  }
46
46
  });
47
- async function g(t) {
48
- if (!t.apiKey) {
47
+ async function y({
48
+ apiHost: t,
49
+ ...r
50
+ }) {
51
+ if (!r.apiKey) {
49
52
  s.error("Missing API key for track call. Please provide your API key.");
50
53
  return;
51
54
  }
52
- if (t.canTrack && !f() && (m() || a === "reactNative"))
53
- return fetch("https://cdn.builder.io/api/v1/track", {
54
- method: "POST",
55
- body: JSON.stringify({
56
- events: [await y(t)]
57
- }),
58
- headers: {
59
- "content-type": "application/json",
60
- ...n()
61
- },
62
- mode: "cors"
63
- }).catch((r) => {
64
- console.error("Failed to track: ", r);
65
- });
55
+ return !r.canTrack || f() || !(m() || a === "reactNative") ? void 0 : fetch(`${t || "https://cdn.builder.io"}/api/v1/track`, {
56
+ method: "POST",
57
+ body: JSON.stringify({
58
+ events: [await l(r)]
59
+ }),
60
+ headers: {
61
+ "content-type": "application/json",
62
+ ...n()
63
+ },
64
+ mode: "cors"
65
+ }).catch((o) => {
66
+ console.error("Failed to track: ", o);
67
+ });
66
68
  }
67
- const E = (t) => g({
69
+ const E = (t) => y({
68
70
  ...t,
69
71
  canTrack: !0
70
72
  });
71
73
  export {
72
- g as _track,
74
+ y as _track,
73
75
  E as track
74
76
  };
@@ -1,4 +1,4 @@
1
- "use strict";const o=require("react/jsx-runtime"),p=require("../../components/blocks/blocks.cjs"),W=require("../../components/dynamic-renderer/dynamic-renderer.cjs"),j=require("../../components/inlined-styles.cjs"),q=require("../../constants/device-sizes.cjs"),B=require("../../functions/get-class-prop-name.cjs"),z=require("../../functions/get-style.cjs"),N=require("./helpers.cjs");function A(e){var g,k;const a=typeof e.space=="number"?e.space||0:20,r=e.columns||[],u=e.stackColumnsAt||"tablet",y=function(t){return t.link?e.builderLinkComponent||"a":"div"},S=function(t){var n;return((n=r[t])==null?void 0:n.width)||100/r.length},x=function(t){const n=S(t),l=a*(r.length-1)*(n/100);return`calc(${n}% - ${l}px)`},c=function({stackedStyle:t,desktopStyle:n}){return u==="tablet"?t:n},m=function({stackedStyle:t,desktopStyle:n}){return u==="never"?n:t},d=e.stackColumnsAt==="never"?"row":e.reverseColumnsWhenStacked?"column-reverse":"column",C=function(){return{"--flex-dir":d,"--flex-dir-tablet":c({stackedStyle:d,desktopStyle:"row"})}},v=function(t){const n=t===0?0:a,l=x(t),s=`${n}px`,h="100%",f=0;return{...{display:"flex",flexDirection:"column",alignItems:"stretch"},width:l,["marginLeft"]:s,"--column-width-mobile":m({stackedStyle:h,desktopStyle:l}),"--column-margin-left-mobile":m({stackedStyle:f,desktopStyle:s}),"--column-width-tablet":c({stackedStyle:h,desktopStyle:l}),"--column-margin-left-tablet":c({stackedStyle:f,desktopStyle:s})}},b=function(t){var l,s;return q.getSizesForBreakpoints(((s=(l=e.builderContext.content)==null?void 0:l.meta)==null?void 0:s.breakpoints)||{})[t].max},w=function(){const t=`.${e.builderBlock.id}-breakpoints > .builder-column`;return`
1
+ "use strict";const o=require("react/jsx-runtime"),p=require("../../components/blocks/blocks.cjs"),W=require("../../components/dynamic-renderer/dynamic-renderer.cjs"),j=require("../../components/inlined-styles.cjs"),q=require("../../constants/device-sizes.cjs"),z=require("../../functions/get-class-prop-name.cjs"),B=require("../../functions/get-style.cjs"),A=require("./helpers.cjs");function N(e){var g,f;const a=function(){return typeof e.space=="number"?e.space||0:20},s=function(){return e.columns||[]},u=function(){return e.stackColumnsAt||"tablet"},y=function(t){return t.link?e.builderLinkComponent||"a":"div"},S=function(t){var i;return((i=s()[t])==null?void 0:i.width)||100/s().length},x=function(t){const i=S(t),l=a()*(s().length-1)*(i/100);return`calc(${i}% - ${l}px)`},c=function({stackedStyle:t,desktopStyle:i}){return u()==="tablet"?t:i},m=function({stackedStyle:t,desktopStyle:i}){return u()==="never"?i:t},d=function(){return e.stackColumnsAt==="never"?"row":e.reverseColumnsWhenStacked?"column-reverse":"column"},C=function(){return{"--flex-dir":d(),"--flex-dir-tablet":c({stackedStyle:d(),desktopStyle:"row"})}},v=function(t){const i=t===0?0:a(),l=x(t),r=`${i}px`,k="100%",h=0;return{...{display:"flex",flexDirection:"column",alignItems:"stretch"},width:l,["marginLeft"]:r,"--column-width-mobile":m({stackedStyle:k,desktopStyle:l}),"--column-margin-left-mobile":m({stackedStyle:h,desktopStyle:r}),"--column-width-tablet":c({stackedStyle:k,desktopStyle:l}),"--column-margin-left-tablet":c({stackedStyle:h,desktopStyle:r})}},b=function(t){var l,r;return q.getSizesForBreakpoints(((r=(l=e.builderContext.content)==null?void 0:l.meta)==null?void 0:r.breakpoints)||{})[t].max},w=function(){const t=`.${e.builderBlock.id}-breakpoints > .builder-column`;return`
2
2
  @media (max-width: ${b("medium")}px) {
3
3
  .${e.builderBlock.id}-breakpoints {
4
4
  flex-direction: var(--flex-dir-tablet);
@@ -22,7 +22,7 @@
22
22
  margin-left: var(--column-margin-left-mobile) !important;
23
23
  }
24
24
  },
25
- `},$=function(t,n){return{...t.link?{href:t.link}:{},[B.getClassPropName()]:"builder-column",style:z.mapStyleObjToStrIfNeeded(v(n))}};return o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:N.getColumnsClass((g=e.builderBlock)==null?void 0:g.id)+" div-153273e4",style:C(),children:[o.jsx(j,{id:"builderio-columns",styles:w(),nonce:e.builderContext.nonce}),(k=e.columns)==null?void 0:k.map((i,t)=>o.jsx(W,{TagName:y(i),actionAttributes:{},attributes:$(i,t),children:o.jsx(p,{path:`component.options.columns.${t}.blocks`,parent:e.builderBlock.id,styleProp:{flexGrow:"1"},context:e.builderContext,registeredComponents:e.builderComponents,linkComponent:e.builderLinkComponent,blocks:i.blocks})},t))]}),o.jsx("style",{children:`.div-153273e4 {
25
+ `},$=function(t,i){return{...t.link?{href:t.link}:{},[z.getClassPropName()]:"builder-column",style:B.mapStyleObjToStrIfNeeded(v(i))}};return o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:A.getColumnsClass((g=e.builderBlock)==null?void 0:g.id)+" div-0e218b6c",style:C(),children:[o.jsx(j,{id:"builderio-columns",styles:w(),nonce:e.builderContext.nonce}),(f=e.columns)==null?void 0:f.map((n,t)=>o.jsx(W,{TagName:y(n),actionAttributes:{},attributes:$(n,t),children:o.jsx(p,{path:`component.options.columns.${t}.blocks`,parent:e.builderBlock.id,styleProp:{flexGrow:"1"},context:e.builderContext,registeredComponents:e.builderComponents,linkComponent:e.builderLinkComponent,blocks:n.blocks})},t))]}),o.jsx("style",{children:`.div-0e218b6c {
26
26
  display: flex;
27
27
  line-height: normal;
28
- }`})]})}module.exports=A;
28
+ }`})]})}module.exports=N;
@@ -8,63 +8,71 @@ import { mapStyleObjToStrIfNeeded as T } from "../../functions/get-style.mjs";
8
8
  import { getColumnsClass as D } from "./helpers.mjs";
9
9
  function q(e) {
10
10
  var f, g;
11
- const a = typeof e.space == "number" ? e.space || 0 : 20, s = e.columns || [], m = e.stackColumnsAt || "tablet", S = function(t) {
11
+ const a = function() {
12
+ return typeof e.space == "number" ? e.space || 0 : 20;
13
+ }, s = function() {
14
+ return e.columns || [];
15
+ }, m = function() {
16
+ return e.stackColumnsAt || "tablet";
17
+ }, S = function(t) {
12
18
  return t.link ? e.builderLinkComponent || "a" : "div";
13
- }, C = function(t) {
14
- var n;
15
- return ((n = s[t]) == null ? void 0 : n.width) || 100 / s.length;
16
19
  }, x = function(t) {
17
- const n = C(t), l = a * (s.length - 1) * (n / 100);
18
- return `calc(${n}% - ${l}px)`;
20
+ var i;
21
+ return ((i = s()[t]) == null ? void 0 : i.width) || 100 / s().length;
22
+ }, C = function(t) {
23
+ const i = x(t), o = a() * (s().length - 1) * (i / 100);
24
+ return `calc(${i}% - ${o}px)`;
19
25
  }, c = function({
20
26
  stackedStyle: t,
21
- desktopStyle: n
27
+ desktopStyle: i
22
28
  }) {
23
- return m === "tablet" ? t : n;
24
- }, d = function({
29
+ return m() === "tablet" ? t : i;
30
+ }, u = function({
25
31
  stackedStyle: t,
26
- desktopStyle: n
32
+ desktopStyle: i
27
33
  }) {
28
- return m === "never" ? n : t;
29
- }, u = e.stackColumnsAt === "never" ? "row" : e.reverseColumnsWhenStacked ? "column-reverse" : "column", p = function() {
34
+ return m() === "never" ? i : t;
35
+ }, d = function() {
36
+ return e.stackColumnsAt === "never" ? "row" : e.reverseColumnsWhenStacked ? "column-reverse" : "column";
37
+ }, p = function() {
30
38
  return {
31
- "--flex-dir": u,
39
+ "--flex-dir": d(),
32
40
  "--flex-dir-tablet": c({
33
- stackedStyle: u,
41
+ stackedStyle: d(),
34
42
  desktopStyle: "row"
35
43
  })
36
44
  };
37
45
  }, v = function(t) {
38
- const n = t === 0 ? 0 : a, l = x(t), o = `${n}px`, k = "100%", h = 0;
46
+ const i = t === 0 ? 0 : a(), o = C(t), l = `${i}px`, k = "100%", h = 0;
39
47
  return {
40
48
  ...{
41
49
  display: "flex",
42
50
  flexDirection: "column",
43
51
  alignItems: "stretch"
44
52
  },
45
- width: l,
46
- ["marginLeft"]: o,
47
- "--column-width-mobile": d({
53
+ width: o,
54
+ ["marginLeft"]: l,
55
+ "--column-width-mobile": u({
48
56
  stackedStyle: k,
49
- desktopStyle: l
57
+ desktopStyle: o
50
58
  }),
51
- "--column-margin-left-mobile": d({
59
+ "--column-margin-left-mobile": u({
52
60
  stackedStyle: h,
53
- desktopStyle: o
61
+ desktopStyle: l
54
62
  }),
55
63
  "--column-width-tablet": c({
56
64
  stackedStyle: k,
57
- desktopStyle: l
65
+ desktopStyle: o
58
66
  }),
59
67
  "--column-margin-left-tablet": c({
60
68
  stackedStyle: h,
61
- desktopStyle: o
69
+ desktopStyle: l
62
70
  })
63
71
  };
64
72
  }, b = function(t) {
65
- var l, o;
73
+ var o, l;
66
74
  return L(
67
- ((o = (l = e.builderContext.content) == null ? void 0 : l.meta) == null ? void 0 : o.breakpoints) || {}
75
+ ((l = (o = e.builderContext.content) == null ? void 0 : o.meta) == null ? void 0 : l.breakpoints) || {}
68
76
  )[t].max;
69
77
  }, w = function() {
70
78
  const t = `.${e.builderBlock.id}-breakpoints > .builder-column`;
@@ -93,20 +101,20 @@ function q(e) {
93
101
  }
94
102
  },
95
103
  `;
96
- }, $ = function(t, n) {
104
+ }, $ = function(t, i) {
97
105
  return {
98
106
  ...t.link ? {
99
107
  href: t.link
100
108
  } : {},
101
109
  [N()]: "builder-column",
102
- style: T(v(n))
110
+ style: T(v(i))
103
111
  };
104
112
  };
105
113
  return /* @__PURE__ */ y(B, { children: [
106
114
  /* @__PURE__ */ y(
107
115
  "div",
108
116
  {
109
- className: D((f = e.builderBlock) == null ? void 0 : f.id) + " div-153273e4",
117
+ className: D((f = e.builderBlock) == null ? void 0 : f.id) + " div-0e218b6c",
110
118
  style: p(),
111
119
  children: [
112
120
  /* @__PURE__ */ r(
@@ -117,12 +125,12 @@ function q(e) {
117
125
  nonce: e.builderContext.nonce
118
126
  }
119
127
  ),
120
- (g = e.columns) == null ? void 0 : g.map((i, t) => /* @__PURE__ */ r(
128
+ (g = e.columns) == null ? void 0 : g.map((n, t) => /* @__PURE__ */ r(
121
129
  z,
122
130
  {
123
- TagName: S(i),
131
+ TagName: S(n),
124
132
  actionAttributes: {},
125
- attributes: $(i, t),
133
+ attributes: $(n, t),
126
134
  children: /* @__PURE__ */ r(
127
135
  W,
128
136
  {
@@ -134,7 +142,7 @@ function q(e) {
134
142
  context: e.builderContext,
135
143
  registeredComponents: e.builderComponents,
136
144
  linkComponent: e.builderLinkComponent,
137
- blocks: i.blocks
145
+ blocks: n.blocks
138
146
  }
139
147
  )
140
148
  },
@@ -143,7 +151,7 @@ function q(e) {
143
151
  ]
144
152
  }
145
153
  ),
146
- /* @__PURE__ */ r("style", { children: `.div-153273e4 {
154
+ /* @__PURE__ */ r("style", { children: `.div-0e218b6c {
147
155
  display: flex;
148
156
  line-height: normal;
149
157
  }` })
@@ -1 +1 @@
1
- "use client";"use strict";const k=require("react/jsx-runtime"),o=require("react"),W=require("../../../context/builder.context.cjs"),A=require("../../../functions/evaluate/evaluate.cjs"),B=require("../../../functions/fast-clone.cjs"),D=require("../../../functions/get-content/index.cjs"),P=require("../../../functions/is-browser.cjs"),g=require("../../../functions/is-editing.cjs"),N=require("../../../functions/is-previewing.cjs"),U=require("../../../functions/register-component.cjs"),R=require("../../../functions/track/index.cjs"),O=require("../../../functions/track/interaction.cjs"),y=require("../../../helpers/canTrack.cjs"),F=require("../../../helpers/preview-lru-cache/set.cjs"),$=require("../../../helpers/subscribe-to-editor.cjs"),L=require("../../../scripts/init-editing.cjs"),z=require("../../block/animator.cjs"),G=require("./styles.helpers.cjs"),J=require("next/navigation");function Q(e){var q,w,I;const d=o.useRef(null);function f(n){var r,i;const t={...e.builderContextSignal.rootState,...n};e.builderContextSignal.rootSetState?(i=(r=e.builderContextSignal).rootSetState)==null||i.call(r,t):e.builderContextSignal.rootState=t}function b(n){var r,i,a,c,u;const t={...e.builderContextSignal.content,...n,data:{...(r=e.builderContextSignal.content)==null?void 0:r.data,...n==null?void 0:n.data},meta:{...(i=e.builderContextSignal.content)==null?void 0:i.meta,...n==null?void 0:n.meta,breakpoints:((a=n==null?void 0:n.meta)==null?void 0:a.breakpoints)||((u=(c=e.builderContextSignal.content)==null?void 0:c.meta)==null?void 0:u.breakpoints)}};F.postPreviewContent({value:t,key:t.id}).then(()=>{V.refresh()})}function K(){return e.showContent?{}:{hidden:!0,"aria-hidden":!0}}const[T,X]=o.useState(()=>e.contentWrapper||"div");function S(n){return $.createEditorListener({model:e.model,trustedHosts:e.trustedHosts,callbacks:{configureSdk:t=>{var a;const{breakpoints:r,contentId:i}=t;!i||i!==((a=e.builderContextSignal.content)==null?void 0:a.id)||r&&b({meta:{breakpoints:r}})},animation:t=>{z.triggerAnimation(t)},contentUpdate:t=>{b(t)}}})(n)}const[v,Y]=o.useState(()=>({})),[m,Z]=o.useState(()=>({})),[h,H]=o.useState(()=>!1);function _(n){var t,r;if(e.builderContextSignal.content){const i=(t=e.builderContextSignal.content)==null?void 0:t.testVariationId,a=(r=e.builderContextSignal.content)==null?void 0:r.id;R._track({type:"click",canTrack:y.getDefaultCanTrack(e.canTrack),contentId:a,apiKey:e.apiKey,variationId:i!==a?i:void 0,...O.getInteractionPropertiesForEvent(n),unique:!h})}h||H(!0)}function j(){var t,r,i;const n=(i=(r=(t=e.builderContextSignal.content)==null?void 0:t.data)==null?void 0:r.httpRequests)!=null?i:{};Object.entries(n).forEach(([a,c])=>{if(!c||m[a]||v[a]&&!g.isEditing())return;m[a]=!0;const u=c.replace(/{{([^}]+)}}/g,(s,M)=>String(A.evaluate({code:M,context:e.context||{},localState:void 0,rootState:e.builderContextSignal.rootState,rootSetState:e.builderContextSignal.rootSetState})));fetch(u).then(s=>s.json()).then(s=>{f({[a]:s}),v[a]=!0}).catch(s=>{console.error("error fetching dynamic data",c,s)}).finally(()=>{m[a]=!1})})}function l(){g.isEditing()&&window.dispatchEvent(new CustomEvent("builder:component:stateChange",{detail:{state:B.fastClone(e.builderContextSignal.rootState),ref:{name:e.model}}}))}function E(n){window.addEventListener("message",S),L.registerInsertMenu(),L.setupBrowserForEditing({...e.locale?{locale:e.locale}:{},...e.enrich?{enrich:e.enrich}:{},...e.trustedHosts?{trustedHosts:e.trustedHosts}:{}}),Object.values(e.builderContextSignal.componentInfos).forEach(t=>{var i;const r=U.createRegisterComponentMessage(t);(i=window.parent)==null||i.postMessage(r,"*")}),window.addEventListener("builder:component:stateChangeListenerActivated",l)}function x(n){const t=new URL(location.href).searchParams,r=t.get("builder.preview"),i=t.get(`builder.overrides.${r}`),a=t.get("apiKey")||t.get("builder.space");r===e.model&&a===e.apiKey&&(!e.content||i===e.content.id)&&D.fetchOneEntry({model:e.model,apiKey:e.apiKey,apiVersion:e.builderContextSignal.apiVersion}).then(c=>{c&&b(c)})}const V=J.useRouter(),C=o.useRef(!1);return C.current||(j(),l(),C.current=!0),o.useEffect(()=>{var n;return(n=d.current)==null||n.addEventListener("initeditingbldr",E),()=>{var t;return(t=d.current)==null?void 0:t.removeEventListener("initeditingbldr",E)}},[]),o.useEffect(()=>{var n;return(n=d.current)==null||n.addEventListener("initpreviewingbldr",x),()=>{var t;return(t=d.current)==null?void 0:t.removeEventListener("initpreviewingbldr",x)}},[]),o.useEffect(()=>{var n,t;if(P.isBrowser()){if(g.isEditing()&&d.current&&d.current.dispatchEvent(new CustomEvent("initeditingbldr")),e.builderContextSignal.content&&y.getDefaultCanTrack(e.canTrack)){const i=(n=e.builderContextSignal.content)==null?void 0:n.testVariationId,a=(t=e.builderContextSignal.content)==null?void 0:t.id,c=e.apiKey;R._track({type:"impression",canTrack:!0,contentId:a,apiKey:c,variationId:i!==a?i:void 0})}N.isPreviewing()&&g.isEditing()}},[]),o.useEffect(()=>{},[e.content]),o.useEffect(()=>{l()},[e.builderContextSignal.rootState]),o.useEffect(()=>{e.data&&f(e.data)},[e.data]),o.useEffect(()=>{e.locale&&f({locale:e.locale})},[e.locale]),o.useEffect(()=>()=>{P.isBrowser()&&(window.removeEventListener("message",S),window.removeEventListener("builder:component:stateChangeListenerActivated",l))},[]),k.jsx(W.Provider,{value:e.builderContextSignal,children:e.builderContextSignal.content?k.jsx(T,{ref:d,onClick:n=>_(n),"builder-content-id":(q=e.builderContextSignal.content)==null?void 0:q.id,"builder-model":e.model,className:G.getWrapperClassName(((w=e.content)==null?void 0:w.testVariationId)||((I=e.content)==null?void 0:I.id)),...K(),...e.contentWrapperProps,children:e.children}):null})}module.exports=Q;
1
+ "use client";"use strict";const k=require("react/jsx-runtime"),o=require("react"),N=require("../../../context/builder.context.cjs"),W=require("../../../functions/evaluate/evaluate.cjs"),A=require("../../../functions/fast-clone.cjs"),B=require("../../../functions/get-content/index.cjs"),R=require("../../../functions/is-browser.cjs"),g=require("../../../functions/is-editing.cjs"),D=require("../../../functions/is-previewing.cjs"),U=require("../../../functions/register-component.cjs"),P=require("../../../functions/track/index.cjs"),O=require("../../../functions/track/interaction.cjs"),y=require("../../../helpers/canTrack.cjs"),F=require("../../../helpers/preview-lru-cache/set.cjs"),$=require("../../../helpers/subscribe-to-editor.cjs"),H=require("../../../scripts/init-editing.cjs"),z=require("../../block/animator.cjs"),G=require("./styles.helpers.cjs"),J=require("next/navigation");function Q(e){var q,w,I;const d=o.useRef(null);function f(n){var a,i;const t={...e.builderContextSignal.rootState,...n};e.builderContextSignal.rootSetState?(i=(a=e.builderContextSignal).rootSetState)==null||i.call(a,t):e.builderContextSignal.rootState=t}function b(n){var a,i,r,c,u;const t={...e.builderContextSignal.content,...n,data:{...(a=e.builderContextSignal.content)==null?void 0:a.data,...n==null?void 0:n.data},meta:{...(i=e.builderContextSignal.content)==null?void 0:i.meta,...n==null?void 0:n.meta,breakpoints:((r=n==null?void 0:n.meta)==null?void 0:r.breakpoints)||((u=(c=e.builderContextSignal.content)==null?void 0:c.meta)==null?void 0:u.breakpoints)}};F.postPreviewContent({value:t,key:t.id}).then(()=>{V.refresh()})}function L(){return e.showContent?{}:{hidden:!0,"aria-hidden":!0}}const[K,X]=o.useState(()=>e.contentWrapper||"div");function S(n){return $.createEditorListener({model:e.model,trustedHosts:e.trustedHosts,callbacks:{configureSdk:t=>{var r;const{breakpoints:a,contentId:i}=t;!i||i!==((r=e.builderContextSignal.content)==null?void 0:r.id)||a&&b({meta:{breakpoints:a}})},animation:t=>{z.triggerAnimation(t)},contentUpdate:t=>{b(t)}}})(n)}const[v,Y]=o.useState(()=>({})),[m,Z]=o.useState(()=>({})),[h,T]=o.useState(()=>!1);function _(n){var t,a;if(e.builderContextSignal.content){const i=(t=e.builderContextSignal.content)==null?void 0:t.testVariationId,r=(a=e.builderContextSignal.content)==null?void 0:a.id;P._track({apiHost:e.apiHost,type:"click",canTrack:y.getDefaultCanTrack(e.canTrack),contentId:r,apiKey:e.apiKey,variationId:i!==r?i:void 0,...O.getInteractionPropertiesForEvent(n),unique:!h})}h||T(!0)}function j(){var t,a,i;const n=(i=(a=(t=e.builderContextSignal.content)==null?void 0:t.data)==null?void 0:a.httpRequests)!=null?i:{};Object.entries(n).forEach(([r,c])=>{if(!c||m[r]||v[r]&&!g.isEditing())return;m[r]=!0;const u=c.replace(/{{([^}]+)}}/g,(s,M)=>String(W.evaluate({code:M,context:e.context||{},localState:void 0,rootState:e.builderContextSignal.rootState,rootSetState:e.builderContextSignal.rootSetState})));fetch(u).then(s=>s.json()).then(s=>{f({[r]:s}),v[r]=!0}).catch(s=>{console.error("error fetching dynamic data",c,s)}).finally(()=>{m[r]=!1})})}function l(){g.isEditing()&&window.dispatchEvent(new CustomEvent("builder:component:stateChange",{detail:{state:A.fastClone(e.builderContextSignal.rootState),ref:{name:e.model}}}))}function E(n){window.addEventListener("message",S),H.registerInsertMenu(),H.setupBrowserForEditing({...e.locale?{locale:e.locale}:{},...e.enrich?{enrich:e.enrich}:{},...e.trustedHosts?{trustedHosts:e.trustedHosts}:{}}),Object.values(e.builderContextSignal.componentInfos).forEach(t=>{var i;const a=U.createRegisterComponentMessage(t);(i=window.parent)==null||i.postMessage(a,"*")}),window.addEventListener("builder:component:stateChangeListenerActivated",l)}function x(n){const t=new URL(location.href).searchParams,a=t.get("builder.preview"),i=t.get(`builder.overrides.${a}`),r=t.get("apiKey")||t.get("builder.space");a===e.model&&r===e.apiKey&&(!e.content||i===e.content.id)&&B.fetchOneEntry({model:e.model,apiKey:e.apiKey,apiVersion:e.builderContextSignal.apiVersion}).then(c=>{c&&b(c)})}const V=J.useRouter(),C=o.useRef(!1);return C.current||(j(),l(),C.current=!0),o.useEffect(()=>{var n;return(n=d.current)==null||n.addEventListener("initeditingbldr",E),()=>{var t;return(t=d.current)==null?void 0:t.removeEventListener("initeditingbldr",E)}},[]),o.useEffect(()=>{var n;return(n=d.current)==null||n.addEventListener("initpreviewingbldr",x),()=>{var t;return(t=d.current)==null?void 0:t.removeEventListener("initpreviewingbldr",x)}},[]),o.useEffect(()=>{var n,t;if(R.isBrowser()){if(g.isEditing()&&!e.isNestedRender&&d.current&&d.current.dispatchEvent(new CustomEvent("initeditingbldr")),e.builderContextSignal.content&&y.getDefaultCanTrack(e.canTrack)){const i=(n=e.builderContextSignal.content)==null?void 0:n.testVariationId,r=(t=e.builderContextSignal.content)==null?void 0:t.id,c=e.apiKey;P._track({apiHost:e.apiHost,type:"impression",canTrack:!0,contentId:r,apiKey:c,variationId:i!==r?i:void 0})}D.isPreviewing()&&g.isEditing()}},[]),o.useEffect(()=>{},[e.content]),o.useEffect(()=>{l()},[e.builderContextSignal.rootState]),o.useEffect(()=>{e.data&&f(e.data)},[e.data]),o.useEffect(()=>{e.locale&&f({locale:e.locale})},[e.locale]),o.useEffect(()=>()=>{R.isBrowser()&&(window.removeEventListener("message",S),window.removeEventListener("builder:component:stateChangeListenerActivated",l))},[]),k.jsx(N.Provider,{value:e.builderContextSignal,children:e.builderContextSignal.content?k.jsx(K,{ref:d,onClick:n=>_(n),"builder-content-id":(q=e.builderContextSignal.content)==null?void 0:q.id,"builder-model":e.model,className:G.getWrapperClassName(((w=e.content)==null?void 0:w.testVariationId)||((I=e.content)==null?void 0:I.id)),...L(),...e.contentWrapperProps,children:e.children}):null})}module.exports=Q;