@builder.io/sdk-react-nextjs 0.7.0 → 0.7.1-0

package/lib/edge/index.mjs

@@ -1,10 +1,10 @@
-import { B as i, p as m, C as c, R as g, o as p, S as l, T as C, z as d, e as u, E as B, v as S, w as f, x as E, A as R, y as h, i as x, q as k, t as y, u as P, D as b } from "./bundle-ed178c62.mjs";
-import { b as w, F as A, c as F, S as T, V } from "./USE_CLIENT_BUNDLE-0e9f8e67.mjs";
+import { B as i, t as m, C as c, R as g, q as p, S as l, T as C, z as d, m as f, E as u, w as B, n as S, x as E, A as R, y as h, i as x, f as k, u as y, v as P, D as b } from "./bundle-a5949d33.mjs";
+import { b as w, F as A, c as F, S as T, V } from "./USE_CLIENT_BUNDLE-4a0cfa69.mjs";
 import "lru-cache";
 import "react/jsx-runtime";
 import "react";
 import "next/navigation";
-import "./USE_SERVER_BUNDLE-f6a1e321.mjs";
+import "./USE_SERVER_BUNDLE-f184d7eb.mjs";
 export {
   i as Blocks,
   w as Button,
@@ -19,10 +19,10 @@ export {
   C as Text,
   V as Video,
   d as _processContentResult,
-  u as createRegisterComponentMessage,
-  B as fetchBuilderProps,
-  S as fetchEntries,
-  f as fetchOneEntry,
+  f as createRegisterComponentMessage,
+  u as fetchBuilderProps,
+  B as fetchEntries,
+  S as fetchOneEntry,
   E as getAllContent,
   R as getBuilderSearchParams,
   h as getContent,

package/lib/node/USE_CLIENT_BUNDLE-63c7fe77.js

@@ -0,0 +1,61 @@
+"use client";"use strict";const t=require("react/jsx-runtime"),O=require("isolated-vm"),o=require("./bundle-630ffe6d.js"),l=require("react"),D=require("./USE_SERVER_BUNDLE-cd844269.js"),U=require("next/navigation");function V(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const f=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(n,r,f.get?f:{enumerable:!0,get:()=>e[r]})}}return n.default=e,Object.freeze(n)}const A=V(O);function W(e){return t.jsxs(t.Fragment,{children:[e.link?t.jsx(t.Fragment,{children:t.jsx("a",{role:"button",...e.attributes,href:e.link,target:e.openLinkInNewTab?"_blank":void 0,children:e.text})}):t.jsx(t.Fragment,{children:t.jsx("button",{...e.attributes,style:e.attributes.style,className:e.attributes.className+" button-35669e6c",children:e.text})}),t.jsx("style",{children:`.button-35669e6c {
+  all: unset;
+}`})]})}const q=e=>`bldr_${e}_sync`,K="BUILDER_SET_STATE",z=`
+var refToProxy = (obj) => {
+  if (typeof obj !== 'object' || obj === null) {
+    return obj;
+  }
+  return new Proxy({}, {
+    get(target, key) {
+        if (key === 'copySync') {
+          return () => obj.copySync();
+        }
+        const val = obj.getSync(key);
+        if (typeof val?.getSync === 'function') {
+            return refToProxy(val);
+        }
+        return val;
+    },
+    set(target, key, value) {
+        obj.setSync(key, value);
+        ${K}(obj.copySync())
+    },
+    deleteProperty(target, key) {
+        obj.deleteSync(key);
+    }
+  })
+}
+`,$=({code:e,args:n})=>{const r=n.map(([f])=>`var ${f} = refToProxy(${q(f)}); `).join("");return`
+${z}
+${r}
+function theFunction() {
+  ${e}
+}
+
+const output = theFunction()
+
+if (typeof output === 'object' && output !== null) {
+  JSON.stringify(output.copySync ? output.copySync() : output);
+}
+output;
+`},H=()=>new A.Isolate({memoryLimit:128}).createContextSync(),J=({code:e,builder:n,context:r,event:f,localState:s,rootSetState:h,rootState:v})=>{const x={...v,...s},b=o.getFunctionArguments({builder:n,context:r,event:f,state:x}),u=H(),m=u.global;m.setSync("global",m.derefInto()),m.setSync("log",function(...E){console.log(...E)}),m.setSync(K,function(E){h&&h(E)}),b.forEach(([E,j])=>{const w=typeof j=="object"?new A.Reference(E==="builder"?{...j,getUserAttributes:()=>j.getUserAttributes()}:j):null;m.setSync(q(E),w)});const y=$({code:e,args:b}),k=u.evalSync(y);try{return JSON.parse(k)}catch{return k}};function G(e){return t.jsx(e.Wrapper,{...e.wrapperProps,attributes:{...o.getBlockProperties({block:e.block,context:e.context}),...o.getBlockActions({block:e.block,rootState:e.context.rootState,rootSetState:e.context.rootSetState,localState:e.context.localState,context:e.context.context})},children:e.children})}function X(e){return t.jsxs(t.Fragment,{children:[" ",e.hasChildren?t.jsx(t.Fragment,{children:t.jsxs(e.Wrapper,{...o.getBlockProperties({block:e.block,context:e.context}),...o.getBlockActions({block:e.block,rootState:e.context.rootState,rootSetState:e.context.rootSetState,localState:e.context.localState,context:e.context.context,stripPrefix:!0}),children:[" ",e.children," "]})}):t.jsx(t.Fragment,{children:t.jsx(e.Wrapper,{...o.getBlockProperties({block:e.block,context:e.context}),...o.getBlockActions({block:e.block,rootState:e.context.rootState,rootSetState:e.context.rootSetState,localState:e.context.localState,context:e.context.context,stripPrefix:!0})})})," "]})}function Y(e){function n(){var s;return"builder-blocks"+((s=e.blocks)!=null&&s.length?"":" no-blocks")}function r(){var s,h;o.isEditing()&&!((s=e.blocks)!=null&&s.length)&&((h=window.parent)==null||h.postMessage({type:"builder.clickEmptyBlocks",data:{parentElementId:e.parent,dataPath:e.path}},"*"))}function f(){var s,h;o.isEditing()&&!((s=e.blocks)!=null&&s.length)&&((h=window.parent)==null||h.postMessage({type:"builder.hoverEmptyBlocks",data:{parentElementId:e.parent,dataPath:e.path}},"*"))}return t.jsxs(t.Fragment,{children:[t.jsx("div",{className:n()+" div-02c7a115","builder-path":e.path,"builder-parent-id":e.parent,style:e.styleProp,onClick:s=>r(),onMouseEnter:s=>f(),onKeyPress:s=>r(),children:e.children}),t.jsx("style",{children:`.div-02c7a115 {
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+}`})]})}function Q(e){return t.jsx("span",{children:e.children})}function Z(e){var s,h,v,x;function n(){var m;const u=e.image||e.src;if(!u||!(u.match(/builder\.io/)||u.match(/cdn\.shopify\.com/)))return e.srcset;if(e.srcset&&((m=e.image)!=null&&m.includes("builder.io/api/v1/image"))){if(!e.srcset.includes(e.image.split("?")[0]))return console.debug("Removed given srcset"),o.getSrcSet(u)}else if(e.image&&!e.srcset)return o.getSrcSet(u);return o.getSrcSet(u)}function r(){var b;return(b=n==null?void 0:n())!=null&&b.match(/builder\.io/)&&!e.noWebp?n().replace(/\?/g,"?format=webp&"):""}function f(){const b={position:"absolute",height:"100%",width:"100%",left:"0px",top:"0px"};return e.aspectRatio?b:void 0}return t.jsxs(t.Fragment,{children:[t.jsxs(t.Fragment,{children:[t.jsxs("picture",{children:[r()?t.jsx(t.Fragment,{children:t.jsx("source",{type:"image/webp",srcSet:r()})}):null,t.jsx("img",{loading:"lazy",alt:e.altText,role:e.altText?"presentation":void 0,style:{objectPosition:e.backgroundPosition||"center",objectFit:e.backgroundSize||"cover",...f()},className:"builder-image"+(e.className?" "+e.className:"")+" img-497e0136",src:e.image,srcSet:n(),sizes:e.sizes})]}),e.aspectRatio&&!((h=(s=e.builderBlock)==null?void 0:s.children)!=null&&h.length&&e.fitContent)?t.jsx(t.Fragment,{children:t.jsx("div",{className:"builder-image-sizer div-497e0136",style:{paddingTop:e.aspectRatio*100+"%"}})}):null,(x=(v=e.builderBlock)==null?void 0:v.children)!=null&&x.length&&e.fitContent?t.jsx(t.Fragment,{children:e.children}):null,!e.fitContent&&e.children?t.jsx(t.Fragment,{children:t.jsx("div",{className:"div-497e0136-2",children:e.children})}):null]}),t.jsx("style",{children:`.img-497e0136 {
+  opacity: 1;
+  transition: opacity 0.2s ease-in-out;
+}.div-497e0136 {
+  width: 100%;
+  pointer-events: none;
+  font-size: 0;
+}.div-497e0136-2 {
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}`})]})}function p(e){return t.jsx("section",{...e.attributes,style:{width:"100%",alignSelf:"stretch",flexGrow:1,boxSizing:"border-box",maxWidth:e.maxWidth||1200,display:"flex",flexDirection:"column",alignItems:"stretch",marginLeft:"auto",marginRight:"auto"},children:e.children})}function ee(e){var f;function n(){return{...e.autoPlay===!0?{autoPlay:!0}:{},...e.muted===!0?{muted:!0}:{},...e.controls===!0?{controls:!0}:{},...e.loop===!0?{loop:!0}:{},...e.playsInline===!0?{playsInline:!0}:{}}}function r(){return{...e.attributes,...n()}}return t.jsx("video",{...r(),preload:e.preload||"metadata",style:{width:"100%",height:"100%",...(f=e.attributes)==null?void 0:f.style,objectFit:e.fit,objectPosition:e.position,borderRadius:1},src:e.video||"no-src",poster:e.posterImage})}function te(e){const n=l.useRef(null),[r,f]=l.useState(()=>[]),[s,h]=l.useState(()=>[]),[v,x]=l.useState(()=>!1);function b(){if(!n.current||!n.current.getElementsByTagName)return;const u=n.current.getElementsByTagName("script");for(let m=0;m<u.length;m++){const y=u[m];if(y.src&&!r.includes(y.src)){r.push(y.src);const k=document.createElement("script");k.async=!0,k.src=y.src,document.head.appendChild(k)}else if(o.isJsScript(y)&&!s.includes(y.innerText))try{s.push(y.innerText),new Function(y.innerText)()}catch(k){console.warn("`Embed`: Error running script:",k)}}}return l.useEffect(()=>{n.current&&!v&&(x(!0),b())},[n.current,v]),t.jsx("div",{className:"builder-embed",ref:n,dangerouslySetInnerHTML:{__html:e.content}})}function ne(e){return t.jsx("img",{style:{objectFit:e.backgroundSize||"cover",objectPosition:e.backgroundPosition||"center"},alt:e.altText,src:e.imgSrc||e.image,...e.attributes},o.isEditing()&&e.imgSrc||"default-key")}function ie(e){const n=l.useRef(null),[r,f]=l.useState(()=>[]),[s,h]=l.useState(()=>[]);return l.useEffect(()=>{var x;if(!((x=n.current)!=null&&x.getElementsByTagName)||typeof window>"u")return;const v=n.current.getElementsByTagName("script");for(let b=0;b<v.length;b++){const u=v[b];if(u.src){if(r.includes(u.src))continue;r.push(u.src);const m=document.createElement("script");m.async=!0,m.src=u.src,document.head.appendChild(m)}else if(!u.type||["text/javascript","application/javascript","application/ecmascript"].includes(u.type)){if(s.includes(u.innerText))continue;try{s.push(u.innerText),new Function(u.innerText)()}catch(m){console.warn("`CustomCode`: Error running script:",m)}}}},[]),t.jsx("div",{ref:n,className:"builder-custom-code"+(e.replaceNodes?" replace-nodes":""),dangerouslySetInnerHTML:{__html:e.code}})}const ce=l.createContext({content:null,context:{},localState:void 0,rootSetState(){},rootState:{},apiKey:null,apiVersion:void 0,componentInfos:{},inheritedStyles:{}});function oe(e){var T,F,N,B,_;const n=l.useRef(null),[r,f]=l.useState(()=>0);function s(i){var a,d,g,S,L;const c={...e.builderContextSignal.content,...i,data:{...(a=e.builderContextSignal.content)==null?void 0:a.data,...i==null?void 0:i.data},meta:{...(d=e.builderContextSignal.content)==null?void 0:d.meta,...i==null?void 0:i.meta,breakpoints:((g=i==null?void 0:i.meta)==null?void 0:g.breakpoints)||((L=(S=e.builderContextSignal.content)==null?void 0:S.meta)==null?void 0:L.breakpoints)}};D.postPreviewContent({value:c,key:c.id}).then(()=>{M.refresh()})}l.useState(()=>0);const[h,v]=l.useState(()=>!1);function x(i){var a;const{data:c}=i;if(c)switch(c.type){case"builder.configureSdk":{const d=c.data,{breakpoints:g,contentId:S}=d;if(!S||S!==((a=e.builderContextSignal.content)==null?void 0:a.id))return;g&&s({meta:{breakpoints:g}}),f(r+1);break}case"builder.contentUpdate":{const d=c.data,g=d.key||d.alias||d.entry||d.modelName,S=d.data;g===e.model&&(s(S),f(r+1));break}}}function b(){var c,a;const i=(a=(c=e.builderContextSignal.content)==null?void 0:c.data)==null?void 0:a.jsCode;i&&o.evaluate({code:i,context:e.context||{},localState:void 0,rootState:e.builderContextSignal.rootState,rootSetState:e.builderContextSignal.rootSetState})}const[u,m]=l.useState(()=>({})),[y,k]=l.useState(()=>!1);function E(i){var c,a;if(e.builderContextSignal.content){const d=(c=e.builderContextSignal.content)==null?void 0:c.testVariationId,g=(a=e.builderContextSignal.content)==null?void 0:a.id;o._track({type:"click",canTrack:o.getDefaultCanTrack(e.canTrack),contentId:g,apiKey:e.apiKey,variationId:d!==g?d:void 0,...o.getInteractionPropertiesForEvent(i),unique:!y})}y||k(!0)}function j(i){return i.replace(/{{([^}]+)}}/g,(c,a)=>o.evaluate({code:a,context:e.context||{},localState:void 0,rootState:e.builderContextSignal.rootState,rootSetState:e.builderContextSignal.rootSetState}))}function w({url:i,key:c}){o.fetch(i).then(a=>a.json()).then(a=>{var g,S;const d={...e.builderContextSignal.rootState,[c]:a};(S=(g=e.builderContextSignal).rootSetState)==null||S.call(g,d),u[c]=!0}).catch(a=>{console.error("error fetching dynamic data",i,a)})}function R(){var c,a;const i=((a=(c=e.builderContextSignal.content)==null?void 0:c.data)==null?void 0:a.httpRequests)??{};Object.entries(i).forEach(([d,g])=>{if(g&&(!u[d]||o.isEditing())){const S=j(g);w({url:S,key:d})}})}function C(){o.isEditing()&&window.dispatchEvent(new CustomEvent("builder:component:stateChange",{detail:{state:o.fastClone(e.builderContextSignal.rootState),ref:{name:e.model}}}))}function I(i){f(r+1),window.addEventListener("message",x),o.registerInsertMenu(),o.setupBrowserForEditing({...e.locale?{locale:e.locale}:{},...e.includeRefs?{includeRefs:e.includeRefs}:{},...e.enrich?{enrich:e.enrich}:{}}),Object.values(e.builderContextSignal.componentInfos).forEach(c=>{var d;const a=o.createRegisterComponentMessage(c);(d=window.parent)==null||d.postMessage(a,"*")}),window.addEventListener("builder:component:stateChangeListenerActivated",C)}function P(i){const c=new URL(location.href).searchParams,a=c.get("builder.preview"),d=c.get(`builder.preview.${a}`),g=c.get("apiKey")||c.get("builder.space");a===e.model&&g===e.apiKey&&(!e.content||d===e.content.id)&&o.fetchOneEntry({model:e.model,apiKey:e.apiKey,apiVersion:e.builderContextSignal.apiVersion}).then(S=>{S&&s(S)})}const M=U.useRouter();return l.useEffect(()=>{var i;return(i=n.current)==null||i.addEventListener("initeditingbldr",I),()=>{var c;return(c=n.current)==null?void 0:c.removeEventListener("initeditingbldr",I)}},[]),l.useEffect(()=>{var i;return(i=n.current)==null||i.addEventListener("initpreviewingbldr",P),()=>{var c;return(c=n.current)==null?void 0:c.removeEventListener("initpreviewingbldr",P)}},[]),l.useEffect(()=>{var i,c;if(o.isBrowser()){if(o.isEditing()&&n.current&&n.current.dispatchEvent(new CustomEvent("initeditingbldr")),e.builderContextSignal.content&&o.getDefaultCanTrack(e.canTrack)){const d=(i=e.builderContextSignal.content)==null?void 0:i.testVariationId,g=(c=e.builderContextSignal.content)==null?void 0:c.id,S=e.apiKey;o._track({type:"impression",canTrack:!0,contentId:g,apiKey:S,variationId:d!==g?d:void 0})}o.isPreviewing()&&n.current}},[]),l.useEffect(()=>{e.apiKey||o.logger.error("No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop."),b(),R(),C()},[]),l.useEffect(()=>{},[e.content]),l.useEffect(()=>{o.isBrowser()&&(window.removeEventListener("message",x),window.addEventListener("message",x))},[h]),l.useEffect(()=>{b()},[(F=(T=e.builderContextSignal.content)==null?void 0:T.data)==null?void 0:F.jsCode,e.builderContextSignal.rootState]),l.useEffect(()=>{R()},[(B=(N=e.builderContextSignal.content)==null?void 0:N.data)==null?void 0:B.httpRequests]),l.useEffect(()=>{C()},[e.builderContextSignal.rootState]),l.useEffect(()=>()=>{o.isBrowser()&&(window.removeEventListener("message",x),window.removeEventListener("builder:component:stateChangeListenerActivated",C))},[]),t.jsx(ce.Provider,{value:e.builderContextSignal,children:e.builderContextSignal.content?t.jsx(t.Fragment,{children:l.createElement("div",{key:r,ref:n,onClick:i=>E(i),"builder-content-id":(_=e.builderContextSignal.content)==null?void 0:_.id,"builder-model":e.model,...e.showContent?{}:{hidden:!0,"aria-hidden":!0},className:e.classNameProp},e.children)}):null})}exports.BlockWrapper=X;exports.BlocksWrapper=Y;exports.Button=W;exports.CustomCode=ie;exports.Embed=te;exports.EnableEditor=oe;exports.FragmentComponent=Q;exports.Image=Z;exports.ImgComponent=ne;exports.InteractiveElement=G;exports.SectionComponent=p;exports.Video=ee;exports.evaluator=J;