@builder.io/sdk-react-nextjs 0.16.10 → 0.16.12

package/lib/edge/blocks/button/component-info.mjs

@@ -0,0 +1,40 @@
+const e = {
+  name: "Core:Button",
+  image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
+  defaultStyles: {
+    // TODO: make min width more intuitive and set one
+    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,
+  shouldReceiveBuilderProps: {
+    builderLinkComponent: !0
+  }
+};
+export {
+  e as componentInfo
+};

package/lib/edge/blocks/columns/columns.cjs

@@ -0,0 +1,28 @@
+"use strict";const o=require("react/jsx-runtime"),p=require("../../components/blocks/blocks.cjs"),W=require("../../components/dynamic-renderer/dynamic-renderer.cjs"),j=require("../../components/inlined-styles.cjs"),q=require("../../constants/device-sizes.cjs"),B=require("../../functions/get-class-prop-name.cjs"),z=require("../../functions/get-style.cjs"),N=require("./helpers.cjs");function A(e){var g,k;const a=typeof e.space=="number"?e.space||0:20,r=e.columns||[],u=e.stackColumnsAt||"tablet",y=function(t){return t.link?e.builderLinkComponent||"a":"div"},S=function(t){var n;return((n=r[t])==null?void 0:n.width)||100/r.length},x=function(t){const n=S(t),l=a*(r.length-1)*(n/100);return`calc(${n}% - ${l}px)`},c=function({stackedStyle:t,desktopStyle:n}){return u==="tablet"?t:n},d=function({stackedStyle:t,desktopStyle:n}){return u==="never"?n:t},m=e.stackColumnsAt==="never"?"row":e.reverseColumnsWhenStacked?"column-reverse":"column",C=function(){return{"--flex-dir":m,"--flex-dir-tablet":c({stackedStyle:m,desktopStyle:"row"})}},v=function(t){const n=t===0?0:a,l=x(t),s=`${n}px`,h="100%",f=0;return{...{display:"flex",flexDirection:"column",alignItems:"stretch"},width:l,["marginLeft"]:s,"--column-width-mobile":d({stackedStyle:h,desktopStyle:l}),"--column-margin-left-mobile":d({stackedStyle:f,desktopStyle:s}),"--column-width-tablet":c({stackedStyle:h,desktopStyle:l}),"--column-margin-left-tablet":c({stackedStyle:f,desktopStyle:s})}},b=function(t){var l,s;return q.getSizesForBreakpoints(((s=(l=e.builderContext.content)==null?void 0:l.meta)==null?void 0:s.breakpoints)||{})[t].max},w=function(){const t=`.${e.builderBlock.id}-breakpoints > .builder-column`;return`
+        @media (max-width: ${b("medium")}px) {
+          .${e.builderBlock.id}-breakpoints {
+            flex-direction: var(--flex-dir-tablet);
+            align-items: stretch;
+          }
+
+          ${t} {
+            width: var(--column-width-tablet) !important;
+            margin-left: var(--column-margin-left-tablet) !important;
+          }
+        }
+
+        @media (max-width: ${b("small")}px) {
+          .${e.builderBlock.id}-breakpoints {
+            flex-direction: var(--flex-dir);
+            align-items: stretch;
+          }
+
+          ${t} {
+            width: var(--column-width-mobile) !important;
+            margin-left: var(--column-margin-left-mobile) !important;
+          }
+        },
+      `},$=function(t,n){return{...t.link?{href:t.link}:{},[B.getClassPropName()]:"builder-column",style:z.mapStyleObjToStrIfNeeded(v(n))}};return o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:N.getColumnsClass((g=e.builderBlock)==null?void 0:g.id)+" div-2cd13691",style:C(),children:[o.jsx(j,{id:"builderio-columns",styles:w(),nonce:e.builderContext.nonce}),(k=e.columns)==null?void 0:k.map((i,t)=>o.jsx(W,{TagName:y(i),actionAttributes:{},attributes:$(i,t),children:o.jsx(p,{path:`component.options.columns.${t}.blocks`,parent:e.builderBlock.id,styleProp:{flexGrow:"1"},context:e.builderContext,registeredComponents:e.builderComponents,linkComponent:e.builderLinkComponent,blocks:i.blocks})},t))]}),o.jsx("style",{children:`.div-2cd13691 {
+  display: flex;
+  line-height: normal;
+}`})]})}module.exports=A;

package/lib/edge/blocks/columns/columns.mjs

@@ -0,0 +1,154 @@
+import { jsxs as y, Fragment as B, jsx as r } from "react/jsx-runtime";
+import W from "../../components/blocks/blocks.mjs";
+import z from "../../components/dynamic-renderer/dynamic-renderer.mjs";
+import A from "../../components/inlined-styles.mjs";
+import { getSizesForBreakpoints as L } from "../../constants/device-sizes.mjs";
+import { getClassPropName as N } from "../../functions/get-class-prop-name.mjs";
+import { mapStyleObjToStrIfNeeded as T } from "../../functions/get-style.mjs";
+import { getColumnsClass as D } from "./helpers.mjs";
+function q(e) {
+  var f, g;
+  const a = typeof e.space == "number" ? e.space || 0 : 20, s = e.columns || [], m = e.stackColumnsAt || "tablet", S = function(t) {
+    return t.link ? e.builderLinkComponent || "a" : "div";
+  }, C = function(t) {
+    var n;
+    return ((n = s[t]) == null ? void 0 : n.width) || 100 / s.length;
+  }, x = function(t) {
+    const n = C(t), l = a * (s.length - 1) * (n / 100);
+    return `calc(${n}% - ${l}px)`;
+  }, c = function({
+    stackedStyle: t,
+    desktopStyle: n
+  }) {
+    return m === "tablet" ? t : n;
+  }, d = function({
+    stackedStyle: t,
+    desktopStyle: n
+  }) {
+    return m === "never" ? n : t;
+  }, u = e.stackColumnsAt === "never" ? "row" : e.reverseColumnsWhenStacked ? "column-reverse" : "column", p = function() {
+    return {
+      "--flex-dir": u,
+      "--flex-dir-tablet": c({
+        stackedStyle: u,
+        desktopStyle: "row"
+      })
+    };
+  }, v = function(t) {
+    const n = t === 0 ? 0 : a, l = x(t), o = `${n}px`, k = "100%", h = 0;
+    return {
+      ...{
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "stretch"
+      },
+      width: l,
+      ["marginLeft"]: o,
+      "--column-width-mobile": d({
+        stackedStyle: k,
+        desktopStyle: l
+      }),
+      "--column-margin-left-mobile": d({
+        stackedStyle: h,
+        desktopStyle: o
+      }),
+      "--column-width-tablet": c({
+        stackedStyle: k,
+        desktopStyle: l
+      }),
+      "--column-margin-left-tablet": c({
+        stackedStyle: h,
+        desktopStyle: o
+      })
+    };
+  }, b = function(t) {
+    var l, o;
+    return L(
+      ((o = (l = e.builderContext.content) == null ? void 0 : l.meta) == null ? void 0 : o.breakpoints) || {}
+    )[t].max;
+  }, w = function() {
+    const t = `.${e.builderBlock.id}-breakpoints > .builder-column`;
+    return `
+        @media (max-width: ${b("medium")}px) {
+          .${e.builderBlock.id}-breakpoints {
+            flex-direction: var(--flex-dir-tablet);
+            align-items: stretch;
+          }
+
+          ${t} {
+            width: var(--column-width-tablet) !important;
+            margin-left: var(--column-margin-left-tablet) !important;
+          }
+        }
+
+        @media (max-width: ${b("small")}px) {
+          .${e.builderBlock.id}-breakpoints {
+            flex-direction: var(--flex-dir);
+            align-items: stretch;
+          }
+
+          ${t} {
+            width: var(--column-width-mobile) !important;
+            margin-left: var(--column-margin-left-mobile) !important;
+          }
+        },
+      `;
+  }, $ = function(t, n) {
+    return {
+      ...t.link ? {
+        href: t.link
+      } : {},
+      [N()]: "builder-column",
+      style: T(v(n))
+    };
+  };
+  return /* @__PURE__ */ y(B, { children: [
+    /* @__PURE__ */ y(
+      "div",
+      {
+        className: D((f = e.builderBlock) == null ? void 0 : f.id) + " div-2cd13691",
+        style: p(),
+        children: [
+          /* @__PURE__ */ r(
+            A,
+            {
+              id: "builderio-columns",
+              styles: w(),
+              nonce: e.builderContext.nonce
+            }
+          ),
+          (g = e.columns) == null ? void 0 : g.map((i, t) => /* @__PURE__ */ r(
+            z,
+            {
+              TagName: S(i),
+              actionAttributes: {},
+              attributes: $(i, t),
+              children: /* @__PURE__ */ r(
+                W,
+                {
+                  path: `component.options.columns.${t}.blocks`,
+                  parent: e.builderBlock.id,
+                  styleProp: {
+                    flexGrow: "1"
+                  },
+                  context: e.builderContext,
+                  registeredComponents: e.builderComponents,
+                  linkComponent: e.builderLinkComponent,
+                  blocks: i.blocks
+                }
+              )
+            },
+            t
+          ))
+        ]
+      }
+    ),
+    /* @__PURE__ */ r("style", { children: `.div-2cd13691 {
+  display: flex;
+  line-height: normal;
+}` })
+  ] });
+}
+export {
+  q as default
+};

package/lib/edge/blocks/columns/component-info.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s={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:l=>{function t(){e.forEach(i=>{i.delete("width")})}const e=l.get("columns");Array.isArray(e)&&e.find(n=>n.get("width"))&&(e.find(o=>!o.get("width"))||e.reduce((a,r)=>a+r.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}],shouldReceiveBuilderProps:{builderBlock:!0,builderContext:!0,builderComponents:!0,builderLinkComponent:!0}};exports.componentInfo=s;

package/lib/edge/blocks/columns/component-info.mjs

@@ -0,0 +1,211 @@
+const p = {
+  // TODO: ways to statically preprocess JSON for references, functions, etc
+  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: 0.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: 0.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: 0.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: (l) => {
+      function t() {
+        e.forEach((i) => {
+          i.delete("width");
+        });
+      }
+      const e = l.get("columns");
+      Array.isArray(e) && e.find((n) => n.get("width")) && (e.find((o) => !o.get("width")) || e.reduce((a, r) => a + r.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
+  }],
+  shouldReceiveBuilderProps: {
+    builderBlock: !0,
+    builderContext: !0,
+    builderComponents: !0,
+    builderLinkComponent: !0
+  }
+};
+export {
+  p as componentInfo
+};

package/lib/edge/blocks/columns/helpers.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=e=>`builder-columns ${e}-breakpoints`;exports.getColumnsClass=s;

package/lib/edge/blocks/columns/helpers.mjs

@@ -0,0 +1,4 @@
+const e = (s) => `builder-columns ${s}-breakpoints`;
+export {
+  e as getColumnsClass
+};

package/lib/edge/blocks/custom-code/component-info.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={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}]};exports.componentInfo=e;

package/lib/edge/blocks/custom-code/component-info.mjs

@@ -0,0 +1,26 @@
+const e = {
+  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
+  }]
+};
+export {
+  e as componentInfo
+};

package/lib/edge/blocks/custom-code/custom-code.cjs

@@ -0,0 +1 @@
+"use client";"use strict";const p=require("react/jsx-runtime"),n=require("react");function l(r){const s=n.useRef(null),[i,d]=n.useState(()=>[]),[u,m]=n.useState(()=>[]);return n.useEffect(()=>{var a;if(!((a=s.current)!=null&&a.getElementsByTagName)||typeof window=="undefined")return;const o=s.current.getElementsByTagName("script");for(let c=0;c<o.length;c++){const e=o[c];if(e.src){if(i.includes(e.src))continue;i.push(e.src);const t=document.createElement("script");t.async=!0,t.src=e.src,document.head.appendChild(t)}else if(!e.type||["text/javascript","application/javascript","application/ecmascript"].includes(e.type)){if(u.includes(e.innerText))continue;try{u.push(e.innerText),new Function(e.innerText)()}catch(t){console.warn("`CustomCode`: Error running script:",t)}}}},[]),p.jsx("div",{ref:s,className:"builder-custom-code"+(r.replaceNodes?" replace-nodes":""),dangerouslySetInnerHTML:{__html:r.code}})}module.exports=l;

package/lib/edge/blocks/custom-code/custom-code.mjs

@@ -0,0 +1,44 @@
+"use client";
+import { jsx as p } from "react/jsx-runtime";
+import { useRef as l, useState as a, useEffect as d } from "react";
+function h(s) {
+  const n = l(null), [c, m] = a(() => []), [i, f] = a(() => []);
+  return d(() => {
+    var u;
+    if (!((u = n.current) != null && u.getElementsByTagName) || typeof window == "undefined")
+      return;
+    const o = n.current.getElementsByTagName("script");
+    for (let r = 0; r < o.length; r++) {
+      const e = o[r];
+      if (e.src) {
+        if (c.includes(e.src))
+          continue;
+        c.push(e.src);
+        const t = document.createElement("script");
+        t.async = !0, t.src = e.src, document.head.appendChild(t);
+      } else if (!e.type || [
+        "text/javascript",
+        "application/javascript",
+        "application/ecmascript"
+      ].includes(e.type)) {
+        if (i.includes(e.innerText))
+          continue;
+        try {
+          i.push(e.innerText), new Function(e.innerText)();
+        } catch (t) {
+          console.warn("`CustomCode`: Error running script:", t);
+        }
+      }
+    }
+  }, []), /* @__PURE__ */ p(
+    "div",
+    {
+      ref: n,
+      className: "builder-custom-code" + (s.replaceNodes ? " replace-nodes" : ""),
+      dangerouslySetInnerHTML: { __html: s.code }
+    }
+  );
+}
+export {
+  h as default
+};

package/lib/edge/blocks/embed/component-info.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"Embed",static:!0,inputs:[{name:"url",type:"url",required:!0,defaultValue:"",helperText:"e.g. enter a youtube url, google map, etc"},{name:"content",type:"html",defaultValue:'<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',hideFromUI:!0}]};exports.componentInfo=e;

package/lib/edge/blocks/embed/component-info.mjs

@@ -0,0 +1,19 @@
+const e = {
+  name: "Embed",
+  static: !0,
+  inputs: [{
+    name: "url",
+    type: "url",
+    required: !0,
+    defaultValue: "",
+    helperText: "e.g. enter a youtube url, google map, etc"
+  }, {
+    name: "content",
+    type: "html",
+    defaultValue: '<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',
+    hideFromUI: !0
+  }]
+};
+export {
+  e as componentInfo
+};

package/lib/edge/blocks/embed/embed.cjs

@@ -0,0 +1 @@
+"use client";"use strict";const d=require("react/jsx-runtime"),r=require("react"),m=require("./helpers.cjs");function f(a){const t=r.useRef(null),[c,S]=r.useState(()=>[]),[i,h]=r.useState(()=>[]),[u,l]=r.useState(()=>!1);function p(){if(!t.current||!t.current.getElementsByTagName)return;const o=t.current.getElementsByTagName("script");for(let s=0;s<o.length;s++){const e=o[s];if(e.src&&!c.includes(e.src)){c.push(e.src);const n=document.createElement("script");n.async=!0,n.src=e.src,document.head.appendChild(n)}else if(m.isJsScript(e)&&!i.includes(e.innerText))try{i.push(e.innerText),new Function(e.innerText)()}catch(n){console.warn("`Embed`: Error running script:",n)}}}return r.useEffect(()=>{t.current&&!u&&(l(!0),p())},[t.current,u]),d.jsx("div",{className:"builder-embed",ref:t,dangerouslySetInnerHTML:{__html:a.content}})}module.exports=f;

package/lib/edge/blocks/embed/embed.mjs

@@ -0,0 +1,38 @@
+"use client";
+import { jsx as m } from "react/jsx-runtime";
+import { useRef as d, useState as s, useEffect as f } from "react";
+import { isJsScript as g } from "./helpers.mjs";
+function y(l) {
+  const t = d(null), [c, h] = s(() => []), [i, E] = s(() => []), [u, p] = s(() => !1);
+  function a() {
+    if (!t.current || !t.current.getElementsByTagName)
+      return;
+    const o = t.current.getElementsByTagName("script");
+    for (let r = 0; r < o.length; r++) {
+      const e = o[r];
+      if (e.src && !c.includes(e.src)) {
+        c.push(e.src);
+        const n = document.createElement("script");
+        n.async = !0, n.src = e.src, document.head.appendChild(n);
+      } else if (g(e) && !i.includes(e.innerText))
+        try {
+          i.push(e.innerText), new Function(e.innerText)();
+        } catch (n) {
+          console.warn("`Embed`: Error running script:", n);
+        }
+    }
+  }
+  return f(() => {
+    t.current && !u && (p(!0), a());
+  }, [t.current, u]), /* @__PURE__ */ m(
+    "div",
+    {
+      className: "builder-embed",
+      ref: t,
+      dangerouslySetInnerHTML: { __html: l.content }
+    }
+  );
+}
+export {
+  y as default
+};

package/lib/edge/blocks/embed/helpers.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=["text/javascript","application/javascript","application/ecmascript"],c=t=>i.includes(t.type);exports.isJsScript=c;

package/lib/edge/blocks/embed/helpers.mjs

@@ -0,0 +1,4 @@
+const c = ["text/javascript", "application/javascript", "application/ecmascript"], i = (t) => c.includes(t.type);
+export {
+  i as isJsScript
+};

package/lib/edge/blocks/fragment/component-info.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"Fragment",static:!0,hidden:!0,canHaveChildren:!0,noWrap:!0};exports.componentInfo=e;

package/lib/edge/blocks/fragment/component-info.mjs

@@ -0,0 +1,10 @@
+const e = {
+  name: "Fragment",
+  static: !0,
+  hidden: !0,
+  canHaveChildren: !0,
+  noWrap: !0
+};
+export {
+  e as componentInfo
+};

package/lib/edge/blocks/fragment/fragment.cjs

@@ -0,0 +1 @@
+"use client";"use strict";const n=require("react/jsx-runtime");function t(e){return n.jsx("span",{children:e.children})}module.exports=t;

package/lib/edge/blocks/fragment/fragment.mjs

@@ -0,0 +1,8 @@
+"use client";
+import { jsx as e } from "react/jsx-runtime";
+function t(n) {
+  return /* @__PURE__ */ e("span", { children: n.children });
+}
+export {
+  t as default
+};

package/lib/edge/blocks/image/component-info.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p={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","webp"],required:!0,defaultValue:"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F72c80f114dc149019051b6852a9e3b7a",onChange:t=>{t.delete("srcset"),t.delete("noWebp");function s(e,o=6e4){return new Promise((u,n)=>{const i=document.createElement("img");let l=!1;i.onload=()=>{l=!0,u(i)},i.addEventListener("error",d=>{console.warn("Image load failed",d.error),n(d.error)}),i.src=e,setTimeout(()=>{l||n(new Error("Image load timed out"))},o)})}function h(e){return Math.round(e*1e3)/1e3}const a=t.get("image"),r=t.get("aspectRatio");if(fetch(a).then(e=>e.blob()).then(e=>{e.type.includes("svg")&&t.set("noWebp",!0)}),a&&(!r||r===.7041))return s(a).then(e=>{const o=t.get("aspectRatio");t.get("image")===a&&(!o||o===.7041)&&e.width&&e.height&&(t.set("aspectRatio",h(e.height/e.width)),t.set("height",e.height),t.set("width",e.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:"highPriority",type:"boolean",advanced:!0,helperText:"Mark this image as high priority compared to other images on the page. This prevents lazy loading of the image and tells the browser to load this image before others on the page."},{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}],shouldReceiveBuilderProps:{builderBlock:!0}};exports.componentInfo=p;