@builder.io/sdk-react-nextjs 0.16.12 → 0.16.14

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 (105) hide show
  1. package/lib/browser/blocks/columns/columns.cjs +2 -2
  2. package/lib/browser/blocks/columns/columns.mjs +2 -2
  3. package/lib/browser/blocks/image/image.cjs +4 -4
  4. package/lib/browser/blocks/image/image.mjs +25 -25
  5. package/lib/browser/components/awaiter.cjs +1 -0
  6. package/lib/browser/components/awaiter.mjs +10 -0
  7. package/lib/browser/components/block/components/interactive-element.cjs +1 -1
  8. package/lib/browser/components/block/components/interactive-element.mjs +19 -9
  9. package/lib/browser/components/blocks/blocks-wrapper.cjs +1 -1
  10. package/lib/browser/components/blocks/blocks-wrapper.mjs +5 -5
  11. package/lib/browser/components/content/components/enable-editor.cjs +1 -1
  12. package/lib/browser/components/content/components/enable-editor.mjs +114 -139
  13. package/lib/browser/components/content/content.cjs +1 -1
  14. package/lib/browser/components/content/content.mjs +62 -43
  15. package/lib/browser/constants/sdk-version.cjs +1 -1
  16. package/lib/browser/constants/sdk-version.mjs +1 -1
  17. package/lib/browser/functions/evaluate/browser-runtime/browser.cjs +1 -1
  18. package/lib/browser/functions/evaluate/browser-runtime/browser.mjs +19 -45
  19. package/lib/browser/functions/evaluate/choose-eval.cjs +1 -1
  20. package/lib/browser/functions/evaluate/choose-eval.mjs +5 -3
  21. package/lib/browser/functions/evaluate/helpers.cjs +1 -1
  22. package/lib/browser/functions/evaluate/helpers.mjs +50 -24
  23. package/lib/browser/functions/evaluate/node-runtime/node-runtime.cjs +3 -3
  24. package/lib/browser/functions/evaluate/node-runtime/node-runtime.mjs +7 -7
  25. package/lib/browser/functions/evaluate/should-force-browser-runtime-in-node.cjs +1 -1
  26. package/lib/browser/functions/evaluate/should-force-browser-runtime-in-node.mjs +8 -6
  27. package/lib/browser/init.cjs +1 -1
  28. package/lib/browser/init.mjs +11 -6
  29. package/lib/edge/blocks/columns/columns.cjs +2 -2
  30. package/lib/edge/blocks/columns/columns.mjs +2 -2
  31. package/lib/edge/blocks/image/image.cjs +4 -4
  32. package/lib/edge/blocks/image/image.mjs +25 -25
  33. package/lib/edge/components/awaiter.cjs +1 -0
  34. package/lib/edge/components/awaiter.mjs +10 -0
  35. package/lib/edge/components/block/components/interactive-element.cjs +1 -1
  36. package/lib/edge/components/block/components/interactive-element.mjs +19 -9
  37. package/lib/edge/components/blocks/blocks-wrapper.cjs +1 -1
  38. package/lib/edge/components/blocks/blocks-wrapper.mjs +5 -5
  39. package/lib/edge/components/content/components/enable-editor.cjs +1 -1
  40. package/lib/edge/components/content/components/enable-editor.mjs +114 -139
  41. package/lib/edge/components/content/content.cjs +1 -1
  42. package/lib/edge/components/content/content.mjs +62 -43
  43. package/lib/edge/constants/builder-registered-components.cjs +1 -1
  44. package/lib/edge/constants/builder-registered-components.mjs +1 -1
  45. package/lib/edge/constants/extra-components.cjs +1 -1
  46. package/lib/edge/constants/extra-components.mjs +1 -1
  47. package/lib/edge/constants/sdk-version.cjs +1 -1
  48. package/lib/edge/constants/sdk-version.mjs +1 -1
  49. package/lib/edge/functions/evaluate/browser-runtime/browser.cjs +1 -1
  50. package/lib/edge/functions/evaluate/browser-runtime/browser.mjs +19 -45
  51. package/lib/edge/functions/evaluate/choose-eval.cjs +1 -1
  52. package/lib/edge/functions/evaluate/choose-eval.mjs +4 -2
  53. package/lib/edge/functions/evaluate/edge-runtime/edge-runtime.cjs +8 -10
  54. package/lib/edge/functions/evaluate/edge-runtime/edge-runtime.mjs +70 -53
  55. package/lib/edge/functions/evaluate/helpers.cjs +1 -1
  56. package/lib/edge/functions/evaluate/helpers.mjs +50 -24
  57. package/lib/edge/functions/evaluate/node-runtime/node-runtime.cjs +3 -3
  58. package/lib/edge/functions/evaluate/node-runtime/node-runtime.mjs +7 -7
  59. package/lib/edge/functions/evaluate/should-force-browser-runtime-in-node.cjs +1 -1
  60. package/lib/edge/functions/evaluate/should-force-browser-runtime-in-node.mjs +8 -6
  61. package/lib/edge/init.cjs +1 -1
  62. package/lib/edge/init.mjs +11 -6
  63. package/lib/node/blocks/columns/columns.cjs +2 -2
  64. package/lib/node/blocks/columns/columns.mjs +2 -2
  65. package/lib/node/blocks/image/image.cjs +4 -4
  66. package/lib/node/blocks/image/image.mjs +25 -25
  67. package/lib/node/components/awaiter.cjs +1 -0
  68. package/lib/node/components/awaiter.mjs +10 -0
  69. package/lib/node/components/block/components/interactive-element.cjs +1 -1
  70. package/lib/node/components/block/components/interactive-element.mjs +19 -9
  71. package/lib/node/components/blocks/blocks-wrapper.cjs +1 -1
  72. package/lib/node/components/blocks/blocks-wrapper.mjs +5 -5
  73. package/lib/node/components/content/components/enable-editor.cjs +1 -1
  74. package/lib/node/components/content/components/enable-editor.mjs +114 -139
  75. package/lib/node/components/content/content.cjs +1 -1
  76. package/lib/node/components/content/content.mjs +62 -43
  77. package/lib/node/constants/sdk-version.cjs +1 -1
  78. package/lib/node/constants/sdk-version.mjs +1 -1
  79. package/lib/node/functions/evaluate/browser-runtime/browser.cjs +1 -1
  80. package/lib/node/functions/evaluate/browser-runtime/browser.mjs +19 -45
  81. package/lib/node/functions/evaluate/choose-eval.cjs +1 -1
  82. package/lib/node/functions/evaluate/choose-eval.mjs +4 -2
  83. package/lib/node/functions/evaluate/helpers.cjs +1 -1
  84. package/lib/node/functions/evaluate/helpers.mjs +50 -24
  85. package/lib/node/functions/evaluate/node-runtime/node-runtime.cjs +9 -9
  86. package/lib/node/functions/evaluate/node-runtime/node-runtime.mjs +26 -26
  87. package/lib/node/functions/evaluate/should-force-browser-runtime-in-node.cjs +1 -1
  88. package/lib/node/functions/evaluate/should-force-browser-runtime-in-node.mjs +8 -6
  89. package/lib/node/init.cjs +1 -1
  90. package/lib/node/init.mjs +11 -6
  91. package/package.json +1 -1
  92. package/types/cjs/components/awaiter.d.ts +14 -0
  93. package/types/cjs/constants/sdk-version.d.ts +1 -1
  94. package/types/cjs/context/component-reference-types.d.ts +4 -0
  95. package/types/cjs/context/types.d.ts +2 -1
  96. package/types/cjs/functions/evaluate/browser-runtime/browser.d.ts +0 -6
  97. package/types/cjs/functions/evaluate/helpers.d.ts +5 -0
  98. package/types/cjs/functions/evaluate/should-force-browser-runtime-in-node.d.ts +3 -1
  99. package/types/esm/components/awaiter.d.ts +14 -0
  100. package/types/esm/constants/sdk-version.d.ts +1 -1
  101. package/types/esm/context/component-reference-types.d.ts +4 -0
  102. package/types/esm/context/types.d.ts +2 -1
  103. package/types/esm/functions/evaluate/browser-runtime/browser.d.ts +0 -6
  104. package/types/esm/functions/evaluate/helpers.d.ts +5 -0
  105. package/types/esm/functions/evaluate/should-force-browser-runtime-in-node.d.ts +3 -1
@@ -4,7 +4,7 @@ import { componentInfo as n } from "../blocks/embed/component-info.mjs";
4
4
  import t from "../blocks/embed/embed.mjs";
5
5
  import "react/jsx-runtime";
6
6
  import "react";
7
- import "../functions/evaluate/edge-runtime/acorn-interpreter.mjs";
7
+ import "../functions/evaluate/edge-runtime/edge-runtime.mjs";
8
8
  import "../functions/get-fetch.mjs";
9
9
  import { componentInfo as p } from "../blocks/img/component-info.mjs";
10
10
  import r from "../blocks/img/img.mjs";
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="0.16.12";exports.SDK_VERSION=e;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="0.16.14";exports.SDK_VERSION=e;
@@ -1,4 +1,4 @@
1
- const o = "0.16.12";
1
+ const o = "0.16.14";
2
2
  export {
3
3
  o as SDK_VERSION
4
4
  };
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("../helpers.cjs"),w=({code:s,builder:i,context:u,event:r,localState:n,rootSetState:e,rootState:t})=>{const f=l.getFunctionArguments({builder:i,context:u,event:r,state:c({rootState:t,localState:n,rootSetState:e})});return new Function(...f.map(([o])=>o),s)(...f.map(([,o])=>o))};function c({rootState:s,localState:i,rootSetState:u}){return new Proxy(s,{get:(r,n)=>{if(i&&n in i)return i[n];const e=r[n];return typeof e=="object"&&e!==null?c({rootState:e,localState:void 0,rootSetState:u?t=>{r[n]=t,u(r)}:void 0}):e},set:(r,n,e)=>{if(i&&n in i)throw new Error("Writing to local state is not allowed as it is read-only.");return r[n]=e,u==null||u(r),!0}})}exports.flattenState=c;exports.runInBrowser=w;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../helpers.cjs"),g=({code:r,builder:o,context:s,event:u,localState:c,rootSetState:a,rootState:i})=>{const e=n.getFunctionArguments({builder:o,context:s,event:u,state:n.flattenState({rootState:i,localState:c,rootSetState:a})});return new Function(...e.map(([t])=>t),r)(...e.map(([,t])=>t))};exports.runInBrowser=g;
@@ -1,51 +1,25 @@
1
- import { getFunctionArguments as w } from "../helpers.mjs";
2
- const d = ({
3
- code: e,
4
- builder: u,
5
- context: s,
6
- event: i,
7
- localState: n,
8
- rootSetState: r,
9
- rootState: f
1
+ import { getFunctionArguments as m, flattenState as i } from "../helpers.mjs";
2
+ const f = ({
3
+ code: r,
4
+ builder: e,
5
+ context: o,
6
+ event: s,
7
+ localState: u,
8
+ rootSetState: a,
9
+ rootState: c
10
10
  }) => {
11
- const c = w({
12
- builder: u,
13
- context: s,
14
- event: i,
15
- state: t({
16
- rootState: f,
17
- localState: n,
18
- rootSetState: r
11
+ const n = m({
12
+ builder: e,
13
+ context: o,
14
+ event: s,
15
+ state: i({
16
+ rootState: c,
17
+ localState: u,
18
+ rootSetState: a
19
19
  })
20
20
  });
21
- return new Function(...c.map(([o]) => o), e)(...c.map(([, o]) => o));
21
+ return new Function(...n.map(([t]) => t), r)(...n.map(([, t]) => t));
22
22
  };
23
- function t({
24
- rootState: e,
25
- localState: u,
26
- rootSetState: s
27
- }) {
28
- return new Proxy(e, {
29
- get: (i, n) => {
30
- if (u && n in u)
31
- return u[n];
32
- const r = i[n];
33
- return typeof r == "object" && r !== null ? t({
34
- rootState: r,
35
- localState: void 0,
36
- rootSetState: s ? (f) => {
37
- i[n] = f, s(i);
38
- } : void 0
39
- }) : r;
40
- },
41
- set: (i, n, r) => {
42
- if (u && n in u)
43
- throw new Error("Writing to local state is not allowed as it is read-only.");
44
- return i[n] = r, s == null || s(i), !0;
45
- }
46
- });
47
- }
48
23
  export {
49
- t as flattenState,
50
- d as runInBrowser
24
+ f as runInBrowser
51
25
  };
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../is-browser.cjs"),o=require("./browser-runtime/browser.cjs"),s=require("./edge-runtime/edge-runtime.cjs"),n=require("./should-force-browser-runtime-in-node.cjs"),t=e=>r.isBrowser()||n.shouldForceBrowserRuntimeInNode()?o.runInBrowser(e):s.runInEdge(e);exports.chooseBrowserOrServerEval=t;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../is-browser.cjs"),o=require("./browser-runtime/browser.cjs"),s=require("./edge-runtime/edge-runtime.cjs"),n=require("./should-force-browser-runtime-in-node.cjs"),u=e=>r.isBrowser()||n.shouldForceBrowserRuntimeInNode({shouldLogWarning:!0})?o.runInBrowser(e):s.runInEdge(e);exports.chooseBrowserOrServerEval=u;
@@ -2,7 +2,9 @@ import { isBrowser as o } from "../is-browser.mjs";
2
2
  import { runInBrowser as e } from "./browser-runtime/browser.mjs";
3
3
  import { runInEdge as m } from "./edge-runtime/edge-runtime.mjs";
4
4
  import { shouldForceBrowserRuntimeInNode as n } from "./should-force-browser-runtime-in-node.mjs";
5
- const f = (r) => o() || n() ? e(r) : m(r);
5
+ const p = (r) => o() || n({
6
+ shouldLogWarning: !0
7
+ }) ? e(r) : m(r);
6
8
  export {
7
- f as chooseBrowserOrServerEval
9
+ p as chooseBrowserOrServerEval
8
10
  };
@@ -1,14 +1,12 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("../../../helpers/logger.cjs"),F=require("../../set.cjs"),j=require("../helpers.cjs"),q=require("./acorn-interpreter.cjs"),w=r=>r.split(`
2
- `).map(n=>{const o=n.trim();if(n.includes("__awaiter"))return;if(!o.startsWith("state."))return n;const[i,s]=o.split("="),c=`setRootState('${i.replace("state.","").trim()}', ${s.trim()})`;return`
3
- ${n}
4
- ${c}
5
- `}).filter(Boolean).join(`
6
- `),f=r=>r+"JSON",E=({builder:r,context:n,event:o,rootState:p,localState:i,rootSetState:s,code:d})=>{const c={...p,...i},l=j.getFunctionArguments({builder:r,context:n,event:o,state:c}),g=l.map(([t])=>{const e=f(t);return`var ${t} = ${e} === undefined ? undefined : JSON.parse(${e});`}).join(`
7
- `),m=w(d);if(m===""){y.logger.warn("Skipping evaluation of empty code block.");return}const S=`
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("../../../helpers/logger.cjs"),O=require("../helpers.cjs"),o=require("./acorn-interpreter.cjs");function C(){const r=o.prototype.getProperty,i=o.prototype.setProperty;function a(t,n){if(t==null||!t._connected)return r.call(this,t,n);const e=t._connected[n];return Array.isArray(e)?this.nativeToPseudo(e):typeof e=="object"?this.createConnectedObject(e):e}function f(t,n,e,d){if(t==null||!t._connected)return i.call(this,t,n,e,d);t._connected[n]=this.pseudoToNative(e)}const u=[],p=[];for(const t of Object.keys(o.prototype))o.prototype[t]===r&&u.push(t),o.prototype[t]===i&&p.push(t);for(const t of u)o.prototype[t]=a;for(const t of p)o.prototype[t]=f;o.prototype.createConnectedObject=function(t){const n=this.createObject(this.OBJECT);return n._connected=t,n}}C();const v=r=>r.replace(/^.*?function main\(\)/,`
2
+ var __awaiter = function (e, t, n, r) {return r()},
3
+ __generator = function (e, t) { return t() };
4
+ function main()`).replace(/\?\./g,"."),P=r=>r+"JSON",E=({builder:r,context:i,event:a,rootState:f,localState:u,rootSetState:p,code:t})=>{const n=O.flattenState({rootState:f,localState:u,rootSetState:p}),e=O.getFunctionArguments({builder:r,context:i,event:a,state:n}),d=e.map(([c])=>{const s=P(c);return c==="state"?"":`var ${c} = ${s} === undefined ? undefined : JSON.parse(${s});`}).join(`
5
+ `),g=v(t);if(g===""){m.logger.warn("Skipping evaluation of empty code block.");return}const S=`
8
6
  function theFunction() {
9
- ${g}
7
+ ${d}
10
8
 
11
- ${m}
9
+ ${g}
12
10
  }
13
11
  theFunction();
14
- `,$=(t,e)=>{const a=F.set(c,t,e);s==null||s(a)},N=function(t,e){l.forEach(([a,h])=>{const v=JSON.stringify(h);t.setProperty(e,f(a),v)}),t.setProperty(e,"setRootState",t.createNativeFunction($))},u=new q(S,N);return u.run(),u.pseudoToNative(u.value)};exports.runInEdge=E;
12
+ `,_=function(c,s){e.forEach(([l,h])=>{if(l==="state")c.setProperty(s,l,c.createConnectedObject(h),c.READONLY_DESCRIPTOR);else{const N=JSON.stringify(h);c.setProperty(s,P(l),N)}})},y=new o(S,_);return y.run(),y.pseudoToNative(y.value)};exports.runInEdge=E;
@@ -1,64 +1,81 @@
1
- import { logger as F } from "../../../helpers/logger.mjs";
2
- import { set as w } from "../../set.mjs";
3
- import { getFunctionArguments as y } from "../helpers.mjs";
4
- import J from "./acorn-interpreter.mjs";
5
- const j = (o) => o.split(`
6
- `).map((e) => {
7
- const r = e.trim();
8
- if (e.includes("__awaiter"))
9
- return;
10
- if (!r.startsWith("state."))
11
- return e;
12
- const [c, s] = r.split("="), i = `setRootState('${c.replace("state.", "").trim()}', ${s.trim()})`;
13
- return `
14
- ${e}
15
- ${i}
16
- `;
17
- }).filter(Boolean).join(`
18
- `), l = (o) => o + "JSON", x = ({
19
- builder: o,
20
- context: e,
21
- event: r,
22
- rootState: p,
23
- localState: c,
24
- rootSetState: s,
25
- code: m
1
+ import { logger as N } from "../../../helpers/logger.mjs";
2
+ import { flattenState as S, getFunctionArguments as C } from "../helpers.mjs";
3
+ import o from "./acorn-interpreter.mjs";
4
+ function v() {
5
+ const r = o.prototype.getProperty, i = o.prototype.setProperty;
6
+ function a(t, n) {
7
+ if (t == null || !t._connected)
8
+ return r.call(this, t, n);
9
+ const e = t._connected[n];
10
+ return Array.isArray(e) ? this.nativeToPseudo(e) : typeof e == "object" ? this.createConnectedObject(e) : e;
11
+ }
12
+ function f(t, n, e, d) {
13
+ if (t == null || !t._connected)
14
+ return i.call(this, t, n, e, d);
15
+ t._connected[n] = this.pseudoToNative(e);
16
+ }
17
+ const p = [], u = [];
18
+ for (const t of Object.keys(o.prototype))
19
+ o.prototype[t] === r && p.push(t), o.prototype[t] === i && u.push(t);
20
+ for (const t of p)
21
+ o.prototype[t] = a;
22
+ for (const t of u)
23
+ o.prototype[t] = f;
24
+ o.prototype.createConnectedObject = function(t) {
25
+ const n = this.createObject(this.OBJECT);
26
+ return n._connected = t, n;
27
+ };
28
+ }
29
+ v();
30
+ const w = (r) => r.replace(/^.*?function main\(\)/, `
31
+ var __awaiter = function (e, t, n, r) {return r()},
32
+ __generator = function (e, t) { return t() };
33
+ function main()`).replace(/\?\./g, "."), m = (r) => r + "JSON", A = ({
34
+ builder: r,
35
+ context: i,
36
+ event: a,
37
+ rootState: f,
38
+ localState: p,
39
+ rootSetState: u,
40
+ code: t
26
41
  }) => {
27
- const i = {
28
- ...p,
29
- ...c
30
- }, d = y({
31
- builder: o,
32
- context: e,
33
- event: r,
34
- state: i
35
- }), $ = d.map(([t]) => {
36
- const n = l(t);
37
- return `var ${t} = ${n} === undefined ? undefined : JSON.parse(${n});`;
42
+ const n = S({
43
+ rootState: f,
44
+ localState: p,
45
+ rootSetState: u
46
+ }), e = C({
47
+ builder: r,
48
+ context: i,
49
+ event: a,
50
+ state: n
51
+ }), d = e.map(([c]) => {
52
+ const s = m(c);
53
+ return c === "state" ? "" : `var ${c} = ${s} === undefined ? undefined : JSON.parse(${s});`;
38
54
  }).join(`
39
- `), f = j(m);
40
- if (f === "") {
41
- F.warn("Skipping evaluation of empty code block.");
55
+ `), g = w(t);
56
+ if (g === "") {
57
+ N.warn("Skipping evaluation of empty code block.");
42
58
  return;
43
59
  }
44
- const N = `
60
+ const O = `
45
61
  function theFunction() {
46
- ${$}
62
+ ${d}
47
63
 
48
- ${f}
64
+ ${g}
49
65
  }
50
66
  theFunction();
51
- `, g = (t, n) => {
52
- const u = w(i, t, n);
53
- s == null || s(u);
54
- }, S = function(t, n) {
55
- d.forEach(([u, h]) => {
56
- const v = JSON.stringify(h);
57
- t.setProperty(n, l(u), v);
58
- }), t.setProperty(n, "setRootState", t.createNativeFunction(g));
59
- }, a = new J(N, S);
60
- return a.run(), a.pseudoToNative(a.value);
67
+ `, P = function(c, s) {
68
+ e.forEach(([l, h]) => {
69
+ if (l === "state")
70
+ c.setProperty(s, l, c.createConnectedObject(h), c.READONLY_DESCRIPTOR);
71
+ else {
72
+ const _ = JSON.stringify(h);
73
+ c.setProperty(s, m(l), _);
74
+ }
75
+ });
76
+ }, y = new o(O, P);
77
+ return y.run(), y.pseudoToNative(y.value);
61
78
  };
62
79
  export {
63
- x as runInEdge
80
+ A as runInEdge
64
81
  };
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../is-browser.cjs"),n=require("../is-editing.cjs"),u=require("../track/helpers.cjs"),o=({builder:e,context:r,event:t,state:s})=>Object.entries({state:s,Builder:e,builder:e,context:r,event:t}),g=()=>({isEditing:n.isEditing(),isBrowser:i.isBrowser(),isServer:!i.isBrowser(),getUserAttributes:()=>u.getUserAttributes()}),l=(e,{isExpression:r=!0})=>r&&!(e.includes(";")||e.includes(" return ")||e.trim().startsWith("return "))?`return (${e});`:e;exports.getBuilderGlobals=g;exports.getFunctionArguments=o;exports.parseCode=l;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../is-browser.cjs"),d=require("../is-editing.cjs"),c=require("../track/helpers.cjs"),g=({builder:e,context:r,event:n,state:s})=>Object.entries({state:s,Builder:e,builder:e,context:r,event:n}),f=()=>({isEditing:d.isEditing(),isBrowser:u.isBrowser(),isServer:!u.isBrowser(),getUserAttributes:()=>c.getUserAttributes()}),w=(e,{isExpression:r=!0})=>r&&!(e.includes(";")||e.includes(" return ")||e.trim().startsWith("return "))?`return (${e});`:e;function o({rootState:e,localState:r,rootSetState:n}){return new Proxy(e,{get:(s,t)=>{if(r&&t in r)return r[t];const i=s[t];return typeof i=="object"&&i!==null?o({rootState:i,localState:void 0,rootSetState:n?l=>{s[t]=l,n(s)}:void 0}):i},set:(s,t,i)=>{if(r&&t in r)throw new Error("Writing to local state is not allowed as it is read-only.");return s[t]=i,n==null||n(s),!0}})}exports.flattenState=o;exports.getBuilderGlobals=f;exports.getFunctionArguments=g;exports.parseCode=w;
@@ -1,28 +1,54 @@
1
- import { isBrowser as i } from "../is-browser.mjs";
2
- import { isEditing as n } from "../is-editing.mjs";
3
- import { getUserAttributes as u } from "../track/helpers.mjs";
4
- const c = ({
5
- builder: t,
6
- context: r,
7
- event: e,
8
- state: s
1
+ import { isBrowser as u } from "../is-browser.mjs";
2
+ import { isEditing as f } from "../is-editing.mjs";
3
+ import { getUserAttributes as d } from "../track/helpers.mjs";
4
+ const w = ({
5
+ builder: r,
6
+ context: n,
7
+ event: i,
8
+ state: e
9
9
  }) => Object.entries({
10
- state: s,
11
- Builder: t,
10
+ state: e,
11
+ Builder: r,
12
12
  // legacy
13
- builder: t,
14
- context: r,
15
- event: e
16
- }), l = () => ({
17
- isEditing: n(),
18
- isBrowser: i(),
19
- isServer: !i(),
20
- getUserAttributes: () => u()
21
- }), p = (t, {
22
- isExpression: r = !0
23
- }) => /* we disable this for cases where we definitely don't want a return */ r && !(t.includes(";") || t.includes(" return ") || t.trim().startsWith("return ")) ? `return (${t});` : t;
13
+ builder: r,
14
+ context: n,
15
+ event: i
16
+ }), b = () => ({
17
+ isEditing: f(),
18
+ isBrowser: u(),
19
+ isServer: !u(),
20
+ getUserAttributes: () => d()
21
+ }), v = (r, {
22
+ isExpression: n = !0
23
+ }) => /* we disable this for cases where we definitely don't want a return */ n && !(r.includes(";") || r.includes(" return ") || r.trim().startsWith("return ")) ? `return (${r});` : r;
24
+ function l({
25
+ rootState: r,
26
+ localState: n,
27
+ rootSetState: i
28
+ }) {
29
+ return new Proxy(r, {
30
+ get: (e, s) => {
31
+ if (n && s in n)
32
+ return n[s];
33
+ const t = e[s];
34
+ return typeof t == "object" && t !== null ? l({
35
+ rootState: t,
36
+ localState: void 0,
37
+ rootSetState: i ? (o) => {
38
+ e[s] = o, i(e);
39
+ } : void 0
40
+ }) : t;
41
+ },
42
+ set: (e, s, t) => {
43
+ if (n && s in n)
44
+ throw new Error("Writing to local state is not allowed as it is read-only.");
45
+ return e[s] = t, i == null || i(e), !0;
46
+ }
47
+ });
48
+ }
24
49
  export {
25
- l as getBuilderGlobals,
26
- c as getFunctionArguments,
27
- p as parseCode
50
+ l as flattenState,
51
+ b as getBuilderGlobals,
52
+ w as getFunctionArguments,
53
+ v as parseCode
28
54
  };
@@ -1,8 +1,8 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../../../constants/sdk-name.cjs"),s=require("../../../helpers/logger.cjs"),a=require("./safeDynamicRequire.cjs"),c="BUILDER_IVM";let n=null;const d=(o,e={})=>{n=o,I(e)},m=i.SDK_NAME==="@builder.io/sdk-react-nextjs"||i.SDK_NAME==="@builder.io/sdk-react"||i.SDK_NAME==="@builder.io/sdk-qwik",u=()=>{try{if(n)return n;const e=a.safeDynamicRequire("isolated-vm");if(e)return e}catch(e){s.logger.error("isolated-vm import error.",e)}const o=`${s.MSG_PREFIX}could not import \`isolated-vm\` module for safe script execution on a Node server.
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../constants/sdk-name.cjs"),s=require("../../../helpers/logger.cjs"),a=require("./safeDynamicRequire.cjs"),c="BUILDER_IVM";let n=null;const d=(o,e={})=>{n=o,I(e)},m=t.SDK_NAME==="@builder.io/sdk-react-nextjs"||t.SDK_NAME==="@builder.io/sdk-react"||t.SDK_NAME==="@builder.io/sdk-qwik"||t.SDK_NAME==="@builder.io/sdk-vue",u=()=>{try{if(n)return n;const e=a.safeDynamicRequire("isolated-vm");if(e)return e}catch(e){s.logger.error("isolated-vm import error.",e)}const o=`${s.MSG_PREFIX}could not import \`isolated-vm\` module for safe script execution on a Node server.
2
2
 
3
3
  SOLUTION: In a server-only execution path within your application, do one of the following:
4
4
 
5
- ${m?`- import and call \`initializeNodeRuntime()\` from "${i.SDK_NAME}/node/init".`:""}
5
+ ${m?`- import and call \`initializeNodeRuntime()\` from "${t.SDK_NAME}/node/init".`:""}
6
6
  - add the following import: \`await import('isolated-vm')\`.
7
7
 
8
- For more information, visit https://builder.io/c/docs/integration-tips#enabling-data-bindings-in-node-environments`;throw new Error(o)};function I(o={memoryLimit:128}){const e=u(),r=new e.Isolate(o).createContextSync(),t=r.global;return t.setSync("global",t.derefInto()),t.setSync("log",function(...l){console.log(...l)}),t.setSync(c,e),r}exports.setIvm=d;
8
+ For more information, visit https://builder.io/c/docs/integration-tips#enabling-data-bindings-in-node-environments`;throw new Error(o)};function I(o={memoryLimit:128}){const e=u(),r=new e.Isolate(o).createContextSync(),i=r.global;return i.setSync("global",i.derefInto()),i.setSync("log",function(...l){console.log(...l)}),i.setSync(c,e),r}exports.setIvm=d;
@@ -1,11 +1,11 @@
1
- import { SDK_NAME as i } from "../../../constants/sdk-name.mjs";
1
+ import { SDK_NAME as e } from "../../../constants/sdk-name.mjs";
2
2
  import { logger as l, MSG_PREFIX as a } from "../../../helpers/logger.mjs";
3
3
  import { safeDynamicRequire as c } from "./safeDynamicRequire.mjs";
4
- const m = "BUILDER_IVM";
4
+ const d = "BUILDER_IVM";
5
5
  let n = null;
6
6
  const E = (t, o = {}) => {
7
7
  n = t, u(o);
8
- }, d = i === "@builder.io/sdk-react-nextjs" || i === "@builder.io/sdk-react" || i === "@builder.io/sdk-qwik", I = () => {
8
+ }, m = 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;
@@ -19,7 +19,7 @@ const E = (t, o = {}) => {
19
19
 
20
20
  SOLUTION: In a server-only execution path within your application, do one of the following:
21
21
 
22
- ${d ? `- import and call \`initializeNodeRuntime()\` from "${i}/node/init".` : ""}
22
+ ${m ? `- 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`;
@@ -28,10 +28,10 @@ const E = (t, o = {}) => {
28
28
  function u(t = {
29
29
  memoryLimit: 128
30
30
  }) {
31
- const o = I(), r = new o.Isolate(t).createContextSync(), e = r.global;
32
- return e.setSync("global", e.derefInto()), e.setSync("log", function(...s) {
31
+ const o = I(), r = new o.Isolate(t).createContextSync(), i = r.global;
32
+ return i.setSync("global", i.derefInto()), i.setSync("log", function(...s) {
33
33
  console.log(...s);
34
- }), e.setSync(m, o), r;
34
+ }), i.setSync(d, o), r;
35
35
  }
36
36
  export {
37
37
  E as setIvm
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../../helpers/logger.cjs"),t=require("../is-node-runtime.cjs"),i=()=>{var e;if(!t.isNodeRuntime())return!1;const o=process.arch==="arm64",s=process.version.startsWith("v20"),r=(e=process.env.NODE_OPTIONS)==null?void 0:e.includes("--no-node-snapshot");return o&&s&&!r?(n.logger.log("Skipping usage of `isolated-vm` to avoid crashes in Node v20 on an arm64 machine.\n If you would like to use the `isolated-vm` package on this machine, please provide the `NODE_OPTIONS=--no-node-snapshot` config to your Node process.\n See https://github.com/BuilderIO/builder/blob/main/packages/sdks/README.md#node-v20--m1-macs-apple-silicon-support for more information.\n "),!0):!1};exports.shouldForceBrowserRuntimeInNode=i;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../../helpers/logger.cjs"),t=require("../is-node-runtime.cjs"),a=({shouldLogWarning:o})=>{var e;if(!t.isNodeRuntime())return!1;const s=process.arch==="arm64",r=process.version.startsWith("v20"),n=(e=process.env.NODE_OPTIONS)==null?void 0:e.includes("--no-node-snapshot");return s&&r&&!n?(o&&i.logger.log("Skipping usage of `isolated-vm` to avoid crashes in Node v20 on an arm64 machine.\n If you would like to use the `isolated-vm` package on this machine, please provide the `NODE_OPTIONS=--no-node-snapshot` config to your Node process.\n See https://github.com/BuilderIO/builder/blob/main/packages/sdks/README.md#node-v20--m1-macs-apple-silicon-support for more information.\n "),!0):!1};exports.shouldForceBrowserRuntimeInNode=a;
@@ -1,12 +1,14 @@
1
1
  import { logger as n } from "../../helpers/logger.mjs";
2
- import { isNodeRuntime as i } from "../is-node-runtime.mjs";
3
- const p = () => {
2
+ import { isNodeRuntime as t } from "../is-node-runtime.mjs";
3
+ const d = ({
4
+ shouldLogWarning: e
5
+ }) => {
4
6
  var o;
5
- if (!i())
7
+ if (!t())
6
8
  return !1;
7
- const e = process.arch === "arm64", s = process.version.startsWith("v20"), r = (o = process.env.NODE_OPTIONS) == null ? void 0 : o.includes("--no-node-snapshot");
8
- return e && s && !r ? (n.log("Skipping usage of `isolated-vm` to avoid crashes in Node v20 on an arm64 machine.\n If you would like to use the `isolated-vm` package on this machine, please provide the `NODE_OPTIONS=--no-node-snapshot` config to your Node process.\n See https://github.com/BuilderIO/builder/blob/main/packages/sdks/README.md#node-v20--m1-macs-apple-silicon-support for more information.\n "), !0) : !1;
9
+ const s = process.arch === "arm64", r = process.version.startsWith("v20"), i = (o = process.env.NODE_OPTIONS) == null ? void 0 : o.includes("--no-node-snapshot");
10
+ return s && r && !i ? (e && n.log("Skipping usage of `isolated-vm` to avoid crashes in Node v20 on an arm64 machine.\n If you would like to use the `isolated-vm` package on this machine, please provide the `NODE_OPTIONS=--no-node-snapshot` config to your Node process.\n See https://github.com/BuilderIO/builder/blob/main/packages/sdks/README.md#node-v20--m1-macs-apple-silicon-support for more information.\n "), !0) : !1;
9
11
  };
10
12
  export {
11
- p as shouldForceBrowserRuntimeInNode
13
+ d as shouldForceBrowserRuntimeInNode
12
14
  };
package/lib/edge/init.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("isolated-vm"),n=require("./functions/evaluate/node-runtime/node-runtime.cjs"),o=e=>{const{ivmIsolateOptions:i}=e||{};n.setIvm(t,i)};exports.initializeNodeRuntime=o;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./functions/evaluate/should-force-browser-runtime-in-node.cjs"),t=require("isolated-vm"),n=require("./functions/evaluate/node-runtime/node-runtime.cjs"),r=e=>{if(o.shouldForceBrowserRuntimeInNode({shouldLogWarning:!0}))return;const{ivmIsolateOptions:i}=e||{};n.setIvm(t,i)};exports.initializeNodeRuntime=r;
package/lib/edge/init.mjs CHANGED
@@ -1,11 +1,16 @@
1
+ import { shouldForceBrowserRuntimeInNode as r } from "./functions/evaluate/should-force-browser-runtime-in-node.mjs";
1
2
  import t from "isolated-vm";
2
- import { setIvm as m } from "./functions/evaluate/node-runtime/node-runtime.mjs";
3
- const r = (i) => {
3
+ import { setIvm as e } from "./functions/evaluate/node-runtime/node-runtime.mjs";
4
+ const u = (o) => {
5
+ if (r({
6
+ shouldLogWarning: !0
7
+ }))
8
+ return;
4
9
  const {
5
- ivmIsolateOptions: o
6
- } = i || {};
7
- m(t, o);
10
+ ivmIsolateOptions: i
11
+ } = o || {};
12
+ e(t, i);
8
13
  };
9
14
  export {
10
- r as initializeNodeRuntime
15
+ u as initializeNodeRuntime
11
16
  };
@@ -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},d=function({stackedStyle:t,desktopStyle:n}){return u==="never"?n:t},m=e.stackColumnsAt==="never"?"row":e.reverseColumnsWhenStacked?"column-reverse":"column",C=function(){return{"--flex-dir":m,"--flex-dir-tablet":c({stackedStyle:m,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":d({stackedStyle:h,desktopStyle:l}),"--column-margin-left-mobile":d({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"),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`
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-2cd13691",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-2cd13691 {
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 {
26
26
  display: flex;
27
27
  line-height: normal;
28
28
  }`})]})}module.exports=A;
@@ -106,7 +106,7 @@ function q(e) {
106
106
  /* @__PURE__ */ y(
107
107
  "div",
108
108
  {
109
- className: D((f = e.builderBlock) == null ? void 0 : f.id) + " div-2cd13691",
109
+ className: D((f = e.builderBlock) == null ? void 0 : f.id) + " div-153273e4",
110
110
  style: p(),
111
111
  children: [
112
112
  /* @__PURE__ */ r(
@@ -143,7 +143,7 @@ function q(e) {
143
143
  ]
144
144
  }
145
145
  ),
146
- /* @__PURE__ */ r("style", { children: `.div-2cd13691 {
146
+ /* @__PURE__ */ r("style", { children: `.div-153273e4 {
147
147
  display: flex;
148
148
  line-height: normal;
149
149
  }` })
@@ -1,11 +1,11 @@
1
- "use client";"use strict";const t=require("react/jsx-runtime"),f=require("react"),l=require("./image.helpers.cjs");function b(e){var s,r,d,u,o,g;function n(){var h;const i=e.image||e.src;if(!i||!(i.match(/builder\.io/)||i.match(/cdn\.shopify\.com/)))return e.srcset;if(!e.noWebp){if(e.srcset&&((h=e.image)!=null&&h.includes("builder.io/api/v1/image"))){if(!e.srcset.includes(e.image.split("?")[0]))return console.debug("Removed given srcset"),l.getSrcSet(i)}else if(e.image&&!e.srcset)return l.getSrcSet(i);return l.getSrcSet(i)}}function a(){var c;return(c=n==null?void 0:n())!=null&&c.match(/builder\.io/)&&!e.noWebp?n().replace(/\?/g,"?format=webp&"):""}function m(){const c={position:"absolute",height:"100%",width:"100%",left:"0px",top:"0px"};return e.aspectRatio?c:void 0}return f.useEffect(()=>{},[]),t.jsxs(t.Fragment,{children:[t.jsxs(t.Fragment,{children:[t.jsxs("picture",{children:[a()?t.jsx("source",{type:"image/webp",srcSet:a()}):null,t.jsx("img",{loading:e.highPriority?"eager":"lazy",fetchPriority:e.highPriority?"high":"auto",alt:e.altText,role:e.altText?void 0:"presentation",style:{objectPosition:e.backgroundPosition||"center",objectFit:e.backgroundSize||"cover",...m()},className:"builder-image"+(e.className?" "+e.className:"")+" img-2d6925f2",src:e.image,srcSet:n(),sizes:e.sizes})]}),e.aspectRatio&&!((r=(s=e.builderBlock)==null?void 0:s.children)!=null&&r.length&&e.fitContent)?t.jsx("div",{className:"builder-image-sizer div-2d6925f2",style:{paddingTop:e.aspectRatio*100+"%"}}):null,(u=(d=e.builderBlock)==null?void 0:d.children)!=null&&u.length&&e.fitContent?t.jsx(t.Fragment,{children:e.children}):null,!e.fitContent&&((g=(o=e.builderBlock)==null?void 0:o.children)!=null&&g.length)?t.jsx("div",{className:"div-2d6925f2-2",children:e.children}):null]}),t.jsx("style",{children:`.img-2d6925f2 {
1
+ "use client";"use strict";const t=require("react/jsx-runtime"),b=require("react"),c=require("./image.helpers.cjs");function f(e){var s,r,u,o,d,g;function n(){var h;const i=e.image||e.src;if(!i||!(i.match(/builder\.io/)||i.match(/cdn\.shopify\.com/)))return e.srcset;if(!e.noWebp){if(e.srcset&&((h=e.image)!=null&&h.includes("builder.io/api/v1/image"))){if(!e.srcset.includes(e.image.split("?")[0]))return console.debug("Removed given srcset"),c.getSrcSet(i)}else if(e.image&&!e.srcset)return c.getSrcSet(i);return c.getSrcSet(i)}}function l(){var a;return(a=n==null?void 0:n())!=null&&a.match(/builder\.io/)&&!e.noWebp?n().replace(/\?/g,"?format=webp&"):""}function m(){const a={position:"absolute",height:"100%",width:"100%",left:"0px",top:"0px"};return e.aspectRatio?a:void 0}return b.useEffect(()=>{},[]),t.jsxs(t.Fragment,{children:[t.jsxs(t.Fragment,{children:[t.jsxs("picture",{children:[l()?t.jsx("source",{type:"image/webp",srcSet:l()}):null,t.jsx("img",{loading:e.highPriority?"eager":"lazy",fetchPriority:e.highPriority?"high":"auto",alt:e.altText,role:e.altText?void 0:"presentation",style:{objectPosition:e.backgroundPosition||"center",objectFit:e.backgroundSize||"cover",...m()},className:"builder-image"+(e.className?" "+e.className:"")+" img-7a292ab8",src:e.image,srcSet:n(),sizes:e.sizes})]}),e.aspectRatio&&!((r=(s=e.builderBlock)==null?void 0:s.children)!=null&&r.length&&e.fitContent)?t.jsx("div",{className:"builder-image-sizer div-7a292ab8",style:{paddingTop:e.aspectRatio*100+"%"}}):null,(o=(u=e.builderBlock)==null?void 0:u.children)!=null&&o.length&&e.fitContent?t.jsx(t.Fragment,{children:e.children}):null,!e.fitContent&&((g=(d=e.builderBlock)==null?void 0:d.children)!=null&&g.length)?t.jsx("div",{className:"div-7a292ab8-2",children:e.children}):null]}),t.jsx("style",{children:`.img-7a292ab8 {
2
2
  opacity: 1;
3
3
  transition: opacity 0.2s ease-in-out;
4
- }.div-2d6925f2 {
4
+ }.div-7a292ab8 {
5
5
  width: 100%;
6
6
  pointer-events: none;
7
7
  font-size: 0;
8
- }.div-2d6925f2-2 {
8
+ }.div-7a292ab8-2 {
9
9
  display: flex;
10
10
  flex-direction: column;
11
11
  align-items: stretch;
@@ -14,4 +14,4 @@
14
14
  left: 0;
15
15
  width: 100%;
16
16
  height: 100%;
17
- }`})]})}module.exports=b;
17
+ }`})]})}module.exports=f;