fansunited-widgets-cdn 0.0.85 → 0.0.86-RC2

package/chunks/CollectLeadForm-DtmR2Vuf-B_3JkHJC.js

@@ -0,0 +1,1560 @@
+import { r as P, Z as Me, w as z, _ as Fe, $ as we, j as r, G as Ve, F as qe, v as Je, a0 as io, x as ee, y as oe, z as ce, D as Ge, B as ve } from "./main-XP7dqk6g.js";
+import { e as Ze, J as Qe, G as Ke, $ as Xe, h as Be, Z as so, s as Le, v as We, w as Ae, x as co, z as uo, A as po } from "./Portal-BWqqFvVm-TuHZWjxn.js";
+import { S as He } from "./Stack-Dgf2LXN0.js";
+import { a as mo, b as ho, T as G, B as Pe } from "./Button-BV7YIFkS.js";
+import { b as xo, F as vo, c as bo, u as Re, I as se, S as Oe, a as Ee } from "./Select-p_cHpLhi.js";
+import { F as J, a as re, A as go, b as fo, L as Co, c as yo } from "./ListItemDecorator-CE2eQLip.js";
+import { o as Ue } from "./Portal-DA1mxzSo.js";
+import { c as Ye } from "./createSvgIcon-7h7XC877.js";
+import { L as xe } from "./Link-DLuj1USf.js";
+function ko(o, e = 166) {
+  let l;
+  function t(...i) {
+    const n = () => {
+      o.apply(this, i);
+    };
+    clearTimeout(l), l = setTimeout(n, e);
+  }
+  return t.clear = () => {
+    clearTimeout(l);
+  }, t;
+}
+function To(o) {
+  const {
+    checked: e,
+    defaultChecked: l,
+    disabled: t,
+    onBlur: i,
+    onChange: n,
+    onFocus: b,
+    onFocusVisible: g,
+    readOnly: k,
+    required: j
+  } = o, [I, c] = xo({
+    controlled: e,
+    default: !!l,
+    name: "Switch",
+    state: "checked"
+  }), S = (v) => (C) => {
+    var d;
+    C.nativeEvent.defaultPrevented || (c(C.target.checked), n == null || n(C), (d = v.onChange) == null || d.call(v, C));
+  }, {
+    isFocusVisibleRef: f,
+    onBlur: $,
+    onFocus: N,
+    ref: F
+  } = mo(), [x, p] = P.useState(!1);
+  t && x && p(!1), P.useEffect(() => {
+    f.current = x;
+  }, [x, f]);
+  const s = P.useRef(null), a = (v) => (C) => {
+    var d;
+    s.current || (s.current = C.currentTarget), N(C), f.current === !0 && (p(!0), g == null || g(C)), b == null || b(C), (d = v.onFocus) == null || d.call(v, C);
+  }, D = (v) => (C) => {
+    var d;
+    $(C), f.current === !1 && p(!1), i == null || i(C), (d = v.onBlur) == null || d.call(v, C);
+  }, H = Me(F, s);
+  return {
+    checked: I,
+    disabled: !!t,
+    focusVisible: x,
+    getInputProps: (v = {}) => z({
+      checked: e,
+      defaultChecked: l,
+      disabled: t,
+      readOnly: k,
+      ref: H,
+      required: j,
+      type: "checkbox",
+      role: "switch",
+      "aria-checked": e
+    }, v, {
+      onChange: S(v),
+      onFocus: a(v),
+      onBlur: D(v)
+    }),
+    inputRef: H,
+    readOnly: !!k
+  };
+}
+const $o = ["onChange", "maxRows", "minRows", "style", "value"];
+function ge(o) {
+  return parseInt(o, 10) || 0;
+}
+const No = {
+  shadow: {
+    // Visibility needed to hide the extra text area on iPads
+    visibility: "hidden",
+    // Remove from the content flow
+    position: "absolute",
+    // Ignore the scrollbar width
+    overflow: "hidden",
+    height: 0,
+    top: 0,
+    left: 0,
+    // Create a new layer, increase the isolation of the computed values
+    transform: "translateZ(0)"
+  }
+};
+function zo(o) {
+  return o == null || Object.keys(o).length === 0 || o.outerHeightStyle === 0 && !o.overflowing;
+}
+const jo = /* @__PURE__ */ P.forwardRef(function(e, l) {
+  const {
+    onChange: t,
+    maxRows: i,
+    minRows: n = 1,
+    style: b,
+    value: g
+  } = e, k = Fe(e, $o), {
+    current: j
+  } = P.useRef(g != null), I = P.useRef(null), c = Me(l, I), S = P.useRef(null), f = P.useRef(null), $ = P.useCallback(() => {
+    const x = I.current, s = Ue(x).getComputedStyle(x);
+    if (s.width === "0px")
+      return {
+        outerHeightStyle: 0,
+        overflowing: !1
+      };
+    const a = f.current;
+    a.style.width = s.width, a.value = x.value || e.placeholder || "x", a.value.slice(-1) === `
+` && (a.value += " ");
+    const D = s.boxSizing, H = ge(s.paddingBottom) + ge(s.paddingTop), R = ge(s.borderBottomWidth) + ge(s.borderTopWidth), v = a.scrollHeight;
+    a.value = "x";
+    const C = a.scrollHeight;
+    let d = v;
+    n && (d = Math.max(Number(n) * C, d)), i && (d = Math.min(Number(i) * C, d)), d = Math.max(d, C);
+    const V = d + (D === "border-box" ? H + R : 0), m = Math.abs(d - v) <= 1;
+    return {
+      outerHeightStyle: V,
+      overflowing: m
+    };
+  }, [i, n, e.placeholder]), N = P.useCallback(() => {
+    const x = $();
+    if (zo(x))
+      return;
+    const p = x.outerHeightStyle, s = I.current;
+    S.current !== p && (S.current = p, s.style.height = `${p}px`), s.style.overflow = x.overflowing ? "hidden" : "";
+  }, [$]);
+  we(() => {
+    const x = () => {
+      N();
+    };
+    let p;
+    const s = ko(x), a = I.current, D = Ue(a);
+    D.addEventListener("resize", s);
+    let H;
+    return typeof ResizeObserver < "u" && (H = new ResizeObserver(x), H.observe(a)), () => {
+      s.clear(), cancelAnimationFrame(p), D.removeEventListener("resize", s), H && H.disconnect();
+    };
+  }, [$, N]), we(() => {
+    N();
+  });
+  const F = (x) => {
+    j || N(), t && t(x);
+  };
+  return /* @__PURE__ */ r.jsxs(P.Fragment, {
+    children: [/* @__PURE__ */ r.jsx("textarea", z({
+      value: g,
+      onChange: F,
+      ref: c,
+      rows: n,
+      style: b
+    }, k)), /* @__PURE__ */ r.jsx("textarea", {
+      "aria-hidden": !0,
+      className: e.className,
+      readOnly: !0,
+      ref: f,
+      tabIndex: -1,
+      style: z({}, No.shadow, b, {
+        paddingTop: 0,
+        paddingBottom: 0
+      })
+    })]
+  });
+});
+function Io(o) {
+  return qe("MuiCheckbox", o);
+}
+const de = Ve("MuiCheckbox", ["root", "checkbox", "action", "input", "label", "checked", "disabled", "focusVisible", "indeterminate", "colorPrimary", "colorDanger", "colorNeutral", "colorSuccess", "colorWarning", "colorContext", "sizeSm", "sizeMd", "sizeLg", "variantOutlined", "variantSoft", "variantSolid"]), So = Ye(/* @__PURE__ */ r.jsx("path", {
+  d: "M9 16.17 5.53 12.7a.9959.9959 0 0 0-1.41 0c-.39.39-.39 1.02 0 1.41l4.18 4.18c.39.39 1.02.39 1.41 0L20.29 7.71c.39-.39.39-1.02 0-1.41a.9959.9959 0 0 0-1.41 0L9 16.17z"
+}), "Check"), Po = Ye(/* @__PURE__ */ r.jsx("path", {
+  d: "M19 13H5c-.55 0-1-.45-1-1s.45-1 1-1h14c.55 0 1 .45 1 1s-.45 1-1 1z"
+}), "HorizontalRule"), Fo = ["checked", "uncheckedIcon", "checkedIcon", "label", "defaultChecked", "disabled", "disableIcon", "overlay", "id", "indeterminate", "indeterminateIcon", "name", "onBlur", "onChange", "onFocus", "onFocusVisible", "readOnly", "required", "value", "color", "variant", "size", "component", "slots", "slotProps"], Bo = (o) => {
+  const {
+    checked: e,
+    disabled: l,
+    disableIcon: t,
+    focusVisible: i,
+    color: n,
+    variant: b,
+    size: g,
+    indeterminate: k
+  } = o, j = {
+    root: ["root", e && "checked", l && "disabled", i && "focusVisible", b && `variant${ce(b)}`, n && `color${ce(n)}`, g && `size${ce(g)}`],
+    checkbox: [
+      "checkbox",
+      e && "checked",
+      k && "indeterminate",
+      l && "disabled"
+      // disabled class is necessary for displaying global variant
+    ],
+    action: [
+      "action",
+      e && "checked",
+      t && l && "disabled",
+      // add disabled class to action element for displaying global variant
+      i && "focusVisible"
+    ],
+    input: ["input"],
+    label: ["label"]
+  };
+  return Ge(j, Io, {});
+}, Ho = oe("span", {
+  name: "JoyCheckbox",
+  slot: "Root",
+  overridesResolver: (o, e) => e.root
+})(({
+  ownerState: o,
+  theme: e
+}) => {
+  var l, t, i;
+  return z({
+    "--Icon-fontSize": "var(--Checkbox-size)"
+  }, o.size === "sm" && {
+    "--Checkbox-size": "1rem",
+    "& ~ *": {
+      "--FormHelperText-margin": "0 0 0 1.5rem"
+    },
+    fontSize: e.vars.fontSize.sm,
+    gap: "var(--Checkbox-gap, 0.5rem)"
+  }, o.size === "md" && {
+    "--Checkbox-size": "1.25rem",
+    "& ~ *": {
+      "--FormHelperText-margin": "0.25rem 0 0 1.875rem"
+    },
+    fontSize: e.vars.fontSize.md,
+    gap: "var(--Checkbox-gap, 0.625rem)"
+  }, o.size === "lg" && {
+    "--Checkbox-size": "1.5rem",
+    "& ~ *": {
+      "--FormHelperText-margin": "0.375rem 0 0 2.25rem"
+    },
+    fontSize: e.vars.fontSize.lg,
+    gap: "var(--Checkbox-gap, 0.75rem)"
+  }, {
+    position: o.overlay ? "initial" : "relative",
+    display: "inline-flex",
+    fontFamily: e.vars.fontFamily.body,
+    lineHeight: "var(--Checkbox-size)",
+    color: e.vars.palette.text.primary,
+    [`&.${de.disabled}`]: {
+      color: (l = e.variants.plainDisabled) == null || (l = l[o.color]) == null ? void 0 : l.color
+    }
+  }, o.disableIcon && {
+    color: (t = e.variants[o.variant]) == null || (t = t[o.color]) == null ? void 0 : t.color,
+    [`&.${de.disabled}`]: {
+      color: (i = e.variants[`${o.variant}Disabled`]) == null || (i = i[o.color]) == null ? void 0 : i.color
+    }
+  });
+}), Ro = oe("span", {
+  name: "JoyCheckbox",
+  slot: "Checkbox",
+  overridesResolver: (o, e) => e.checkbox
+})(({
+  theme: o,
+  ownerState: e
+}) => {
+  var l, t, i, n, b;
+  const g = (l = o.variants[`${e.variant}`]) == null ? void 0 : l[e.color];
+  return [z({
+    "--Icon-color": e.color !== "neutral" || e.variant === "solid" ? "currentColor" : o.vars.palette.text.icon,
+    boxSizing: "border-box",
+    borderRadius: `min(${o.vars.radius.sm}, 0.25rem)`,
+    width: "var(--Checkbox-size)",
+    height: "var(--Checkbox-size)",
+    display: "inline-flex",
+    justifyContent: "center",
+    alignItems: "center",
+    flexShrink: 0
+  }, e.disableIcon && {
+    display: "contents"
+  }, {
+    [`&.${de.checked}, &.${de.indeterminate}`]: {
+      "--Icon-color": "currentColor"
+    }
+  }), ...e.disableIcon ? [] : [z({}, g, {
+    backgroundColor: (t = g == null ? void 0 : g.backgroundColor) != null ? t : o.vars.palette.background.surface
+  }), {
+    "&:hover": {
+      "@media (hover: hover)": (i = o.variants[`${e.variant}Hover`]) == null ? void 0 : i[e.color]
+    }
+  }, {
+    "&:active": (n = o.variants[`${e.variant}Active`]) == null ? void 0 : n[e.color]
+  }, {
+    [`&.${de.disabled}`]: (b = o.variants[`${e.variant}Disabled`]) == null ? void 0 : b[e.color]
+  }]];
+}), _o = oe("span", {
+  name: "JoyCheckbox",
+  slot: "Action",
+  overridesResolver: (o, e) => e.action
+})(({
+  theme: o,
+  ownerState: e
+}) => {
+  var l, t, i, n;
+  return [{
+    borderRadius: `var(--Checkbox-actionRadius, ${e.overlay ? "var(--unstable_actionRadius, inherit)" : "inherit"})`,
+    textAlign: "left",
+    // prevent text-align inheritance
+    position: "absolute",
+    top: "calc(-1 * var(--variant-borderWidth, 0px))",
+    // clickable on the border and focus outline does not move when checked/unchecked
+    left: "calc(-1 * var(--variant-borderWidth, 0px))",
+    bottom: "calc(-1 * var(--variant-borderWidth, 0px))",
+    right: "calc(-1 * var(--variant-borderWidth, 0px))",
+    zIndex: 1,
+    // The action element usually cover the area of nearest positioned parent
+    [o.focus.selector]: o.focus.default
+  }, ...e.disableIcon ? [(l = o.variants[e.variant]) == null ? void 0 : l[e.color], {
+    "&:hover": (t = o.variants[`${e.variant}Hover`]) == null ? void 0 : t[e.color]
+  }, {
+    "&:active": (i = o.variants[`${e.variant}Active`]) == null ? void 0 : i[e.color]
+  }, {
+    [`&.${de.disabled}`]: (n = o.variants[`${e.variant}Disabled`]) == null ? void 0 : n[e.color]
+  }] : []];
+}), Do = oe("input", {
+  name: "JoyCheckbox",
+  slot: "Input",
+  overridesResolver: (o, e) => e.input
+})(() => ({
+  margin: 0,
+  opacity: 0,
+  position: "absolute",
+  width: "100%",
+  height: "100%",
+  cursor: "pointer"
+})), wo = oe("label", {
+  name: "JoyCheckbox",
+  slot: "Label",
+  overridesResolver: (o, e) => e.label
+})(({
+  ownerState: o
+}) => z({
+  flex: 1,
+  minWidth: 0
+}, o.disableIcon && {
+  zIndex: 1,
+  // label should stay on top of the action.
+  pointerEvents: "none"
+  // makes hover ineffect.
+})), Lo = /* @__PURE__ */ r.jsx(So, {}), Wo = /* @__PURE__ */ r.jsx(Po, {}), eo = /* @__PURE__ */ P.forwardRef(function(e, l) {
+  var t, i, n, b, g;
+  const k = Je({
+    props: e,
+    name: "JoyCheckbox"
+  }), {
+    checked: j,
+    uncheckedIcon: I,
+    checkedIcon: c = Lo,
+    label: S,
+    defaultChecked: f,
+    disabled: $,
+    disableIcon: N = !1,
+    overlay: F,
+    id: x,
+    indeterminate: p = !1,
+    indeterminateIcon: s = Wo,
+    name: a,
+    onBlur: D,
+    onChange: H,
+    onFocus: R,
+    onFocusVisible: v,
+    readOnly: C,
+    required: d,
+    value: V,
+    color: m,
+    variant: y,
+    size: B = "md",
+    component: E,
+    slots: Z = {},
+    slotProps: W = {}
+  } = k, A = Fe(k, Fo), _ = P.useContext(vo), ue = (t = (i = e.disabled) != null ? i : _ == null ? void 0 : _.disabled) != null ? t : $, T = (n = (b = e.size) != null ? b : _ == null ? void 0 : _.size) != null ? n : B, w = io(x ?? (_ == null ? void 0 : _.htmlFor)), U = {
+    checked: j,
+    defaultChecked: f,
+    disabled: ue,
+    onBlur: D,
+    onChange: H,
+    onFocus: R,
+    onFocusVisible: v
+  }, {
+    getInputProps: pe,
+    checked: Q,
+    disabled: me,
+    focusVisible: q
+  } = To(U), O = Q || p, u = O ? y || "solid" : y || "outlined", be = e.color || (_ != null && _.error ? "danger" : (g = _ == null ? void 0 : _.color) != null ? g : m), M = z({}, k, {
+    checked: Q,
+    disabled: me,
+    disableIcon: N,
+    overlay: F,
+    focusVisible: q,
+    color: O ? be || "primary" : be || "neutral",
+    variant: u,
+    size: T
+  }), Y = Bo(M), te = z({}, A, {
+    component: E,
+    slots: Z,
+    slotProps: W
+  }), [fe, Ce] = ee("root", {
+    ref: l,
+    className: Y.root,
+    elementType: Ho,
+    externalForwardedProps: te,
+    ownerState: M
+  }), [ye, ke] = ee("checkbox", {
+    className: Y.checkbox,
+    elementType: Ro,
+    externalForwardedProps: te,
+    ownerState: M
+  }), [Te, $e] = ee("action", {
+    className: Y.action,
+    elementType: _o,
+    externalForwardedProps: te,
+    ownerState: M
+  }), [Ne, ze] = ee("input", {
+    additionalProps: z({
+      id: w,
+      name: a,
+      value: V,
+      readOnly: C,
+      role: void 0,
+      required: d ?? (_ == null ? void 0 : _.required),
+      "aria-describedby": _ == null ? void 0 : _["aria-describedby"]
+    }, p && {
+      // https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-checked#values
+      "aria-checked": "mixed"
+    }),
+    className: Y.input,
+    elementType: Do,
+    externalForwardedProps: te,
+    getSlotProps: pe,
+    ownerState: M
+  }), [je, Ie] = ee("label", {
+    additionalProps: {
+      htmlFor: w
+    },
+    className: Y.label,
+    elementType: wo,
+    externalForwardedProps: te,
+    ownerState: M
+  });
+  let ie = I;
+  return N ? ie = null : p ? ie = s : Q && (ie = c), /* @__PURE__ */ r.jsxs(fe, z({}, Ce, {
+    children: [/* @__PURE__ */ r.jsxs(ye, z({}, ke, {
+      children: [/* @__PURE__ */ r.jsx(Te, z({}, $e, {
+        children: /* @__PURE__ */ r.jsx(Ne, z({}, ze))
+      })), ie]
+    })), S && /* @__PURE__ */ r.jsx(ho.Provider, {
+      value: !0,
+      children: /* @__PURE__ */ r.jsx(je, z({}, Ie, {
+        children: S
+      }))
+    })]
+  }));
+});
+function Ao(o) {
+  return qe("MuiTextarea", o);
+}
+const oo = Ve("MuiTextarea", ["root", "textarea", "startDecorator", "endDecorator", "formControl", "disabled", "error", "focused", "colorPrimary", "colorNeutral", "colorDanger", "colorSuccess", "colorWarning", "colorContext", "sizeSm", "sizeMd", "sizeLg", "variantPlain", "variantOutlined", "variantSoft"]), Oo = ["propsToForward", "rootStateClasses", "inputStateClasses", "getRootProps", "getInputProps", "formControl", "focused", "error", "disabled", "size", "color", "variant", "startDecorator", "endDecorator", "minRows", "maxRows", "component", "slots", "slotProps"], Eo = (o) => {
+  const {
+    disabled: e,
+    variant: l,
+    color: t,
+    size: i
+  } = o, n = {
+    root: ["root", e && "disabled", l && `variant${ce(l)}`, t && `color${ce(t)}`, i && `size${ce(i)}`],
+    textarea: ["textarea"],
+    startDecorator: ["startDecorator"],
+    endDecorator: ["endDecorator"]
+  };
+  return Ge(n, Ao, {});
+}, Uo = oe("div", {
+  name: "JoyTextarea",
+  slot: "Root",
+  overridesResolver: (o, e) => e.root
+})(({
+  theme: o,
+  ownerState: e
+}) => {
+  var l, t, i, n, b, g;
+  const k = (l = o.variants[`${e.variant}`]) == null ? void 0 : l[e.color];
+  return [z({
+    "--Textarea-radius": o.vars.radius.sm,
+    "--Textarea-gap": "0.5rem",
+    "--Textarea-placeholderColor": "inherit",
+    "--Textarea-placeholderOpacity": 0.64,
+    "--Textarea-decoratorColor": o.vars.palette.text.icon,
+    "--Textarea-focused": "0",
+    "--Textarea-focusedThickness": o.vars.focus.thickness,
+    "--Textarea-focusedHighlight": (t = o.vars.palette[e.color === "neutral" ? "primary" : e.color]) == null ? void 0 : t[500],
+    '&:not([data-inverted-colors="false"])': z({}, e.instanceColor && {
+      "--_Textarea-focusedHighlight": (i = o.vars.palette[e.instanceColor === "neutral" ? "primary" : e.instanceColor]) == null ? void 0 : i[500]
+    }, {
+      "--Textarea-focusedHighlight": `var(--_Textarea-focusedHighlight, ${o.vars.palette.focusVisible})`
+    })
+  }, e.size === "sm" && {
+    "--Textarea-minHeight": "2rem",
+    "--Textarea-paddingBlock": "calc(0.375rem - 0.5px - var(--variant-borderWidth, 0px))",
+    // to match Input because <textarea> does not center the text at the middle like <input>
+    "--Textarea-paddingInline": "0.5rem",
+    "--Textarea-decoratorChildHeight": "min(1.5rem, var(--Textarea-minHeight))",
+    "--Icon-fontSize": o.vars.fontSize.xl
+  }, e.size === "md" && {
+    "--Textarea-minHeight": "2.25rem",
+    "--Textarea-paddingBlock": "calc(0.375rem - var(--variant-borderWidth, 0px))",
+    "--Textarea-paddingInline": "0.75rem",
+    "--Textarea-decoratorChildHeight": "min(1.75rem, var(--Textarea-minHeight))",
+    "--Icon-fontSize": o.vars.fontSize.xl2
+  }, e.size === "lg" && {
+    "--Textarea-minHeight": "3rem",
+    "--Textarea-paddingBlock": "calc(0.75rem - var(--variant-borderWidth, 0px))",
+    "--Textarea-paddingInline": "1rem",
+    "--Textarea-gap": "0.75rem",
+    "--Textarea-decoratorChildHeight": "min(2.375rem, var(--Textarea-minHeight))",
+    "--Icon-fontSize": o.vars.fontSize.xl2
+  }, {
+    // variables for controlling child components
+    "--_Textarea-paddingBlock": "max((var(--Textarea-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Textarea-decoratorChildHeight)) / 2, 0px)",
+    "--Textarea-decoratorChildRadius": "max(var(--Textarea-radius) - var(--variant-borderWidth, 0px) - var(--_Textarea-paddingBlock), min(var(--_Textarea-paddingBlock) + var(--variant-borderWidth, 0px), var(--Textarea-radius) / 2))",
+    "--Button-minHeight": "var(--Textarea-decoratorChildHeight)",
+    "--Button-paddingBlock": "0px",
+    // to ensure that the height of the button is equal to --Button-minHeight
+    "--IconButton-size": "var(--Textarea-decoratorChildHeight)",
+    "--Button-radius": "var(--Textarea-decoratorChildRadius)",
+    "--IconButton-radius": "var(--Textarea-decoratorChildRadius)",
+    boxSizing: "border-box"
+  }, e.variant !== "plain" && {
+    boxShadow: o.shadow.xs
+  }, {
+    minWidth: 0,
+    minHeight: "var(--Textarea-minHeight)",
+    cursor: "text",
+    position: "relative",
+    display: "flex",
+    flexDirection: "column",
+    paddingInlineStart: "var(--Textarea-paddingInline)",
+    // the paddingInlineEnd is added to the textarea. It looks better when the scrollbar appears.
+    paddingBlock: "var(--Textarea-paddingBlock)",
+    borderRadius: "var(--Textarea-radius)"
+  }, o.typography[`body-${e.size}`], k, {
+    backgroundColor: (n = k == null ? void 0 : k.backgroundColor) != null ? n : o.vars.palette.background.surface,
+    "&::before": {
+      boxSizing: "border-box",
+      content: '""',
+      display: "block",
+      position: "absolute",
+      pointerEvents: "none",
+      top: 0,
+      left: 0,
+      right: 0,
+      bottom: 0,
+      zIndex: 1,
+      borderRadius: "inherit",
+      margin: "calc(var(--variant-borderWidth, 0px) * -1)",
+      // for outlined variant
+      boxShadow: "var(--Textarea-focusedInset, inset) 0 0 0 calc(var(--Textarea-focused) * var(--Textarea-focusedThickness)) var(--Textarea-focusedHighlight)"
+    }
+  }), {
+    "&:hover": z({}, (b = o.variants[`${e.variant}Hover`]) == null ? void 0 : b[e.color], {
+      backgroundColor: null,
+      // it is not common to change background on hover for Textarea
+      cursor: "text"
+    }),
+    [`&.${oo.disabled}`]: (g = o.variants[`${e.variant}Disabled`]) == null ? void 0 : g[e.color],
+    "&:focus-within::before": {
+      "--Textarea-focused": "1"
+    }
+  }];
+}), Mo = oe(jo, {
+  name: "JoyTextarea",
+  slot: "Textarea",
+  overridesResolver: (o, e) => e.textarea
+})({
+  resize: "none",
+  border: "none",
+  // remove the native textarea width
+  minWidth: 0,
+  // remove the native textarea width
+  outline: 0,
+  // remove the native textarea outline
+  padding: 0,
+  // remove the native textarea padding
+  paddingInlineEnd: "var(--Textarea-paddingInline)",
+  flex: "auto",
+  alignSelf: "stretch",
+  color: "inherit",
+  backgroundColor: "transparent",
+  fontFamily: "inherit",
+  fontSize: "inherit",
+  fontStyle: "inherit",
+  fontWeight: "inherit",
+  lineHeight: "inherit",
+  "&::-webkit-input-placeholder": {
+    color: "var(--Textarea-placeholderColor)",
+    opacity: "var(--Textarea-placeholderOpacity)"
+  },
+  "&::-moz-placeholder": {
+    // Firefox 19+
+    color: "var(--Textarea-placeholderColor)",
+    opacity: "var(--Textarea-placeholderOpacity)"
+  },
+  "&:-ms-input-placeholder": {
+    // IE11
+    color: "var(--Textarea-placeholderColor)",
+    opacity: "var(--Textarea-placeholderOpacity)"
+  },
+  "&::-ms-input-placeholder": {
+    // Edge
+    color: "var(--Textarea-placeholderColor)",
+    opacity: "var(--Textarea-placeholderOpacity)"
+  }
+}), Vo = oe("div", {
+  name: "JoyTextarea",
+  slot: "StartDecorator",
+  overridesResolver: (o, e) => e.startDecorator
+})({
+  display: "flex",
+  marginInlineStart: "calc(var(--Textarea-paddingBlock) - var(--Textarea-paddingInline))",
+  marginInlineEnd: "var(--Textarea-paddingBlock)",
+  marginBlockEnd: "var(--Textarea-gap)",
+  color: "var(--Textarea-decoratorColor)",
+  cursor: "initial"
+}), qo = oe("div", {
+  name: "JoyTextarea",
+  slot: "EndDecorator",
+  overridesResolver: (o, e) => e.endDecorator
+})({
+  display: "flex",
+  marginInlineStart: "calc(var(--Textarea-paddingBlock) - var(--Textarea-paddingInline))",
+  marginInlineEnd: "var(--Textarea-paddingBlock)",
+  marginBlockStart: "var(--Textarea-gap)",
+  color: "var(--Textarea-decoratorColor)",
+  cursor: "initial"
+}), Jo = /* @__PURE__ */ P.forwardRef(function(e, l) {
+  var t, i, n, b, g, k, j, I;
+  const c = Je({
+    props: e,
+    name: "JoyTextarea"
+  }), S = bo(c, oo), {
+    propsToForward: f,
+    rootStateClasses: $,
+    inputStateClasses: N,
+    getRootProps: F,
+    getInputProps: x,
+    formControl: p,
+    focused: s,
+    error: a = !1,
+    disabled: D = !1,
+    size: H = "md",
+    color: R = "neutral",
+    variant: v = "outlined",
+    startDecorator: C,
+    endDecorator: d,
+    minRows: V,
+    maxRows: m,
+    component: y,
+    slots: B = {},
+    slotProps: E = {}
+  } = S, Z = Fe(S, Oo), W = (t = (i = e.disabled) != null ? i : p == null ? void 0 : p.disabled) != null ? t : D, A = (n = (b = e.error) != null ? b : p == null ? void 0 : p.error) != null ? n : a, _ = (g = (k = e.size) != null ? k : p == null ? void 0 : p.size) != null ? g : H, ue = (j = e.color) != null ? j : A ? "danger" : (I = p == null ? void 0 : p.color) != null ? I : R, T = z({
+    instanceColor: A ? "danger" : e.color
+  }, c, {
+    color: ue,
+    disabled: W,
+    error: A,
+    focused: s,
+    size: _,
+    variant: v
+  }), w = Eo(T), U = z({}, Z, {
+    component: y,
+    slots: B,
+    slotProps: E
+  }), [pe, Q] = ee("root", {
+    ref: l,
+    className: [w.root, $],
+    elementType: Uo,
+    externalForwardedProps: U,
+    getSlotProps: F,
+    ownerState: T
+  }), [me, q] = ee("textarea", {
+    additionalProps: {
+      id: p == null ? void 0 : p.htmlFor,
+      "aria-describedby": p == null ? void 0 : p["aria-describedby"]
+    },
+    className: [w.textarea, N],
+    elementType: Mo,
+    internalForwardedProps: z({}, f, {
+      minRows: V,
+      maxRows: m
+    }),
+    externalForwardedProps: U,
+    getSlotProps: x,
+    ownerState: T
+  }), [O, le] = ee("startDecorator", {
+    className: w.startDecorator,
+    elementType: Vo,
+    externalForwardedProps: U,
+    ownerState: T
+  }), [ne, u] = ee("endDecorator", {
+    className: w.endDecorator,
+    elementType: qo,
+    externalForwardedProps: U,
+    ownerState: T
+  });
+  return /* @__PURE__ */ r.jsxs(pe, z({}, Q, {
+    children: [C && /* @__PURE__ */ r.jsx(O, z({}, le, {
+      children: C
+    })), /* @__PURE__ */ r.jsx(me, z({}, q)), d && /* @__PURE__ */ r.jsx(ne, z({}, u, {
+      children: d
+    }))]
+  }));
+});
+function Go(o) {
+  const {
+    sdk: e,
+    fields: l = ["fullName", "email"],
+    campaignId: t = "",
+    campaignName: i = "",
+    contentType: n = "",
+    contentId: b = "",
+    contentName: g = "",
+    syncWithProfile: k = !1
+  } = o, { leadPhoneCountryCode: j, language: I } = Ke(Xe), [c, S] = P.useState({
+    firstName: "",
+    lastName: "",
+    fullName: "",
+    email: "",
+    gender: "",
+    country: "",
+    phoneCountryCode: j ? We(j) : Ae(I || "en"),
+    phoneNumber: "",
+    customFields: {}
+  });
+  P.useEffect(() => {
+    const m = j ? We(j) : Ae(I || "en");
+    S((y) => !y.phoneNumber || !y.phoneCountryCode ? { ...y, phoneCountryCode: m } : y);
+  }, [j, I]);
+  const [f, $] = P.useState({}), [N, F] = P.useState(!1), [x, p] = P.useState(!1), [s, a] = P.useState(null), D = () => a(null), H = (m) => (y) => {
+    S((B) => ({
+      ...B,
+      [m]: y.target.value
+    }));
+  }, R = (m) => (y) => {
+    const B = y.target.value;
+    $((E) => ({ ...E, [m]: B }));
+  }, v = (m, y) => {
+    S((B) => ({
+      ...B,
+      phoneCountryCode: y
+    }));
+  }, C = (m, y) => {
+    S((B) => ({
+      ...B,
+      country: y || ""
+    }));
+  }, d = (m, y) => {
+    S((B) => ({
+      ...B,
+      gender: y || ""
+    }));
+  }, V = async () => {
+    if (k)
+      try {
+        const m = e.profile.getOwn();
+        if (c.fullName && l.includes("fullName") ? m.setName(c.fullName.trim()) : c.firstName && l.includes("firstName") && c.lastName && l.includes("lastName") ? m.setName(
+          c.firstName.trim() + " " + c.lastName.trim()
+        ) : c.firstName && l.includes("firstName") ? m.setName(c.firstName.trim()) : c.lastName && l.includes("lastName") && m.setName(c.lastName.trim()), c.email && l.includes("email") && m.setEmail(c.email.trim()), c.gender && l.includes("gender") && m.setGender(c.gender), c.country && l.includes("country")) {
+          const y = await e.profile.getCountries(), B = po(c.country), E = y.find((Z) => Z.name === (B == null ? void 0 : B.label));
+          E && m.setCountry(E.id);
+        }
+        c.phoneCountryCode && l.includes("phoneCountryCode") && m.setPhoneCountryCode(
+          "+" + c.phoneCountryCode.phone
+        ), c.phoneNumber && l.includes("phoneNumber") && m.setPhoneNumber(c.phoneNumber.trim()), await m.update();
+      } catch (m) {
+        console.warn("[LeadForm] Failed to sync profile data:", m);
+      }
+  };
+  return {
+    formData: c,
+    setFormData: S,
+    isLoading: N,
+    isSuccess: x,
+    error: s,
+    clearError: D,
+    handleInputChange: H,
+    handleCustomFieldChange: R,
+    customFieldsData: f,
+    handlePhoneCountryChange: v,
+    handleCountryChange: C,
+    handleGenderChange: d,
+    handleSubmit: async (m) => {
+      var y;
+      m && m.preventDefault(), a(null);
+      const B = {
+        firstName: c.firstName,
+        lastName: c.lastName,
+        fullName: c.fullName,
+        email: c.email,
+        gender: c.gender,
+        country: c.country,
+        phoneCountryCode: "+" + (((y = c.phoneCountryCode) == null ? void 0 : y.phone) ?? ""),
+        phoneNumber: c.phoneNumber,
+        campaignId: t,
+        campaignName: i,
+        contentType: n,
+        contentId: b,
+        contentName: g,
+        customFields: f
+      }, E = [
+        "firstName",
+        "lastName",
+        "fullName",
+        "email",
+        "gender",
+        "country",
+        "phoneCountryCode",
+        "phoneNumber",
+        "customFields"
+      ], Z = Object.fromEntries(
+        Object.entries(B).map(([W, A]) => E.includes(W) ? W === "customFields" ? [W, A] : l.includes(W) && A !== "" && A !== null ? [W, A] : [W, null] : [W, A])
+      );
+      F(!0);
+      try {
+        await e.profile.collectLead(Z), await V(), p(!0);
+      } catch {
+        a("leads.form.error");
+      } finally {
+        F(!1);
+      }
+    },
+    countries: co
+  };
+}
+const Zo = (o) => {
+  const e = Re(), { t: l } = Be();
+  if (!o.brandingUrls)
+    return /* @__PURE__ */ r.jsx(r.Fragment, {});
+  const { privacyPolicyUrl: t, termsAndConditionsUrl: i } = o.brandingUrls;
+  if (!t && !i)
+    return /* @__PURE__ */ r.jsx(r.Fragment, {});
+  const n = () => t && !i ? /* @__PURE__ */ r.jsxs(G, { children: [
+    l("common.labels.iAgreeToThe"),
+    " ",
+    /* @__PURE__ */ r.jsx(
+      xe,
+      {
+        href: t,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        sx: {
+          color: o.primaryColor,
+          textDecorationColor: o.primaryColor
+        },
+        children: l("leads.form.privacyPolicy")
+      }
+    )
+  ] }) : !t && i ? /* @__PURE__ */ r.jsxs(G, { children: [
+    l("common.labels.iAgreeToThe"),
+    " ",
+    /* @__PURE__ */ r.jsx(
+      xe,
+      {
+        href: i,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        sx: {
+          color: o.primaryColor,
+          textDecorationColor: o.primaryColor
+        },
+        children: l("leads.form.termsAndConditions")
+      }
+    )
+  ] }) : /* @__PURE__ */ r.jsxs(G, { children: [
+    l("common.labels.iAgreeToThe"),
+    " ",
+    /* @__PURE__ */ r.jsx(
+      xe,
+      {
+        href: t,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        sx: {
+          color: o.primaryColor,
+          textDecorationColor: o.primaryColor
+        },
+        children: l("leads.form.privacyPolicy")
+      }
+    ),
+    " ",
+    l("common.labels.andThe"),
+    " ",
+    /* @__PURE__ */ r.jsx(
+      xe,
+      {
+        href: i,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        sx: {
+          color: o.primaryColor,
+          textDecorationColor: o.primaryColor
+        },
+        children: l("leads.form.termsAndConditions")
+      }
+    )
+  ] });
+  return /* @__PURE__ */ r.jsx(J, { required: !0, disabled: o.isDisabled, size: "sm", children: /* @__PURE__ */ r.jsxs(ve, { sx: { display: "inline-flex", alignItems: "center", gap: "8px" }, children: [
+    /* @__PURE__ */ r.jsx(
+      eo,
+      {
+        slotProps: {
+          input: {
+            sx: {}
+          },
+          checkbox: {
+            sx: {
+              "&.Mui-checked": {
+                bgcolor: o.primaryColor,
+                "--Icon-color": "#FFF"
+              },
+              "&:not(.Mui-checked):not(.Mui-disabled):hover": {
+                bgcolor: e.colorSchemes.light.palette.neutral.outlinedHoverBg
+              },
+              bgcolor: e.colorSchemes.light.palette.background.surface
+            }
+          }
+        }
+      }
+    ),
+    n()
+  ] }) });
+}, Qo = (o) => {
+  const { consents: e, isDisabled: l, primaryColor: t, brandingUrls: i, labels: n, onChange: b } = o, g = Re(), { t: k } = Be(), [j, I] = P.useState({}), c = (f) => ($) => {
+    const N = { ...j, [f]: $.target.checked };
+    I(N), b == null || b(N);
+  }, S = (f) => {
+    const $ = [], N = /\{\{(privacyPolicyUrl|termsAndConditionsUrl)\}\}/g;
+    let F = 0, x;
+    for (; (x = N.exec(f)) !== null; ) {
+      const s = f.slice(F, x.index);
+      s && $.push(
+        /* @__PURE__ */ r.jsx(G, { component: "span", children: s }, `text-${F}`)
+      );
+      const a = x[1], D = i == null ? void 0 : i[a], H = a === "privacyPolicyUrl" ? (n == null ? void 0 : n.privacyPolicyUrlLabel) || k("leads.form.privacyPolicy") : (n == null ? void 0 : n.termsAndConditionsUrlLabel) || k("leads.form.termsAndConditions");
+      D ? $.push(
+        /* @__PURE__ */ r.jsx(
+          xe,
+          {
+            href: D,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            sx: { color: t, textDecorationColor: t },
+            children: H
+          },
+          `link-${$.length}`
+        )
+      ) : (console.warn(
+        `[CollectLead] Consent label contains {{${a}}} but branding.urls.${a} is not provided.`
+      ), $.push(
+        /* @__PURE__ */ r.jsx(G, { component: "span", children: H }, `plain-${$.length}`)
+      )), F = N.lastIndex;
+    }
+    const p = f.slice(F);
+    return p && $.push(
+      /* @__PURE__ */ r.jsx(G, { component: "span", children: p }, "text-after")
+    ), /* @__PURE__ */ r.jsx(G, { component: "span", children: $ });
+  };
+  return /* @__PURE__ */ r.jsx(He, { spacing: 1, children: e.map((f) => /* @__PURE__ */ r.jsx(
+    J,
+    {
+      disabled: l,
+      size: "sm",
+      children: /* @__PURE__ */ r.jsxs(
+        ve,
+        {
+          sx: { display: "inline-flex", alignItems: "center", gap: "8px" },
+          children: [
+            /* @__PURE__ */ r.jsx(
+              eo,
+              {
+                checked: !!j[f.id],
+                onChange: c(f.id),
+                slotProps: {
+                  checkbox: {
+                    sx: {
+                      "&.Mui-checked": {
+                        bgcolor: t,
+                        "--Icon-color": "#FFF"
+                      },
+                      "&:not(.Mui-checked):not(.Mui-disabled):hover": {
+                        bgcolor: g.colorSchemes.light.palette.neutral.outlinedHoverBg
+                      },
+                      bgcolor: g.colorSchemes.light.palette.background.surface
+                    }
+                  }
+                }
+              }
+            ),
+            S(f.label)
+          ]
+        }
+      )
+    },
+    `consent-${f.id}`
+  )) });
+}, Ko = [
+  "fullName",
+  "firstName",
+  "lastName",
+  "email",
+  "gender",
+  "country",
+  "phoneCountryCode",
+  "phoneNumber"
+], ae = {
+  phoneContainer: { display: "flex", gap: 1 },
+  countrySelect: { width: "45%" },
+  phoneInput: { width: "100%" },
+  listItemContent: { fontSize: "sm" },
+  submitButton: { mt: 2 }
+}, Xo = (o) => {
+  var e, l, t, i, n, b;
+  const [g, k] = P.useState({}), {
+    sdk: j,
+    brandingColors: I,
+    brandingUrls: c,
+    fields: S = ["fullName", "email"],
+    campaignId: f = "",
+    campaignName: $ = "",
+    contentType: N = "",
+    contentId: F = "",
+    contentName: x = "",
+    formCustomFields: p,
+    onSuccessCta: s,
+    labels: a,
+    syncWithProfile: D = !1,
+    isSubmittingParticipation: H = !1
+  } = o, R = S.map((h) => h && h.trim()).filter((h) => Ko.includes(h)), {
+    formData: v,
+    isLoading: C,
+    isSuccess: d,
+    error: V,
+    handleInputChange: m,
+    handleCustomFieldChange: y,
+    customFieldsData: B,
+    handlePhoneCountryChange: E,
+    handleCountryChange: Z,
+    handleGenderChange: W,
+    handleSubmit: A,
+    countries: _
+  } = Go({
+    sdk: j,
+    fields: R,
+    campaignId: f,
+    campaignName: $,
+    contentType: N,
+    contentId: F,
+    contentName: x,
+    syncWithProfile: D
+  }), { shadowRootElement: ue } = Ke(Xe), { t: T } = Be(), w = Re(), U = Ze(), pe = so(), Q = Qe().primary, me = U.textPrimary, q = (I == null ? void 0 : I.primaryColor) || ((l = (e = U.palette) == null ? void 0 : e.primary) == null ? void 0 : l.plainColor), O = (i = (t = U.palette) == null ? void 0 : t.primary) == null ? void 0 : i.onPrimary, le = (I == null ? void 0 : I.primaryColor) || ((b = (n = U.palette) == null ? void 0 : n.primary) == null ? void 0 : b.primaryContainer), ne = pe.sm, u = {
+    background: {
+      surface: w.colorSchemes.light.palette.background.surface,
+      popup: w.colorSchemes.light.palette.background.popup
+    },
+    neutral: {
+      outlinedBorder: w.colorSchemes.light.palette.neutral.outlinedBorder,
+      outlinedColor: w.colorSchemes.light.palette.neutral.outlinedColor,
+      outlinedHoverBg: w.colorSchemes.light.palette.neutral.outlinedHoverBg,
+      plainActiveBg: w.colorSchemes.light.palette.neutral.plainActiveBg,
+      plainHoverBg: w.colorSchemes.light.palette.neutral.plainHoverBg,
+      plainHoverColor: w.colorSchemes.light.palette.neutral.plainHoverColor
+    }
+  }, be = [
+    { value: "male", label: T("leads.form.genderOptions.male") },
+    { value: "female", label: T("leads.form.genderOptions.female") },
+    { value: "other", label: T("leads.form.genderOptions.other") },
+    { value: "prefer_not_to_say", label: T("leads.form.genderOptions.notSay") }
+  ], K = {
+    color: `${me} !important`,
+    fontSize: "0.875em"
+  }, X = {
+    fontFamily: Q,
+    borderRadius: ne,
+    bgcolor: u.background.surface,
+    borderColor: u.neutral.outlinedBorder,
+    color: u.neutral.outlinedColor,
+    fontSize: "1em",
+    lineHeight: "2.25em",
+    "&:hover": {
+      bgcolor: u.neutral.outlinedHoverBg
+    },
+    "&.Mui-disabled": {
+      borderColor: u.neutral.outlinedBorder
+    },
+    "& input:-webkit-autofill": {
+      WebkitBoxShadow: `0 0 0 1000px ${u.background.surface} inset !important`,
+      WebkitTextFillColor: `${u.neutral.outlinedColor} !important`,
+      caretColor: u.neutral.outlinedColor,
+      borderRadius: ne
+    },
+    "& input:-webkit-autofill:hover": {
+      WebkitBoxShadow: `0 0 0 1000px ${u.background.surface} inset !important`,
+      WebkitTextFillColor: `${u.neutral.outlinedColor} !important`
+    },
+    "& input:-webkit-autofill:focus": {
+      WebkitBoxShadow: `0 0 0 1000px ${u.background.surface} inset !important`,
+      WebkitTextFillColor: `${u.neutral.outlinedColor} !important`
+    },
+    "& input:-webkit-autofill:active": {
+      WebkitBoxShadow: `0 0 0 1000px ${u.background.surface} inset !important`,
+      WebkitTextFillColor: `${u.neutral.outlinedColor} !important`
+    },
+    "& input:-moz-autofill": {
+      backgroundColor: `${u.background.surface} !important`,
+      color: `${u.neutral.outlinedColor} !important`
+    },
+    "& input:autofill": {
+      backgroundColor: `${u.background.surface} !important`,
+      color: `${u.neutral.outlinedColor} !important`
+    }
+  }, M = {
+    root: {
+      sx: {
+        ...X,
+        "&:hover": { bgcolor: u.neutral.outlinedHoverBg }
+      }
+    },
+    listbox: {
+      container: ue,
+      sx: {
+        zIndex: 10,
+        bgcolor: u.background.popup,
+        border: `1px solid ${u.neutral.outlinedBorder}`,
+        borderRadius: ne,
+        boxShadow: "0 4px 6px -1px rgb(0 0 0 / 0.1)"
+      }
+    }
+  }, Y = {
+    fontFamily: Q,
+    color: `${u.neutral.outlinedColor} !important`,
+    bgcolor: "transparent",
+    "&:hover": {
+      bgcolor: `${u.neutral.plainHoverBg} !important`,
+      color: `${u.neutral.plainHoverColor} !important`
+    },
+    "&.Mui-selected": {
+      bgcolor: `${u.neutral.plainActiveBg} !important`,
+      color: `${u.neutral.outlinedColor} !important`
+    },
+    "&.Mui-selected:hover": {
+      bgcolor: `${u.neutral.plainActiveBg} !important`,
+      color: `${u.neutral.outlinedColor} !important`
+    }
+  }, te = (a == null ? void 0 : a.fullNameLabel) || T("leads.form.fullName"), fe = (a == null ? void 0 : a.fullNamePlaceholder) || T("leads.form.fullNamePlaceholder"), Ce = (a == null ? void 0 : a.firstNameLabel) || T("leads.form.firstName"), ye = (a == null ? void 0 : a.firstNamePlaceholder) || T("leads.form.firstNamePlaceholder"), ke = (a == null ? void 0 : a.lastNameLabel) || T("leads.form.lastName"), Te = (a == null ? void 0 : a.lastNamePlaceholder) || T("leads.form.lastNamePlaceholder"), $e = (a == null ? void 0 : a.emailLabel) || T("leads.form.email"), Ne = (a == null ? void 0 : a.genderLabel) || T("leads.form.gender"), ze = (a == null ? void 0 : a.genderPlaceholder) || T("leads.form.genderPlaceholder"), je = (a == null ? void 0 : a.countryLabel) || T("leads.form.country"), Ie = (a == null ? void 0 : a.countryPlaceholder) || T("leads.form.countryPlaceholder"), ie = (a == null ? void 0 : a.phoneNumberLabel) || T("leads.form.phone"), ro = (a == null ? void 0 : a.phoneNumberPlaceholder) || T("leads.form.phonePlaceholder"), ao = (h) => {
+    const L = (a == null ? void 0 : a.privacyPolicyUrlLabel) || "Privacy Policy", he = (a == null ? void 0 : a.termsAndConditionsUrlLabel) || "Terms and Conditions";
+    return h.replace(/\{\{privacyPolicyUrl\}\}/g, L).replace(/\{\{termsAndConditionsUrl\}\}/g, he);
+  }, lo = (h) => {
+    k(h);
+  }, to = async (h) => {
+    await A(h);
+    try {
+      const L = (o.consents || []).filter(
+        (he) => g[he.id]
+      );
+      if (L.length > 0) {
+        const he = L.map((_e) => {
+          const Se = {
+            consentId: _e.id,
+            content: ao(_e.label)
+          };
+          F && (Se.entityId = F);
+          const De = uo(N);
+          return De && (Se.entityType = De), Se;
+        });
+        await j.profile.collectConsents(he);
+      }
+    } catch (L) {
+      console.warn("[CollectLead] Failed to collect consents", L);
+    }
+  }, no = () => s != null && s.component ? s.component : s != null && s.onClick ? /* @__PURE__ */ r.jsx(
+    Pe,
+    {
+      size: "lg",
+      loading: H,
+      sx: {
+        ...ae.submitButton,
+        bgcolor: q,
+        color: O,
+        ":hover": {
+          bgcolor: le,
+          color: O
+        },
+        fontSize: "1em"
+      },
+      onClick: s.onClick,
+      children: s.defaultLabel
+    }
+  ) : s != null && s.url ? typeof window > "u" ? /* @__PURE__ */ r.jsx(
+    ve,
+    {
+      component: "a",
+      href: s.url,
+      target: (s == null ? void 0 : s.target) || "_self",
+      sx: {
+        ...ae.submitButton,
+        bgcolor: q,
+        color: O,
+        ":hover": {
+          bgcolor: le,
+          color: O
+        },
+        fontSize: "1em",
+        textDecoration: "none",
+        display: "inline-flex",
+        alignItems: "center",
+        justifyContent: "center"
+      },
+      children: s.defaultLabel
+    }
+  ) : /* @__PURE__ */ r.jsx(
+    Pe,
+    {
+      size: "lg",
+      sx: {
+        ...ae.submitButton,
+        bgcolor: q,
+        color: O,
+        ":hover": {
+          bgcolor: le,
+          color: O
+        },
+        fontSize: "1em"
+      },
+      onClick: () => {
+        (s == null ? void 0 : s.target) === "_blank" ? window.open(s == null ? void 0 : s.url, "_blank") : window.location.href = s == null ? void 0 : s.url;
+      },
+      children: s.defaultLabel
+    }
+  ) : /* @__PURE__ */ r.jsx(r.Fragment, {});
+  return /* @__PURE__ */ r.jsx("form", { onSubmit: to, children: /* @__PURE__ */ r.jsxs(He, { spacing: 2, sx: { fontFamily: Q }, children: [
+    R.includes("fullName") && /* @__PURE__ */ r.jsxs(J, { required: !0, disabled: d, children: [
+      /* @__PURE__ */ r.jsx(re, { sx: K, children: te }),
+      /* @__PURE__ */ r.jsx(
+        se,
+        {
+          value: v.fullName,
+          onChange: m("fullName"),
+          placeholder: fe,
+          sx: X
+        }
+      )
+    ] }),
+    R.includes("firstName") && /* @__PURE__ */ r.jsxs(J, { required: !0, disabled: d, children: [
+      /* @__PURE__ */ r.jsx(re, { sx: K, children: Ce }),
+      /* @__PURE__ */ r.jsx(
+        se,
+        {
+          value: v.firstName,
+          onChange: m("firstName"),
+          placeholder: ye,
+          sx: X
+        }
+      )
+    ] }),
+    R.includes("lastName") && /* @__PURE__ */ r.jsxs(J, { required: !0, disabled: d, children: [
+      /* @__PURE__ */ r.jsx(re, { sx: K, children: ke }),
+      /* @__PURE__ */ r.jsx(
+        se,
+        {
+          value: v.lastName,
+          onChange: m("lastName"),
+          placeholder: Te,
+          sx: X
+        }
+      )
+    ] }),
+    R.includes("email") && /* @__PURE__ */ r.jsxs(J, { required: !0, disabled: d, children: [
+      /* @__PURE__ */ r.jsx(re, { sx: K, children: $e }),
+      /* @__PURE__ */ r.jsx(
+        se,
+        {
+          type: "email",
+          value: v.email,
+          onChange: m("email"),
+          placeholder: "your.email@example.com",
+          sx: X
+        }
+      )
+    ] }),
+    R.includes("gender") && /* @__PURE__ */ r.jsxs(J, { disabled: d, children: [
+      /* @__PURE__ */ r.jsx(re, { sx: K, children: Ne }),
+      /* @__PURE__ */ r.jsx(
+        Oe,
+        {
+          value: v.gender,
+          onChange: W,
+          placeholder: ze,
+          slotProps: M,
+          children: be.map((h) => /* @__PURE__ */ r.jsx(
+            Ee,
+            {
+              value: h.value,
+              sx: Y,
+              children: h.label
+            },
+            h.value
+          ))
+        }
+      )
+    ] }),
+    R.includes("country") && /* @__PURE__ */ r.jsxs(J, { required: !0, disabled: d, children: [
+      /* @__PURE__ */ r.jsx(re, { sx: K, children: je }),
+      /* @__PURE__ */ r.jsx(
+        Oe,
+        {
+          value: v.country,
+          onChange: Z,
+          placeholder: Ie,
+          slotProps: M,
+          children: _.map((h) => /* @__PURE__ */ r.jsx(
+            Ee,
+            {
+              value: h.code,
+              sx: Y,
+              children: h.label
+            },
+            `${h.code}-${h.label}`
+          ))
+        }
+      )
+    ] }),
+    (R.includes("phoneCountryCode") || R.includes("phoneNumber")) && /* @__PURE__ */ r.jsxs(J, { required: !0, disabled: d, children: [
+      /* @__PURE__ */ r.jsx(re, { sx: K, children: ie }),
+      /* @__PURE__ */ r.jsxs(ve, { sx: ae.phoneContainer, children: [
+        R.includes("phoneCountryCode") && /* @__PURE__ */ r.jsx(
+          go,
+          {
+            value: v.phoneCountryCode,
+            onChange: E,
+            slotProps: {
+              input: { autoComplete: "new-phone-country-code" },
+              listbox: M.listbox,
+              root: M.root,
+              clearIndicator: {
+                sx: {
+                  "&:hover": {
+                    bgcolor: u.neutral.plainHoverBg,
+                    color: u.neutral.plainHoverColor
+                  }
+                }
+              },
+              popupIndicator: {
+                sx: {
+                  "&:hover": {
+                    bgcolor: u.neutral.plainHoverBg,
+                    color: u.neutral.plainHoverColor
+                  }
+                }
+              }
+            },
+            sx: ae.countrySelect,
+            options: _,
+            autoHighlight: !0,
+            getOptionLabel: (h) => `+${h.phone}`,
+            renderOption: (h, L) => /* @__PURE__ */ P.createElement(
+              fo,
+              {
+                ...h,
+                key: `autocomplete-${L.code}-${L.label}`,
+                sx: {
+                  ...Y,
+                  "&[aria-selected='true']": {
+                    bgcolor: u.neutral.plainActiveBg
+                  }
+                }
+              },
+              /* @__PURE__ */ r.jsx(Co, { children: /* @__PURE__ */ r.jsx(
+                "img",
+                {
+                  loading: "lazy",
+                  width: "20",
+                  srcSet: `https://flagcdn.com/w40/${L.code.toLowerCase()}.png 2x`,
+                  src: `https://flagcdn.com/w20/${L.code.toLowerCase()}.png`,
+                  alt: ""
+                }
+              ) }),
+              /* @__PURE__ */ r.jsxs(yo, { sx: ae.listItemContent, children: [
+                L.label,
+                /* @__PURE__ */ r.jsxs(G, { level: "body-xs", children: [
+                  "+",
+                  L.phone
+                ] })
+              ] })
+            )
+          }
+        ),
+        R.includes("phoneNumber") && /* @__PURE__ */ r.jsx(
+          se,
+          {
+            value: v.phoneNumber,
+            onChange: m("phoneNumber"),
+            placeholder: ro,
+            sx: {
+              ...ae.phoneInput,
+              ...X
+            }
+          }
+        )
+      ] })
+    ] }),
+    p && p.length > 0 ? p.map((h, L) => /* @__PURE__ */ r.jsxs(
+      J,
+      {
+        disabled: d,
+        required: h.required || !1,
+        children: [
+          /* @__PURE__ */ r.jsx(re, { sx: K, children: h.label }),
+          h.type === "textarea" ? /* @__PURE__ */ r.jsx(
+            Jo,
+            {
+              value: B[h.key] || "",
+              onChange: y(h.key),
+              placeholder: h.placeholder || "",
+              sx: X,
+              minRows: 3
+            }
+          ) : /* @__PURE__ */ r.jsx(
+            se,
+            {
+              value: B[h.key] || "",
+              onChange: y(h.key),
+              placeholder: h.placeholder,
+              sx: X
+            }
+          )
+        ]
+      },
+      `custom-field-${h.key}-${L}`
+    )) : null,
+    o.consents && o.consents.length > 0 ? /* @__PURE__ */ r.jsx(
+      Qo,
+      {
+        consents: o.consents,
+        isDisabled: d,
+        primaryColor: q,
+        brandingUrls: c,
+        labels: a,
+        onChange: lo
+      }
+    ) : /* @__PURE__ */ r.jsx(
+      Zo,
+      {
+        primaryColor: q,
+        brandingUrls: c,
+        isDisabled: d
+      }
+    ),
+    V && /* @__PURE__ */ r.jsx(Le, { variant: "error", message: T(V) }),
+    d ? /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+      a != null && a.successTitle || a != null && a.successDescription ? /* @__PURE__ */ r.jsx(
+        Le,
+        {
+          variant: "success",
+          title: a == null ? void 0 : a.successTitle,
+          description: a == null ? void 0 : a.successDescription
+        }
+      ) : /* @__PURE__ */ r.jsx(r.Fragment, {}),
+      no()
+    ] }) : /* @__PURE__ */ r.jsx(
+      Pe,
+      {
+        type: "submit",
+        loading: C,
+        size: "lg",
+        sx: {
+          ...ae.submitButton,
+          bgcolor: q,
+          color: O,
+          ":hover": { bgcolor: le, color: O },
+          fontSize: "0.8125em"
+        },
+        children: a == null ? void 0 : a.submitButtonLabel
+      }
+    )
+  ] }) });
+}, sr = ({
+  sdk: o,
+  content: e,
+  campaign: l,
+  branding: t,
+  fields: i = ["fullName", "email"],
+  labels: n,
+  onSuccessCta: b,
+  customFields: g,
+  consents: k,
+  syncWithProfile: j = !1,
+  isSubmittingParticipation: I = !1
+}) => {
+  var c;
+  const S = Ze(), f = S.textColor, $ = ((c = t == null ? void 0 : t.colors) == null ? void 0 : c.secondaryColor) || S.textColor, N = Qe().primary, F = i.map((x) => x && x.trim());
+  return /* @__PURE__ */ r.jsxs(He, { spacing: 2, zIndex: 10, width: "100%", children: [
+    n != null && n.title || n != null && n.description ? /* @__PURE__ */ r.jsxs(ve, { children: [
+      n != null && n.title ? /* @__PURE__ */ r.jsx(
+        G,
+        {
+          level: "h4",
+          sx: {
+            fontFamily: N,
+            color: f,
+            fontSize: "1.25em"
+          },
+          children: n.title
+        }
+      ) : /* @__PURE__ */ r.jsx(r.Fragment, {}),
+      n != null && n.description ? /* @__PURE__ */ r.jsx(
+        G,
+        {
+          level: "body-sm",
+          sx: {
+            fontFamily: N,
+            color: $,
+            opacity: 0.6,
+            fontSize: "0.875em"
+          },
+          children: n == null ? void 0 : n.description
+        }
+      ) : /* @__PURE__ */ r.jsx(r.Fragment, {})
+    ] }) : /* @__PURE__ */ r.jsx(r.Fragment, {}),
+    /* @__PURE__ */ r.jsx(
+      Xo,
+      {
+        sdk: o,
+        brandingColors: t == null ? void 0 : t.colors,
+        brandingUrls: t == null ? void 0 : t.urls,
+        campaignId: l == null ? void 0 : l.id,
+        campaignName: l == null ? void 0 : l.name,
+        contentName: e == null ? void 0 : e.name,
+        contentType: e == null ? void 0 : e.type,
+        contentId: e == null ? void 0 : e.id,
+        onSuccessCta: b,
+        fields: F,
+        labels: n,
+        formCustomFields: g,
+        consents: k,
+        syncWithProfile: j,
+        isSubmittingParticipation: I
+      }
+    )
+  ] });
+};
+export {
+  eo as C,
+  sr as p
+};