@builder.io/sdk-react 1.0.2 → 1.0.4

package/lib/edge/content-variants-cdcbcdd8.js

@@ -0,0 +1,1711 @@
+"use client";
+import { jsx as g, Fragment as w, jsxs as U } from "react/jsx-runtime";
+import { lazy as C, useRef as se, useState as y, useEffect as b, createElement as le } from "react";
+import { h as L, T as ee, i as P, j as W, k as z, a as de, l as ce, m as ue, n as me, o as pe, p as ge, c as fe, e as he, q as be, u as J, v as ye } from "./server-entry-e0830caf.js";
+import { Video as xe, Button as ve, Columns as Se, Fragment as Ie, Image as ke, Section as Ce, Symbol as Te, Text as we } from "./blocks-exports.mjs";
+import { b as Ve, t as Re, e as Y, I as te, C as Ee, B as Fe } from "./blocks-0fc8e8d2.js";
+import "./get-class-prop-name-f22d7d53.js";
+import "./dynamic-renderer-b5124984.js";
+const We = {
+  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
+}, Ae = {
+  // 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: (e) => {
+      function t() {
+        n.forEach((o) => {
+          o.delete("width");
+        });
+      }
+      const n = e.get("columns");
+      Array.isArray(n) && n.find((d) => d.get("width")) && (n.find((u) => !u.get("width")) || n.reduce((m, l) => m + 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
+  }]
+}, Pe = {
+  name: "Fragment",
+  static: !0,
+  hidden: !0,
+  canHaveChildren: !0,
+  noWrap: !0
+}, Ue = {
+  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(r, m = 6e4) {
+        return new Promise((l, f) => {
+          const x = document.createElement("img");
+          let I = !1;
+          x.onload = () => {
+            I = !0, l(x);
+          }, x.addEventListener("error", (k) => {
+            console.warn("Image load failed", k.error), f(k.error);
+          }), x.src = r, setTimeout(() => {
+            I || f(new Error("Image load timed out"));
+          }, m);
+        });
+      }
+      function o(r) {
+        return Math.round(r * 1e3) / 1e3;
+      }
+      const d = e.get("image"), u = e.get("aspectRatio");
+      if (fetch(d).then((r) => r.blob()).then((r) => {
+        r.type.includes("svg") && e.set("noWebp", !0);
+      }), d && (!u || u === 0.7041))
+        return n(d).then((r) => {
+          const m = e.get("aspectRatio");
+          e.get("image") === d && (!m || m === 0.7041) && r.width && r.height && (e.set("aspectRatio", o(r.height / r.width)), e.set("height", r.height), e.set("width", r.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: 0.7041
+  }]
+}, Le = {
+  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>"
+      }
+    }
+  }]
+}, $e = {
+  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",
+  // Maybe wrap this for canHaveChildren so bind children to this hm
+  inputs: [{
+    name: "name",
+    type: "string",
+    required: !0,
+    defaultValue: "children"
+  }]
+}, He = C(() => import("./slot-eb244885.js")), De = {
+  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"
+  }]
+}, je = {
+  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"
+  }
+}, qe = {
+  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
+  }]
+}, Ke = C(() => import("./custom-code-33b73ed1.js")), _e = {
+  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
+  }]
+}, Be = C(() => import("./embed-11e03fa7.js")), Me = {
+  name: "Form:Form",
+  // editableTags: ['builder-form-error']
+  defaults: {
+    responsiveStyles: {
+      large: {
+        marginTop: "15px",
+        paddingBottom: "15px"
+      }
+    }
+  },
+  image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fef36d2a846134910b64b88e6d18c5ca5",
+  inputs: [{
+    name: "sendSubmissionsTo",
+    type: "string",
+    // TODO: save to builder data and user can download as csv
+    // TODO: easy for mode too or computed add/remove fields form mode
+    // so you can edit details and high level mode at same time...
+    // Later - more integrations like mailchimp
+    // /api/v1/form-submit?to=mailchimp
+    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,
+    // TODO: required: () => options.get("sendSubmissionsTo") === "email"
+    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"
+    // advanced: true
+  }, {
+    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,
+    // TODO: do automatically if file input
+    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",
+    // TODO: persist: false flag
+    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"
+      }
+    }
+  }]
+}, Ne = C(() => import("./form-fb5fd55e.js")), Oe = {
+  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"
+    },
+    // TODO: handle value vs default value automatically like ng-model
+    {
+      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"
+  }
+}, ze = C(() => import("./input-526ea905.js")), Je = {
+  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
+}, Ye = C(() => import("./select-17802399.js")), Qe = {
+  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
+  // TODO: optional children? maybe as optional form input
+  // that only shows if advanced setting is flipped
+  // TODO: defaultChildren
+  // canHaveChildren: true,
+}, Ge = C(() => import("./submit-button-71dd4015.js")), Xe = {
+  // friendlyName?
+  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
+}, Ze = C(() => import("./img-317659e2.js")), et = {
+  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: 0.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
+  }]
+}, tt = () => [{
+  component: Ke,
+  ...qe
+}, {
+  component: Be,
+  ..._e
+}, {
+  component: Ne,
+  ...Me
+}, {
+  component: ze,
+  ...Oe
+}, {
+  component: Ge,
+  ...Qe
+}, {
+  component: Ye,
+  ...Je
+}, {
+  component: Ze,
+  ...Xe
+}, {
+  component: xe,
+  ...et
+}], Q = () => [{
+  component: ve,
+  ...We
+}, {
+  component: Se,
+  ...Ae
+}, {
+  component: Ie,
+  ...Pe
+}, {
+  component: ke,
+  ...Ue
+}, {
+  component: Ce,
+  ...Le
+}, {
+  component: He,
+  ...$e
+}, {
+  component: Te,
+  ...De
+}, {
+  component: we,
+  ...je
+}, ...tt()], nt = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
+  function getAndSetVariantId() {
+    function setCookie(name, value, days) {
+      let expires = '';
+      if (days) {
+        const date = new Date();
+        date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000);
+        expires = '; expires=' + date.toUTCString();
+      }
+      document.cookie = name + '=' + (value || '') + expires + '; path=/' + '; Secure; SameSite=None';
+    }
+    function getCookie(name) {
+      const nameEQ = name + '=';
+      const ca = document.cookie.split(';');
+      for (let i = 0; i < ca.length; i++) {
+        let c = ca[i];
+        while (c.charAt(0) === ' ') c = c.substring(1, c.length);
+        if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);
+      }
+      return null;
+    }
+    const cookieName = \`builder.tests.\${contentId}\`;
+    const variantInCookie = getCookie(cookieName);
+    const availableIDs = variants.map(vr => vr.id).concat(contentId);
+    if (variantInCookie && availableIDs.includes(variantInCookie)) {
+      return variantInCookie;
+    }
+    let n = 0;
+    const random = Math.random();
+    for (let i = 0; i < variants.length; i++) {
+      const variant = variants[i];
+      const testRatio = variant.testRatio;
+      n += testRatio;
+      if (random < n) {
+        setCookie(cookieName, variant.id);
+        return variant.id;
+      }
+    }
+    setCookie(cookieName, contentId);
+    return contentId;
+  }
+  const winningVariantId = getAndSetVariantId();
+  const styleEl = document.currentScript?.previousElementSibling;
+  if (isHydrationTarget) {
+    styleEl.remove();
+    const thisScriptEl = document.currentScript;
+    thisScriptEl?.remove();
+  } else {
+    const newStyleStr = variants.concat({
+      id: contentId
+    }).filter(variant => variant.id !== winningVariantId).map(value => {
+      return \`.variant-\${value.id} {  display: none; }
+        \`;
+    }).join('');
+    styleEl.innerHTML = newStyleStr;
+  }
+}`, at = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
+  if (!navigator.cookieEnabled) {
+    return;
+  }
+  function getCookie(name) {
+    const nameEQ = name + '=';
+    const ca = document.cookie.split(';');
+    for (let i = 0; i < ca.length; i++) {
+      let c = ca[i];
+      while (c.charAt(0) === ' ') c = c.substring(1, c.length);
+      if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);
+    }
+    return null;
+  }
+  const cookieName = \`builder.tests.\${defaultContentId}\`;
+  const winningVariant = getCookie(cookieName);
+  const parentDiv = document.currentScript?.parentElement;
+  const isDefaultContent = variantContentId === defaultContentId;
+  const isWinningVariant = winningVariant === variantContentId;
+  if (isWinningVariant && !isDefaultContent) {
+    parentDiv?.removeAttribute('hidden');
+    parentDiv?.removeAttribute('aria-hidden');
+  } else if (!isWinningVariant && isDefaultContent) {
+    parentDiv?.setAttribute('hidden', 'true');
+    parentDiv?.setAttribute('aria-hidden', 'true');
+  }
+  if (isHydrationTarget) {
+    if (!isWinningVariant) {
+      parentDiv?.remove();
+    }
+    const thisScriptEl = document.currentScript;
+    thisScriptEl?.remove();
+  }
+  return;
+}`, ne = "builderIoAbTest", ae = "builderIoRenderContent", F = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
+  ...t,
+  testVariationId: t.id,
+  id: e == null ? void 0 : e.id
+})), it = ({
+  canTrack: e,
+  content: t
+}) => !(!(F(t).length > 0) || !e || L()), ot = (e) => e === "react" || e === "reactNative", ie = ot(ee), rt = () => `
+  window.${ne} = ${nt}
+  window.${ae} = ${at}
+  `, st = (e, t) => `
+  window.${ne}(
+    "${t}",${JSON.stringify(e)}, ${ie}
+  )`, lt = ({
+  contentId: e,
+  variationId: t
+}) => `window.${ae}(
+    "${t}", "${e}", ${ie}
+  )`;
+function $(e) {
+  return /* @__PURE__ */ g(
+    "script",
+    {
+      dangerouslySetInnerHTML: { __html: e.scriptStr },
+      id: e.id || ""
+    }
+  );
+}
+function G(e) {
+  return Math.round(e * 1e3) / 1e3;
+}
+const dt = (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;
+}, ct = (e) => dt(e, (t) => {
+  const n = t.getAttribute("builder-id") || t.id;
+  return (n == null ? void 0 : n.indexOf("builder-")) === 0;
+}), X = ({
+  event: e,
+  target: t
+}) => {
+  const n = t.getBoundingClientRect(), o = e.clientX - n.left, d = e.clientY - n.top, u = G(o / n.width), r = G(d / n.height);
+  return {
+    x: u,
+    y: r
+  };
+}, ut = (e) => {
+  const t = e.target, n = t && ct(t), o = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
+  return {
+    targetBuilderElement: o || void 0,
+    metadata: {
+      targetOffset: t ? X({
+        event: e,
+        target: t
+      }) : void 0,
+      builderTargetOffset: n ? X({
+        event: e,
+        target: n
+      }) : void 0,
+      builderElementIndex: n && o ? [].slice.call(document.getElementsByClassName(o)).indexOf(n) : void 0
+    }
+  };
+};
+function mt(e) {
+  var q, K, _, B, M, N, O;
+  const t = se(null), [n, o] = y(() => 0);
+  y(() => !0);
+  function d(a) {
+    var s, c;
+    const i = {
+      ...e.builderContextSignal.rootState,
+      ...a
+    };
+    e.builderContextSignal.rootSetState ? (c = (s = e.builderContextSignal).rootSetState) == null || c.call(s, i) : e.setBuilderContextSignal((p) => ({
+      ...p,
+      rootState: i
+    }));
+  }
+  function u(a) {
+    var s, c, p, h, E;
+    const i = {
+      ...e.builderContextSignal.content,
+      ...a,
+      data: {
+        ...(s = e.builderContextSignal.content) == null ? void 0 : s.data,
+        ...a == null ? void 0 : a.data
+      },
+      meta: {
+        ...(c = e.builderContextSignal.content) == null ? void 0 : c.meta,
+        ...a == null ? void 0 : a.meta,
+        breakpoints: ((p = a == null ? void 0 : a.meta) == null ? void 0 : p.breakpoints) || ((E = (h = e.builderContextSignal.content) == null ? void 0 : h.meta) == null ? void 0 : E.breakpoints)
+      }
+    };
+    e.setBuilderContextSignal((re) => ({
+      ...re,
+      content: i
+    }));
+  }
+  y(() => 0);
+  const [r, m] = y(
+    () => !1
+  ), [l, f] = y(
+    () => e.contentWrapper || "div"
+  );
+  function x(a) {
+    return ue({
+      model: e.model,
+      trustedHosts: e.trustedHosts,
+      callbacks: {
+        configureSdk: (i) => {
+          var p;
+          const { breakpoints: s, contentId: c } = i;
+          !c || c !== ((p = e.builderContextSignal.content) == null ? void 0 : p.id) || s && (u({
+            meta: {
+              breakpoints: s
+            }
+          }), o(n + 1));
+        },
+        animation: (i) => {
+          Re(i);
+        },
+        contentUpdate: (i) => {
+          u(i), o(n + 1);
+        }
+      }
+    })(a);
+  }
+  function I() {
+    var i, s;
+    const a = (s = (i = e.builderContextSignal.content) == null ? void 0 : i.data) == null ? void 0 : s.jsCode;
+    a && Y({
+      code: a,
+      context: e.context || {},
+      localState: void 0,
+      rootState: e.builderContextSignal.rootState,
+      rootSetState: e.builderContextSignal.rootSetState
+    });
+  }
+  const [k, A] = y(() => ({})), [V, v] = y(() => !1);
+  function S(a) {
+    var i, s;
+    if (e.builderContextSignal.content) {
+      const c = (i = e.builderContextSignal.content) == null ? void 0 : i.testVariationId, p = (s = e.builderContextSignal.content) == null ? void 0 : s.id;
+      z({
+        type: "click",
+        canTrack: W(e.canTrack),
+        contentId: p,
+        apiKey: e.apiKey,
+        variationId: c !== p ? c : void 0,
+        ...ut(a),
+        unique: !V
+      });
+    }
+    V || v(!0);
+  }
+  function T(a) {
+    return a.replace(
+      /{{([^}]+)}}/g,
+      (i, s) => Y({
+        code: s,
+        context: e.context || {},
+        localState: void 0,
+        rootState: e.builderContextSignal.rootState,
+        rootSetState: e.builderContextSignal.rootSetState
+      })
+    );
+  }
+  function oe({ url: a, key: i }) {
+    be(a).then((s) => s.json()).then((s) => {
+      var p, h;
+      const c = {
+        ...e.builderContextSignal.rootState,
+        [i]: s
+      };
+      (h = (p = e.builderContextSignal).rootSetState) == null || h.call(p, c), k[i] = !0;
+    }).catch((s) => {
+      console.error("error fetching dynamic data", a, s);
+    });
+  }
+  function H() {
+    var i, s, c;
+    const a = (c = (s = (i = e.builderContextSignal.content) == null ? void 0 : i.data) == null ? void 0 : s.httpRequests) != null ? c : {};
+    Object.entries(a).forEach(([p, h]) => {
+      if (h && (!k[p] || P())) {
+        const E = T(h);
+        oe({
+          url: E,
+          key: p
+        });
+      }
+    });
+  }
+  function R() {
+    P() && window.dispatchEvent(
+      new CustomEvent(
+        "builder:component:stateChange",
+        {
+          detail: {
+            state: me(e.builderContextSignal.rootState),
+            ref: {
+              name: e.model
+            }
+          }
+        }
+      )
+    );
+  }
+  function D(a) {
+    o(n + 1), window.addEventListener("message", x), pe(), ge({
+      ...e.locale ? {
+        locale: e.locale
+      } : {},
+      ...e.enrich ? {
+        enrich: e.enrich
+      } : {},
+      ...e.trustedHosts ? {
+        trustedHosts: e.trustedHosts
+      } : {}
+    }), Object.values(
+      e.builderContextSignal.componentInfos
+    ).forEach((i) => {
+      var c;
+      const s = fe(i);
+      (c = window.parent) == null || c.postMessage(s, "*");
+    }), window.addEventListener(
+      "builder:component:stateChangeListenerActivated",
+      R
+    );
+  }
+  function j(a) {
+    const i = new URL(location.href).searchParams, s = i.get("builder.preview"), c = i.get(
+      `builder.preview.${s}`
+    ), p = i.get("apiKey") || i.get("builder.space");
+    s === e.model && p === e.apiKey && (!e.content || c === e.content.id) && he({
+      model: e.model,
+      apiKey: e.apiKey,
+      apiVersion: e.builderContextSignal.apiVersion
+    }).then((h) => {
+      h && u(h);
+    });
+  }
+  return b(() => {
+    var a;
+    return (a = t.current) == null || a.addEventListener(
+      "initeditingbldr",
+      D
+    ), () => {
+      var i;
+      return (i = t.current) == null ? void 0 : i.removeEventListener(
+        "initeditingbldr",
+        D
+      );
+    };
+  }, []), b(() => {
+    var a;
+    return (a = t.current) == null || a.addEventListener(
+      "initpreviewingbldr",
+      j
+    ), () => {
+      var i;
+      return (i = t.current) == null ? void 0 : i.removeEventListener(
+        "initpreviewingbldr",
+        j
+      );
+    };
+  }, []), b(() => {
+    var a, i;
+    if (L()) {
+      if (P() && t.current && t.current.dispatchEvent(new CustomEvent("initeditingbldr")), e.builderContextSignal.content && W(e.canTrack)) {
+        const c = (a = e.builderContextSignal.content) == null ? void 0 : a.testVariationId, p = (i = e.builderContextSignal.content) == null ? void 0 : i.id, h = e.apiKey;
+        z({
+          type: "impression",
+          canTrack: !0,
+          contentId: p,
+          apiKey: h,
+          variationId: c !== p ? c : void 0
+        });
+      }
+      de() && t.current && t.current.dispatchEvent(new CustomEvent("initpreviewingbldr"));
+    }
+  }, []), b(() => {
+    e.apiKey || ce.error(
+      "No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop."
+    ), I(), H(), R();
+  }, []), b(() => {
+    e.content && u(e.content);
+  }, [e.content]), b(() => {
+  }, [r]), b(() => {
+    I();
+  }, [(K = (q = e.builderContextSignal.content) == null ? void 0 : q.data) == null ? void 0 : K.jsCode]), b(() => {
+    H();
+  }, [(B = (_ = e.builderContextSignal.content) == null ? void 0 : _.data) == null ? void 0 : B.httpRequests]), b(() => {
+    R();
+  }, [e.builderContextSignal.rootState]), b(() => {
+    e.data && d(e.data);
+  }, [e.data]), b(() => {
+    e.locale && d({
+      locale: e.locale
+    });
+  }, [e.locale]), b(() => () => {
+    L() && (window.removeEventListener("message", x), window.removeEventListener(
+      "builder:component:stateChangeListenerActivated",
+      R
+    ));
+  }, []), /* @__PURE__ */ g(Ve.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content ? /* @__PURE__ */ g(w, { children: /* @__PURE__ */ le(
+    l,
+    {
+      key: n,
+      ref: t,
+      onClick: (a) => S(a),
+      "builder-content-id": (M = e.builderContextSignal.content) == null ? void 0 : M.id,
+      "builder-model": e.model,
+      ...e.showContent ? {} : {
+        hidden: !0,
+        "aria-hidden": !0
+      },
+      ...e.contentWrapperProps,
+      className: `variant-${((N = e.content) == null ? void 0 : N.testVariationId) || ((O = e.content) == null ? void 0 : O.id)}`
+    },
+    e.children
+  ) }) : null });
+}
+const pt = (e) => {
+  var u, r;
+  const t = e.family + (e.kind && !e.kind.includes("#") ? ", " + e.kind : ""), n = t.split(",")[0], o = (r = e.fileUrl) != null ? r : (u = e == null ? void 0 : e.files) == null ? void 0 : u.regular;
+  let d = "";
+  if (o && t && n && (d += `
+@font-face {
+font-family: "${t}";
+src: local("${n}"), url('${o}') format('woff2');
+font-display: fallback;
+font-weight: 400;
+}
+      `.trim()), e.files)
+    for (const m in e.files) {
+      if (!(String(Number(m)) === m))
+        continue;
+      const f = e.files[m];
+      f && f !== o && (d += `
+@font-face {
+font-family: "${t}";
+src: url('${f}') format('woff2');
+font-display: fallback;
+font-weight: ${m};
+}
+        `.trim());
+    }
+  return d;
+}, gt = ({
+  customFonts: e
+}) => {
+  var t;
+  return ((t = e == null ? void 0 : e.map((n) => pt(n))) == null ? void 0 : t.join(" ")) || "";
+}, ft = ({
+  cssCode: e,
+  contentId: t
+}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "";
+function ht(e) {
+  const [t, n] = y(
+    () => `
+${ft({
+      cssCode: e.cssCode,
+      contentId: e.contentId
+    })}
+${gt({
+      customFonts: e.customFonts
+    })}
+
+.builder-button {
+  all: unset;
+}
+
+.builder-text > p:first-of-type, .builder-text > .builder-paragraph:first-of-type {
+  margin: 0;
+}
+.builder-text > p, .builder-text > .builder-paragraph {
+  color: inherit;
+  line-height: inherit;
+  letter-spacing: inherit;
+  font-weight: inherit;
+  font-size: inherit;
+  text-align: inherit;
+  font-family: inherit;
+}
+`.trim()
+  );
+  return /* @__PURE__ */ g(te, { styles: t });
+}
+const bt = ({
+  content: e,
+  data: t,
+  locale: n
+}) => {
+  var u, r, m;
+  const o = {}, d = ((u = e == null ? void 0 : e.data) == null ? void 0 : u.state) || {};
+  return (m = (r = e == null ? void 0 : e.data) == null ? void 0 : r.inputs) == null || m.forEach((l) => {
+    l.name && l.defaultValue !== void 0 && (o[l.name] = l.defaultValue);
+  }), {
+    ...o,
+    ...d,
+    ...t,
+    ...n ? {
+      locale: n
+    } : {}
+  };
+}, yt = ({
+  content: e,
+  data: t
+}) => e ? {
+  ...e,
+  data: {
+    ...e == null ? void 0 : e.data,
+    ...t
+  },
+  meta: e == null ? void 0 : e.meta
+} : void 0;
+function Z(e) {
+  var l, f, x, I, k, A, V;
+  const [t, n] = y(
+    () => {
+      var v, S;
+      return lt({
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
+        variationId: (v = e.content) == null ? void 0 : v.testVariationId,
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
+        contentId: (S = e.content) == null ? void 0 : S.id
+      });
+    }
+  );
+  function o(v) {
+    m((S) => ({
+      ...S,
+      rootState: v
+    }));
+  }
+  const [d, u] = y(
+    () => [
+      ...Q(),
+      ...e.customComponents || []
+    ].reduce(
+      (v, { component: S, ...T }) => ({
+        ...v,
+        [T.name]: {
+          component: S,
+          ...J(T)
+        }
+      }),
+      {}
+    )
+  ), [r, m] = y(() => ({
+    content: yt({
+      content: e.content,
+      data: e.data
+    }),
+    localState: void 0,
+    rootState: bt({
+      content: e.content,
+      data: e.data,
+      locale: e.locale
+    }),
+    rootSetState: o,
+    context: e.context || {},
+    apiKey: e.apiKey,
+    apiVersion: e.apiVersion,
+    componentInfos: [
+      ...Q(),
+      ...e.customComponents || []
+    ].reduce(
+      (v, { component: S, ...T }) => ({
+        ...v,
+        [T.name]: J(T)
+      }),
+      {}
+    ),
+    inheritedStyles: {},
+    BlocksWrapper: e.blocksWrapper || "div",
+    BlocksWrapperProps: e.blocksWrapperProps || {}
+  }));
+  return /* @__PURE__ */ g(
+    Ee.Provider,
+    {
+      value: {
+        registeredComponents: d
+      },
+      children: /* @__PURE__ */ U(
+        mt,
+        {
+          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: r,
+          contentWrapper: e.contentWrapper,
+          contentWrapperProps: e.contentWrapperProps,
+          linkComponent: e.linkComponent,
+          trustedHosts: e.trustedHosts,
+          setBuilderContextSignal: m,
+          children: [
+            e.isSsrAbTest ? /* @__PURE__ */ g(w, { children: /* @__PURE__ */ g($, { scriptStr: t }) }) : null,
+            /* @__PURE__ */ g(w, { children: /* @__PURE__ */ g(
+              ht,
+              {
+                contentId: (l = r.content) == null ? void 0 : l.id,
+                cssCode: (x = (f = r.content) == null ? void 0 : f.data) == null ? void 0 : x.cssCode,
+                customFonts: (k = (I = r.content) == null ? void 0 : I.data) == null ? void 0 : k.customFonts
+              }
+            ) }),
+            /* @__PURE__ */ g(
+              Fe,
+              {
+                blocks: (V = (A = r.content) == null ? void 0 : A.data) == null ? void 0 : V.blocks,
+                context: r,
+                registeredComponents: d,
+                linkComponent: e.linkComponent
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}
+function wt(e) {
+  var r, m;
+  const [t, n] = y(
+    () => it({
+      canTrack: W(e.canTrack),
+      content: e.content
+    })
+  );
+  function o() {
+    var l;
+    return st(
+      F(e.content).map((f) => ({
+        id: f.testVariationId,
+        testRatio: f.testRatio
+      })),
+      ((l = e.content) == null ? void 0 : l.id) || ""
+    );
+  }
+  function d() {
+    return F(e.content).map((l) => `.variant-${l.testVariationId} { display: none; } `).join("");
+  }
+  function u() {
+    var l;
+    return t ? {
+      ...e.content,
+      testVariationId: (l = e.content) == null ? void 0 : l.id
+    } : ye({
+      item: e.content,
+      canTrack: W(e.canTrack)
+    });
+  }
+  return b(() => {
+  }, []), /* @__PURE__ */ U(w, { children: [
+    !e.__isNestedRender && ee !== "reactNative" ? /* @__PURE__ */ g(w, { children: /* @__PURE__ */ g($, { scriptStr: rt() }) }) : null,
+    t ? /* @__PURE__ */ U(w, { children: [
+      /* @__PURE__ */ g(
+        te,
+        {
+          id: `variants-styles-${(r = e.content) == null ? void 0 : r.id}`,
+          styles: d()
+        }
+      ),
+      /* @__PURE__ */ g($, { scriptStr: o() }),
+      (m = F(e.content)) == null ? void 0 : m.map((l) => /* @__PURE__ */ g(
+        Z,
+        {
+          content: l,
+          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
+        },
+        l.testVariationId
+      ))
+    ] }) : null,
+    /* @__PURE__ */ g(
+      Z,
+      {
+        content: u(),
+        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
+      }
+    )
+  ] });
+}
+export {
+  wt as default
+};