@builder.io/sdk-react-nextjs 0.21.1 → 0.22.1

package/lib/node/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/node/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/node/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/node/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/node/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/node/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/node/components/content/components/enable-editor.cjs

@@ -1 +1 @@
-"use client";"use strict";const L=require("react/jsx-runtime"),c=require("react"),M=require("../../../context/builder.context.cjs"),$=require("../../../functions/evaluate/evaluate.cjs"),G=require("../../../functions/fast-clone.cjs"),J=require("../../../functions/get-content/index.cjs"),T=require("../../../functions/is-browser.cjs"),m=require("../../../functions/is-editing.cjs"),z=require("../../../functions/is-previewing.cjs"),Q=require("../../../functions/log-fetch.cjs"),X=require("../../../functions/register-component.cjs"),D=require("../../../functions/track/index.cjs"),Y=require("../../../functions/track/interaction.cjs"),H=require("../../../helpers/canTrack.cjs"),Z=require("../../../helpers/cookie.cjs"),p=require("../../../helpers/preview-lru-cache/set.cjs"),ee=require("../../../helpers/subscribe-to-editor.cjs"),te=require("../../../scripts/init-editing.cjs"),ne=require("../../block/animator.cjs"),K=require("./enable-editor.helpers.cjs"),ie=require("./styles.helpers.cjs"),ae=require("next/navigation");function re(e){var I,w,k;const l=c.useRef(null);c.useState(()=>!1);const[_,O]=c.useState(()=>null),[U,j]=c.useState(()=>"");function f(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)}};p.postPreviewContent({value:t,key:t.id,url:window.location.pathname})}function N(){return e.showContent?{}:{hidden:!0,"aria-hidden":!0}}const[V,oe]=c.useState(()=>e.contentWrapper||"div");function h(n){return ee.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=>{ne.triggerAnimation(t)},contentUpdate:t=>{b(t)},stateUpdate:t=>{f(t)}}})(n)}const[E,ce]=c.useState(()=>({})),[S,de]=c.useState(()=>({})),[x,B]=c.useState(()=>!1);function F(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;D._track({apiHost:e.apiHost,type:"click",canTrack:H.getDefaultCanTrack(e.canTrack),contentId:a,apiKey:e.apiKey,variationId:r!==a?r:void 0,...Y.getInteractionPropertiesForEvent(n),unique:!x})}x||B(!0)}function W(){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 P=v.replace(/{{([^}]+)}}/g,(u,A)=>String($.evaluate({code:A,context:e.context||{},localState:void 0,rootState:e.builderContextSignal.rootState,rootSetState:e.builderContextSignal.rootSetState}))),s=d?{url:P,method:o.request.method,headers:o.request.headers,body:o.request.body}:{url:P,method:"GET"};Q.logFetch(JSON.stringify(s));const R={method:s.method,headers:s.headers,body:s.body};s.method==="GET"&&delete R.body,fetch(s.url,R).then(u=>u.json()).then(u=>{f({[a]:u}),E[a]=!0}).catch(u=>{console.error("error fetching dynamic data",JSON.stringify(o),u)}).finally(()=>{S[a]=!1})})}function g(){m.isEditing()&&window.dispatchEvent(new CustomEvent("builder:component:stateChange",{detail:{state:G.fastClone(e.builderContextSignal.rootState),ref:{name:e.model}}}))}function C(n){var t;window.addEventListener("message",h),te.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=X.createRegisterComponentMessage(i);(a=window.parent)==null||a.postMessage(o,"*")}}),window.addEventListener("builder:component:stateChangeListenerActivated",g)}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))&&J.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)})}ae.useRouter();const y=c.useRef(!1);return y.current||(W(),g(),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(T.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;D._track({apiHost:e.apiHost,type:"impression",canTrack:!0,contentId:d,apiKey:v,variationId:a!==d?a:void 0})}z.isPreviewing()&&m.isEditing()}},[]),c.useEffect(()=>{},[e.content]),c.useEffect(()=>{g()},[e.builderContextSignal.rootState]),c.useEffect(()=>{if(e.data){if(_===e.data)return;f(e.data),O(e.data)}},[e.data]),c.useEffect(()=>{if(e.locale){if(U===e.locale)return;f({locale:e.locale}),j(e.locale)}},[e.locale]),c.useEffect(()=>()=>{T.isBrowser()&&(window.removeEventListener("message",h),window.removeEventListener("builder:component:stateChangeListenerActivated",g))},[]),L.jsx(M.Provider,{value:e.builderContextSignal,children:e.builderContextSignal.content||K.needsElementRefDivForEditing()?L.jsx(V,{ref:l,onClick:n=>F(n),"builder-content-id":(I=e.builderContextSignal.content)==null?void 0:I.id,"builder-model":e.model,className:ie.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},...N(),...e.contentWrapperProps,children:e.children}):null})}module.exports=re;
+"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;