@builder.io/sdk-react-nextjs 0.14.0 → 0.14.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/browser/{USE_CLIENT_BUNDLE-3ca5290b.js → USE_CLIENT_BUNDLE-51815064.js} +3 -3
- package/lib/{node/USE_CLIENT_BUNDLE-293178d5.cjs → browser/USE_CLIENT_BUNDLE-83c9a885.cjs} +1 -1
- package/lib/{edge/USE_SERVER_BUNDLE-4db772c9.js → browser/USE_SERVER_BUNDLE-60b2536b.js} +1 -1
- package/lib/{edge/USE_SERVER_BUNDLE-0b2f4389.cjs → browser/USE_SERVER_BUNDLE-fb3ef1bb.cjs} +1 -1
- package/lib/browser/{bundle-0f8e9b11.cjs → bundle-9c5f5cde.cjs} +3 -3
- package/lib/browser/{bundle-4016f64d.js → bundle-cc12d1bc.js} +4 -4
- package/lib/browser/index.cjs +1 -1
- package/lib/browser/index.mjs +3 -3
- package/lib/{browser/USE_CLIENT_BUNDLE-ae2cf58a.cjs → edge/USE_CLIENT_BUNDLE-366693e9.cjs} +1 -1
- package/lib/{node/USE_CLIENT_BUNDLE-3a1f710c.js → edge/USE_CLIENT_BUNDLE-c1fb11f0.js} +3 -3
- package/lib/{node/USE_SERVER_BUNDLE-86b87f1d.js → edge/USE_SERVER_BUNDLE-7191faac.js} +1 -1
- package/lib/{node/USE_SERVER_BUNDLE-e487f694.cjs → edge/USE_SERVER_BUNDLE-f0e5fdef.cjs} +1 -1
- package/lib/edge/{bundle-972c668c.cjs → bundle-a08cccde.cjs} +3 -3
- package/lib/edge/{bundle-30e52741.js → bundle-cc82bd60.js} +4 -4
- package/lib/edge/index.cjs +1 -1
- package/lib/edge/index.mjs +3 -3
- package/lib/{edge/USE_CLIENT_BUNDLE-e243b06f.cjs → node/USE_CLIENT_BUNDLE-62a178e1.cjs} +1 -1
- package/lib/{edge/USE_CLIENT_BUNDLE-eea569d0.js → node/USE_CLIENT_BUNDLE-d012a153.js} +3 -3
- package/lib/{browser/USE_SERVER_BUNDLE-44bff58a.cjs → node/USE_SERVER_BUNDLE-95968708.cjs} +1 -1
- package/lib/{browser/USE_SERVER_BUNDLE-87bb4fc8.js → node/USE_SERVER_BUNDLE-a4460138.js} +1 -1
- package/lib/node/{bundle-3d5a7e60.js → bundle-72550faf.js} +137 -134
- package/lib/node/{bundle-b908270e.cjs → bundle-b5a3f37b.cjs} +10 -10
- package/lib/node/index.cjs +1 -1
- package/lib/node/index.mjs +3 -3
- package/package.json +1 -1
- package/types/cjs/constants/sdk-version.d.ts +1 -1
- package/types/esm/constants/sdk-version.d.ts +1 -1
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as i, Fragment as h, jsxs as E } from "react/jsx-runtime";
|
|
3
|
-
import { i as p, g as H, a as $, b as O, c as w, d as R, e as ee, f as P, h as V, _ as D, j as te, l as ne, k as ie, t as ae, m as U, n as ce, o as re, r as le, s as oe, p as de, q as se, u as ue } from "./bundle-
|
|
3
|
+
import { i as p, g as H, a as $, b as O, c as w, d as R, e as ee, f as P, h as V, _ as D, j as te, l as ne, k as ie, t as ae, m as U, n as ce, o as re, r as le, s as oe, p as de, q as se, u as ue } from "./bundle-cc12d1bc.js";
|
|
4
4
|
import { useRef as T, useState as x, useEffect as b, createContext as me, createElement as ge } from "react";
|
|
5
|
-
import { p as he } from "./USE_SERVER_BUNDLE-
|
|
5
|
+
import { p as he } from "./USE_SERVER_BUNDLE-60b2536b.js";
|
|
6
6
|
import { useRouter as be } from "next/navigation";
|
|
7
7
|
function J(e) {
|
|
8
8
|
return /* @__PURE__ */ i(h, { children: p(e.TagName) ? /* @__PURE__ */ i(h, { children: /* @__PURE__ */ i(e.TagName, { ...e.attributes, ...e.actionAttributes }) }) : /* @__PURE__ */ i(h, { children: typeof e.TagName == "string" ? /* @__PURE__ */ i(h, { children: /* @__PURE__ */ i(e.TagName, { ...e.attributes, ...e.actionAttributes, children: e.children }) }) : /* @__PURE__ */ i(h, { children: /* @__PURE__ */ i(e.TagName, { ...e.attributes, ...e.actionAttributes, children: e.children }) }) }) });
|
|
@@ -11,7 +11,6 @@ function we(e) {
|
|
|
11
11
|
return /* @__PURE__ */ i(
|
|
12
12
|
J,
|
|
13
13
|
{
|
|
14
|
-
TagName: e.link ? e.builderLinkComponent || "a" : "button",
|
|
15
14
|
attributes: {
|
|
16
15
|
...e.attributes,
|
|
17
16
|
[H()]: `${e.link ? "" : "builder-button"} ${e.attributes[H()] || ""}`,
|
|
@@ -23,6 +22,7 @@ function we(e) {
|
|
|
23
22
|
role: "button"
|
|
24
23
|
}
|
|
25
24
|
},
|
|
25
|
+
TagName: e.link ? e.builderLinkComponent || "a" : "button",
|
|
26
26
|
actionAttributes: {},
|
|
27
27
|
children: e.text
|
|
28
28
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use client";"use strict";const t=require("react/jsx-runtime"),a=require("./bundle-
|
|
1
|
+
"use client";"use strict";const t=require("react/jsx-runtime"),a=require("./bundle-9c5f5cde.cjs"),r=require("react"),D=require("./USE_SERVER_BUNDLE-fb3ef1bb.cjs"),V=require("next/navigation");function C(e){return t.jsx(t.Fragment,{children:a.isEmptyElement(e.TagName)?t.jsx(t.Fragment,{children:t.jsx(e.TagName,{...e.attributes,...e.actionAttributes})}):t.jsx(t.Fragment,{children:typeof e.TagName=="string"?t.jsx(t.Fragment,{children:t.jsx(e.TagName,{...e.attributes,...e.actionAttributes,children:e.children})}):t.jsx(t.Fragment,{children:t.jsx(e.TagName,{...e.attributes,...e.actionAttributes,children:e.children})})})})}function H(e){return t.jsx(C,{attributes:{...e.attributes,[a.getClassPropName()]:`${e.link?"":"builder-button"} ${e.attributes[a.getClassPropName()]||""}`,...e.link?{href:e.link,target:e.openLinkInNewTab?"_blank":void 0,role:"link"}:{role:"button"}},TagName:e.link?e.builderLinkComponent||"a":"button",actionAttributes:{},children:e.text})}function U(e){return t.jsx(C,{TagName:e.Wrapper,attributes:a.getBlockProperties({block:e.block,context:e.context}),actionAttributes:a.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})}function $(e){return t.jsx(e.Wrapper,{...e.wrapperProps,attributes:e.includeBlockProps?{...a.getBlockProperties({block:e.block,context:e.context}),...a.getBlockActions({block:e.block,rootState:e.context.rootState,rootSetState:e.context.rootSetState,localState:e.context.localState,context:e.context.context})}:{},children:e.children})}function O(e){function l(){var o;return"builder-blocks"+((o=e.blocks)!=null&&o.length?"":" no-blocks")}function g(){var o,m;a.isEditing()&&!((o=e.blocks)!=null&&o.length)&&((m=window.parent)==null||m.postMessage({type:"builder.clickEmptyBlocks",data:{parentElementId:e.parent,dataPath:e.path}},"*"))}function x(){var o,m;a.isEditing()&&!((o=e.blocks)!=null&&o.length)&&((m=window.parent)==null||m.postMessage({type:"builder.hoverEmptyBlocks",data:{parentElementId:e.parent,dataPath:e.path}},"*"))}return t.jsxs(t.Fragment,{children:[t.jsx(e.BlocksWrapper,{className:l()+" props-blocks-wrapper-7354e098","builder-path":e.path,"builder-parent-id":e.parent,style:e.styleProp,onClick:o=>g(),onMouseEnter:o=>x(),onKeyPress:o=>g(),...e.BlocksWrapperProps,children:e.children}),t.jsx("style",{children:`.props-blocks-wrapper-7354e098 {
|
|
2
2
|
display: flex;
|
|
3
3
|
flex-direction: column;
|
|
4
4
|
align-items: stretch;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use server";"use strict";const n=require("./bundle-
|
|
1
|
+
"use server";"use strict";const n=require("./bundle-9c5f5cde.cjs");async function s({key:e,value:t}){return n.init(),globalThis._BUILDER_PREVIEW_LRU_CACHE.set(e,t),{[e]:t}}exports.postPreviewContent=s;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const c=require("react/jsx-runtime");require("react");const v=require("./USE_CLIENT_BUNDLE-
|
|
1
|
+
"use strict";const c=require("react/jsx-runtime");require("react");const v=require("./USE_CLIENT_BUNDLE-83c9a885.cjs"),De=require("lru-cache");require("next/navigation");const Me=new Set(["area","base","br","col","embed","hr","img","input","keygen","link","meta","param","source","track","wbr"]),He=e=>typeof e=="string"&&Me.has(e.toLowerCase()),E="rsc",F=()=>{switch(E){case"react":case"reactNative":case"rsc":return"className";case"svelte":case"vue":case"solid":case"qwik":return"class"}};function Ke(e){var t;return{...(t=e.component)==null?void 0:t.options,...e.options,builderBlock:e}}const P="[Builder.io]: ",k={log:(...e)=>console.log(P,...e),error:(...e)=>console.error(P,...e),warn:(...e)=>console.warn(P,...e),debug:(...e)=>console.debug(P,...e)};function x(){return typeof window<"u"&&typeof document<"u"}function qe(){return x()&&window.self!==window.top}function W(){return qe()&&window.location.search.indexOf("builder.frameEditing=")!==-1}const ze=()=>{if(x()){const e=new URL(location.href);return e.pathname===""&&(e.pathname="/"),e}else return console.warn("Cannot get location for tracking in non-browser environment"),null},Je=()=>typeof navigator=="object"&&navigator.userAgent||"",ce=()=>{const e=Je(),t={Android(){return e.match(/Android/i)},BlackBerry(){return e.match(/BlackBerry/i)},iOS(){return e.match(/iPhone|iPod/i)},Opera(){return e.match(/Opera Mini/i)},Windows(){return e.match(/IEMobile/i)||e.match(/WPDesktop/i)},any(){return t.Android()||t.BlackBerry()||t.iOS()||t.Opera()||t.Windows()||E==="reactNative"}},n=e.match(/Tablet|iPad/i),o=ze();return{urlPath:o==null?void 0:o.pathname,host:(o==null?void 0:o.host)||(o==null?void 0:o.hostname),device:n?"tablet":t.any()?"mobile":"desktop"}},Ye=({builder:e,context:t,event:n,state:o})=>Object.entries({state:o,Builder:e,builder:e,context:t,event:n}),Ge=()=>({isEditing:W(),isBrowser:x(),isServer:!x(),getUserAttributes:()=>ce()}),Qe=(e,{isExpression:t=!0})=>t&&!(e.includes(";")||e.includes(" return ")||e.trim().startsWith("return "))?`return (${e});`:e,J=({code:e,builder:t,context:n,event:o,localState:i,rootSetState:r,rootState:a})=>{const s=Ye({builder:t,context:n,event:o,state:le({rootState:a,localState:i,rootSetState:r})});return new Function(...s.map(([l])=>l),e)(...s.map(([,l])=>l))};function le({rootState:e,localState:t,rootSetState:n}){return new Proxy(e,{get:(o,i)=>{if(t&&i in t)return t[i];const r=o[i];return typeof r=="object"?le({rootState:r,localState:void 0,rootSetState:n?a=>{o[i]=a,n(o)}:void 0}):r},set:(o,i,r)=>{if(t&&i in t)throw new Error("Writing to local state is not allowed as it is read-only.");return o[i]=r,n==null||n(o),!0}})}const w=e=>e!=null;function Xe(){var e;return typeof process<"u"&&w((e=process==null?void 0:process.versions)==null?void 0:e.node)}const Ze=()=>{var o;if(!Xe())return!1;const e=process.arch==="arm64",t=process.version.startsWith("v20"),n=(o=process.env.NODE_OPTIONS)==null?void 0:o.includes("--no-node-snapshot");return e&&t&&!n?(k.log("Skipping usage of `isolated-vm` to avoid crashes in Node v20 on an arm64 machine.\n If you would like to use the `isolated-vm` package on this machine, please provide the `NODE_OPTIONS=--no-node-snapshot` config to your Node process.\n See https://github.com/BuilderIO/builder/blob/main/packages/sdks/README.md#node-v20--m1-macs-apple-silicon-support for more information.\n "),!0):!1},et=e=>(x()||Ze(),J(e));function O({code:e,context:t,localState:n,rootState:o,rootSetState:i,event:r,isExpression:a=!0}){if(e===""){k.warn("Skipping evaluation of empty code block.");return}const s={code:Qe(e,{isExpression:a}),builder:Ge(),context:t,event:r,rootSetState:i,rootState:o,localState:n};try{return et(s)}catch(l){k.error("Failed code evaluation: "+l.message,{code:e});return}}const R=e=>JSON.parse(JSON.stringify(e)),tt=(e,t,n)=>{if(Object(e)!==e)return e;const o=Array.isArray(t)?t:t.toString().match(/[^.[\]]+/g);return o.slice(0,-1).reduce((i,r,a)=>Object(i[r])===i[r]?i[r]:i[r]=Math.abs(Number(o[a+1]))>>0===+o[a+1]?[]:{},e)[o[o.length-1]]=n,e};const nt=({block:e,context:t,localState:n,rootState:o,rootSetState:i})=>{if(!e.bindings)return e;const r=R(e),a={...r,properties:{...r.properties},actions:{...r.actions}};for(const s in e.bindings){const l=e.bindings[s],m=O({code:l,localState:n,rootState:o,rootSetState:i,context:t});tt(a,s,m)}return a};function V({block:e,context:t,shouldEvaluateBindings:n,localState:o,rootState:i,rootSetState:r}){const a=e;return n?nt({block:a,localState:o,rootState:i,rootSetState:r,context:t}):a}const ot=({block:e,context:t,registeredComponents:n})=>{var r;const o=(r=V({block:e,localState:t.localState,rootState:t.rootState,rootSetState:t.rootSetState,context:t.context,shouldEvaluateBindings:!1}).component)==null?void 0:r.name;if(!o)return null;const i=n[o];if(i)return i;console.warn(`
|
|
2
2
|
Could not find a registered component named "${o}".
|
|
3
3
|
If you registered it, is the file that registered it imported by the file that needs to render it?`)},it=({block:e,context:t})=>{const{repeat:n,...o}=e;if(!(n!=null&&n.collection))return;const i=O({code:n.collection,localState:t.localState,rootState:t.rootState,rootSetState:t.rootSetState,context:t.context});if(!Array.isArray(i))return;const r=n.collection.split(".").pop(),a=n.itemName||(r?r+"Item":"item");return i.map((l,m)=>({context:{...t,localState:{...t.localState,$index:m,$item:l,[a]:l,[`$${a}Index`]:m}},block:o}))},de={small:{min:320,default:321,max:640},medium:{min:641,default:642,max:991},large:{min:990,default:991,max:1200}},Y=(e,t=de)=>`@media (max-width: ${t[e].max}px)`,ue=({small:e,medium:t})=>{const n=R(de);if(!e||!t)return n;const o=Math.floor(e/2);n.small={max:e,min:o,default:o+1};const i=n.small.max+1;n.medium={max:t,min:i,default:i+1};const r=n.medium.max+1;return n.large={max:2e3,min:r,default:r+1},n},rt=e=>e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g,"$1-$2").toLowerCase(),me=e=>Object.entries(e).map(([n,o])=>{if(typeof o=="string")return`${rt(n)}: ${o};`}).filter(w),at=e=>me(e).join(`
|
|
4
4
|
`),_=({mediaQuery:e,className:t,styles:n})=>{const o=`.${t} {
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
margin-left: var(--column-margin-left-mobile) !important;
|
|
30
30
|
}
|
|
31
31
|
},
|
|
32
|
-
`};return c.jsxs(c.Fragment,{children:[c.jsxs("div",{className:`builder-columns ${e.builderBlock.id}-breakpoints div-
|
|
32
|
+
`};return c.jsxs(c.Fragment,{children:[c.jsxs("div",{className:`builder-columns ${e.builderBlock.id}-breakpoints div-1f78b21c`,style:m(),children:[c.jsx(c.Fragment,{children:c.jsx($,{styles:f()})}),(h=e.columns)==null?void 0:h.map((u,d)=>c.jsx(v.DynamicRenderer,{TagName:u.link?e.builderLinkComponent||"a":"div",actionAttributes:{},attributes:{...u.link?{href:u.link}:{},[F()]:"builder-column",style:fe(b(d))},children:c.jsx(L,{path:`component.options.columns.${d}.blocks`,parent:e.builderBlock.id,styleProp:{flexGrow:"1"},context:e.builderContext,registeredComponents:e.builderComponents,linkComponent:e.builderLinkComponent,blocks:u.blocks})},d))]}),c.jsx("style",{children:`.div-1f78b21c {
|
|
33
33
|
display: flex;
|
|
34
34
|
line-height: normal;
|
|
35
35
|
}`})]})}function Q(e){return e.replace(/http(s)?:/,"")}function yt(e="",t,n){const o=new RegExp("([?&])"+t+"=.*?(&|$)","i"),i=e.indexOf("?")!==-1?"&":"?";return e.match(o)?e.replace(o,"$1"+t+"="+encodeURIComponent(n)+"$2"):e+i+t+"="+encodeURIComponent(n)}function xt(e,t){if(!e||!(e!=null&&e.match(/cdn\.shopify\.com/))||!t)return e;if(t==="master")return Q(e);const n=e.match(/(_\d+x(\d+)?)?(\.(jpg|jpeg|gif|png|bmp|bitmap|tiff|tif)(\?v=\d+)?)/i);if(n){const o=e.split(n[0]),i=n[3],r=t.match("x")?t:`${t}x`;return Q(`${o[0]}_${r}${i}`)}return null}function St(e){if(!e)return e;const t=[100,200,400,800,1200,1600,2e3];if(e.match(/builder\.io/)){let n=e;const o=Number(e.split("?width=")[1]);return isNaN(o)||(n=`${n} ${o}w`),t.filter(i=>i!==o).map(i=>`${yt(e,"width",i)} ${i}w`).concat([n]).join(", ")}return e.match(/cdn\.shopify\.com/)?t.map(n=>[xt(e,`${n}x${n}`),n]).filter(([n])=>!!n).map(([n,o])=>`${n} ${o}w`).concat([e]).join(", "):e}const kt=e=>{if(e==="localhost"||e==="127.0.0.1")return e;const t=e.split(".");return t.length>2?t.slice(1).join("."):e},ge=({name:e,canTrack:t})=>{var n;try{return t?(n=document.cookie.split("; ").find(o=>o.startsWith(`${e}=`)))==null?void 0:n.split("=")[1]:void 0}catch(o){k.warn("[COOKIE] GET error: ",(o==null?void 0:o.message)||o);return}},be=async e=>ge(e),vt=e=>e.map(([t,n])=>n?`${t}=${n}`:t).filter(w).join("; "),Ct=[["secure",""],["SameSite","None"]],wt=({name:e,value:t,expires:n})=>{const i=(x()?location.protocol==="https:":!0)?Ct:[[]],r=n?[["expires",n.toUTCString()]]:[[]],a=[[e,t],...r,["path","/"],["domain",kt(window.location.hostname)],...i];return vt(a)},ye=async({name:e,value:t,expires:n,canTrack:o})=>{try{if(!o)return;const i=wt({name:e,value:t,expires:n});document.cookie=i}catch(i){k.warn("[COOKIE] SET error: ",(i==null?void 0:i.message)||i)}},It="builder.tests",H=e=>`${It}.${e}`,Et=({contentId:e})=>be({name:H(e),canTrack:!0}),Tt=({contentId:e})=>ge({name:H(e),canTrack:!0}),Rt=({contentId:e,value:t})=>ye({name:H(e),value:t,canTrack:!0}),xe=e=>w(e.id)&&w(e.variations)&&Object.keys(e.variations).length>0,Pt=({id:e,variations:t})=>{var i;let n=0;const o=Math.random();for(const r in t){const a=(i=t[r])==null?void 0:i.testRatio;if(n+=a,o<n)return r}return e},Se=e=>{const t=Pt(e);return Rt({contentId:e.id,value:t}).catch(n=>{k.error("could not store A/B test variation: ",n)}),t},ke=({item:e,testGroupId:t})=>{const n=e.variations[t];return t===e.id||!n?{testVariationId:e.id,testVariationName:"Default"}:{data:n.data,testVariationId:n.id,testVariationName:n.name||(n.id===e.id?"Default":"")}},At=({item:e,canTrack:t})=>{if(!t)return e;if(!e)return;if(!xe(e))return e;const n=Tt({contentId:e.id})||Se({variations:e.variations,id:e.id}),o=ke({item:e,testGroupId:n});return{...e,...o}},Bt=async({item:e,canTrack:t})=>{if(!t||!xe(e))return e;const o=await Et({contentId:e.id})||Se({variations:e.variations,id:e.id}),i=ke({item:e,testGroupId:o});return{...e,...i}},j=e=>w(e)?e:!0,Vt={name:"Core:Button",image:"https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",defaultStyles:{appearance:"none",paddingTop:"15px",paddingBottom:"15px",paddingLeft:"25px",paddingRight:"25px",backgroundColor:"#000000",color:"white",borderRadius:"4px",textAlign:"center",cursor:"pointer"},inputs:[{name:"text",type:"text",defaultValue:"Click me!",bubble:!0},{name:"link",type:"url",bubble:!0},{name:"openLinkInNewTab",type:"boolean",defaultValue:!1,friendlyName:"Open link in new tab"}],static:!0,noWrap:!0},jt={name:"Columns",isRSC:!0,inputs:[{name:"columns",type:"array",broadcast:!0,subFields:[{name:"blocks",type:"array",hideFromUI:!0,defaultValue:[{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{display:"flex",flexDirection:"column",alignItems:"stretch",flexShrink:"0",position:"relative",marginTop:"30px",textAlign:"center",lineHeight:"normal",height:"auto",minHeight:"20px",minWidth:"20px",overflow:"hidden"}},component:{name:"Image",options:{image:"https://builder.io/api/v1/image/assets%2Fpwgjf0RoYWbdnJSbpBAjXNRMe9F2%2Ffb27a7c790324294af8be1c35fe30f4d",backgroundPosition:"center",backgroundSize:"cover",aspectRatio:.7004048582995948}}},{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{display:"flex",flexDirection:"column",alignItems:"stretch",flexShrink:"0",position:"relative",marginTop:"30px",textAlign:"center",lineHeight:"normal",height:"auto"}},component:{name:"Text",options:{text:"<p>Enter some text...</p>"}}}]},{name:"width",type:"number",hideFromUI:!0,helperText:"Width %, e.g. set to 50 to fill half of the space"},{name:"link",type:"url",helperText:"Optionally set a url that clicking this column will link to"}],defaultValue:[{blocks:[{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{display:"flex",flexDirection:"column",alignItems:"stretch",flexShrink:"0",position:"relative",marginTop:"30px",textAlign:"center",lineHeight:"normal",height:"auto",minHeight:"20px",minWidth:"20px",overflow:"hidden"}},component:{name:"Image",options:{image:"https://builder.io/api/v1/image/assets%2Fpwgjf0RoYWbdnJSbpBAjXNRMe9F2%2Ffb27a7c790324294af8be1c35fe30f4d",backgroundPosition:"center",backgroundSize:"cover",aspectRatio:.7004048582995948}}},{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{display:"flex",flexDirection:"column",alignItems:"stretch",flexShrink:"0",position:"relative",marginTop:"30px",textAlign:"center",lineHeight:"normal",height:"auto"}},component:{name:"Text",options:{text:"<p>Enter some text...</p>"}}}]},{blocks:[{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{display:"flex",flexDirection:"column",alignItems:"stretch",flexShrink:"0",position:"relative",marginTop:"30px",textAlign:"center",lineHeight:"normal",height:"auto",minHeight:"20px",minWidth:"20px",overflow:"hidden"}},component:{name:"Image",options:{image:"https://builder.io/api/v1/image/assets%2Fpwgjf0RoYWbdnJSbpBAjXNRMe9F2%2Ffb27a7c790324294af8be1c35fe30f4d",backgroundPosition:"center",backgroundSize:"cover",aspectRatio:.7004048582995948}}},{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{display:"flex",flexDirection:"column",alignItems:"stretch",flexShrink:"0",position:"relative",marginTop:"30px",textAlign:"center",lineHeight:"normal",height:"auto"}},component:{name:"Text",options:{text:"<p>Enter some text...</p>"}}}]}],onChange:e=>{function t(){n.forEach(o=>{o.delete("width")})}const n=e.get("columns");Array.isArray(n)&&n.find(i=>i.get("width"))&&(n.find(r=>!r.get("width"))||n.reduce((s,l)=>s+l.get("width"),0)!==100)&&t()}},{name:"space",type:"number",defaultValue:20,helperText:"Size of gap between columns",advanced:!0},{name:"stackColumnsAt",type:"string",defaultValue:"tablet",helperText:"Convert horizontal columns to vertical at what device size",enum:["tablet","mobile","never"],advanced:!0},{name:"reverseColumnsWhenStacked",type:"boolean",defaultValue:!1,helperText:"When stacking columns for mobile devices, reverse the ordering",advanced:!0}]},Ft={name:"Fragment",static:!0,hidden:!0,canHaveChildren:!0,noWrap:!0},Wt={name:"Image",static:!0,image:"https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-insert_photo-24px.svg?alt=media&token=4e5d0ef4-f5e8-4e57-b3a9-38d63a9b9dc4",defaultStyles:{position:"relative",minHeight:"20px",minWidth:"20px",overflow:"hidden"},canHaveChildren:!0,inputs:[{name:"image",type:"file",bubble:!0,allowedFileTypes:["jpeg","jpg","png","svg"],required:!0,defaultValue:"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F72c80f114dc149019051b6852a9e3b7a",onChange:e=>{e.delete("srcset"),e.delete("noWebp");function n(a,s=6e4){return new Promise((l,m)=>{const b=document.createElement("img");let g=!1;b.onload=()=>{g=!0,l(b)},b.addEventListener("error",f=>{console.warn("Image load failed",f.error),m(f.error)}),b.src=a,setTimeout(()=>{g||m(new Error("Image load timed out"))},s)})}function o(a){return Math.round(a*1e3)/1e3}const i=e.get("image"),r=e.get("aspectRatio");if(fetch(i).then(a=>a.blob()).then(a=>{a.type.includes("svg")&&e.set("noWebp",!0)}),i&&(!r||r===.7041))return n(i).then(a=>{const s=e.get("aspectRatio");e.get("image")===i&&(!s||s===.7041)&&a.width&&a.height&&(e.set("aspectRatio",o(a.height/a.width)),e.set("height",a.height),e.set("width",a.width))})}},{name:"backgroundSize",type:"text",defaultValue:"cover",enum:[{label:"contain",value:"contain",helperText:"The image should never get cropped"},{label:"cover",value:"cover",helperText:"The image should fill it's box, cropping when needed"}]},{name:"backgroundPosition",type:"text",defaultValue:"center",enum:["center","top","left","right","bottom","top left","top right","bottom left","bottom right"]},{name:"altText",type:"string",helperText:"Text to display when the user has images off"},{name:"height",type:"number",hideFromUI:!0},{name:"width",type:"number",hideFromUI:!0},{name:"sizes",type:"string",hideFromUI:!0},{name:"srcset",type:"string",hideFromUI:!0},{name:"lazy",type:"boolean",defaultValue:!0,hideFromUI:!0},{name:"fitContent",type:"boolean",helperText:"When child blocks are provided, fit to them instead of using the image's aspect ratio",defaultValue:!0},{name:"aspectRatio",type:"number",helperText:"This is the ratio of height/width, e.g. set to 1.5 for a 300px wide and 200px tall photo. Set to 0 to not force the image to maintain it's aspect ratio",advanced:!0,defaultValue:.7041}]},Ot={name:"Core:Section",static:!0,image:"https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",inputs:[{name:"maxWidth",type:"number",defaultValue:1200},{name:"lazyLoad",type:"boolean",defaultValue:!1,advanced:!0,description:"Only render this section when in view"}],defaultStyles:{paddingLeft:"20px",paddingRight:"20px",paddingTop:"50px",paddingBottom:"50px",marginTop:"0px",width:"100vw",marginLeft:"calc(50% - 50vw)"},canHaveChildren:!0,defaultChildren:[{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{textAlign:"center"}},component:{name:"Text",options:{text:"<p><b>I am a section! My content keeps from getting too wide, so that it's easy to read even on big screens.</b></p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur</p>"}}}]},$t={name:"Slot",isRSC:!0,description:"Allow child blocks to be inserted into this content when used as a Symbol",docsLink:"https://www.builder.io/c/docs/symbols-with-blocks",image:"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F3aad6de36eae43b59b52c85190fdef56",inputs:[{name:"name",type:"string",required:!0,defaultValue:"children"}]};function Nt(e){var t,n,o;return c.jsx("div",{style:{pointerEvents:"auto"},...!((t=e.builderContext.context)!=null&&t.symbolId)&&{"builder-slot":e.name},children:c.jsx(L,{parent:(n=e.builderContext.context)==null?void 0:n.symbolId,path:`symbol.data.${e.name}`,context:e.builderContext,blocks:(o=e.builderContext.rootState)==null?void 0:o[e.name]})})}const Lt={name:"Symbol",noWrap:!0,static:!0,isRSC:!0,inputs:[{name:"symbol",type:"uiSymbol"},{name:"dataOnly",helperText:"Make this a data symbol that doesn't display any UI",type:"boolean",defaultValue:!1,advanced:!0,hideFromUI:!0},{name:"inheritState",helperText:"Inherit the parent component state and data",type:"boolean",defaultValue:!1,advanced:!0},{name:"renderToLiquid",helperText:"Render this symbols contents to liquid. Turn off to fetch with javascript and use custom targeting",type:"boolean",defaultValue:!1,advanced:!0,hideFromUI:!0},{name:"useChildren",hideFromUI:!0,type:"boolean"}]},Ut={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"}};function ve(e){var t;return c.jsx("div",{className:"builder-text",dangerouslySetInnerHTML:{__html:((t=e.text)==null?void 0:t.toString())||""},style:{outline:"none"}})}const _t={name:"Custom Code",static:!0,requiredPermissions:["editCode"],inputs:[{name:"code",type:"html",required:!0,defaultValue:"<p>Hello there, I am custom HTML code!</p>",code:!0},{name:"replaceNodes",type:"boolean",helperText:"Preserve server rendered dom nodes",advanced:!0},{name:"scriptsClientOnly",type:"boolean",defaultValue:!1,helperText:"Only print and run scripts on the client. Important when scripts influence DOM that could be replaced when client loads",advanced:!0}]},Dt={name:"Embed",static:!0,inputs:[{name:"url",type:"url",required:!0,defaultValue:"",helperText:"e.g. enter a youtube url, google map, etc",onChange:e=>{const t=e.get("url");if(t)return e.set("content","Loading..."),fetch(`https://iframe.ly/api/iframely?url=${t}&api_key=ae0e60e78201a3f2b0de4b`).then(o=>o.json()).then(o=>{e.get("url")===t&&(o.html?e.set("content",o.html):e.set("content","Invalid url, please try another"))}).catch(o=>{e.set("content","There was an error embedding this URL, please try again or another URL")});e.delete("content")}},{name:"content",type:"html",defaultValue:'<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',hideFromUI:!0}]},Mt=["text/javascript","application/javascript","application/ecmascript"],Ht=e=>Mt.includes(e.type),Kt={name:"Raw:Img",hideFromInsertMenu:!0,image:"https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-insert_photo-24px.svg?alt=media&token=4e5d0ef4-f5e8-4e57-b3a9-38d63a9b9dc4",inputs:[{name:"image",bubble:!0,type:"file",allowedFileTypes:["jpeg","jpg","png","svg","gif","webp"],required:!0}],noWrap:!0,static:!0},qt={name:"Video",canHaveChildren:!0,defaultStyles:{minHeight:"20px",minWidth:"20px"},image:"https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-videocam-24px%20(1).svg?alt=media&token=49a84e4a-b20e-4977-a650-047f986874bb",inputs:[{name:"video",type:"file",allowedFileTypes:["mp4"],bubble:!0,defaultValue:"https://cdn.builder.io/o/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fd27731a526464deba0016216f5f9e570%2Fcompressed?apiKey=YJIGb4i01jvw0SRdL5Bt&token=d27731a526464deba0016216f5f9e570&alt=media&optimized=true",required:!0},{name:"posterImage",type:"file",allowedFileTypes:["jpeg","png"],helperText:"Image to show before the video plays"},{name:"autoPlay",type:"boolean",defaultValue:!0},{name:"controls",type:"boolean",defaultValue:!1},{name:"muted",type:"boolean",defaultValue:!0},{name:"loop",type:"boolean",defaultValue:!0},{name:"playsInline",type:"boolean",defaultValue:!0},{name:"fit",type:"text",defaultValue:"cover",enum:["contain","cover","fill","auto"]},{name:"preload",type:"text",defaultValue:"metadata",enum:["auto","metadata","none"]},{name:"fitContent",type:"boolean",helperText:"When child blocks are provided, fit to them instead of using the aspect ratio",defaultValue:!0,advanced:!0},{name:"position",type:"text",defaultValue:"center",enum:["center","top","left","right","bottom","top left","top right","bottom left","bottom right"]},{name:"height",type:"number",advanced:!0},{name:"width",type:"number",advanced:!0},{name:"aspectRatio",type:"number",advanced:!0,defaultValue:.7004048582995948},{name:"lazyLoad",type:"boolean",helperText:'Load this video "lazily" - as in only when a user scrolls near the video. Recommended for optmized performance and bandwidth consumption',defaultValue:!0,advanced:!0}]},zt=()=>[{component:v.CustomCode,..._t},{component:v.Embed,...Dt},{component:v.ImgComponent,...Kt},{component:v.Video,...qt}],X=()=>[{component:v.Button,...Vt},{component:pe,...jt},{component:v.FragmentComponent,...Ft},{component:v.Image,...Wt},{component:v.SectionComponent,...Ot},{component:Nt,...$t},{component:_e,...Lt},{component:ve,...Ut},...zt()],Jt=e=>({type:"builder.registerComponent",data:D(e)}),Yt=e=>{const t=e.toString().trim();return`return (${!t.startsWith("function")&&!t.startsWith("(")?"function ":""}${t}).apply(this, arguments)`},Gt=e=>typeof e=="function"?Yt(e):R(e),D=({inputs:e,...t})=>({...R(t),inputs:e==null?void 0:e.map(n=>Object.entries(n).reduce((o,[i,r])=>({...o,[i]:Gt(r)}),{}))}),Qt=`function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
|
|
@@ -131,7 +131,7 @@
|
|
|
131
131
|
)`,on=({contentId:e,variationId:t})=>`window.${we}(
|
|
132
132
|
"${t}", "${e}", ${Ie}
|
|
133
133
|
)`;function M(e){return c.jsx("script",{dangerouslySetInnerHTML:{__html:e.scriptStr},id:e.id||""})}const rn=e=>{const t=e.get("preview"),n=e.get("overrides."+t);return n||k.warn("No previewed ID found in search params."),n};function Ee(){globalThis._BUILDER_PREVIEW_LRU_CACHE||(globalThis._BUILDER_PREVIEW_LRU_CACHE=new De.LRUCache({max:500,ttl:1e3*60*5}))}function an(e){Ee();const t=rn(e);return typeof t=="string"?globalThis._BUILDER_PREVIEW_LRU_CACHE.get(t):void 0}function sn(){return typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:globalThis}function cn(){const e=sn().fetch;if(typeof e>"u")throw console.warn(`Builder SDK could not find a global fetch function. Make sure you have a polyfill for fetch in your project.
|
|
134
|
-
For more information, read https://github.com/BuilderIO/this-package-uses-fetch`),new Error("Builder SDK could not find a global `fetch` function");return e}const Te=cn();function B(e,t=null,n="."){return Object.keys(e).reduce((o,i)=>{const r=e[i],a=[t,i].filter(Boolean).join(n);return[typeof r=="object",r!==null,!(Array.isArray(r)&&r.length===0)].every(Boolean)?{...o,...B(r,a,n)}:{...o,[a]:r}},{})}const ln="v3",Z="builder.",dn="options.",un=e=>{const t={};return e.forEach((n,o)=>{t[o]=n}),t},K=e=>{if(!e)return{};const t=Re(e),n={};return Object.keys(t).forEach(o=>{if(o.startsWith(Z)){const i=o.replace(Z,"").replace(dn,"");n[i]=t[o]}}),n},mn=()=>{if(!x())return{};const e=new URLSearchParams(window.location.search);return K(e)},Re=e=>e instanceof URLSearchParams?un(e):e,ee=e=>typeof e=="number"&&!isNaN(e)&&e>=0,q=e=>{const{limit:t=30,userAttributes:n,query:o,model:i,apiKey:r,enrich:a,locale:s,apiVersion:l=ln,fields:m,omit:b,offset:g,cacheSeconds:f,staleCacheSeconds:h,sort:u,includeUnpublished:d}=e;if(!r)throw new Error("Missing API key");if(!["v3"].includes(l))throw new Error(`Invalid apiVersion: expected 'v3', received '${l}'`);const y=t!==1,p=new URL(`https://cdn.builder.io/api/${l}/content/${i}`);if(p.searchParams.set("apiKey",r),p.searchParams.set("limit",String(t)),p.searchParams.set("noTraverse",String(y)),p.searchParams.set("includeRefs",String(!0)),s&&p.searchParams.set("locale",s),a&&p.searchParams.set("enrich",String(a)),p.searchParams.set("omit",b||"meta.componentsUsed"),m&&p.searchParams.set("fields",m),Number.isFinite(g)&&g>-1&&p.searchParams.set("offset",String(Math.floor(g))),typeof d=="boolean"&&p.searchParams.set("includeUnpublished",String(d)),f&&ee(f)&&p.searchParams.set("cacheSeconds",String(f)),h&&ee(h)&&p.searchParams.set("staleCacheSeconds",String(h)),u){const S=B({sort:u});for(const I in S)p.searchParams.set(I,JSON.stringify(S[I]))}const C={...mn(),...Re(e.options||{})},T=B(C);for(const S in T)p.searchParams.set(S,String(T[S]));if(n&&p.searchParams.set("userAttributes",JSON.stringify(n)),o){const S=B({query:o});for(const I in S)p.searchParams.set(I,JSON.stringify(S[I]))}return p},fn=e=>"results"in e;async function z(e){const t=await Ae({...e,limit:1});return t&&t[0]||null}const hn=async e=>{const t=q(e);return await(await Te(t.href)).json()},Pe=async(e,t,n=q(e))=>{const o=j(e.canTrack);if(n.search.includes("preview=")){const r=[];for(const a of t.results){const s=an(n.searchParams);r.push(s||a)}t.results=r}if(!o||!(x()||E==="reactNative"))return t.results;try{const r=[];for(const a of t.results)r.push(await Bt({item:a,canTrack:o}));t.results=r}catch(r){k.error("Could not process A/B tests. ",r)}return t.results};async function Ae(e){try{const t=q(e),n=await hn(e);return fn(n)?Pe(e,n):(k.error("Error fetching data. ",{url:t,content:n,options:e}),null)}catch(t){return k.error("Error fetching data. ",t),null}}function pn(){return!x()||W()?!1:location.search.indexOf("builder.preview=")!==-1}function gn(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,function(e){const t=Math.random()*16|0;return(e=="x"?t:t&3|8).toString(16)})}function Be(){return gn().replace(/-/g,"")}const Ve="builderSessionId",bn=async({canTrack:e})=>{if(!e)return;const t=await be({name:Ve,canTrack:e});if(w(t))return t;{const n=yn();return xn({id:n,canTrack:e}),n}},yn=()=>Be(),xn=({id:e,canTrack:t})=>ye({name:Ve,value:e,canTrack:t}),je=()=>x()&&typeof localStorage<"u"?localStorage:void 0,Sn=({key:e,canTrack:t})=>{var n;try{return t?(n=je())==null?void 0:n.getItem(e):void 0}catch(o){console.debug("[LocalStorage] GET error: ",o);return}},kn=({key:e,canTrack:t,value:n})=>{var o;try{t&&((o=je())==null||o.setItem(e,n))}catch(i){console.debug("[LocalStorage] SET error: ",i)}},Fe="builderVisitorId",vn=({canTrack:e})=>{if(!e)return;const t=Sn({key:Fe,canTrack:e});if(w(t))return t;{const n=Cn();return wn({id:n,canTrack:e}),n}},Cn=()=>Be(),wn=({id:e,canTrack:t})=>kn({key:Fe,value:e,canTrack:t}),In=async({canTrack:e})=>{if(!e)return{visitorId:void 0,sessionId:void 0};const t=await bn({canTrack:e}),n=vn({canTrack:e});return{sessionId:t,visitorId:n}},En=async({type:e,canTrack:t,apiKey:n,metadata:o,...i})=>({type:e,data:{...i,metadata:{url:location.href,...o},...await In({canTrack:t}),userAttributes:ce(),ownerId:n}});async function We(e){if(!e.apiKey){k.error("Missing API key for track call. Please provide your API key.");return}if(e.canTrack&&!W()&&(x()||E==="reactNative"))return fetch("https://cdn.builder.io/api/v1/track",{method:"POST",body:JSON.stringify({events:[await En(e)]}),headers:{"content-type":"application/json"},mode:"cors"}).catch(t=>{console.error("Failed to track: ",t)})}const Tn=e=>We({...e,canTrack:!0});function te(e){return Math.round(e*1e3)/1e3}const Rn=(e,t,n=!0)=>{if(!(e instanceof HTMLElement))return null;let o=n?e:e.parentElement;do{if(!o)return null;if(t(o))return o}while(o=o.parentElement);return null},Pn=e=>Rn(e,t=>{const n=t.getAttribute("builder-id")||t.id;return(n==null?void 0:n.indexOf("builder-"))===0}),ne=({event:e,target:t})=>{const n=t.getBoundingClientRect(),o=e.clientX-n.left,i=e.clientY-n.top,r=te(o/n.width),a=te(i/n.height);return{x:r,y:a}},An=e=>{const t=e.target,n=t&&Pn(t),o=(n==null?void 0:n.getAttribute("builder-id"))||(n==null?void 0:n.id);return{targetBuilderElement:o||void 0,metadata:{targetOffset:t?ne({event:e,target:t}):void 0,builderTargetOffset:n?ne({event:e,target:n}):void 0,builderElementIndex:n&&o?[].slice.call(document.getElementsByClassName(o)).indexOf(n):void 0}}},Bn=["*.beta.builder.io","beta.builder.io","builder.io","localhost","qa.builder.io"];function Oe(e,t){const n=new URL(t.origin),o=n.hostname;return(e||Bn).findIndex(i=>i.startsWith("*.")?o.endsWith(i.slice(1)):i===o)>-1}const Vn="0.14.
|
|
134
|
+
For more information, read https://github.com/BuilderIO/this-package-uses-fetch`),new Error("Builder SDK could not find a global `fetch` function");return e}const Te=cn();function B(e,t=null,n="."){return Object.keys(e).reduce((o,i)=>{const r=e[i],a=[t,i].filter(Boolean).join(n);return[typeof r=="object",r!==null,!(Array.isArray(r)&&r.length===0)].every(Boolean)?{...o,...B(r,a,n)}:{...o,[a]:r}},{})}const ln="v3",Z="builder.",dn="options.",un=e=>{const t={};return e.forEach((n,o)=>{t[o]=n}),t},K=e=>{if(!e)return{};const t=Re(e),n={};return Object.keys(t).forEach(o=>{if(o.startsWith(Z)){const i=o.replace(Z,"").replace(dn,"");n[i]=t[o]}}),n},mn=()=>{if(!x())return{};const e=new URLSearchParams(window.location.search);return K(e)},Re=e=>e instanceof URLSearchParams?un(e):e,ee=e=>typeof e=="number"&&!isNaN(e)&&e>=0,q=e=>{const{limit:t=30,userAttributes:n,query:o,model:i,apiKey:r,enrich:a,locale:s,apiVersion:l=ln,fields:m,omit:b,offset:g,cacheSeconds:f,staleCacheSeconds:h,sort:u,includeUnpublished:d}=e;if(!r)throw new Error("Missing API key");if(!["v3"].includes(l))throw new Error(`Invalid apiVersion: expected 'v3', received '${l}'`);const y=t!==1,p=new URL(`https://cdn.builder.io/api/${l}/content/${i}`);if(p.searchParams.set("apiKey",r),p.searchParams.set("limit",String(t)),p.searchParams.set("noTraverse",String(y)),p.searchParams.set("includeRefs",String(!0)),s&&p.searchParams.set("locale",s),a&&p.searchParams.set("enrich",String(a)),p.searchParams.set("omit",b||"meta.componentsUsed"),m&&p.searchParams.set("fields",m),Number.isFinite(g)&&g>-1&&p.searchParams.set("offset",String(Math.floor(g))),typeof d=="boolean"&&p.searchParams.set("includeUnpublished",String(d)),f&&ee(f)&&p.searchParams.set("cacheSeconds",String(f)),h&&ee(h)&&p.searchParams.set("staleCacheSeconds",String(h)),u){const S=B({sort:u});for(const I in S)p.searchParams.set(I,JSON.stringify(S[I]))}const C={...mn(),...Re(e.options||{})},T=B(C);for(const S in T)p.searchParams.set(S,String(T[S]));if(n&&p.searchParams.set("userAttributes",JSON.stringify(n)),o){const S=B({query:o});for(const I in S)p.searchParams.set(I,JSON.stringify(S[I]))}return p},fn=e=>"results"in e;async function z(e){const t=await Ae({...e,limit:1});return t&&t[0]||null}const hn=async e=>{const t=q(e);return await(await Te(t.href)).json()},Pe=async(e,t,n=q(e))=>{const o=j(e.canTrack);if(n.search.includes("preview=")){const r=[];for(const a of t.results){const s=an(n.searchParams);r.push(s||a)}t.results=r}if(!o||!(x()||E==="reactNative"))return t.results;try{const r=[];for(const a of t.results)r.push(await Bt({item:a,canTrack:o}));t.results=r}catch(r){k.error("Could not process A/B tests. ",r)}return t.results};async function Ae(e){try{const t=q(e),n=await hn(e);return fn(n)?Pe(e,n):(k.error("Error fetching data. ",{url:t,content:n,options:e}),null)}catch(t){return k.error("Error fetching data. ",t),null}}function pn(){return!x()||W()?!1:location.search.indexOf("builder.preview=")!==-1}function gn(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,function(e){const t=Math.random()*16|0;return(e=="x"?t:t&3|8).toString(16)})}function Be(){return gn().replace(/-/g,"")}const Ve="builderSessionId",bn=async({canTrack:e})=>{if(!e)return;const t=await be({name:Ve,canTrack:e});if(w(t))return t;{const n=yn();return xn({id:n,canTrack:e}),n}},yn=()=>Be(),xn=({id:e,canTrack:t})=>ye({name:Ve,value:e,canTrack:t}),je=()=>x()&&typeof localStorage<"u"?localStorage:void 0,Sn=({key:e,canTrack:t})=>{var n;try{return t?(n=je())==null?void 0:n.getItem(e):void 0}catch(o){console.debug("[LocalStorage] GET error: ",o);return}},kn=({key:e,canTrack:t,value:n})=>{var o;try{t&&((o=je())==null||o.setItem(e,n))}catch(i){console.debug("[LocalStorage] SET error: ",i)}},Fe="builderVisitorId",vn=({canTrack:e})=>{if(!e)return;const t=Sn({key:Fe,canTrack:e});if(w(t))return t;{const n=Cn();return wn({id:n,canTrack:e}),n}},Cn=()=>Be(),wn=({id:e,canTrack:t})=>kn({key:Fe,value:e,canTrack:t}),In=async({canTrack:e})=>{if(!e)return{visitorId:void 0,sessionId:void 0};const t=await bn({canTrack:e}),n=vn({canTrack:e});return{sessionId:t,visitorId:n}},En=async({type:e,canTrack:t,apiKey:n,metadata:o,...i})=>({type:e,data:{...i,metadata:{url:location.href,...o},...await In({canTrack:t}),userAttributes:ce(),ownerId:n}});async function We(e){if(!e.apiKey){k.error("Missing API key for track call. Please provide your API key.");return}if(e.canTrack&&!W()&&(x()||E==="reactNative"))return fetch("https://cdn.builder.io/api/v1/track",{method:"POST",body:JSON.stringify({events:[await En(e)]}),headers:{"content-type":"application/json"},mode:"cors"}).catch(t=>{console.error("Failed to track: ",t)})}const Tn=e=>We({...e,canTrack:!0});function te(e){return Math.round(e*1e3)/1e3}const Rn=(e,t,n=!0)=>{if(!(e instanceof HTMLElement))return null;let o=n?e:e.parentElement;do{if(!o)return null;if(t(o))return o}while(o=o.parentElement);return null},Pn=e=>Rn(e,t=>{const n=t.getAttribute("builder-id")||t.id;return(n==null?void 0:n.indexOf("builder-"))===0}),ne=({event:e,target:t})=>{const n=t.getBoundingClientRect(),o=e.clientX-n.left,i=e.clientY-n.top,r=te(o/n.width),a=te(i/n.height);return{x:r,y:a}},An=e=>{const t=e.target,n=t&&Pn(t),o=(n==null?void 0:n.getAttribute("builder-id"))||(n==null?void 0:n.id);return{targetBuilderElement:o||void 0,metadata:{targetOffset:t?ne({event:e,target:t}):void 0,builderTargetOffset:n?ne({event:e,target:n}):void 0,builderElementIndex:n&&o?[].slice.call(document.getElementsByClassName(o)).indexOf(n):void 0}}},Bn=["*.beta.builder.io","beta.builder.io","builder.io","localhost","qa.builder.io"];function Oe(e,t){const n=new URL(t.origin),o=n.hostname;return(e||Bn).findIndex(i=>i.startsWith("*.")?o.endsWith(i.slice(1)):i===o)>-1}const Vn="0.14.1",oe={};function $e(e,t){let n=oe[e];if(n||(n=oe[e]=[]),n.push(t),x()){const o={type:"builder.register",data:{type:e,info:t}};try{parent.postMessage(o,"*"),parent!==window&&window.postMessage(o,"*")}catch(i){console.debug("Could not postmessage",i)}}}const jn=()=>{$e("insertMenu",{name:"_default",default:!0,items:[{name:"Box"},{name:"Text"},{name:"Image"},{name:"Columns"},{name:"Core:Section"},{name:"Core:Button"},{name:"Embed"},{name:"Custom Code"}]})};let ie=!1;const Ne=(e={})=>{var t,n;ie||(ie=!0,x()&&((t=window.parent)==null||t.postMessage({type:"builder.sdkInfo",data:{target:E,version:Vn,supportsPatchUpdates:!1,supportsAddBlockScoping:!0,supportsCustomBreakpoints:!0}},"*"),(n=window.parent)==null||n.postMessage({type:"builder.updateContent",data:{options:e}},"*"),window.addEventListener("message",o=>{var r,a;if(!Oe(e.trustedHosts,o))return;const{data:i}=o;if(i!=null&&i.type)switch(i.type){case"builder.evaluate":{const s=i.data.text,l=i.data.arguments||[],m=i.data.id,b=new Function(s);let g,f=null;try{g=b.apply(null,l)}catch(h){f=h}f?(r=window.parent)==null||r.postMessage({type:"builder.evaluateError",data:{id:m,error:f.message}},"*"):g&&typeof g.then=="function"?g.then(h=>{var u;(u=window.parent)==null||u.postMessage({type:"builder.evaluateResult",data:{id:m,result:h}},"*")}).catch(console.error):(a=window.parent)==null||a.postMessage({type:"builder.evaluateResult",data:{result:g,id:m}},"*");break}}})))},Le=({model:e,trustedHosts:t,callbacks:n})=>o=>{if(!Oe(t,o))return;const{data:i}=o;if(i)switch(i.type){case"builder.configureSdk":{n.configureSdk(i.data);break}case"builder.triggerAnimation":{n.animation(i.data);break}case"builder.contentUpdate":{const r=i.data,a=r.key||r.alias||r.entry||r.modelName,s=r.data;a===e&&n.contentUpdate(s);break}}},Fn=(e,t,n)=>{if(!x)return k.warn("`subscribeToEditor` only works in the browser. It currently seems to be running on the server."),()=>{};Ne();const o=Le({callbacks:{contentUpdate:t,animation:()=>{},configureSdk:()=>{}},model:e,trustedHosts:n==null?void 0:n.trustedHosts});return window.addEventListener("message",o),()=>{window.removeEventListener("message",o)}};function re(e,...t){const n=Object(e);for(let o=1;o<arguments.length;o++){const i=arguments[o];if(i!=null)for(const r in i)Object.prototype.hasOwnProperty.call(i,r)&&(n[r]=i[r])}return n}const Wn=e=>e?e.replace(/([A-Z])/g,t=>`-${t[0].toLowerCase()}`):"";function On(e){console.warn(`Cannot animate element: element with ID ${e} not found!`)}function $n(e,t){const n=Nn(e),o=getComputedStyle(t),i=e.steps[0].styles,r=e.steps[e.steps.length-1].styles,a=[i,r];for(const s of a)for(const l of n)l in s||(s[l]=o[l])}function Nn(e){const t=[];for(const n of e.steps)for(const o in n.styles)t.indexOf(o)===-1&&t.push(o);return t}function Ln(e){const t=Array.prototype.slice.call(document.getElementsByClassName(e.elementId||e.id||""));if(!t.length){On(e.elementId||e.id||"");return}Array.from(t).forEach(n=>{$n(e,n),n.style.transition="none",n.style.transitionDelay="0",re(n.style,e.steps[0].styles),setTimeout(()=>{n.style.transition=`all ${e.duration}s ${Wn(e.easing)}`,e.delay&&(n.style.transitionDelay=e.delay+"s"),re(n.style,e.steps[1].styles),setTimeout(()=>{n.style.transition="",n.style.transitionDelay=""},(e.delay||0)*1e3+e.duration*1e3+100)})})}const Un=e=>{var r;const t=e.family+(e.kind&&!e.kind.includes("#")?", "+e.kind:""),n=t.split(",")[0],o=e.fileUrl??((r=e==null?void 0:e.files)==null?void 0:r.regular);let i="";if(o&&t&&n&&(i+=`
|
|
135
135
|
@font-face {
|
|
136
136
|
font-family: "${t}";
|
|
137
137
|
src: local("${n}"), url('${o}') format('woff2');
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as l, Fragment as S, jsxs as R } from "react/jsx-runtime";
|
|
2
2
|
import "react";
|
|
3
|
-
import { I as Ae, B as Be, a as Ve, D as We, C as Oe, E as $e, b as Fe, V as Ne, c as Le, F as Ue, d as _e, S as De, e as je } from "./USE_CLIENT_BUNDLE-
|
|
3
|
+
import { I as Ae, B as Be, a as Ve, D as We, C as Oe, E as $e, b as Fe, V as Ne, c as Le, F as Ue, d as _e, S as De, e as je } from "./USE_CLIENT_BUNDLE-51815064.js";
|
|
4
4
|
import { LRUCache as Me } from "lru-cache";
|
|
5
5
|
import "next/navigation";
|
|
6
6
|
const He = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), to = (e) => typeof e == "string" && He.has(e.toLowerCase()), T = "rsc", D = () => {
|
|
@@ -790,7 +790,7 @@ function yt(e) {
|
|
|
790
790
|
/* @__PURE__ */ R(
|
|
791
791
|
"div",
|
|
792
792
|
{
|
|
793
|
-
className: `builder-columns ${e.builderBlock.id}-breakpoints div-
|
|
793
|
+
className: `builder-columns ${e.builderBlock.id}-breakpoints div-1f78b21c`,
|
|
794
794
|
style: m(),
|
|
795
795
|
children: [
|
|
796
796
|
/* @__PURE__ */ l(S, { children: /* @__PURE__ */ l(O, { styles: f() }) }),
|
|
@@ -826,7 +826,7 @@ function yt(e) {
|
|
|
826
826
|
]
|
|
827
827
|
}
|
|
828
828
|
),
|
|
829
|
-
/* @__PURE__ */ l("style", { children: `.div-
|
|
829
|
+
/* @__PURE__ */ l("style", { children: `.div-1f78b21c {
|
|
830
830
|
display: flex;
|
|
831
831
|
line-height: normal;
|
|
832
832
|
}` })
|
|
@@ -2132,7 +2132,7 @@ function Pe(e, t) {
|
|
|
2132
2132
|
const n = new URL(t.origin), o = n.hostname;
|
|
2133
2133
|
return (e || Vn).findIndex((i) => i.startsWith("*.") ? o.endsWith(i.slice(1)) : i === o) > -1;
|
|
2134
2134
|
}
|
|
2135
|
-
const Wn = "0.14.
|
|
2135
|
+
const Wn = "0.14.1", ne = {};
|
|
2136
2136
|
function On(e, t) {
|
|
2137
2137
|
let n = ne[e];
|
|
2138
2138
|
if (n || (n = ne[e] = []), n.push(t), k()) {
|
package/lib/browser/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./USE_CLIENT_BUNDLE-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./USE_CLIENT_BUNDLE-83c9a885.cjs"),e=require("./bundle-9c5f5cde.cjs");require("react/jsx-runtime");require("react");require("./USE_SERVER_BUNDLE-fb3ef1bb.cjs");require("next/navigation");require("lru-cache");exports.Button=t.Button;exports.Fragment=t.FragmentComponent;exports.Image=t.Image;exports.Section=t.SectionComponent;exports.Video=t.Video;exports.Blocks=e.Blocks;exports.Columns=e.Columns;exports.Content=e.ContentVariants;exports.Symbol=e.Symbol;exports.Text=e.Text;exports._processContentResult=e._processContentResult;exports.createRegisterComponentMessage=e.createRegisterComponentMessage;exports.fetchBuilderProps=e.fetchBuilderProps;exports.fetchEntries=e.fetchEntries;exports.fetchOneEntry=e.fetchOneEntry;exports.getBuilderSearchParams=e.getBuilderSearchParams;exports.isEditing=e.isEditing;exports.isPreviewing=e.isPreviewing;exports.register=e.register;exports.setEditorSettings=e.setEditorSettings;exports.subscribeToEditor=e.subscribeToEditor;exports.track=e.track;
|
package/lib/browser/index.mjs
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { c as n, F as m, d as c, S as p, V as g } from "./USE_CLIENT_BUNDLE-
|
|
2
|
-
import { B as l, w as u, C as E, S, T as f, F as B, p as C, E as h, G as x, q as b, z as y, c as F, j as P, x as T, y as k, D as w, A as R } from "./bundle-
|
|
1
|
+
import { c as n, F as m, d as c, S as p, V as g } from "./USE_CLIENT_BUNDLE-51815064.js";
|
|
2
|
+
import { B as l, w as u, C as E, S, T as f, F as B, p as C, E as h, G as x, q as b, z as y, c as F, j as P, x as T, y as k, D as w, A as R } from "./bundle-cc12d1bc.js";
|
|
3
3
|
import "react/jsx-runtime";
|
|
4
4
|
import "react";
|
|
5
|
-
import "./USE_SERVER_BUNDLE-
|
|
5
|
+
import "./USE_SERVER_BUNDLE-60b2536b.js";
|
|
6
6
|
import "next/navigation";
|
|
7
7
|
import "lru-cache";
|
|
8
8
|
export {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use client";"use strict";const t=require("react/jsx-runtime"),a=require("./bundle-
|
|
1
|
+
"use client";"use strict";const t=require("react/jsx-runtime"),a=require("./bundle-a08cccde.cjs"),r=require("react"),D=require("./USE_SERVER_BUNDLE-f0e5fdef.cjs"),V=require("next/navigation");function C(e){return t.jsx(t.Fragment,{children:a.isEmptyElement(e.TagName)?t.jsx(t.Fragment,{children:t.jsx(e.TagName,{...e.attributes,...e.actionAttributes})}):t.jsx(t.Fragment,{children:typeof e.TagName=="string"?t.jsx(t.Fragment,{children:t.jsx(e.TagName,{...e.attributes,...e.actionAttributes,children:e.children})}):t.jsx(t.Fragment,{children:t.jsx(e.TagName,{...e.attributes,...e.actionAttributes,children:e.children})})})})}function H(e){return t.jsx(C,{attributes:{...e.attributes,[a.getClassPropName()]:`${e.link?"":"builder-button"} ${e.attributes[a.getClassPropName()]||""}`,...e.link?{href:e.link,target:e.openLinkInNewTab?"_blank":void 0,role:"link"}:{role:"button"}},TagName:e.link?e.builderLinkComponent||"a":"button",actionAttributes:{},children:e.text})}function U(e){return t.jsx(C,{TagName:e.Wrapper,attributes:a.getBlockProperties({block:e.block,context:e.context}),actionAttributes:a.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})}function $(e){return t.jsx(e.Wrapper,{...e.wrapperProps,attributes:e.includeBlockProps?{...a.getBlockProperties({block:e.block,context:e.context}),...a.getBlockActions({block:e.block,rootState:e.context.rootState,rootSetState:e.context.rootSetState,localState:e.context.localState,context:e.context.context})}:{},children:e.children})}function O(e){function l(){var o;return"builder-blocks"+((o=e.blocks)!=null&&o.length?"":" no-blocks")}function g(){var o,m;a.isEditing()&&!((o=e.blocks)!=null&&o.length)&&((m=window.parent)==null||m.postMessage({type:"builder.clickEmptyBlocks",data:{parentElementId:e.parent,dataPath:e.path}},"*"))}function x(){var o,m;a.isEditing()&&!((o=e.blocks)!=null&&o.length)&&((m=window.parent)==null||m.postMessage({type:"builder.hoverEmptyBlocks",data:{parentElementId:e.parent,dataPath:e.path}},"*"))}return t.jsxs(t.Fragment,{children:[t.jsx(e.BlocksWrapper,{className:l()+" props-blocks-wrapper-7354e098","builder-path":e.path,"builder-parent-id":e.parent,style:e.styleProp,onClick:o=>g(),onMouseEnter:o=>x(),onKeyPress:o=>g(),...e.BlocksWrapperProps,children:e.children}),t.jsx("style",{children:`.props-blocks-wrapper-7354e098 {
|
|
2
2
|
display: flex;
|
|
3
3
|
flex-direction: column;
|
|
4
4
|
align-items: stretch;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as i, Fragment as h, jsxs as E } from "react/jsx-runtime";
|
|
3
|
-
import { i as p, g as H, a as $, b as O, c as w, d as R, e as ee, f as P, h as V, _ as D, j as te, l as ne, k as ie, t as ae, m as U, n as ce, o as re, r as le, s as oe, p as de, q as se, u as ue } from "./bundle-
|
|
3
|
+
import { i as p, g as H, a as $, b as O, c as w, d as R, e as ee, f as P, h as V, _ as D, j as te, l as ne, k as ie, t as ae, m as U, n as ce, o as re, r as le, s as oe, p as de, q as se, u as ue } from "./bundle-cc82bd60.js";
|
|
4
4
|
import { useRef as T, useState as x, useEffect as b, createContext as me, createElement as ge } from "react";
|
|
5
|
-
import { p as he } from "./USE_SERVER_BUNDLE-
|
|
5
|
+
import { p as he } from "./USE_SERVER_BUNDLE-7191faac.js";
|
|
6
6
|
import { useRouter as be } from "next/navigation";
|
|
7
7
|
function J(e) {
|
|
8
8
|
return /* @__PURE__ */ i(h, { children: p(e.TagName) ? /* @__PURE__ */ i(h, { children: /* @__PURE__ */ i(e.TagName, { ...e.attributes, ...e.actionAttributes }) }) : /* @__PURE__ */ i(h, { children: typeof e.TagName == "string" ? /* @__PURE__ */ i(h, { children: /* @__PURE__ */ i(e.TagName, { ...e.attributes, ...e.actionAttributes, children: e.children }) }) : /* @__PURE__ */ i(h, { children: /* @__PURE__ */ i(e.TagName, { ...e.attributes, ...e.actionAttributes, children: e.children }) }) }) });
|
|
@@ -11,7 +11,6 @@ function we(e) {
|
|
|
11
11
|
return /* @__PURE__ */ i(
|
|
12
12
|
J,
|
|
13
13
|
{
|
|
14
|
-
TagName: e.link ? e.builderLinkComponent || "a" : "button",
|
|
15
14
|
attributes: {
|
|
16
15
|
...e.attributes,
|
|
17
16
|
[H()]: `${e.link ? "" : "builder-button"} ${e.attributes[H()] || ""}`,
|
|
@@ -23,6 +22,7 @@ function we(e) {
|
|
|
23
22
|
role: "button"
|
|
24
23
|
}
|
|
25
24
|
},
|
|
25
|
+
TagName: e.link ? e.builderLinkComponent || "a" : "button",
|
|
26
26
|
actionAttributes: {},
|
|
27
27
|
children: e.text
|
|
28
28
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use server";"use strict";const n=require("./bundle-
|
|
1
|
+
"use server";"use strict";const n=require("./bundle-a08cccde.cjs");async function s({key:e,value:t}){return n.init(),globalThis._BUILDER_PREVIEW_LRU_CACHE.set(e,t),{[e]:t}}exports.postPreviewContent=s;
|