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

package/lib/browser/blocks/columns/columns.cjs

@@ -1,4 +1,4 @@
-"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`
+"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 f,g;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`
         @media (max-width: ${b("medium")}px) {
           .${e.builderBlock.id}-breakpoints {
             flex-direction: var(--flex-dir-tablet);
@@ -22,7 +22,7 @@
             margin-left: var(--column-margin-left-mobile) !important;
           }
         },
-      `},$=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 {
+      `},$=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((f=e.builderBlock)==null?void 0:f.id)+" div-1aff548e",style:C(),children:[o.jsx(q,{id:"builderio-columns",styles:w(),nonce:e.builderContext.nonce}),(g=e.columns)==null?void 0:g.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,context:e.builderContext,registeredComponents:e.builderComponents,linkComponent:e.builderLinkComponent,blocks:n.blocks,styleProp:{flexGrow:"1"}})},t))]}),o.jsx("style",{children:`.div-1aff548e {
   display: flex;
   line-height: normal;
 }`})]})}module.exports=N;

package/lib/browser/blocks/columns/columns.mjs

@@ -114,7 +114,7 @@ function q(e) {
     /* @__PURE__ */ y(
       "div",
       {
-        className: D((b = e.builderBlock) == null ? void 0 : b.id) + " div-035056da",
+        className: D((b = e.builderBlock) == null ? void 0 : b.id) + " div-1aff548e",
         style: v(),
         children: [
           /* @__PURE__ */ r(
@@ -136,13 +136,13 @@ function q(e) {
                 {
                   path: `columns.${t}.blocks`,
                   parent: e.builderBlock.id,
-                  styleProp: {
-                    flexGrow: "1"
-                  },
                   context: e.builderContext,
                   registeredComponents: e.builderComponents,
                   linkComponent: e.builderLinkComponent,
-                  blocks: n.blocks
+                  blocks: n.blocks,
+                  styleProp: {
+                    flexGrow: "1"
+                  }
                 }
               )
             },
@@ -151,7 +151,7 @@ function q(e) {
         ]
       }
     ),
-    /* @__PURE__ */ r("style", { children: `.div-035056da {
+    /* @__PURE__ */ r("style", { children: `.div-1aff548e {
   display: flex;
   line-height: normal;
 }` })

package/lib/browser/blocks/image/image.cjs

@@ -1,11 +1,11 @@
-"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 {
+"use client";"use strict";const t=require("react/jsx-runtime"),a=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"),a.getSrcSet(i)}else if(e.image&&!e.srcset)return a.getSrcSet(i);return a.getSrcSet(i)}}function l(){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 t.jsxs(t.Fragment,{children:[t.jsxs(t.Fragment,{children:[t.jsxs("picture",{children:[l()?t.jsx("source",{type:"image/webp",srcSet:l()}):null,t.jsx("img",{loading:e.highPriority?"eager":"lazy",fetchPriority:e.highPriority?"high":"auto",alt:e.altText,role:e.altText?void 0:"presentation",style:{objectPosition:e.backgroundPosition||"center",objectFit:e.backgroundSize||"cover",...m()},className:"builder-image"+(e.className?" "+e.className:"")+" img-606b99a4",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-606b99a4",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-606b99a4-2",children:e.children}):null]}),t.jsx("style",{children:`.img-606b99a4 {
   opacity: 1;
   transition: opacity 0.2s ease-in-out;
-}.div-5e5f3633 {
+}.div-606b99a4 {
   width: 100%;
   pointer-events: none;
   font-size: 0;
-}.div-5e5f3633-2 {
+}.div-606b99a4-2 {
   display: flex;
   flex-direction: column;
   align-items: stretch;

package/lib/browser/blocks/image/image.mjs

@@ -1,18 +1,17 @@
 "use client";
-import { jsxs as l, Fragment as a, jsx as t } from "react/jsx-runtime";
-import { useEffect as v } from "react";
+import { jsxs as a, Fragment as c, jsx as t } from "react/jsx-runtime";
 import { getSrcSet as o } from "./image.helpers.mjs";
-function w(e) {
-  var d, s, u, g, m, f;
+function x(e) {
+  var d, s, u, g, h, m;
   function n() {
-    var h;
+    var b;
     const i = e.image || e.src;
     if (!i || // We can auto add srcset for cdn.builder.io and shopify
     // images, otherwise you can supply this prop manually
     !(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 && ((b = e.image) != null && b.includes("builder.io/api/v1/image"))) {
         if (!e.srcset.includes(e.image.split("?")[0]))
           return console.debug("Removed given srcset"), o(i);
       } else if (e.image && !e.srcset)
@@ -21,23 +20,22 @@ function w(e) {
     }
   }
   function r() {
-    var c;
-    return (c = n == null ? void 0 : n()) != null && c.match(/builder\.io/) && !e.noWebp ? n().replace(/\?/g, "?format=webp&") : "";
+    var l;
+    return (l = n == null ? void 0 : n()) != null && l.match(/builder\.io/) && !e.noWebp ? n().replace(/\?/g, "?format=webp&") : "";
   }
-  function b() {
-    const c = {
+  function f() {
+    const l = {
       position: "absolute",
       height: "100%",
       width: "100%",
       left: "0px",
       top: "0px"
     };
-    return e.aspectRatio ? c : void 0;
+    return e.aspectRatio ? l : void 0;
   }
-  return v(() => {
-  }, []), /* @__PURE__ */ l(a, { children: [
-    /* @__PURE__ */ l(a, { children: [
-      /* @__PURE__ */ l("picture", { children: [
+  return /* @__PURE__ */ a(c, { children: [
+    /* @__PURE__ */ a(c, { children: [
+      /* @__PURE__ */ a("picture", { children: [
         r() ? /* @__PURE__ */ t("source", { type: "image/webp", srcSet: r() }) : null,
         /* @__PURE__ */ t(
           "img",
@@ -49,9 +47,9 @@ function w(e) {
             style: {
               objectPosition: e.backgroundPosition || "center",
               objectFit: e.backgroundSize || "cover",
-              ...b()
+              ...f()
             },
-            className: "builder-image" + (e.className ? " " + e.className : "") + " img-5e5f3633",
+            className: "builder-image" + (e.className ? " " + e.className : "") + " img-606b99a4",
             src: e.image,
             srcSet: n(),
             sizes: e.sizes
@@ -61,23 +59,23 @@ function w(e) {
       e.aspectRatio && !((s = (d = e.builderBlock) == null ? void 0 : d.children) != null && s.length && e.fitContent) ? /* @__PURE__ */ t(
         "div",
         {
-          className: "builder-image-sizer div-5e5f3633",
+          className: "builder-image-sizer div-606b99a4",
           style: {
             paddingTop: e.aspectRatio * 100 + "%"
           }
         }
       ) : null,
-      (g = (u = e.builderBlock) == null ? void 0 : u.children) != null && g.length && e.fitContent ? /* @__PURE__ */ t(a, { children: e.children }) : null,
-      !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
+      (g = (u = e.builderBlock) == null ? void 0 : u.children) != null && g.length && e.fitContent ? /* @__PURE__ */ t(c, { children: e.children }) : null,
+      !e.fitContent && ((m = (h = e.builderBlock) == null ? void 0 : h.children) != null && m.length) ? /* @__PURE__ */ t("div", { className: "div-606b99a4-2", children: e.children }) : null
     ] }),
-    /* @__PURE__ */ t("style", { children: `.img-5e5f3633 {
+    /* @__PURE__ */ t("style", { children: `.img-606b99a4 {
   opacity: 1;
   transition: opacity 0.2s ease-in-out;
-}.div-5e5f3633 {
+}.div-606b99a4 {
   width: 100%;
   pointer-events: none;
   font-size: 0;
-}.div-5e5f3633-2 {
+}.div-606b99a4-2 {
   display: flex;
   flex-direction: column;
   align-items: stretch;
@@ -90,5 +88,5 @@ function w(e) {
   ] });
 }
 export {
-  w as default
+  x as default
 };

package/lib/browser/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,zIndex:2,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 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;

package/lib/browser/blocks/video/video.mjs

@@ -47,7 +47,6 @@ function f(e) {
               objectPosition: e.position,
               // Hack to get object fit to work as expected and
               // not have the video overflow
-              zIndex: 2,
               borderRadius: "1px",
               ...e.aspectRatio ? {
                 position: "absolute"

package/lib/browser/blocks-exports.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./blocks/button/button.cjs"),t=require("./blocks/columns/columns.cjs"),o=require("./blocks/fragment/fragment.cjs"),r=require("./blocks/image/image.cjs"),n=require("./blocks/section/section.cjs"),i=require("./blocks/symbol/symbol.cjs"),c=require("./blocks/text/text.cjs"),s=require("./blocks/video/video.cjs"),u=require("./components/blocks/blocks.cjs"),l=require("./components/content-variants/content-variants.cjs"),q=require("./context/builder.context.cjs");exports.Button=e;exports.Columns=t;exports.Fragment=o;exports.Image=r;exports.Section=n;exports.Symbol=i;exports.Text=c;exports.Video=s;exports.Blocks=u;exports.Content=l;exports.BuilderContext=q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./blocks/button/button.cjs"),t=require("./blocks/columns/columns.cjs"),r=require("./blocks/fragment/fragment.cjs"),o=require("./blocks/image/image.cjs"),n=require("./blocks/section/section.cjs"),s=require("./blocks/symbol/symbol.cjs"),i=require("./blocks/text/text.cjs"),u=require("./blocks/video/video.cjs"),c=require("./components/blocks/blocks.cjs"),l=require("./components/content-variants/content-variants.cjs"),q=require("./context/builder.context.cjs"),b=require("./helpers/user-attributes.cjs");exports.Button=e;exports.Columns=t;exports.Fragment=r;exports.Image=o;exports.Section=n;exports.Symbol=s;exports.Text=i;exports.Video=u;exports.Blocks=c;exports.Content=l;exports.BuilderContext=q;exports.setClientUserAttributes=b.setClientUserAttributes;

package/lib/browser/blocks-exports.mjs

@@ -1,24 +1,26 @@
 import { default as o } from "./blocks/button/button.mjs";
-import { default as r } from "./blocks/columns/columns.mjs";
+import { default as a } from "./blocks/columns/columns.mjs";
 import { default as l } from "./blocks/fragment/fragment.mjs";
-import { default as u } from "./blocks/image/image.mjs";
-import { default as s } from "./blocks/section/section.mjs";
+import { default as s } from "./blocks/image/image.mjs";
+import { default as x } from "./blocks/section/section.mjs";
 import { default as p } from "./blocks/symbol/symbol.mjs";
 import { default as i } from "./blocks/text/text.mjs";
-import { default as C } from "./blocks/video/video.mjs";
-import { default as g } from "./components/blocks/blocks.mjs";
-import { default as b } from "./components/content-variants/content-variants.mjs";
+import { default as B } from "./blocks/video/video.mjs";
+import { default as c } from "./components/blocks/blocks.mjs";
+import { default as S } from "./components/content-variants/content-variants.mjs";
 import { default as y } from "./context/builder.context.mjs";
+import { setClientUserAttributes as F } from "./helpers/user-attributes.mjs";
 export {
-  g as Blocks,
+  c as Blocks,
   y as BuilderContext,
   o as Button,
-  r as Columns,
-  b as Content,
+  a as Columns,
+  S as Content,
   l as Fragment,
-  u as Image,
-  s as Section,
+  s as Image,
+  x as Section,
   p as Symbol,
   i as Text,
-  C as Video
+  B as Video,
+  F as setClientUserAttributes
 };

package/lib/browser/components/blocks/blocks-wrapper.cjs

@@ -1,5 +1,5 @@
-"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 {
+"use client";"use strict";const i=require("react/jsx-runtime"),r=require("react"),l=require("../../functions/is-editing.cjs");function u(e){const c=r.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="this.",n="component.options.";return e.path.startsWith(t)?e.path.replace(t,""):e.path.startsWith(n)?e.path:`${n}${e.path||""}`}function s(){var t,n;l.isEditing()&&!((t=e.blocks)!=null&&t.length)&&((n=window.parent)==null||n.postMessage({type:"builder.clickEmptyBlocks",data:{parentElementId:e.parent,dataPath:a()}},"*"))}function d(){var t,n;l.isEditing()&&!((t=e.blocks)!=null&&t.length)&&((n=window.parent)==null||n.postMessage({type:"builder.hoverEmptyBlocks",data:{parentElementId:e.parent,dataPath:a()}},"*"))}return r.useEffect(()=>{},[]),i.jsxs(i.Fragment,{children:[i.jsx(e.BlocksWrapper,{ref:c,className:o()+" props-blocks-wrapper-78b0d3be","builder-path":a(),"builder-parent-id":e.parent,style:e.styleProp,onClick:t=>s(),onMouseEnter:t=>d(),onKeyPress:t=>s(),...e.BlocksWrapperProps,children:e.children}),i.jsx("style",{children:`.props-blocks-wrapper-78b0d3be {
   display: flex;
   flex-direction: column;
   align-items: stretch;
-}`})]})}module.exports=d;
+}`})]})}module.exports=u;

package/lib/browser/components/blocks/blocks-wrapper.mjs

@@ -1,10 +1,10 @@
 "use client";
-import { jsxs as d, Fragment as u, jsx as r } from "react/jsx-runtime";
-import { useRef as f, useEffect as h } from "react";
+import { jsxs as d, Fragment as h, jsx as r } from "react/jsx-runtime";
+import { useRef as f, useEffect as u } from "react";
 import { isEditing as i } from "../../functions/is-editing.mjs";
-function b(e) {
+function k(e) {
   const o = f(null);
-  function c() {
+  function s() {
     var t;
     return [
       "builder-blocks",
@@ -15,8 +15,8 @@ function b(e) {
   function a() {
     if (!e.path)
       return;
-    const t = "component.options.";
-    return e.path.startsWith(t) ? e.path : `${t}${e.path || ""}`;
+    const t = "this.", n = "component.options.";
+    return e.path.startsWith(t) ? e.path.replace(t, "") : e.path.startsWith(n) ? e.path : `${n}${e.path || ""}`;
   }
   function l() {
     var t, n;
@@ -31,7 +31,7 @@ function b(e) {
       "*"
     ));
   }
-  function s() {
+  function c() {
     var t, n;
     i() && !((t = e.blocks) != null && t.length) && ((n = window.parent) == null || n.postMessage(
       {
@@ -44,24 +44,24 @@ function b(e) {
       "*"
     ));
   }
-  return h(() => {
-  }, []), /* @__PURE__ */ d(u, { children: [
+  return u(() => {
+  }, []), /* @__PURE__ */ d(h, { children: [
     /* @__PURE__ */ r(
       e.BlocksWrapper,
       {
         ref: o,
-        className: c() + " props-blocks-wrapper-754e6138",
+        className: s() + " props-blocks-wrapper-78b0d3be",
         "builder-path": a(),
         "builder-parent-id": e.parent,
         style: e.styleProp,
         onClick: (t) => l(),
-        onMouseEnter: (t) => s(),
+        onMouseEnter: (t) => c(),
         onKeyPress: (t) => l(),
         ...e.BlocksWrapperProps,
         children: e.children
       }
     ),
-    /* @__PURE__ */ r("style", { children: `.props-blocks-wrapper-754e6138 {
+    /* @__PURE__ */ r("style", { children: `.props-blocks-wrapper-78b0d3be {
   display: flex;
   flex-direction: column;
   align-items: stretch;
@@ -69,5 +69,5 @@ function b(e) {
   ] });
 }
 export {
-  b as default
+  k as default
 };

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

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

package/lib/browser/constants/sdk-version.mjs

@@ -1,4 +1,4 @@
-const o = "0.17.3";
+const o = "0.17.7";
 export {
   o as SDK_VERSION
 };

package/lib/browser/helpers/canTrack.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./nullable.cjs"),l=e=>t.checkIsDefined(e)?e:!0;exports.getDefaultCanTrack=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./nullable.cjs"),u=require("./user-attributes.cjs"),s=e=>{const t=r.checkIsDefined(e)?e:!0;return u.userAttributesService.setCanTrack(t),t};exports.getDefaultCanTrack=s;

package/lib/browser/helpers/canTrack.mjs

@@ -1,5 +1,9 @@
-import { checkIsDefined as t } from "./nullable.mjs";
-const r = (e) => t(e) ? e : !0;
+import { checkIsDefined as r } from "./nullable.mjs";
+import { userAttributesService as o } from "./user-attributes.mjs";
+const c = (e) => {
+  const t = r(e) ? e : !0;
+  return o.setCanTrack(t), t;
+};
 export {
-  r as getDefaultCanTrack
+  c as getDefaultCanTrack
 };

package/lib/browser/helpers/user-attributes.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../functions/is-browser.cjs"),n=require("./cookie.cjs"),s="builder.userAttributes";function c(){let t=!0;const r=new Set;return{setUserAttributes(e){if(!u.isBrowser())return;const i={...this.getUserAttributes(),...e};n.setCookie({name:s,value:JSON.stringify(i),canTrack:t}),r.forEach(b=>b(i))},getUserAttributes(){return u.isBrowser()?JSON.parse(n.getCookieSync({name:s,canTrack:t})||"{}"):{}},subscribeOnUserAttributesChange(e){return r.add(e),()=>{r.delete(e)}},setCanTrack(e){t=e}}}const o=c(),A=t=>{o.setUserAttributes(t)};exports.USER_ATTRIBUTES_COOKIE_NAME=s;exports.createUserAttributesService=c;exports.setClientUserAttributes=A;exports.userAttributesService=o;

package/lib/browser/helpers/user-attributes.mjs

@@ -0,0 +1,45 @@
+import { isBrowser as i } from "../functions/is-browser.mjs";
+import { setCookie as o, getCookieSync as b } from "./cookie.mjs";
+const u = "builder.userAttributes";
+function c() {
+  let e = !0;
+  const r = /* @__PURE__ */ new Set();
+  return {
+    setUserAttributes(t) {
+      if (!i())
+        return;
+      const s = {
+        ...this.getUserAttributes(),
+        ...t
+      };
+      o({
+        name: u,
+        value: JSON.stringify(s),
+        canTrack: e
+      }), r.forEach((n) => n(s));
+    },
+    getUserAttributes() {
+      return i() ? JSON.parse(b({
+        name: u,
+        canTrack: e
+      }) || "{}") : {};
+    },
+    subscribeOnUserAttributesChange(t) {
+      return r.add(t), () => {
+        r.delete(t);
+      };
+    },
+    setCanTrack(t) {
+      e = t;
+    }
+  };
+}
+const A = c(), S = (e) => {
+  A.setUserAttributes(e);
+};
+export {
+  u as USER_ATTRIBUTES_COOKIE_NAME,
+  c as createUserAttributesService,
+  S as setClientUserAttributes,
+  A as userAttributesService
+};

package/lib/browser/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./blocks/button/button.cjs"),r=require("./blocks/columns/columns.cjs"),i=require("./blocks/fragment/fragment.cjs"),s=require("./blocks/image/image.cjs"),n=require("./blocks/section/section.cjs"),o=require("./blocks/symbol/symbol.cjs"),c=require("./blocks/text/text.cjs"),u=require("./blocks/video/video.cjs"),g=require("./components/blocks/blocks.cjs"),d=require("./components/content-variants/content-variants.cjs"),q=require("./context/builder.context.cjs"),a=require("./functions/is-editing.cjs"),l=require("./functions/is-previewing.cjs"),m=require("./functions/register-component.cjs"),b=require("./functions/register.cjs"),E=require("./functions/set-editor-settings.cjs"),f=require("./functions/get-builder-search-params/index.cjs"),h=require("./functions/track/index.cjs"),p=require("./helpers/subscribe-to-editor.cjs"),P=require("./functions/fetch-builder-props.cjs"),e=require("./functions/get-content/index.cjs");exports.Button=t;exports.Columns=r;exports.Fragment=i;exports.Image=s;exports.Section=n;exports.Symbol=o;exports.Text=c;exports.Video=u;exports.Blocks=g;exports.Content=d;exports.BuilderContext=q;exports.isEditing=a.isEditing;exports.isPreviewing=l.isPreviewing;exports.createRegisterComponentMessage=m.createRegisterComponentMessage;exports.register=b.register;exports.setEditorSettings=E.setEditorSettings;exports.getBuilderSearchParams=f.getBuilderSearchParams;exports.track=h.track;exports.subscribeToEditor=p.subscribeToEditor;exports.fetchBuilderProps=P.fetchBuilderProps;exports._processContentResult=e._processContentResult;exports.fetchEntries=e.fetchEntries;exports.fetchOneEntry=e.fetchOneEntry;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./blocks/button/button.cjs"),r=require("./blocks/columns/columns.cjs"),i=require("./blocks/fragment/fragment.cjs"),s=require("./blocks/image/image.cjs"),n=require("./blocks/section/section.cjs"),o=require("./blocks/symbol/symbol.cjs"),c=require("./blocks/text/text.cjs"),u=require("./blocks/video/video.cjs"),g=require("./components/blocks/blocks.cjs"),d=require("./components/content-variants/content-variants.cjs"),q=require("./context/builder.context.cjs"),a=require("./helpers/user-attributes.cjs"),l=require("./functions/is-editing.cjs"),b=require("./functions/is-previewing.cjs"),m=require("./functions/register-component.cjs"),E=require("./functions/register.cjs"),C=require("./functions/set-editor-settings.cjs"),f=require("./functions/get-builder-search-params/index.cjs"),h=require("./functions/track/index.cjs"),p=require("./helpers/subscribe-to-editor.cjs"),P=require("./functions/fetch-builder-props.cjs"),e=require("./functions/get-content/index.cjs");exports.Button=t;exports.Columns=r;exports.Fragment=i;exports.Image=s;exports.Section=n;exports.Symbol=o;exports.Text=c;exports.Video=u;exports.Blocks=g;exports.Content=d;exports.BuilderContext=q;exports.setClientUserAttributes=a.setClientUserAttributes;exports.isEditing=l.isEditing;exports.isPreviewing=b.isPreviewing;exports.createRegisterComponentMessage=m.createRegisterComponentMessage;exports.register=E.register;exports.setEditorSettings=C.setEditorSettings;exports.getBuilderSearchParams=f.getBuilderSearchParams;exports.track=h.track;exports.subscribeToEditor=p.subscribeToEditor;exports.fetchBuilderProps=P.fetchBuilderProps;exports._processContentResult=e._processContentResult;exports.fetchEntries=e.fetchEntries;exports.fetchOneEntry=e.fetchOneEntry;

package/lib/browser/index.mjs

@@ -1,46 +1,48 @@
-import { default as t } from "./blocks/button/button.mjs";
+import { default as r } from "./blocks/button/button.mjs";
 import { default as f } from "./blocks/columns/columns.mjs";
-import { default as s } from "./blocks/fragment/fragment.mjs";
+import { default as a } from "./blocks/fragment/fragment.mjs";
 import { default as p } from "./blocks/image/image.mjs";
-import { default as d } from "./blocks/section/section.mjs";
-import { default as l } from "./blocks/symbol/symbol.mjs";
+import { default as i } from "./blocks/section/section.mjs";
+import { default as u } from "./blocks/symbol/symbol.mjs";
 import { default as n } from "./blocks/text/text.mjs";
 import { default as g } from "./blocks/video/video.mjs";
-import { default as C } from "./components/blocks/blocks.mjs";
-import { default as h } from "./components/content-variants/content-variants.mjs";
-import { default as b } from "./context/builder.context.mjs";
-import { isEditing as k } from "./functions/is-editing.mjs";
-import { isPreviewing as R } from "./functions/is-previewing.mjs";
-import { createRegisterComponentMessage as v } from "./functions/register-component.mjs";
-import { register as F } from "./functions/register.mjs";
-import { setEditorSettings as M } from "./functions/set-editor-settings.mjs";
+import { default as B } from "./components/blocks/blocks.mjs";
+import { default as b } from "./components/content-variants/content-variants.mjs";
+import { default as S } from "./context/builder.context.mjs";
+import { setClientUserAttributes as k } from "./helpers/user-attributes.mjs";
+import { isEditing as R } from "./functions/is-editing.mjs";
+import { isPreviewing as v } from "./functions/is-previewing.mjs";
+import { createRegisterComponentMessage as A } from "./functions/register-component.mjs";
+import { register as I } from "./functions/register.mjs";
+import { setEditorSettings as O } from "./functions/set-editor-settings.mjs";
 import { getBuilderSearchParams as V } from "./functions/get-builder-search-params/index.mjs";
 import { track as j } from "./functions/track/index.mjs";
 import { subscribeToEditor as z } from "./helpers/subscribe-to-editor.mjs";
-import { fetchBuilderProps as D } from "./functions/fetch-builder-props.mjs";
-import { _processContentResult as H, fetchEntries as J, fetchOneEntry as K } from "./functions/get-content/index.mjs";
+import { fetchBuilderProps as G } from "./functions/fetch-builder-props.mjs";
+import { _processContentResult as J, fetchEntries as K, fetchOneEntry as L } from "./functions/get-content/index.mjs";
 export {
-  C as Blocks,
-  b as BuilderContext,
-  t as Button,
+  B as Blocks,
+  S as BuilderContext,
+  r as Button,
   f as Columns,
-  h as Content,
-  s as Fragment,
+  b as Content,
+  a as Fragment,
   p as Image,
-  d as Section,
-  l as Symbol,
+  i as Section,
+  u as Symbol,
   n as Text,
   g as Video,
-  H as _processContentResult,
-  v as createRegisterComponentMessage,
-  D as fetchBuilderProps,
-  J as fetchEntries,
-  K as fetchOneEntry,
+  J as _processContentResult,
+  A as createRegisterComponentMessage,
+  G as fetchBuilderProps,
+  K as fetchEntries,
+  L as fetchOneEntry,
   V as getBuilderSearchParams,
-  k as isEditing,
-  R as isPreviewing,
-  F as register,
-  M as setEditorSettings,
+  R as isEditing,
+  v as isPreviewing,
+  I as register,
+  k as setClientUserAttributes,
+  O as setEditorSettings,
   z as subscribeToEditor,
   j as track
 };

package/lib/browser/scripts/init-editing.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("../constants/sdk-version.cjs"),y=require("../constants/target.cjs"),b=require("../functions/is-browser.cjs"),M=require("../functions/is-from-trusted-host.cjs"),B=require("../functions/register.cjs"),E=()=>{B.register("insertMenu",{name:"_default",default:!0,items:[{name:"Box"},{name:"Text"},{name:"Image"},{name:"Columns"},{name:"Core:Section"},{name:"Core:Button"},{name:"Embed"},{name:"Custom Code"}]})};let c=!1;const C=(o={})=>{var a,i;c||(c=!0,b.isBrowser()&&((a=window.parent)==null||a.postMessage({type:"builder.sdkInfo",data:{target:y.TARGET,version:f.SDK_VERSION,supportsPatchUpdates:!1,supportsAddBlockScoping:!0,supportsCustomBreakpoints:!0}},"*"),(i=window.parent)==null||i.postMessage({type:"builder.updateContent",data:{options:o}},"*"),window.addEventListener("message",u=>{var d,l;if(!M.isFromTrustedHost(o.trustedHosts,u))return;const{data:e}=u;if(e!=null&&e.type)switch(e.type){case"builder.evaluate":{const g=e.data.text,m=e.data.arguments||[],r=e.data.id,w=new Function(g);let t,s=null;try{t=w.apply(null,m)}catch(n){s=n}s?(d=window.parent)==null||d.postMessage({type:"builder.evaluateError",data:{id:r,error:s.message}},"*"):t&&typeof t.then=="function"?t.then(n=>{var p;(p=window.parent)==null||p.postMessage({type:"builder.evaluateResult",data:{id:r,result:n}},"*")}).catch(console.error):(l=window.parent)==null||l.postMessage({type:"builder.evaluateResult",data:{result:t,id:r}},"*");break}}})))};exports.registerInsertMenu=E;exports.setupBrowserForEditing=C;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("../constants/sdk-version.cjs"),y=require("../constants/target.cjs"),b=require("../functions/is-browser.cjs"),M=require("../functions/is-from-trusted-host.cjs"),B=require("../functions/register.cjs"),E=()=>{B.register("insertMenu",{name:"_default",default:!0,items:[{name:"Box"},{name:"Text"},{name:"Image"},{name:"Columns"},{name:"Core:Section"},{name:"Core:Button"},{name:"Embed"},{name:"Custom Code"}]})};let c=!1;const v=(o={})=>{var a,i;c||(c=!0,b.isBrowser()&&((a=window.parent)==null||a.postMessage({type:"builder.sdkInfo",data:{target:y.TARGET,version:f.SDK_VERSION,supportsPatchUpdates:!1,supportsAddBlockScoping:!0,supportsCustomBreakpoints:!0,blockLevelPersonalization:!0}},"*"),(i=window.parent)==null||i.postMessage({type:"builder.updateContent",data:{options:o}},"*"),window.addEventListener("message",u=>{var d,l;if(!M.isFromTrustedHost(o.trustedHosts,u))return;const{data:e}=u;if(e!=null&&e.type)switch(e.type){case"builder.evaluate":{const g=e.data.text,m=e.data.arguments||[],r=e.data.id,w=new Function(g);let t,s=null;try{t=w.apply(null,m)}catch(n){s=n}s?(d=window.parent)==null||d.postMessage({type:"builder.evaluateError",data:{id:r,error:s.message}},"*"):t&&typeof t.then=="function"?t.then(n=>{var p;(p=window.parent)==null||p.postMessage({type:"builder.evaluateResult",data:{id:r,result:n}},"*")}).catch(console.error):(l=window.parent)==null||l.postMessage({type:"builder.evaluateResult",data:{result:t,id:r}},"*");break}}})))};exports.registerInsertMenu=E;exports.setupBrowserForEditing=v;

package/lib/browser/scripts/init-editing.mjs

@@ -3,7 +3,7 @@ import { TARGET as y } from "../constants/target.mjs";
 import { isBrowser as b } from "../functions/is-browser.mjs";
 import { isFromTrustedHost as C } from "../functions/is-from-trusted-host.mjs";
 import { register as E } from "../functions/register.mjs";
-const S = () => {
+const x = () => {
   E("insertMenu", {
     name: "_default",
     default: !0,
@@ -27,7 +27,7 @@ const S = () => {
   });
 };
 let m = !1;
-const k = (o = {}) => {
+const S = (a = {}) => {
   var n, i;
   m || (m = !0, b() && ((n = window.parent) == null || n.postMessage({
     type: "builder.sdkInfo",
@@ -38,16 +38,17 @@ const k = (o = {}) => {
       // Supports builder-model="..." attribute which is needed to
       // scope our '+ add block' button styling
       supportsAddBlockScoping: !0,
-      supportsCustomBreakpoints: !0
+      supportsCustomBreakpoints: !0,
+      blockLevelPersonalization: !0
     }
   }, "*"), (i = window.parent) == null || i.postMessage({
     type: "builder.updateContent",
     data: {
-      options: o
+      options: a
     }
   }, "*"), window.addEventListener("message", (u) => {
     var p, d;
-    if (!C(o.trustedHosts, u))
+    if (!C(a.trustedHosts, u))
       return;
     const {
       data: e
@@ -59,8 +60,8 @@ const k = (o = {}) => {
           let t, s = null;
           try {
             t = g.apply(null, f);
-          } catch (a) {
-            s = a;
+          } catch (o) {
+            s = o;
           }
           s ? (p = window.parent) == null || p.postMessage({
             type: "builder.evaluateError",
@@ -68,13 +69,13 @@ const k = (o = {}) => {
               id: r,
               error: s.message
             }
-          }, "*") : t && typeof t.then == "function" ? t.then((a) => {
+          }, "*") : t && typeof t.then == "function" ? t.then((o) => {
             var l;
             (l = window.parent) == null || l.postMessage({
               type: "builder.evaluateResult",
               data: {
                 id: r,
-                result: a
+                result: o
               }
             }, "*");
           }).catch(console.error) : (d = window.parent) == null || d.postMessage({
@@ -90,6 +91,6 @@ const k = (o = {}) => {
   })));
 };
 export {
-  S as registerInsertMenu,
-  k as setupBrowserForEditing
+  x as registerInsertMenu,
+  S as setupBrowserForEditing
 };