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

package/lib/browser/index.mjs

@@ -3,23 +3,23 @@ import { default as f } from "./blocks/columns/columns.mjs";
 import { default as a } from "./blocks/fragment/fragment.mjs";
 import { default as p } from "./blocks/image/image.mjs";
 import { default as i } from "./blocks/section/section.mjs";
-import { default as u } from "./blocks/symbol/symbol.mjs";
-import { default as n } from "./blocks/text/text.mjs";
+import { default as n } from "./blocks/symbol/symbol.mjs";
+import { default as d } from "./blocks/text/text.mjs";
 import { default as g } from "./blocks/video/video.mjs";
 import { default as B } from "./components/blocks/blocks.mjs";
 import { default as b } from "./components/content-variants/content-variants.mjs";
 import { default as S } from "./context/builder.context.mjs";
 import { setClientUserAttributes as k } from "./helpers/user-attributes.mjs";
-import { isEditing as R } from "./functions/is-editing.mjs";
-import { isPreviewing as v } from "./functions/is-previewing.mjs";
-import { createRegisterComponentMessage as A } from "./functions/register-component.mjs";
-import { register as I } from "./functions/register.mjs";
-import { setEditorSettings as O } from "./functions/set-editor-settings.mjs";
-import { getBuilderSearchParams as V } from "./functions/get-builder-search-params/index.mjs";
-import { track as j } from "./functions/track/index.mjs";
-import { subscribeToEditor as z } from "./helpers/subscribe-to-editor.mjs";
-import { fetchBuilderProps as G } from "./functions/fetch-builder-props.mjs";
-import { _processContentResult as J, fetchEntries as K, fetchOneEntry as L } from "./functions/get-content/index.mjs";
+import { isEditing as A } from "./functions/is-editing.mjs";
+import { isPreviewing as T } from "./functions/is-previewing.mjs";
+import { createRegisterComponentMessage as w } from "./functions/register-component.mjs";
+import { register as I, registerAction as M } from "./functions/register.mjs";
+import { setEditorSettings as U } from "./functions/set-editor-settings.mjs";
+import { getBuilderSearchParams as _ } from "./functions/get-builder-search-params/index.mjs";
+import { track as q } from "./functions/track/index.mjs";
+import { subscribeToEditor as D } from "./helpers/subscribe-to-editor.mjs";
+import { fetchBuilderProps as H } from "./functions/fetch-builder-props.mjs";
+import { _processContentResult as K, fetchEntries as L, fetchOneEntry as N } from "./functions/get-content/index.mjs";
 export {
   B as Blocks,
   S as BuilderContext,
@@ -29,20 +29,21 @@ export {
   a as Fragment,
   p as Image,
   i as Section,
-  u as Symbol,
-  n as Text,
+  n as Symbol,
+  d as Text,
   g as Video,
-  J as _processContentResult,
-  A as createRegisterComponentMessage,
-  G as fetchBuilderProps,
-  K as fetchEntries,
-  L as fetchOneEntry,
-  V as getBuilderSearchParams,
-  R as isEditing,
-  v as isPreviewing,
+  K as _processContentResult,
+  w as createRegisterComponentMessage,
+  H as fetchBuilderProps,
+  L as fetchEntries,
+  N as fetchOneEntry,
+  _ as getBuilderSearchParams,
+  A as isEditing,
+  T as isPreviewing,
   I as register,
+  M as registerAction,
   k as setClientUserAttributes,
-  O as setEditorSettings,
-  z as subscribeToEditor,
-  j as track
+  U as setEditorSettings,
+  D as subscribeToEditor,
+  q as track
 };

package/lib/browser/server-entry.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./functions/is-editing.cjs"),t=require("./functions/is-previewing.cjs"),i=require("./functions/register-component.cjs"),s=require("./functions/register.cjs"),n=require("./functions/set-editor-settings.cjs"),o=require("./functions/get-builder-search-params/index.cjs"),c=require("./functions/track/index.cjs"),u=require("./helpers/subscribe-to-editor.cjs"),g=require("./functions/fetch-builder-props.cjs"),e=require("./functions/get-content/index.cjs");exports.isEditing=r.isEditing;exports.isPreviewing=t.isPreviewing;exports.createRegisterComponentMessage=i.createRegisterComponentMessage;exports.register=s.register;exports.setEditorSettings=n.setEditorSettings;exports.getBuilderSearchParams=o.getBuilderSearchParams;exports.track=c.track;exports.subscribeToEditor=u.subscribeToEditor;exports.fetchBuilderProps=g.fetchBuilderProps;exports._processContentResult=e._processContentResult;exports.fetchEntries=e.fetchEntries;exports.fetchOneEntry=e.fetchOneEntry;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./functions/is-editing.cjs"),i=require("./functions/is-previewing.cjs"),s=require("./functions/register-component.cjs"),r=require("./functions/register.cjs"),n=require("./functions/set-editor-settings.cjs"),o=require("./functions/get-builder-search-params/index.cjs"),c=require("./functions/track/index.cjs"),g=require("./helpers/subscribe-to-editor.cjs"),u=require("./functions/fetch-builder-props.cjs"),e=require("./functions/get-content/index.cjs");exports.isEditing=t.isEditing;exports.isPreviewing=i.isPreviewing;exports.createRegisterComponentMessage=s.createRegisterComponentMessage;exports.register=r.register;exports.registerAction=r.registerAction;exports.setEditorSettings=n.setEditorSettings;exports.getBuilderSearchParams=o.getBuilderSearchParams;exports.track=c.track;exports.subscribeToEditor=g.subscribeToEditor;exports.fetchBuilderProps=u.fetchBuilderProps;exports._processContentResult=e._processContentResult;exports.fetchEntries=e.fetchEntries;exports.fetchOneEntry=e.fetchOneEntry;

package/lib/browser/server-entry.mjs

@@ -1,24 +1,25 @@
 import { isEditing as t } from "./functions/is-editing.mjs";
-import { isPreviewing as s } from "./functions/is-previewing.mjs";
+import { isPreviewing as i } from "./functions/is-previewing.mjs";
 import { createRegisterComponentMessage as f } from "./functions/register-component.mjs";
-import { register as m } from "./functions/register.mjs";
-import { setEditorSettings as x } from "./functions/set-editor-settings.mjs";
-import { getBuilderSearchParams as g } from "./functions/get-builder-search-params/index.mjs";
-import { track as d } from "./functions/track/index.mjs";
-import { subscribeToEditor as h } from "./helpers/subscribe-to-editor.mjs";
-import { fetchBuilderProps as l } from "./functions/fetch-builder-props.mjs";
-import { _processContentResult as b, fetchEntries as B, fetchOneEntry as C } from "./functions/get-content/index.mjs";
+import { register as m, registerAction as n } from "./functions/register.mjs";
+import { setEditorSettings as c } from "./functions/set-editor-settings.mjs";
+import { getBuilderSearchParams as a } from "./functions/get-builder-search-params/index.mjs";
+import { track as E } from "./functions/track/index.mjs";
+import { subscribeToEditor as u } from "./helpers/subscribe-to-editor.mjs";
+import { fetchBuilderProps as P } from "./functions/fetch-builder-props.mjs";
+import { _processContentResult as B, fetchEntries as C, fetchOneEntry as R } from "./functions/get-content/index.mjs";
 export {
-  b as _processContentResult,
+  B as _processContentResult,
   f as createRegisterComponentMessage,
-  l as fetchBuilderProps,
-  B as fetchEntries,
-  C as fetchOneEntry,
-  g as getBuilderSearchParams,
+  P as fetchBuilderProps,
+  C as fetchEntries,
+  R as fetchOneEntry,
+  a as getBuilderSearchParams,
   t as isEditing,
-  s as isPreviewing,
+  i as isPreviewing,
   m as register,
-  x as setEditorSettings,
-  h as subscribeToEditor,
-  d as track
+  n as registerAction,
+  c as setEditorSettings,
+  u as subscribeToEditor,
+  E as track
 };

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

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