@builder.io/sdk-react 1.0.23 → 1.0.25
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/blocks-exports.cjs +31 -31
- package/lib/browser/blocks-exports.mjs +1042 -826
- package/lib/browser/index.cjs +1 -1
- package/lib/browser/index.mjs +1 -1
- package/lib/browser/init.cjs +8 -1
- package/lib/browser/init.mjs +37 -2
- package/lib/browser/{server-entry-4ca9f249.js → server-entry-d15ee928.js} +2 -1
- package/lib/browser/{server-entry-f69e2b2a.cjs → server-entry-f28ec73b.cjs} +2 -2
- package/lib/browser/server-entry.cjs +1 -1
- package/lib/browser/server-entry.mjs +1 -1
- package/lib/edge/{blocks-93608689.js → blocks-7c1422af.js} +682 -685
- package/lib/edge/blocks-8c31869c.cjs +32 -0
- package/lib/edge/blocks-exports.cjs +1 -1
- package/lib/edge/blocks-exports.mjs +2 -2
- package/lib/edge/button-3439cb1b.js +31 -0
- package/lib/edge/button-96857fcf.cjs +1 -0
- package/lib/edge/columns-0d152875.js +163 -0
- package/lib/edge/columns-930c3d9a.cjs +28 -0
- package/lib/edge/{content-variants-f416bff5.js → content-variants-1ff6980e.js} +404 -262
- package/lib/edge/content-variants-d62785c6.cjs +134 -0
- package/lib/edge/{form-8526db32.js → form-1dbd32d7.js} +3 -3
- package/lib/edge/{form-44ceed15.cjs → form-69ed6cc5.cjs} +1 -1
- package/lib/edge/{get-class-prop-name-e85bf7a3.js → get-class-prop-name-58140fb7.js} +2 -1
- package/lib/edge/get-class-prop-name-c793129b.cjs +1 -0
- package/lib/edge/image-764070f8.cjs +17 -0
- package/lib/edge/{image-0008c792.js → image-9d24a962.js} +24 -24
- package/lib/edge/{img-a5802e2b.cjs → img-305b1676.cjs} +1 -1
- package/lib/edge/{img-5ef224a8.js → img-d4b1130f.js} +1 -1
- package/lib/edge/index.cjs +1 -1
- package/lib/edge/index.mjs +1 -1
- package/lib/edge/init.cjs +8 -1
- package/lib/edge/init.mjs +37 -2
- package/lib/edge/{input-f1aa0191.cjs → input-28dd9b60.cjs} +1 -1
- package/lib/edge/{input-3f85283b.js → input-a7054c28.js} +1 -1
- package/lib/edge/{select-d4c018c0.cjs → select-57b6e444.cjs} +1 -1
- package/lib/edge/{select-4fe889b6.js → select-dd83a040.js} +1 -1
- package/lib/edge/{server-entry-e1e18fd2.js → server-entry-cb8ad418.js} +2 -1
- package/lib/edge/{server-entry-c4b7844d.cjs → server-entry-d9413c6f.cjs} +2 -2
- package/lib/edge/server-entry.cjs +1 -1
- package/lib/edge/server-entry.mjs +1 -1
- package/lib/edge/{slot-2a11e808.cjs → slot-3f6aff1b.cjs} +1 -1
- package/lib/edge/{slot-97599025.js → slot-7dbe2bcb.js} +3 -3
- package/lib/edge/symbol-63f3b56e.cjs +1 -0
- package/lib/edge/{symbol-a90a41a3.js → symbol-a20aae0e.js} +32 -26
- package/lib/edge/tabs-f559c3bf.cjs +1 -0
- package/lib/edge/tabs-f5fd67a5.js +69 -0
- package/lib/node/blocks-exports.cjs +32 -32
- package/lib/node/blocks-exports.mjs +1158 -942
- package/lib/node/index.cjs +1 -1
- package/lib/node/index.mjs +2 -2
- package/lib/node/init.cjs +1 -1
- package/lib/node/init.mjs +8 -6
- package/lib/node/node-runtime-79a56b80.cjs +48 -0
- package/lib/node/{node-runtime-8062cfb8.js → node-runtime-def43b7b.js} +49 -47
- package/lib/node/{server-entry-3e54c767.js → server-entry-28bf4f4c.js} +1 -1
- package/lib/node/{server-entry-461bfaf9.cjs → server-entry-c4d16d70.cjs} +1 -1
- package/lib/node/server-entry.cjs +1 -1
- package/lib/node/server-entry.mjs +1 -1
- package/package.json +1 -1
- package/types/blocks/columns/columns.types.d.ts +1 -1
- package/types/blocks/columns/helpers.d.ts +1 -0
- package/types/blocks/tabs/component-info.d.ts +2 -0
- package/types/blocks/tabs/index.d.ts +1 -0
- package/types/blocks/tabs/tabs.d.ts +4 -0
- package/types/blocks/tabs/tabs.types.d.ts +13 -0
- package/types/blocks/text/text.types.d.ts +2 -1
- package/types/components/block/block.helpers.d.ts +4 -2
- package/types/components/content/components/styles.helpers.d.ts +1 -0
- package/types/components/dynamic-div.d.ts +15 -0
- package/types/constants/sdk-version.d.ts +1 -1
- package/types/functions/evaluate/node-runtime/init.d.ts +4 -1
- package/types/functions/evaluate/node-runtime/node-runtime.d.ts +4 -1
- package/types/types/targets.d.ts +1 -1
- package/lib/edge/blocks-5539f58f.cjs +0 -32
- package/lib/edge/button-7e98d8f3.cjs +0 -1
- package/lib/edge/button-8816ab35.js +0 -28
- package/lib/edge/columns-8db639b5.cjs +0 -28
- package/lib/edge/columns-d065e3c4.js +0 -156
- package/lib/edge/content-variants-44d061f2.cjs +0 -134
- package/lib/edge/get-class-prop-name-7b951501.cjs +0 -1
- package/lib/edge/image-ee3dd857.cjs +0 -17
- package/lib/edge/symbol-dbb5c95e.cjs +0 -1
- package/lib/node/node-runtime-11a8cdfe.cjs +0 -48
|
@@ -1,134 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react/jsx-runtime"),r=require("react"),s=require("./server-entry-c4b7844d.cjs"),k=require("./blocks-exports.cjs"),w=require("./blocks-5539f58f.cjs");require("./get-class-prop-name-7b951501.cjs");require("./dynamic-renderer-b29b45ca.cjs");const O={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},J={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(a=>{a.delete("width")})}const n=e.get("columns");Array.isArray(n)&&n.find(u=>u.get("width"))&&(n.find(h=>!h.get("width"))||n.reduce((o,p)=>o+p.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}]},Y={name:"Fragment",static:!0,hidden:!0,canHaveChildren:!0,noWrap:!0},G={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(i,o=6e4){return new Promise((p,I)=>{const x=document.createElement("img");let V=!1;x.onload=()=>{V=!0,p(x)},x.addEventListener("error",T=>{console.warn("Image load failed",T.error),I(T.error)}),x.src=i,setTimeout(()=>{V||I(new Error("Image load timed out"))},o)})}function a(i){return Math.round(i*1e3)/1e3}const u=e.get("image"),h=e.get("aspectRatio");if(fetch(u).then(i=>i.blob()).then(i=>{i.type.includes("svg")&&e.set("noWebp",!0)}),u&&(!h||h===.7041))return n(u).then(i=>{const o=e.get("aspectRatio");e.get("image")===u&&(!o||o===.7041)&&i.width&&i.height&&(e.set("aspectRatio",a(i.height/i.width)),e.set("height",i.height),e.set("width",i.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}]},Q={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>"}}}]},X={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"}]},Z=r.lazy(()=>Promise.resolve().then(()=>require("./slot-2a11e808.cjs"))),ee={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"}]},te={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"}},ne={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}]},ae=r.lazy(()=>Promise.resolve().then(()=>require("./custom-code-6d9730ff.cjs"))),ie={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(a=>a.json()).then(a=>{e.get("url")===t&&(a.html?e.set("content",a.html):e.set("content","Invalid url, please try another"))}).catch(a=>{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}]},oe=r.lazy(()=>Promise.resolve().then(()=>require("./embed-32bdd007.cjs"))),re={name:"Form:Form",defaults:{responsiveStyles:{large:{marginTop:"15px",paddingBottom:"15px"}}},image:"https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fef36d2a846134910b64b88e6d18c5ca5",inputs:[{name:"sendSubmissionsTo",type:"string",enum:[{label:"Send to email",value:"email",helperText:"Send form submissions to the email address of your choosing"},{label:"Custom",value:"custom",helperText:"Handle where the form requests go manually with a little code, e.g. to your own custom backend"}],defaultValue:"email"},{name:"sendSubmissionsToEmail",type:"string",required:!0,defaultValue:"your@email.com",showIf:'options.get("sendSubmissionsTo") === "email"'},{name:"sendWithJs",type:"boolean",helperText:"Set to false to use basic html form action",defaultValue:!0,showIf:'options.get("sendSubmissionsTo") === "custom"'},{name:"name",type:"string",defaultValue:"My form"},{name:"action",type:"string",helperText:"URL to send the form data to",showIf:'options.get("sendSubmissionsTo") === "custom"'},{name:"contentType",type:"string",defaultValue:"application/json",advanced:!0,enum:["application/json","multipart/form-data","application/x-www-form-urlencoded"],showIf:'options.get("sendSubmissionsTo") === "custom" && options.get("sendWithJs") === true'},{name:"method",type:"string",showIf:'options.get("sendSubmissionsTo") === "custom"',defaultValue:"POST",advanced:!0},{name:"previewState",type:"string",enum:["unsubmitted","sending","success","error"],defaultValue:"unsubmitted",helperText:'Choose a state to edit, e.g. choose "success" to show what users see on success and edit the message',showIf:'options.get("sendSubmissionsTo") !== "zapier" && options.get("sendWithJs") === true'},{name:"successUrl",type:"url",helperText:"Optional URL to redirect the user to on form submission success",showIf:'options.get("sendSubmissionsTo") !== "zapier" && options.get("sendWithJs") === true'},{name:"resetFormOnSubmit",type:"boolean",showIf:"options.get('sendSubmissionsTo') === 'custom' && options.get('sendWithJs') === true",advanced:!0},{name:"successMessage",type:"uiBlocks",hideFromUI:!0,defaultValue:[{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{marginTop:"10px"}},component:{name:"Text",options:{text:"<span>Thanks!</span>"}}}]},{name:"validate",type:"boolean",defaultValue:!0,advanced:!0},{name:"errorMessagePath",type:"text",advanced:!0,helperText:'Path to where to get the error message from in a JSON response to display to the user, e.g. "error.message" for a response like { "error": { "message": "this username is taken" }}'},{name:"errorMessage",type:"uiBlocks",hideFromUI:!0,defaultValue:[{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{marginTop:"10px"}},bindings:{"component.options.text":"state.formErrorMessage || block.component.options.text"},component:{name:"Text",options:{text:"<span>Form submission error :( Please check your answers and try again</span>"}}}]},{name:"sendingMessage",type:"uiBlocks",hideFromUI:!0,defaultValue:[{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{marginTop:"10px"}},component:{name:"Text",options:{text:"<span>Sending...</span>"}}}]},{name:"customHeaders",type:"map",valueType:{type:"string"},advanced:!0,showIf:'options.get("sendSubmissionsTo") === "custom" && options.get("sendWithJs") === true'}],noWrap:!0,canHaveChildren:!0,defaultChildren:[{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{marginTop:"10px"}},component:{name:"Text",options:{text:"<span>Enter your name</span>"}}},{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{marginTop:"10px"}},component:{name:"Form:Input",options:{name:"name",placeholder:"Jane Doe"}}},{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{marginTop:"10px"}},component:{name:"Text",options:{text:"<span>Enter your email</span>"}}},{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{marginTop:"10px"}},component:{name:"Form:Input",options:{name:"email",placeholder:"jane@doe.com"}}},{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{marginTop:"10px"}},component:{name:"Form:SubmitButton",options:{text:"Submit"}}}]},se=r.lazy(()=>Promise.resolve().then(()=>require("./form-44ceed15.cjs"))),le={name:"Form:Input",image:"https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fad6f37889d9e40bbbbc72cdb5875d6ca",inputs:[{name:"type",type:"text",enum:["text","number","email","url","checkbox","radio","range","date","datetime-local","search","tel","time","file","month","week","password","color","hidden"],defaultValue:"text"},{name:"name",type:"string",required:!0,helperText:'Every input in a form needs a unique name describing what it takes, e.g. "email"'},{name:"placeholder",type:"string",defaultValue:"Hello there",helperText:"Text to display when there is no value"},{name:"defaultValue",type:"string"},{name:"value",type:"string",advanced:!0},{name:"required",type:"boolean",helperText:"Is this input required to be filled out to submit a form",defaultValue:!1}],noWrap:!0,static:!0,defaultStyles:{paddingTop:"10px",paddingBottom:"10px",paddingLeft:"10px",paddingRight:"10px",borderRadius:"3px",borderWidth:"1px",borderStyle:"solid",borderColor:"#ccc"}},de=r.lazy(()=>Promise.resolve().then(()=>require("./input-f1aa0191.cjs"))),ce={name:"Form:Select",image:"https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F83acca093fb24aaf94dee136e9a4b045",defaultStyles:{alignSelf:"flex-start"},inputs:[{name:"options",type:"list",required:!0,subFields:[{name:"value",type:"text",required:!0},{name:"name",type:"text"}],defaultValue:[{value:"option 1"},{value:"option 2"}]},{name:"name",type:"string",required:!0,helperText:'Every select in a form needs a unique name describing what it gets, e.g. "email"'},{name:"defaultValue",type:"string"},{name:"value",type:"string",advanced:!0},{name:"required",type:"boolean",defaultValue:!1}],static:!0,noWrap:!0},ue=r.lazy(()=>Promise.resolve().then(()=>require("./select-d4c018c0.cjs"))),me={name:"Form:SubmitButton",image:"https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fdf2820ffed1f4349a94c40b3221f5b98",defaultStyles:{appearance:"none",paddingTop:"15px",paddingBottom:"15px",paddingLeft:"25px",paddingRight:"25px",backgroundColor:"#3898EC",color:"white",borderRadius:"4px",cursor:"pointer"},inputs:[{name:"text",type:"text",defaultValue:"Click me"}],static:!0,noWrap:!0},pe=r.lazy(()=>Promise.resolve().then(()=>require("./submit-button-b363e0ed.cjs"))),ge={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},fe=r.lazy(()=>Promise.resolve().then(()=>require("./img-a5802e2b.cjs"))),he={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}]},be=()=>[{component:ae,...ne},{component:oe,...ie},{component:se,...re},{component:de,...le},{component:pe,...me},{component:ue,...ce},{component:fe,...ge},{component:k.Video,...he}],$=()=>[{component:k.Button,...O},{component:k.Columns,...J},{component:k.Fragment,...Y},{component:k.Image,...G},{component:k.Section,...Q},{component:Z,...X},{component:k.Symbol,...ee},{component:k.Text,...te},...be()],ye=`function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
|
|
2
|
-
function getAndSetVariantId() {
|
|
3
|
-
function setCookie(name, value, days) {
|
|
4
|
-
let expires = '';
|
|
5
|
-
if (days) {
|
|
6
|
-
const date = new Date();
|
|
7
|
-
date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000);
|
|
8
|
-
expires = '; expires=' + date.toUTCString();
|
|
9
|
-
}
|
|
10
|
-
document.cookie = name + '=' + (value || '') + expires + '; path=/' + '; Secure; SameSite=None';
|
|
11
|
-
}
|
|
12
|
-
function getCookie(name) {
|
|
13
|
-
const nameEQ = name + '=';
|
|
14
|
-
const ca = document.cookie.split(';');
|
|
15
|
-
for (let i = 0; i < ca.length; i++) {
|
|
16
|
-
let c = ca[i];
|
|
17
|
-
while (c.charAt(0) === ' ') c = c.substring(1, c.length);
|
|
18
|
-
if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);
|
|
19
|
-
}
|
|
20
|
-
return null;
|
|
21
|
-
}
|
|
22
|
-
const cookieName = \`builder.tests.\${contentId}\`;
|
|
23
|
-
const variantInCookie = getCookie(cookieName);
|
|
24
|
-
const availableIDs = variants.map(vr => vr.id).concat(contentId);
|
|
25
|
-
if (variantInCookie && availableIDs.includes(variantInCookie)) {
|
|
26
|
-
return variantInCookie;
|
|
27
|
-
}
|
|
28
|
-
let n = 0;
|
|
29
|
-
const random = Math.random();
|
|
30
|
-
for (let i = 0; i < variants.length; i++) {
|
|
31
|
-
const variant = variants[i];
|
|
32
|
-
const testRatio = variant.testRatio;
|
|
33
|
-
n += testRatio;
|
|
34
|
-
if (random < n) {
|
|
35
|
-
setCookie(cookieName, variant.id);
|
|
36
|
-
return variant.id;
|
|
37
|
-
}
|
|
38
|
-
}
|
|
39
|
-
setCookie(cookieName, contentId);
|
|
40
|
-
return contentId;
|
|
41
|
-
}
|
|
42
|
-
const winningVariantId = getAndSetVariantId();
|
|
43
|
-
const styleEl = document.currentScript?.previousElementSibling;
|
|
44
|
-
if (isHydrationTarget) {
|
|
45
|
-
styleEl.remove();
|
|
46
|
-
const thisScriptEl = document.currentScript;
|
|
47
|
-
thisScriptEl?.remove();
|
|
48
|
-
} else {
|
|
49
|
-
const newStyleStr = variants.concat({
|
|
50
|
-
id: contentId
|
|
51
|
-
}).filter(variant => variant.id !== winningVariantId).map(value => {
|
|
52
|
-
return \`.variant-\${value.id} { display: none; }
|
|
53
|
-
\`;
|
|
54
|
-
}).join('');
|
|
55
|
-
styleEl.innerHTML = newStyleStr;
|
|
56
|
-
}
|
|
57
|
-
}`,xe=`function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
|
|
58
|
-
if (!navigator.cookieEnabled) {
|
|
59
|
-
return;
|
|
60
|
-
}
|
|
61
|
-
function getCookie(name) {
|
|
62
|
-
const nameEQ = name + '=';
|
|
63
|
-
const ca = document.cookie.split(';');
|
|
64
|
-
for (let i = 0; i < ca.length; i++) {
|
|
65
|
-
let c = ca[i];
|
|
66
|
-
while (c.charAt(0) === ' ') c = c.substring(1, c.length);
|
|
67
|
-
if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);
|
|
68
|
-
}
|
|
69
|
-
return null;
|
|
70
|
-
}
|
|
71
|
-
const cookieName = \`builder.tests.\${defaultContentId}\`;
|
|
72
|
-
const winningVariant = getCookie(cookieName);
|
|
73
|
-
const parentDiv = document.currentScript?.parentElement;
|
|
74
|
-
const isDefaultContent = variantContentId === defaultContentId;
|
|
75
|
-
const isWinningVariant = winningVariant === variantContentId;
|
|
76
|
-
if (isWinningVariant && !isDefaultContent) {
|
|
77
|
-
parentDiv?.removeAttribute('hidden');
|
|
78
|
-
parentDiv?.removeAttribute('aria-hidden');
|
|
79
|
-
} else if (!isWinningVariant && isDefaultContent) {
|
|
80
|
-
parentDiv?.setAttribute('hidden', 'true');
|
|
81
|
-
parentDiv?.setAttribute('aria-hidden', 'true');
|
|
82
|
-
}
|
|
83
|
-
if (isHydrationTarget) {
|
|
84
|
-
if (!isWinningVariant) {
|
|
85
|
-
parentDiv?.remove();
|
|
86
|
-
}
|
|
87
|
-
const thisScriptEl = document.currentScript;
|
|
88
|
-
thisScriptEl?.remove();
|
|
89
|
-
}
|
|
90
|
-
return;
|
|
91
|
-
}`,B="builderIoAbTest",_="builderIoRenderContent",P=e=>Object.values((e==null?void 0:e.variations)||{}).map(t=>({...t,testVariationId:t.id,id:e==null?void 0:e.id})),ve=({canTrack:e,content:t})=>!(!(P(t).length>0)||!e||s.isBrowser()),Se=e=>e==="react"||e==="reactNative",M=Se(s.TARGET),Ie=()=>`
|
|
92
|
-
window.${B} = ${ye}
|
|
93
|
-
window.${_} = ${xe}
|
|
94
|
-
`,ke=(e,t)=>`
|
|
95
|
-
window.${B}(
|
|
96
|
-
"${t}",${JSON.stringify(e)}, ${M}
|
|
97
|
-
)`,Te=({contentId:e,variationId:t})=>`window.${_}(
|
|
98
|
-
"${t}", "${e}", ${M}
|
|
99
|
-
)`;function W(e){return f.jsx("script",{dangerouslySetInnerHTML:{__html:e.scriptStr},"data-id":e.id})}function L(e){return Math.round(e*1e3)/1e3}const Ce=(e,t,n=!0)=>{if(!(e instanceof HTMLElement))return null;let a=n?e:e.parentElement;do{if(!a)return null;if(t(a))return a}while(a=a.parentElement);return null},we=e=>Ce(e,t=>{const n=t.getAttribute("builder-id")||t.id;return(n==null?void 0:n.indexOf("builder-"))===0}),N=({event:e,target:t})=>{const n=t.getBoundingClientRect(),a=e.clientX-n.left,u=e.clientY-n.top,h=L(a/n.width),i=L(u/n.height);return{x:h,y:i}},Ve=e=>{const t=e.target,n=t&&we(t),a=(n==null?void 0:n.getAttribute("builder-id"))||(n==null?void 0:n.id);return{targetBuilderElement:a||void 0,metadata:{targetOffset:t?N({event:e,target:t}):void 0,builderTargetOffset:n?N({event:e,target:n}):void 0,builderElementIndex:n&&a?[].slice.call(document.getElementsByClassName(a)).indexOf(n):void 0}}};function Ee(e){var C,A,j,q,U,D,H;const t=r.useRef(null);function n(l){var g,c;const m={...e.builderContextSignal.rootState,...l};e.builderContextSignal.rootSetState?(c=(g=e.builderContextSignal).rootSetState)==null||c.call(g,m):e.setBuilderContextSignal(d=>({...d,rootState:m}))}function a(l){var g,c,d,b,E;const m={...e.builderContextSignal.content,...l,data:{...(g=e.builderContextSignal.content)==null?void 0:g.data,...l==null?void 0:l.data},meta:{...(c=e.builderContextSignal.content)==null?void 0:c.meta,...l==null?void 0:l.meta,breakpoints:((d=l==null?void 0:l.meta)==null?void 0:d.breakpoints)||((E=(b=e.builderContextSignal.content)==null?void 0:b.meta)==null?void 0:E.breakpoints)}};e.setBuilderContextSignal(S=>({...S,content:m}))}const[u,h]=r.useState(()=>e.contentWrapper||"div");function i(l){return s.createEditorListener({model:e.model,trustedHosts:e.trustedHosts,callbacks:{configureSdk:m=>{var d;const{breakpoints:g,contentId:c}=m;!c||c!==((d=e.builderContextSignal.content)==null?void 0:d.id)||g&&a({meta:{breakpoints:g}})},animation:m=>{w.triggerAnimation(m)},contentUpdate:m=>{a(m)}}})(l)}function o(){var m,g;const l=(g=(m=e.builderContextSignal.content)==null?void 0:m.data)==null?void 0:g.jsCode;l&&w.evaluate({code:l,context:e.context||{},localState:void 0,rootState:e.builderContextSignal.rootState,rootSetState:e.builderContextSignal.rootSetState,enableCache:!1})}const[p,I]=r.useState(()=>({})),[x,V]=r.useState(()=>({})),[T,R]=r.useState(()=>!1);function F(l){var m,g;if(e.builderContextSignal.content){const c=(m=e.builderContextSignal.content)==null?void 0:m.testVariationId,d=(g=e.builderContextSignal.content)==null?void 0:g.id;s._track({type:"click",canTrack:s.getDefaultCanTrack(e.canTrack),contentId:d,apiKey:e.apiKey,variationId:c!==d?c:void 0,...Ve(l),unique:!T})}T||R(!0)}function v(){var m,g,c;const l=(c=(g=(m=e.builderContextSignal.content)==null?void 0:m.data)==null?void 0:g.httpRequests)!=null?c:{};Object.entries(l).forEach(([d,b])=>{if(!b||x[d]||p[d]&&!s.isEditing())return;x[d]=!0;const E=b.replace(/{{([^}]+)}}/g,(S,z)=>String(w.evaluate({code:z,context:e.context||{},localState:void 0,rootState:e.builderContextSignal.rootState,rootSetState:e.builderContextSignal.rootSetState,enableCache:!0})));s.fetch(E).then(S=>S.json()).then(S=>{n({[d]:S}),p[d]=!0}).catch(S=>{console.error("error fetching dynamic data",b,S)}).finally(()=>{x[d]=!1})})}function y(){s.isEditing()&&window.dispatchEvent(new CustomEvent("builder:component:stateChange",{detail:{state:s.fastClone(e.builderContextSignal.rootState),ref:{name:e.model}}}))}return r.useEffect(()=>{var l,m;if(s.isBrowser()){if(s.isEditing()&&(window.addEventListener("message",i),s.registerInsertMenu(),s.setupBrowserForEditing({...e.locale?{locale:e.locale}:{},...e.enrich?{enrich:e.enrich}:{},...e.trustedHosts?{trustedHosts:e.trustedHosts}:{}}),Object.values(e.builderContextSignal.componentInfos).forEach(c=>{var b;const d=s.createRegisterComponentMessage(c);(b=window.parent)==null||b.postMessage(d,"*")}),window.addEventListener("builder:component:stateChangeListenerActivated",y)),e.builderContextSignal.content&&s.getDefaultCanTrack(e.canTrack)){const c=(l=e.builderContextSignal.content)==null?void 0:l.testVariationId,d=(m=e.builderContextSignal.content)==null?void 0:m.id,b=e.apiKey;s._track({type:"impression",canTrack:!0,contentId:d,apiKey:b,variationId:c!==d?c:void 0})}if(s.isPreviewing()&&!s.isEditing()){const c=new URL(location.href).searchParams,d=c.get("builder.preview"),b=c.get(`builder.preview.${d}`),E=c.get("apiKey")||c.get("builder.space");d===e.model&&E===e.apiKey&&(!e.content||b===e.content.id)&&s.fetchOneEntry({model:e.model,apiKey:e.apiKey,apiVersion:e.builderContextSignal.apiVersion}).then(S=>{S&&a(S)})}}},[]),r.useEffect(()=>{e.apiKey||s.logger.error("No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop."),o(),v(),y()},[]),r.useEffect(()=>{e.content&&a(e.content)},[e.content]),r.useEffect(()=>{o()},[(A=(C=e.builderContextSignal.content)==null?void 0:C.data)==null?void 0:A.jsCode]),r.useEffect(()=>{v()},[(q=(j=e.builderContextSignal.content)==null?void 0:j.data)==null?void 0:q.httpRequests]),r.useEffect(()=>{y()},[e.builderContextSignal.rootState]),r.useEffect(()=>{e.data&&n(e.data)},[e.data]),r.useEffect(()=>{e.locale&&n({locale:e.locale})},[e.locale]),r.useEffect(()=>()=>{s.isBrowser()&&(window.removeEventListener("message",i),window.removeEventListener("builder:component:stateChangeListenerActivated",y))},[]),f.jsx(k.BuilderContext.Provider,{value:e.builderContextSignal,children:e.builderContextSignal.content?f.jsx(u,{ref:t,onClick:l=>F(l),"builder-content-id":(U=e.builderContextSignal.content)==null?void 0:U.id,"builder-model":e.model,...e.showContent?{}:{hidden:!0,"aria-hidden":!0},...e.contentWrapperProps,className:`variant-${((D=e.content)==null?void 0:D.testVariationId)||((H=e.content)==null?void 0:H.id)}`,children:e.children}):null})}const Re=e=>{var h,i;const t=e.family+(e.kind&&!e.kind.includes("#")?", "+e.kind:""),n=t.split(",")[0],a=(i=e.fileUrl)!=null?i:(h=e==null?void 0:e.files)==null?void 0:h.regular;let u="";if(a&&t&&n&&(u+=`
|
|
100
|
-
@font-face {
|
|
101
|
-
font-family: "${t}";
|
|
102
|
-
src: local("${n}"), url('${a}') format('woff2');
|
|
103
|
-
font-display: fallback;
|
|
104
|
-
font-weight: 400;
|
|
105
|
-
}
|
|
106
|
-
`.trim()),e.files)for(const o in e.files){if(!(String(Number(o))===o))continue;const I=e.files[o];I&&I!==a&&(u+=`
|
|
107
|
-
@font-face {
|
|
108
|
-
font-family: "${t}";
|
|
109
|
-
src: url('${I}') format('woff2');
|
|
110
|
-
font-display: fallback;
|
|
111
|
-
font-weight: ${o};
|
|
112
|
-
}
|
|
113
|
-
`.trim())}return u},Fe=({customFonts:e})=>{var t;return((t=e==null?void 0:e.map(n=>Re(n)))==null?void 0:t.join(" "))||""},Pe=({cssCode:e,contentId:t})=>e?t?(e==null?void 0:e.replace(/&/g,`div[builder-content-id="${t}"]`))||"":e:"",We=`
|
|
114
|
-
.builder-button {
|
|
115
|
-
all: unset;
|
|
116
|
-
}
|
|
117
|
-
|
|
118
|
-
.builder-text > p:first-of-type, .builder-text > .builder-paragraph:first-of-type {
|
|
119
|
-
margin: 0;
|
|
120
|
-
}
|
|
121
|
-
.builder-text > p, .builder-text > .builder-paragraph {
|
|
122
|
-
color: inherit;
|
|
123
|
-
line-height: inherit;
|
|
124
|
-
letter-spacing: inherit;
|
|
125
|
-
font-weight: inherit;
|
|
126
|
-
font-size: inherit;
|
|
127
|
-
text-align: inherit;
|
|
128
|
-
font-family: inherit;
|
|
129
|
-
}
|
|
130
|
-
`,Ae=e=>e?"":We;function je(e){const[t,n]=r.useState(()=>`
|
|
131
|
-
${Pe({cssCode:e.cssCode,contentId:e.contentId})}
|
|
132
|
-
${Fe({customFonts:e.customFonts})}
|
|
133
|
-
${Ae(e.isNestedRender)}
|
|
134
|
-
`.trim());return f.jsx(w.InlinedStyles,{id:"builderio-content",styles:t})}const qe=({content:e,data:t,locale:n})=>{var h,i,o;const a={},u=((h=e==null?void 0:e.data)==null?void 0:h.state)||{};return(o=(i=e==null?void 0:e.data)==null?void 0:i.inputs)==null||o.forEach(p=>{p.name&&p.defaultValue!==void 0&&(a[p.name]=p.defaultValue)}),{...a,...u,...t,...n?{locale:n}:{}}},Ue=({content:e,data:t})=>e?{...e,data:{...e==null?void 0:e.data,...t},meta:e==null?void 0:e.meta}:void 0;function K(e){var p,I,x,V,T,R,F;const[t,n]=r.useState(()=>{var v,y;return Te({variationId:(v=e.content)==null?void 0:v.testVariationId,contentId:(y=e.content)==null?void 0:y.id})});function a(v){o(y=>({...y,rootState:v}))}const[u,h]=r.useState(()=>[...$(),...e.customComponents||[]].reduce((v,{component:y,...C})=>({...v,[C.name]:{component:y,...s.serializeComponentInfo(C)}}),{})),[i,o]=r.useState(()=>({content:Ue({content:e.content,data:e.data}),localState:void 0,rootState:qe({content:e.content,data:e.data,locale:e.locale}),rootSetState:a,context:e.context||{},apiKey:e.apiKey,apiVersion:e.apiVersion,componentInfos:[...$(),...e.customComponents||[]].reduce((v,{component:y,...C})=>({...v,[C.name]:s.serializeComponentInfo(C)}),{}),inheritedStyles:{},BlocksWrapper:e.blocksWrapper||"div",BlocksWrapperProps:e.blocksWrapperProps||{}}));return f.jsx(w.ComponentsContext.Provider,{value:{registeredComponents:u},children:f.jsxs(Ee,{content:e.content,data:e.data,model:e.model,context:e.context,apiKey:e.apiKey,canTrack:e.canTrack,locale:e.locale,enrich:e.enrich,showContent:e.showContent,builderContextSignal:i,contentWrapper:e.contentWrapper,contentWrapperProps:e.contentWrapperProps,linkComponent:e.linkComponent,trustedHosts:e.trustedHosts,setBuilderContextSignal:o,children:[e.isSsrAbTest?f.jsx(W,{id:"builderio-variant-visibility",scriptStr:t}):null,f.jsx(je,{isNestedRender:e.isNestedRender,contentId:(p=i.content)==null?void 0:p.id,cssCode:(x=(I=i.content)==null?void 0:I.data)==null?void 0:x.cssCode,customFonts:(T=(V=i.content)==null?void 0:V.data)==null?void 0:T.customFonts}),f.jsx(w.Blocks,{blocks:(F=(R=i.content)==null?void 0:R.data)==null?void 0:F.blocks,context:i,registeredComponents:u,linkComponent:e.linkComponent})]})})}function De(e){var i;const[t,n]=r.useState(()=>ve({canTrack:s.getDefaultCanTrack(e.canTrack),content:e.content}));function a(){var o;return ke(P(e.content).map(p=>({id:p.testVariationId,testRatio:p.testRatio})),((o=e.content)==null?void 0:o.id)||"")}function u(){return P(e.content).map(o=>`.variant-${o.testVariationId} { display: none; } `).join("")}function h(){var o;return t?{...e.content,testVariationId:(o=e.content)==null?void 0:o.id}:s.handleABTestingSync({item:e.content,canTrack:s.getDefaultCanTrack(e.canTrack)})}return r.useEffect(()=>{},[]),f.jsxs(f.Fragment,{children:[!e.isNestedRender&&s.TARGET!=="reactNative"?f.jsx(W,{id:"builderio-init-variants-fns",scriptStr:Ie()}):null,t?f.jsxs(f.Fragment,{children:[f.jsx(w.InlinedStyles,{id:"builderio-variants",styles:u()}),f.jsx(W,{id:"builderio-variants-visibility",scriptStr:a()}),(i=P(e.content))==null?void 0:i.map(o=>f.jsx(K,{isNestedRender:e.isNestedRender,content:o,showContent:!1,model:e.model,data:e.data,context:e.context,apiKey:e.apiKey,apiVersion:e.apiVersion,customComponents:e.customComponents,linkComponent:e.linkComponent,canTrack:e.canTrack,locale:e.locale,enrich:e.enrich,isSsrAbTest:t,blocksWrapper:e.blocksWrapper,blocksWrapperProps:e.blocksWrapperProps,contentWrapper:e.contentWrapper,contentWrapperProps:e.contentWrapperProps,trustedHosts:e.trustedHosts},o.testVariationId))]}):null,f.jsx(K,{isNestedRender:e.isNestedRender,content:h(),showContent:!0,model:e.model,data:e.data,context:e.context,apiKey:e.apiKey,apiVersion:e.apiVersion,customComponents:e.customComponents,linkComponent:e.linkComponent,canTrack:e.canTrack,locale:e.locale,enrich:e.enrich,isSsrAbTest:t,blocksWrapper:e.blocksWrapper,blocksWrapperProps:e.blocksWrapperProps,contentWrapper:e.contentWrapper,contentWrapperProps:e.contentWrapperProps,trustedHosts:e.trustedHosts})]})}exports.default=De;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";const e=require("./server-entry-c4b7844d.cjs"),s=()=>{switch(e.TARGET){case"react":case"reactNative":case"rsc":return"className";case"svelte":case"vue":case"solid":case"qwik":return"class"}};exports.getClassPropName=s;
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime");function f(e){return e.replace(/http(s)?:/,"")}function g(e="",i,t){const n=new RegExp("([?&])"+i+"=.*?(&|$)","i"),a=e.indexOf("?")!==-1?"&":"?";return e.match(n)?e.replace(n,"$1"+i+"="+encodeURIComponent(t)+"$2"):e+a+i+"="+encodeURIComponent(t)}function h(e,i){if(!e||!(e!=null&&e.match(/cdn\.shopify\.com/))||!i)return e;if(i==="master")return f(e);const t=e.match(/(_\d+x(\d+)?)?(\.(jpg|jpeg|gif|png|bmp|bitmap|tiff|tif)(\?v=\d+)?)/i);if(t){const n=e.split(t[0]),a=t[3],r=i.match("x")?i:`${i}x`;return f(`${n[0]}_${r}${a}`)}return null}function s(e){if(!e)return e;const i=[100,200,400,800,1200,1600,2e3];if(e.match(/builder\.io/)){let t=e;const n=Number(e.split("?width=")[1]);return isNaN(n)||(t=`${t} ${n}w`),i.filter(a=>a!==n).map(a=>`${g(e,"width",a)} ${a}w`).concat([t]).join(", ")}return e.match(/cdn\.shopify\.com/)?i.map(t=>[h(e,`${t}x${t}`),t]).filter(([t])=>!!t).map(([t,n])=>`${t} ${n}w`).concat([e]).join(", "):e}function b(e){var a,r,d,m;function i(){var u;const o=e.image||e.src;if(!o||!(o.match(/builder\.io/)||o.match(/cdn\.shopify\.com/)))return e.srcset;if(e.srcset&&((u=e.image)!=null&&u.includes("builder.io/api/v1/image"))){if(!e.srcset.includes(e.image.split("?")[0]))return console.debug("Removed given srcset"),s(o)}else if(e.image&&!e.srcset)return s(o);return s(o)}function t(){var l;return(l=i==null?void 0:i())!=null&&l.match(/builder\.io/)&&!e.noWebp?i().replace(/\?/g,"?format=webp&"):""}function n(){const l={position:"absolute",height:"100%",width:"100%",left:"0px",top:"0px"};return e.aspectRatio?l:void 0}return c.jsxs(c.Fragment,{children:[c.jsxs(c.Fragment,{children:[c.jsxs("picture",{children:[t()?c.jsx("source",{type:"image/webp",srcSet:t()}):null,c.jsx("img",{loading:"lazy",alt:e.altText,role:e.altText?void 0:"presentation",style:{objectPosition:e.backgroundPosition||"center",objectFit:e.backgroundSize||"cover",...n()},className:"builder-image"+(e.className?" "+e.className:"")+" img-a0c95e8c",src:e.image,srcSet:i(),sizes:e.sizes})]}),e.aspectRatio&&!((r=(a=e.builderBlock)==null?void 0:a.children)!=null&&r.length&&e.fitContent)?c.jsx("div",{className:"builder-image-sizer div-a0c95e8c",style:{paddingTop:e.aspectRatio*100+"%"}}):null,(m=(d=e.builderBlock)==null?void 0:d.children)!=null&&m.length&&e.fitContent?c.jsx(c.Fragment,{children:e.children}):null,!e.fitContent&&e.children?c.jsx("div",{className:"div-a0c95e8c-2",children:e.children}):null]}),c.jsx("style",{children:`.img-a0c95e8c {
|
|
2
|
-
opacity: 1;
|
|
3
|
-
transition: opacity 0.2s ease-in-out;
|
|
4
|
-
}.div-a0c95e8c {
|
|
5
|
-
width: 100%;
|
|
6
|
-
pointer-events: none;
|
|
7
|
-
font-size: 0;
|
|
8
|
-
}.div-a0c95e8c-2 {
|
|
9
|
-
display: flex;
|
|
10
|
-
flex-direction: column;
|
|
11
|
-
align-items: stretch;
|
|
12
|
-
position: absolute;
|
|
13
|
-
top: 0;
|
|
14
|
-
left: 0;
|
|
15
|
-
width: 100%;
|
|
16
|
-
height: 100%;
|
|
17
|
-
}`})]})}exports.default=b;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),o=require("react"),b=require("./blocks-exports.cjs"),f=require("./get-class-prop-name-7b951501.cjs"),s=require("./server-entry-c4b7844d.cjs"),v=async({builderContextValue:e,symbol:t})=>{if(t!=null&&t.model&&(e!=null&&e.apiKey))return s.fetchOneEntry({model:t.model,apiKey:e.apiKey,apiVersion:e.apiVersion,...(t==null?void 0:t.entry)&&{query:{id:t.entry}}}).catch(i=>{s.logger.error("Could not fetch symbol content: ",i)})};function C(e){var r,c,a,d;function t(){var n,l;return[e.attributes[f.getClassPropName()],"builder-symbol",(n=e.symbol)!=null&&n.inline?"builder-inline-symbol":void 0,(l=e.symbol)!=null&&l.dynamic||e.dynamic?"builder-dynamic-symbol":void 0].filter(Boolean).join(" ")}const[i,m]=o.useState(()=>{var n;return(n=e.symbol)==null?void 0:n.content});function y(){i||v({symbol:e.symbol,builderContextValue:e.builderContext}).then(n=>{n&&m(n)})}return o.useEffect(()=>{},[]),o.useEffect(()=>{y()},[e.symbol]),u.jsx("div",{...e.attributes,className:t(),children:u.jsx(b.Content,{isNestedRender:!0,apiVersion:e.builderContext.apiVersion,apiKey:e.builderContext.apiKey,context:{...e.builderContext.context,symbolId:(r=e.builderBlock)==null?void 0:r.id},customComponents:Object.values(e.builderComponents),data:{...(c=e.symbol)==null?void 0:c.data,...e.builderContext.localState,...(a=i==null?void 0:i.data)==null?void 0:a.state},model:(d=e.symbol)==null?void 0:d.model,content:i,linkComponent:e.builderLinkComponent,blocksWrapper:"div",contentWrapper:"div"})})}exports.default=C;
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
"use strict";const serverEntry=require("./server-entry-461bfaf9.cjs"),getFunctionArguments=({builder:e,context:r,event:n,state:t})=>Object.entries({state:t,Builder:e,builder:e,context:r,event:n}),getBuilderGlobals=()=>({isEditing:serverEntry.isEditing(),isBrowser:serverEntry.isBrowser(),isServer:!serverEntry.isBrowser(),getUserAttributes:()=>serverEntry.getUserAttributes()}),parseCode=(e,{isExpression:r=!0})=>r&&!(e.includes(";")||e.includes(" return ")||e.trim().startsWith("return "))?`return (${e});`:e,set=(e,r,n)=>{if(Object(e)!==e)return e;const t=Array.isArray(r)?r:r.toString().match(/[^.[\]]+/g);return t.slice(0,-1).reduce((i,o,c)=>Object(i[o])===i[o]?i[o]:i[o]=Math.abs(Number(t[c+1]))>>0===+t[c+1]?[]:{},e)[t[t.length-1]]=n,e},noop=()=>{};let safeDynamicRequire=noop;try{safeDynamicRequire=eval("require")}catch(e){}const getSyncValName=e=>`bldr_${e}_sync`,BUILDER_SET_STATE_NAME="BUILDER_SET_STATE",INJECTED_IVM_GLOBAL="BUILDER_IVM",REF_TO_PROXY_FN=`
|
|
2
|
-
var refToProxy = (obj) => {
|
|
3
|
-
if (typeof obj !== 'object' || obj === null) {
|
|
4
|
-
return obj;
|
|
5
|
-
}
|
|
6
|
-
return new Proxy({}, {
|
|
7
|
-
get(target, key) {
|
|
8
|
-
if (key === 'copySync') {
|
|
9
|
-
return () => obj.copySync();
|
|
10
|
-
}
|
|
11
|
-
const val = obj.getSync(key);
|
|
12
|
-
if (typeof val?.getSync === 'function') {
|
|
13
|
-
return refToProxy(val);
|
|
14
|
-
}
|
|
15
|
-
return val;
|
|
16
|
-
},
|
|
17
|
-
set(target, key, value) {
|
|
18
|
-
const v = typeof value === 'object' ? new ${INJECTED_IVM_GLOBAL}.Reference(value) : value;
|
|
19
|
-
obj.setSync(key, v);
|
|
20
|
-
${BUILDER_SET_STATE_NAME}(key, value)
|
|
21
|
-
},
|
|
22
|
-
deleteProperty(target, key) {
|
|
23
|
-
obj.deleteSync(key);
|
|
24
|
-
}
|
|
25
|
-
})
|
|
26
|
-
}
|
|
27
|
-
`,processCode=({code:e,args:r})=>{const n=r.map(([t])=>`var ${t} = refToProxy(${getSyncValName(t)}); `).join("");return`
|
|
28
|
-
${REF_TO_PROXY_FN}
|
|
29
|
-
${n}
|
|
30
|
-
function theFunction() {
|
|
31
|
-
${e}
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
let output = theFunction()
|
|
35
|
-
|
|
36
|
-
if (typeof output === 'object' && output !== null) {
|
|
37
|
-
output = JSON.stringify(output.copySync ? output.copySync() : output);
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
output;
|
|
41
|
-
`};let IVM_INSTANCE=null;const setIvm=e=>{IVM_INSTANCE=e},getIvm=()=>{try{if(IVM_INSTANCE)return IVM_INSTANCE;const e=safeDynamicRequire("isolated-vm");if(e)return e}catch(e){serverEntry.logger.error("isolated-vm import error.",e)}throw new Error(`${serverEntry.MSG_PREFIX}could not import \`isolated-vm\` module for safe script execution on Node server.
|
|
42
|
-
|
|
43
|
-
In certain Node environments, the SDK requires additional initialization steps. This can be achieved by
|
|
44
|
-
importing and calling \`initializeNodeRuntime()\` from "@builder.io/sdk-react/node/init". This must be done in
|
|
45
|
-
a server-only execution path within your application.
|
|
46
|
-
|
|
47
|
-
Please see the documentation for more information: https://builder.io/c/docs/integration-tips#enabling-data-bindings-in-node-environments
|
|
48
|
-
`)},getIsolateContext=()=>{const e=getIvm();return new e.Isolate({memoryLimit:128}).createContextSync()},runInNode=({code:e,builder:r,context:n,event:t,localState:i,rootSetState:o,rootState:c})=>{const a=getIvm(),v=serverEntry.fastClone({...c,...i}),y=getFunctionArguments({builder:r,context:n,event:t,state:v}),g=getIsolateContext(),u=g.global;u.setSync("global",u.derefInto()),u.setSync("log",function(...s){console.log(...s)}),u.setSync(BUILDER_SET_STATE_NAME,function(s,l){set(c,s,l),o==null||o(c)}),y.forEach(([s,l])=>{const E=typeof l=="object"?new a.Reference(s==="builder"?{...l,getUserAttributes:()=>l.getUserAttributes()}:l):null;u.setSync(getSyncValName(s),E)}),u.setSync(INJECTED_IVM_GLOBAL,a);const p=processCode({code:e,args:y}),d=g.evalSync(p);try{return JSON.parse(d)}catch{return d}};exports.getBuilderGlobals=getBuilderGlobals;exports.getFunctionArguments=getFunctionArguments;exports.parseCode=parseCode;exports.runInNode=runInNode;exports.set=set;exports.setIvm=setIvm;
|