@builder.io/sdk-react-nextjs 0.17.7 → 0.18.0

package/lib/node/blocks/video/video.cjs

@@ -1 +1 @@
-"use client";"use strict";const t=require("react/jsx-runtime");function s(e){var i,l,n,o,d,u,c;function a(){return{...e.autoPlay===!0?{autoPlay:!0}:{},...e.muted===!0?{muted:!0}:{},...e.controls===!0?{controls:!0}:{},...e.loop===!0?{loop:!0}:{},...e.playsInline===!0?{playsInline:!0}:{}}}function r(){return{...a()}}return t.jsxs("div",{style:{position:"relative"},children:[t.jsx("video",{className:"builder-video",...r(),preload:e.preload||"metadata",style:{width:"100%",height:"100%",...(i=e.attributes)==null?void 0:i.style,objectFit:e.fit,objectPosition:e.position,borderRadius:"1px",...e.aspectRatio?{position:"absolute"}:null},src:e.video||"no-src",poster:e.posterImage,children:e.lazyLoad?null:t.jsx("source",{type:"video/mp4",src:e.video})}),e.aspectRatio&&!(e.fitContent&&((n=(l=e.builderBlock)==null?void 0:l.children)!=null&&n.length))?t.jsx("div",{style:{width:"100%",paddingTop:e.aspectRatio*100+"%",pointerEvents:"none",fontSize:"0px"}}):null,(d=(o=e.builderBlock)==null?void 0:o.children)!=null&&d.length&&e.fitContent?t.jsx("div",{style:{display:"flex",flexDirection:"column",alignItems:"stretch"},children:e.children}):null,(c=(u=e.builderBlock)==null?void 0:u.children)!=null&&c.length&&!e.fitContent?t.jsx("div",{style:{pointerEvents:"none",display:"flex",flexDirection:"column",alignItems:"stretch",position:"absolute",top:"0",left:"0",width:"100%",height:"100%"},children:e.children}):null]})}module.exports=s;
+"use client";"use strict";const i=require("react/jsx-runtime"),n=require("react");function j(e){var a,d,s,u,f,h,v;const l=n.useRef(null);function m(){return{...e.autoPlay===!0?{autoPlay:!0}:{},...e.muted===!0?{muted:!0}:{},...e.controls===!0?{controls:!0}:{},...e.loop===!0?{loop:!0}:{},...e.playsInline===!0?{playsInline:!0}:{}}}function x(){return{...m()}}const[c,g]=n.useState(()=>{});return n.useEffect(()=>{if(e.lazyLoad){const o=new IntersectionObserver(function(E){E.forEach(function(y){if(!y.isIntersecting)return;const r=y.target;try{Array.from(r.children).filter(t=>t instanceof HTMLElement&&t.tagName==="SOURCE").forEach(t=>{const b=t.dataset.src;b&&(t.src=b)}),r.load(),o.unobserve(r)}catch(t){console.error("Error loading lazy video:",t)}})});l.current&&o.observe(l.current),g(o)}},[]),n.useEffect(()=>()=>{c&&c.disconnect()},[]),i.jsxs("div",{style:{position:"relative"},children:[i.jsx("video",{className:"builder-video",...x(),ref:l,preload:e.lazyLoad?"none":e.preload||"metadata",style:{width:"100%",height:"100%",...(a=e.attributes)==null?void 0:a.style,objectFit:e.fit,objectPosition:e.position,borderRadius:"1px",...e.aspectRatio?{position:"absolute"}:null},poster:e.posterImage,children:i.jsx("source",{type:"video/mp4",...e.lazyLoad?{"data-src":e.video}:{src:e.video}})}),e.aspectRatio&&!(e.fitContent&&((s=(d=e.builderBlock)==null?void 0:d.children)!=null&&s.length))?i.jsx("div",{style:{width:"100%",paddingTop:e.aspectRatio*100+"%",pointerEvents:"none",fontSize:"0px"}}):null,(f=(u=e.builderBlock)==null?void 0:u.children)!=null&&f.length&&e.fitContent?i.jsx("div",{style:{display:"flex",flexDirection:"column",alignItems:"stretch"},children:e.children}):null,(v=(h=e.builderBlock)==null?void 0:h.children)!=null&&v.length&&!e.fitContent?i.jsx("div",{style:{pointerEvents:"none",display:"flex",flexDirection:"column",alignItems:"stretch",position:"absolute",top:"0",left:"0",width:"100%",height:"100%"},children:e.children}):null]})}module.exports=j;

package/lib/node/blocks/video/video.mjs

@@ -1,8 +1,10 @@
 "use client";
-import { jsxs as s, jsx as t } from "react/jsx-runtime";
-function f(e) {
-  var i, l, n, o, d, u, a;
-  function c() {
+import { jsxs as z, jsx as i } from "react/jsx-runtime";
+import { useRef as I, useState as R, useEffect as m } from "react";
+function j(e) {
+  var a, c, d, u, s, f, h;
+  const n = I(null);
+  function b() {
     return {
       ...e.autoPlay === !0 ? {
         autoPlay: !0
@@ -21,28 +23,54 @@ function f(e) {
       } : {}
     };
   }
-  function r() {
+  function g() {
     return {
-      ...c()
+      ...b()
     };
   }
-  return /* @__PURE__ */ s(
+  const [r, x] = R(() => {
+  });
+  return m(() => {
+    if (e.lazyLoad) {
+      const l = new IntersectionObserver(function(E) {
+        E.forEach(function(v) {
+          if (!v.isIntersecting)
+            return;
+          const o = v.target;
+          try {
+            Array.from(o.children).filter(
+              (t) => t instanceof HTMLElement && t.tagName === "SOURCE"
+            ).forEach((t) => {
+              const y = t.dataset.src;
+              y && (t.src = y);
+            }), o.load(), l.unobserve(o);
+          } catch (t) {
+            console.error("Error loading lazy video:", t);
+          }
+        });
+      });
+      n.current && l.observe(n.current), x(l);
+    }
+  }, []), m(() => () => {
+    r && r.disconnect();
+  }, []), /* @__PURE__ */ z(
     "div",
     {
       style: {
         position: "relative"
       },
       children: [
-        /* @__PURE__ */ t(
+        /* @__PURE__ */ i(
           "video",
           {
             className: "builder-video",
-            ...r(),
-            preload: e.preload || "metadata",
+            ...g(),
+            ref: n,
+            preload: e.lazyLoad ? "none" : e.preload || "metadata",
             style: {
               width: "100%",
               height: "100%",
-              ...(i = e.attributes) == null ? void 0 : i.style,
+              ...(a = e.attributes) == null ? void 0 : a.style,
               objectFit: e.fit,
               objectPosition: e.position,
               // Hack to get object fit to work as expected and
@@ -52,12 +80,21 @@ function f(e) {
                 position: "absolute"
               } : null
             },
-            src: e.video || "no-src",
             poster: e.posterImage,
-            children: e.lazyLoad ? null : /* @__PURE__ */ t("source", { type: "video/mp4", src: e.video })
+            children: /* @__PURE__ */ i(
+              "source",
+              {
+                type: "video/mp4",
+                ...e.lazyLoad ? {
+                  "data-src": e.video
+                } : {
+                  src: e.video
+                }
+              }
+            )
           }
         ),
-        e.aspectRatio && !(e.fitContent && ((n = (l = e.builderBlock) == null ? void 0 : l.children) != null && n.length)) ? /* @__PURE__ */ t(
+        e.aspectRatio && !(e.fitContent && ((d = (c = e.builderBlock) == null ? void 0 : c.children) != null && d.length)) ? /* @__PURE__ */ i(
           "div",
           {
             style: {
@@ -68,7 +105,7 @@ function f(e) {
             }
           }
         ) : null,
-        (d = (o = e.builderBlock) == null ? void 0 : o.children) != null && d.length && e.fitContent ? /* @__PURE__ */ t(
+        (s = (u = e.builderBlock) == null ? void 0 : u.children) != null && s.length && e.fitContent ? /* @__PURE__ */ i(
           "div",
           {
             style: {
@@ -79,7 +116,7 @@ function f(e) {
             children: e.children
           }
         ) : null,
-        (a = (u = e.builderBlock) == null ? void 0 : u.children) != null && a.length && !e.fitContent ? /* @__PURE__ */ t(
+        (h = (f = e.builderBlock) == null ? void 0 : f.children) != null && h.length && !e.fitContent ? /* @__PURE__ */ i(
           "div",
           {
             style: {
@@ -101,5 +138,5 @@ function f(e) {
   );
 }
 export {
-  f as default
+  j as default
 };

package/lib/node/components/block/components/block-styles.cjs

@@ -1 +1 @@
-"use strict";const o=require("react/jsx-runtime"),a=require("../../../constants/device-sizes.cjs"),j=require("../../../functions/camel-to-kebab-case.cjs"),c=require("../../../helpers/css.cjs"),b=require("../../../helpers/nullable.cjs"),z=require("../../inlined-styles.cjs");function F(i){const f=function(){const e=i.block;return b.checkIsDefined(e.hide)?!e.hide:b.checkIsDefined(e.show)?e.show:!0},u=function(){var C,k,g;const e=i.block,s=e.responsiveStyles,r=i.context.content,d=a.getSizesForBreakpoints(((C=r==null?void 0:r.meta)==null?void 0:C.breakpoints)||{}),m=s==null?void 0:s.large,y=s==null?void 0:s.medium,h=s==null?void 0:s.small,n=e.id;if(!n)return"";const v=m?c.createCssClass({className:n,styles:m}):"",B=y?c.createCssClass({className:n,styles:y,mediaQuery:a.getMaxWidthQueryForSize("medium",d)}):"",q=h?c.createCssClass({className:n,styles:h,mediaQuery:a.getMaxWidthQueryForSize("small",d)}):"",t=e.animations&&e.animations.find(l=>l.trigger==="hover");let S="";if(t){const l=((g=(k=t.steps)==null?void 0:k[1])==null?void 0:g.styles)||{};S=c.createCssClass({className:`${n}:hover`,styles:{...l,transition:`all ${t.duration}s ${j.camelToKebabCase(t.easing)}`,transitionDelay:t.delay?`${t.delay}s`:"0s"}})||""}return[v,B,q,S].join(" ")};return o.jsx(o.Fragment,{children:u()&&f()?o.jsx(o.Fragment,{children:o.jsx(z,{id:"builderio-block",styles:u(),nonce:i.context.nonce})}):null})}module.exports=F;
+"use strict";const a=require("react/jsx-runtime"),r=require("../../../constants/device-sizes.cjs"),$=require("../../../functions/camel-to-kebab-case.cjs"),o=require("../../../helpers/css.cjs"),B=require("../../../helpers/nullable.cjs"),w=require("../../inlined-styles.cjs");function W(i){const v=function(){const s=i.block;return B.checkIsDefined(s.hide)?!s.hide:B.checkIsDefined(s.show)?s.show:!0},u=function(){var k,x,g,b,f;const s=i.block,e=s.responsiveStyles,t=i.context.content,c=r.getSizesForBreakpoints(((k=t==null?void 0:t.meta)==null?void 0:k.breakpoints)||{}),z=!!((g=(x=t==null?void 0:t.meta)==null?void 0:x.breakpoints)!=null&&g.xsmall),d=e==null?void 0:e.large,y=e==null?void 0:e.medium,S=e==null?void 0:e.small,h=e==null?void 0:e.xsmall,n=s.id;if(!n)return"";const F=d?o.createCssClass({className:n,styles:d}):"",Q=y?o.createCssClass({className:n,styles:y,mediaQuery:r.getMaxWidthQueryForSize("medium",c)}):"",j=S?o.createCssClass({className:n,styles:S,mediaQuery:r.getMaxWidthQueryForSize("small",c)}):"",p=h&&z?o.createCssClass({className:n,styles:h,mediaQuery:r.getMaxWidthQueryForSize("xsmall",c)}):"",l=s.animations&&s.animations.find(m=>m.trigger==="hover");let C="";if(l){const m=((f=(b=l.steps)==null?void 0:b[1])==null?void 0:f.styles)||{};C=o.createCssClass({className:`${n}:hover`,styles:{...m,transition:`all ${l.duration}s ${$.camelToKebabCase(l.easing)}`,transitionDelay:l.delay?`${l.delay}s`:"0s"}})||""}return[F,Q,j,p,C].join(" ")};return a.jsx(a.Fragment,{children:u()&&v()?a.jsx(a.Fragment,{children:a.jsx(w,{id:"builderio-block",styles:u(),nonce:i.context.nonce})}):null})}module.exports=W;

package/lib/node/components/block/components/block-styles.mjs

@@ -1,68 +1,76 @@
-import { jsx as a, Fragment as g } from "react/jsx-runtime";
-import { getSizesForBreakpoints as $, getMaxWidthQueryForSize as p } from "../../../constants/device-sizes.mjs";
-import { camelToKebabCase as z } from "../../../functions/camel-to-kebab-case.mjs";
-import { createCssClass as i } from "../../../helpers/css.mjs";
-import { checkIsDefined as b } from "../../../helpers/nullable.mjs";
-import F from "../../inlined-styles.mjs";
-function A(n) {
-  const B = function() {
-    const e = n.block;
-    return b(e.hide) ? !e.hide : b(e.show) ? e.show : !0;
-  }, c = function() {
-    var h, S, k;
-    const e = n.block, s = e.responsiveStyles, l = n.context.content, m = $(
-      ((h = l == null ? void 0 : l.meta) == null ? void 0 : h.breakpoints) || {}
-    ), d = s == null ? void 0 : s.large, u = s == null ? void 0 : s.medium, y = s == null ? void 0 : s.small, o = e.id;
+import { jsx as c, Fragment as b } from "react/jsx-runtime";
+import { getSizesForBreakpoints as D, getMaxWidthQueryForSize as m } from "../../../constants/device-sizes.mjs";
+import { camelToKebabCase as I } from "../../../functions/camel-to-kebab-case.mjs";
+import { createCssClass as n } from "../../../helpers/css.mjs";
+import { checkIsDefined as C } from "../../../helpers/nullable.mjs";
+import N from "../../inlined-styles.mjs";
+function U(a) {
+  const v = function() {
+    const e = a.block;
+    return C(e.hide) ? !e.hide : C(e.show) ? e.show : !0;
+  }, d = function() {
+    var k, p, x, g, B;
+    const e = a.block, s = e.responsiveStyles, t = a.context.content, i = D(
+      ((k = t == null ? void 0 : t.meta) == null ? void 0 : k.breakpoints) || {}
+    ), Q = !!((x = (p = t == null ? void 0 : t.meta) == null ? void 0 : p.breakpoints) != null && x.xsmall), u = s == null ? void 0 : s.large, y = s == null ? void 0 : s.medium, S = s == null ? void 0 : s.small, f = s == null ? void 0 : s.xsmall, o = e.id;
     if (!o)
       return "";
-    const v = d ? i({
+    const $ = u ? n({
       className: o,
-      styles: d
-    }) : "", x = u ? i({
+      styles: u
+    }) : "", z = y ? n({
       className: o,
-      styles: u,
-      mediaQuery: p(
+      styles: y,
+      mediaQuery: m(
         "medium",
-        m
+        i
       )
-    }) : "", w = y ? i({
+    }) : "", F = S ? n({
       className: o,
-      styles: y,
-      mediaQuery: p(
+      styles: S,
+      mediaQuery: m(
         "small",
-        m
+        i
+      )
+    }) : "", j = f && Q ? n({
+      className: o,
+      styles: f,
+      mediaQuery: m(
+        "xsmall",
+        i
       )
-    }) : "", t = e.animations && e.animations.find((r) => r.trigger === "hover");
-    let f = "";
-    if (t) {
-      const r = ((k = (S = t.steps) == null ? void 0 : S[1]) == null ? void 0 : k.styles) || {};
-      f = i({
+    }) : "", l = e.animations && e.animations.find((r) => r.trigger === "hover");
+    let h = "";
+    if (l) {
+      const r = ((B = (g = l.steps) == null ? void 0 : g[1]) == null ? void 0 : B.styles) || {};
+      h = n({
         className: `${o}:hover`,
         styles: {
           ...r,
-          transition: `all ${t.duration}s ${z(
-            t.easing
+          transition: `all ${l.duration}s ${I(
+            l.easing
           )}`,
-          transitionDelay: t.delay ? `${t.delay}s` : "0s"
+          transitionDelay: l.delay ? `${l.delay}s` : "0s"
         }
       }) || "";
     }
     return [
-      v,
-      x,
-      w,
-      f
+      $,
+      z,
+      F,
+      j,
+      h
     ].join(" ");
   };
-  return /* @__PURE__ */ a(g, { children: c() && B() ? /* @__PURE__ */ a(g, { children: /* @__PURE__ */ a(
-    F,
+  return /* @__PURE__ */ c(b, { children: d() && v() ? /* @__PURE__ */ c(b, { children: /* @__PURE__ */ c(
+    N,
     {
       id: "builderio-block",
-      styles: c(),
-      nonce: n.context.nonce
+      styles: d(),
+      nonce: a.context.nonce
     }
   ) }) : null });
 }
 export {
-  A as default
+  U as default
 };

package/lib/node/components/content/components/enable-editor.cjs

@@ -1 +1 @@
-"use client";"use strict";const w=require("react/jsx-runtime"),o=require("react"),F=require("../../../context/builder.context.cjs"),V=require("../../../functions/evaluate/evaluate.cjs"),M=require("../../../functions/fast-clone.cjs"),N=require("../../../functions/get-content/index.cjs"),k=require("../../../functions/is-browser.cjs"),g=require("../../../functions/is-editing.cjs"),O=require("../../../functions/is-previewing.cjs"),W=require("../../../functions/log-fetch.cjs"),A=require("../../../functions/register-component.cjs"),y=require("../../../functions/track/index.cjs"),$=require("../../../functions/track/interaction.cjs"),P=require("../../../helpers/canTrack.cjs"),z=require("../../../helpers/preview-lru-cache/set.cjs"),G=require("../../../helpers/subscribe-to-editor.cjs"),L=require("../../../scripts/init-editing.cjs"),J=require("../../block/animator.cjs"),H=require("./enable-editor.helpers.cjs"),Q=require("./styles.helpers.cjs"),X=require("next/navigation");function Y(e){var q,I,R;const l=o.useRef(null);function f(n){var i,a;const t={...e.builderContextSignal.rootState,...n};e.builderContextSignal.rootSetState?(a=(i=e.builderContextSignal).rootSetState)==null||a.call(i,t):e.builderContextSignal.rootState=t}function m(n){var i,a,r,c,d;const t={...e.builderContextSignal.content,...n,data:{...(i=e.builderContextSignal.content)==null?void 0:i.data,...n==null?void 0:n.data},meta:{...(a=e.builderContextSignal.content)==null?void 0:a.meta,...n==null?void 0:n.meta,breakpoints:((r=n==null?void 0:n.meta)==null?void 0:r.breakpoints)||((d=(c=e.builderContextSignal.content)==null?void 0:c.meta)==null?void 0:d.breakpoints)}};z.postPreviewContent({value:t,key:t.id}).then(()=>{j.refresh()})}function T(){return e.showContent?{}:{hidden:!0,"aria-hidden":!0}}const[D,Z]=o.useState(()=>e.contentWrapper||"div");function S(n){return G.createEditorListener({model:e.model,trustedHosts:e.trustedHosts,callbacks:{configureSdk:t=>{var r;const{breakpoints:i,contentId:a}=t;!a||a!==((r=e.builderContextSignal.content)==null?void 0:r.id)||i&&m({meta:{breakpoints:i}})},animation:t=>{J.triggerAnimation(t)},contentUpdate:t=>{m(t)}}})(n)}const[v,p]=o.useState(()=>({})),[b,ee]=o.useState(()=>({})),[h,K]=o.useState(()=>!1);function _(n){var t,i;if(e.builderContextSignal.content){const a=(t=e.builderContextSignal.content)==null?void 0:t.testVariationId,r=(i=e.builderContextSignal.content)==null?void 0:i.id;y._track({apiHost:e.apiHost,type:"click",canTrack:P.getDefaultCanTrack(e.canTrack),contentId:r,apiKey:e.apiKey,variationId:a!==r?a:void 0,...$.getInteractionPropertiesForEvent(n),unique:!h})}h||K(!0)}function U(){var t,i,a;const n=(a=(i=(t=e.builderContextSignal.content)==null?void 0:t.data)==null?void 0:i.httpRequests)!=null?a:{};Object.entries(n).forEach(([r,c])=>{if(!c||b[r]||v[r]&&!g.isEditing())return;b[r]=!0;const d=c.replace(/{{([^}]+)}}/g,(s,B)=>String(V.evaluate({code:B,context:e.context||{},localState:void 0,rootState:e.builderContextSignal.rootState,rootSetState:e.builderContextSignal.rootSetState})));W.logFetch(d),fetch(d).then(s=>s.json()).then(s=>{f({[r]:s}),v[r]=!0}).catch(s=>{console.error("error fetching dynamic data",c,s)}).finally(()=>{b[r]=!1})})}function u(){g.isEditing()&&window.dispatchEvent(new CustomEvent("builder:component:stateChange",{detail:{state:M.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,a;if(!e.model||!((i=t.models)!=null&&i.length)||t.models.includes(e.model)){const r=A.createRegisterComponentMessage(t);(a=window.parent)==null||a.postMessage(r,"*")}}),window.addEventListener("builder:component:stateChangeListenerActivated",u)}function x(n){var c;const t=new URL(location.href).searchParams,i=t.get("builder.preview"),a=t.get(`builder.overrides.${i}`),r=t.get("apiKey")||t.get("builder.space");(i==="BUILDER_STUDIO"||i===e.model&&r===e.apiKey&&(!e.content||a===e.content.id))&&N.fetchOneEntry({model:e.model||"",apiKey:e.apiKey,apiVersion:e.builderContextSignal.apiVersion,...i==="BUILDER_STUDIO"&&((c=e.context)!=null&&c.symbolId)?{query:{id:e.context.symbolId}}:{}}).then(d=>{d&&m(d)})}const j=X.useRouter(),C=o.useRef(!1);return C.current||(U(),u(),C.current=!0),o.useEffect(()=>{var n;return(n=l.current)==null||n.addEventListener("initeditingbldr",E),()=>{var t;return(t=l.current)==null?void 0:t.removeEventListener("initeditingbldr",E)}},[]),o.useEffect(()=>{var n;return(n=l.current)==null||n.addEventListener("initpreviewingbldr",x),()=>{var t;return(t=l.current)==null?void 0:t.removeEventListener("initpreviewingbldr",x)}},[]),o.useEffect(()=>{var n,t;if(k.isBrowser()){if(g.isEditing()&&!e.isNestedRender&&l.current&&l.current.dispatchEvent(new CustomEvent("initeditingbldr")),e.builderContextSignal.content&&P.getDefaultCanTrack(e.canTrack)){const a=(n=e.builderContextSignal.content)==null?void 0:n.testVariationId,r=(t=e.builderContextSignal.content)==null?void 0:t.id,c=e.apiKey;y._track({apiHost:e.apiHost,type:"impression",canTrack:!0,contentId:r,apiKey:c,variationId:a!==r?a:void 0})}O.isPreviewing()&&g.isEditing()}},[]),o.useEffect(()=>{},[e.content]),o.useEffect(()=>{u()},[e.builderContextSignal.rootState]),o.useEffect(()=>{e.data&&f(e.data)},[e.data]),o.useEffect(()=>{e.locale&&f({locale:e.locale})},[e.locale]),o.useEffect(()=>()=>{k.isBrowser()&&(window.removeEventListener("message",S),window.removeEventListener("builder:component:stateChangeListenerActivated",u))},[]),w.jsx(F.Provider,{value:e.builderContextSignal,children:e.builderContextSignal.content||H.needsElementRefDivForEditing()?w.jsx(D,{ref:l,onClick:n=>_(n),"builder-content-id":(q=e.builderContextSignal.content)==null?void 0:q.id,"builder-model":e.model,className:Q.getWrapperClassName(((I=e.content)==null?void 0:I.testVariationId)||((R=e.content)==null?void 0:R.id)),style:{display:!e.builderContextSignal.content&&H.needsElementRefDivForEditing()?"none":void 0},...T(),...e.contentWrapperProps,children:e.children}):null})}module.exports=Y;
+"use client";"use strict";const w=require("react/jsx-runtime"),o=require("react"),F=require("../../../context/builder.context.cjs"),N=require("../../../functions/evaluate/evaluate.cjs"),V=require("../../../functions/fast-clone.cjs"),M=require("../../../functions/get-content/index.cjs"),y=require("../../../functions/is-browser.cjs"),g=require("../../../functions/is-editing.cjs"),O=require("../../../functions/is-previewing.cjs"),W=require("../../../functions/log-fetch.cjs"),A=require("../../../functions/register-component.cjs"),k=require("../../../functions/track/index.cjs"),$=require("../../../functions/track/interaction.cjs"),P=require("../../../helpers/canTrack.cjs"),z=require("../../../helpers/preview-lru-cache/set.cjs"),G=require("../../../helpers/subscribe-to-editor.cjs"),L=require("../../../scripts/init-editing.cjs"),J=require("../../block/animator.cjs"),H=require("./enable-editor.helpers.cjs"),Q=require("./styles.helpers.cjs"),X=require("next/navigation");function Y(e){var q,I,R;const l=o.useRef(null);function f(n){var i,r;const t={...e.builderContextSignal.rootState,...n};e.builderContextSignal.rootSetState?(r=(i=e.builderContextSignal).rootSetState)==null||r.call(i,t):e.builderContextSignal.rootState=t}function m(n){var i,r,a,c,d;const t={...e.builderContextSignal.content,...n,data:{...(i=e.builderContextSignal.content)==null?void 0:i.data,...n==null?void 0:n.data},meta:{...(r=e.builderContextSignal.content)==null?void 0:r.meta,...n==null?void 0:n.meta,breakpoints:((a=n==null?void 0:n.meta)==null?void 0:a.breakpoints)||((d=(c=e.builderContextSignal.content)==null?void 0:c.meta)==null?void 0:d.breakpoints)}};z.postPreviewContent({value:t,key:t.id}).then(()=>{j.refresh()})}function K(){return e.showContent?{}:{hidden:!0,"aria-hidden":!0}}const[T,Z]=o.useState(()=>e.contentWrapper||"div");function S(n){return G.createEditorListener({model:e.model,trustedHosts:e.trustedHosts,callbacks:{configureSdk:t=>{var a;const{breakpoints:i,contentId:r}=t;!r||r!==((a=e.builderContextSignal.content)==null?void 0:a.id)||i&&m({meta:{breakpoints:i}})},animation:t=>{J.triggerAnimation(t)},contentUpdate:t=>{m(t)}}})(n)}const[v,p]=o.useState(()=>({})),[b,ee]=o.useState(()=>({})),[h,D]=o.useState(()=>!1);function _(n){var t,i;if(e.builderContextSignal.content){const r=(t=e.builderContextSignal.content)==null?void 0:t.testVariationId,a=(i=e.builderContextSignal.content)==null?void 0:i.id;k._track({apiHost:e.apiHost,type:"click",canTrack:P.getDefaultCanTrack(e.canTrack),contentId:a,apiKey:e.apiKey,variationId:r!==a?r:void 0,...$.getInteractionPropertiesForEvent(n),unique:!h})}h||D(!0)}function U(){var t,i,r;const n=(r=(i=(t=e.builderContextSignal.content)==null?void 0:t.data)==null?void 0:i.httpRequests)!=null?r:{};Object.entries(n).forEach(([a,c])=>{if(!c||b[a]||v[a]&&!g.isEditing())return;b[a]=!0;const d=c.replace(/{{([^}]+)}}/g,(s,B)=>String(N.evaluate({code:B,context:e.context||{},localState:void 0,rootState:e.builderContextSignal.rootState,rootSetState:e.builderContextSignal.rootSetState})));W.logFetch(d),fetch(d).then(s=>s.json()).then(s=>{f({[a]:s}),v[a]=!0}).catch(s=>{console.error("error fetching dynamic data",c,s)}).finally(()=>{b[a]=!1})})}function u(){g.isEditing()&&window.dispatchEvent(new CustomEvent("builder:component:stateChange",{detail:{state:V.fastClone(e.builderContextSignal.rootState),ref:{name:e.model}}}))}function E(n){var t;window.addEventListener("message",S),L.registerInsertMenu(),L.setupBrowserForEditing({...e.locale?{locale:e.locale}:{},...e.enrich?{enrich:e.enrich}:{},...e.trustedHosts?{trustedHosts:e.trustedHosts}:{},modelName:(t=e.model)!=null?t:"",apiKey:e.apiKey}),Object.values(e.builderContextSignal.componentInfos).forEach(i=>{var r,a;if(!((r=i.models)!=null&&r.length)||i.models.includes(e.model)){const c=A.createRegisterComponentMessage(i);(a=window.parent)==null||a.postMessage(c,"*")}}),window.addEventListener("builder:component:stateChangeListenerActivated",u)}function x(n){var c;const t=new URL(location.href).searchParams,i=t.get("builder.preview"),r=t.get(`builder.overrides.${i}`),a=t.get("apiKey")||t.get("builder.space");(i==="BUILDER_STUDIO"||i===e.model&&a===e.apiKey&&(!e.content||r===e.content.id))&&M.fetchOneEntry({model:e.model,apiKey:e.apiKey,apiVersion:e.builderContextSignal.apiVersion,...i==="BUILDER_STUDIO"&&((c=e.context)!=null&&c.symbolId)?{query:{id:e.context.symbolId}}:{}}).then(d=>{d&&m(d)})}const j=X.useRouter(),C=o.useRef(!1);return C.current||(U(),u(),C.current=!0),o.useEffect(()=>{var n;return(n=l.current)==null||n.addEventListener("initeditingbldr",E),()=>{var t;return(t=l.current)==null?void 0:t.removeEventListener("initeditingbldr",E)}},[]),o.useEffect(()=>{var n;return(n=l.current)==null||n.addEventListener("initpreviewingbldr",x),()=>{var t;return(t=l.current)==null?void 0:t.removeEventListener("initpreviewingbldr",x)}},[]),o.useEffect(()=>{var n,t;if(y.isBrowser()){if(g.isEditing()&&!e.isNestedRender&&l.current&&l.current.dispatchEvent(new CustomEvent("initeditingbldr")),e.builderContextSignal.content&&P.getDefaultCanTrack(e.canTrack)){const r=(n=e.builderContextSignal.content)==null?void 0:n.testVariationId,a=(t=e.builderContextSignal.content)==null?void 0:t.id,c=e.apiKey;k._track({apiHost:e.apiHost,type:"impression",canTrack:!0,contentId:a,apiKey:c,variationId:r!==a?r:void 0})}O.isPreviewing()&&g.isEditing()}},[]),o.useEffect(()=>{},[e.content]),o.useEffect(()=>{u()},[e.builderContextSignal.rootState]),o.useEffect(()=>{e.data&&f(e.data)},[e.data]),o.useEffect(()=>{e.locale&&f({locale:e.locale})},[e.locale]),o.useEffect(()=>()=>{y.isBrowser()&&(window.removeEventListener("message",S),window.removeEventListener("builder:component:stateChangeListenerActivated",u))},[]),w.jsx(F.Provider,{value:e.builderContextSignal,children:e.builderContextSignal.content||H.needsElementRefDivForEditing()?w.jsx(T,{ref:l,onClick:n=>_(n),"builder-content-id":(q=e.builderContextSignal.content)==null?void 0:q.id,"builder-model":e.model,className:Q.getWrapperClassName(((I=e.content)==null?void 0:I.testVariationId)||((R=e.content)==null?void 0:R.id)),style:{display:!e.builderContextSignal.content&&H.needsElementRefDivForEditing()?"none":void 0},...K(),...e.contentWrapperProps,children:e.children}):null})}module.exports=Y;

package/lib/node/components/content/components/enable-editor.mjs

@@ -20,19 +20,19 @@ import { triggerAnimation as Y } from "../../block/animator.mjs";
 import { needsElementRefDivForEditing as q } from "./enable-editor.helpers.mjs";
 import { getWrapperClassName as Z } from "./styles.helpers.mjs";
 import { useRouter as p } from "next/navigation";
-function we(e) {
-  var R, w, y;
+function Re(e) {
+  var y, R, w;
   const c = P(null);
   function g(n) {
-    var i, a;
+    var i, r;
     const t = {
       ...e.builderContextSignal.rootState,
       ...n
     };
-    e.builderContextSignal.rootSetState ? (a = (i = e.builderContextSignal).rootSetState) == null || a.call(i, t) : e.builderContextSignal.rootState = t;
+    e.builderContextSignal.rootSetState ? (r = (i = e.builderContextSignal).rootSetState) == null || r.call(i, t) : e.builderContextSignal.rootState = t;
   }
   function b(n) {
-    var i, a, r, o, d;
+    var i, r, a, o, d;
     const t = {
       ...e.builderContextSignal.content,
       ...n,
@@ -41,16 +41,16 @@ function we(e) {
         ...n == null ? void 0 : n.data
       },
       meta: {
-        ...(a = e.builderContextSignal.content) == null ? void 0 : a.meta,
+        ...(r = e.builderContextSignal.content) == null ? void 0 : r.meta,
         ...n == null ? void 0 : n.meta,
-        breakpoints: ((r = n == null ? void 0 : n.meta) == null ? void 0 : r.breakpoints) || ((d = (o = e.builderContextSignal.content) == null ? void 0 : o.meta) == null ? void 0 : d.breakpoints)
+        breakpoints: ((a = n == null ? void 0 : n.meta) == null ? void 0 : a.breakpoints) || ((d = (o = e.builderContextSignal.content) == null ? void 0 : o.meta) == null ? void 0 : d.breakpoints)
       }
     };
     G({
       value: t,
       key: t.id
     }).then(() => {
-      M.refresh();
+      _.refresh();
     });
   }
   function T() {
@@ -68,9 +68,9 @@ function we(e) {
       trustedHosts: e.trustedHosts,
       callbacks: {
         configureSdk: (t) => {
-          var r;
-          const { breakpoints: i, contentId: a } = t;
-          !a || a !== ((r = e.builderContextSignal.content) == null ? void 0 : r.id) || i && b({
+          var a;
+          const { breakpoints: i, contentId: r } = t;
+          !r || r !== ((a = e.builderContextSignal.content) == null ? void 0 : a.id) || i && b({
             meta: {
               breakpoints: i
             }
@@ -86,35 +86,35 @@ function we(e) {
     })(n);
   }
   const [h, te] = s(() => ({})), [S, ne] = s(() => ({})), [x, U] = s(() => !1);
-  function V(n) {
+  function N(n) {
     var t, i;
     if (e.builderContextSignal.content) {
-      const a = (t = e.builderContextSignal.content) == null ? void 0 : t.testVariationId, r = (i = e.builderContextSignal.content) == null ? void 0 : i.id;
+      const r = (t = e.builderContextSignal.content) == null ? void 0 : t.testVariationId, a = (i = e.builderContextSignal.content) == null ? void 0 : i.id;
       H({
         apiHost: e.apiHost,
         type: "click",
         canTrack: K(e.canTrack),
-        contentId: r,
+        contentId: a,
         apiKey: e.apiKey,
-        variationId: a !== r ? a : void 0,
+        variationId: r !== a ? r : void 0,
         ...$(n),
         unique: !x
       });
     }
     x || U(!0);
   }
-  function _() {
-    var t, i, a;
-    const n = (a = (i = (t = e.builderContextSignal.content) == null ? void 0 : t.data) == null ? void 0 : i.httpRequests) != null ? a : {};
-    Object.entries(n).forEach(([r, o]) => {
-      if (!o || S[r] || h[r] && !f())
+  function V() {
+    var t, i, r;
+    const n = (r = (i = (t = e.builderContextSignal.content) == null ? void 0 : t.data) == null ? void 0 : i.httpRequests) != null ? r : {};
+    Object.entries(n).forEach(([a, o]) => {
+      if (!o || S[a] || h[a] && !f())
         return;
-      S[r] = !0;
+      S[a] = !0;
       const d = o.replace(
         /{{([^}]+)}}/g,
-        (u, N) => String(
+        (u, M) => String(
           W({
-            code: N,
+            code: M,
             context: e.context || {},
             localState: void 0,
             rootState: e.builderContextSignal.rootState,
@@ -124,12 +124,12 @@ function we(e) {
       );
       F(d), fetch(d).then((u) => u.json()).then((u) => {
         g({
-          [r]: u
-        }), h[r] = !0;
+          [a]: u
+        }), h[a] = !0;
       }).catch((u) => {
         console.error("error fetching dynamic data", o, u);
       }).finally(() => {
-        S[r] = !1;
+        S[a] = !1;
       });
     });
   }
@@ -149,6 +149,7 @@ function we(e) {
     );
   }
   function C(n) {
+    var t;
     window.addEventListener("message", v), Q(), X({
       ...e.locale ? {
         locale: e.locale
@@ -158,14 +159,16 @@ function we(e) {
       } : {},
       ...e.trustedHosts ? {
         trustedHosts: e.trustedHosts
-      } : {}
+      } : {},
+      modelName: (t = e.model) != null ? t : "",
+      apiKey: e.apiKey
     }), Object.values(
       e.builderContextSignal.componentInfos
-    ).forEach((t) => {
-      var i, a;
-      if (!e.model || !((i = t.models) != null && i.length) || t.models.includes(e.model)) {
-        const r = z(t);
-        (a = window.parent) == null || a.postMessage(r, "*");
+    ).forEach((i) => {
+      var r, a;
+      if (!((r = i.models) != null && r.length) || i.models.includes(e.model)) {
+        const o = z(i);
+        (a = window.parent) == null || a.postMessage(o, "*");
       }
     }), window.addEventListener(
       "builder:component:stateChangeListenerActivated",
@@ -174,11 +177,11 @@ function we(e) {
   }
   function E(n) {
     var o;
-    const t = new URL(location.href).searchParams, i = t.get("builder.preview"), a = t.get(
+    const t = new URL(location.href).searchParams, i = t.get("builder.preview"), r = t.get(
       `builder.overrides.${i}`
-    ), r = t.get("apiKey") || t.get("builder.space");
-    (i === "BUILDER_STUDIO" || i === e.model && r === e.apiKey && (!e.content || a === e.content.id)) && A({
-      model: e.model || "",
+    ), a = t.get("apiKey") || t.get("builder.space");
+    (i === "BUILDER_STUDIO" || i === e.model && a === e.apiKey && (!e.content || r === e.content.id)) && A({
+      model: e.model,
       apiKey: e.apiKey,
       apiVersion: e.builderContextSignal.apiVersion,
       ...i === "BUILDER_STUDIO" && ((o = e.context) != null && o.symbolId) ? {
@@ -190,8 +193,8 @@ function we(e) {
       d && b(d);
     });
   }
-  const M = p(), I = P(!1);
-  return I.current || (_(), m(), I.current = !0), l(() => {
+  const _ = p(), I = P(!1);
+  return I.current || (V(), m(), I.current = !0), l(() => {
     var n;
     return (n = c.current) == null || n.addEventListener(
       "initeditingbldr",
@@ -219,14 +222,14 @@ function we(e) {
     var n, t;
     if (L()) {
       if (f() && !e.isNestedRender && c.current && c.current.dispatchEvent(new CustomEvent("initeditingbldr")), e.builderContextSignal.content && K(e.canTrack)) {
-        const a = (n = e.builderContextSignal.content) == null ? void 0 : n.testVariationId, r = (t = e.builderContextSignal.content) == null ? void 0 : t.id, o = e.apiKey;
+        const r = (n = e.builderContextSignal.content) == null ? void 0 : n.testVariationId, a = (t = e.builderContextSignal.content) == null ? void 0 : t.id, o = e.apiKey;
         H({
           apiHost: e.apiHost,
           type: "impression",
           canTrack: !0,
-          contentId: r,
+          contentId: a,
           apiKey: o,
-          variationId: a !== r ? a : void 0
+          variationId: r !== a ? r : void 0
         });
       }
       B() && f();
@@ -249,11 +252,11 @@ function we(e) {
     D,
     {
       ref: c,
-      onClick: (n) => V(n),
-      "builder-content-id": (R = e.builderContextSignal.content) == null ? void 0 : R.id,
+      onClick: (n) => N(n),
+      "builder-content-id": (y = e.builderContextSignal.content) == null ? void 0 : y.id,
       "builder-model": e.model,
       className: Z(
-        ((w = e.content) == null ? void 0 : w.testVariationId) || ((y = e.content) == null ? void 0 : y.id)
+        ((R = e.content) == null ? void 0 : R.testVariationId) || ((w = e.content) == null ? void 0 : w.id)
       ),
       style: {
         display: !e.builderContextSignal.content && q() ? "none" : void 0
@@ -265,5 +268,5 @@ function we(e) {
   ) : null });
 }
 export {
-  we as default
+  Re as default
 };

package/lib/node/components/content/content.cjs

@@ -1 +1 @@
-"use strict";const c=require("react/jsx-runtime"),b=require("../../constants/builder-registered-components.cjs"),h=require("../../functions/evaluate/evaluate.cjs"),y=require("../../functions/register-component.cjs"),R=require("../../helpers/logger.cjs"),W=require("../blocks/blocks.cjs"),j=require("../content-variants/helpers.cjs"),P=require("../inlined-script.cjs"),V=require("./components/enable-editor.cjs"),K=require("./components/styles.cjs"),q=require("./content.helpers.cjs");function T(e){var a,s,r,d,l,u,m,C,g,S,k;const v=j.getUpdateVariantVisibilityScript({variationId:(a=e.content)==null?void 0:a.testVariationId,contentId:(s=e.content)==null?void 0:s.id}),I=[...b.getDefaultRegisteredComponents(),...e.customComponents||[]].reduce((n,{component:x,...o})=>({...n,[o.name]:{component:x,...y.serializeIncludingFunctions(o)}}),{}),t={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:[...b.getDefaultRegisteredComponents(),...e.customComponents||[]].reduce((n,{component:x,...o})=>({...n,[o.name]:y.serializeIncludingFunctions(o)}),{}),inheritedStyles:{},BlocksWrapper:e.blocksWrapper||"div",BlocksWrapperProps:e.blocksWrapperProps||{},nonce:e.nonce||"",model:e.model||""};e.apiKey||R.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=(r=t.content)==null?void 0:r.data)==null?void 0:d.jsCode;return i&&h.evaluate({code:i,context:e.context||{},localState:void 0,rootState:t.rootState,rootSetState:n=>{t.rootState=n},isExpression:!1}),c.jsxs(V,{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:t,contentWrapper:e.contentWrapper,contentWrapperProps:e.contentWrapperProps,trustedHosts:e.trustedHosts,isNestedRender:e.isNestedRender,children:[e.isSsrAbTest?c.jsx(P,{id:"builderio-variant-visibility",scriptStr:v,nonce:e.nonce||""}):null,c.jsx(K,{nonce:e.nonce||"",isNestedRender:e.isNestedRender,contentId:(l=t.content)==null?void 0:l.id,cssCode:(m=(u=t.content)==null?void 0:u.data)==null?void 0:m.cssCode,customFonts:(g=(C=t.content)==null?void 0:C.data)==null?void 0:g.customFonts}),c.jsx(W,{blocks:(k=(S=t.content)==null?void 0:S.data)==null?void 0:k.blocks,context:t,registeredComponents:I,linkComponent:e.linkComponent})]})}module.exports=T;
+"use strict";const c=require("react/jsx-runtime"),b=require("../../constants/builder-registered-components.cjs"),h=require("../../functions/evaluate/evaluate.cjs"),y=require("../../functions/register-component.cjs"),R=require("../../helpers/logger.cjs"),W=require("../blocks/blocks.cjs"),j=require("../content-variants/helpers.cjs"),P=require("../inlined-script.cjs"),V=require("./components/enable-editor.cjs"),K=require("./components/styles.cjs"),q=require("./content.helpers.cjs");function T(e){var a,s,r,d,l,u,m,C,g,S,k;const v=j.getUpdateVariantVisibilityScript({variationId:(a=e.content)==null?void 0:a.testVariationId,contentId:(s=e.content)==null?void 0:s.id}),I=[...b.getDefaultRegisteredComponents(),...e.customComponents||[]].reduce((n,{component:x,...o})=>({...n,[o.name]:{component:x,...y.serializeIncludingFunctions(o)}}),{}),t={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:[...b.getDefaultRegisteredComponents(),...e.customComponents||[]].reduce((n,{component:x,...o})=>({...n,[o.name]:y.serializeIncludingFunctions(o)}),{}),inheritedStyles:{},BlocksWrapper:e.blocksWrapper||"div",BlocksWrapperProps:e.blocksWrapperProps||{},nonce:e.nonce||"",model:e.model};e.apiKey||R.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=(r=t.content)==null?void 0:r.data)==null?void 0:d.jsCode;return i&&h.evaluate({code:i,context:e.context||{},localState:void 0,rootState:t.rootState,rootSetState:n=>{t.rootState=n},isExpression:!1}),c.jsxs(V,{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:t,contentWrapper:e.contentWrapper,contentWrapperProps:e.contentWrapperProps,trustedHosts:e.trustedHosts,isNestedRender:e.isNestedRender,children:[e.isSsrAbTest?c.jsx(P,{id:"builderio-variant-visibility",scriptStr:v,nonce:e.nonce||""}):null,c.jsx(K,{nonce:e.nonce||"",isNestedRender:e.isNestedRender,contentId:(l=t.content)==null?void 0:l.id,cssCode:(m=(u=t.content)==null?void 0:u.data)==null?void 0:m.cssCode,customFonts:(g=(C=t.content)==null?void 0:C.data)==null?void 0:g.customFonts}),c.jsx(W,{blocks:(k=(S=t.content)==null?void 0:S.data)==null?void 0:k.blocks,context:t,registeredComponents:I,linkComponent:e.linkComponent})]})}module.exports=T;

package/lib/node/components/content/content.mjs

@@ -58,7 +58,7 @@ function G(t) {
     BlocksWrapper: t.blocksWrapper || "div",
     BlocksWrapperProps: t.blocksWrapperProps || {},
     nonce: t.nonce || "",
-    model: t.model || ""
+    model: t.model
   };
   t.apiKey || W.error(
     "No API key provided to `Content` component. This can cause issues. Please provide an API key using the `apiKey` prop."

package/lib/node/constants/device-sizes.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../functions/fast-clone.cjs"),o={small:{min:320,default:321,max:640},medium:{min:641,default:642,max:991},large:{min:990,default:991,max:1200}},l=(t,a=o)=>`@media (max-width: ${a[t].max}px)`,s=({small:t,medium:a})=>{const e=r.fastClone(o);if(!t||!a)return e;const i=Math.floor(t/2);e.small={max:t,min:i,default:i+1};const m=e.small.max+1;e.medium={max:a,min:m,default:m+1};const n=e.medium.max+1;return e.large={max:2e3,min:n,default:n+1},e};exports.getMaxWidthQueryForSize=l;exports.getSizesForBreakpoints=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../functions/fast-clone.cjs"),r={xsmall:{min:0,default:160,max:320},small:{min:321,default:321,max:640},medium:{min:641,default:642,max:991},large:{min:990,default:991,max:1200}},x=(a,e=r)=>`@media (max-width: ${e[a].max}px)`,d=a=>{const e=u.fastClone(r);if(!a)return e;const{xsmall:m,small:t,medium:l}=a;if(m){const o=Math.floor(m/2);e.xsmall={max:m,min:o,default:o+1}}if(!t||!l)return e;const i=m?e.xsmall.max+1:Math.floor(t/2);e.small={max:t,min:i,default:i+1};const n=e.small.max+1;e.medium={max:l,min:n,default:n+1};const s=e.medium.max+1;return e.large={max:2e3,min:s,default:s+1},e};exports.getMaxWidthQueryForSize=x;exports.getSizesForBreakpoints=d;

package/lib/node/constants/device-sizes.mjs

@@ -1,7 +1,12 @@
-import { fastClone as l } from "../functions/fast-clone.mjs";
+import { fastClone as r } from "../functions/fast-clone.mjs";
 const o = {
+  xsmall: {
+    min: 0,
+    default: 160,
+    max: 320
+  },
   small: {
-    min: 320,
+    min: 321,
     default: 321,
     max: 640
   },
@@ -15,34 +20,46 @@ const o = {
     default: 991,
     max: 1200
   }
-}, s = (a, e = o) => `@media (max-width: ${e[a].max}px)`, x = ({
-  small: a,
-  medium: e
-}) => {
-  const m = l(o);
-  if (!a || !e)
+}, d = (a, m = o) => `@media (max-width: ${m[a].max}px)`, f = (a) => {
+  const m = r(o);
+  if (!a)
+    return m;
+  const {
+    xsmall: l,
+    small: e,
+    medium: t
+  } = a;
+  if (l) {
+    const x = Math.floor(l / 2);
+    m.xsmall = {
+      max: l,
+      min: x,
+      default: x + 1
+    };
+  }
+  if (!e || !t)
     return m;
-  const t = Math.floor(a / 2);
+  const i = l ? m.xsmall.max + 1 : Math.floor(e / 2);
   m.small = {
-    max: a,
-    min: t,
-    default: t + 1
-  };
-  const i = m.small.max + 1;
-  m.medium = {
     max: e,
     min: i,
     default: i + 1
   };
-  const n = m.medium.max + 1;
+  const n = m.small.max + 1;
+  m.medium = {
+    max: t,
+    min: n,
+    default: n + 1
+  };
+  const s = m.medium.max + 1;
   return m.large = {
     max: 2e3,
     // TODO: decide upper limit
-    min: n,
-    default: n + 1
+    min: s,
+    default: s + 1
   }, m;
 };
 export {
-  s as getMaxWidthQueryForSize,
-  x as getSizesForBreakpoints
+  d as getMaxWidthQueryForSize,
+  f as getSizesForBreakpoints
 };

package/lib/node/constants/sdk-version.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="0.17.7";exports.SDK_VERSION=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="0.18.0";exports.SDK_VERSION=e;