fansunited-widgets-cdn 0.0.85 → 0.0.86-RC2

package/chunks/EitherOrById-CAo8gPjm.js

@@ -0,0 +1,1496 @@
+import { r, v as ue, _ as be, w as R, x as me, y as xe, j as e, z as oe, D as ge, E as Oe, F as Fe, G as _e, B as C, t as c, a as De, u as ve, C as Ae, H as $e, e as Ue, f as He, o as Ke } from "./main-XP7dqk6g.js";
+import { u as Ve } from "./index-24AwmTVJ.js";
+import { C as Q } from "./Card-DRIT0wtY.js";
+import { u as We, T as p, B as Ce } from "./Button-BV7YIFkS.js";
+import { b as Be, c as Re, C as qe, M as Je, a as Ze } from "./ModalDialog-Ci3hulZA.js";
+import { S as Ye, I as Qe } from "./IconButton-Lt9Xks7c.js";
+import { C as Xe, F as J, a as Z, A as eo, b as oo, L as lo, c as ze, d as ao } from "./ListItemDecorator-CE2eQLip.js";
+import { g as no, D as to } from "./DialogContent-MIXff4nd.js";
+import { a as so, C as ro } from "./CardContent-CD-WZh1l.js";
+import { D as io } from "./DialogActions-C5kAgHal.js";
+import { u as Ge, I as ae, S as fe, a as je, L as co } from "./Select-p_cHpLhi.js";
+import { c as se } from "./createSvgIcon-DVA0KIUd.js";
+import { I as ho, e as U, a as Y, C as pe, g as po, F as uo, b as E, c as bo, d as mo, G as H, T as xo } from "./Tutorial-DFNZxmAx.js";
+import { A as go } from "./Alert-CuOsmojH.js";
+import { S as B } from "./Stack-Dgf2LXN0.js";
+import { A as ke } from "./AspectRatio-D3Sgxj7p.js";
+import { c as re } from "./createLucideIcon-B6NxpYkb.js";
+import { g as vo, S as Me } from "./Sheet-BaCzogZK.js";
+const Co = ["component", "children", "variant", "color", "level", "slots", "slotProps"], yo = (l) => {
+  const {
+    level: a,
+    color: n,
+    variant: s
+  } = l, i = {
+    root: ["root", a, n && `color${oe(n)}`, s && `variant${oe(s)}`]
+  };
+  return ge(i, no, {});
+}, So = xe("h2", {
+  name: "JoyDialogTitle",
+  slot: "Root",
+  overridesResolver: (l, a) => a.root
+})(({
+  theme: l,
+  ownerState: a
+}) => {
+  var n, s;
+  const i = a.level !== "inherit" ? (n = l.typography[a.level]) == null ? void 0 : n.lineHeight : "1";
+  return R({
+    "--Icon-fontSize": `calc(1em * ${i})`
+  }, a.color && {
+    "--Icon-color": "currentColor"
+  }, {
+    display: "flex",
+    gap: "clamp(4px, 0.375em, 0.75rem)",
+    margin: "var(--unstable_DialogTitle-margin, 0px)"
+  }, a.level && a.level !== "inherit" && l.typography[a.level], {
+    color: "inherit"
+  }, a.variant && R({
+    borderRadius: l.vars.radius.xs,
+    paddingBlock: "min(0.1em, 4px)",
+    paddingInline: "0.25em"
+  }, (s = l.variants[a.variant]) == null ? void 0 : s[a.color]), {
+    [`.${so.root} > &`]: {
+      "--unstable_DialogTitle-margin": "var(--Card-padding) 0"
+    }
+  });
+}), fo = {
+  sm: "title-md",
+  md: "title-lg",
+  lg: "h4"
+}, jo = /* @__PURE__ */ r.forwardRef(function(a, n) {
+  const s = ue({
+    props: a,
+    name: "JoyDialogTitle"
+  }), i = r.useContext(Be), d = r.useContext(Re), {
+    component: t = "h2",
+    children: o,
+    variant: u,
+    color: x,
+    level: T = fo[i || "md"],
+    slots: h = {},
+    slotProps: y = {}
+  } = s, L = be(s, Co), S = a.color || (u ? x ?? "neutral" : x), b = R({}, L, {
+    component: t,
+    slots: h,
+    slotProps: y
+  }), P = R({}, s, {
+    component: t,
+    color: S,
+    variant: u,
+    level: T
+  }), G = yo(P), [k, I] = me("root", {
+    ref: n,
+    className: G.root,
+    elementType: So,
+    externalForwardedProps: b,
+    ownerState: P,
+    additionalProps: {
+      id: d == null ? void 0 : d.labelledBy
+    }
+  });
+  return /* @__PURE__ */ e.jsx(k, R({}, I, {
+    children: o
+  }));
+}), Mo = ["className", "children", "component", "inset", "orientation", "role", "slots", "slotProps"], To = (l) => {
+  const {
+    orientation: a,
+    inset: n
+  } = l, s = {
+    root: ["root", a, n && `inset${oe(n)}`]
+  };
+  return ge(s, vo, {});
+}, Lo = xe("hr", {
+  name: "JoyDivider",
+  slot: "Root",
+  overridesResolver: (l, a) => a.root
+})(({
+  theme: l,
+  ownerState: a
+}) => R({
+  "--Divider-thickness": "1px",
+  "--Divider-lineColor": l.vars.palette.divider
+}, a.inset === "none" && {
+  "--_Divider-inset": "0px"
+}, a.inset === "context" && {
+  "--_Divider-inset": "var(--Divider-inset, 0px)"
+}, {
+  margin: "initial",
+  // reset margin for `hr` tag
+  marginInline: a.orientation === "vertical" ? "initial" : "var(--_Divider-inset)",
+  marginBlock: a.orientation === "vertical" ? "var(--_Divider-inset)" : "initial",
+  position: "relative",
+  alignSelf: "stretch",
+  flexShrink: 0
+}, a.children ? R({
+  "--Divider-gap": l.spacing(1),
+  "--Divider-childPosition": "50%",
+  display: "flex",
+  flexDirection: a.orientation === "vertical" ? "column" : "row",
+  alignItems: "center",
+  whiteSpace: "nowrap",
+  textAlign: "center",
+  border: 0
+}, l.typography["body-sm"], {
+  "&::before, &::after": {
+    position: "relative",
+    inlineSize: a.orientation === "vertical" ? "var(--Divider-thickness)" : "initial",
+    blockSize: a.orientation === "vertical" ? "initial" : "var(--Divider-thickness)",
+    backgroundColor: "var(--Divider-lineColor)",
+    // use logical size + background is better than border because they work with gradient.
+    content: '""'
+  },
+  "&::before": {
+    marginInlineEnd: a.orientation === "vertical" ? "initial" : "min(var(--Divider-childPosition) * 999, var(--Divider-gap))",
+    marginBlockEnd: a.orientation === "vertical" ? "min(var(--Divider-childPosition) * 999, var(--Divider-gap))" : "initial",
+    flexBasis: "var(--Divider-childPosition)"
+  },
+  "&::after": {
+    marginInlineStart: a.orientation === "vertical" ? "initial" : "min((100% - var(--Divider-childPosition)) * 999, var(--Divider-gap))",
+    marginBlockStart: a.orientation === "vertical" ? "min((100% - var(--Divider-childPosition)) * 999, var(--Divider-gap))" : "initial",
+    flexBasis: "calc(100% - var(--Divider-childPosition))"
+  }
+}) : {
+  border: "none",
+  // reset the border for `hr` tag
+  listStyle: "none",
+  backgroundColor: "var(--Divider-lineColor)",
+  // use logical size + background is better than border because they work with gradient.
+  inlineSize: a.orientation === "vertical" ? "var(--Divider-thickness)" : "initial",
+  blockSize: a.orientation === "vertical" ? "initial" : "var(--Divider-thickness)"
+})), Ee = /* @__PURE__ */ r.forwardRef(function(a, n) {
+  const s = ue({
+    props: a,
+    name: "JoyDivider"
+  }), {
+    className: i,
+    children: d,
+    component: t = d != null ? "div" : "hr",
+    inset: o,
+    orientation: u = "horizontal",
+    role: x = t !== "hr" ? "separator" : void 0,
+    slots: T = {},
+    slotProps: h = {}
+  } = s, y = be(s, Mo), L = R({}, s, {
+    inset: o,
+    role: x,
+    orientation: u,
+    component: t
+  }), S = To(L), b = R({}, y, {
+    component: t,
+    slots: T,
+    slotProps: h
+  }), [P, G] = me("root", {
+    ref: n,
+    className: Oe(S.root, i),
+    elementType: Lo,
+    externalForwardedProps: b,
+    ownerState: L,
+    additionalProps: R({
+      as: t,
+      role: x
+    }, x === "separator" && u === "vertical" && {
+      // The implicit aria-orientation of separator is 'horizontal'
+      // https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/separator_role
+      "aria-orientation": "vertical"
+    })
+  });
+  return /* @__PURE__ */ e.jsx(P, R({}, G, {
+    children: d
+  }));
+});
+Ee.muiName = "Divider";
+function Po(l) {
+  return Fe("MuiModalClose", l);
+}
+_e("MuiModalClose", ["root", "colorPrimary", "colorNeutral", "colorDanger", "colorSuccess", "colorWarning", "colorContext", "variantPlain", "variantOutlined", "variantSoft", "variantSolid", "sizeSm", "sizeMd", "sizeLg"]);
+var Te;
+const Io = ["component", "color", "variant", "size", "onClick", "slots", "slotProps"], No = (l) => {
+  const {
+    variant: a,
+    color: n,
+    disabled: s,
+    focusVisible: i,
+    size: d
+  } = l, t = {
+    root: ["root", s && "disabled", i && "focusVisible", a && `variant${oe(a)}`, n && `color${oe(n)}`, d && `size${oe(d)}`]
+  };
+  return ge(t, Po, {});
+}, Do = xe(Ye, {
+  name: "JoyModalClose",
+  slot: "Root",
+  overridesResolver: (l, a) => a.root
+})(({
+  ownerState: l,
+  theme: a
+}) => {
+  var n;
+  return R({}, l.size === "sm" && {
+    "--IconButton-size": "1.75rem"
+  }, l.size === "md" && {
+    "--IconButton-size": "2rem"
+  }, l.size === "lg" && {
+    "--IconButton-size": "2.25rem"
+  }, {
+    position: "absolute",
+    zIndex: 1,
+    // stay on top of the title in case it is positioned relatively
+    top: "var(--ModalClose-inset, 0.625rem)",
+    right: "var(--ModalClose-inset, 0.625rem)",
+    borderRadius: `var(--ModalClose-radius, ${a.vars.radius.sm})`
+  }, !((n = a.variants[l.variant]) != null && (n = n[l.color]) != null && n.backgroundColor) && {
+    color: a.vars.palette.text.secondary
+  });
+}), Ao = {
+  plain: "plain",
+  outlined: "plain",
+  soft: "soft",
+  solid: "solid"
+}, Bo = /* @__PURE__ */ r.forwardRef(function(a, n) {
+  var s, i, d, t, o, u;
+  const x = ue({
+    props: a,
+    name: "JoyModalClose"
+  }), {
+    component: T = "button",
+    color: h = "neutral",
+    variant: y = "plain",
+    size: L = "md",
+    onClick: S,
+    slots: b = {},
+    slotProps: P = {}
+  } = x, G = be(x, Io), k = r.useContext(qe), I = r.useContext(Re), m = (s = (i = a.variant) != null ? i : Ao[I == null ? void 0 : I.variant]) != null ? s : y, f = (d = (t = a.color) != null ? t : I == null ? void 0 : I.color) != null ? d : h, j = r.useContext(Be), M = (o = (u = a.size) != null ? u : j) != null ? o : L, {
+    focusVisible: z,
+    getRootProps: K
+  } = We(R({}, x, {
+    rootRef: n
+  })), W = R({}, x, {
+    color: f,
+    component: T,
+    variant: m,
+    size: M,
+    focusVisible: z
+  }), q = No(W), [V, le] = me("root", {
+    ref: n,
+    elementType: Do,
+    getSlotProps: K,
+    externalForwardedProps: R({
+      onClick: (X) => {
+        k == null || k(X, "closeClick"), S == null || S(X);
+      }
+    }, G, {
+      component: T,
+      slots: b,
+      slotProps: P
+    }),
+    className: q.root,
+    ownerState: W
+  });
+  return /* @__PURE__ */ e.jsx(V, R({}, le, {
+    children: Te || (Te = /* @__PURE__ */ e.jsx(Xe, {}))
+  }));
+});
+/**
+ * @license lucide-react v0.474.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Ro = [
+  [
+    "path",
+    {
+      d: "M11.562 3.266a.5.5 0 0 1 .876 0L15.39 8.87a1 1 0 0 0 1.516.294L21.183 5.5a.5.5 0 0 1 .798.519l-2.834 10.246a1 1 0 0 1-.956.734H5.81a1 1 0 0 1-.957-.734L2.02 6.02a.5.5 0 0 1 .798-.519l4.276 3.664a1 1 0 0 0 1.516-.294z",
+      key: "1vdc57"
+    }
+  ],
+  ["path", { d: "M5 21h14", key: "11awu3" }]
+], Le = re("Crown", Ro);
+/**
+ * @license lucide-react v0.474.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const zo = [
+  [
+    "path",
+    {
+      d: "M7.21 15 2.66 7.14a2 2 0 0 1 .13-2.2L4.4 2.8A2 2 0 0 1 6 2h12a2 2 0 0 1 1.6.8l1.6 2.14a2 2 0 0 1 .14 2.2L16.79 15",
+      key: "143lza"
+    }
+  ],
+  ["path", { d: "M11 12 5.12 2.2", key: "qhuxz6" }],
+  ["path", { d: "m13 12 5.88-9.8", key: "hbye0f" }],
+  ["path", { d: "M8 7h8", key: "i86dvs" }],
+  ["circle", { cx: "12", cy: "17", r: "5", key: "qbz8iq" }],
+  ["path", { d: "M12 18v-2h-.5", key: "fawc4q" }]
+], Go = re("Medal", zo);
+/**
+ * @license lucide-react v0.474.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const ko = [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["circle", { cx: "12", cy: "12", r: "6", key: "1vlfrh" }],
+  ["circle", { cx: "12", cy: "12", r: "2", key: "1c9p78" }]
+], Eo = re("Target", ko);
+/**
+ * @license lucide-react v0.474.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const wo = [
+  ["line", { x1: "10", x2: "14", y1: "2", y2: "2", key: "14vaq8" }],
+  ["line", { x1: "12", x2: "15", y1: "14", y2: "11", key: "17fdiu" }],
+  ["circle", { cx: "12", cy: "14", r: "8", key: "1e1u0o" }]
+], Oo = re("Timer", wo);
+/**
+ * @license lucide-react v0.474.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Fo = [
+  ["path", { d: "M6 9H4.5a2.5 2.5 0 0 1 0-5H6", key: "17hqa7" }],
+  ["path", { d: "M18 9h1.5a2.5 2.5 0 0 0 0-5H18", key: "lmptdp" }],
+  ["path", { d: "M4 22h16", key: "57wxv0" }],
+  ["path", { d: "M10 14.66V17c0 .55-.47.98-.97 1.21C7.85 18.75 7 20.24 7 22", key: "1nw9bq" }],
+  ["path", { d: "M14 14.66V17c0 .55.47.98.97 1.21C16.15 18.75 17 20.24 17 22", key: "1np0yb" }],
+  ["path", { d: "M18 2H6v7a6 6 0 0 0 12 0V2Z", key: "u46fv3" }]
+], _o = re("Trophy", Fo), $o = (l) => l ? l.some((a) => a.toLowerCase() === "prize") : !1, ne = {
+  mainCard: {
+    my: 2,
+    p: 2,
+    textAlign: "center",
+    background: "linear-gradient(135deg, var(--joy-palette-primary-400), var(--joy-palette-primary-600), var(--joy-palette-primary-700))",
+    position: "relative",
+    overflow: "hidden",
+    borderRadius: "sm"
+  },
+  mainCardOverlay: {
+    position: "absolute",
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    background: "linear-gradient(45deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.2) 100%)",
+    zIndex: 0
+  },
+  contentWrapper: {
+    position: "relative",
+    zIndex: 1
+  },
+  title: {
+    color: "white",
+    textShadow: "0 2px 7px rgba(0,0,0,0.2)",
+    mb: 1
+  },
+  description: {
+    color: "white",
+    opacity: 0.9
+  }
+}, Uo = c("prize.title"), Ho = c("prize.description"), Ko = c("prize.cta"), Vo = c("prize.termsAndConditions"), Wo = c("common.close"), qo = ({ title: l = Uo, description: a = Ho, cta: n = Ko, rules: s = "" }) => {
+  const [i, d] = r.useState(!1), t = Ge(), o = Ve(t.breakpoints.down("sm"));
+  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsxs(Q, { variant: "soft", color: "success", sx: ne.mainCard, children: [
+      /* @__PURE__ */ e.jsx(C, { style: ne.mainCardOverlay }),
+      /* @__PURE__ */ e.jsxs(C, { sx: ne.contentWrapper, children: [
+        /* @__PURE__ */ e.jsx(p, { level: "h4", sx: ne.title, children: l }),
+        /* @__PURE__ */ e.jsx(p, { level: "body-sm", sx: ne.description, children: a }),
+        /* @__PURE__ */ e.jsx(p, { level: "body-xs", textColor: "white", mt: 2, sx: { cursor: "pointer" }, onClick: () => d(!0), children: n })
+      ] })
+    ] }),
+    /* @__PURE__ */ e.jsx(Je, { open: i, onClose: () => d(!1), children: /* @__PURE__ */ e.jsxs(Ze, { layout: o ? "fullscreen" : "center", children: [
+      /* @__PURE__ */ e.jsx(Bo, {}),
+      /* @__PURE__ */ e.jsx(jo, { children: Vo }),
+      /* @__PURE__ */ e.jsx(to, { children: /* @__PURE__ */ e.jsx("div", { dangerouslySetInnerHTML: { __html: s } }) }),
+      /* @__PURE__ */ e.jsx(io, { children: /* @__PURE__ */ e.jsx(Ce, { variant: "soft", color: "neutral", onClick: () => d(!1), children: Wo }) })
+    ] }) })
+  ] });
+}, ce = [
+  { code: "AD", label: "Andorra", phone: "376" },
+  {
+    code: "AE",
+    label: "United Arab Emirates",
+    phone: "971"
+  },
+  { code: "AF", label: "Afghanistan", phone: "93" },
+  {
+    code: "AG",
+    label: "Antigua and Barbuda",
+    phone: "1-268"
+  },
+  { code: "AI", label: "Anguilla", phone: "1-264" },
+  { code: "AL", label: "Albania", phone: "355" },
+  { code: "AM", label: "Armenia", phone: "374" },
+  { code: "AO", label: "Angola", phone: "244" },
+  { code: "AQ", label: "Antarctica", phone: "672" },
+  { code: "AR", label: "Argentina", phone: "54" },
+  { code: "AS", label: "American Samoa", phone: "1-684" },
+  { code: "AT", label: "Austria", phone: "43" },
+  {
+    code: "AU",
+    label: "Australia",
+    phone: "61",
+    suggested: !0
+  },
+  { code: "AW", label: "Aruba", phone: "297" },
+  { code: "AX", label: "Alland Islands", phone: "358" },
+  { code: "AZ", label: "Azerbaijan", phone: "994" },
+  {
+    code: "BA",
+    label: "Bosnia and Herzegovina",
+    phone: "387"
+  },
+  { code: "BB", label: "Barbados", phone: "1-246" },
+  { code: "BD", label: "Bangladesh", phone: "880" },
+  { code: "BE", label: "Belgium", phone: "32" },
+  { code: "BF", label: "Burkina Faso", phone: "226" },
+  { code: "BG", label: "Bulgaria", phone: "359" },
+  { code: "BH", label: "Bahrain", phone: "973" },
+  { code: "BI", label: "Burundi", phone: "257" },
+  { code: "BJ", label: "Benin", phone: "229" },
+  { code: "BL", label: "Saint Barthelemy", phone: "590" },
+  { code: "BM", label: "Bermuda", phone: "1-441" },
+  { code: "BN", label: "Brunei Darussalam", phone: "673" },
+  { code: "BO", label: "Bolivia", phone: "591" },
+  { code: "BR", label: "Brazil", phone: "55" },
+  { code: "BS", label: "Bahamas", phone: "1-242" },
+  { code: "BT", label: "Bhutan", phone: "975" },
+  { code: "BV", label: "Bouvet Island", phone: "47" },
+  { code: "BW", label: "Botswana", phone: "267" },
+  { code: "BY", label: "Belarus", phone: "375" },
+  { code: "BZ", label: "Belize", phone: "501" },
+  {
+    code: "CA",
+    label: "Canada",
+    phone: "1",
+    suggested: !0
+  },
+  {
+    code: "CC",
+    label: "Cocos (Keeling) Islands",
+    phone: "61"
+  },
+  {
+    code: "CD",
+    label: "Congo, Democratic Republic of the",
+    phone: "243"
+  },
+  {
+    code: "CF",
+    label: "Central African Republic",
+    phone: "236"
+  },
+  {
+    code: "CG",
+    label: "Congo, Republic of the",
+    phone: "242"
+  },
+  { code: "CH", label: "Switzerland", phone: "41" },
+  { code: "CI", label: "Cote d'Ivoire", phone: "225" },
+  { code: "CK", label: "Cook Islands", phone: "682" },
+  { code: "CL", label: "Chile", phone: "56" },
+  { code: "CM", label: "Cameroon", phone: "237" },
+  { code: "CN", label: "China", phone: "86" },
+  { code: "CO", label: "Colombia", phone: "57" },
+  { code: "CR", label: "Costa Rica", phone: "506" },
+  { code: "CU", label: "Cuba", phone: "53" },
+  { code: "CV", label: "Cape Verde", phone: "238" },
+  { code: "CW", label: "Curacao", phone: "599" },
+  { code: "CX", label: "Christmas Island", phone: "61" },
+  { code: "CY", label: "Cyprus", phone: "357" },
+  { code: "CZ", label: "Czech Republic", phone: "420" },
+  {
+    code: "DE",
+    label: "Germany",
+    phone: "49",
+    suggested: !0
+  },
+  { code: "DJ", label: "Djibouti", phone: "253" },
+  { code: "DK", label: "Denmark", phone: "45" },
+  { code: "DM", label: "Dominica", phone: "1-767" },
+  {
+    code: "DO",
+    label: "Dominican Republic",
+    phone: "1-809"
+  },
+  { code: "DZ", label: "Algeria", phone: "213" },
+  { code: "EC", label: "Ecuador", phone: "593" },
+  { code: "EE", label: "Estonia", phone: "372" },
+  { code: "EG", label: "Egypt", phone: "20" },
+  { code: "EH", label: "Western Sahara", phone: "212" },
+  { code: "ER", label: "Eritrea", phone: "291" },
+  { code: "ES", label: "Spain", phone: "34" },
+  { code: "ET", label: "Ethiopia", phone: "251" },
+  { code: "FI", label: "Finland", phone: "358" },
+  { code: "FJ", label: "Fiji", phone: "679" },
+  {
+    code: "FK",
+    label: "Falkland Islands (Malvinas)",
+    phone: "500"
+  },
+  {
+    code: "FM",
+    label: "Micronesia, Federated States of",
+    phone: "691"
+  },
+  { code: "FO", label: "Faroe Islands", phone: "298" },
+  {
+    code: "FR",
+    label: "France",
+    phone: "33",
+    suggested: !0
+  },
+  { code: "GA", label: "Gabon", phone: "241" },
+  { code: "GB", label: "United Kingdom", phone: "44" },
+  { code: "GD", label: "Grenada", phone: "1-473" },
+  { code: "GE", label: "Georgia", phone: "995" },
+  { code: "GF", label: "French Guiana", phone: "594" },
+  { code: "GG", label: "Guernsey", phone: "44" },
+  { code: "GH", label: "Ghana", phone: "233" },
+  { code: "GI", label: "Gibraltar", phone: "350" },
+  { code: "GL", label: "Greenland", phone: "299" },
+  { code: "GM", label: "Gambia", phone: "220" },
+  { code: "GN", label: "Guinea", phone: "224" },
+  { code: "GP", label: "Guadeloupe", phone: "590" },
+  { code: "GQ", label: "Equatorial Guinea", phone: "240" },
+  { code: "GR", label: "Greece", phone: "30" },
+  {
+    code: "GS",
+    label: "South Georgia and the South Sandwich Islands",
+    phone: "500"
+  },
+  { code: "GT", label: "Guatemala", phone: "502" },
+  { code: "GU", label: "Guam", phone: "1-671" },
+  { code: "GW", label: "Guinea-Bissau", phone: "245" },
+  { code: "GY", label: "Guyana", phone: "592" },
+  { code: "HK", label: "Hong Kong", phone: "852" },
+  {
+    code: "HM",
+    label: "Heard Island and McDonald Islands",
+    phone: "672"
+  },
+  { code: "HN", label: "Honduras", phone: "504" },
+  { code: "HR", label: "Croatia", phone: "385" },
+  { code: "HT", label: "Haiti", phone: "509" },
+  { code: "HU", label: "Hungary", phone: "36" },
+  { code: "ID", label: "Indonesia", phone: "62" },
+  { code: "IE", label: "Ireland", phone: "353" },
+  { code: "IL", label: "Israel", phone: "972" },
+  { code: "IM", label: "Isle of Man", phone: "44" },
+  { code: "IN", label: "India", phone: "91" },
+  {
+    code: "IO",
+    label: "British Indian Ocean Territory",
+    phone: "246"
+  },
+  { code: "IQ", label: "Iraq", phone: "964" },
+  {
+    code: "IR",
+    label: "Iran, Islamic Republic of",
+    phone: "98"
+  },
+  { code: "IS", label: "Iceland", phone: "354" },
+  { code: "IT", label: "Italy", phone: "39" },
+  { code: "JE", label: "Jersey", phone: "44" },
+  { code: "JM", label: "Jamaica", phone: "1-876" },
+  { code: "JO", label: "Jordan", phone: "962" },
+  {
+    code: "JP",
+    label: "Japan",
+    phone: "81",
+    suggested: !0
+  },
+  { code: "KE", label: "Kenya", phone: "254" },
+  { code: "KG", label: "Kyrgyzstan", phone: "996" },
+  { code: "KH", label: "Cambodia", phone: "855" },
+  { code: "KI", label: "Kiribati", phone: "686" },
+  { code: "KM", label: "Comoros", phone: "269" },
+  {
+    code: "KN",
+    label: "Saint Kitts and Nevis",
+    phone: "1-869"
+  },
+  {
+    code: "KP",
+    label: "Korea, Democratic People's Republic of",
+    phone: "850"
+  },
+  { code: "KR", label: "Korea, Republic of", phone: "82" },
+  { code: "KW", label: "Kuwait", phone: "965" },
+  { code: "KY", label: "Cayman Islands", phone: "1-345" },
+  { code: "KZ", label: "Kazakhstan", phone: "7" },
+  {
+    code: "LA",
+    label: "Lao People's Democratic Republic",
+    phone: "856"
+  },
+  { code: "LB", label: "Lebanon", phone: "961" },
+  { code: "LC", label: "Saint Lucia", phone: "1-758" },
+  { code: "LI", label: "Liechtenstein", phone: "423" },
+  { code: "LK", label: "Sri Lanka", phone: "94" },
+  { code: "LR", label: "Liberia", phone: "231" },
+  { code: "LS", label: "Lesotho", phone: "266" },
+  { code: "LT", label: "Lithuania", phone: "370" },
+  { code: "LU", label: "Luxembourg", phone: "352" },
+  { code: "LV", label: "Latvia", phone: "371" },
+  { code: "LY", label: "Libya", phone: "218" },
+  { code: "MA", label: "Morocco", phone: "212" },
+  { code: "MC", label: "Monaco", phone: "377" },
+  {
+    code: "MD",
+    label: "Moldova, Republic of",
+    phone: "373"
+  },
+  { code: "ME", label: "Montenegro", phone: "382" },
+  {
+    code: "MF",
+    label: "Saint Martin (French part)",
+    phone: "590"
+  },
+  { code: "MG", label: "Madagascar", phone: "261" },
+  { code: "MH", label: "Marshall Islands", phone: "692" },
+  {
+    code: "MK",
+    label: "Macedonia, the Former Yugoslav Republic of",
+    phone: "389"
+  },
+  { code: "ML", label: "Mali", phone: "223" },
+  { code: "MM", label: "Myanmar", phone: "95" },
+  { code: "MN", label: "Mongolia", phone: "976" },
+  { code: "MO", label: "Macao", phone: "853" },
+  {
+    code: "MP",
+    label: "Northern Mariana Islands",
+    phone: "1-670"
+  },
+  { code: "MQ", label: "Martinique", phone: "596" },
+  { code: "MR", label: "Mauritania", phone: "222" },
+  { code: "MS", label: "Montserrat", phone: "1-664" },
+  { code: "MT", label: "Malta", phone: "356" },
+  { code: "MU", label: "Mauritius", phone: "230" },
+  { code: "MV", label: "Maldives", phone: "960" },
+  { code: "MW", label: "Malawi", phone: "265" },
+  { code: "MX", label: "Mexico", phone: "52" },
+  { code: "MY", label: "Malaysia", phone: "60" },
+  { code: "MZ", label: "Mozambique", phone: "258" },
+  { code: "NA", label: "Namibia", phone: "264" },
+  { code: "NC", label: "New Caledonia", phone: "687" },
+  { code: "NE", label: "Niger", phone: "227" },
+  { code: "NF", label: "Norfolk Island", phone: "672" },
+  { code: "NG", label: "Nigeria", phone: "234" },
+  { code: "NI", label: "Nicaragua", phone: "505" },
+  { code: "NL", label: "Netherlands", phone: "31" },
+  { code: "NO", label: "Norway", phone: "47" },
+  { code: "NP", label: "Nepal", phone: "977" },
+  { code: "NR", label: "Nauru", phone: "674" },
+  { code: "NU", label: "Niue", phone: "683" },
+  { code: "NZ", label: "New Zealand", phone: "64" },
+  { code: "OM", label: "Oman", phone: "968" },
+  { code: "PA", label: "Panama", phone: "507" },
+  { code: "PE", label: "Peru", phone: "51" },
+  { code: "PF", label: "French Polynesia", phone: "689" },
+  { code: "PG", label: "Papua New Guinea", phone: "675" },
+  { code: "PH", label: "Philippines", phone: "63" },
+  { code: "PK", label: "Pakistan", phone: "92" },
+  { code: "PL", label: "Poland", phone: "48" },
+  {
+    code: "PM",
+    label: "Saint Pierre and Miquelon",
+    phone: "508"
+  },
+  { code: "PN", label: "Pitcairn", phone: "870" },
+  { code: "PR", label: "Puerto Rico", phone: "1" },
+  {
+    code: "PS",
+    label: "Palestine, State of",
+    phone: "970"
+  },
+  { code: "PT", label: "Portugal", phone: "351" },
+  { code: "PW", label: "Palau", phone: "680" },
+  { code: "PY", label: "Paraguay", phone: "595" },
+  { code: "QA", label: "Qatar", phone: "974" },
+  { code: "RE", label: "Reunion", phone: "262" },
+  { code: "RO", label: "Romania", phone: "40" },
+  { code: "RS", label: "Serbia", phone: "381" },
+  { code: "RU", label: "Russian Federation", phone: "7" },
+  { code: "RW", label: "Rwanda", phone: "250" },
+  { code: "SA", label: "Saudi Arabia", phone: "966" },
+  { code: "SB", label: "Solomon Islands", phone: "677" },
+  { code: "SC", label: "Seychelles", phone: "248" },
+  { code: "SD", label: "Sudan", phone: "249" },
+  { code: "SE", label: "Sweden", phone: "46" },
+  { code: "SG", label: "Singapore", phone: "65" },
+  { code: "SH", label: "Saint Helena", phone: "290" },
+  { code: "SI", label: "Slovenia", phone: "386" },
+  {
+    code: "SJ",
+    label: "Svalbard and Jan Mayen",
+    phone: "47"
+  },
+  { code: "SK", label: "Slovakia", phone: "421" },
+  { code: "SL", label: "Sierra Leone", phone: "232" },
+  { code: "SM", label: "San Marino", phone: "378" },
+  { code: "SN", label: "Senegal", phone: "221" },
+  { code: "SO", label: "Somalia", phone: "252" },
+  { code: "SR", label: "Suriname", phone: "597" },
+  { code: "SS", label: "South Sudan", phone: "211" },
+  {
+    code: "ST",
+    label: "Sao Tome and Principe",
+    phone: "239"
+  },
+  { code: "SV", label: "El Salvador", phone: "503" },
+  {
+    code: "SX",
+    label: "Sint Maarten (Dutch part)",
+    phone: "1-721"
+  },
+  {
+    code: "SY",
+    label: "Syrian Arab Republic",
+    phone: "963"
+  },
+  { code: "SZ", label: "Swaziland", phone: "268" },
+  {
+    code: "TC",
+    label: "Turks and Caicos Islands",
+    phone: "1-649"
+  },
+  { code: "TD", label: "Chad", phone: "235" },
+  {
+    code: "TF",
+    label: "French Southern Territories",
+    phone: "262"
+  },
+  { code: "TG", label: "Togo", phone: "228" },
+  { code: "TH", label: "Thailand", phone: "66" },
+  { code: "TJ", label: "Tajikistan", phone: "992" },
+  { code: "TK", label: "Tokelau", phone: "690" },
+  { code: "TL", label: "Timor-Leste", phone: "670" },
+  { code: "TM", label: "Turkmenistan", phone: "993" },
+  { code: "TN", label: "Tunisia", phone: "216" },
+  { code: "TO", label: "Tonga", phone: "676" },
+  { code: "TR", label: "Turkey", phone: "90" },
+  {
+    code: "TT",
+    label: "Trinidad and Tobago",
+    phone: "1-868"
+  },
+  { code: "TV", label: "Tuvalu", phone: "688" },
+  {
+    code: "TW",
+    label: "Taiwan",
+    phone: "886"
+  },
+  {
+    code: "TZ",
+    label: "United Republic of Tanzania",
+    phone: "255"
+  },
+  { code: "UA", label: "Ukraine", phone: "380" },
+  { code: "UG", label: "Uganda", phone: "256" },
+  {
+    code: "US",
+    label: "United States",
+    phone: "1",
+    suggested: !0
+  },
+  { code: "UY", label: "Uruguay", phone: "598" },
+  { code: "UZ", label: "Uzbekistan", phone: "998" },
+  {
+    code: "VA",
+    label: "Holy See (Vatican City State)",
+    phone: "379"
+  },
+  {
+    code: "VC",
+    label: "Saint Vincent and the Grenadines",
+    phone: "1-784"
+  },
+  { code: "VE", label: "Venezuela", phone: "58" },
+  {
+    code: "VG",
+    label: "British Virgin Islands",
+    phone: "1-284"
+  },
+  {
+    code: "VI",
+    label: "US Virgin Islands",
+    phone: "1-340"
+  },
+  { code: "VN", label: "Vietnam", phone: "84" },
+  { code: "VU", label: "Vanuatu", phone: "678" },
+  { code: "WF", label: "Wallis and Futuna", phone: "681" },
+  { code: "WS", label: "Samoa", phone: "685" },
+  { code: "XK", label: "Kosovo", phone: "383" },
+  { code: "YE", label: "Yemen", phone: "967" },
+  { code: "YT", label: "Mayotte", phone: "262" },
+  { code: "ZA", label: "South Africa", phone: "27" },
+  { code: "ZM", label: "Zambia", phone: "260" },
+  { code: "ZW", label: "Zimbabwe", phone: "263" }
+], te = {
+  phoneContainer: {
+    display: "flex",
+    gap: 1
+  },
+  countrySelect: {
+    width: "45%"
+  },
+  phoneInput: {
+    width: "55%"
+  },
+  listItemContent: {
+    fontSize: "sm"
+  },
+  submitButton: {
+    mt: 2
+  }
+}, we = se(/* @__PURE__ */ e.jsx("path", {
+  d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8z"
+}), "CheckCircle"), Jo = se(/* @__PURE__ */ e.jsx("path", {
+  d: "M1 21h22L12 2zm12-3h-2v-2h2zm0-4h-2v-4h2z"
+}), "Warning"), Zo = (l) => {
+  switch (l) {
+    case "success":
+      return /* @__PURE__ */ e.jsx(we, {});
+    case "error":
+      return /* @__PURE__ */ e.jsx(Jo, {});
+    case "info":
+      return /* @__PURE__ */ e.jsx(ho, {});
+  }
+}, Yo = (l) => {
+  switch (l) {
+    case "success":
+      return "success";
+    case "error":
+      return "danger";
+    case "info":
+      return "primary";
+  }
+}, Pe = ({ variant: l, title: a, message: n, description: s }) => {
+  const i = Yo(l);
+  return /* @__PURE__ */ e.jsx(
+    go,
+    {
+      variant: "soft",
+      color: i,
+      startDecorator: Zo(l),
+      sx: {
+        alignItems: "flex-start",
+        gap: 1,
+        borderRadius: "sm"
+      },
+      children: /* @__PURE__ */ e.jsxs("div", { children: [
+        a && /* @__PURE__ */ e.jsx(p, { level: "title-md", color: i, fontWeight: "bold", children: a }),
+        /* @__PURE__ */ e.jsx(p, { level: "body-sm", children: n }),
+        s && /* @__PURE__ */ e.jsx(p, { level: "body-xs", sx: { mt: 1 }, children: s })
+      ] })
+    }
+  );
+}, Qo = [
+  { value: "male", label: c("leads.form.genderOptions.male") },
+  { value: "female", label: c("leads.form.genderOptions.female") },
+  { value: "other", label: c("leads.form.genderOptions.other") },
+  { value: "prefer_not_to_say", label: c("leads.form.genderOptions.notSay") }
+], Xo = ({
+  fields: l = ["fullName", "email"],
+  campaignId: a = "",
+  campaignName: n = "",
+  contentType: s = "",
+  contentId: i = "",
+  contentName: d = "",
+  customFields: t = {},
+  onSuccess: o,
+  submitButtonCta: u,
+  leadSuccessTitle: x,
+  leadSuccessDescription: T
+}) => {
+  const [h, y] = r.useState({
+    firstName: "",
+    lastName: "",
+    fullName: "",
+    email: "",
+    gender: "",
+    country: "",
+    phoneCountryCode: ce[75],
+    // Default country for phone
+    phoneNumber: ""
+  }), [L, S] = r.useState(!1), [b, P] = r.useState(!1), [G, k] = r.useState(""), I = De(), m = (v) => (D) => {
+    y((O) => ({
+      ...O,
+      [v]: D.target.value
+    }));
+  }, f = (v, D) => {
+    y((O) => ({
+      ...O,
+      phoneCountryCode: D || ce[0]
+    }));
+  }, j = (v, D) => {
+    y((O) => ({
+      ...O,
+      country: D || ""
+    }));
+  }, M = (v, D) => {
+    y((O) => ({
+      ...O,
+      gender: D || ""
+    }));
+  }, z = async (v) => {
+    v.preventDefault(), k("");
+    const D = {
+      firstName: h.firstName,
+      lastName: h.lastName,
+      fullName: h.fullName,
+      email: h.email,
+      gender: h.gender,
+      country: h.country,
+      phoneCountryCode: "+" + h.phoneCountryCode.phone,
+      phoneNumber: h.phoneNumber,
+      campaignId: a,
+      campaignName: n,
+      contentType: s,
+      contentId: i,
+      contentName: d,
+      customFields: t
+    }, O = ["firstName", "lastName", "fullName", "email", "gender", "country", "phoneCountryCode", "phoneNumber"], ie = Object.fromEntries(
+      Object.entries(D).map(([F, $]) => O.includes(F) ? l.includes(F) && $ !== "" && $ !== null ? [F, $] : [F, null] : [F, $])
+    );
+    S(!0);
+    try {
+      await I.profile.collectLead(ie), P(!0), o && o();
+    } catch (F) {
+      const $ = F instanceof Error ? F.message : "An error occurred while submitting your entry. Please try again.";
+      k($);
+    } finally {
+      S(!1);
+    }
+  }, K = c("leads.form.fullName"), W = c("leads.form.fullNamePlaceholder"), q = c("leads.form.firstName"), V = c("leads.form.firstNamePlaceholder"), le = c("leads.form.lastName"), X = c("leads.form.lastNamePlaceholder"), de = c("leads.form.email"), he = c("leads.form.gender"), A = c("leads.form.genderPlaceholder"), g = c("leads.form.country"), N = c("leads.form.countryPlaceholder"), w = c("leads.form.phone"), _ = c("leads.form.phonePlaceholder"), ee = u ?? c("leads.buttons.submit");
+  return /* @__PURE__ */ e.jsx("form", { onSubmit: z, children: /* @__PURE__ */ e.jsxs(B, { spacing: 2, children: [
+    l.includes("fullName") && /* @__PURE__ */ e.jsxs(J, { required: !0, disabled: b, children: [
+      /* @__PURE__ */ e.jsx(Z, { children: K }),
+      /* @__PURE__ */ e.jsx(ae, { value: h.fullName, onChange: m("fullName"), placeholder: W })
+    ] }),
+    l.includes("firstName") && /* @__PURE__ */ e.jsxs(J, { required: !0, disabled: b, children: [
+      /* @__PURE__ */ e.jsx(Z, { children: q }),
+      /* @__PURE__ */ e.jsx(ae, { value: h.firstName, onChange: m("firstName"), placeholder: V })
+    ] }),
+    l.includes("lastName") && /* @__PURE__ */ e.jsxs(J, { required: !0, disabled: b, children: [
+      /* @__PURE__ */ e.jsx(Z, { children: le }),
+      /* @__PURE__ */ e.jsx(ae, { value: h.lastName, onChange: m("lastName"), placeholder: X })
+    ] }),
+    l.includes("email") && /* @__PURE__ */ e.jsxs(J, { required: !0, disabled: b, children: [
+      /* @__PURE__ */ e.jsx(Z, { children: de }),
+      /* @__PURE__ */ e.jsx(ae, { type: "email", value: h.email, onChange: m("email"), placeholder: "your.email@example.com" })
+    ] }),
+    l.includes("gender") && /* @__PURE__ */ e.jsxs(J, { disabled: b, children: [
+      /* @__PURE__ */ e.jsx(Z, { children: he }),
+      /* @__PURE__ */ e.jsx(fe, { value: h.gender, onChange: M, placeholder: A, children: Qo.map((v) => /* @__PURE__ */ e.jsx(je, { value: v.value, children: v.label }, v.value)) })
+    ] }),
+    l.includes("country") && /* @__PURE__ */ e.jsxs(J, { required: !0, disabled: b, children: [
+      /* @__PURE__ */ e.jsx(Z, { children: g }),
+      /* @__PURE__ */ e.jsx(fe, { value: h.country, onChange: j, placeholder: N, children: ce.map((v) => /* @__PURE__ */ e.jsx(je, { value: v.code, children: v.label }, v.code)) })
+    ] }),
+    (l.includes("phoneCountryCode") || l.includes("phoneNumber")) && /* @__PURE__ */ e.jsxs(J, { required: !0, disabled: b, children: [
+      /* @__PURE__ */ e.jsx(Z, { children: w }),
+      /* @__PURE__ */ e.jsxs(C, { sx: te.phoneContainer, children: [
+        l.includes("phoneCountryCode") && /* @__PURE__ */ e.jsx(
+          eo,
+          {
+            value: h.phoneCountryCode,
+            onChange: f,
+            slotProps: {
+              input: {
+                autoComplete: "new-password"
+              }
+            },
+            sx: te.countrySelect,
+            options: ce,
+            autoHighlight: !0,
+            getOptionLabel: (v) => `+${v.phone}`,
+            renderOption: (v, D) => /* @__PURE__ */ e.jsxs(oo, { ...v, children: [
+              /* @__PURE__ */ e.jsx(lo, { children: /* @__PURE__ */ e.jsx(
+                "img",
+                {
+                  loading: "lazy",
+                  width: "20",
+                  srcSet: `https://flagcdn.com/w40/${D.code.toLowerCase()}.png 2x`,
+                  src: `https://flagcdn.com/w20/${D.code.toLowerCase()}.png`,
+                  alt: ""
+                }
+              ) }),
+              /* @__PURE__ */ e.jsxs(ze, { sx: te.listItemContent, children: [
+                D.label,
+                /* @__PURE__ */ e.jsxs(p, { level: "body-xs", children: [
+                  "+",
+                  D.phone
+                ] })
+              ] })
+            ] })
+          }
+        ),
+        l.includes("phoneNumber") && /* @__PURE__ */ e.jsx(
+          ae,
+          {
+            value: h.phoneNumber,
+            onChange: m("phoneNumber"),
+            placeholder: _,
+            sx: te.phoneInput
+          }
+        )
+      ] })
+    ] }),
+    G && /* @__PURE__ */ e.jsx(Pe, { variant: "error", message: G }),
+    b ? /* @__PURE__ */ e.jsx(
+      Pe,
+      {
+        variant: "success",
+        title: x ?? c("leads.success.title"),
+        description: T ?? c("leads.success.description")
+      }
+    ) : /* @__PURE__ */ e.jsx(Ce, { type: "submit", loading: L, size: "lg", sx: te.submitButton, children: ee })
+  ] }) });
+};
+function Ie({
+  contentType: l,
+  contentId: a,
+  contentName: n,
+  campaignId: s,
+  campaignName: i,
+  onSuccess: d,
+  fields: t = ["fullName", "email"],
+  leadTitle: o,
+  leadDescription: u,
+  leadCta: x,
+  leadSuccessTitle: T,
+  leadSuccessDescription: h
+}) {
+  const y = o ?? c("leads.header.title"), L = u ?? c("leads.header.description"), S = x ?? c("leads.buttons.submit"), b = T ?? c("leads.success.title"), P = h ?? c("leads.success.description");
+  return /* @__PURE__ */ e.jsxs(B, { spacing: 2, children: [
+    /* @__PURE__ */ e.jsxs(C, { children: [
+      /* @__PURE__ */ e.jsx(p, { level: "h4", children: y }),
+      /* @__PURE__ */ e.jsx(p, { level: "body-sm", children: L })
+    ] }),
+    /* @__PURE__ */ e.jsx(
+      Xo,
+      {
+        campaignId: s,
+        campaignName: i,
+        contentName: n,
+        contentType: l,
+        contentId: a,
+        onSuccess: d,
+        fields: t,
+        submitButtonCta: S,
+        leadSuccessTitle: b,
+        leadSuccessDescription: P
+      }
+    )
+  ] });
+}
+const el = se(/* @__PURE__ */ e.jsx("path", {
+  d: "M9.01 14H2v2h7.01v3L13 15l-3.99-4zm5.98-1v-3H22V8h-7.01V5L11 9z"
+}), "CompareArrows"), ol = se(/* @__PURE__ */ e.jsx("path", {
+  d: "M16.5 3c-1.74 0-3.41.81-4.5 2.09C10.91 3.81 9.24 3 7.5 3 4.42 3 2 5.42 2 8.5c0 3.78 3.4 6.86 8.55 11.54L12 21.35l1.45-1.32C18.6 15.36 22 12.28 22 8.5 22 5.42 19.58 3 16.5 3m-4.4 15.55-.1.1-.1-.1C7.14 14.24 4 11.39 4 8.5 4 6.5 5.5 5 7.5 5c1.54 0 3.04.99 3.57 2.36h1.87C13.46 5.99 14.96 5 16.5 5c2 0 3.5 1.5 3.5 3.5 0 2.89-3.14 5.74-7.9 10.05"
+}), "FavoriteBorder"), ll = se(/* @__PURE__ */ e.jsx("path", {
+  d: "M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2m5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12z"
+}), "Cancel"), Ne = ({ option: l, selected: a, feedback: n, onSelect: s, pairId: i }) => {
+  var t;
+  const d = (o) => n.selectedOption === l.id ? n.isCorrect ? `linear-gradient(to top, ${o.palette.success[900]}EE, ${o.palette.success[800]}CC 50%, ${o.palette.success[900]}00 100%)` : `linear-gradient(to top, ${o.palette.danger[900]}EE, ${o.palette.danger[800]}CC 50%, ${o.palette.danger[900]}00 100%)` : "linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0) 200px)";
+  return /* @__PURE__ */ e.jsx(
+    C,
+    {
+      sx: {
+        ...Y.optionWrapper,
+        ...U.wrapper,
+        cursor: a ? "default" : "pointer"
+      },
+      onClick: () => !a && s(i, l.id),
+      children: /* @__PURE__ */ e.jsx(ke, { ratio: "16/9", children: /* @__PURE__ */ e.jsxs(Q, { sx: U.card, children: [
+        /* @__PURE__ */ e.jsx(pe, { children: /* @__PURE__ */ e.jsx(C, { component: "img", src: (t = l.images) == null ? void 0 : t.main, alt: l.label, sx: U.image }) }),
+        /* @__PURE__ */ e.jsx(
+          pe,
+          {
+            sx: {
+              ...U.overlay,
+              background: (o) => d(o)
+            }
+          }
+        ),
+        n.selectedOption === l.id && /* @__PURE__ */ e.jsx(C, { sx: U.iconWrapper, children: n.isCorrect ? /* @__PURE__ */ e.jsx(
+          we,
+          {
+            sx: {
+              ...U.icon,
+              color: "success.500"
+            }
+          }
+        ) : /* @__PURE__ */ e.jsx(
+          ll,
+          {
+            sx: {
+              ...U.icon,
+              color: "danger.500"
+            }
+          }
+        ) }),
+        /* @__PURE__ */ e.jsx(ro, { sx: U.content, children: /* @__PURE__ */ e.jsx(p, { level: "body-lg", sx: U.label, children: l.label }) })
+      ] }) })
+    }
+  );
+}, al = ({ time: l, maxTime: a }) => {
+  const [n, s] = r.useState(a), { t: i } = ve(), d = i("common.labels.sec");
+  return r.useEffect(() => {
+    const t = setTimeout(() => {
+      s(l);
+    }, 50);
+    return () => clearTimeout(t);
+  }, [l]), /* @__PURE__ */ e.jsxs(C, { sx: { mb: 2 }, children: [
+    /* @__PURE__ */ e.jsxs(B, { direction: "row", justifyContent: "space-between", alignItems: "center", mb: 0.5, children: [
+      /* @__PURE__ */ e.jsx(Oo, { size: 18 }),
+      /* @__PURE__ */ e.jsxs(p, { level: "body-sm", textColor: n <= 3 ? "warning.500" : "text.primary", children: [
+        n,
+        d
+      ] })
+    ] }),
+    /* @__PURE__ */ e.jsx(C, { sx: Y.timerProgressWrapper, children: /* @__PURE__ */ e.jsx(
+      C,
+      {
+        sx: {
+          ...Y.timerProgress,
+          width: `${n / a * 100}%`,
+          bgcolor: n <= 3 ? "warning.500" : "primary.500"
+        }
+      }
+    ) })
+  ] });
+}, nl = ({ currentPair: l, timer: a, selected: n, maxTime: s, feedback: i, onSelect: d, stepInfo: t }) => {
+  const [o, u] = r.useState(0), [x, T] = r.useState(!1), [h, y] = r.useState(0), [L, S] = r.useState(0), { t: b } = ve(), P = b("common.labels.or"), G = b("common.labels.point", { count: o });
+  r.useEffect(() => {
+    if (t != null && t.currentPoints && t.currentPoints > o) {
+      y(t.currentPoints - o), T(!0), S((j) => j + 1);
+      const f = setTimeout(() => T(!1), 1e3);
+      return u(t.currentPoints), () => clearTimeout(f);
+    }
+  }, [t == null ? void 0 : t.currentPoints, o]);
+  const k = () => {
+    const f = [], j = (t == null ? void 0 : t.currentLives) ?? 3;
+    for (let M = 0; M < j; M++)
+      f.push(/* @__PURE__ */ e.jsx(uo, { color: "primary", sx: { height: 20 } }, `life-${M}`));
+    for (let M = j; M < 3; M++)
+      f.push(/* @__PURE__ */ e.jsx(ol, { sx: { height: 20 } }, `empty-${M}`));
+    return f;
+  }, I = () => {
+    const f = [], j = (t == null ? void 0 : t.currentStreak) ?? 0, M = Math.min(j, 5);
+    for (let z = 0; z < 5; z++)
+      f.push(/* @__PURE__ */ e.jsx(C, { sx: po(M, z) }, `streak-${z}`));
+    return f;
+  }, m = () => /* @__PURE__ */ e.jsxs(B, { direction: "column", alignItems: "center", gap: 0.75, sx: Y.dividerWrapper, children: [
+    /* @__PURE__ */ e.jsx(Qe, { variant: "outlined", color: "neutral", size: "sm", sx: Y.dividerButton, children: /* @__PURE__ */ e.jsx(el, { color: "primary", sx: { fontSize: "1.2em" } }) }),
+    /* @__PURE__ */ e.jsx(p, { sx: Y.dividerText, children: P })
+  ] });
+  return l ? /* @__PURE__ */ e.jsxs(C, { children: [
+    l && /* @__PURE__ */ e.jsx(al, { time: a, maxTime: s }, `timer-${l.pairId}`),
+    /* @__PURE__ */ e.jsxs(B, { direction: { xs: "column", sm: "row" }, alignItems: "center", spacing: 1, sx: { mb: 2 }, children: [
+      /* @__PURE__ */ e.jsx(C, { sx: { width: { xs: "100%", sm: "calc(50% - 20px)" } }, children: /* @__PURE__ */ e.jsx(
+        Ne,
+        {
+          option: l.optionOne,
+          selected: n,
+          feedback: i,
+          onSelect: d,
+          pairId: l.pairId
+        }
+      ) }),
+      m(),
+      /* @__PURE__ */ e.jsx(C, { sx: { width: { xs: "100%", sm: "calc(50% - 20px)" } }, children: /* @__PURE__ */ e.jsx(
+        Ne,
+        {
+          option: l.optionTwo,
+          selected: n,
+          feedback: i,
+          onSelect: d,
+          pairId: l.pairId
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ e.jsxs(C, { children: [
+      /* @__PURE__ */ e.jsx(B, { direction: "row", spacing: 1, sx: { mb: 1 }, children: I() }),
+      /* @__PURE__ */ e.jsxs(B, { direction: "row", justifyContent: "space-between", alignItems: "center", children: [
+        /* @__PURE__ */ e.jsx(C, { children: k() }),
+        /* @__PURE__ */ e.jsxs(B, { direction: "row", spacing: 1, alignItems: "center", children: [
+          /* @__PURE__ */ e.jsxs(p, { children: [
+            G,
+            ":"
+          ] }),
+          /* @__PURE__ */ e.jsxs(p, { level: "h4", sx: { position: "relative" }, children: [
+            o,
+            x && /* @__PURE__ */ e.jsxs(p, { sx: Y.pointsAdded, children: [
+              "+",
+              h
+            ] }, L)
+          ] })
+        ] })
+      ] })
+    ] })
+  ] }) : null;
+}, tl = ({ stepInfo: l, game: a, sdk: n }) => {
+  const [s, i] = r.useState(null), [d, t] = r.useState(!0), o = Ge(), { t: u } = ve(), x = u("eitherOr.buttons.playAgain"), T = u("common.labels.leaderboard"), h = u("eitherOr.personalBest"), y = u("eitherOr.yourScore"), L = (l == null ? void 0 : l.currentPoints) ?? 0, [S, b] = r.useState(0), [P, G] = r.useState(null), k = S === L;
+  return r.useEffect(() => {
+    (async () => {
+      try {
+        if (!a || !l) throw "Game or stepInfo is missing";
+        const m = await n.getEitherOrResults(a.id);
+        if (L > 0) {
+          const j = [...m.standings], M = {
+            userId: "current",
+            userModel: {
+              id: "current",
+              name: u("common.labels.me"),
+              nickname: null,
+              avatar: null,
+              anonymous: !0
+            },
+            personalBest: L
+          }, z = j.findIndex((K) => K.personalBest < L);
+          z >= 0 && z < 50 && (j.splice(z, 0, M), m.standings = j);
+        }
+        const f = await n.getMyEitherOrStats(a.id);
+        b(f.personalBest ?? 0), G(f.betterThan ?? 0), i(m);
+      } catch (m) {
+        console.error("Failed to fetch results:", m);
+      } finally {
+        t(!1);
+      }
+    })();
+  }, [l, a, n]), d ? /* @__PURE__ */ e.jsx(C, { display: "flex", justifyContent: "center", alignItems: "center", minHeight: "200px", children: /* @__PURE__ */ e.jsx(Ae, { size: "lg" }) }) : !a || !l ? null : /* @__PURE__ */ e.jsx(C, { sx: { maxWidth: 1200, margin: "0 auto" }, children: /* @__PURE__ */ e.jsxs(C, { sx: E.wrapper, children: [
+    /* @__PURE__ */ e.jsxs(Q, { variant: "soft", sx: E.mainCard, children: [
+      /* @__PURE__ */ e.jsx(C, { sx: E.fieldPattern }),
+      /* @__PURE__ */ e.jsxs(B, { spacing: 4, sx: E.mainContent, children: [
+        /* @__PURE__ */ e.jsxs(B, { spacing: 1, alignItems: "center", children: [
+          /* @__PURE__ */ e.jsxs(B, { direction: "row", alignItems: "center", spacing: 1, sx: E.scoreSection, children: [
+            /* @__PURE__ */ e.jsx(Eo, { size: 28 }),
+            /* @__PURE__ */ e.jsx(p, { level: "h3", children: y })
+          ] }),
+          /* @__PURE__ */ e.jsx(p, { level: "h1", sx: E.scoreValue, children: l.currentPoints })
+        ] }),
+        /* @__PURE__ */ e.jsx(Ee, {}),
+        /* @__PURE__ */ e.jsxs(B, { spacing: 2, sx: E.statsSection, children: [
+          k && /* @__PURE__ */ e.jsxs(Me, { variant: "soft", sx: E.statsCard, children: [
+            /* @__PURE__ */ e.jsxs(B, { direction: "row", alignItems: "center", spacing: 1, children: [
+              /* @__PURE__ */ e.jsx(_o, { size: 20, color: o.vars.palette.warning[400] }),
+              /* @__PURE__ */ e.jsx(p, { level: "title-md", children: u("eitherOr.personalBestImprovedTitle") })
+            ] }),
+            /* @__PURE__ */ e.jsx(p, { level: "body-md", textAlign: "center", children: u("eitherOr.personalBestImprovedSubtitle") })
+          ] }),
+          S > 0 && /* @__PURE__ */ e.jsxs(Me, { variant: "soft", sx: E.statsCard, children: [
+            /* @__PURE__ */ e.jsxs(B, { direction: "row", alignItems: "center", spacing: 1, children: [
+              /* @__PURE__ */ e.jsx(Le, { size: 20, color: o.vars.palette.warning[400] }),
+              /* @__PURE__ */ e.jsx(p, { level: "title-md", children: h })
+            ] }),
+            /* @__PURE__ */ e.jsx(p, { level: "body-md", textAlign: "center", children: u("eitherOr.betterThanLabel", { points: S, percentile: P }) })
+          ] })
+        ] })
+      ] })
+    ] }),
+    (s == null ? void 0 : s.standings) && /* @__PURE__ */ e.jsxs(Q, { variant: "outlined", sx: E.leaderboardCard, children: [
+      /* @__PURE__ */ e.jsxs(B, { direction: "row", alignItems: "center", spacing: 1, sx: { mb: 2 }, children: [
+        /* @__PURE__ */ e.jsx(Le, { size: 24, color: o.vars.palette.warning[400] }),
+        /* @__PURE__ */ e.jsx(p, { level: "h4", children: T })
+      ] }),
+      /* @__PURE__ */ e.jsx(co, { children: s.standings.slice(0, 50).map((I, m) => {
+        var f, j;
+        return /* @__PURE__ */ e.jsx(ao, { sx: E.getLeaderboardItemStyles, children: /* @__PURE__ */ e.jsx(ze, { children: /* @__PURE__ */ e.jsxs(B, { direction: "row", alignItems: "center", spacing: 2, children: [
+          m < 3 ? /* @__PURE__ */ e.jsx(Go, { size: 20, color: bo(m)(o) }) : /* @__PURE__ */ e.jsx(p, { sx: E.rankNumber, children: m + 1 }),
+          /* @__PURE__ */ e.jsx(p, { sx: { flex: 1 }, children: ((f = I.userModel) == null ? void 0 : f.nickname) || ((j = I.userModel) == null ? void 0 : j.name) || "Anonymous" }),
+          /* @__PURE__ */ e.jsx(p, { sx: mo(m < 3), children: I.personalBest })
+        ] }) }) }, I.userId);
+      }) })
+    ] }),
+    /* @__PURE__ */ e.jsx(Ce, { variant: "outlined", color: "neutral", fullWidth: !0, onClick: () => window.location.reload(), sx: E.actionButton, children: x })
+  ] }) });
+}, sl = ({ gameId: l, sdk: a, onComplete: n, defaultImagePlaceholderUrl: s, signInCTA: i }) => {
+  const [d, t] = r.useState(H.LOADING), [o, u] = r.useState(null), [x, T] = r.useState(null), [h, y] = r.useState(null), [L, S] = r.useState(10), [b, P] = r.useState(null), [G, k] = r.useState({
+    isCorrect: null,
+    selectedOption: null
+  }), [I, m] = r.useState(!1), [f, j] = r.useState(!1), { position: M, fields: z, campaignId: K, campaignName: W } = $e(), { isAuthenticated: q } = Ue();
+  r.useEffect(() => {
+    (() => {
+      try {
+        a.getEitherOrById(l, !0).then((g) => {
+          u(g), m(!g.authRequirement || g.authRequirement !== "LEAD" || g.authRequirement === "LEAD" && M === "after");
+          const w = g.authRequirement === "REGISTERED" && !q;
+          j(w), t(H.TUTORIAL);
+        }).catch((g) => {
+          console.error(g), t(null);
+        });
+      } catch (g) {
+        return console.warn("Failed to fetch game:", g), "";
+      }
+    })();
+  }, [l, a, M]), r.useEffect(() => {
+    if (o) {
+      const A = o.authRequirement === "REGISTERED" && !q;
+      j(A);
+    }
+  }, [o, q]);
+  const V = r.useCallback(() => ({
+    onTimerTick: (N) => {
+      S(N);
+    },
+    onElapsedResponse: (N) => {
+      S(10), T(N.steps.find((w) => !w.played) || null), y(N), N.currentLives === 0 && t(H.RESULTS);
+    }
+  }), []), le = r.useCallback(async () => {
+    try {
+      const A = await a.participateInEitherOr(l, null, V());
+      y(A), T(A.steps.find((g) => !g.played) || null), t(H.PLAYING);
+    } catch (A) {
+      console.error("Failed to start game:", A);
+    }
+  }, [l, a, V]), X = r.useCallback(
+    async (A, g) => {
+      if (!b) {
+        P(g);
+        try {
+          const N = await a.participateInEitherOr(l, { pair: A, answer: g }, V()), w = N.steps.find((_) => _.pairId === A);
+          k({
+            isCorrect: (w == null ? void 0 : w.correct) ?? !1,
+            selectedOption: g
+          }), y(N), setTimeout(() => {
+            const _ = N.steps.find((ee) => !ee.played);
+            _ ? (T(_), P(null), k({ isCorrect: null, selectedOption: null })) : (t(H.RESULTS), n && n(N.currentPoints));
+          }, 1e3);
+        } catch (N) {
+          console.error("Failed to submit answer:", N), P(null);
+        }
+      }
+    },
+    [l, a, b, V, n]
+  ), de = () => {
+    m(!0);
+  }, he = () => {
+    var A, g, N, w, _, ee, v, D, O, ie, F, $, ye, Se;
+    switch (d) {
+      case H.LOADING:
+        return /* @__PURE__ */ e.jsx(C, { display: "flex", justifyContent: "center", alignItems: "center", minHeight: 400, children: /* @__PURE__ */ e.jsx(Ae, {}) });
+      case H.TUTORIAL:
+        return !I && (o == null ? void 0 : o.authRequirement) === "LEAD" && M === "before" ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+          ((A = o == null ? void 0 : o.images) == null ? void 0 : A.main) && /* @__PURE__ */ e.jsx(ke, { ratio: 16 / 9, children: /* @__PURE__ */ e.jsx(Q, { sx: { borderColor: "divider", "&:hover": { borderColor: "divider" } }, children: /* @__PURE__ */ e.jsx(pe, { children: /* @__PURE__ */ e.jsx(
+            "img",
+            {
+              src: o.images.main,
+              srcSet: `${o.images.main} 1x, ${o.images.main} 2x`,
+              loading: "lazy",
+              alt: o.title
+            }
+          ) }) }) }),
+          $o(o.flags) && /* @__PURE__ */ e.jsx(
+            qo,
+            {
+              title: ((g = o.labels) == null ? void 0 : g.prizeCardTitle) ?? c("prize.title"),
+              description: ((N = o.labels) == null ? void 0 : N.prizeCardDescription) ?? c("prize.description"),
+              cta: ((w = o.labels) == null ? void 0 : w.prizeCta) ?? c("prize.cta"),
+              rules: o.rules
+            }
+          ),
+          /* @__PURE__ */ e.jsx(
+            Ie,
+            {
+              onSuccess: de,
+              contentType: "either-or",
+              contentId: o.id,
+              contentName: o.title,
+              campaignId: K,
+              campaignName: W,
+              fields: z,
+              leadTitle: (_ = o.labels) == null ? void 0 : _.leadTitle,
+              leadDescription: (ee = o.labels) == null ? void 0 : ee.leadDescription,
+              leadCta: (v = o.labels) == null ? void 0 : v.leadCta,
+              leadSuccessTitle: (D = o.labels) == null ? void 0 : D.leadSuccessTitle,
+              leadSuccessDescription: (O = o.labels) == null ? void 0 : O.leadSuccessDescription
+            }
+          )
+        ] }) : /* @__PURE__ */ e.jsx(xo, { onStart: le, game: o, signInCTA: i, showSignInCTA: f });
+      case H.PLAYING:
+        return /* @__PURE__ */ e.jsx(
+          nl,
+          {
+            currentPair: x,
+            timer: L,
+            maxTime: (o == null ? void 0 : o.time) ?? 10,
+            selected: b,
+            feedback: G,
+            onSelect: X,
+            stepInfo: h
+          }
+        );
+      case H.RESULTS:
+        return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+          M === "after" && (o == null ? void 0 : o.authRequirement) === "LEAD" && /* @__PURE__ */ e.jsx(Q, { sx: { mb: 3 }, children: /* @__PURE__ */ e.jsx(
+            Ie,
+            {
+              contentType: "either-or",
+              contentId: o == null ? void 0 : o.id,
+              contentName: o == null ? void 0 : o.title,
+              fields: z,
+              campaignId: K,
+              campaignName: W,
+              leadTitle: (ie = o == null ? void 0 : o.labels) == null ? void 0 : ie.leadTitle,
+              leadDescription: (F = o == null ? void 0 : o.labels) == null ? void 0 : F.leadDescription,
+              leadCta: ($ = o == null ? void 0 : o.labels) == null ? void 0 : $.leadCta,
+              leadSuccessTitle: (ye = o == null ? void 0 : o.labels) == null ? void 0 : ye.leadSuccessTitle,
+              leadSuccessDescription: (Se = o == null ? void 0 : o.labels) == null ? void 0 : Se.leadSuccessDescription
+            }
+          ) }),
+          /* @__PURE__ */ e.jsx(tl, { stepInfo: h, game: o, sdk: a })
+        ] });
+    }
+  };
+  if (d !== null)
+    return /* @__PURE__ */ e.jsxs(
+      Q,
+      {
+        variant: "outlined",
+        sx: {
+          borderColor: "divider",
+          "&:hover": { borderColor: "divider" },
+          backgroundImage: s ? `url(${s})` : "none",
+          backgroundRepeat: "no-repeat",
+          backgroundSize: "cover",
+          backgroundPosition: "center"
+        },
+        children: [
+          (o == null ? void 0 : o.title) && /* @__PURE__ */ e.jsx(p, { level: "h3", textAlign: "center", sx: { mb: 2 }, children: o.title }),
+          he()
+        ]
+      }
+    );
+}, rl = ({ initialGameId: l }) => {
+  const a = De(), { defaultImagePlaceholderUrl: n } = He(), s = Ke();
+  return /* @__PURE__ */ e.jsx(
+    sl,
+    {
+      gameId: l,
+      sdk: a.miniGames,
+      onComplete: (i) => {
+        console.info("Game completed with score:", i);
+      },
+      defaultImagePlaceholderUrl: n,
+      signInCTA: s
+    }
+  );
+}, Ll = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: rl
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  rl as E,
+  Bo as M,
+  Ll as a
+};