@builder.io/sdk-react-nextjs 0.17.6 → 0.17.8

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/block/components/block-styles.cjs

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

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

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

package/lib/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/device-sizes.cjs

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

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

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

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

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

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

@@ -1,4 +1,4 @@
-const o = "0.17.6";
+const o = "0.17.8";
 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"),B=require("../functions/is-from-trusted-host.cjs"),M=require("../functions/register.cjs"),E=()=>{M.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 S=(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,supportsXSmallBreakpoint:!0,blockLevelPersonalization:!0}},"*"),(i=window.parent)==null||i.postMessage({type:"builder.updateContent",data:{options:o}},"*"),window.addEventListener("message",u=>{var d,l;if(!B.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=S;

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

@@ -1,10 +1,10 @@
 import { SDK_VERSION as w } from "../constants/sdk-version.mjs";
 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";
+import { isFromTrustedHost as B } from "../functions/is-from-trusted-host.mjs";
+import { register as C } from "../functions/register.mjs";
 const S = () => {
-  E("insertMenu", {
+  C("insertMenu", {
     name: "_default",
     default: !0,
     items: [{
@@ -27,7 +27,7 @@ const S = () => {
   });
 };
 let m = !1;
-const k = (o = {}) => {
+const x = (a = {}) => {
   var n, i;
   m || (m = !0, b() && ((n = window.parent) == null || n.postMessage({
     type: "builder.sdkInfo",
@@ -38,16 +38,18 @@ const k = (o = {}) => {
       // Supports builder-model="..." attribute which is needed to
       // scope our '+ add block' button styling
       supportsAddBlockScoping: !0,
-      supportsCustomBreakpoints: !0
+      supportsCustomBreakpoints: !0,
+      supportsXSmallBreakpoint: !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 (!B(a.trustedHosts, u))
       return;
     const {
       data: e
@@ -59,8 +61,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 +70,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({
@@ -91,5 +93,5 @@ const k = (o = {}) => {
 };
 export {
   S as registerInsertMenu,
-  k as setupBrowserForEditing
+  x as setupBrowserForEditing
 };

package/lib/edge/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;