@builder.io/sdk-react-nextjs 0.20.1 → 0.22.0

package/lib/browser/blocks/symbol/symbol.cjs

@@ -1 +1 @@
-"use strict";const d=require("react/jsx-runtime"),x=require("../../components/content-variants/content-variants.cjs"),k=require("../../functions/get-class-prop-name.cjs"),f=require("./symbol.helpers.cjs");async function v(e){var n,i,l,o,a,c,r;const m=function(){return"div"},y=function(){return"div"},C=function(){var s,u;return[e.attributes[k.getClassPropName()],"builder-symbol",(s=e.symbol)!=null&&s.inline?"builder-inline-symbol":void 0,(u=e.symbol)!=null&&u.dynamic||e.dynamic?"builder-dynamic-symbol":void 0].filter(Boolean).join(" ")},t=((n=e.symbol)==null?void 0:n.content)||await f.fetchSymbolContent({symbol:e.symbol,builderContextValue:e.builderContext});return(i=e.symbol)==null||i.entry,d.jsx("div",{...e.attributes,className:C(),children:d.jsx(x,{nonce:e.builderContext.nonce,isNestedRender:!0,apiVersion:e.builderContext.apiVersion,apiKey:e.builderContext.apiKey,context:{...e.builderContext.context,symbolId:(l=e.builderBlock)==null?void 0:l.id},customComponents:Object.values(e.builderComponents),data:{...(o=e.symbol)==null?void 0:o.data,...e.builderContext.localState,...(a=t==null?void 0:t.data)==null?void 0:a.state},canTrack:e.builderContext.canTrack,model:(r=(c=e.symbol)==null?void 0:c.model)!=null?r:"",content:t,linkComponent:e.builderLinkComponent,blocksWrapper:m(),contentWrapper:y()})})}module.exports=v;
+"use strict";const m=require("react/jsx-runtime"),k=require("../../components/content-variants/content-variants.cjs"),f=require("../../functions/get-class-prop-name.cjs"),v=require("./symbol.helpers.cjs");async function N(e){var o,i,l,a,c,r,s;const d=function(){return"div"},y=function(){return"div"},C=function(){return Object.values(e.builderComponents)},x=function(){var u,b;return[e.attributes[f.getClassPropName()],"builder-symbol",(u=e.symbol)!=null&&u.inline?"builder-inline-symbol":void 0,(b=e.symbol)!=null&&b.dynamic||e.dynamic?"builder-dynamic-symbol":void 0].filter(Boolean).join(" ")},t=((o=e.symbol)==null?void 0:o.content)||await v.fetchSymbolContent({symbol:e.symbol,builderContextValue:e.builderContext});return(i=e.symbol)==null||i.entry,m.jsx("div",{...e.attributes,className:x(),children:m.jsx(k,{nonce:e.builderContext.nonce,isNestedRender:!0,apiVersion:e.builderContext.apiVersion,apiKey:e.builderContext.apiKey,context:{...e.builderContext.context,symbolId:(l=e.builderBlock)==null?void 0:l.id},customComponents:C(),data:{...(a=e.symbol)==null?void 0:a.data,...e.builderContext.localState,...(c=t==null?void 0:t.data)==null?void 0:c.state},canTrack:e.builderContext.canTrack,model:(s=(r=e.symbol)==null?void 0:r.model)!=null?s:"",content:t,linkComponent:e.builderLinkComponent,blocksWrapper:d(),contentWrapper:y()})})}module.exports=N;

package/lib/browser/blocks/symbol/symbol.mjs

@@ -1,51 +1,53 @@
 import { jsx as u } from "react/jsx-runtime";
 import x from "../../components/content-variants/content-variants.mjs";
-import { getClassPropName as f } from "../../functions/get-class-prop-name.mjs";
-import { fetchSymbolContent as k } from "./symbol.helpers.mjs";
-async function j(e) {
-  var n, o, i, l, a, r, c;
+import { getClassPropName as k } from "../../functions/get-class-prop-name.mjs";
+import { fetchSymbolContent as v } from "./symbol.helpers.mjs";
+async function S(t) {
+  var o, i, l, a, c, m, r;
   const s = function() {
     return "div";
   }, y = function() {
     return "div";
   }, C = function() {
+    return Object.values(t.builderComponents);
+  }, f = function() {
     var b, d;
     return [
-      e.attributes[f()],
+      t.attributes[k()],
       "builder-symbol",
-      (b = e.symbol) != null && b.inline ? "builder-inline-symbol" : void 0,
-      (d = e.symbol) != null && d.dynamic || e.dynamic ? "builder-dynamic-symbol" : void 0
+      (b = t.symbol) != null && b.inline ? "builder-inline-symbol" : void 0,
+      (d = t.symbol) != null && d.dynamic || t.dynamic ? "builder-dynamic-symbol" : void 0
     ].filter(Boolean).join(" ");
-  }, t = ((n = e.symbol) == null ? void 0 : n.content) || await k({
-    symbol: e.symbol,
-    builderContextValue: e.builderContext
+  }, e = ((o = t.symbol) == null ? void 0 : o.content) || await v({
+    symbol: t.symbol,
+    builderContextValue: t.builderContext
   });
-  return (o = e.symbol) == null || o.entry, /* @__PURE__ */ u("div", { ...e.attributes, className: C(), children: /* @__PURE__ */ u(
+  return (i = t.symbol) == null || i.entry, /* @__PURE__ */ u("div", { ...t.attributes, className: f(), children: /* @__PURE__ */ u(
     x,
     {
-      nonce: e.builderContext.nonce,
+      nonce: t.builderContext.nonce,
       isNestedRender: !0,
-      apiVersion: e.builderContext.apiVersion,
-      apiKey: e.builderContext.apiKey,
+      apiVersion: t.builderContext.apiVersion,
+      apiKey: t.builderContext.apiKey,
       context: {
-        ...e.builderContext.context,
-        symbolId: (i = e.builderBlock) == null ? void 0 : i.id
+        ...t.builderContext.context,
+        symbolId: (l = t.builderBlock) == null ? void 0 : l.id
       },
-      customComponents: Object.values(e.builderComponents),
+      customComponents: C(),
       data: {
-        ...(l = e.symbol) == null ? void 0 : l.data,
-        ...e.builderContext.localState,
-        ...(a = t == null ? void 0 : t.data) == null ? void 0 : a.state
+        ...(a = t.symbol) == null ? void 0 : a.data,
+        ...t.builderContext.localState,
+        ...(c = e == null ? void 0 : e.data) == null ? void 0 : c.state
       },
-      canTrack: e.builderContext.canTrack,
-      model: (c = (r = e.symbol) == null ? void 0 : r.model) != null ? c : "",
-      content: t,
-      linkComponent: e.builderLinkComponent,
+      canTrack: t.builderContext.canTrack,
+      model: (r = (m = t.symbol) == null ? void 0 : m.model) != null ? r : "",
+      content: e,
+      linkComponent: t.builderLinkComponent,
       blocksWrapper: s(),
       contentWrapper: y()
     }
   ) });
 }
 export {
-  j as default
+  S as default
 };

package/lib/browser/blocks/text/component-info.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={shouldReceiveBuilderProps:{},name:"Text",static:!0,isRSC:!0,image:"https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-text_fields-24px%20(1).svg?alt=media&token=12177b73-0ee3-42ca-98c6-0dd003de1929",inputs:[{name:"text",type:"html",required:!0,autoFocus:!0,bubble:!0,defaultValue:"Enter some text..."}],defaultStyles:{lineHeight:"normal",height:"auto",textAlign:"center"}};exports.componentInfo=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={shouldReceiveBuilderProps:{},name:"Text",static:!0,image:"https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-text_fields-24px%20(1).svg?alt=media&token=12177b73-0ee3-42ca-98c6-0dd003de1929",inputs:[{name:"text",type:"html",required:!0,autoFocus:!0,bubble:!0,defaultValue:"Enter some text..."}],defaultStyles:{lineHeight:"normal",height:"auto",textAlign:"center"}};exports.componentInfo=e;

package/lib/browser/blocks/text/component-info.mjs

@@ -2,7 +2,6 @@ const e = {
   shouldReceiveBuilderProps: {},
   name: "Text",
   static: !0,
-  isRSC: !0,
   image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-text_fields-24px%20(1).svg?alt=media&token=12177b73-0ee3-42ca-98c6-0dd003de1929",
   inputs: [{
     name: "text",

package/lib/browser/blocks/text/text.cjs

@@ -1 +1 @@
-"use strict";const n=require("react/jsx-runtime");function r(e){var t;return n.jsx("div",{className:"builder-text",dangerouslySetInnerHTML:{__html:((t=e.text)==null?void 0:t.toString())||""},style:{outline:"none"}})}module.exports=r;
+"use client";"use strict";const n=require("react/jsx-runtime");function s(t){var e;return n.jsx("div",{className:"builder-text",dangerouslySetInnerHTML:{__html:((e=t.text)==null?void 0:e.toString())||""},style:{outline:"none"}})}module.exports=s;

package/lib/browser/blocks/text/text.mjs

@@ -1,5 +1,6 @@
+"use client";
 import { jsx as n } from "react/jsx-runtime";
-function o(e) {
+function l(e) {
   var t;
   return /* @__PURE__ */ n(
     "div",
@@ -13,5 +14,5 @@ function o(e) {
   );
 }
 export {
-  o as default
+  l as default
 };

package/lib/browser/components/block/block.cjs

@@ -1 +1 @@
-"use strict";const t=require("react/jsx-runtime"),v=require("../../constants/target.cjs"),S=require("../../functions/get-block-component-options.cjs"),j=require("../../functions/get-processed-block.cjs"),P=require("../../functions/is-previewing.cjs");require("../../helpers/user-attributes.cjs");require("../../functions/get-fetch.cjs");const d=require("./block.helpers.cjs"),q=require("./components/block-styles.cjs"),O=require("./components/block-wrapper.cjs"),h=require("./components/component-ref/component-ref.cjs"),p=require("./components/repeated-block.cjs");function b(e){var a,C,x,g;const m=function(){return d.getRepeatItemData({block:e.block,context:e.context})},u={value:null,update:!1},c=function(){var i;if(u.value&&!u.update&&!P.isPreviewing())return u.value;const r=(i=e.block.repeat)!=null&&i.collection?e.block:j.getProcessedBlock({block:e.block,localState:e.context.localState,rootState:e.context.rootState,rootSetState:e.context.rootSetState,context:e.context.context});return u.value=r,u.update=!1,r},l=function(){return d.getComponent({block:c(),registeredComponents:e.registeredComponents,model:e.context.model})},f=function(){var i;return e.block.tagName==="a"||((i=c().properties)==null?void 0:i.href)||c().href?e.linkComponent||"a":e.block.tagName||"div"},B=function(){var s,k;if((s=e.block.repeat)!=null&&s.collection)return!!((k=m())!=null&&k.length);const r="hide"in c()?c().hide:!1;return("show"in c()?c().show:!0)&&!r},R=function(){var i,s;return!((i=l())!=null&&i.component)&&!m()?(s=c().children)!=null?s:[]:[]},n=function(){var r,i,s,k;return{blockChildren:(r=c().children)!=null?r:[],componentRef:(i=l())==null?void 0:i.component,componentOptions:{...S.getBlockComponentOptions(c(),e.context),...d.provideBuilderBlock(l(),c()),...d.provideBuilderContext(l(),e.context),...d.provideLinkComponent(l(),e.linkComponent),...d.provideRegisteredComponents(l(),e.registeredComponents,e.context.model)},context:e.context,linkComponent:e.linkComponent,registeredComponents:e.registeredComponents,builderBlock:c(),includeBlockProps:((s=l())==null?void 0:s.noWrap)===!0,isInteractive:!((k=l())!=null&&k.isRSC&&v.TARGET==="rsc")}};return t.jsx(t.Fragment,{children:B()?t.jsxs(t.Fragment,{children:[t.jsx(q,{block:c(),context:e.context}),(a=l())!=null&&a.noWrap?m()?t.jsx(t.Fragment,{children:(g=m())==null?void 0:g.map((o,r)=>t.jsx(p,{repeatContext:o.context,block:o.block,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},d.generateKey(r)))}):t.jsx(h,{componentRef:n().componentRef,componentOptions:n().componentOptions,blockChildren:n().blockChildren,context:n().context,registeredComponents:n().registeredComponents,linkComponent:n().linkComponent,builderBlock:n().builderBlock,includeBlockProps:n().includeBlockProps,isInteractive:n().isInteractive}):t.jsx(t.Fragment,{children:m()?t.jsx(t.Fragment,{children:(x=m())==null?void 0:x.map((o,r)=>t.jsx(p,{repeatContext:o.context,block:o.block,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},d.generateKey(r)))}):t.jsxs(O,{Wrapper:f(),block:c(),context:e.context,children:[t.jsx(h,{componentRef:n().componentRef,componentOptions:n().componentOptions,blockChildren:n().blockChildren,context:n().context,registeredComponents:n().registeredComponents,linkComponent:n().linkComponent,builderBlock:n().builderBlock,includeBlockProps:n().includeBlockProps,isInteractive:n().isInteractive}),(C=R())==null?void 0:C.map(o=>t.jsx(b,{block:o,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent,context:e.context},o.id))]})})]}):null})}module.exports=b;
+"use strict";const t=require("react/jsx-runtime"),v=require("../../constants/target.cjs"),j=require("../../functions/get-block-component-options.cjs"),P=require("../../functions/get-processed-block.cjs"),S=require("../../functions/is-previewing.cjs");require("../../helpers/user-attributes.cjs");require("../../functions/get-fetch.cjs");const d=require("./block.helpers.cjs"),q=require("./components/block-wrapper.cjs"),h=require("./components/component-ref/component-ref.cjs"),p=require("./components/repeated-block.cjs"),O=require("./components/style-wrapper.cjs");function b(e){var a,C,x,g;const m=function(){return d.getRepeatItemData({block:e.block,context:e.context})},u={value:null,update:!1},c=function(){var i;if(u.value&&!u.update&&!S.isPreviewing())return u.value;const r=(i=e.block.repeat)!=null&&i.collection?e.block:P.getProcessedBlock({block:e.block,localState:e.context.localState,rootState:e.context.rootState,rootSetState:e.context.rootSetState,context:e.context.context});return u.value=r,u.update=!1,r},l=function(){return d.getComponent({block:c(),registeredComponents:e.registeredComponents,model:e.context.model})},f=function(){var i;return e.block.tagName==="a"||((i=c().properties)==null?void 0:i.href)||c().href?e.linkComponent||"a":e.block.tagName||"div"},B=function(){var s,k;if((s=e.block.repeat)!=null&&s.collection)return!!((k=m())!=null&&k.length);const r="hide"in c()?c().hide:!1;return("show"in c()?c().show:!0)&&!r},R=function(){var i,s;return!((i=l())!=null&&i.component)&&!m()?(s=c().children)!=null?s:[]:[]},n=function(){var r,i,s,k;return{blockChildren:(r=c().children)!=null?r:[],componentRef:(i=l())==null?void 0:i.component,componentOptions:{...j.getBlockComponentOptions(c(),e.context),...d.provideBuilderBlock(l(),c()),...d.provideBuilderContext(l(),e.context),...d.provideLinkComponent(l(),e.linkComponent),...d.provideRegisteredComponents(l(),e.registeredComponents,e.context.model)},context:e.context,linkComponent:e.linkComponent,registeredComponents:e.registeredComponents,builderBlock:c(),includeBlockProps:((s=l())==null?void 0:s.noWrap)===!0,isInteractive:!((k=l())!=null&&k.isRSC&&v.TARGET==="rsc")}};return t.jsx(t.Fragment,{children:B()?t.jsxs(t.Fragment,{children:[t.jsx(O,{block:c(),context:e.context,id:e.block.id}),(a=l())!=null&&a.noWrap?m()?t.jsx(t.Fragment,{children:(g=m())==null?void 0:g.map((o,r)=>t.jsx(p,{repeatContext:o.context,block:o.block,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},d.generateKey(r)))}):t.jsx(h,{componentRef:n().componentRef,componentOptions:n().componentOptions,blockChildren:n().blockChildren,context:n().context,registeredComponents:n().registeredComponents,linkComponent:n().linkComponent,builderBlock:n().builderBlock,includeBlockProps:n().includeBlockProps,isInteractive:n().isInteractive}):t.jsx(t.Fragment,{children:m()?t.jsx(t.Fragment,{children:(x=m())==null?void 0:x.map((o,r)=>t.jsx(p,{repeatContext:o.context,block:o.block,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},d.generateKey(r)))}):t.jsxs(q,{Wrapper:f(),block:c(),context:e.context,children:[t.jsx(h,{componentRef:n().componentRef,componentOptions:n().componentOptions,blockChildren:n().blockChildren,context:n().context,registeredComponents:n().registeredComponents,linkComponent:n().linkComponent,builderBlock:n().builderBlock,includeBlockProps:n().includeBlockProps,isInteractive:n().isInteractive}),(C=R())==null?void 0:C.map(o=>t.jsx(b,{block:o,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent,context:e.context},o.id))]})})]}):null})}module.exports=b;

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

@@ -1,4 +1,4 @@
-import { jsx as l, Fragment as u, jsxs as h } from "react/jsx-runtime";
+import { jsx as r, Fragment as u, jsxs as h } from "react/jsx-runtime";
 import { TARGET as S } from "../../constants/target.mjs";
 import { getBlockComponentOptions as P } from "../../functions/get-block-component-options.mjs";
 import { getProcessedBlock as I } from "../../functions/get-processed-block.mjs";
@@ -6,10 +6,10 @@ import { isPreviewing as O } from "../../functions/is-previewing.mjs";
 import "../../helpers/user-attributes.mjs";
 import "../../functions/get-fetch.mjs";
 import { generateKey as x, getRepeatItemData as w, getComponent as W, provideBuilderBlock as T, provideBuilderContext as L, provideLinkComponent as U, provideRegisteredComponents as j } from "./block.helpers.mjs";
-import y from "./components/block-styles.mjs";
-import N from "./components/block-wrapper.mjs";
+import y from "./components/block-wrapper.mjs";
 import b from "./components/component-ref/component-ref.mjs";
 import g from "./components/repeated-block.mjs";
+import N from "./components/style-wrapper.mjs";
 function A(e) {
   var a, C, p, f;
   const d = function() {
@@ -32,7 +32,7 @@ function A(e) {
       context: e.context.context
     });
     return s.value = c, s.update = !1, c;
-  }, r = function() {
+  }, l = function() {
     return W({
       block: n(),
       registeredComponents: e.registeredComponents,
@@ -49,19 +49,19 @@ function A(e) {
     return ("show" in n() ? n().show : !0) && !c;
   }, v = function() {
     var i, m;
-    return !((i = r()) != null && i.component) && !d() ? (m = n().children) != null ? m : [] : [];
+    return !((i = l()) != null && i.component) && !d() ? (m = n().children) != null ? m : [] : [];
   }, o = function() {
     var c, i, m, k;
     return {
       blockChildren: (c = n().children) != null ? c : [],
-      componentRef: (i = r()) == null ? void 0 : i.component,
+      componentRef: (i = l()) == null ? void 0 : i.component,
       componentOptions: {
         ...P(n(), e.context),
-        ...T(r(), n()),
-        ...L(r(), e.context),
-        ...U(r(), e.linkComponent),
+        ...T(l(), n()),
+        ...L(l(), e.context),
+        ...U(l(), e.linkComponent),
         ...j(
-          r(),
+          l(),
           e.registeredComponents,
           e.context.model
         )
@@ -70,13 +70,20 @@ function A(e) {
       linkComponent: e.linkComponent,
       registeredComponents: e.registeredComponents,
       builderBlock: n(),
-      includeBlockProps: ((m = r()) == null ? void 0 : m.noWrap) === !0,
-      isInteractive: !((k = r()) != null && k.isRSC && S === "rsc")
+      includeBlockProps: ((m = l()) == null ? void 0 : m.noWrap) === !0,
+      isInteractive: !((k = l()) != null && k.isRSC && S === "rsc")
     };
   };
-  return /* @__PURE__ */ l(u, { children: R() ? /* @__PURE__ */ h(u, { children: [
-    /* @__PURE__ */ l(y, { block: n(), context: e.context }),
-    (a = r()) != null && a.noWrap ? d() ? /* @__PURE__ */ l(u, { children: (f = d()) == null ? void 0 : f.map((t, c) => /* @__PURE__ */ l(
+  return /* @__PURE__ */ r(u, { children: R() ? /* @__PURE__ */ h(u, { children: [
+    /* @__PURE__ */ r(
+      N,
+      {
+        block: n(),
+        context: e.context,
+        id: e.block.id
+      }
+    ),
+    (a = l()) != null && a.noWrap ? d() ? /* @__PURE__ */ r(u, { children: (f = d()) == null ? void 0 : f.map((t, c) => /* @__PURE__ */ r(
       g,
       {
         repeatContext: t.context,
@@ -85,7 +92,7 @@ function A(e) {
         linkComponent: e.linkComponent
       },
       x(c)
-    )) }) : /* @__PURE__ */ l(
+    )) }) : /* @__PURE__ */ r(
       b,
       {
         componentRef: o().componentRef,
@@ -98,7 +105,7 @@ function A(e) {
         includeBlockProps: o().includeBlockProps,
         isInteractive: o().isInteractive
       }
-    ) : /* @__PURE__ */ l(u, { children: d() ? /* @__PURE__ */ l(u, { children: (p = d()) == null ? void 0 : p.map((t, c) => /* @__PURE__ */ l(
+    ) : /* @__PURE__ */ r(u, { children: d() ? /* @__PURE__ */ r(u, { children: (p = d()) == null ? void 0 : p.map((t, c) => /* @__PURE__ */ r(
       g,
       {
         repeatContext: t.context,
@@ -108,13 +115,13 @@ function A(e) {
       },
       x(c)
     )) }) : /* @__PURE__ */ h(
-      N,
+      y,
       {
         Wrapper: B(),
         block: n(),
         context: e.context,
         children: [
-          /* @__PURE__ */ l(
+          /* @__PURE__ */ r(
             b,
             {
               componentRef: o().componentRef,
@@ -128,7 +135,7 @@ function A(e) {
               isInteractive: o().isInteractive
             }
           ),
-          (C = v()) == null ? void 0 : C.map((t) => /* @__PURE__ */ l(
+          (C = v()) == null ? void 0 : C.map((t) => /* @__PURE__ */ r(
             A,
             {
               block: t,

package/lib/browser/components/block/components/component-ref/component-ref.cjs

@@ -1 +1 @@
-"use strict";const n=require("react/jsx-runtime"),i=require("../../block.cjs"),l=require("../interactive-element.cjs"),r=require("./component-ref.helpers.cjs");function m(e){var t;const c=e.isInteractive?l:e.componentRef;return n.jsx(n.Fragment,{children:e.componentRef?n.jsx(n.Fragment,{children:n.jsx(c,{...r.getWrapperProps({componentOptions:e.componentOptions,builderBlock:e.builderBlock,context:e.context,componentRef:e.componentRef,linkComponent:e.linkComponent,includeBlockProps:e.includeBlockProps,isInteractive:e.isInteractive,contextValue:e.context}),children:(t=e.blockChildren)==null?void 0:t.map(o=>n.jsx(i,{block:o,context:e.context,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},o.id))})}):null})}module.exports=m;
+"use strict";const n=require("react/jsx-runtime"),i=require("../../block.cjs"),l=require("../interactive-element.cjs"),r=require("./component-ref.helpers.cjs");function m(e){var t;const c=e.isInteractive?l:e.componentRef;return n.jsx(n.Fragment,{children:e.componentRef?n.jsx(n.Fragment,{children:n.jsx(c,{...r.getWrapperProps({componentOptions:e.componentOptions,builderBlock:e.builderBlock,context:e.context,componentRef:e.componentRef,linkComponent:e.linkComponent,includeBlockProps:e.includeBlockProps,isInteractive:e.isInteractive,contextValue:e.context}),children:e.componentRef?n.jsx(n.Fragment,{children:(t=e.blockChildren)==null?void 0:t.map(o=>n.jsx(i,{block:o,context:e.context,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},o.id))}):null})}):null})}module.exports=m;

package/lib/browser/components/block/components/component-ref/component-ref.mjs

@@ -1,11 +1,11 @@
-import { jsx as n, Fragment as c } from "react/jsx-runtime";
-import m from "../../block.mjs";
-import l from "../interactive-element.mjs";
+import { jsx as n, Fragment as t } from "react/jsx-runtime";
+import l from "../../block.mjs";
+import m from "../interactive-element.mjs";
 import { getWrapperProps as r } from "./component-ref.helpers.mjs";
 function u(e) {
-  var t;
-  const i = e.isInteractive ? l : e.componentRef;
-  return /* @__PURE__ */ n(c, { children: e.componentRef ? /* @__PURE__ */ n(c, { children: /* @__PURE__ */ n(
+  var o;
+  const i = e.isInteractive ? m : e.componentRef;
+  return /* @__PURE__ */ n(t, { children: e.componentRef ? /* @__PURE__ */ n(t, { children: /* @__PURE__ */ n(
     i,
     {
       ...r({
@@ -18,16 +18,16 @@ function u(e) {
         isInteractive: e.isInteractive,
         contextValue: e.context
       }),
-      children: (t = e.blockChildren) == null ? void 0 : t.map((o) => /* @__PURE__ */ n(
-        m,
+      children: e.componentRef ? /* @__PURE__ */ n(t, { children: (o = e.blockChildren) == null ? void 0 : o.map((c) => /* @__PURE__ */ n(
+        l,
         {
-          block: o,
+          block: c,
           context: e.context,
           registeredComponents: e.registeredComponents,
           linkComponent: e.linkComponent
         },
-        o.id
-      ))
+        c.id
+      )) }) : null
     }
   ) }) : null });
 }

package/lib/browser/components/block/components/interactive-element.cjs

@@ -1 +1 @@
-"use client";"use strict";const e=require("react/jsx-runtime"),o=require("react"),l=require("../../../functions/get-block-actions.cjs"),i=require("../../../functions/get-block-properties.cjs"),u=require("../../awaiter.cjs");function x(t){var r,n;o.useState(()=>0);function c(){return t.includeBlockProps?{...i.getBlockProperties({block:t.block,context:t.context}),...l.getBlockActions({block:t.block,rootState:t.context.rootState,rootSetState:t.context.rootSetState,localState:t.context.localState,context:t.context.context})}:{}}function a(){return t.wrapperProps}return o.useEffect(()=>{},[t.wrapperProps,(n=(r=t.block)==null?void 0:r.component)==null?void 0:n.options]),e.jsx(e.Fragment,{children:t.Wrapper.load?e.jsx(e.Fragment,{children:e.jsx(u,{load:t.Wrapper.load,fallback:t.Wrapper.fallback,props:t.wrapperProps,attributes:c(),children:t.children})}):e.jsx(t.Wrapper,{...a(),attributes:c(),children:t.children})})}module.exports=x;
+"use client";"use strict";const e=require("react/jsx-runtime"),i=require("react"),o=require("../../../functions/get-block-actions.cjs"),l=require("../../../functions/get-block-properties.cjs"),u=require("../../../functions/is-editing.cjs");require("../../../helpers/user-attributes.cjs");require("../../../functions/get-fetch.cjs");const d=require("../../awaiter.cjs"),s=require("../../live-edit.cjs");function x(t){var c,n;i.useState(()=>0);function r(){return t.includeBlockProps?{...l.getBlockProperties({block:t.block,context:t.context}),...o.getBlockActions({block:t.block,rootState:t.context.rootState,rootSetState:t.context.rootSetState,localState:t.context.localState,context:t.context.context})}:{}}function a(){return t.wrapperProps}return i.useEffect(()=>{},[t.wrapperProps,(n=(c=t.block)==null?void 0:c.component)==null?void 0:n.options]),e.jsx(e.Fragment,{children:t.Wrapper.load?e.jsx(e.Fragment,{children:e.jsx(d,{load:t.Wrapper.load,fallback:t.Wrapper.fallback,props:t.wrapperProps,attributes:r(),children:t.children})}):u.isEditing()?e.jsx(s,{Wrapper:t.Wrapper,id:t.block.id||"",attributes:r(),children:t.children}):e.jsx(t.Wrapper,{...a(),attributes:r(),children:t.children})})}module.exports=x;

package/lib/browser/components/block/components/interactive-element.mjs

@@ -1,19 +1,23 @@
 "use client";
-import { jsx as e, Fragment as a } from "react/jsx-runtime";
-import { useState as l, useEffect as i } from "react";
-import { getBlockActions as u } from "../../../functions/get-block-actions.mjs";
-import { getBlockProperties as f } from "../../../functions/get-block-properties.mjs";
-import m from "../../awaiter.mjs";
-function h(t) {
+import { jsx as e, Fragment as i } from "react/jsx-runtime";
+import { useState as n, useEffect as l } from "react";
+import { getBlockActions as m } from "../../../functions/get-block-actions.mjs";
+import { getBlockProperties as d } from "../../../functions/get-block-properties.mjs";
+import { isEditing as f } from "../../../functions/is-editing.mjs";
+import "../../../helpers/user-attributes.mjs";
+import "../../../functions/get-fetch.mjs";
+import u from "../../awaiter.mjs";
+import b from "../../live-edit.mjs";
+function B(t) {
   var o, c;
-  l(() => 0);
+  n(() => 0);
   function r() {
     return t.includeBlockProps ? {
-      ...f({
+      ...d({
         block: t.block,
         context: t.context
       }),
-      ...u({
+      ...m({
         block: t.block,
         rootState: t.context.rootState,
         rootSetState: t.context.rootSetState,
@@ -22,12 +26,12 @@ function h(t) {
       })
     } : {};
   }
-  function n() {
+  function a() {
     return t.wrapperProps;
   }
-  return i(() => {
-  }, [t.wrapperProps, (c = (o = t.block) == null ? void 0 : o.component) == null ? void 0 : c.options]), /* @__PURE__ */ e(a, { children: t.Wrapper.load ? /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(
-    m,
+  return l(() => {
+  }, [t.wrapperProps, (c = (o = t.block) == null ? void 0 : o.component) == null ? void 0 : c.options]), /* @__PURE__ */ e(i, { children: t.Wrapper.load ? /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(
+    u,
     {
       load: t.Wrapper.load,
       fallback: t.Wrapper.fallback,
@@ -35,8 +39,16 @@ function h(t) {
       attributes: r(),
       children: t.children
     }
-  ) }) : /* @__PURE__ */ e(t.Wrapper, { ...n(), attributes: r(), children: t.children }) });
+  ) }) : f() ? /* @__PURE__ */ e(
+    b,
+    {
+      Wrapper: t.Wrapper,
+      id: t.block.id || "",
+      attributes: r(),
+      children: t.children
+    }
+  ) : /* @__PURE__ */ e(t.Wrapper, { ...a(), attributes: r(), children: t.children }) });
 }
 export {
-  h as default
+  B as default
 };

package/lib/browser/components/block/components/live-edit-block-styles.cjs

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

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

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

package/lib/browser/components/block/components/style-wrapper.cjs

@@ -0,0 +1 @@
+"use client";"use strict";const e=require("react/jsx-runtime"),i=require("react"),u=require("../../../context/builder.context.cjs"),d=require("../../../functions/is-editing.cjs");require("../../../helpers/user-attributes.cjs");require("../../../functions/get-fetch.cjs");const n=require("./block-styles.cjs"),x=require("./live-edit-block-styles.cjs");function a(t){const[s,r]=i.useState(()=>!1),[c,o]=i.useState(()=>!1),l=i.useContext(u);return i.useEffect(()=>{r(d.isEditing()),o(!0)},[]),e.jsx(e.Fragment,{children:c?e.jsx(e.Fragment,{children:s?e.jsx(x,{id:t.block.id,contextProvider:l}):e.jsx(e.Fragment,{children:e.jsx(n,{block:t.block,context:t.context})})}):e.jsx(e.Fragment,{children:e.jsx(n,{block:t.block,context:t.context})})})}module.exports=a;

package/lib/browser/components/block/components/style-wrapper.mjs

@@ -0,0 +1,24 @@
+"use client";
+import { jsx as t, Fragment as i } from "react/jsx-runtime";
+import { useState as o, useContext as m, useEffect as f } from "react";
+import a from "../../../context/builder.context.mjs";
+import { isEditing as u } from "../../../functions/is-editing.mjs";
+import "../../../helpers/user-attributes.mjs";
+import "../../../functions/get-fetch.mjs";
+import r from "./block-styles.mjs";
+import x from "./live-edit-block-styles.mjs";
+function p(e) {
+  const [n, c] = o(() => !1), [l, d] = o(() => !1), s = m(a);
+  return f(() => {
+    c(u()), d(!0);
+  }, []), /* @__PURE__ */ t(i, { children: l ? /* @__PURE__ */ t(i, { children: n ? /* @__PURE__ */ t(
+    x,
+    {
+      id: e.block.id,
+      contextProvider: s
+    }
+  ) : /* @__PURE__ */ t(i, { children: /* @__PURE__ */ t(r, { block: e.block, context: e.context }) }) }) : /* @__PURE__ */ t(i, { children: /* @__PURE__ */ t(r, { block: e.block, context: e.context }) }) });
+}
+export {
+  p as default
+};

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

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

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

@@ -52,7 +52,7 @@ function y(e) {
       e.BlocksWrapper,
       {
         ref: c,
-        className: o() + " props-blocks-wrapper-7d1e7a14",
+        className: o() + " props-blocks-wrapper-49da6528",
         "builder-path": a(),
         "builder-parent-id": e.parent,
         style: e.styleProp,
@@ -63,7 +63,7 @@ function y(e) {
         children: e.children
       }
     ),
-    /* @__PURE__ */ r("style", { children: `.props-blocks-wrapper-7d1e7a14 {
+    /* @__PURE__ */ r("style", { children: `.props-blocks-wrapper-49da6528 {
   display: flex;
   flex-direction: column;
   align-items: stretch;

package/lib/browser/components/content/components/enable-editor.cjs

@@ -1 +1 @@
-"use client";"use strict";const P=require("react/jsx-runtime"),c=require("react"),V=require("../../../context/builder.context.cjs"),B=require("../../../functions/evaluate/evaluate.cjs"),F=require("../../../functions/fast-clone.cjs"),W=require("../../../functions/get-content/index.cjs"),L=require("../../../functions/is-browser.cjs"),m=require("../../../functions/is-editing.cjs"),A=require("../../../functions/is-previewing.cjs"),M=require("../../../functions/log-fetch.cjs"),$=require("../../../functions/register-component.cjs"),T=require("../../../functions/track/index.cjs"),J=require("../../../functions/track/interaction.cjs"),H=require("../../../helpers/canTrack.cjs"),z=require("../../../helpers/cookie.cjs"),G=require("../../../helpers/preview-lru-cache/set.cjs"),Q=require("../../../helpers/subscribe-to-editor.cjs"),X=require("../../../scripts/init-editing.cjs"),Y=require("../../block/animator.cjs"),K=require("./enable-editor.helpers.cjs"),Z=require("./styles.helpers.cjs"),p=require("next/navigation");function ee(e){var I,w,k;const l=c.useRef(null);c.useState(()=>!1);function g(n){var i,r;const t={...e.builderContextSignal.rootState,...n};e.builderContextSignal.rootSetState?(r=(i=e.builderContextSignal).rootSetState)==null||r.call(i,t):e.builderContextSignal.rootState=t}function b(n){var i,r,a,o,d;const t={...e.builderContextSignal.content,...n,data:{...(i=e.builderContextSignal.content)==null?void 0:i.data,...n==null?void 0:n.data},meta:{...(r=e.builderContextSignal.content)==null?void 0:r.meta,...n==null?void 0:n.meta,breakpoints:((a=n==null?void 0:n.meta)==null?void 0:a.breakpoints)||((d=(o=e.builderContextSignal.content)==null?void 0:o.meta)==null?void 0:d.breakpoints)}};G.postPreviewContent({value:t,key:t.id,url:window.location.pathname})}function D(){return e.showContent?{}:{hidden:!0,"aria-hidden":!0}}const[_,te]=c.useState(()=>e.contentWrapper||"div");function h(n){return Q.createEditorListener({model:e.model,trustedHosts:e.trustedHosts,callbacks:{configureSdk:t=>{var a;const{breakpoints:i,contentId:r}=t;!r||r!==((a=e.builderContextSignal.content)==null?void 0:a.id)||i&&b({meta:{breakpoints:i}})},animation:t=>{Y.triggerAnimation(t)},contentUpdate:t=>{b(t)},stateUpdate:t=>{g(t)}}})(n)}const[E,ne]=c.useState(()=>({})),[S,ie]=c.useState(()=>({})),[x,U]=c.useState(()=>!1);function j(n){var t,i;if(e.builderContextSignal.content){const r=(t=e.builderContextSignal.content)==null?void 0:t.testVariationId,a=(i=e.builderContextSignal.content)==null?void 0:i.id;T._track({apiHost:e.apiHost,type:"click",canTrack:H.getDefaultCanTrack(e.canTrack),contentId:a,apiKey:e.apiKey,variationId:r!==a?r:void 0,...J.getInteractionPropertiesForEvent(n),unique:!x})}x||U(!0)}function N(){var t,i,r;const n=(r=(i=(t=e.builderContextSignal.content)==null?void 0:t.data)==null?void 0:i.httpRequests)!=null?r:{};Object.entries(n).forEach(([a,o])=>{if(!o)return;const d=typeof o=="object"&&o["@type"]==="@builder.io/core:Request";if(S[a]||E[a]&&!m.isEditing())return;const v=d?o.request.url:o;S[a]=!0;const R=v.replace(/{{([^}]+)}}/g,(s,O)=>String(B.evaluate({code:O,context:e.context||{},localState:void 0,rootState:e.builderContextSignal.rootState,rootSetState:e.builderContextSignal.rootSetState}))),u=d?{url:R,method:o.request.method,headers:o.request.headers,body:o.request.body}:{url:R,method:"GET"};M.logFetch(JSON.stringify(u)),fetch(u.url,{method:u.method,headers:u.headers,body:u.body}).then(s=>s.json()).then(s=>{g({[a]:s}),E[a]=!0}).catch(s=>{console.error("error fetching dynamic data",JSON.stringify(o),s)}).finally(()=>{S[a]=!1})})}function f(){m.isEditing()&&window.dispatchEvent(new CustomEvent("builder:component:stateChange",{detail:{state:F.fastClone(e.builderContextSignal.rootState),ref:{name:e.model}}}))}function C(n){var t;window.addEventListener("message",h),X.setupBrowserForEditing({...e.locale?{locale:e.locale}:{},...e.enrich?{enrich:e.enrich}:{},...e.trustedHosts?{trustedHosts:e.trustedHosts}:{},modelName:(t=e.model)!=null?t:"",apiKey:e.apiKey}),Object.values(e.builderContextSignal.componentInfos).forEach(i=>{var r,a;if(!((r=i.models)!=null&&r.length)||i.models.includes(e.model)){const o=$.createRegisterComponentMessage(i);(a=window.parent)==null||a.postMessage(o,"*")}}),window.addEventListener("builder:component:stateChangeListenerActivated",f)}function q(n){var o;const t=new URL(location.href).searchParams,i=t.get("builder.preview"),r=t.get(`builder.overrides.${i}`),a=t.get("apiKey")||t.get("builder.space");(i==="BUILDER_STUDIO"||i===e.model&&a===e.apiKey&&(!e.content||r===e.content.id))&&W.fetchOneEntry({model:e.model,apiKey:e.apiKey,apiVersion:e.builderContextSignal.apiVersion,...i==="BUILDER_STUDIO"&&((o=e.context)!=null&&o.symbolId)?{query:{id:e.context.symbolId}}:{}}).then(d=>{d&&b(d)})}p.useRouter();const y=c.useRef(!1);return y.current||(N(),f(),y.current=!0),c.useEffect(()=>{var n;return(n=l.current)==null||n.addEventListener("initeditingbldr",C),()=>{var t;return(t=l.current)==null?void 0:t.removeEventListener("initeditingbldr",C)}},[]),c.useEffect(()=>{var n;return(n=l.current)==null||n.addEventListener("initpreviewingbldr",q),()=>{var t;return(t=l.current)==null?void 0:t.removeEventListener("initpreviewingbldr",q)}},[]),c.useEffect(()=>{var n,t,i;if(L.isBrowser()){m.isEditing()&&!e.isNestedRender&&l.current&&l.current.dispatchEvent(new CustomEvent("initeditingbldr"));const r=e.builderContextSignal.content&&H.getDefaultCanTrack(e.canTrack),a=z.getCookieSync({name:`builder.tests.${(n=e.builderContextSignal.content)==null?void 0:n.id}`,canTrack:!0}),o=(t=e.builderContextSignal.content)==null?void 0:t.testVariationId;if(r&&o===a){const d=(i=e.builderContextSignal.content)==null?void 0:i.id,v=e.apiKey;T._track({apiHost:e.apiHost,type:"impression",canTrack:!0,contentId:d,apiKey:v,variationId:a!==d?a:void 0})}A.isPreviewing()&&m.isEditing()}},[]),c.useEffect(()=>{},[e.content]),c.useEffect(()=>{f()},[e.builderContextSignal.rootState]),c.useEffect(()=>{e.data&&g(e.data)},[e.data]),c.useEffect(()=>{e.locale&&g({locale:e.locale})},[e.locale]),c.useEffect(()=>()=>{L.isBrowser()&&(window.removeEventListener("message",h),window.removeEventListener("builder:component:stateChangeListenerActivated",f))},[]),P.jsx(V.Provider,{value:e.builderContextSignal,children:e.builderContextSignal.content||K.needsElementRefDivForEditing()?P.jsx(_,{ref:l,onClick:n=>j(n),"builder-content-id":(I=e.builderContextSignal.content)==null?void 0:I.id,"builder-model":e.model,className:Z.getWrapperClassName(((w=e.content)==null?void 0:w.testVariationId)||((k=e.content)==null?void 0:k.id)),style:{display:!e.builderContextSignal.content&&K.needsElementRefDivForEditing()?"none":void 0},...D(),...e.contentWrapperProps,children:e.children}):null})}module.exports=ee;
+"use client";"use strict";const D=require("react/jsx-runtime"),c=require("react"),$=require("../../../context/builder.context.cjs"),G=require("../../../functions/evaluate/evaluate.cjs"),z=require("../../../functions/fast-clone.cjs"),Q=require("../../../functions/get-content/index.cjs"),H=require("../../../functions/is-browser.cjs"),m=require("../../../functions/is-editing.cjs"),X=require("../../../functions/is-previewing.cjs"),Y=require("../../../functions/log-fetch.cjs"),Z=require("../../../functions/register-component.cjs"),K=require("../../../functions/track/index.cjs"),p=require("../../../functions/track/interaction.cjs"),O=require("../../../helpers/canTrack.cjs"),ee=require("../../../helpers/cookie.cjs"),te=require("../../../helpers/preview-lru-cache/set.cjs"),ne=require("../../../helpers/subscribe-to-editor.cjs"),ie=require("../../../scripts/init-editing.cjs"),ae=require("../../block/animator.cjs"),N=require("./enable-editor.helpers.cjs"),re=require("./styles.helpers.cjs"),oe=require("next/navigation");function ce(e){var P,R,L;const u=c.useRef(null);c.useState(()=>!1);const[h,E]=c.useState(()=>e.builderContextSignal),[V,_]=c.useState(()=>null),[U,j]=c.useState(()=>"");function g(i,t){var o,a,r,d;const n={...e.builderContextSignal.rootState,...i};if(e.builderContextSignal.rootSetState?(a=(o=e.builderContextSignal).rootSetState)==null||a.call(o,n):e.builderContextSignal.rootState=n,t==="server")e.builderContextSignal.rootSetState?(d=(r=e.builderContextSignal).rootSetState)==null||d.call(r,n):e.builderContextSignal.rootState=n;else{const l={...e.builderContextSignal,rootState:n};E(l)}}function v(i,t){var o,a,r,d,l;const n={...e.builderContextSignal.content,...i,data:{...(o=e.builderContextSignal.content)==null?void 0:o.data,...i==null?void 0:i.data},meta:{...(a=e.builderContextSignal.content)==null?void 0:a.meta,...i==null?void 0:i.meta,breakpoints:((r=i==null?void 0:i.meta)==null?void 0:r.breakpoints)||((l=(d=e.builderContextSignal.content)==null?void 0:d.meta)==null?void 0:l.breakpoints)}};if(t==="server")te.postPreviewContent({value:n,key:n.id,url:window.location.pathname});else{const b=JSON.parse(JSON.stringify(n)),s={...h,content:b};E(s)}}function B(){return e.showContent?{}:{hidden:!0,"aria-hidden":!0}}const[F,de]=c.useState(()=>e.contentWrapper||"div");function C(i){return ne.createEditorListener({model:e.model,trustedHosts:e.trustedHosts,callbacks:{configureSdk:t=>{var a;const{breakpoints:n,contentId:o}=t;!o||o!==((a=e.builderContextSignal.content)==null?void 0:a.id)||n&&v({meta:{breakpoints:n}})},animation:t=>{ae.triggerAnimation(t)},contentUpdate:(t,n)=>{v(t,n)},stateUpdate:(t,n)=>{g(t,n)}}})(i)}const[q,le]=c.useState(()=>({})),[x,se]=c.useState(()=>({})),[y,W]=c.useState(()=>!1);function A(i){var t,n;if(e.builderContextSignal.content){const o=(t=e.builderContextSignal.content)==null?void 0:t.testVariationId,a=(n=e.builderContextSignal.content)==null?void 0:n.id;K._track({apiHost:e.apiHost,type:"click",canTrack:O.getDefaultCanTrack(e.canTrack),contentId:a,apiKey:e.apiKey,variationId:o!==a?o:void 0,...p.getInteractionPropertiesForEvent(i),unique:!y})}y||W(!0)}function J(){var t,n,o;const i=(o=(n=(t=e.builderContextSignal.content)==null?void 0:t.data)==null?void 0:n.httpRequests)!=null?o:{};Object.entries(i).forEach(([a,r])=>{if(!r)return;const d=typeof r=="object"&&r["@type"]==="@builder.io/core:Request";if(x[a]||q[a]&&!m.isEditing())return;const l=d?r.request.url:r;x[a]=!0;const b=l.replace(/{{([^}]+)}}/g,(f,M)=>String(G.evaluate({code:M,context:e.context||{},localState:void 0,rootState:e.builderContextSignal.rootState,rootSetState:e.builderContextSignal.rootSetState}))),s=d?{url:b,method:r.request.method,headers:r.request.headers,body:r.request.body}:{url:b,method:"GET"};Y.logFetch(JSON.stringify(s));const T={method:s.method,headers:s.headers,body:s.body};s.method==="GET"&&delete T.body,fetch(s.url,T).then(f=>f.json()).then(f=>{g({[a]:f}),q[a]=!0}).catch(f=>{console.error("error fetching dynamic data",JSON.stringify(r),f)}).finally(()=>{x[a]=!1})})}function S(){m.isEditing()&&window.dispatchEvent(new CustomEvent("builder:component:stateChange",{detail:{state:z.fastClone(e.builderContextSignal.rootState),ref:{name:e.model}}}))}function I(i){var t;window.addEventListener("message",C),ie.setupBrowserForEditing({...e.locale?{locale:e.locale}:{},...e.enrich?{enrich:e.enrich}:{},...e.trustedHosts?{trustedHosts:e.trustedHosts}:{},modelName:(t=e.model)!=null?t:"",apiKey:e.apiKey}),Object.values(e.builderContextSignal.componentInfos).forEach(n=>{var o,a;if(!((o=n.models)!=null&&o.length)||n.models.includes(e.model)){const r=Z.createRegisterComponentMessage(n);(a=window.parent)==null||a.postMessage(r,"*")}}),window.addEventListener("builder:component:stateChangeListenerActivated",S)}function w(i){var r;const t=new URL(location.href).searchParams,n=t.get("builder.preview"),o=t.get(`builder.overrides.${n}`),a=t.get("apiKey")||t.get("builder.space");(n==="BUILDER_STUDIO"||n===e.model&&a===e.apiKey&&(!e.content||o===e.content.id))&&Q.fetchOneEntry({model:e.model,apiKey:e.apiKey,apiVersion:e.builderContextSignal.apiVersion,...n==="BUILDER_STUDIO"&&((r=e.context)!=null&&r.symbolId)?{query:{id:e.context.symbolId}}:{}}).then(d=>{d&&v(d)})}oe.useRouter();const k=c.useRef(!1);return k.current||(J(),S(),k.current=!0),c.useEffect(()=>{var i;return(i=u.current)==null||i.addEventListener("initeditingbldr",I),()=>{var t;return(t=u.current)==null?void 0:t.removeEventListener("initeditingbldr",I)}},[]),c.useEffect(()=>{var i;return(i=u.current)==null||i.addEventListener("initpreviewingbldr",w),()=>{var t;return(t=u.current)==null?void 0:t.removeEventListener("initpreviewingbldr",w)}},[]),c.useEffect(()=>{var i,t,n;if(H.isBrowser()){m.isEditing()&&!e.isNestedRender&&u.current&&u.current.dispatchEvent(new CustomEvent("initeditingbldr"));const o=e.builderContextSignal.content&&O.getDefaultCanTrack(e.canTrack),a=ee.getCookieSync({name:`builder.tests.${(i=e.builderContextSignal.content)==null?void 0:i.id}`,canTrack:!0}),r=(t=e.builderContextSignal.content)==null?void 0:t.testVariationId;if(o&&r===a){const d=(n=e.builderContextSignal.content)==null?void 0:n.id,l=e.apiKey;K._track({apiHost:e.apiHost,type:"impression",canTrack:!0,contentId:d,apiKey:l,variationId:a!==d?a:void 0})}X.isPreviewing()&&m.isEditing()}},[]),c.useEffect(()=>{},[e.content]),c.useEffect(()=>{S()},[e.builderContextSignal.rootState]),c.useEffect(()=>{if(e.data){if(V===e.data)return;g(e.data),_(e.data)}},[e.data]),c.useEffect(()=>{if(e.locale){if(U===e.locale)return;g({locale:e.locale}),j(e.locale)}},[e.locale]),c.useEffect(()=>()=>{H.isBrowser()&&(window.removeEventListener("message",C),window.removeEventListener("builder:component:stateChangeListenerActivated",S))},[]),D.jsx($.Provider,{value:h,children:e.builderContextSignal.content||N.needsElementRefDivForEditing()?D.jsx(F,{ref:u,onClick:i=>A(i),"builder-content-id":(P=e.builderContextSignal.content)==null?void 0:P.id,"builder-model":e.model,className:re.getWrapperClassName(((R=e.content)==null?void 0:R.testVariationId)||((L=e.content)==null?void 0:L.id)),style:{display:!e.builderContextSignal.content&&N.needsElementRefDivForEditing()?"none":void 0},...B(),...e.contentWrapperProps,children:e.children}):null})}module.exports=ce;