@pagehub/sdk 0.1.0

package/dist/chunks/FormElementMainTab-jcFSO2Sz.js

@@ -0,0 +1,467 @@
+import { jsx as a, jsxs as b, Fragment as A } from "react/jsx-runtime";
+import { useNode as k, useEditor as H } from "@craftjs/core";
+import { c1 as h, u as q, ce as z, bU as C, cf as M, bP as Y, cg as O, ch as W, ci as B, cj as F, ck as U, M as j, N as G, cl as L, P as N, cm as X, c6 as J, aX as Q } from "./index-lNS44FHV.js";
+import { r as Z } from "./helpers-Bnp6O4wY.js";
+import { useState as E, Suspense as S, lazy as I } from "react";
+const _ = M("selectedOption", null), ee = ({ options: t, setProp: e }) => {
+  const [n, i] = q(_), r = Array.isArray(t) ? t : [], d = (o) => {
+    Y({
+      setProp: e,
+      propKey: "options",
+      propType: "component",
+      value: o
+    });
+  };
+  return /* @__PURE__ */ a(
+    z,
+    {
+      items: r.map((o, l) => ({ ...o, _index: l })),
+      activeIndex: n,
+      setActiveIndex: i,
+      addLabel: "Add Option",
+      renderLabel: (o, l) => o.label || `Option ${l + 1}`,
+      onDelete: (o, l) => {
+        const u = [...r];
+        u.splice(l, 1), d(u), n === l && i(null);
+      },
+      onAdd: () => {
+        const o = [...r];
+        o.push({
+          value: `option${r.length + 1}`,
+          label: `Option ${r.length + 1}`,
+          disabled: !1
+        }), i(r.length), d(o);
+      },
+      renderPopover: (o, l) => /* @__PURE__ */ b("div", { className: "flex flex-col gap-3", children: [
+        /* @__PURE__ */ b("div", { className: "flex flex-col gap-1", children: [
+          /* @__PURE__ */ a("span", { className: "text-neutral-content text-xs", children: "Label" }),
+          /* @__PURE__ */ a(
+            C,
+            {
+              propKey: "options",
+              propType: "component",
+              index: l,
+              propItemKey: "label",
+              type: "text",
+              label: "",
+              placeholder: "Option label",
+              labelHide: !0
+            }
+          )
+        ] }),
+        /* @__PURE__ */ b("div", { className: "flex flex-col gap-1", children: [
+          /* @__PURE__ */ a("span", { className: "text-neutral-content text-xs", children: "Value" }),
+          /* @__PURE__ */ a(
+            C,
+            {
+              propKey: "options",
+              propType: "component",
+              index: l,
+              propItemKey: "value",
+              type: "text",
+              label: "",
+              placeholder: "Option value",
+              labelHide: !0
+            }
+          )
+        ] }),
+        /* @__PURE__ */ a(
+          C,
+          {
+            propKey: "options",
+            propType: "component",
+            index: l,
+            propItemKey: "disabled",
+            type: "checkbox",
+            label: "Disabled",
+            labelHide: !1
+          }
+        )
+      ] })
+    }
+  );
+}, te = (t) => {
+  const {
+    actions: { setProp: e },
+    options: n
+  } = k((i) => {
+    var o, l;
+    const r = ((l = (o = i.data) == null ? void 0 : o.props) == null ? void 0 : l.options) || [];
+    return {
+      options: Array.isArray(r) ? r : Object.values(r)
+    };
+  });
+  return /* @__PURE__ */ a(
+    h,
+    {
+      frame: "bare",
+      label: t != null && t.labelHide || t == null ? void 0 : t.label,
+      propKey: t == null ? void 0 : t.propKey,
+      propType: t == null ? void 0 : t.propType,
+      children: /* @__PURE__ */ a(ee, { options: n, setProp: e })
+    }
+  );
+}, ae = I(() => import("./PropertiesPanel-DOxkd-Va.js")), oe = 280, le = ["required", "disabled", "readOnly", "autoComplete", "defaultValue"];
+function ne(t) {
+  const e = [];
+  return t.required && e.push("Required"), t.disabled && e.push("Disabled"), t.readOnly && e.push("Read-only"), t.autoComplete && e.push(`autoComplete: ${t.autoComplete}`), t.defaultValue && e.push(`default: ${t.defaultValue}`), e.length === 0 ? "None" : e.join(", ");
+}
+function ie() {
+  const [t, e] = E(!1), { triggerRef: n, initialPos: i, setInitialPos: r, computePosition: d } = O(oe), {
+    actions: { setProp: o },
+    required: l,
+    disabled: u,
+    readOnly: x,
+    autoComplete: T,
+    defaultValue: v
+  } = k((c) => {
+    var m, y, g, P, R, $, K, V, D, w;
+    return {
+      required: !!((y = (m = c.data) == null ? void 0 : m.props) != null && y.required),
+      disabled: !!((P = (g = c.data) == null ? void 0 : g.props) != null && P.disabled),
+      readOnly: !!(($ = (R = c.data) == null ? void 0 : R.props) != null && $.readOnly),
+      autoComplete: ((V = (K = c.data) == null ? void 0 : K.props) == null ? void 0 : V.autoComplete) || "",
+      defaultValue: ((w = (D = c.data) == null ? void 0 : D.props) == null ? void 0 : w.defaultValue) || ""
+    };
+  }), f = ne({ required: l, disabled: u, readOnly: x, autoComplete: T, defaultValue: v }), s = () => {
+    r(d()), e(!0);
+  }, p = () => {
+    o((c) => {
+      le.forEach((m) => {
+        delete c[m];
+      });
+    });
+  };
+  return /* @__PURE__ */ b(A, { children: [
+    /* @__PURE__ */ a(
+      h,
+      {
+        mode: "popover",
+        ref: n,
+        label: "Properties",
+        open: t,
+        onTriggerClick: () => t ? e(!1) : s(),
+        onClear: () => {
+          t && e(!1), p();
+        },
+        triggerAriaLabel: "Edit input properties",
+        clearAriaLabel: "Clear input properties",
+        leading: /* @__PURE__ */ a(W, { className: "size-3.5", "aria-hidden": !0 }),
+        summary: f
+      }
+    ),
+    t && /* @__PURE__ */ a(S, { fallback: null, children: /* @__PURE__ */ a(ae, { initialPosition: i, onClose: () => e(!1) }) })
+  ] });
+}
+const re = I(() => import("./TextareaSettingsPanel-t6wbVGMH.js")), se = 260, ce = ["rows", "cols"];
+function pe(t, e) {
+  const n = [];
+  return t && n.push(`${t} rows`), e && n.push(`${e} cols`), n.length === 0 ? "Default size" : n.join(" · ");
+}
+function de() {
+  const [t, e] = E(!1), { triggerRef: n, initialPos: i, setInitialPos: r, computePosition: d } = O(se), {
+    actions: { setProp: o },
+    rows: l,
+    cols: u
+  } = k((f) => {
+    var s, p, c, m;
+    return {
+      rows: (p = (s = f.data) == null ? void 0 : s.props) == null ? void 0 : p.rows,
+      cols: (m = (c = f.data) == null ? void 0 : c.props) == null ? void 0 : m.cols
+    };
+  }), x = pe(l, u), T = () => {
+    r(d()), e(!0);
+  }, v = () => {
+    o((f) => {
+      ce.forEach((s) => {
+        delete f[s];
+      });
+    });
+  };
+  return /* @__PURE__ */ b(A, { children: [
+    /* @__PURE__ */ a(
+      h,
+      {
+        mode: "popover",
+        ref: n,
+        label: "Textarea",
+        open: t,
+        onTriggerClick: () => t ? e(!1) : T(),
+        onClear: () => {
+          t && e(!1), v();
+        },
+        triggerAriaLabel: "Edit textarea sizing",
+        clearAriaLabel: "Clear textarea sizing",
+        leading: /* @__PURE__ */ a(B, { className: "size-3.5", "aria-hidden": !0 }),
+        summary: x
+      }
+    ),
+    t && /* @__PURE__ */ a(S, { fallback: null, children: /* @__PURE__ */ a(re, { initialPosition: i, onClose: () => e(!1) }) })
+  ] });
+}
+const ue = I(() => import("./NumberSettingsPanel-Dx1tHSak.js")), me = 260, be = ["min", "max", "step"];
+function fe(t, e, n) {
+  const i = [];
+  return t && i.push(`min ${t}`), e && i.push(`max ${e}`), n && i.push(`step ${n}`), i.length === 0 ? "No bounds" : i.join(" · ");
+}
+function he() {
+  const [t, e] = E(!1), { triggerRef: n, initialPos: i, setInitialPos: r, computePosition: d } = O(me), {
+    actions: { setProp: o },
+    min: l,
+    max: u,
+    step: x
+  } = k((s) => {
+    var p, c, m, y, g, P;
+    return {
+      min: ((c = (p = s.data) == null ? void 0 : p.props) == null ? void 0 : c.min) || "",
+      max: ((y = (m = s.data) == null ? void 0 : m.props) == null ? void 0 : y.max) || "",
+      step: ((P = (g = s.data) == null ? void 0 : g.props) == null ? void 0 : P.step) || ""
+    };
+  }), T = fe(l, u, x), v = () => {
+    r(d()), e(!0);
+  }, f = () => {
+    o((s) => {
+      be.forEach((p) => {
+        delete s[p];
+      });
+    });
+  };
+  return /* @__PURE__ */ b(A, { children: [
+    /* @__PURE__ */ a(
+      h,
+      {
+        mode: "popover",
+        ref: n,
+        label: "Bounds",
+        open: t,
+        onTriggerClick: () => t ? e(!1) : v(),
+        onClear: () => {
+          t && e(!1), f();
+        },
+        triggerAriaLabel: "Edit numeric bounds",
+        clearAriaLabel: "Clear numeric bounds",
+        leading: /* @__PURE__ */ a(F, { className: "size-3.5", "aria-hidden": !0 }),
+        summary: T
+      }
+    ),
+    t && /* @__PURE__ */ a(S, { fallback: null, children: /* @__PURE__ */ a(ue, { initialPosition: i, onClose: () => e(!1) }) })
+  ] });
+}
+const ye = I(() => import("./ValidationPanel-DQBVeNbr.js")), ge = 320, Pe = ["pattern", "errorMessage", "label"];
+function xe(t, e, n) {
+  return t ? `Regex: ${t.length > 18 ? t.slice(0, 18) + "…" : t}` : n || e || "No validation";
+}
+function Te() {
+  const [t, e] = E(!1), { triggerRef: n, initialPos: i, setInitialPos: r, computePosition: d } = O(ge), {
+    actions: { setProp: o },
+    pattern: l,
+    errorMessage: u,
+    label: x
+  } = k((s) => {
+    var p, c, m, y, g, P;
+    return {
+      pattern: ((c = (p = s.data) == null ? void 0 : p.props) == null ? void 0 : c.pattern) || "",
+      errorMessage: ((y = (m = s.data) == null ? void 0 : m.props) == null ? void 0 : y.errorMessage) || "",
+      label: ((P = (g = s.data) == null ? void 0 : g.props) == null ? void 0 : P.label) || ""
+    };
+  }), T = xe(l, u, x), v = () => {
+    r(d()), e(!0);
+  }, f = () => {
+    o((s) => {
+      Pe.forEach((p) => {
+        delete s[p];
+      });
+    });
+  };
+  return /* @__PURE__ */ b(A, { children: [
+    /* @__PURE__ */ a(
+      h,
+      {
+        mode: "popover",
+        ref: n,
+        label: "Validation",
+        open: t,
+        onTriggerClick: () => t ? e(!1) : v(),
+        onClear: () => {
+          t && e(!1), f();
+        },
+        triggerAriaLabel: "Edit validation",
+        clearAriaLabel: "Clear validation",
+        leading: /* @__PURE__ */ a(U, { className: "size-3.5", "aria-hidden": !0 }),
+        summary: T
+      }
+    ),
+    t && /* @__PURE__ */ a(S, { fallback: null, children: /* @__PURE__ */ a(ye, { initialPosition: i, onClose: () => e(!1) }) })
+  ] });
+}
+const ve = [
+  "text",
+  "textarea",
+  "email",
+  "password",
+  "url",
+  "tel",
+  "date",
+  "datetime-local",
+  "radio",
+  "checkbox",
+  "select",
+  "reset",
+  "hidden",
+  "color",
+  "file",
+  "month",
+  "number",
+  "range",
+  "search",
+  "time",
+  "week"
+], Ce = () => {
+  const {
+    actions: { setProp: t },
+    stateBinding: e
+  } = k((o) => {
+    var l, u;
+    return {
+      stateBinding: (u = (l = o.data) == null ? void 0 : l.props) == null ? void 0 : u.stateBinding
+    };
+  }), { enabled: n } = H((o) => ({ enabled: o.options.enabled })), i = (o) => {
+    t((l) => {
+      l.stateBinding || (l.stateBinding = {}), Object.assign(l.stateBinding, o), l.stateBinding.key || delete l.stateBinding;
+    });
+  }, r = () => {
+    t((o) => {
+      delete o.stateBinding;
+    });
+  }, d = (e == null ? void 0 : e.mode) ?? "value";
+  return /* @__PURE__ */ b(
+    j,
+    {
+      title: "State Binding",
+      icon: /* @__PURE__ */ a(Q, {}),
+      help: "Two-way bind this input's value to a state-registry key. The URL bridge picks up url:* keys automatically. Set key only — debounce / mode / defaultValue are optional.",
+      defaultOpen: !!(e != null && e.key),
+      children: [
+        /* @__PURE__ */ a(
+          h,
+          {
+            label: "Key",
+            trailing: e != null && e.key ? /* @__PURE__ */ a(X, { onClick: r, tooltip: "Clear binding" }) : null,
+            children: /* @__PURE__ */ a(
+              "input",
+              {
+                type: "text",
+                className: "input-plain flex-1",
+                value: (e == null ? void 0 : e.key) ?? "",
+                placeholder: "e.g. url:q",
+                onChange: (o) => i({ key: o.target.value }),
+                "aria-label": "State binding key",
+                "data-tooltip-id": N,
+                "data-tooltip-content": "Registry key to bind. Convention: url:q for search, cart:promo for promo code, pdp:axis:Color for variant pickers.",
+                ...L
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ a(h, { label: "Mode", frame: "bare", children: /* @__PURE__ */ a(
+          J,
+          {
+            dense: !0,
+            value: d,
+            onChange: (o) => i({ mode: o }),
+            tooltipId: N,
+            options: [
+              {
+                value: "value",
+                label: "Value",
+                tooltip: "Sync input value (text, select, textarea)",
+                ariaLabel: "Value"
+              },
+              {
+                value: "checked",
+                label: "Checked",
+                tooltip: "Sync checked state (checkbox / radio)",
+                ariaLabel: "Checked"
+              }
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ b(h, { label: "Debounce", children: [
+          /* @__PURE__ */ a(
+            "input",
+            {
+              type: "number",
+              className: "input-plain flex-1",
+              value: (e == null ? void 0 : e.debounceMs) ?? 0,
+              min: 0,
+              max: 2e3,
+              step: 50,
+              placeholder: "0",
+              onChange: (o) => i({ debounceMs: Number(o.target.value) || 0 }),
+              "aria-label": "Debounce milliseconds",
+              "data-tooltip-id": N,
+              "data-tooltip-content": "Delay before writing to state after the user stops typing. 0 = immediate. 300 is good for live-search inputs.",
+              ...L
+            }
+          ),
+          /* @__PURE__ */ a("span", { className: "text-neutral-content shrink-0 text-[10px]", children: "ms" })
+        ] }),
+        /* @__PURE__ */ a(h, { label: "Default", children: /* @__PURE__ */ a(
+          "input",
+          {
+            type: "text",
+            className: "input-plain flex-1",
+            value: (e == null ? void 0 : e.defaultValue) ?? "",
+            placeholder: "(none)",
+            onChange: (o) => i({ defaultValue: o.target.value }),
+            "aria-label": "Default value",
+            "data-tooltip-id": N,
+            "data-tooltip-content": "Written to state on first mount if the state key has no value yet.",
+            ...L
+          }
+        ) })
+      ]
+    }
+  );
+}, Se = () => {
+  var i;
+  const { query: t } = H(), e = t.getEvent("selected").first(), n = e && ((i = t.node(e).get().data.props) == null ? void 0 : i.type) || "";
+  return Z({
+    Content: /* @__PURE__ */ b(A, { children: [
+      /* @__PURE__ */ b(j, { children: [
+        /* @__PURE__ */ a(
+          C,
+          {
+            propKey: "placeholder",
+            propType: "component",
+            type: "text",
+            label: "Placeholder"
+          }
+        ),
+        /* @__PURE__ */ a(C, { propKey: "name", propType: "component", type: "text", label: "Name" }),
+        /* @__PURE__ */ a(C, { propKey: "type", propType: "component", type: "select", label: "Type", children: ve.map((r) => /* @__PURE__ */ a("option", { children: r }, r)) }),
+        n === "select" && /* @__PURE__ */ a(
+          te,
+          {
+            propKey: "options",
+            propType: "component",
+            type: "custom",
+            label: "Options",
+            labelHide: !1
+          }
+        ),
+        n === "textarea" && /* @__PURE__ */ a(de, {}),
+        ["number", "range", "date", "datetime-local", "time", "month", "week"].includes(
+          n
+        ) && /* @__PURE__ */ a(he, {}),
+        /* @__PURE__ */ a(ie, {}),
+        /* @__PURE__ */ a(Te, {}),
+        /* @__PURE__ */ a(G, { id: "settings/ai-button" })
+      ] }),
+      /* @__PURE__ */ a(Ce, {})
+    ] })
+  });
+};
+export {
+  Se as FormElementMainTab
+};

package/dist/chunks/FormMainTab-CzinfV3h.js

@@ -0,0 +1,239 @@
+import { jsxs as t, Fragment as s, jsx as e } from "react/jsx-runtime";
+import { useNode as v, useEditor as T } from "@craftjs/core";
+import { M as p, cc as f, cd as S, d as k, N as g, bU as o } from "./index-lNS44FHV.js";
+import { useState as x } from "react";
+import { C as w } from "./ConversionFields-DeGceLBu.js";
+import { r as C, S as c } from "./helpers-Bnp6O4wY.js";
+const E = [
+  { value: "", label: "Form", icon: f },
+  { value: "loading", label: "Loading", icon: S },
+  { value: "loaded", label: "Submitted", icon: k }
+], H = () => {
+  const { id: m, props: r } = v((n) => {
+    var i;
+    return { props: (i = n.data) == null ? void 0 : i.props };
+  }), { actions: d } = T(), [l, u] = x(r.submissionType), b = r.view || "";
+  let a = "";
+  switch (l) {
+    case "iframe":
+      a = "Submit your form to a hidden iframe. Define your URL and method.";
+      break;
+    case "save":
+      a = "Save your data — view submissions when they occur.";
+      break;
+    case "emailSave":
+      a = "Save your data and email you upon submission.";
+      break;
+    case "custom":
+      a = "POST form data as JSON to a custom URL.";
+      break;
+    case "collection":
+      a = "Save each submission as a row in a collection.";
+      break;
+  }
+  return C({
+    Content: /* @__PURE__ */ t(s, { children: [
+      /* @__PURE__ */ t(p, { collapsible: !1, children: [
+        /* @__PURE__ */ e("div", { className: "bg-neutral flex gap-1 rounded-md p-1", children: E.map(({ value: n, label: i, icon: h }) => /* @__PURE__ */ t(
+          "button",
+          {
+            type: "button",
+            onClick: () => d.setProp(m, (y) => {
+              y.view = n;
+            }),
+            className: `flex flex-1 items-center justify-center gap-1.5 rounded-md px-2 py-1.5 text-xs font-medium transition-colors ${b === n ? "bg-base-100 text-base-content shadow-sm" : "text-neutral-content hover:text-base-content"}`,
+            children: [
+              /* @__PURE__ */ e(h, { className: "size-3.5" }),
+              i
+            ]
+          },
+          n
+        )) }),
+        /* @__PURE__ */ e(g, { id: "settings/ai-button" })
+      ] }),
+      /* @__PURE__ */ t(p, { title: "Submission", icon: c.Type, help: a, children: [
+        /* @__PURE__ */ e(
+          o,
+          {
+            propKey: "formName",
+            propType: "component",
+            type: "text",
+            label: "Form Name",
+            placeholder: "My Form",
+            labelHide: !0
+          }
+        ),
+        /* @__PURE__ */ t(
+          o,
+          {
+            propKey: "submissionType",
+            propType: "component",
+            type: "select",
+            label: "Type",
+            labelHide: !0,
+            onChange: (n) => u(n),
+            children: [
+              /* @__PURE__ */ e("option", { value: "", children: " " }),
+              /* @__PURE__ */ e("option", { children: "iframe" }),
+              /* @__PURE__ */ e("option", { value: "save", children: "Save" }),
+              /* @__PURE__ */ e("option", { value: "emailSave", children: "Email & Save" }),
+              /* @__PURE__ */ e("option", { value: "custom", children: "Custom URL" }),
+              /* @__PURE__ */ e("option", { value: "collection", children: "Collection Row" })
+            ]
+          }
+        ),
+        l === "collection" && /* @__PURE__ */ t(s, { children: [
+          /* @__PURE__ */ e(
+            o,
+            {
+              propKey: "collectionSlug",
+              propType: "component",
+              type: "text",
+              label: "Collection slug",
+              placeholder: "staff",
+              labelHide: !0
+            }
+          ),
+          /* @__PURE__ */ e(
+            o,
+            {
+              propKey: "collectionFieldMap",
+              propType: "component",
+              type: "textarea",
+              label: "Field map (JSON)",
+              placeholder: '{"name":"name","email":"email"}',
+              labelHide: !0
+            }
+          ),
+          /* @__PURE__ */ e(
+            o,
+            {
+              propKey: "collectionSkipEmail",
+              propType: "component",
+              type: "toggle",
+              label: "Email",
+              option: "Skip email notification",
+              on: "true"
+            }
+          )
+        ] }),
+        l === "emailSave" && /* @__PURE__ */ e(
+          o,
+          {
+            propKey: "mailto",
+            propType: "component",
+            type: "text",
+            label: "Mail to",
+            placeholder: "you@domain.com",
+            labelHide: !0
+          }
+        ),
+        (l === "iframe" || l === "custom") && /* @__PURE__ */ t(s, { children: [
+          /* @__PURE__ */ e(
+            o,
+            {
+              propKey: "action",
+              propType: "component",
+              type: "text",
+              label: "Action",
+              placeholder: "https://...",
+              labelHide: !0
+            }
+          ),
+          /* @__PURE__ */ t(o, { propKey: "method", propType: "component", type: "select", label: "method", children: [
+            /* @__PURE__ */ e("option", { value: "POST", children: "POST" }),
+            /* @__PURE__ */ e("option", { value: "GET", children: "GET" })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ t(
+        p,
+        {
+          title: "After Submit",
+          icon: c.Type,
+          help: "What happens after the form is submitted successfully.",
+          children: [
+            /* @__PURE__ */ t(
+              o,
+              {
+                propKey: "successAction",
+                propType: "component",
+                type: "select",
+                label: "Action",
+                labelHide: !0,
+                children: [
+                  /* @__PURE__ */ e("option", { value: "", children: "Show thank you message" }),
+                  /* @__PURE__ */ e("option", { value: "redirect", children: "Redirect to URL" })
+                ]
+              }
+            ),
+            r.successAction === "redirect" && /* @__PURE__ */ e(
+              o,
+              {
+                propKey: "successUrl",
+                propType: "component",
+                type: "text",
+                label: "Redirect URL",
+                placeholder: "https://example.com/thank-you",
+                labelHide: !0
+              }
+            )
+          ]
+        }
+      ),
+      (l === "save" || l === "emailSave") && /* @__PURE__ */ t(
+        p,
+        {
+          title: "Webhook",
+          icon: c.Type,
+          help: "Send form data to an external URL on every submission. Works with Zapier, Make, n8n, or any webhook endpoint.",
+          children: [
+            /* @__PURE__ */ e(
+              o,
+              {
+                propKey: "webhookEnabled",
+                propType: "component",
+                type: "toggle",
+                label: "Webhook",
+                option: "Enable",
+                on: "true"
+              }
+            ),
+            r.webhookEnabled && /* @__PURE__ */ e(
+              o,
+              {
+                propKey: "webhookUrl",
+                propType: "component",
+                type: "text",
+                label: "Webhook URL",
+                placeholder: "https://hooks.zapier.com/...",
+                labelHide: !0
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ e(
+        p,
+        {
+          title: "Conversion tracking",
+          icon: c.Type,
+          help: "Fire a Google Ads / GA4 / Meta conversion when the form submits. Configure site-level integration IDs in your site's settings first.",
+          children: /* @__PURE__ */ e(
+            w,
+            {
+              conversion: r.conversion,
+              onChange: (n) => d.setProp(m, (i) => {
+                i.conversion = n;
+              }),
+              fallbackEventName: "Lead"
+            }
+          )
+        }
+      )
+    ] })
+  });
+};
+export {
+  H as FormMainTab
+};