@builder.io/sdk-react-nextjs 0.16.16 → 0.16.18

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

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

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

@@ -1,16 +1,20 @@
 "use client";
-import { jsxs as o, Fragment as d, jsx as r } from "react/jsx-runtime";
+import { jsxs as s, Fragment as d, jsx as a } from "react/jsx-runtime";
 import { useRef as u, useEffect as f } from "react";
-import { isEditing as a } from "../../functions/is-editing.mjs";
+import { isEditing as r } from "../../functions/is-editing.mjs";
 function h(e) {
   const c = u(null);
   function i() {
     var t;
-    return "builder-blocks" + ((t = e.blocks) != null && t.length ? "" : " no-blocks");
+    return [
+      "builder-blocks",
+      (t = e.blocks) != null && t.length ? "" : "no-blocks",
+      e.classNameProp
+    ].filter(Boolean).join(" ");
   }
   function l() {
     var t, n;
-    a() && !((t = e.blocks) != null && t.length) && ((n = window.parent) == null || n.postMessage(
+    r() && !((t = e.blocks) != null && t.length) && ((n = window.parent) == null || n.postMessage(
       {
         type: "builder.clickEmptyBlocks",
         data: {
@@ -21,9 +25,9 @@ function h(e) {
       "*"
     ));
   }
-  function s() {
+  function o() {
     var t, n;
-    a() && !((t = e.blocks) != null && t.length) && ((n = window.parent) == null || n.postMessage(
+    r() && !((t = e.blocks) != null && t.length) && ((n = window.parent) == null || n.postMessage(
       {
         type: "builder.hoverEmptyBlocks",
         data: {
@@ -35,23 +39,23 @@ function h(e) {
     ));
   }
   return f(() => {
-  }, []), /* @__PURE__ */ o(d, { children: [
-    /* @__PURE__ */ r(
+  }, []), /* @__PURE__ */ s(d, { children: [
+    /* @__PURE__ */ a(
       e.BlocksWrapper,
       {
         ref: c,
-        className: i() + " props-blocks-wrapper-77bdc7c6",
+        className: i() + " props-blocks-wrapper-43ec7ac8",
         "builder-path": e.path,
         "builder-parent-id": e.parent,
         style: e.styleProp,
         onClick: (t) => l(),
-        onMouseEnter: (t) => s(),
+        onMouseEnter: (t) => o(),
         onKeyPress: (t) => l(),
         ...e.BlocksWrapperProps,
         children: e.children
       }
     ),
-    /* @__PURE__ */ r("style", { children: `.props-blocks-wrapper-77bdc7c6 {
+    /* @__PURE__ */ a("style", { children: `.props-blocks-wrapper-43ec7ac8 {
   display: flex;
   flex-direction: column;
   align-items: stretch;

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

@@ -1 +1 @@
-"use strict";const t=require("react/jsx-runtime"),l=require("../block/block.cjs"),s=require("./blocks-wrapper.cjs");function i(e){var n,r,c;return t.jsx(s,{blocks:e.blocks,parent:e.parent,path:e.path,styleProp:e.styleProp,BlocksWrapper:(n=e.context)==null?void 0:n.BlocksWrapper,BlocksWrapperProps:(r=e.context)==null?void 0:r.BlocksWrapperProps,children:e.blocks?t.jsx(t.Fragment,{children:(c=e.blocks)==null?void 0:c.map(o=>t.jsx(l,{block:o,linkComponent:e.linkComponent,context:e.context,registeredComponents:e.registeredComponents},o.id))}):null})}module.exports=i;
+"use strict";const t=require("react/jsx-runtime"),l=require("../block/block.cjs"),s=require("./blocks-wrapper.cjs");function a(e){var n,c,r;return t.jsx(s,{blocks:e.blocks,parent:e.parent,path:e.path,styleProp:e.styleProp,classNameProp:e.className,BlocksWrapper:(n=e.context)==null?void 0:n.BlocksWrapper,BlocksWrapperProps:(c=e.context)==null?void 0:c.BlocksWrapperProps,children:e.blocks?t.jsx(t.Fragment,{children:(r=e.blocks)==null?void 0:r.map(o=>t.jsx(l,{block:o,linkComponent:e.linkComponent,context:e.context,registeredComponents:e.registeredComponents},o.id))}):null})}module.exports=a;

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

@@ -1,15 +1,16 @@
 import { jsx as t, Fragment as c } from "react/jsx-runtime";
 import a from "../block/block.mjs";
-import k from "./blocks-wrapper.mjs";
-function p(e) {
+import m from "./blocks-wrapper.mjs";
+function B(e) {
   var o, n, r;
   return /* @__PURE__ */ t(
-    k,
+    m,
     {
       blocks: e.blocks,
       parent: e.parent,
       path: e.path,
       styleProp: e.styleProp,
+      classNameProp: e.className,
       BlocksWrapper: (o = e.context) == null ? void 0 : o.BlocksWrapper,
       BlocksWrapperProps: (n = e.context) == null ? void 0 : n.BlocksWrapperProps,
       children: e.blocks ? /* @__PURE__ */ t(c, { children: (r = e.blocks) == null ? void 0 : r.map((l) => /* @__PURE__ */ t(
@@ -26,5 +27,5 @@ function p(e) {
   );
 }
 export {
-  p as default
+  B as default
 };

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

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

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

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

package/lib/browser/functions/get-content/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("../../constants/target.cjs"),h=require("../../helpers/ab-tests.cjs"),w=require("../../helpers/canTrack.cjs"),o=require("../../helpers/logger.cjs"),C=require("../../helpers/preview-lru-cache/get.cjs"),y=require("../get-fetch.cjs"),T=require("../is-browser.cjs"),a=require("./generate-content-url.cjs"),q=t=>"results"in t;async function d(t){const e=await i({...t,limit:1});return e&&e[0]||null}const v=async t=>{var r;const e=a.generateContentUrl(t);return await(await((r=t.fetch)!=null?r:y.fetch)(e.href,t.fetchOptions)).json()},u=async(t,e,n=a.generateContentUrl(t))=>{const s=w.getDefaultCanTrack(t.canTrack);if(n.search.includes("preview=")){const r=[];for(const c of e.results){const f=C.getPreviewContent(n.searchParams);r.push(f||c)}e.results=r}if(!s||!(T.isBrowser()||g.TARGET==="reactNative"))return e.results;try{const r=[];for(const c of e.results)r.push(await h.handleABTesting({item:c,canTrack:s}));e.results=r}catch(r){o.logger.error("Could not process A/B tests. ",r)}return e.results};async function i(t){try{const e=a.generateContentUrl(t),n=await v(t);return q(n)?u(t,n):(o.logger.error("Error fetching data. ",{url:e,content:n,options:t}),null)}catch(e){return o.logger.error("Error fetching data. ",e),null}}exports._processContentResult=u;exports.fetchEntries=i;exports.fetchOneEntry=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("../../constants/target.cjs"),h=require("../../helpers/ab-tests.cjs"),w=require("../../helpers/canTrack.cjs"),o=require("../../helpers/logger.cjs"),d=require("../../helpers/preview-lru-cache/get.cjs"),C=require("../../helpers/sdk-headers.cjs"),y=require("../get-fetch.cjs"),T=require("../is-browser.cjs"),u=require("./generate-content-url.cjs"),q=e=>"results"in e;async function k(e){const t=await l({...e,limit:1});return t&&t[0]||null}const v=async e=>{var s,a;const t=u.generateContentUrl(e),r=(s=e.fetch)!=null?s:y.fetch,c={...e.fetchOptions,headers:{...(a=e.fetchOptions)==null?void 0:a.headers,...C.getSdkHeaders()}};return await(await r(t.href,c)).json()},i=async(e,t,r=u.generateContentUrl(e))=>{const c=w.getDefaultCanTrack(e.canTrack);if(r.search.includes("preview=")){const n=[];for(const s of t.results){const a=d.getPreviewContent(r.searchParams);n.push(a||s)}t.results=n}if(!c||!(T.isBrowser()||g.TARGET==="reactNative"))return t.results;try{const n=[];for(const s of t.results)n.push(await h.handleABTesting({item:s,canTrack:c}));t.results=n}catch(n){o.logger.error("Could not process A/B tests. ",n)}return t.results};async function l(e){try{const t=u.generateContentUrl(e),r=await v(e);return q(r)?i(e,r):(o.logger.error("Error fetching data. ",{url:t,content:r,options:e}),null)}catch(t){return o.logger.error("Error fetching data. ",t),null}}exports._processContentResult=i;exports.fetchEntries=l;exports.fetchOneEntry=k;

package/lib/browser/functions/get-content/index.mjs

@@ -1,62 +1,69 @@
-import { TARGET as f } from "../../constants/target.mjs";
+import { TARGET as u } from "../../constants/target.mjs";
 import { handleABTesting as l } from "../../helpers/ab-tests.mjs";
-import { getDefaultCanTrack as m } from "../../helpers/canTrack.mjs";
-import { logger as o } from "../../helpers/logger.mjs";
-import { getPreviewContent as h } from "../../helpers/preview-lru-cache/get.mjs";
-import { fetch as w } from "../get-fetch.mjs";
+import { getDefaultCanTrack as h } from "../../helpers/canTrack.mjs";
+import { logger as a } from "../../helpers/logger.mjs";
+import { getPreviewContent as m } from "../../helpers/preview-lru-cache/get.mjs";
+import { getSdkHeaders as w } from "../../helpers/sdk-headers.mjs";
+import { fetch as p } from "../get-fetch.mjs";
 import { isBrowser as g } from "../is-browser.mjs";
-import { generateContentUrl as a } from "./generate-content-url.mjs";
-const p = (t) => "results" in t;
-async function B(t) {
-  const r = await v({
-    ...t,
+import { generateContentUrl as i } from "./generate-content-url.mjs";
+const d = (r) => "results" in r;
+async function H(r) {
+  const t = await v({
+    ...r,
     limit: 1
   });
-  return r && r[0] || null;
+  return t && t[0] || null;
 }
-const C = async (t) => {
-  var e;
-  const r = a(t);
-  return await (await ((e = t.fetch) != null ? e : w)(r.href, t.fetchOptions)).json();
-}, y = async (t, r, s = a(t)) => {
-  const n = m(t.canTrack);
-  if (s.search.includes("preview=")) {
-    const e = [];
-    for (const c of r.results) {
-      const u = h(s.searchParams);
-      e.push(u || c);
+const C = async (r) => {
+  var n, o;
+  const t = i(r), e = (n = r.fetch) != null ? n : p, c = {
+    ...r.fetchOptions,
+    headers: {
+      ...(o = r.fetchOptions) == null ? void 0 : o.headers,
+      ...w()
     }
-    r.results = e;
+  };
+  return await (await e(t.href, c)).json();
+}, y = async (r, t, e = i(r)) => {
+  const c = h(r.canTrack);
+  if (e.search.includes("preview=")) {
+    const s = [];
+    for (const n of t.results) {
+      const o = m(e.searchParams);
+      s.push(o || n);
+    }
+    t.results = s;
   }
-  if (!n || !(g() || f === "reactNative"))
-    return r.results;
+  if (!c || !(g() || u === "reactNative"))
+    return t.results;
   try {
-    const e = [];
-    for (const c of r.results)
-      e.push(await l({
-        item: c,
-        canTrack: n
+    const s = [];
+    for (const n of t.results)
+      s.push(await l({
+        item: n,
+        canTrack: c
       }));
-    r.results = e;
-  } catch (e) {
-    o.error("Could not process A/B tests. ", e);
+    t.results = s;
+  } catch (s) {
+    a.error("Could not process A/B tests. ", s);
   }
-  return r.results;
+  return t.results;
 };
-async function v(t) {
+async function v(r) {
   try {
-    const r = a(t), s = await C(t);
-    return p(s) ? y(t, s) : (o.error("Error fetching data. ", {
-      url: r,
-      content: s,
-      options: t
+    const t = i(r), e = await C(r);
+    return d(e) ? y(r, e) : (a.error("Error fetching data. ", {
+      url: t,
+      content: e,
+      options: r
     }), null);
-  } catch (r) {
-    return o.error("Error fetching data. ", r), null;
+  } catch (t) {
+    return a.error("Error fetching data. ", t), null;
   }
 }
 export {
   y as _processContentResult,
   v as fetchEntries,
-  B as fetchOneEntry
+  H as fetchOneEntry
 };

package/lib/browser/functions/track/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../../constants/target.cjs"),a=require("../../helpers/logger.cjs"),c=require("../../helpers/sessionId.cjs"),d=require("../../helpers/visitorId.cjs"),u=require("../is-browser.cjs"),g=require("../is-editing.cjs"),l=require("./helpers.cjs"),y=async({canTrack:t})=>{if(!t)return{visitorId:void 0,sessionId:void 0};const e=await c.getSessionId({canTrack:t}),r=d.getVisitorId({canTrack:t});return{sessionId:e,visitorId:r}},I=async({type:t,canTrack:e,apiKey:r,metadata:s,...o})=>({type:t,data:{...o,metadata:{url:location.href,...s},...await y({canTrack:e}),userAttributes:l.getUserAttributes(),ownerId:r}});async function i(t){if(!t.apiKey){a.logger.error("Missing API key for track call. Please provide your API key.");return}if(t.canTrack&&!g.isEditing()&&(u.isBrowser()||n.TARGET==="reactNative"))return fetch("https://cdn.builder.io/api/v1/track",{method:"POST",body:JSON.stringify({events:[await I(t)]}),headers:{"content-type":"application/json"},mode:"cors"}).catch(e=>{console.error("Failed to track: ",e)})}const f=t=>i({...t,canTrack:!0});exports._track=i;exports.track=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../../constants/target.cjs"),a=require("../../helpers/logger.cjs"),c=require("../../helpers/sdk-headers.cjs"),d=require("../../helpers/sessionId.cjs"),u=require("../../helpers/visitorId.cjs"),g=require("../is-browser.cjs"),l=require("../is-editing.cjs"),y=require("./helpers.cjs"),I=async({canTrack:e})=>{if(!e)return{visitorId:void 0,sessionId:void 0};const t=await d.getSessionId({canTrack:e}),r=u.getVisitorId({canTrack:e});return{sessionId:t,visitorId:r}},k=async({type:e,canTrack:t,apiKey:r,metadata:s,...o})=>({type:e,data:{...o,metadata:{url:location.href,...s},...await I({canTrack:t}),userAttributes:y.getUserAttributes(),ownerId:r}});async function i(e){if(!e.apiKey){a.logger.error("Missing API key for track call. Please provide your API key.");return}if(e.canTrack&&!l.isEditing()&&(g.isBrowser()||n.TARGET==="reactNative"))return fetch("https://cdn.builder.io/api/v1/track",{method:"POST",body:JSON.stringify({events:[await k(e)]}),headers:{"content-type":"application/json",...c.getSdkHeaders()},mode:"cors"}).catch(t=>{console.error("Failed to track: ",t)})}const f=e=>i({...e,canTrack:!0});exports._track=i;exports.track=f;

package/lib/browser/functions/track/index.mjs

@@ -1,11 +1,12 @@
 import { TARGET as a } from "../../constants/target.mjs";
 import { logger as s } from "../../helpers/logger.mjs";
-import { getSessionId as n } from "../../helpers/sessionId.mjs";
-import { getVisitorId as c } from "../../helpers/visitorId.mjs";
-import { isBrowser as d } from "../is-browser.mjs";
+import { getSdkHeaders as n } from "../../helpers/sdk-headers.mjs";
+import { getSessionId as c } from "../../helpers/sessionId.mjs";
+import { getVisitorId as d } from "../../helpers/visitorId.mjs";
+import { isBrowser as m } from "../is-browser.mjs";
 import { isEditing as f } from "../is-editing.mjs";
-import { getUserAttributes as m } from "./helpers.mjs";
-const p = async ({
+import { getUserAttributes as p } from "./helpers.mjs";
+const u = async ({
   canTrack: t
 }) => {
   if (!t)
@@ -13,60 +14,61 @@ const p = async ({
       visitorId: void 0,
       sessionId: void 0
     };
-  const r = await n({
+  const r = await c({
     canTrack: t
-  }), e = c({
+  }), e = d({
     canTrack: t
   });
   return {
     sessionId: r,
     visitorId: e
   };
-}, u = async ({
+}, y = async ({
   type: t,
   canTrack: r,
   apiKey: e,
-  metadata: i,
-  ...o
+  metadata: o,
+  ...i
 }) => ({
   type: t,
   data: {
-    ...o,
+    ...i,
     metadata: {
       url: location.href,
-      ...i
+      ...o
     },
-    ...await p({
+    ...await u({
       canTrack: r
     }),
-    userAttributes: m(),
+    userAttributes: p(),
     ownerId: e
   }
 });
-async function y(t) {
+async function g(t) {
   if (!t.apiKey) {
     s.error("Missing API key for track call. Please provide your API key.");
     return;
   }
-  if (t.canTrack && !f() && (d() || a === "reactNative"))
+  if (t.canTrack && !f() && (m() || a === "reactNative"))
     return fetch("https://cdn.builder.io/api/v1/track", {
       method: "POST",
       body: JSON.stringify({
-        events: [await u(t)]
+        events: [await y(t)]
       }),
       headers: {
-        "content-type": "application/json"
+        "content-type": "application/json",
+        ...n()
       },
       mode: "cors"
     }).catch((r) => {
       console.error("Failed to track: ", r);
     });
 }
-const A = (t) => y({
+const E = (t) => g({
   ...t,
   canTrack: !0
 });
 export {
-  y as _track,
-  A as track
+  g as _track,
+  E as track
 };

package/lib/browser/helpers/sdk-headers.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../constants/sdk-version.cjs"),r=require("../constants/target.cjs"),t=()=>({"X-Builder-SDK":r.TARGET,"X-Builder-SDK-GEN":"2","X-Builder-SDK-Version":e.SDK_VERSION});exports.getSdkHeaders=t;

package/lib/browser/helpers/sdk-headers.mjs

@@ -0,0 +1,10 @@
+import { SDK_VERSION as r } from "../constants/sdk-version.mjs";
+import { TARGET as e } from "../constants/target.mjs";
+const S = () => ({
+  "X-Builder-SDK": e,
+  "X-Builder-SDK-GEN": "2",
+  "X-Builder-SDK-Version": r
+});
+export {
+  S as getSdkHeaders
+};

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

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

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

@@ -1,16 +1,20 @@
 "use client";
-import { jsxs as o, Fragment as d, jsx as r } from "react/jsx-runtime";
+import { jsxs as s, Fragment as d, jsx as a } from "react/jsx-runtime";
 import { useRef as u, useEffect as f } from "react";
-import { isEditing as a } from "../../functions/is-editing.mjs";
+import { isEditing as r } from "../../functions/is-editing.mjs";
 function h(e) {
   const c = u(null);
   function i() {
     var t;
-    return "builder-blocks" + ((t = e.blocks) != null && t.length ? "" : " no-blocks");
+    return [
+      "builder-blocks",
+      (t = e.blocks) != null && t.length ? "" : "no-blocks",
+      e.classNameProp
+    ].filter(Boolean).join(" ");
   }
   function l() {
     var t, n;
-    a() && !((t = e.blocks) != null && t.length) && ((n = window.parent) == null || n.postMessage(
+    r() && !((t = e.blocks) != null && t.length) && ((n = window.parent) == null || n.postMessage(
       {
         type: "builder.clickEmptyBlocks",
         data: {
@@ -21,9 +25,9 @@ function h(e) {
       "*"
     ));
   }
-  function s() {
+  function o() {
     var t, n;
-    a() && !((t = e.blocks) != null && t.length) && ((n = window.parent) == null || n.postMessage(
+    r() && !((t = e.blocks) != null && t.length) && ((n = window.parent) == null || n.postMessage(
       {
         type: "builder.hoverEmptyBlocks",
         data: {
@@ -35,23 +39,23 @@ function h(e) {
     ));
   }
   return f(() => {
-  }, []), /* @__PURE__ */ o(d, { children: [
-    /* @__PURE__ */ r(
+  }, []), /* @__PURE__ */ s(d, { children: [
+    /* @__PURE__ */ a(
       e.BlocksWrapper,
       {
         ref: c,
-        className: i() + " props-blocks-wrapper-77bdc7c6",
+        className: i() + " props-blocks-wrapper-43ec7ac8",
         "builder-path": e.path,
         "builder-parent-id": e.parent,
         style: e.styleProp,
         onClick: (t) => l(),
-        onMouseEnter: (t) => s(),
+        onMouseEnter: (t) => o(),
         onKeyPress: (t) => l(),
         ...e.BlocksWrapperProps,
         children: e.children
       }
     ),
-    /* @__PURE__ */ r("style", { children: `.props-blocks-wrapper-77bdc7c6 {
+    /* @__PURE__ */ a("style", { children: `.props-blocks-wrapper-43ec7ac8 {
   display: flex;
   flex-direction: column;
   align-items: stretch;

package/lib/edge/components/blocks/blocks.cjs

@@ -1 +1 @@
-"use strict";const t=require("react/jsx-runtime"),l=require("../block/block.cjs"),s=require("./blocks-wrapper.cjs");function i(e){var n,r,c;return t.jsx(s,{blocks:e.blocks,parent:e.parent,path:e.path,styleProp:e.styleProp,BlocksWrapper:(n=e.context)==null?void 0:n.BlocksWrapper,BlocksWrapperProps:(r=e.context)==null?void 0:r.BlocksWrapperProps,children:e.blocks?t.jsx(t.Fragment,{children:(c=e.blocks)==null?void 0:c.map(o=>t.jsx(l,{block:o,linkComponent:e.linkComponent,context:e.context,registeredComponents:e.registeredComponents},o.id))}):null})}module.exports=i;
+"use strict";const t=require("react/jsx-runtime"),l=require("../block/block.cjs"),s=require("./blocks-wrapper.cjs");function a(e){var n,c,r;return t.jsx(s,{blocks:e.blocks,parent:e.parent,path:e.path,styleProp:e.styleProp,classNameProp:e.className,BlocksWrapper:(n=e.context)==null?void 0:n.BlocksWrapper,BlocksWrapperProps:(c=e.context)==null?void 0:c.BlocksWrapperProps,children:e.blocks?t.jsx(t.Fragment,{children:(r=e.blocks)==null?void 0:r.map(o=>t.jsx(l,{block:o,linkComponent:e.linkComponent,context:e.context,registeredComponents:e.registeredComponents},o.id))}):null})}module.exports=a;

package/lib/edge/components/blocks/blocks.mjs

@@ -1,15 +1,16 @@
 import { jsx as t, Fragment as c } from "react/jsx-runtime";
 import a from "../block/block.mjs";
-import k from "./blocks-wrapper.mjs";
-function p(e) {
+import m from "./blocks-wrapper.mjs";
+function B(e) {
   var o, n, r;
   return /* @__PURE__ */ t(
-    k,
+    m,
     {
       blocks: e.blocks,
       parent: e.parent,
       path: e.path,
       styleProp: e.styleProp,
+      classNameProp: e.className,
       BlocksWrapper: (o = e.context) == null ? void 0 : o.BlocksWrapper,
       BlocksWrapperProps: (n = e.context) == null ? void 0 : n.BlocksWrapperProps,
       children: e.blocks ? /* @__PURE__ */ t(c, { children: (r = e.blocks) == null ? void 0 : r.map((l) => /* @__PURE__ */ t(
@@ -26,5 +27,5 @@ function p(e) {
   );
 }
 export {
-  p as default
+  B as default
 };

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

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

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

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

package/lib/edge/functions/get-content/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("../../constants/target.cjs"),h=require("../../helpers/ab-tests.cjs"),w=require("../../helpers/canTrack.cjs"),o=require("../../helpers/logger.cjs"),C=require("../../helpers/preview-lru-cache/get.cjs"),y=require("../get-fetch.cjs"),T=require("../is-browser.cjs"),a=require("./generate-content-url.cjs"),q=t=>"results"in t;async function d(t){const e=await i({...t,limit:1});return e&&e[0]||null}const v=async t=>{var r;const e=a.generateContentUrl(t);return await(await((r=t.fetch)!=null?r:y.fetch)(e.href,t.fetchOptions)).json()},u=async(t,e,n=a.generateContentUrl(t))=>{const s=w.getDefaultCanTrack(t.canTrack);if(n.search.includes("preview=")){const r=[];for(const c of e.results){const f=C.getPreviewContent(n.searchParams);r.push(f||c)}e.results=r}if(!s||!(T.isBrowser()||g.TARGET==="reactNative"))return e.results;try{const r=[];for(const c of e.results)r.push(await h.handleABTesting({item:c,canTrack:s}));e.results=r}catch(r){o.logger.error("Could not process A/B tests. ",r)}return e.results};async function i(t){try{const e=a.generateContentUrl(t),n=await v(t);return q(n)?u(t,n):(o.logger.error("Error fetching data. ",{url:e,content:n,options:t}),null)}catch(e){return o.logger.error("Error fetching data. ",e),null}}exports._processContentResult=u;exports.fetchEntries=i;exports.fetchOneEntry=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("../../constants/target.cjs"),h=require("../../helpers/ab-tests.cjs"),w=require("../../helpers/canTrack.cjs"),o=require("../../helpers/logger.cjs"),d=require("../../helpers/preview-lru-cache/get.cjs"),C=require("../../helpers/sdk-headers.cjs"),y=require("../get-fetch.cjs"),T=require("../is-browser.cjs"),u=require("./generate-content-url.cjs"),q=e=>"results"in e;async function k(e){const t=await l({...e,limit:1});return t&&t[0]||null}const v=async e=>{var s,a;const t=u.generateContentUrl(e),r=(s=e.fetch)!=null?s:y.fetch,c={...e.fetchOptions,headers:{...(a=e.fetchOptions)==null?void 0:a.headers,...C.getSdkHeaders()}};return await(await r(t.href,c)).json()},i=async(e,t,r=u.generateContentUrl(e))=>{const c=w.getDefaultCanTrack(e.canTrack);if(r.search.includes("preview=")){const n=[];for(const s of t.results){const a=d.getPreviewContent(r.searchParams);n.push(a||s)}t.results=n}if(!c||!(T.isBrowser()||g.TARGET==="reactNative"))return t.results;try{const n=[];for(const s of t.results)n.push(await h.handleABTesting({item:s,canTrack:c}));t.results=n}catch(n){o.logger.error("Could not process A/B tests. ",n)}return t.results};async function l(e){try{const t=u.generateContentUrl(e),r=await v(e);return q(r)?i(e,r):(o.logger.error("Error fetching data. ",{url:t,content:r,options:e}),null)}catch(t){return o.logger.error("Error fetching data. ",t),null}}exports._processContentResult=i;exports.fetchEntries=l;exports.fetchOneEntry=k;

package/lib/edge/functions/get-content/index.mjs

@@ -1,62 +1,69 @@
-import { TARGET as f } from "../../constants/target.mjs";
+import { TARGET as u } from "../../constants/target.mjs";
 import { handleABTesting as l } from "../../helpers/ab-tests.mjs";
-import { getDefaultCanTrack as m } from "../../helpers/canTrack.mjs";
-import { logger as o } from "../../helpers/logger.mjs";
-import { getPreviewContent as h } from "../../helpers/preview-lru-cache/get.mjs";
-import { fetch as w } from "../get-fetch.mjs";
+import { getDefaultCanTrack as h } from "../../helpers/canTrack.mjs";
+import { logger as a } from "../../helpers/logger.mjs";
+import { getPreviewContent as m } from "../../helpers/preview-lru-cache/get.mjs";
+import { getSdkHeaders as w } from "../../helpers/sdk-headers.mjs";
+import { fetch as p } from "../get-fetch.mjs";
 import { isBrowser as g } from "../is-browser.mjs";
-import { generateContentUrl as a } from "./generate-content-url.mjs";
-const p = (t) => "results" in t;
-async function B(t) {
-  const r = await v({
-    ...t,
+import { generateContentUrl as i } from "./generate-content-url.mjs";
+const d = (r) => "results" in r;
+async function H(r) {
+  const t = await v({
+    ...r,
     limit: 1
   });
-  return r && r[0] || null;
+  return t && t[0] || null;
 }
-const C = async (t) => {
-  var e;
-  const r = a(t);
-  return await (await ((e = t.fetch) != null ? e : w)(r.href, t.fetchOptions)).json();
-}, y = async (t, r, s = a(t)) => {
-  const n = m(t.canTrack);
-  if (s.search.includes("preview=")) {
-    const e = [];
-    for (const c of r.results) {
-      const u = h(s.searchParams);
-      e.push(u || c);
+const C = async (r) => {
+  var n, o;
+  const t = i(r), e = (n = r.fetch) != null ? n : p, c = {
+    ...r.fetchOptions,
+    headers: {
+      ...(o = r.fetchOptions) == null ? void 0 : o.headers,
+      ...w()
     }
-    r.results = e;
+  };
+  return await (await e(t.href, c)).json();
+}, y = async (r, t, e = i(r)) => {
+  const c = h(r.canTrack);
+  if (e.search.includes("preview=")) {
+    const s = [];
+    for (const n of t.results) {
+      const o = m(e.searchParams);
+      s.push(o || n);
+    }
+    t.results = s;
   }
-  if (!n || !(g() || f === "reactNative"))
-    return r.results;
+  if (!c || !(g() || u === "reactNative"))
+    return t.results;
   try {
-    const e = [];
-    for (const c of r.results)
-      e.push(await l({
-        item: c,
-        canTrack: n
+    const s = [];
+    for (const n of t.results)
+      s.push(await l({
+        item: n,
+        canTrack: c
       }));
-    r.results = e;
-  } catch (e) {
-    o.error("Could not process A/B tests. ", e);
+    t.results = s;
+  } catch (s) {
+    a.error("Could not process A/B tests. ", s);
   }
-  return r.results;
+  return t.results;
 };
-async function v(t) {
+async function v(r) {
   try {
-    const r = a(t), s = await C(t);
-    return p(s) ? y(t, s) : (o.error("Error fetching data. ", {
-      url: r,
-      content: s,
-      options: t
+    const t = i(r), e = await C(r);
+    return d(e) ? y(r, e) : (a.error("Error fetching data. ", {
+      url: t,
+      content: e,
+      options: r
     }), null);
-  } catch (r) {
-    return o.error("Error fetching data. ", r), null;
+  } catch (t) {
+    return a.error("Error fetching data. ", t), null;
   }
 }
 export {
   y as _processContentResult,
   v as fetchEntries,
-  B as fetchOneEntry
+  H as fetchOneEntry
 };

package/lib/edge/functions/track/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../../constants/target.cjs"),a=require("../../helpers/logger.cjs"),c=require("../../helpers/sessionId.cjs"),d=require("../../helpers/visitorId.cjs"),u=require("../is-browser.cjs"),g=require("../is-editing.cjs"),l=require("./helpers.cjs"),y=async({canTrack:t})=>{if(!t)return{visitorId:void 0,sessionId:void 0};const e=await c.getSessionId({canTrack:t}),r=d.getVisitorId({canTrack:t});return{sessionId:e,visitorId:r}},I=async({type:t,canTrack:e,apiKey:r,metadata:s,...o})=>({type:t,data:{...o,metadata:{url:location.href,...s},...await y({canTrack:e}),userAttributes:l.getUserAttributes(),ownerId:r}});async function i(t){if(!t.apiKey){a.logger.error("Missing API key for track call. Please provide your API key.");return}if(t.canTrack&&!g.isEditing()&&(u.isBrowser()||n.TARGET==="reactNative"))return fetch("https://cdn.builder.io/api/v1/track",{method:"POST",body:JSON.stringify({events:[await I(t)]}),headers:{"content-type":"application/json"},mode:"cors"}).catch(e=>{console.error("Failed to track: ",e)})}const f=t=>i({...t,canTrack:!0});exports._track=i;exports.track=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../../constants/target.cjs"),a=require("../../helpers/logger.cjs"),c=require("../../helpers/sdk-headers.cjs"),d=require("../../helpers/sessionId.cjs"),u=require("../../helpers/visitorId.cjs"),g=require("../is-browser.cjs"),l=require("../is-editing.cjs"),y=require("./helpers.cjs"),I=async({canTrack:e})=>{if(!e)return{visitorId:void 0,sessionId:void 0};const t=await d.getSessionId({canTrack:e}),r=u.getVisitorId({canTrack:e});return{sessionId:t,visitorId:r}},k=async({type:e,canTrack:t,apiKey:r,metadata:s,...o})=>({type:e,data:{...o,metadata:{url:location.href,...s},...await I({canTrack:t}),userAttributes:y.getUserAttributes(),ownerId:r}});async function i(e){if(!e.apiKey){a.logger.error("Missing API key for track call. Please provide your API key.");return}if(e.canTrack&&!l.isEditing()&&(g.isBrowser()||n.TARGET==="reactNative"))return fetch("https://cdn.builder.io/api/v1/track",{method:"POST",body:JSON.stringify({events:[await k(e)]}),headers:{"content-type":"application/json",...c.getSdkHeaders()},mode:"cors"}).catch(t=>{console.error("Failed to track: ",t)})}const f=e=>i({...e,canTrack:!0});exports._track=i;exports.track=f;

package/lib/edge/functions/track/index.mjs

@@ -1,11 +1,12 @@
 import { TARGET as a } from "../../constants/target.mjs";
 import { logger as s } from "../../helpers/logger.mjs";
-import { getSessionId as n } from "../../helpers/sessionId.mjs";
-import { getVisitorId as c } from "../../helpers/visitorId.mjs";
-import { isBrowser as d } from "../is-browser.mjs";
+import { getSdkHeaders as n } from "../../helpers/sdk-headers.mjs";
+import { getSessionId as c } from "../../helpers/sessionId.mjs";
+import { getVisitorId as d } from "../../helpers/visitorId.mjs";
+import { isBrowser as m } from "../is-browser.mjs";
 import { isEditing as f } from "../is-editing.mjs";
-import { getUserAttributes as m } from "./helpers.mjs";
-const p = async ({
+import { getUserAttributes as p } from "./helpers.mjs";
+const u = async ({
   canTrack: t
 }) => {
   if (!t)
@@ -13,60 +14,61 @@ const p = async ({
       visitorId: void 0,
       sessionId: void 0
     };
-  const r = await n({
+  const r = await c({
     canTrack: t
-  }), e = c({
+  }), e = d({
     canTrack: t
   });
   return {
     sessionId: r,
     visitorId: e
   };
-}, u = async ({
+}, y = async ({
   type: t,
   canTrack: r,
   apiKey: e,
-  metadata: i,
-  ...o
+  metadata: o,
+  ...i
 }) => ({
   type: t,
   data: {
-    ...o,
+    ...i,
     metadata: {
       url: location.href,
-      ...i
+      ...o
     },
-    ...await p({
+    ...await u({
       canTrack: r
     }),
-    userAttributes: m(),
+    userAttributes: p(),
     ownerId: e
   }
 });
-async function y(t) {
+async function g(t) {
   if (!t.apiKey) {
     s.error("Missing API key for track call. Please provide your API key.");
     return;
   }
-  if (t.canTrack && !f() && (d() || a === "reactNative"))
+  if (t.canTrack && !f() && (m() || a === "reactNative"))
     return fetch("https://cdn.builder.io/api/v1/track", {
       method: "POST",
       body: JSON.stringify({
-        events: [await u(t)]
+        events: [await y(t)]
       }),
       headers: {
-        "content-type": "application/json"
+        "content-type": "application/json",
+        ...n()
       },
       mode: "cors"
     }).catch((r) => {
       console.error("Failed to track: ", r);
     });
 }
-const A = (t) => y({
+const E = (t) => g({
   ...t,
   canTrack: !0
 });
 export {
-  y as _track,
-  A as track
+  g as _track,
+  E as track
 };

package/lib/edge/helpers/sdk-headers.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../constants/sdk-version.cjs"),r=require("../constants/target.cjs"),t=()=>({"X-Builder-SDK":r.TARGET,"X-Builder-SDK-GEN":"2","X-Builder-SDK-Version":e.SDK_VERSION});exports.getSdkHeaders=t;

package/lib/edge/helpers/sdk-headers.mjs

@@ -0,0 +1,10 @@
+import { SDK_VERSION as r } from "../constants/sdk-version.mjs";
+import { TARGET as e } from "../constants/target.mjs";
+const S = () => ({
+  "X-Builder-SDK": e,
+  "X-Builder-SDK-GEN": "2",
+  "X-Builder-SDK-Version": r
+});
+export {
+  S as getSdkHeaders
+};

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

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

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

@@ -1,16 +1,20 @@
 "use client";
-import { jsxs as o, Fragment as d, jsx as r } from "react/jsx-runtime";
+import { jsxs as s, Fragment as d, jsx as a } from "react/jsx-runtime";
 import { useRef as u, useEffect as f } from "react";
-import { isEditing as a } from "../../functions/is-editing.mjs";
+import { isEditing as r } from "../../functions/is-editing.mjs";
 function h(e) {
   const c = u(null);
   function i() {
     var t;
-    return "builder-blocks" + ((t = e.blocks) != null && t.length ? "" : " no-blocks");
+    return [
+      "builder-blocks",
+      (t = e.blocks) != null && t.length ? "" : "no-blocks",
+      e.classNameProp
+    ].filter(Boolean).join(" ");
   }
   function l() {
     var t, n;
-    a() && !((t = e.blocks) != null && t.length) && ((n = window.parent) == null || n.postMessage(
+    r() && !((t = e.blocks) != null && t.length) && ((n = window.parent) == null || n.postMessage(
       {
         type: "builder.clickEmptyBlocks",
         data: {
@@ -21,9 +25,9 @@ function h(e) {
       "*"
     ));
   }
-  function s() {
+  function o() {
     var t, n;
-    a() && !((t = e.blocks) != null && t.length) && ((n = window.parent) == null || n.postMessage(
+    r() && !((t = e.blocks) != null && t.length) && ((n = window.parent) == null || n.postMessage(
       {
         type: "builder.hoverEmptyBlocks",
         data: {
@@ -35,23 +39,23 @@ function h(e) {
     ));
   }
   return f(() => {
-  }, []), /* @__PURE__ */ o(d, { children: [
-    /* @__PURE__ */ r(
+  }, []), /* @__PURE__ */ s(d, { children: [
+    /* @__PURE__ */ a(
       e.BlocksWrapper,
       {
         ref: c,
-        className: i() + " props-blocks-wrapper-77bdc7c6",
+        className: i() + " props-blocks-wrapper-43ec7ac8",
         "builder-path": e.path,
         "builder-parent-id": e.parent,
         style: e.styleProp,
         onClick: (t) => l(),
-        onMouseEnter: (t) => s(),
+        onMouseEnter: (t) => o(),
         onKeyPress: (t) => l(),
         ...e.BlocksWrapperProps,
         children: e.children
       }
     ),
-    /* @__PURE__ */ r("style", { children: `.props-blocks-wrapper-77bdc7c6 {
+    /* @__PURE__ */ a("style", { children: `.props-blocks-wrapper-43ec7ac8 {
   display: flex;
   flex-direction: column;
   align-items: stretch;

package/lib/node/components/blocks/blocks.cjs

@@ -1 +1 @@
-"use strict";const t=require("react/jsx-runtime"),l=require("../block/block.cjs"),s=require("./blocks-wrapper.cjs");function i(e){var n,r,c;return t.jsx(s,{blocks:e.blocks,parent:e.parent,path:e.path,styleProp:e.styleProp,BlocksWrapper:(n=e.context)==null?void 0:n.BlocksWrapper,BlocksWrapperProps:(r=e.context)==null?void 0:r.BlocksWrapperProps,children:e.blocks?t.jsx(t.Fragment,{children:(c=e.blocks)==null?void 0:c.map(o=>t.jsx(l,{block:o,linkComponent:e.linkComponent,context:e.context,registeredComponents:e.registeredComponents},o.id))}):null})}module.exports=i;
+"use strict";const t=require("react/jsx-runtime"),l=require("../block/block.cjs"),s=require("./blocks-wrapper.cjs");function a(e){var n,c,r;return t.jsx(s,{blocks:e.blocks,parent:e.parent,path:e.path,styleProp:e.styleProp,classNameProp:e.className,BlocksWrapper:(n=e.context)==null?void 0:n.BlocksWrapper,BlocksWrapperProps:(c=e.context)==null?void 0:c.BlocksWrapperProps,children:e.blocks?t.jsx(t.Fragment,{children:(r=e.blocks)==null?void 0:r.map(o=>t.jsx(l,{block:o,linkComponent:e.linkComponent,context:e.context,registeredComponents:e.registeredComponents},o.id))}):null})}module.exports=a;

package/lib/node/components/blocks/blocks.mjs

@@ -1,15 +1,16 @@
 import { jsx as t, Fragment as c } from "react/jsx-runtime";
 import a from "../block/block.mjs";
-import k from "./blocks-wrapper.mjs";
-function p(e) {
+import m from "./blocks-wrapper.mjs";
+function B(e) {
   var o, n, r;
   return /* @__PURE__ */ t(
-    k,
+    m,
     {
       blocks: e.blocks,
       parent: e.parent,
       path: e.path,
       styleProp: e.styleProp,
+      classNameProp: e.className,
       BlocksWrapper: (o = e.context) == null ? void 0 : o.BlocksWrapper,
       BlocksWrapperProps: (n = e.context) == null ? void 0 : n.BlocksWrapperProps,
       children: e.blocks ? /* @__PURE__ */ t(c, { children: (r = e.blocks) == null ? void 0 : r.map((l) => /* @__PURE__ */ t(
@@ -26,5 +27,5 @@ function p(e) {
   );
 }
 export {
-  p as default
+  B as default
 };

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

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

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

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

package/lib/node/functions/get-content/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("../../constants/target.cjs"),h=require("../../helpers/ab-tests.cjs"),w=require("../../helpers/canTrack.cjs"),o=require("../../helpers/logger.cjs"),C=require("../../helpers/preview-lru-cache/get.cjs"),y=require("../get-fetch.cjs"),T=require("../is-browser.cjs"),a=require("./generate-content-url.cjs"),q=t=>"results"in t;async function d(t){const e=await i({...t,limit:1});return e&&e[0]||null}const v=async t=>{var r;const e=a.generateContentUrl(t);return await(await((r=t.fetch)!=null?r:y.fetch)(e.href,t.fetchOptions)).json()},u=async(t,e,n=a.generateContentUrl(t))=>{const s=w.getDefaultCanTrack(t.canTrack);if(n.search.includes("preview=")){const r=[];for(const c of e.results){const f=C.getPreviewContent(n.searchParams);r.push(f||c)}e.results=r}if(!s||!(T.isBrowser()||g.TARGET==="reactNative"))return e.results;try{const r=[];for(const c of e.results)r.push(await h.handleABTesting({item:c,canTrack:s}));e.results=r}catch(r){o.logger.error("Could not process A/B tests. ",r)}return e.results};async function i(t){try{const e=a.generateContentUrl(t),n=await v(t);return q(n)?u(t,n):(o.logger.error("Error fetching data. ",{url:e,content:n,options:t}),null)}catch(e){return o.logger.error("Error fetching data. ",e),null}}exports._processContentResult=u;exports.fetchEntries=i;exports.fetchOneEntry=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("../../constants/target.cjs"),h=require("../../helpers/ab-tests.cjs"),w=require("../../helpers/canTrack.cjs"),o=require("../../helpers/logger.cjs"),d=require("../../helpers/preview-lru-cache/get.cjs"),C=require("../../helpers/sdk-headers.cjs"),y=require("../get-fetch.cjs"),T=require("../is-browser.cjs"),u=require("./generate-content-url.cjs"),q=e=>"results"in e;async function k(e){const t=await l({...e,limit:1});return t&&t[0]||null}const v=async e=>{var s,a;const t=u.generateContentUrl(e),r=(s=e.fetch)!=null?s:y.fetch,c={...e.fetchOptions,headers:{...(a=e.fetchOptions)==null?void 0:a.headers,...C.getSdkHeaders()}};return await(await r(t.href,c)).json()},i=async(e,t,r=u.generateContentUrl(e))=>{const c=w.getDefaultCanTrack(e.canTrack);if(r.search.includes("preview=")){const n=[];for(const s of t.results){const a=d.getPreviewContent(r.searchParams);n.push(a||s)}t.results=n}if(!c||!(T.isBrowser()||g.TARGET==="reactNative"))return t.results;try{const n=[];for(const s of t.results)n.push(await h.handleABTesting({item:s,canTrack:c}));t.results=n}catch(n){o.logger.error("Could not process A/B tests. ",n)}return t.results};async function l(e){try{const t=u.generateContentUrl(e),r=await v(e);return q(r)?i(e,r):(o.logger.error("Error fetching data. ",{url:t,content:r,options:e}),null)}catch(t){return o.logger.error("Error fetching data. ",t),null}}exports._processContentResult=i;exports.fetchEntries=l;exports.fetchOneEntry=k;

package/lib/node/functions/get-content/index.mjs

@@ -1,62 +1,69 @@
-import { TARGET as f } from "../../constants/target.mjs";
+import { TARGET as u } from "../../constants/target.mjs";
 import { handleABTesting as l } from "../../helpers/ab-tests.mjs";
-import { getDefaultCanTrack as m } from "../../helpers/canTrack.mjs";
-import { logger as o } from "../../helpers/logger.mjs";
-import { getPreviewContent as h } from "../../helpers/preview-lru-cache/get.mjs";
-import { fetch as w } from "../get-fetch.mjs";
+import { getDefaultCanTrack as h } from "../../helpers/canTrack.mjs";
+import { logger as a } from "../../helpers/logger.mjs";
+import { getPreviewContent as m } from "../../helpers/preview-lru-cache/get.mjs";
+import { getSdkHeaders as w } from "../../helpers/sdk-headers.mjs";
+import { fetch as p } from "../get-fetch.mjs";
 import { isBrowser as g } from "../is-browser.mjs";
-import { generateContentUrl as a } from "./generate-content-url.mjs";
-const p = (t) => "results" in t;
-async function B(t) {
-  const r = await v({
-    ...t,
+import { generateContentUrl as i } from "./generate-content-url.mjs";
+const d = (r) => "results" in r;
+async function H(r) {
+  const t = await v({
+    ...r,
     limit: 1
   });
-  return r && r[0] || null;
+  return t && t[0] || null;
 }
-const C = async (t) => {
-  var e;
-  const r = a(t);
-  return await (await ((e = t.fetch) != null ? e : w)(r.href, t.fetchOptions)).json();
-}, y = async (t, r, s = a(t)) => {
-  const n = m(t.canTrack);
-  if (s.search.includes("preview=")) {
-    const e = [];
-    for (const c of r.results) {
-      const u = h(s.searchParams);
-      e.push(u || c);
+const C = async (r) => {
+  var n, o;
+  const t = i(r), e = (n = r.fetch) != null ? n : p, c = {
+    ...r.fetchOptions,
+    headers: {
+      ...(o = r.fetchOptions) == null ? void 0 : o.headers,
+      ...w()
     }
-    r.results = e;
+  };
+  return await (await e(t.href, c)).json();
+}, y = async (r, t, e = i(r)) => {
+  const c = h(r.canTrack);
+  if (e.search.includes("preview=")) {
+    const s = [];
+    for (const n of t.results) {
+      const o = m(e.searchParams);
+      s.push(o || n);
+    }
+    t.results = s;
   }
-  if (!n || !(g() || f === "reactNative"))
-    return r.results;
+  if (!c || !(g() || u === "reactNative"))
+    return t.results;
   try {
-    const e = [];
-    for (const c of r.results)
-      e.push(await l({
-        item: c,
-        canTrack: n
+    const s = [];
+    for (const n of t.results)
+      s.push(await l({
+        item: n,
+        canTrack: c
       }));
-    r.results = e;
-  } catch (e) {
-    o.error("Could not process A/B tests. ", e);
+    t.results = s;
+  } catch (s) {
+    a.error("Could not process A/B tests. ", s);
   }
-  return r.results;
+  return t.results;
 };
-async function v(t) {
+async function v(r) {
   try {
-    const r = a(t), s = await C(t);
-    return p(s) ? y(t, s) : (o.error("Error fetching data. ", {
-      url: r,
-      content: s,
-      options: t
+    const t = i(r), e = await C(r);
+    return d(e) ? y(r, e) : (a.error("Error fetching data. ", {
+      url: t,
+      content: e,
+      options: r
     }), null);
-  } catch (r) {
-    return o.error("Error fetching data. ", r), null;
+  } catch (t) {
+    return a.error("Error fetching data. ", t), null;
   }
 }
 export {
   y as _processContentResult,
   v as fetchEntries,
-  B as fetchOneEntry
+  H as fetchOneEntry
 };

package/lib/node/functions/track/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../../constants/target.cjs"),a=require("../../helpers/logger.cjs"),c=require("../../helpers/sessionId.cjs"),d=require("../../helpers/visitorId.cjs"),u=require("../is-browser.cjs"),g=require("../is-editing.cjs"),l=require("./helpers.cjs"),y=async({canTrack:t})=>{if(!t)return{visitorId:void 0,sessionId:void 0};const e=await c.getSessionId({canTrack:t}),r=d.getVisitorId({canTrack:t});return{sessionId:e,visitorId:r}},I=async({type:t,canTrack:e,apiKey:r,metadata:s,...o})=>({type:t,data:{...o,metadata:{url:location.href,...s},...await y({canTrack:e}),userAttributes:l.getUserAttributes(),ownerId:r}});async function i(t){if(!t.apiKey){a.logger.error("Missing API key for track call. Please provide your API key.");return}if(t.canTrack&&!g.isEditing()&&(u.isBrowser()||n.TARGET==="reactNative"))return fetch("https://cdn.builder.io/api/v1/track",{method:"POST",body:JSON.stringify({events:[await I(t)]}),headers:{"content-type":"application/json"},mode:"cors"}).catch(e=>{console.error("Failed to track: ",e)})}const f=t=>i({...t,canTrack:!0});exports._track=i;exports.track=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../../constants/target.cjs"),a=require("../../helpers/logger.cjs"),c=require("../../helpers/sdk-headers.cjs"),d=require("../../helpers/sessionId.cjs"),u=require("../../helpers/visitorId.cjs"),g=require("../is-browser.cjs"),l=require("../is-editing.cjs"),y=require("./helpers.cjs"),I=async({canTrack:e})=>{if(!e)return{visitorId:void 0,sessionId:void 0};const t=await d.getSessionId({canTrack:e}),r=u.getVisitorId({canTrack:e});return{sessionId:t,visitorId:r}},k=async({type:e,canTrack:t,apiKey:r,metadata:s,...o})=>({type:e,data:{...o,metadata:{url:location.href,...s},...await I({canTrack:t}),userAttributes:y.getUserAttributes(),ownerId:r}});async function i(e){if(!e.apiKey){a.logger.error("Missing API key for track call. Please provide your API key.");return}if(e.canTrack&&!l.isEditing()&&(g.isBrowser()||n.TARGET==="reactNative"))return fetch("https://cdn.builder.io/api/v1/track",{method:"POST",body:JSON.stringify({events:[await k(e)]}),headers:{"content-type":"application/json",...c.getSdkHeaders()},mode:"cors"}).catch(t=>{console.error("Failed to track: ",t)})}const f=e=>i({...e,canTrack:!0});exports._track=i;exports.track=f;

package/lib/node/functions/track/index.mjs

@@ -1,11 +1,12 @@
 import { TARGET as a } from "../../constants/target.mjs";
 import { logger as s } from "../../helpers/logger.mjs";
-import { getSessionId as n } from "../../helpers/sessionId.mjs";
-import { getVisitorId as c } from "../../helpers/visitorId.mjs";
-import { isBrowser as d } from "../is-browser.mjs";
+import { getSdkHeaders as n } from "../../helpers/sdk-headers.mjs";
+import { getSessionId as c } from "../../helpers/sessionId.mjs";
+import { getVisitorId as d } from "../../helpers/visitorId.mjs";
+import { isBrowser as m } from "../is-browser.mjs";
 import { isEditing as f } from "../is-editing.mjs";
-import { getUserAttributes as m } from "./helpers.mjs";
-const p = async ({
+import { getUserAttributes as p } from "./helpers.mjs";
+const u = async ({
   canTrack: t
 }) => {
   if (!t)
@@ -13,60 +14,61 @@ const p = async ({
       visitorId: void 0,
       sessionId: void 0
     };
-  const r = await n({
+  const r = await c({
     canTrack: t
-  }), e = c({
+  }), e = d({
     canTrack: t
   });
   return {
     sessionId: r,
     visitorId: e
   };
-}, u = async ({
+}, y = async ({
   type: t,
   canTrack: r,
   apiKey: e,
-  metadata: i,
-  ...o
+  metadata: o,
+  ...i
 }) => ({
   type: t,
   data: {
-    ...o,
+    ...i,
     metadata: {
       url: location.href,
-      ...i
+      ...o
     },
-    ...await p({
+    ...await u({
       canTrack: r
     }),
-    userAttributes: m(),
+    userAttributes: p(),
     ownerId: e
   }
 });
-async function y(t) {
+async function g(t) {
   if (!t.apiKey) {
     s.error("Missing API key for track call. Please provide your API key.");
     return;
   }
-  if (t.canTrack && !f() && (d() || a === "reactNative"))
+  if (t.canTrack && !f() && (m() || a === "reactNative"))
     return fetch("https://cdn.builder.io/api/v1/track", {
       method: "POST",
       body: JSON.stringify({
-        events: [await u(t)]
+        events: [await y(t)]
       }),
       headers: {
-        "content-type": "application/json"
+        "content-type": "application/json",
+        ...n()
       },
       mode: "cors"
     }).catch((r) => {
       console.error("Failed to track: ", r);
     });
 }
-const A = (t) => y({
+const E = (t) => g({
   ...t,
   canTrack: !0
 });
 export {
-  y as _track,
-  A as track
+  g as _track,
+  E as track
 };

package/lib/node/helpers/sdk-headers.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../constants/sdk-version.cjs"),r=require("../constants/target.cjs"),t=()=>({"X-Builder-SDK":r.TARGET,"X-Builder-SDK-GEN":"2","X-Builder-SDK-Version":e.SDK_VERSION});exports.getSdkHeaders=t;

package/lib/node/helpers/sdk-headers.mjs

@@ -0,0 +1,10 @@
+import { SDK_VERSION as r } from "../constants/sdk-version.mjs";
+import { TARGET as e } from "../constants/target.mjs";
+const S = () => ({
+  "X-Builder-SDK": e,
+  "X-Builder-SDK-GEN": "2",
+  "X-Builder-SDK-Version": r
+});
+export {
+  S as getSdkHeaders
+};

package/package.json

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

package/types/cjs/components/blocks/blocks-wrapper.d.ts

@@ -13,6 +13,7 @@ export type BlocksWrapperProps = {
      */
     BlocksWrapperProps: any;
     children?: any;
+    classNameProp?: string;
 };
 import type { BuilderBlock } from "../../types/builder-block.js";
 declare function BlocksWrapper(props: BlocksWrapperProps): React.JSX.Element;

package/types/cjs/components/blocks/blocks.types.d.ts

@@ -1,7 +1,8 @@
 import type { BuilderContextInterface, RegisteredComponents } from '../../context/types.js';
 import type { BlocksWrapperProps } from './blocks-wrapper.js';
-export type BlocksProps = Partial<Omit<BlocksWrapperProps, 'BlocksWrapper' | 'BlocksWrapperProps'>> & {
+export type BlocksProps = Partial<Omit<BlocksWrapperProps, 'BlocksWrapper' | 'BlocksWrapperProps' | 'classNameProp'>> & {
     context?: BuilderContextInterface;
     registeredComponents?: RegisteredComponents;
     linkComponent?: any;
+    className?: string;
 };

package/types/cjs/constants/sdk-version.d.ts

@@ -1 +1 @@
-export declare const SDK_VERSION = "0.16.16";
+export declare const SDK_VERSION = "0.16.18";

package/types/cjs/helpers/sdk-headers.d.ts

@@ -0,0 +1,5 @@
+export declare const getSdkHeaders: () => {
+    'X-Builder-SDK': any;
+    'X-Builder-SDK-GEN': string;
+    'X-Builder-SDK-Version': string;
+};

package/types/esm/components/blocks/blocks-wrapper.d.ts

@@ -13,6 +13,7 @@ export type BlocksWrapperProps = {
      */
     BlocksWrapperProps: any;
     children?: any;
+    classNameProp?: string;
 };
 import type { BuilderBlock } from "../../types/builder-block.js";
 declare function BlocksWrapper(props: BlocksWrapperProps): React.JSX.Element;

package/types/esm/components/blocks/blocks.types.d.ts

@@ -1,7 +1,8 @@
 import type { BuilderContextInterface, RegisteredComponents } from '../../context/types.js';
 import type { BlocksWrapperProps } from './blocks-wrapper.js';
-export type BlocksProps = Partial<Omit<BlocksWrapperProps, 'BlocksWrapper' | 'BlocksWrapperProps'>> & {
+export type BlocksProps = Partial<Omit<BlocksWrapperProps, 'BlocksWrapper' | 'BlocksWrapperProps' | 'classNameProp'>> & {
     context?: BuilderContextInterface;
     registeredComponents?: RegisteredComponents;
     linkComponent?: any;
+    className?: string;
 };

package/types/esm/constants/sdk-version.d.ts

@@ -1 +1 @@
-export declare const SDK_VERSION = "0.16.16";
+export declare const SDK_VERSION = "0.16.18";

package/types/esm/helpers/sdk-headers.d.ts

@@ -0,0 +1,5 @@
+export declare const getSdkHeaders: () => {
+    'X-Builder-SDK': any;
+    'X-Builder-SDK-GEN': string;
+    'X-Builder-SDK-Version': string;
+};