@builder.io/sdk-react-nextjs 0.17.2 → 0.17.3

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 (34) 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 +3 -3
  4. package/lib/browser/blocks/image/image.mjs +8 -8
  5. package/lib/browser/components/awaiter.cjs +1 -1
  6. package/lib/browser/components/blocks/blocks-wrapper.cjs +1 -1
  7. package/lib/browser/components/blocks/blocks-wrapper.mjs +2 -2
  8. package/lib/browser/constants/sdk-version.cjs +1 -1
  9. package/lib/browser/constants/sdk-version.mjs +1 -1
  10. package/lib/edge/blocks/columns/columns.cjs +2 -2
  11. package/lib/edge/blocks/columns/columns.mjs +2 -2
  12. package/lib/edge/blocks/image/image.cjs +3 -3
  13. package/lib/edge/blocks/image/image.mjs +8 -8
  14. package/lib/edge/components/awaiter.cjs +1 -1
  15. package/lib/edge/components/blocks/blocks-wrapper.cjs +1 -1
  16. package/lib/edge/components/blocks/blocks-wrapper.mjs +2 -2
  17. package/lib/edge/constants/sdk-version.cjs +1 -1
  18. package/lib/edge/constants/sdk-version.mjs +1 -1
  19. package/lib/node/blocks/columns/columns.cjs +2 -2
  20. package/lib/node/blocks/columns/columns.mjs +2 -2
  21. package/lib/node/blocks/image/image.cjs +3 -3
  22. package/lib/node/blocks/image/image.mjs +8 -8
  23. package/lib/node/components/awaiter.cjs +1 -1
  24. package/lib/node/components/blocks/blocks-wrapper.cjs +1 -1
  25. package/lib/node/components/blocks/blocks-wrapper.mjs +2 -2
  26. package/lib/node/constants/sdk-version.cjs +1 -1
  27. package/lib/node/constants/sdk-version.mjs +1 -1
  28. package/package.json +1 -1
  29. package/types/cjs/constants/sdk-version.d.ts +1 -1
  30. package/types/cjs/types/builder-content.d.ts +1 -0
  31. package/types/cjs/types/input.d.ts +10 -0
  32. package/types/esm/constants/sdk-version.d.ts +1 -1
  33. package/types/esm/types/builder-content.d.ts +1 -0
  34. package/types/esm/types/input.d.ts +10 -0
@@ -1,4 +1,4 @@
1
- "use strict";const o=require("react/jsx-runtime"),W=require("../../components/blocks/blocks.cjs"),j=require("../../components/dynamic-renderer/dynamic-renderer.cjs"),q=require("../../components/inlined-styles.cjs"),z=require("../../constants/device-sizes.cjs"),B=require("../../functions/get-class-prop-name.cjs"),p=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 z.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`
1
+ "use strict";const o=require("react/jsx-runtime"),W=require("../../components/blocks/blocks.cjs"),j=require("../../components/dynamic-renderer/dynamic-renderer.cjs"),q=require("../../components/inlined-styles.cjs"),z=require("../../constants/device-sizes.cjs"),B=require("../../functions/get-class-prop-name.cjs"),p=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},d=function({stackedStyle:t,desktopStyle:i}){return u()==="never"?i:t},m=function(){return 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 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":d({stackedStyle:k,desktopStyle:l}),"--column-margin-left-mobile":d({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 z.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,i){return{...t.link?{href:t.link}:{},[B.getClassPropName()]:"builder-column",style:p.mapStyleObjToStrIfNeeded(v(i))}};return o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:A.getColumnsClass((g=e.builderBlock)==null?void 0:g.id)+" div-6e395700",style:C(),children:[o.jsx(q,{id:"builderio-columns",styles:w(),nonce:e.builderContext.nonce}),(f=e.columns)==null?void 0:f.map((n,t)=>o.jsx(j,{TagName:y(n),actionAttributes:{},attributes:$(n,t),children:o.jsx(W,{path:`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-6e395700 {
25
+ `},$=function(t,i){return{...t.link?{href:t.link}:{},[B.getClassPropName()]:"builder-column",style:p.mapStyleObjToStrIfNeeded(v(i))}};return o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:A.getColumnsClass((g=e.builderBlock)==null?void 0:g.id)+" div-035056da",style:C(),children:[o.jsx(q,{id:"builderio-columns",styles:w(),nonce:e.builderContext.nonce}),(f=e.columns)==null?void 0:f.map((n,t)=>o.jsx(j,{TagName:y(n),actionAttributes:{},attributes:$(n,t),children:o.jsx(W,{path:`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-035056da {
26
26
  display: flex;
27
27
  line-height: normal;
28
28
  }`})]})}module.exports=N;
@@ -114,7 +114,7 @@ function q(e) {
114
114
  /* @__PURE__ */ y(
115
115
  "div",
116
116
  {
117
- className: D((b = e.builderBlock) == null ? void 0 : b.id) + " div-6e395700",
117
+ className: D((b = e.builderBlock) == null ? void 0 : b.id) + " div-035056da",
118
118
  style: v(),
119
119
  children: [
120
120
  /* @__PURE__ */ r(
@@ -151,7 +151,7 @@ function q(e) {
151
151
  ]
152
152
  }
153
153
  ),
154
- /* @__PURE__ */ r("style", { children: `.div-6e395700 {
154
+ /* @__PURE__ */ r("style", { children: `.div-035056da {
155
155
  display: flex;
156
156
  line-height: normal;
157
157
  }` })
@@ -1,11 +1,11 @@
1
- "use client";"use strict";const t=require("react/jsx-runtime"),m=require("react"),l=require("./image.helpers.cjs");function b(e){var s,r,u,o,d,g;function n(){var f;const i=e.image||e.src;if(!i||!(typeof i=="string"&&(i.match(/builder\.io/)||i.match(/cdn\.shopify\.com/))))return e.srcset;if(!e.noWebp){if(e.srcset&&((f=e.image)!=null&&f.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 h(){const c={position:"absolute",height:"100%",width:"100%",left:"0px",top:"0px"};return e.aspectRatio?c:void 0}return m.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",...h()},className:"builder-image"+(e.className?" "+e.className:"")+" img-c071ff08",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-c071ff08",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-c071ff08-2",children:e.children}):null]}),t.jsx("style",{children:`.img-c071ff08 {
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,u,o,d,g;function n(){var h;const i=e.image||e.src;if(!i||!(typeof i=="string"&&(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-5e5f3633",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-5e5f3633",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-5e5f3633-2",children:e.children}):null]}),t.jsx("style",{children:`.img-5e5f3633 {
2
2
  opacity: 1;
3
3
  transition: opacity 0.2s ease-in-out;
4
- }.div-c071ff08 {
4
+ }.div-5e5f3633 {
5
5
  width: 100%;
6
6
  pointer-events: none;
7
7
  font-size: 0;
8
- }.div-c071ff08-2 {
8
+ }.div-5e5f3633-2 {
9
9
  display: flex;
10
10
  flex-direction: column;
11
11
  align-items: stretch;
@@ -3,7 +3,7 @@ import { jsxs as l, Fragment as a, jsx as t } from "react/jsx-runtime";
3
3
  import { useEffect as v } from "react";
4
4
  import { getSrcSet as o } from "./image.helpers.mjs";
5
5
  function w(e) {
6
- var d, s, u, f, g, m;
6
+ var d, s, u, g, m, f;
7
7
  function n() {
8
8
  var h;
9
9
  const i = e.image || e.src;
@@ -51,7 +51,7 @@ function w(e) {
51
51
  objectFit: e.backgroundSize || "cover",
52
52
  ...b()
53
53
  },
54
- className: "builder-image" + (e.className ? " " + e.className : "") + " img-c071ff08",
54
+ className: "builder-image" + (e.className ? " " + e.className : "") + " img-5e5f3633",
55
55
  src: e.image,
56
56
  srcSet: n(),
57
57
  sizes: e.sizes
@@ -61,23 +61,23 @@ function w(e) {
61
61
  e.aspectRatio && !((s = (d = e.builderBlock) == null ? void 0 : d.children) != null && s.length && e.fitContent) ? /* @__PURE__ */ t(
62
62
  "div",
63
63
  {
64
- className: "builder-image-sizer div-c071ff08",
64
+ className: "builder-image-sizer div-5e5f3633",
65
65
  style: {
66
66
  paddingTop: e.aspectRatio * 100 + "%"
67
67
  }
68
68
  }
69
69
  ) : null,
70
- (f = (u = e.builderBlock) == null ? void 0 : u.children) != null && f.length && e.fitContent ? /* @__PURE__ */ t(a, { children: e.children }) : null,
71
- !e.fitContent && ((m = (g = e.builderBlock) == null ? void 0 : g.children) != null && m.length) ? /* @__PURE__ */ t("div", { className: "div-c071ff08-2", children: e.children }) : null
70
+ (g = (u = e.builderBlock) == null ? void 0 : u.children) != null && g.length && e.fitContent ? /* @__PURE__ */ t(a, { children: e.children }) : null,
71
+ !e.fitContent && ((f = (m = e.builderBlock) == null ? void 0 : m.children) != null && f.length) ? /* @__PURE__ */ t("div", { className: "div-5e5f3633-2", children: e.children }) : null
72
72
  ] }),
73
- /* @__PURE__ */ t("style", { children: `.img-c071ff08 {
73
+ /* @__PURE__ */ t("style", { children: `.img-5e5f3633 {
74
74
  opacity: 1;
75
75
  transition: opacity 0.2s ease-in-out;
76
- }.div-c071ff08 {
76
+ }.div-5e5f3633 {
77
77
  width: 100%;
78
78
  pointer-events: none;
79
79
  font-size: 0;
80
- }.div-c071ff08-2 {
80
+ }.div-5e5f3633-2 {
81
81
  display: flex;
82
82
  flex-direction: column;
83
83
  align-items: stretch;
@@ -1 +1 @@
1
- "use client";"use strict";const e=require("react/jsx-runtime"),t=require("react");function n(r){return t.useEffect(()=>{},[]),e.jsx(e.Fragment,{children:r.children})}module.exports=n;
1
+ "use client";"use strict";const e=require("react/jsx-runtime"),r=require("react");function n(t){return r.useEffect(()=>{},[]),e.jsx(e.Fragment,{children:t.children})}module.exports=n;
@@ -1,4 +1,4 @@
1
- "use client";"use strict";const a=require("react/jsx-runtime"),l=require("react"),s=require("../../functions/is-editing.cjs");function d(e){const c=l.useRef(null);function o(){var t;return["builder-blocks",(t=e.blocks)!=null&&t.length?"":"no-blocks",e.classNameProp].filter(Boolean).join(" ")}function i(){if(!e.path)return;const t="component.options.";return e.path.startsWith(t)?e.path:`${t}${e.path||""}`}function r(){var t,n;s.isEditing()&&!((t=e.blocks)!=null&&t.length)&&((n=window.parent)==null||n.postMessage({type:"builder.clickEmptyBlocks",data:{parentElementId:e.parent,dataPath:i()}},"*"))}function u(){var t,n;s.isEditing()&&!((t=e.blocks)!=null&&t.length)&&((n=window.parent)==null||n.postMessage({type:"builder.hoverEmptyBlocks",data:{parentElementId:e.parent,dataPath:i()}},"*"))}return l.useEffect(()=>{},[]),a.jsxs(a.Fragment,{children:[a.jsx(e.BlocksWrapper,{ref:c,className:o()+" props-blocks-wrapper-215a41e0","builder-path":i(),"builder-parent-id":e.parent,style:e.styleProp,onClick:t=>r(),onMouseEnter:t=>u(),onKeyPress:t=>r(),...e.BlocksWrapperProps,children:e.children}),a.jsx("style",{children:`.props-blocks-wrapper-215a41e0 {
1
+ "use client";"use strict";const i=require("react/jsx-runtime"),l=require("react"),s=require("../../functions/is-editing.cjs");function d(e){const c=l.useRef(null);function o(){var t;return["builder-blocks",(t=e.blocks)!=null&&t.length?"":"no-blocks",e.classNameProp].filter(Boolean).join(" ")}function a(){if(!e.path)return;const t="component.options.";return e.path.startsWith(t)?e.path:`${t}${e.path||""}`}function r(){var t,n;s.isEditing()&&!((t=e.blocks)!=null&&t.length)&&((n=window.parent)==null||n.postMessage({type:"builder.clickEmptyBlocks",data:{parentElementId:e.parent,dataPath:a()}},"*"))}function u(){var t,n;s.isEditing()&&!((t=e.blocks)!=null&&t.length)&&((n=window.parent)==null||n.postMessage({type:"builder.hoverEmptyBlocks",data:{parentElementId:e.parent,dataPath:a()}},"*"))}return l.useEffect(()=>{},[]),i.jsxs(i.Fragment,{children:[i.jsx(e.BlocksWrapper,{ref:c,className:o()+" props-blocks-wrapper-754e6138","builder-path":a(),"builder-parent-id":e.parent,style:e.styleProp,onClick:t=>r(),onMouseEnter:t=>u(),onKeyPress:t=>r(),...e.BlocksWrapperProps,children:e.children}),i.jsx("style",{children:`.props-blocks-wrapper-754e6138 {
2
2
  display: flex;
3
3
  flex-direction: column;
4
4
  align-items: stretch;
@@ -50,7 +50,7 @@ function b(e) {
50
50
  e.BlocksWrapper,
51
51
  {
52
52
  ref: o,
53
- className: c() + " props-blocks-wrapper-215a41e0",
53
+ className: c() + " props-blocks-wrapper-754e6138",
54
54
  "builder-path": a(),
55
55
  "builder-parent-id": e.parent,
56
56
  style: e.styleProp,
@@ -61,7 +61,7 @@ function b(e) {
61
61
  children: e.children
62
62
  }
63
63
  ),
64
- /* @__PURE__ */ r("style", { children: `.props-blocks-wrapper-215a41e0 {
64
+ /* @__PURE__ */ r("style", { children: `.props-blocks-wrapper-754e6138 {
65
65
  display: flex;
66
66
  flex-direction: column;
67
67
  align-items: stretch;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="0.17.2";exports.SDK_VERSION=e;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="0.17.3";exports.SDK_VERSION=e;
@@ -1,4 +1,4 @@
1
- const o = "0.17.2";
1
+ const o = "0.17.3";
2
2
  export {
3
3
  o as SDK_VERSION
4
4
  };
@@ -1,4 +1,4 @@
1
- "use strict";const o=require("react/jsx-runtime"),W=require("../../components/blocks/blocks.cjs"),j=require("../../components/dynamic-renderer/dynamic-renderer.cjs"),q=require("../../components/inlined-styles.cjs"),z=require("../../constants/device-sizes.cjs"),B=require("../../functions/get-class-prop-name.cjs"),p=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 z.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`
1
+ "use strict";const o=require("react/jsx-runtime"),W=require("../../components/blocks/blocks.cjs"),j=require("../../components/dynamic-renderer/dynamic-renderer.cjs"),q=require("../../components/inlined-styles.cjs"),z=require("../../constants/device-sizes.cjs"),B=require("../../functions/get-class-prop-name.cjs"),p=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},d=function({stackedStyle:t,desktopStyle:i}){return u()==="never"?i:t},m=function(){return 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 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":d({stackedStyle:k,desktopStyle:l}),"--column-margin-left-mobile":d({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 z.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,i){return{...t.link?{href:t.link}:{},[B.getClassPropName()]:"builder-column",style:p.mapStyleObjToStrIfNeeded(v(i))}};return o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:A.getColumnsClass((g=e.builderBlock)==null?void 0:g.id)+" div-6e395700",style:C(),children:[o.jsx(q,{id:"builderio-columns",styles:w(),nonce:e.builderContext.nonce}),(f=e.columns)==null?void 0:f.map((n,t)=>o.jsx(j,{TagName:y(n),actionAttributes:{},attributes:$(n,t),children:o.jsx(W,{path:`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-6e395700 {
25
+ `},$=function(t,i){return{...t.link?{href:t.link}:{},[B.getClassPropName()]:"builder-column",style:p.mapStyleObjToStrIfNeeded(v(i))}};return o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:A.getColumnsClass((g=e.builderBlock)==null?void 0:g.id)+" div-035056da",style:C(),children:[o.jsx(q,{id:"builderio-columns",styles:w(),nonce:e.builderContext.nonce}),(f=e.columns)==null?void 0:f.map((n,t)=>o.jsx(j,{TagName:y(n),actionAttributes:{},attributes:$(n,t),children:o.jsx(W,{path:`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-035056da {
26
26
  display: flex;
27
27
  line-height: normal;
28
28
  }`})]})}module.exports=N;
@@ -114,7 +114,7 @@ function q(e) {
114
114
  /* @__PURE__ */ y(
115
115
  "div",
116
116
  {
117
- className: D((b = e.builderBlock) == null ? void 0 : b.id) + " div-6e395700",
117
+ className: D((b = e.builderBlock) == null ? void 0 : b.id) + " div-035056da",
118
118
  style: v(),
119
119
  children: [
120
120
  /* @__PURE__ */ r(
@@ -151,7 +151,7 @@ function q(e) {
151
151
  ]
152
152
  }
153
153
  ),
154
- /* @__PURE__ */ r("style", { children: `.div-6e395700 {
154
+ /* @__PURE__ */ r("style", { children: `.div-035056da {
155
155
  display: flex;
156
156
  line-height: normal;
157
157
  }` })
@@ -1,11 +1,11 @@
1
- "use client";"use strict";const t=require("react/jsx-runtime"),m=require("react"),l=require("./image.helpers.cjs");function b(e){var s,r,u,o,d,g;function n(){var f;const i=e.image||e.src;if(!i||!(typeof i=="string"&&(i.match(/builder\.io/)||i.match(/cdn\.shopify\.com/))))return e.srcset;if(!e.noWebp){if(e.srcset&&((f=e.image)!=null&&f.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 h(){const c={position:"absolute",height:"100%",width:"100%",left:"0px",top:"0px"};return e.aspectRatio?c:void 0}return m.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",...h()},className:"builder-image"+(e.className?" "+e.className:"")+" img-c071ff08",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-c071ff08",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-c071ff08-2",children:e.children}):null]}),t.jsx("style",{children:`.img-c071ff08 {
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,u,o,d,g;function n(){var h;const i=e.image||e.src;if(!i||!(typeof i=="string"&&(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-5e5f3633",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-5e5f3633",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-5e5f3633-2",children:e.children}):null]}),t.jsx("style",{children:`.img-5e5f3633 {
2
2
  opacity: 1;
3
3
  transition: opacity 0.2s ease-in-out;
4
- }.div-c071ff08 {
4
+ }.div-5e5f3633 {
5
5
  width: 100%;
6
6
  pointer-events: none;
7
7
  font-size: 0;
8
- }.div-c071ff08-2 {
8
+ }.div-5e5f3633-2 {
9
9
  display: flex;
10
10
  flex-direction: column;
11
11
  align-items: stretch;
@@ -3,7 +3,7 @@ import { jsxs as l, Fragment as a, jsx as t } from "react/jsx-runtime";
3
3
  import { useEffect as v } from "react";
4
4
  import { getSrcSet as o } from "./image.helpers.mjs";
5
5
  function w(e) {
6
- var d, s, u, f, g, m;
6
+ var d, s, u, g, m, f;
7
7
  function n() {
8
8
  var h;
9
9
  const i = e.image || e.src;
@@ -51,7 +51,7 @@ function w(e) {
51
51
  objectFit: e.backgroundSize || "cover",
52
52
  ...b()
53
53
  },
54
- className: "builder-image" + (e.className ? " " + e.className : "") + " img-c071ff08",
54
+ className: "builder-image" + (e.className ? " " + e.className : "") + " img-5e5f3633",
55
55
  src: e.image,
56
56
  srcSet: n(),
57
57
  sizes: e.sizes
@@ -61,23 +61,23 @@ function w(e) {
61
61
  e.aspectRatio && !((s = (d = e.builderBlock) == null ? void 0 : d.children) != null && s.length && e.fitContent) ? /* @__PURE__ */ t(
62
62
  "div",
63
63
  {
64
- className: "builder-image-sizer div-c071ff08",
64
+ className: "builder-image-sizer div-5e5f3633",
65
65
  style: {
66
66
  paddingTop: e.aspectRatio * 100 + "%"
67
67
  }
68
68
  }
69
69
  ) : null,
70
- (f = (u = e.builderBlock) == null ? void 0 : u.children) != null && f.length && e.fitContent ? /* @__PURE__ */ t(a, { children: e.children }) : null,
71
- !e.fitContent && ((m = (g = e.builderBlock) == null ? void 0 : g.children) != null && m.length) ? /* @__PURE__ */ t("div", { className: "div-c071ff08-2", children: e.children }) : null
70
+ (g = (u = e.builderBlock) == null ? void 0 : u.children) != null && g.length && e.fitContent ? /* @__PURE__ */ t(a, { children: e.children }) : null,
71
+ !e.fitContent && ((f = (m = e.builderBlock) == null ? void 0 : m.children) != null && f.length) ? /* @__PURE__ */ t("div", { className: "div-5e5f3633-2", children: e.children }) : null
72
72
  ] }),
73
- /* @__PURE__ */ t("style", { children: `.img-c071ff08 {
73
+ /* @__PURE__ */ t("style", { children: `.img-5e5f3633 {
74
74
  opacity: 1;
75
75
  transition: opacity 0.2s ease-in-out;
76
- }.div-c071ff08 {
76
+ }.div-5e5f3633 {
77
77
  width: 100%;
78
78
  pointer-events: none;
79
79
  font-size: 0;
80
- }.div-c071ff08-2 {
80
+ }.div-5e5f3633-2 {
81
81
  display: flex;
82
82
  flex-direction: column;
83
83
  align-items: stretch;
@@ -1 +1 @@
1
- "use client";"use strict";const e=require("react/jsx-runtime"),t=require("react");function n(r){return t.useEffect(()=>{},[]),e.jsx(e.Fragment,{children:r.children})}module.exports=n;
1
+ "use client";"use strict";const e=require("react/jsx-runtime"),r=require("react");function n(t){return r.useEffect(()=>{},[]),e.jsx(e.Fragment,{children:t.children})}module.exports=n;
@@ -1,4 +1,4 @@
1
- "use client";"use strict";const a=require("react/jsx-runtime"),l=require("react"),s=require("../../functions/is-editing.cjs");function d(e){const c=l.useRef(null);function o(){var t;return["builder-blocks",(t=e.blocks)!=null&&t.length?"":"no-blocks",e.classNameProp].filter(Boolean).join(" ")}function i(){if(!e.path)return;const t="component.options.";return e.path.startsWith(t)?e.path:`${t}${e.path||""}`}function r(){var t,n;s.isEditing()&&!((t=e.blocks)!=null&&t.length)&&((n=window.parent)==null||n.postMessage({type:"builder.clickEmptyBlocks",data:{parentElementId:e.parent,dataPath:i()}},"*"))}function u(){var t,n;s.isEditing()&&!((t=e.blocks)!=null&&t.length)&&((n=window.parent)==null||n.postMessage({type:"builder.hoverEmptyBlocks",data:{parentElementId:e.parent,dataPath:i()}},"*"))}return l.useEffect(()=>{},[]),a.jsxs(a.Fragment,{children:[a.jsx(e.BlocksWrapper,{ref:c,className:o()+" props-blocks-wrapper-215a41e0","builder-path":i(),"builder-parent-id":e.parent,style:e.styleProp,onClick:t=>r(),onMouseEnter:t=>u(),onKeyPress:t=>r(),...e.BlocksWrapperProps,children:e.children}),a.jsx("style",{children:`.props-blocks-wrapper-215a41e0 {
1
+ "use client";"use strict";const i=require("react/jsx-runtime"),l=require("react"),s=require("../../functions/is-editing.cjs");function d(e){const c=l.useRef(null);function o(){var t;return["builder-blocks",(t=e.blocks)!=null&&t.length?"":"no-blocks",e.classNameProp].filter(Boolean).join(" ")}function a(){if(!e.path)return;const t="component.options.";return e.path.startsWith(t)?e.path:`${t}${e.path||""}`}function r(){var t,n;s.isEditing()&&!((t=e.blocks)!=null&&t.length)&&((n=window.parent)==null||n.postMessage({type:"builder.clickEmptyBlocks",data:{parentElementId:e.parent,dataPath:a()}},"*"))}function u(){var t,n;s.isEditing()&&!((t=e.blocks)!=null&&t.length)&&((n=window.parent)==null||n.postMessage({type:"builder.hoverEmptyBlocks",data:{parentElementId:e.parent,dataPath:a()}},"*"))}return l.useEffect(()=>{},[]),i.jsxs(i.Fragment,{children:[i.jsx(e.BlocksWrapper,{ref:c,className:o()+" props-blocks-wrapper-754e6138","builder-path":a(),"builder-parent-id":e.parent,style:e.styleProp,onClick:t=>r(),onMouseEnter:t=>u(),onKeyPress:t=>r(),...e.BlocksWrapperProps,children:e.children}),i.jsx("style",{children:`.props-blocks-wrapper-754e6138 {
2
2
  display: flex;
3
3
  flex-direction: column;
4
4
  align-items: stretch;
@@ -50,7 +50,7 @@ function b(e) {
50
50
  e.BlocksWrapper,
51
51
  {
52
52
  ref: o,
53
- className: c() + " props-blocks-wrapper-215a41e0",
53
+ className: c() + " props-blocks-wrapper-754e6138",
54
54
  "builder-path": a(),
55
55
  "builder-parent-id": e.parent,
56
56
  style: e.styleProp,
@@ -61,7 +61,7 @@ function b(e) {
61
61
  children: e.children
62
62
  }
63
63
  ),
64
- /* @__PURE__ */ r("style", { children: `.props-blocks-wrapper-215a41e0 {
64
+ /* @__PURE__ */ r("style", { children: `.props-blocks-wrapper-754e6138 {
65
65
  display: flex;
66
66
  flex-direction: column;
67
67
  align-items: stretch;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="0.17.2";exports.SDK_VERSION=e;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="0.17.3";exports.SDK_VERSION=e;
@@ -1,4 +1,4 @@
1
- const o = "0.17.2";
1
+ const o = "0.17.3";
2
2
  export {
3
3
  o as SDK_VERSION
4
4
  };
@@ -1,4 +1,4 @@
1
- "use strict";const o=require("react/jsx-runtime"),W=require("../../components/blocks/blocks.cjs"),j=require("../../components/dynamic-renderer/dynamic-renderer.cjs"),q=require("../../components/inlined-styles.cjs"),z=require("../../constants/device-sizes.cjs"),B=require("../../functions/get-class-prop-name.cjs"),p=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 z.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`
1
+ "use strict";const o=require("react/jsx-runtime"),W=require("../../components/blocks/blocks.cjs"),j=require("../../components/dynamic-renderer/dynamic-renderer.cjs"),q=require("../../components/inlined-styles.cjs"),z=require("../../constants/device-sizes.cjs"),B=require("../../functions/get-class-prop-name.cjs"),p=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},d=function({stackedStyle:t,desktopStyle:i}){return u()==="never"?i:t},m=function(){return 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 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":d({stackedStyle:k,desktopStyle:l}),"--column-margin-left-mobile":d({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 z.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,i){return{...t.link?{href:t.link}:{},[B.getClassPropName()]:"builder-column",style:p.mapStyleObjToStrIfNeeded(v(i))}};return o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:A.getColumnsClass((g=e.builderBlock)==null?void 0:g.id)+" div-6e395700",style:C(),children:[o.jsx(q,{id:"builderio-columns",styles:w(),nonce:e.builderContext.nonce}),(f=e.columns)==null?void 0:f.map((n,t)=>o.jsx(j,{TagName:y(n),actionAttributes:{},attributes:$(n,t),children:o.jsx(W,{path:`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-6e395700 {
25
+ `},$=function(t,i){return{...t.link?{href:t.link}:{},[B.getClassPropName()]:"builder-column",style:p.mapStyleObjToStrIfNeeded(v(i))}};return o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:A.getColumnsClass((g=e.builderBlock)==null?void 0:g.id)+" div-035056da",style:C(),children:[o.jsx(q,{id:"builderio-columns",styles:w(),nonce:e.builderContext.nonce}),(f=e.columns)==null?void 0:f.map((n,t)=>o.jsx(j,{TagName:y(n),actionAttributes:{},attributes:$(n,t),children:o.jsx(W,{path:`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-035056da {
26
26
  display: flex;
27
27
  line-height: normal;
28
28
  }`})]})}module.exports=N;
@@ -114,7 +114,7 @@ function q(e) {
114
114
  /* @__PURE__ */ y(
115
115
  "div",
116
116
  {
117
- className: D((b = e.builderBlock) == null ? void 0 : b.id) + " div-6e395700",
117
+ className: D((b = e.builderBlock) == null ? void 0 : b.id) + " div-035056da",
118
118
  style: v(),
119
119
  children: [
120
120
  /* @__PURE__ */ r(
@@ -151,7 +151,7 @@ function q(e) {
151
151
  ]
152
152
  }
153
153
  ),
154
- /* @__PURE__ */ r("style", { children: `.div-6e395700 {
154
+ /* @__PURE__ */ r("style", { children: `.div-035056da {
155
155
  display: flex;
156
156
  line-height: normal;
157
157
  }` })
@@ -1,11 +1,11 @@
1
- "use client";"use strict";const t=require("react/jsx-runtime"),m=require("react"),l=require("./image.helpers.cjs");function b(e){var s,r,u,o,d,g;function n(){var f;const i=e.image||e.src;if(!i||!(typeof i=="string"&&(i.match(/builder\.io/)||i.match(/cdn\.shopify\.com/))))return e.srcset;if(!e.noWebp){if(e.srcset&&((f=e.image)!=null&&f.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 h(){const c={position:"absolute",height:"100%",width:"100%",left:"0px",top:"0px"};return e.aspectRatio?c:void 0}return m.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",...h()},className:"builder-image"+(e.className?" "+e.className:"")+" img-c071ff08",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-c071ff08",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-c071ff08-2",children:e.children}):null]}),t.jsx("style",{children:`.img-c071ff08 {
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,u,o,d,g;function n(){var h;const i=e.image||e.src;if(!i||!(typeof i=="string"&&(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-5e5f3633",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-5e5f3633",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-5e5f3633-2",children:e.children}):null]}),t.jsx("style",{children:`.img-5e5f3633 {
2
2
  opacity: 1;
3
3
  transition: opacity 0.2s ease-in-out;
4
- }.div-c071ff08 {
4
+ }.div-5e5f3633 {
5
5
  width: 100%;
6
6
  pointer-events: none;
7
7
  font-size: 0;
8
- }.div-c071ff08-2 {
8
+ }.div-5e5f3633-2 {
9
9
  display: flex;
10
10
  flex-direction: column;
11
11
  align-items: stretch;
@@ -3,7 +3,7 @@ import { jsxs as l, Fragment as a, jsx as t } from "react/jsx-runtime";
3
3
  import { useEffect as v } from "react";
4
4
  import { getSrcSet as o } from "./image.helpers.mjs";
5
5
  function w(e) {
6
- var d, s, u, f, g, m;
6
+ var d, s, u, g, m, f;
7
7
  function n() {
8
8
  var h;
9
9
  const i = e.image || e.src;
@@ -51,7 +51,7 @@ function w(e) {
51
51
  objectFit: e.backgroundSize || "cover",
52
52
  ...b()
53
53
  },
54
- className: "builder-image" + (e.className ? " " + e.className : "") + " img-c071ff08",
54
+ className: "builder-image" + (e.className ? " " + e.className : "") + " img-5e5f3633",
55
55
  src: e.image,
56
56
  srcSet: n(),
57
57
  sizes: e.sizes
@@ -61,23 +61,23 @@ function w(e) {
61
61
  e.aspectRatio && !((s = (d = e.builderBlock) == null ? void 0 : d.children) != null && s.length && e.fitContent) ? /* @__PURE__ */ t(
62
62
  "div",
63
63
  {
64
- className: "builder-image-sizer div-c071ff08",
64
+ className: "builder-image-sizer div-5e5f3633",
65
65
  style: {
66
66
  paddingTop: e.aspectRatio * 100 + "%"
67
67
  }
68
68
  }
69
69
  ) : null,
70
- (f = (u = e.builderBlock) == null ? void 0 : u.children) != null && f.length && e.fitContent ? /* @__PURE__ */ t(a, { children: e.children }) : null,
71
- !e.fitContent && ((m = (g = e.builderBlock) == null ? void 0 : g.children) != null && m.length) ? /* @__PURE__ */ t("div", { className: "div-c071ff08-2", children: e.children }) : null
70
+ (g = (u = e.builderBlock) == null ? void 0 : u.children) != null && g.length && e.fitContent ? /* @__PURE__ */ t(a, { children: e.children }) : null,
71
+ !e.fitContent && ((f = (m = e.builderBlock) == null ? void 0 : m.children) != null && f.length) ? /* @__PURE__ */ t("div", { className: "div-5e5f3633-2", children: e.children }) : null
72
72
  ] }),
73
- /* @__PURE__ */ t("style", { children: `.img-c071ff08 {
73
+ /* @__PURE__ */ t("style", { children: `.img-5e5f3633 {
74
74
  opacity: 1;
75
75
  transition: opacity 0.2s ease-in-out;
76
- }.div-c071ff08 {
76
+ }.div-5e5f3633 {
77
77
  width: 100%;
78
78
  pointer-events: none;
79
79
  font-size: 0;
80
- }.div-c071ff08-2 {
80
+ }.div-5e5f3633-2 {
81
81
  display: flex;
82
82
  flex-direction: column;
83
83
  align-items: stretch;
@@ -1 +1 @@
1
- "use client";"use strict";const e=require("react/jsx-runtime"),t=require("react");function n(r){return t.useEffect(()=>{},[]),e.jsx(e.Fragment,{children:r.children})}module.exports=n;
1
+ "use client";"use strict";const e=require("react/jsx-runtime"),r=require("react");function n(t){return r.useEffect(()=>{},[]),e.jsx(e.Fragment,{children:t.children})}module.exports=n;
@@ -1,4 +1,4 @@
1
- "use client";"use strict";const a=require("react/jsx-runtime"),l=require("react"),s=require("../../functions/is-editing.cjs");function d(e){const c=l.useRef(null);function o(){var t;return["builder-blocks",(t=e.blocks)!=null&&t.length?"":"no-blocks",e.classNameProp].filter(Boolean).join(" ")}function i(){if(!e.path)return;const t="component.options.";return e.path.startsWith(t)?e.path:`${t}${e.path||""}`}function r(){var t,n;s.isEditing()&&!((t=e.blocks)!=null&&t.length)&&((n=window.parent)==null||n.postMessage({type:"builder.clickEmptyBlocks",data:{parentElementId:e.parent,dataPath:i()}},"*"))}function u(){var t,n;s.isEditing()&&!((t=e.blocks)!=null&&t.length)&&((n=window.parent)==null||n.postMessage({type:"builder.hoverEmptyBlocks",data:{parentElementId:e.parent,dataPath:i()}},"*"))}return l.useEffect(()=>{},[]),a.jsxs(a.Fragment,{children:[a.jsx(e.BlocksWrapper,{ref:c,className:o()+" props-blocks-wrapper-215a41e0","builder-path":i(),"builder-parent-id":e.parent,style:e.styleProp,onClick:t=>r(),onMouseEnter:t=>u(),onKeyPress:t=>r(),...e.BlocksWrapperProps,children:e.children}),a.jsx("style",{children:`.props-blocks-wrapper-215a41e0 {
1
+ "use client";"use strict";const i=require("react/jsx-runtime"),l=require("react"),s=require("../../functions/is-editing.cjs");function d(e){const c=l.useRef(null);function o(){var t;return["builder-blocks",(t=e.blocks)!=null&&t.length?"":"no-blocks",e.classNameProp].filter(Boolean).join(" ")}function a(){if(!e.path)return;const t="component.options.";return e.path.startsWith(t)?e.path:`${t}${e.path||""}`}function r(){var t,n;s.isEditing()&&!((t=e.blocks)!=null&&t.length)&&((n=window.parent)==null||n.postMessage({type:"builder.clickEmptyBlocks",data:{parentElementId:e.parent,dataPath:a()}},"*"))}function u(){var t,n;s.isEditing()&&!((t=e.blocks)!=null&&t.length)&&((n=window.parent)==null||n.postMessage({type:"builder.hoverEmptyBlocks",data:{parentElementId:e.parent,dataPath:a()}},"*"))}return l.useEffect(()=>{},[]),i.jsxs(i.Fragment,{children:[i.jsx(e.BlocksWrapper,{ref:c,className:o()+" props-blocks-wrapper-754e6138","builder-path":a(),"builder-parent-id":e.parent,style:e.styleProp,onClick:t=>r(),onMouseEnter:t=>u(),onKeyPress:t=>r(),...e.BlocksWrapperProps,children:e.children}),i.jsx("style",{children:`.props-blocks-wrapper-754e6138 {
2
2
  display: flex;
3
3
  flex-direction: column;
4
4
  align-items: stretch;
@@ -50,7 +50,7 @@ function b(e) {
50
50
  e.BlocksWrapper,
51
51
  {
52
52
  ref: o,
53
- className: c() + " props-blocks-wrapper-215a41e0",
53
+ className: c() + " props-blocks-wrapper-754e6138",
54
54
  "builder-path": a(),
55
55
  "builder-parent-id": e.parent,
56
56
  style: e.styleProp,
@@ -61,7 +61,7 @@ function b(e) {
61
61
  children: e.children
62
62
  }
63
63
  ),
64
- /* @__PURE__ */ r("style", { children: `.props-blocks-wrapper-215a41e0 {
64
+ /* @__PURE__ */ r("style", { children: `.props-blocks-wrapper-754e6138 {
65
65
  display: flex;
66
66
  flex-direction: column;
67
67
  align-items: stretch;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="0.17.2";exports.SDK_VERSION=e;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="0.17.3";exports.SDK_VERSION=e;
@@ -1,4 +1,4 @@
1
- const o = "0.17.2";
1
+ const o = "0.17.3";
2
2
  export {
3
3
  o as SDK_VERSION
4
4
  };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@builder.io/sdk-react-nextjs",
3
3
  "description": "Builder.io RSC SDK for NextJS App Directory",
4
- "version": "0.17.2",
4
+ "version": "0.17.3",
5
5
  "homepage": "https://github.com/BuilderIO/builder/tree/main/packages/sdks/output/nextjs",
6
6
  "repository": {
7
7
  "type": "git",
@@ -1 +1 @@
1
- export declare const SDK_VERSION = "0.17.2";
1
+ export declare const SDK_VERSION = "0.17.3";
@@ -33,6 +33,7 @@ export interface BuilderContent extends BuilderContentVariation {
33
33
  published?: 'published' | 'draft' | 'archived';
34
34
  modelId?: string;
35
35
  priority?: number;
36
+ firstPublished?: number;
36
37
  lastUpdated?: number;
37
38
  startDate?: number;
38
39
  endDate?: number;
@@ -19,6 +19,16 @@ export interface Input {
19
19
  /** @hidden */
20
20
  autoFocus?: boolean;
21
21
  subFields?: Input[];
22
+ /**
23
+ * When input is of `type` `object`, use this field to collapse multiple inputs
24
+ * in the Visual Editor by default and preserve screen space.
25
+ */
26
+ folded?: boolean;
27
+ /**
28
+ * When input is of `type` `object`, provide guidance in the Visual Editor
29
+ * on how to edit this object's contents.
30
+ */
31
+ keysHelperText?: string;
22
32
  /**
23
33
  * Additional text to render in the UI to give guidance on how to use this
24
34
  *
@@ -1 +1 @@
1
- export declare const SDK_VERSION = "0.17.2";
1
+ export declare const SDK_VERSION = "0.17.3";
@@ -33,6 +33,7 @@ export interface BuilderContent extends BuilderContentVariation {
33
33
  published?: 'published' | 'draft' | 'archived';
34
34
  modelId?: string;
35
35
  priority?: number;
36
+ firstPublished?: number;
36
37
  lastUpdated?: number;
37
38
  startDate?: number;
38
39
  endDate?: number;
@@ -19,6 +19,16 @@ export interface Input {
19
19
  /** @hidden */
20
20
  autoFocus?: boolean;
21
21
  subFields?: Input[];
22
+ /**
23
+ * When input is of `type` `object`, use this field to collapse multiple inputs
24
+ * in the Visual Editor by default and preserve screen space.
25
+ */
26
+ folded?: boolean;
27
+ /**
28
+ * When input is of `type` `object`, provide guidance in the Visual Editor
29
+ * on how to edit this object's contents.
30
+ */
31
+ keysHelperText?: string;
22
32
  /**
23
33
  * Additional text to render in the UI to give guidance on how to use this
24
34
  *