fansunited-widgets-cdn 0.0.86-RC3 → 0.0.86-RC5

package/chunks/CollectLeadForm-DtmR2Vuf-B_3JkHJC.js

@@ -1,1560 +0,0 @@
-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
-};