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

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

package/lib/node/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/node/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/node/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/node/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/node/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.7";exports.SDK_VERSION=e;

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

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

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@builder.io/sdk-react-nextjs",
   "description": "Builder.io RSC SDK for NextJS App Directory",
-  "version": "0.17.6",
+  "version": "0.17.7",
   "homepage": "https://github.com/BuilderIO/builder/tree/main/packages/sdks/output/nextjs",
   "repository": {
     "type": "git",

package/types/cjs/blocks/personalization-container/component-info.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentInfo } from '../../types/components.js';
+export declare const componentInfo: ComponentInfo;

package/types/cjs/blocks/personalization-container/helpers/inlined-fns.d.ts

@@ -0,0 +1,8 @@
+/**
+ * WARNING: This file contains functions that get stringified and inlined into the HTML at build-time.
+ * They cannot import anything.
+ */
+import type { Query, UserAttributes } from '../helpers.js';
+export declare function filterWithCustomTargeting(userAttributes: UserAttributes, query: Query[], startDate?: string, endDate?: string): boolean;
+export declare const PERSONALIZATION_SCRIPT = "function getPersonalizedVariant(variants, blockId, locale) {\n  if (!navigator.cookieEnabled) {\n    return;\n  }\n  function getCookie(name) {\n    const nameEQ = name + '=';\n    const ca = document.cookie.split(';');\n    for (let i = 0; i < ca.length; i++) {\n      let c = ca[i];\n      while (c.charAt(0) == ' ') c = c.substring(1, c.length);\n      if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);\n    }\n    return null;\n  }\n  function removeVariants() {\n    variants?.forEach(function (_, index) {\n      document.querySelector('template[data-variant-id=\"' + blockId + '-' + index + '\"]')?.remove();\n    });\n    document.querySelector('script[data-id=\"variants-script-' + blockId + '\"]')?.remove();\n    document.querySelector('style[data-id=\"variants-styles-' + blockId + '\"]')?.remove();\n  }\n  const attributes = JSON.parse(getCookie('builder.userAttributes') || '{}');\n  if (locale) {\n    attributes.locale = locale;\n  }\n  const winningVariantIndex = variants?.findIndex(function (variant) {\n    return filterWithCustomTargeting(attributes, variant.query, variant.startDate, variant.endDate);\n  });\n  const isDebug = location.href.includes('builder.debug=true');\n  if (isDebug) {\n    console.debug('PersonalizationContainer', {\n      attributes,\n      variants,\n      winningVariantIndex\n    });\n  }\n  if (winningVariantIndex !== -1) {\n    const winningVariant = document.querySelector('template[data-variant-id=\"' + blockId + '-' + winningVariantIndex + '\"]');\n    if (winningVariant) {\n      const parentNode = winningVariant.parentNode;\n      if (parentNode) {\n        const newParent = parentNode.cloneNode(false);\n        newParent.appendChild(winningVariant.content.firstChild);\n        newParent.appendChild(winningVariant.content.lastChild);\n        parentNode.parentNode?.replaceChild(newParent, parentNode);\n      }\n      if (isDebug) {\n        console.debug('PersonalizationContainer', 'Winning variant Replaced:', winningVariant);\n      }\n    }\n  } else if (variants && variants.length > 0) {\n    removeVariants();\n  }\n}";
+export declare const FILTER_WITH_CUSTOM_TARGETING_SCRIPT = "function filterWithCustomTargeting(userAttributes, query, startDate, endDate) {\n  function isString(val) {\n    return typeof val === 'string';\n  }\n  function isNumber(val) {\n    return typeof val === 'number';\n  }\n  function objectMatchesQuery(userattr, query) {\n    const result = (() => {\n      const property = query.property;\n      const operator = query.operator;\n      let testValue = query.value;\n      if (query && query.property === 'urlPath' && query.value && typeof query.value === 'string' && query.value !== '/' && query.value.endsWith('/')) {\n        testValue = query.value.slice(0, -1);\n      }\n      if (!(property && operator)) {\n        return true;\n      }\n      if (Array.isArray(testValue)) {\n        if (operator === 'isNot') {\n          return testValue.every(val => objectMatchesQuery(userattr, {\n            property,\n            operator,\n            value: val\n          }));\n        }\n        return !!testValue.find(val => objectMatchesQuery(userattr, {\n          property,\n          operator,\n          value: val\n        }));\n      }\n      const value = userattr[property];\n      if (Array.isArray(value)) {\n        return value.includes(testValue);\n      }\n      switch (operator) {\n        case 'is':\n          return value === testValue;\n        case 'isNot':\n          return value !== testValue;\n        case 'contains':\n          return (isString(value) || Array.isArray(value)) && value.includes(String(testValue));\n        case 'startsWith':\n          return isString(value) && value.startsWith(String(testValue));\n        case 'endsWith':\n          return isString(value) && value.endsWith(String(testValue));\n        case 'greaterThan':\n          return isNumber(value) && isNumber(testValue) && value > testValue;\n        case 'lessThan':\n          return isNumber(value) && isNumber(testValue) && value < testValue;\n        case 'greaterThanOrEqualTo':\n          return isNumber(value) && isNumber(testValue) && value >= testValue;\n        case 'lessThanOrEqualTo':\n          return isNumber(value) && isNumber(testValue) && value <= testValue;\n        default:\n          return false;\n      }\n    })();\n    return result;\n  }\n  const item = {\n    query,\n    startDate,\n    endDate\n  };\n  const now = userAttributes.date && new Date(userAttributes.date) || new Date();\n  if (item.startDate && new Date(item.startDate) > now) {\n    return false;\n  } else if (item.endDate && new Date(item.endDate) < now) {\n    return false;\n  }\n  if (!item.query || !item.query.length) {\n    return true;\n  }\n  return item.query.every(filter => {\n    return objectMatchesQuery(userAttributes, filter);\n  });\n}";

package/types/cjs/blocks/personalization-container/helpers.d.ts

@@ -0,0 +1,27 @@
+import type { BuilderBlock } from '../../types/builder-block.js';
+import type { PersonalizationContainerProps } from './personalization-container.types.js';
+export type UserAttributes = {
+    date?: string | Date;
+    urlPath?: string;
+    [key: string]: any;
+};
+type QueryOperator = 'is' | 'isNot' | 'contains' | 'startsWith' | 'endsWith' | 'greaterThan' | 'lessThan' | 'greaterThanOrEqualTo' | 'lessThanOrEqualTo';
+type QueryValue = string | number | boolean | Array<string | number | boolean>;
+export type Query = {
+    property: string;
+    operator: QueryOperator;
+    value: QueryValue;
+};
+export declare function checkShouldRenderVariants(variants: PersonalizationContainerProps['variants'], canTrack: boolean): boolean;
+export declare function getBlocksToRender({ variants, previewingIndex, isHydrated, filteredVariants, fallbackBlocks }: {
+    variants: PersonalizationContainerProps['variants'];
+    previewingIndex?: number | null;
+    isHydrated: boolean;
+    filteredVariants: PersonalizationContainerProps['variants'];
+    fallbackBlocks?: BuilderBlock[];
+}): {
+    blocks: BuilderBlock[];
+    path: string | undefined;
+};
+export declare const getPersonalizationScript: (variants: PersonalizationContainerProps['variants'], blockId: string, locale?: string) => string;
+export { filterWithCustomTargeting } from './helpers/inlined-fns.js';

package/types/cjs/blocks/personalization-container/index.d.ts

@@ -0,0 +1 @@
+export { default } from './personalization-container.js';

package/types/cjs/blocks/personalization-container/personalization-container.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import type { PersonalizationContainerProps } from "./personalization-container.types.js";
+declare function PersonalizationContainer(props: PersonalizationContainerProps): React.JSX.Element;
+export default PersonalizationContainer;