@builder.io/sdk-qwik 0.13.0 → 0.13.2

package/lib/edge/index.qwik.mjs

@@ -1,4 +1,4 @@
-import { componentQrl, inlinedQrl, _jsxBranch, _jsxC, Slot as Slot$1, _fnSignal, _IMMUTABLE, createContextId, _jsxQ, useComputedQrl, useLexicalScope, useStore, useContextProvider, useVisibleTaskQrl, _wrapProp, useStylesScopedQrl, useContext, Fragment as Fragment$1, _jsxS, useSignal, useOn, useTaskQrl, createElement } from "@builder.io/qwik";
+import { componentQrl, inlinedQrl, _jsxBranch, _jsxC, Slot as Slot$1, _fnSignal, _IMMUTABLE, createContextId, _jsxQ, useComputedQrl, useLexicalScope, useStore, useContextProvider, useVisibleTaskQrl, _wrapProp, useStylesScopedQrl, useContext, Fragment as Fragment$1, _jsxS, useSignal, useOn, useTaskQrl, createElement, _wrapSignal } from "@builder.io/qwik";
 import { Fragment } from "@builder.io/qwik/jsx-runtime";
 import { isBrowser as isBrowser$1 } from "@builder.io/qwik/build";
 const EMPTY_HTML_ELEMENTS = /* @__PURE__ */ new Set([
@@ -4255,7 +4255,7 @@ const Block = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
     repeatItem
   ]));
   const componentRefProps = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
-    var _a2, _b, _c, _d, _e, _f, _g, _h;
+    var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j;
     const [blockComponent2, processedBlock2, props2, state2] = useLexicalScope();
     return {
       blockChildren: processedBlock2.value.children ?? [],
@@ -4263,10 +4263,10 @@ const Block = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
       componentOptions: {
         ...getBlockComponentOptions(processedBlock2.value),
         builderContext: props2.context,
-        ...((_b = blockComponent2.value) == null ? void 0 : _b.name) === "Core:Button" || ((_c = blockComponent2.value) == null ? void 0 : _c.name) === "Symbol" || ((_d = blockComponent2.value) == null ? void 0 : _d.name) === "Columns" ? {
+        ...((_b = blockComponent2.value) == null ? void 0 : _b.name) === "Core:Button" || ((_c = blockComponent2.value) == null ? void 0 : _c.name) === "Symbol" || ((_d = blockComponent2.value) == null ? void 0 : _d.name) === "Columns" || ((_e = blockComponent2.value) == null ? void 0 : _e.name) === "Form:Form" ? {
           builderLinkComponent: props2.linkComponent
         } : {},
-        ...((_e = blockComponent2.value) == null ? void 0 : _e.name) === "Symbol" || ((_f = blockComponent2.value) == null ? void 0 : _f.name) === "Columns" ? {
+        ...((_f = blockComponent2.value) == null ? void 0 : _f.name) === "Symbol" || ((_g = blockComponent2.value) == null ? void 0 : _g.name) === "Columns" || ((_h = blockComponent2.value) == null ? void 0 : _h.name) === "Form:Form" ? {
           builderComponents: props2.registeredComponents
         } : {}
       },
@@ -4274,8 +4274,8 @@ const Block = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
       linkComponent: props2.linkComponent,
       registeredComponents: props2.registeredComponents,
       builderBlock: processedBlock2.value,
-      includeBlockProps: ((_g = blockComponent2.value) == null ? void 0 : _g.noWrap) === true,
-      isInteractive: !((_h = blockComponent2.value) == null ? void 0 : _h.isRSC)
+      includeBlockProps: ((_i = blockComponent2.value) == null ? void 0 : _i.noWrap) === true,
+      isInteractive: !((_j = blockComponent2.value) == null ? void 0 : _j.isRSC)
     };
   }, "Block_component_componentRefProps_useComputed_Ikbl8VO04ho", [
     blockComponent,
@@ -4536,7 +4536,7 @@ const onMouseEnter = function onMouseEnter2(props, state) {
     }, "*");
 };
 const BlocksWrapper = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
-  useStylesScopedQrl(/* @__PURE__ */ inlinedQrl(STYLES$2, "BlocksWrapper_component_useStylesScoped_Kj0S9AOXQ0o"));
+  useStylesScopedQrl(/* @__PURE__ */ inlinedQrl(STYLES$3, "BlocksWrapper_component_useStylesScoped_Kj0S9AOXQ0o"));
   const className = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
     var _a;
     const [props2] = useLexicalScope();
@@ -4597,7 +4597,7 @@ const BlocksWrapper = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((p
     }
   }, 0, "3u_1");
 }, "BlocksWrapper_component_45hR0o6abzg"));
-const STYLES$2 = `
+const STYLES$3 = `
 .props-blocks-wrapper-BlocksWrapper {
   display: flex;
   flex-direction: column;
@@ -4747,7 +4747,7 @@ const Columns = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props)
     gutterSize: typeof props.space === "number" ? props.space || 0 : 20,
     stackAt: props.stackColumnsAt || "tablet"
   });
-  useStylesScopedQrl(/* @__PURE__ */ inlinedQrl(STYLES$1, "Columns_component_useStylesScoped_s7JLZz7MCCQ"));
+  useStylesScopedQrl(/* @__PURE__ */ inlinedQrl(STYLES$2, "Columns_component_useStylesScoped_s7JLZz7MCCQ"));
   const columnsCssVars = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
     const [props2, state2] = useLexicalScope();
     return {
@@ -4864,7 +4864,7 @@ const Columns = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props)
     })
   ], 1, "c0_2");
 }, "Columns_component_7yLj4bxdI6c"));
-const STYLES$1 = `
+const STYLES$2 = `
 .div-Columns {
   display: flex;
   line-height: normal;
@@ -4930,7 +4930,7 @@ function getSrcSet(url) {
 const Image = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
   var _a, _b, _c, _d;
   _jsxBranch();
-  useStylesScopedQrl(/* @__PURE__ */ inlinedQrl(STYLES, "Image_component_useStylesScoped_fBMYiVf9fuU"));
+  useStylesScopedQrl(/* @__PURE__ */ inlinedQrl(STYLES$1, "Image_component_useStylesScoped_fBMYiVf9fuU"));
   const srcSetToUse = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
     var _a2;
     const [props2] = useLexicalScope();
@@ -5030,7 +5030,7 @@ const Image = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
     ]
   }, 1, "0A_5");
 }, "Image_component_LRxDkFa1EfU"));
-const STYLES = `
+const STYLES$1 = `
 .img-Image {
   opacity: 1;
   transition: opacity 0.2s ease-in-out;
@@ -5243,7 +5243,7 @@ const handleABTesting = async ({ item, canTrack }) => {
   };
 };
 const getDefaultCanTrack = (canTrack) => checkIsDefined(canTrack) ? canTrack : true;
-const componentInfo$b = {
+const componentInfo$f = {
   name: "Core:Button",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
   defaultStyles: {
@@ -5281,7 +5281,7 @@ const componentInfo$b = {
   static: true,
   noWrap: true
 };
-const componentInfo$a = {
+const componentInfo$e = {
   // TODO: ways to statically preprocess JSON for references, functions, etc
   name: "Columns",
   isRSC: true,
@@ -5523,186 +5523,14 @@ const componentInfo$a = {
     }
   ]
 };
-const componentInfo$9 = {
-  name: "Custom Code",
-  static: true,
-  requiredPermissions: [
-    "editCode"
-  ],
-  inputs: [
-    {
-      name: "code",
-      type: "html",
-      required: true,
-      defaultValue: "<p>Hello there, I am custom HTML code!</p>",
-      code: true
-    },
-    {
-      name: "replaceNodes",
-      type: "boolean",
-      helperText: "Preserve server rendered dom nodes",
-      advanced: true
-    },
-    {
-      name: "scriptsClientOnly",
-      type: "boolean",
-      defaultValue: false,
-      helperText: "Only print and run scripts on the client. Important when scripts influence DOM that could be replaced when client loads",
-      advanced: true
-    }
-  ]
-};
-const CustomCode = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
-  const elementRef = useSignal();
-  const state = useStore({
-    scriptsInserted: [],
-    scriptsRun: []
-  });
-  useOn("qvisible", /* @__PURE__ */ inlinedQrl((event, element) => {
-    const [state2] = useLexicalScope();
-    if (!(element == null ? void 0 : element.getElementsByTagName) || typeof window === "undefined")
-      return;
-    const scripts = element.getElementsByTagName("script");
-    for (let i = 0; i < scripts.length; i++) {
-      const script = scripts[i];
-      if (script.src) {
-        if (state2.scriptsInserted.includes(script.src))
-          continue;
-        state2.scriptsInserted.push(script.src);
-        const newScript = document.createElement("script");
-        newScript.async = true;
-        newScript.src = script.src;
-        document.head.appendChild(newScript);
-      } else if (!script.type || [
-        "text/javascript",
-        "application/javascript",
-        "application/ecmascript"
-      ].includes(script.type)) {
-        if (state2.scriptsRun.includes(script.innerText))
-          continue;
-        try {
-          state2.scriptsRun.push(script.innerText);
-          new Function(script.innerText)();
-        } catch (error) {
-          console.warn("`CustomCode`: Error running script:", error);
-        }
-      }
-    }
-  }, "CustomCode_component_useOn_zjAgBhFOiCs", [
-    state
-  ]));
-  return /* @__PURE__ */ _jsxQ("div", {
-    ref: elementRef
-  }, {
-    class: _fnSignal((p0) => "builder-custom-code" + (p0.replaceNodes ? " replace-nodes" : ""), [
-      props
-    ], '"builder-custom-code"+(p0.replaceNodes?" replace-nodes":"")'),
-    dangerouslySetInnerHTML: _fnSignal((p0) => p0.code, [
-      props
-    ], "p0.code")
-  }, null, 3, "bY_0");
-}, "CustomCode_component_uYOSy7w7Zqw"));
-const componentInfo$8 = {
-  name: "Embed",
-  static: true,
-  inputs: [
-    {
-      name: "url",
-      type: "url",
-      required: true,
-      defaultValue: "",
-      helperText: "e.g. enter a youtube url, google map, etc",
-      onChange: (options) => {
-        const url = options.get("url");
-        if (url) {
-          options.set("content", "Loading...");
-          const apiKey = "ae0e60e78201a3f2b0de4b";
-          return fetch(`https://iframe.ly/api/iframely?url=${url}&api_key=${apiKey}`).then((res) => res.json()).then((data) => {
-            if (options.get("url") === url) {
-              if (data.html)
-                options.set("content", data.html);
-              else
-                options.set("content", "Invalid url, please try another");
-            }
-          }).catch((_err) => {
-            options.set("content", "There was an error embedding this URL, please try again or another URL");
-          });
-        } else
-          options.delete("content");
-      }
-    },
-    {
-      name: "content",
-      type: "html",
-      defaultValue: '<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',
-      hideFromUI: true
-    }
-  ]
-};
-const SCRIPT_MIME_TYPES = [
-  "text/javascript",
-  "application/javascript",
-  "application/ecmascript"
-];
-const isJsScript = (script) => SCRIPT_MIME_TYPES.includes(script.type);
-const findAndRunScripts = function findAndRunScripts2(props, state, elem) {
-  if (!elem.value || !elem.value.getElementsByTagName)
-    return;
-  const scripts = elem.value.getElementsByTagName("script");
-  for (let i = 0; i < scripts.length; i++) {
-    const script = scripts[i];
-    if (script.src && !state.scriptsInserted.includes(script.src)) {
-      state.scriptsInserted.push(script.src);
-      const newScript = document.createElement("script");
-      newScript.async = true;
-      newScript.src = script.src;
-      document.head.appendChild(newScript);
-    } else if (isJsScript(script) && !state.scriptsRun.includes(script.innerText))
-      try {
-        state.scriptsRun.push(script.innerText);
-        new Function(script.innerText)();
-      } catch (error) {
-        console.warn("`Embed`: Error running script:", error);
-      }
-  }
-};
-const Embed = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
-  const elem = useSignal();
-  const state = useStore({
-    ranInitFn: false,
-    scriptsInserted: [],
-    scriptsRun: []
-  });
-  useTaskQrl(/* @__PURE__ */ inlinedQrl(({ track: track2 }) => {
-    const [elem2, props2, state2] = useLexicalScope();
-    track2(() => elem2.value);
-    track2(() => state2.ranInitFn);
-    if (elem2.value && !state2.ranInitFn) {
-      state2.ranInitFn = true;
-      findAndRunScripts(props2, state2, elem2);
-    }
-  }, "Embed_component_useTask_bg7ez0XUtiM", [
-    elem,
-    props,
-    state
-  ]));
-  return /* @__PURE__ */ _jsxQ("div", {
-    ref: elem
-  }, {
-    class: "builder-embed",
-    dangerouslySetInnerHTML: _fnSignal((p0) => p0.content, [
-      props
-    ], "p0.content")
-  }, null, 3, "9r_0");
-}, "Embed_component_Uji08ORjXbE"));
-const componentInfo$7 = {
+const componentInfo$d = {
   name: "Fragment",
   static: true,
   hidden: true,
   canHaveChildren: true,
   noWrap: true
 };
-const componentInfo$6 = {
+const componentInfo$c = {
   name: "Image",
   static: true,
   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",
@@ -5850,49 +5678,7 @@ const componentInfo$6 = {
     }
   ]
 };
-const componentInfo$5 = {
-  // friendlyName?
-  name: "Raw:Img",
-  hideFromInsertMenu: true,
-  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: true,
-      type: "file",
-      allowedFileTypes: [
-        "jpeg",
-        "jpg",
-        "png",
-        "svg",
-        "gif",
-        "webp"
-      ],
-      required: true
-    }
-  ],
-  noWrap: true,
-  static: true
-};
-const ImgComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
-  return /* @__PURE__ */ _jsxS("img", {
-    ...props.attributes
-  }, {
-    alt: _fnSignal((p0) => p0.altText, [
-      props
-    ], "p0.altText"),
-    src: _fnSignal((p0) => p0.imgSrc || p0.image, [
-      props
-    ], "p0.imgSrc||p0.image"),
-    style: _fnSignal((p0) => ({
-      objectFit: p0.backgroundSize || "cover",
-      objectPosition: p0.backgroundPosition || "center"
-    }), [
-      props
-    ], '{objectFit:p0.backgroundSize||"cover",objectPosition:p0.backgroundPosition||"center"}')
-  }, 0, isEditing() && props.imgSrc || "default-key");
-}, "ImgComponent_component_FXvIDBSffO8"));
-const componentInfo$4 = {
+const componentInfo$b = {
   name: "Core:Section",
   static: true,
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",
@@ -5937,7 +5723,7 @@ const componentInfo$4 = {
     }
   ]
 };
-const componentInfo$3 = {
+const componentInfo$a = {
   name: "Slot",
   isRSC: true,
   description: "Allow child blocks to be inserted into this content when used as a Symbol",
@@ -5992,7 +5778,7 @@ const Slot = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
     }
   }, 0, "B1_1");
 }, "Slot_component_WWgWgfV0bb0"));
-const componentInfo$2 = {
+const componentInfo$9 = {
   name: "Symbol",
   noWrap: true,
   static: true,
@@ -6032,7 +5818,7 @@ const componentInfo$2 = {
     }
   ]
 };
-const componentInfo$1 = {
+const componentInfo$8 = {
   name: "Text",
   static: true,
   isRSC: true,
@@ -6067,27 +5853,1006 @@ const Text = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
     }
   }, null, 3, "yO_0");
 }, "Text_component_15p0cKUxgIE"));
-const componentInfo = {
-  name: "Video",
-  canHaveChildren: true,
-  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",
+const componentInfo$7 = {
+  name: "Custom Code",
+  static: true,
+  requiredPermissions: [
+    "editCode"
+  ],
   inputs: [
     {
-      name: "video",
-      type: "file",
-      allowedFileTypes: [
-        "mp4"
-      ],
-      bubble: true,
-      defaultValue: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/assets%2FKQlEmWDxA0coC3PK6UvkrjwkIGI2%2F28cb070609f546cdbe5efa20e931aa4b?alt=media&token=912e9551-7a7c-4dfb-86b6-3da1537d1a7f",
-      required: true
-    },
-    {
-      name: "posterImage",
+      name: "code",
+      type: "html",
+      required: true,
+      defaultValue: "<p>Hello there, I am custom HTML code!</p>",
+      code: true
+    },
+    {
+      name: "replaceNodes",
+      type: "boolean",
+      helperText: "Preserve server rendered dom nodes",
+      advanced: true
+    },
+    {
+      name: "scriptsClientOnly",
+      type: "boolean",
+      defaultValue: false,
+      helperText: "Only print and run scripts on the client. Important when scripts influence DOM that could be replaced when client loads",
+      advanced: true
+    }
+  ]
+};
+const CustomCode = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
+  const elementRef = useSignal();
+  const state = useStore({
+    scriptsInserted: [],
+    scriptsRun: []
+  });
+  useOn("qvisible", /* @__PURE__ */ inlinedQrl((event, element) => {
+    const [state2] = useLexicalScope();
+    if (!(element == null ? void 0 : element.getElementsByTagName) || typeof window === "undefined")
+      return;
+    const scripts = element.getElementsByTagName("script");
+    for (let i = 0; i < scripts.length; i++) {
+      const script = scripts[i];
+      if (script.src) {
+        if (state2.scriptsInserted.includes(script.src))
+          continue;
+        state2.scriptsInserted.push(script.src);
+        const newScript = document.createElement("script");
+        newScript.async = true;
+        newScript.src = script.src;
+        document.head.appendChild(newScript);
+      } else if (!script.type || [
+        "text/javascript",
+        "application/javascript",
+        "application/ecmascript"
+      ].includes(script.type)) {
+        if (state2.scriptsRun.includes(script.innerText))
+          continue;
+        try {
+          state2.scriptsRun.push(script.innerText);
+          new Function(script.innerText)();
+        } catch (error) {
+          console.warn("`CustomCode`: Error running script:", error);
+        }
+      }
+    }
+  }, "CustomCode_component_useOn_zjAgBhFOiCs", [
+    state
+  ]));
+  return /* @__PURE__ */ _jsxQ("div", {
+    ref: elementRef
+  }, {
+    class: _fnSignal((p0) => "builder-custom-code" + (p0.replaceNodes ? " replace-nodes" : ""), [
+      props
+    ], '"builder-custom-code"+(p0.replaceNodes?" replace-nodes":"")'),
+    dangerouslySetInnerHTML: _fnSignal((p0) => p0.code, [
+      props
+    ], "p0.code")
+  }, null, 3, "bY_0");
+}, "CustomCode_component_uYOSy7w7Zqw"));
+const componentInfo$6 = {
+  name: "Embed",
+  static: true,
+  inputs: [
+    {
+      name: "url",
+      type: "url",
+      required: true,
+      defaultValue: "",
+      helperText: "e.g. enter a youtube url, google map, etc",
+      onChange: (options) => {
+        const url = options.get("url");
+        if (url) {
+          options.set("content", "Loading...");
+          const apiKey = "ae0e60e78201a3f2b0de4b";
+          return fetch(`https://iframe.ly/api/iframely?url=${url}&api_key=${apiKey}`).then((res) => res.json()).then((data) => {
+            if (options.get("url") === url) {
+              if (data.html)
+                options.set("content", data.html);
+              else
+                options.set("content", "Invalid url, please try another");
+            }
+          }).catch((_err) => {
+            options.set("content", "There was an error embedding this URL, please try again or another URL");
+          });
+        } else
+          options.delete("content");
+      }
+    },
+    {
+      name: "content",
+      type: "html",
+      defaultValue: '<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',
+      hideFromUI: true
+    }
+  ]
+};
+const SCRIPT_MIME_TYPES = [
+  "text/javascript",
+  "application/javascript",
+  "application/ecmascript"
+];
+const isJsScript = (script) => SCRIPT_MIME_TYPES.includes(script.type);
+const findAndRunScripts = function findAndRunScripts2(props, state, elem) {
+  if (!elem.value || !elem.value.getElementsByTagName)
+    return;
+  const scripts = elem.value.getElementsByTagName("script");
+  for (let i = 0; i < scripts.length; i++) {
+    const script = scripts[i];
+    if (script.src && !state.scriptsInserted.includes(script.src)) {
+      state.scriptsInserted.push(script.src);
+      const newScript = document.createElement("script");
+      newScript.async = true;
+      newScript.src = script.src;
+      document.head.appendChild(newScript);
+    } else if (isJsScript(script) && !state.scriptsRun.includes(script.innerText))
+      try {
+        state.scriptsRun.push(script.innerText);
+        new Function(script.innerText)();
+      } catch (error) {
+        console.warn("`Embed`: Error running script:", error);
+      }
+  }
+};
+const Embed = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
+  const elem = useSignal();
+  const state = useStore({
+    ranInitFn: false,
+    scriptsInserted: [],
+    scriptsRun: []
+  });
+  useTaskQrl(/* @__PURE__ */ inlinedQrl(({ track: track2 }) => {
+    const [elem2, props2, state2] = useLexicalScope();
+    track2(() => elem2.value);
+    track2(() => state2.ranInitFn);
+    if (elem2.value && !state2.ranInitFn) {
+      state2.ranInitFn = true;
+      findAndRunScripts(props2, state2, elem2);
+    }
+  }, "Embed_component_useTask_bg7ez0XUtiM", [
+    elem,
+    props,
+    state
+  ]));
+  return /* @__PURE__ */ _jsxQ("div", {
+    ref: elem
+  }, {
+    class: "builder-embed",
+    dangerouslySetInnerHTML: _fnSignal((p0) => p0.content, [
+      props
+    ], "p0.content")
+  }, null, 3, "9r_0");
+}, "Embed_component_Uji08ORjXbE"));
+const componentInfo$5 = {
+  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: true,
+      // 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: true,
+      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: true,
+      // 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: true
+    },
+    {
+      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: true
+    },
+    {
+      name: "successMessage",
+      type: "uiBlocks",
+      hideFromUI: true,
+      defaultValue: [
+        {
+          "@type": "@builder.io/sdk:Element",
+          responsiveStyles: {
+            large: {
+              marginTop: "10px"
+            }
+          },
+          component: {
+            name: "Text",
+            options: {
+              text: "<span>Thanks!</span>"
+            }
+          }
+        }
+      ]
+    },
+    {
+      name: "validate",
+      type: "boolean",
+      defaultValue: true,
+      advanced: true
+    },
+    {
+      name: "errorMessagePath",
+      type: "text",
+      advanced: true,
+      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: true,
+      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: true,
+      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: true,
+      showIf: 'options.get("sendSubmissionsTo") === "custom" && options.get("sendWithJs") === true'
+    }
+  ],
+  noWrap: true,
+  canHaveChildren: true,
+  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"
+        }
+      }
+    }
+  ]
+};
+const validEnvList = [
+  "production",
+  "qa",
+  "test",
+  "development",
+  "dev",
+  "cdn-qa",
+  "cloud",
+  "fast",
+  "cdn2",
+  "cdn-prod"
+];
+const getEnv = () => {
+  const env = process.env.NODE_ENV || "production";
+  return validEnvList.includes(env) ? env : "production";
+};
+const get = (obj, path, defaultValue) => {
+  const result = String.prototype.split.call(path, /[,[\].]+?/).filter(Boolean).reduce((res, key) => res !== null && res !== void 0 ? res[key] : res, obj);
+  return result === void 0 || result === obj ? defaultValue : result;
+};
+const mergeNewRootState$1 = function mergeNewRootState2(props, state, formRef, newData) {
+  var _a, _b;
+  const combinedState = {
+    ...props.builderContext.rootState,
+    ...newData
+  };
+  if (props.builderContext.rootSetState)
+    (_b = (_a = props.builderContext).rootSetState) == null ? void 0 : _b.call(_a, combinedState);
+  else
+    props.builderContext.rootState = combinedState;
+};
+const submissionState = function submissionState2(props, state, formRef) {
+  return isEditing() && props.previewState || state.formState;
+};
+const onSubmit = function onSubmit2(props, state, formRef, event) {
+  var _a;
+  const sendWithJsProp = props.sendWithJs || props.sendSubmissionsTo === "email";
+  if (props.sendSubmissionsTo === "zapier")
+    event.preventDefault();
+  else if (sendWithJsProp) {
+    if (!(props.action || props.sendSubmissionsTo === "email")) {
+      event.preventDefault();
+      return;
+    }
+    event.preventDefault();
+    const el = event.currentTarget;
+    const headers = props.customHeaders || {};
+    let body;
+    const formData = new FormData(el);
+    const formPairs = Array.from(event.currentTarget.querySelectorAll("input,select,textarea")).filter((el2) => !!el2.name).map((el2) => {
+      let value;
+      const key = el2.name;
+      if (el2 instanceof HTMLInputElement) {
+        if (el2.type === "radio") {
+          if (el2.checked) {
+            value = el2.name;
+            return {
+              key,
+              value
+            };
+          }
+        } else if (el2.type === "checkbox")
+          value = el2.checked;
+        else if (el2.type === "number" || el2.type === "range") {
+          const num = el2.valueAsNumber;
+          if (!isNaN(num))
+            value = num;
+        } else if (el2.type === "file")
+          value = el2.files;
+        else
+          value = el2.value;
+      } else
+        value = el2.value;
+      return {
+        key,
+        value
+      };
+    });
+    let formContentType = props.contentType;
+    if (props.sendSubmissionsTo === "email")
+      formContentType = "multipart/form-data";
+    Array.from(formPairs).forEach(({ value }) => {
+      if (value instanceof File || Array.isArray(value) && value[0] instanceof File || value instanceof FileList)
+        formContentType = "multipart/form-data";
+    });
+    if (formContentType !== "application/json")
+      body = formData;
+    else {
+      const json = {};
+      Array.from(formPairs).forEach(({ value, key }) => {
+        set(json, key, value);
+      });
+      body = JSON.stringify(json);
+    }
+    if (formContentType && formContentType !== "multipart/form-data") {
+      if (
+        /* Zapier doesn't allow content-type header to be sent from browsers */
+        !(sendWithJsProp && ((_a = props.action) == null ? void 0 : _a.includes("zapier.com")))
+      )
+        headers["content-type"] = formContentType;
+    }
+    const presubmitEvent = new CustomEvent("presubmit", {
+      detail: {
+        body
+      }
+    });
+    if (formRef.value) {
+      formRef.value.dispatchEvent(presubmitEvent);
+      if (presubmitEvent.defaultPrevented)
+        return;
+    }
+    state.formState = "sending";
+    const formUrl = `${getEnv() === "dev" ? "http://localhost:5000" : "https://builder.io"}/api/v1/form-submit?apiKey=${props.builderContext.apiKey}&to=${btoa(props.sendSubmissionsToEmail || "")}&name=${encodeURIComponent(props.name || "")}`;
+    fetch(props.sendSubmissionsTo === "email" ? formUrl : props.action, {
+      body,
+      headers,
+      method: props.method || "post"
+    }).then(async (res) => {
+      let body2;
+      const contentType = res.headers.get("content-type");
+      if (contentType && contentType.indexOf("application/json") !== -1)
+        body2 = await res.json();
+      else
+        body2 = await res.text();
+      if (!res.ok && props.errorMessagePath) {
+        let message = get(body2, props.errorMessagePath);
+        if (message) {
+          if (typeof message !== "string")
+            message = JSON.stringify(message);
+          state.formErrorMessage = message;
+          mergeNewRootState$1(props, state, formRef, {
+            formErrorMessage: message
+          });
+        }
+      }
+      state.responseData = body2;
+      state.formState = res.ok ? "success" : "error";
+      if (res.ok) {
+        const submitSuccessEvent = new CustomEvent("submit:success", {
+          detail: {
+            res,
+            body: body2
+          }
+        });
+        if (formRef.value) {
+          formRef.value.dispatchEvent(submitSuccessEvent);
+          if (submitSuccessEvent.defaultPrevented)
+            return;
+          if (props.resetFormOnSubmit !== false)
+            formRef.value.reset();
+        }
+        if (props.successUrl) {
+          if (formRef.value) {
+            const event2 = new CustomEvent("route", {
+              detail: {
+                url: props.successUrl
+              }
+            });
+            formRef.value.dispatchEvent(event2);
+            if (!event2.defaultPrevented)
+              location.href = props.successUrl;
+          } else
+            location.href = props.successUrl;
+        }
+      }
+    }, (err) => {
+      const submitErrorEvent = new CustomEvent("submit:error", {
+        detail: {
+          error: err
+        }
+      });
+      if (formRef.value) {
+        formRef.value.dispatchEvent(submitErrorEvent);
+        if (submitErrorEvent.defaultPrevented)
+          return;
+      }
+      state.responseData = err;
+      state.formState = "error";
+    });
+  }
+};
+const FormComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
+  var _a;
+  _jsxBranch();
+  useStylesScopedQrl(/* @__PURE__ */ inlinedQrl(STYLES, "FormComponent_component_useStylesScoped_SVdPvm0do3s"));
+  const formRef = useSignal();
+  const state = useStore({
+    formErrorMessage: "",
+    formState: "unsubmitted",
+    responseData: null
+  });
+  return /* @__PURE__ */ _jsxS("form", {
+    action: (() => {
+      !props.sendWithJs && props.action;
+    })(),
+    ref: formRef,
+    ...props.attributes,
+    children: [
+      props.builderBlock && props.builderBlock.children ? (((_a = props.builderBlock) == null ? void 0 : _a.children) || []).map((block, idx) => {
+        return /* @__PURE__ */ _jsxC(Block, {
+          block,
+          get context() {
+            return props.builderContext;
+          },
+          get registeredComponents() {
+            return props.builderComponents;
+          },
+          get linkComponent() {
+            return props.builderLinkComponent;
+          },
+          [_IMMUTABLE]: {
+            context: _fnSignal((p0) => p0.builderContext, [
+              props
+            ], "p0.builderContext"),
+            linkComponent: _fnSignal((p0) => p0.builderLinkComponent, [
+              props
+            ], "p0.builderLinkComponent"),
+            registeredComponents: _fnSignal((p0) => p0.builderComponents, [
+              props
+            ], "p0.builderComponents")
+          }
+        }, 3, `form-block-${idx}`);
+      }) : null,
+      submissionState(props, state) === "error" ? /* @__PURE__ */ _jsxC(Blocks, {
+        path: "errorMessage",
+        get blocks() {
+          return props.errorMessage;
+        },
+        get context() {
+          return props.builderContext;
+        },
+        [_IMMUTABLE]: {
+          blocks: _fnSignal((p0) => p0.errorMessage, [
+            props
+          ], "p0.errorMessage"),
+          context: _fnSignal((p0) => p0.builderContext, [
+            props
+          ], "p0.builderContext"),
+          path: _IMMUTABLE
+        }
+      }, 3, "0n_0") : null,
+      submissionState(props, state) === "sending" ? /* @__PURE__ */ _jsxC(Blocks, {
+        path: "sendingMessage",
+        get blocks() {
+          return props.sendingMessage;
+        },
+        get context() {
+          return props.builderContext;
+        },
+        [_IMMUTABLE]: {
+          blocks: _fnSignal((p0) => p0.sendingMessage, [
+            props
+          ], "p0.sendingMessage"),
+          context: _fnSignal((p0) => p0.builderContext, [
+            props
+          ], "p0.builderContext"),
+          path: _IMMUTABLE
+        }
+      }, 3, "0n_1") : null,
+      submissionState(props, state) === "error" && state.responseData ? /* @__PURE__ */ _jsxQ("pre", null, {
+        class: "builder-form-error-text pre-FormComponent"
+      }, JSON.stringify(state.responseData, null, 2), 1, "0n_2") : null,
+      submissionState(props, state) === "success" ? /* @__PURE__ */ _jsxC(Blocks, {
+        path: "successMessage",
+        get blocks() {
+          return props.successMessage;
+        },
+        get context() {
+          return props.builderContext;
+        },
+        [_IMMUTABLE]: {
+          blocks: _fnSignal((p0) => p0.successMessage, [
+            props
+          ], "p0.successMessage"),
+          context: _fnSignal((p0) => p0.builderContext, [
+            props
+          ], "p0.builderContext"),
+          path: _IMMUTABLE
+        }
+      }, 3, "0n_3") : null
+    ],
+    onSubmit$: /* @__PURE__ */ inlinedQrl((event) => {
+      const [formRef2, props2, state2] = useLexicalScope();
+      return onSubmit(props2, state2, formRef2, event);
+    }, "FormComponent_component_form_onSubmit_F3ZFTlkNAQk", [
+      formRef,
+      props,
+      state
+    ])
+  }, {
+    method: _fnSignal((p0) => p0.method, [
+      props
+    ], "p0.method"),
+    name: _fnSignal((p0) => p0.name, [
+      props
+    ], "p0.name"),
+    validate: _fnSignal((p0) => p0.validate, [
+      props
+    ], "p0.validate")
+  }, 0, "0n_4");
+}, "FormComponent_component_dk5c15Rvsfg"));
+const STYLES = `
+.pre-FormComponent {
+  padding: 10px;
+  color: red;
+  text-align: center;
+}
+`;
+const componentInfo$4 = {
+  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: true,
+      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: true
+    },
+    {
+      name: "required",
+      type: "boolean",
+      helperText: "Is this input required to be filled out to submit a form",
+      defaultValue: false
+    }
+  ],
+  noWrap: true,
+  static: true,
+  defaultStyles: {
+    paddingTop: "10px",
+    paddingBottom: "10px",
+    paddingLeft: "10px",
+    paddingRight: "10px",
+    borderRadius: "3px",
+    borderWidth: "1px",
+    borderStyle: "solid",
+    borderColor: "#ccc"
+  }
+};
+const FormInputComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
+  return /* @__PURE__ */ createElement("input", {
+    ...props.attributes,
+    key: isEditing() && props.defaultValue ? props.defaultValue : "default-key",
+    placeholder: props.placeholder,
+    type: props.type,
+    name: props.name,
+    value: props.value,
+    defaultValue: props.defaultValue,
+    required: props.required
+  });
+}, "FormInputComponent_component_AUUjdN0ueMs"));
+const componentInfo$3 = {
+  name: "Form:Select",
+  image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F83acca093fb24aaf94dee136e9a4b045",
+  defaultStyles: {
+    alignSelf: "flex-start"
+  },
+  inputs: [
+    {
+      name: "options",
+      type: "list",
+      required: true,
+      subFields: [
+        {
+          name: "value",
+          type: "text",
+          required: true
+        },
+        {
+          name: "name",
+          type: "text"
+        }
+      ],
+      defaultValue: [
+        {
+          value: "option 1"
+        },
+        {
+          value: "option 2"
+        }
+      ]
+    },
+    {
+      name: "name",
+      type: "string",
+      required: true,
+      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: true
+    },
+    {
+      name: "required",
+      type: "boolean",
+      defaultValue: false
+    }
+  ],
+  static: true,
+  noWrap: true
+};
+const SelectComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
+  return /* @__PURE__ */ createElement("select", {
+    ...props.attributes,
+    value: props.value,
+    key: isEditing() && props.defaultValue ? props.defaultValue : "default-key",
+    defaultValue: props.defaultValue,
+    name: props.name
+  }, (props.options || []).map((option) => {
+    return /* @__PURE__ */ _jsxQ("option", {
+      value: _wrapSignal(option, "value")
+    }, null, option.name || option.value, 1, "tc_0");
+  }));
+}, "SelectComponent_component_SPKbsFLikZU"));
+const componentInfo$2 = {
+  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: true,
+  noWrap: true
+};
+const SubmitButton = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
+  return /* @__PURE__ */ _jsxS("button", {
+    ...props.attributes,
+    children: _fnSignal((p0) => p0.text, [
+      props
+    ], "p0.text")
+  }, {
+    type: "submit"
+  }, 0, "6z_0");
+}, "SubmitButton_component_NXvMBMCDhwc"));
+const componentInfo$1 = {
+  // friendlyName?
+  name: "Raw:Img",
+  hideFromInsertMenu: true,
+  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: true,
+      type: "file",
+      allowedFileTypes: [
+        "jpeg",
+        "jpg",
+        "png",
+        "svg",
+        "gif",
+        "webp"
+      ],
+      required: true
+    }
+  ],
+  noWrap: true,
+  static: true
+};
+const ImgComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
+  return /* @__PURE__ */ _jsxS("img", {
+    ...props.attributes
+  }, {
+    alt: _fnSignal((p0) => p0.altText, [
+      props
+    ], "p0.altText"),
+    src: _fnSignal((p0) => p0.imgSrc || p0.image, [
+      props
+    ], "p0.imgSrc||p0.image"),
+    style: _fnSignal((p0) => ({
+      objectFit: p0.backgroundSize || "cover",
+      objectPosition: p0.backgroundPosition || "center"
+    }), [
+      props
+    ], '{objectFit:p0.backgroundSize||"cover",objectPosition:p0.backgroundPosition||"center"}')
+  }, 0, isEditing() && props.imgSrc || "default-key");
+}, "ImgComponent_component_FXvIDBSffO8"));
+const componentInfo = {
+  name: "Video",
+  canHaveChildren: true,
+  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: true,
+      defaultValue: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/assets%2FKQlEmWDxA0coC3PK6UvkrjwkIGI2%2F28cb070609f546cdbe5efa20e931aa4b?alt=media&token=912e9551-7a7c-4dfb-86b6-3da1537d1a7f",
+      required: true
+    },
+    {
+      name: "posterImage",
       type: "file",
       allowedFileTypes: [
         "jpeg",
@@ -6293,55 +7058,76 @@ const Video = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
     }, /* @__PURE__ */ _jsxC(Slot$1, null, 3, "j7_4"), 1, "j7_5") : null
   ], 1, "j7_6");
 }, "Video_component_qdcTZflYyoQ"));
-const getDefaultRegisteredComponents = () => [
+const getExtraComponents = () => [
   {
-    component: Button,
-    ...componentInfo$b
+    component: CustomCode,
+    ...componentInfo$7
   },
   {
-    component: Columns,
-    ...componentInfo$a
+    component: Embed,
+    ...componentInfo$6
   },
+  ...[
+    {
+      component: FormComponent,
+      ...componentInfo$5
+    },
+    {
+      component: FormInputComponent,
+      ...componentInfo$4
+    },
+    {
+      component: SubmitButton,
+      ...componentInfo$2
+    },
+    {
+      component: SelectComponent,
+      ...componentInfo$3
+    }
+  ],
   {
-    component: CustomCode,
-    ...componentInfo$9
+    component: ImgComponent,
+    ...componentInfo$1
   },
   {
-    component: Embed,
-    ...componentInfo$8
+    component: Video,
+    ...componentInfo
+  }
+];
+const getDefaultRegisteredComponents = () => [
+  {
+    component: Button,
+    ...componentInfo$f
+  },
+  {
+    component: Columns,
+    ...componentInfo$e
   },
   {
     component: FragmentComponent,
-    ...componentInfo$7
+    ...componentInfo$d
   },
   {
     component: Image,
-    ...componentInfo$6
+    ...componentInfo$c
   },
   {
-    component: ImgComponent,
-    ...componentInfo$5
+    component: SectionComponent,
+    ...componentInfo$b
   },
   {
-    component: SectionComponent,
-    ...componentInfo$4
+    component: Slot,
+    ...componentInfo$a
   },
   {
     component: Symbol$1,
-    ...componentInfo$2
+    ...componentInfo$9
   },
   {
     component: Text,
-    ...componentInfo$1
-  },
-  {
-    component: Video,
-    ...componentInfo
+    ...componentInfo$8
   },
-  {
-    component: Slot,
-    ...componentInfo$3
-  }
+  ...getExtraComponents()
 ];
 const components = [];
 const createRegisterComponentMessage = (info) => ({
@@ -6790,7 +7576,7 @@ function isFromTrustedHost(trustedHosts, e) {
   const url = new URL(e.origin), hostname = url.hostname;
   return (trustedHosts || DEFAULT_TRUSTED_HOSTS).findIndex((trustedHost) => trustedHost.startsWith("*.") ? hostname.endsWith(trustedHost.slice(1)) : trustedHost === hostname) > -1;
 }
-const SDK_VERSION = "0.13.0";
+const SDK_VERSION = "0.13.2";
 const registry = {};
 function register(type, info) {
   let typeList = registry[type];
@@ -6973,7 +7759,7 @@ const subscribeToEditor = (model, callback, options) => {
     window.removeEventListener("message", listener);
   };
 };
-const mergeNewRootState = function mergeNewRootState2(props, state, elementRef, newData) {
+const mergeNewRootState = function mergeNewRootState22(props, state, elementRef, newData) {
   var _a, _b;
   const combinedState = {
     ...props.builderContextSignal.rootState,