@articles-media/articles-dev-box 1.0.13 → 1.0.14

package/dist/ViewUserModal.js

@@ -0,0 +1,3189 @@
+import { j as s } from "./jsx-runtime-tc70JA_2.js";
+import * as ee from "react";
+import { useRef as q, useEffect as X, useMemo as Me, useState as A, useCallback as z, useLayoutEffect as bs, cloneElement as Yt } from "react";
+import { t as Re, a as qt, L as Y, f as Te, n as tt, A as Kt } from "./numberWithCommas-DnAkiOFL.js";
+import { u as js, a as ys, c as st, b as at, o as Gt, l as Ee, i as ws, d as Ns, e as Nt, r as _s, f as ve, g as Jt, h as _t, j as Qt, k as Os, F as Ot, s as rt, m as Ss, P as Ds, M as Be } from "./Modal-C9oYRgI1.js";
+import { g as Ps, c as ue } from "./index-YnD2EP-S.js";
+import Es from "react-dom";
+import { w as As, u as Zt, a as es } from "./index-DLYx67wi.js";
+import { A as P } from "./Button-_Quon8UV.js";
+function Qe(t, e) {
+  const a = +Re(t) - +Re(e);
+  return a < 0 ? -1 : a > 0 ? 1 : a;
+}
+function Cs(t, e, a) {
+  const [r, n] = qt(
+    a?.in,
+    t,
+    e
+  ), l = r.getFullYear() - n.getFullYear(), i = r.getMonth() - n.getMonth();
+  return l * 12 + i;
+}
+function $s(t, e) {
+  const a = Re(t, e?.in);
+  return a.setHours(23, 59, 59, 999), a;
+}
+function Ms(t, e) {
+  const a = Re(t, e?.in), r = a.getMonth();
+  return a.setFullYear(a.getFullYear(), r + 1, 0), a.setHours(23, 59, 59, 999), a;
+}
+function Rs(t, e) {
+  const a = Re(t, e?.in);
+  return +$s(a, e) == +Ms(a, e);
+}
+function ks(t, e, a) {
+  const [r, n, l] = qt(
+    a?.in,
+    t,
+    t,
+    e
+  ), i = Qe(n, l), o = Math.abs(
+    Cs(n, l)
+  );
+  if (o < 1) return 0;
+  n.getMonth() === 1 && n.getDate() > 27 && n.setDate(30), n.setMonth(n.getMonth() - i * o);
+  let c = Qe(n, l) === -i;
+  Rs(r) && o === 1 && Qe(r, l) === 1 && (c = !1);
+  const f = i * (o - +c);
+  return f === 0 ? 0 : f;
+}
+function Ls() {
+  const t = q(!0), e = q(() => t.current);
+  return X(() => (t.current = !0, () => {
+    t.current = !1;
+  }), []), e.current;
+}
+const nt = 2 ** 31 - 1;
+function ts(t, e, a) {
+  const r = a - Date.now();
+  t.current = r <= nt ? setTimeout(e, r) : setTimeout(() => ts(t, e, a), nt);
+}
+function Ts() {
+  const t = Ls(), e = q();
+  return js(() => clearTimeout(e.current)), Me(() => {
+    const a = () => clearTimeout(e.current);
+    function r(n, l = 0) {
+      t() && (a(), l <= nt ? e.current = setTimeout(n, l) : ts(e, n, Date.now() + l));
+    }
+    return {
+      set: r,
+      clear: a,
+      handleRef: e
+    };
+  }, []);
+}
+var Ze, St;
+function Fs() {
+  if (St) return Ze;
+  St = 1;
+  var t = process.env.NODE_ENV !== "production", e = function() {
+  };
+  if (t) {
+    var a = function(n, l) {
+      var i = arguments.length;
+      l = new Array(i > 1 ? i - 1 : 0);
+      for (var o = 1; o < i; o++)
+        l[o - 1] = arguments[o];
+      var c = 0, f = "Warning: " + n.replace(/%s/g, function() {
+        return l[c++];
+      });
+      typeof console < "u" && console.error(f);
+      try {
+        throw new Error(f);
+      } catch {
+      }
+    };
+    e = function(r, n, l) {
+      var i = arguments.length;
+      l = new Array(i > 2 ? i - 2 : 0);
+      for (var o = 2; o < i; o++)
+        l[o - 2] = arguments[o];
+      if (n === void 0)
+        throw new Error(
+          "`warning(condition, format, ...args)` requires a warning message argument"
+        );
+      r || a.apply(null, [n].concat(l));
+    };
+  }
+  return Ze = e, Ze;
+}
+var Us = Fs();
+const ss = /* @__PURE__ */ Ps(Us);
+function Bs(t, e, a) {
+  var r = q(t !== void 0), n = A(e), l = n[0], i = n[1], o = t !== void 0, c = r.current;
+  return r.current = o, !o && c && l !== e && i(e), [o ? t : l, z(function(f) {
+    for (var u = arguments.length, m = new Array(u > 1 ? u - 1 : 0), h = 1; h < u; h++)
+      m[h - 1] = arguments[h];
+    a && a.apply(void 0, [f].concat(m)), i(f);
+  }, [a])];
+}
+function Dt() {
+  return A(null);
+}
+var Pt = Object.prototype.hasOwnProperty;
+function Et(t, e, a) {
+  for (a of t.keys())
+    if (Ae(a, e)) return a;
+}
+function Ae(t, e) {
+  var a, r, n;
+  if (t === e) return !0;
+  if (t && e && (a = t.constructor) === e.constructor) {
+    if (a === Date) return t.getTime() === e.getTime();
+    if (a === RegExp) return t.toString() === e.toString();
+    if (a === Array) {
+      if ((r = t.length) === e.length)
+        for (; r-- && Ae(t[r], e[r]); ) ;
+      return r === -1;
+    }
+    if (a === Set) {
+      if (t.size !== e.size)
+        return !1;
+      for (r of t)
+        if (n = r, n && typeof n == "object" && (n = Et(e, n), !n) || !e.has(n)) return !1;
+      return !0;
+    }
+    if (a === Map) {
+      if (t.size !== e.size)
+        return !1;
+      for (r of t)
+        if (n = r[0], n && typeof n == "object" && (n = Et(e, n), !n) || !Ae(r[1], e.get(n)))
+          return !1;
+      return !0;
+    }
+    if (a === ArrayBuffer)
+      t = new Uint8Array(t), e = new Uint8Array(e);
+    else if (a === DataView) {
+      if ((r = t.byteLength) === e.byteLength)
+        for (; r-- && t.getInt8(r) === e.getInt8(r); ) ;
+      return r === -1;
+    }
+    if (ArrayBuffer.isView(t)) {
+      if ((r = t.byteLength) === e.byteLength)
+        for (; r-- && t[r] === e[r]; ) ;
+      return r === -1;
+    }
+    if (!a || typeof t == "object") {
+      r = 0;
+      for (a in t)
+        if (Pt.call(t, a) && ++r && !Pt.call(e, a) || !(a in e) || !Ae(t[a], e[a])) return !1;
+      return Object.keys(e).length === r;
+    }
+  }
+  return t !== t && e !== e;
+}
+function Is(t) {
+  const e = ys();
+  return [t[0], z((a) => {
+    if (e())
+      return t[1](a);
+  }, [e, t[1]])];
+}
+var U = "top", K = "bottom", G = "right", B = "left", lt = "auto", Fe = [U, K, G, B], ye = "start", ke = "end", Vs = "clippingParents", as = "viewport", Pe = "popper", Ws = "reference", At = /* @__PURE__ */ Fe.reduce(function(t, e) {
+  return t.concat([e + "-" + ye, e + "-" + ke]);
+}, []), rs = /* @__PURE__ */ [].concat(Fe, [lt]).reduce(function(t, e) {
+  return t.concat([e, e + "-" + ye, e + "-" + ke]);
+}, []), Hs = "beforeRead", zs = "read", Xs = "afterRead", Ys = "beforeMain", qs = "main", Ks = "afterMain", Gs = "beforeWrite", Js = "write", Qs = "afterWrite", Zs = [Hs, zs, Xs, Ys, qs, Ks, Gs, Js, Qs];
+function ae(t) {
+  return t.split("-")[0];
+}
+function W(t) {
+  if (t == null)
+    return window;
+  if (t.toString() !== "[object Window]") {
+    var e = t.ownerDocument;
+    return e && e.defaultView || window;
+  }
+  return t;
+}
+function xe(t) {
+  var e = W(t).Element;
+  return t instanceof e || t instanceof Element;
+}
+function re(t) {
+  var e = W(t).HTMLElement;
+  return t instanceof e || t instanceof HTMLElement;
+}
+function ct(t) {
+  if (typeof ShadowRoot > "u")
+    return !1;
+  var e = W(t).ShadowRoot;
+  return t instanceof e || t instanceof ShadowRoot;
+}
+var he = Math.max, He = Math.min, we = Math.round;
+function it() {
+  var t = navigator.userAgentData;
+  return t != null && t.brands && Array.isArray(t.brands) ? t.brands.map(function(e) {
+    return e.brand + "/" + e.version;
+  }).join(" ") : navigator.userAgent;
+}
+function ns() {
+  return !/^((?!chrome|android).)*safari/i.test(it());
+}
+function Ne(t, e, a) {
+  e === void 0 && (e = !1), a === void 0 && (a = !1);
+  var r = t.getBoundingClientRect(), n = 1, l = 1;
+  e && re(t) && (n = t.offsetWidth > 0 && we(r.width) / t.offsetWidth || 1, l = t.offsetHeight > 0 && we(r.height) / t.offsetHeight || 1);
+  var i = xe(t) ? W(t) : window, o = i.visualViewport, c = !ns() && a, f = (r.left + (c && o ? o.offsetLeft : 0)) / n, u = (r.top + (c && o ? o.offsetTop : 0)) / l, m = r.width / n, h = r.height / l;
+  return {
+    width: m,
+    height: h,
+    top: u,
+    right: f + m,
+    bottom: u + h,
+    left: f,
+    x: f,
+    y: u
+  };
+}
+function dt(t) {
+  var e = Ne(t), a = t.offsetWidth, r = t.offsetHeight;
+  return Math.abs(e.width - a) <= 1 && (a = e.width), Math.abs(e.height - r) <= 1 && (r = e.height), {
+    x: t.offsetLeft,
+    y: t.offsetTop,
+    width: a,
+    height: r
+  };
+}
+function is(t, e) {
+  var a = e.getRootNode && e.getRootNode();
+  if (t.contains(e))
+    return !0;
+  if (a && ct(a)) {
+    var r = e;
+    do {
+      if (r && t.isSameNode(r))
+        return !0;
+      r = r.parentNode || r.host;
+    } while (r);
+  }
+  return !1;
+}
+function pe(t) {
+  return t ? (t.nodeName || "").toLowerCase() : null;
+}
+function de(t) {
+  return W(t).getComputedStyle(t);
+}
+function ea(t) {
+  return ["table", "td", "th"].indexOf(pe(t)) >= 0;
+}
+function me(t) {
+  return ((xe(t) ? t.ownerDocument : (
+    // $FlowFixMe[prop-missing]
+    t.document
+  )) || window.document).documentElement;
+}
+function ze(t) {
+  return pe(t) === "html" ? t : (
+    // this is a quicker (but less type safe) way to save quite some bytes from the bundle
+    // $FlowFixMe[incompatible-return]
+    // $FlowFixMe[prop-missing]
+    t.assignedSlot || // step into the shadow DOM of the parent of a slotted node
+    t.parentNode || // DOM Element detected
+    (ct(t) ? t.host : null) || // ShadowRoot detected
+    // $FlowFixMe[incompatible-call]: HTMLElement is a Node
+    me(t)
+  );
+}
+function Ct(t) {
+  return !re(t) || // https://github.com/popperjs/popper-core/issues/837
+  de(t).position === "fixed" ? null : t.offsetParent;
+}
+function ta(t) {
+  var e = /firefox/i.test(it()), a = /Trident/i.test(it());
+  if (a && re(t)) {
+    var r = de(t);
+    if (r.position === "fixed")
+      return null;
+  }
+  var n = ze(t);
+  for (ct(n) && (n = n.host); re(n) && ["html", "body"].indexOf(pe(n)) < 0; ) {
+    var l = de(n);
+    if (l.transform !== "none" || l.perspective !== "none" || l.contain === "paint" || ["transform", "perspective"].indexOf(l.willChange) !== -1 || e && l.willChange === "filter" || e && l.filter && l.filter !== "none")
+      return n;
+    n = n.parentNode;
+  }
+  return null;
+}
+function Ue(t) {
+  for (var e = W(t), a = Ct(t); a && ea(a) && de(a).position === "static"; )
+    a = Ct(a);
+  return a && (pe(a) === "html" || pe(a) === "body" && de(a).position === "static") ? e : a || ta(t) || e;
+}
+function ut(t) {
+  return ["top", "bottom"].indexOf(t) >= 0 ? "x" : "y";
+}
+function Ce(t, e, a) {
+  return he(t, He(e, a));
+}
+function sa(t, e, a) {
+  var r = Ce(t, e, a);
+  return r > a ? a : r;
+}
+function os() {
+  return {
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0
+  };
+}
+function ls(t) {
+  return Object.assign({}, os(), t);
+}
+function cs(t, e) {
+  return e.reduce(function(a, r) {
+    return a[r] = t, a;
+  }, {});
+}
+var aa = function(e, a) {
+  return e = typeof e == "function" ? e(Object.assign({}, a.rects, {
+    placement: a.placement
+  })) : e, ls(typeof e != "number" ? e : cs(e, Fe));
+};
+function ra(t) {
+  var e, a = t.state, r = t.name, n = t.options, l = a.elements.arrow, i = a.modifiersData.popperOffsets, o = ae(a.placement), c = ut(o), f = [B, G].indexOf(o) >= 0, u = f ? "height" : "width";
+  if (!(!l || !i)) {
+    var m = aa(n.padding, a), h = dt(l), d = c === "y" ? U : B, v = c === "y" ? K : G, x = a.rects.reference[u] + a.rects.reference[c] - i[c] - a.rects.popper[u], p = i[c] - a.rects.reference[c], j = Ue(l), g = j ? c === "y" ? j.clientHeight || 0 : j.clientWidth || 0 : 0, N = x / 2 - p / 2, b = m[d], _ = g - h[u] - m[v], w = g / 2 - h[u] / 2 + N, O = Ce(b, w, _), $ = c;
+    a.modifiersData[r] = (e = {}, e[$] = O, e.centerOffset = O - w, e);
+  }
+}
+function na(t) {
+  var e = t.state, a = t.options, r = a.element, n = r === void 0 ? "[data-popper-arrow]" : r;
+  n != null && (typeof n == "string" && (n = e.elements.popper.querySelector(n), !n) || is(e.elements.popper, n) && (e.elements.arrow = n));
+}
+const ia = {
+  name: "arrow",
+  enabled: !0,
+  phase: "main",
+  fn: ra,
+  effect: na,
+  requires: ["popperOffsets"],
+  requiresIfExists: ["preventOverflow"]
+};
+function _e(t) {
+  return t.split("-")[1];
+}
+var oa = {
+  top: "auto",
+  right: "auto",
+  bottom: "auto",
+  left: "auto"
+};
+function la(t, e) {
+  var a = t.x, r = t.y, n = e.devicePixelRatio || 1;
+  return {
+    x: we(a * n) / n || 0,
+    y: we(r * n) / n || 0
+  };
+}
+function $t(t) {
+  var e, a = t.popper, r = t.popperRect, n = t.placement, l = t.variation, i = t.offsets, o = t.position, c = t.gpuAcceleration, f = t.adaptive, u = t.roundOffsets, m = t.isFixed, h = i.x, d = h === void 0 ? 0 : h, v = i.y, x = v === void 0 ? 0 : v, p = typeof u == "function" ? u({
+    x: d,
+    y: x
+  }) : {
+    x: d,
+    y: x
+  };
+  d = p.x, x = p.y;
+  var j = i.hasOwnProperty("x"), g = i.hasOwnProperty("y"), N = B, b = U, _ = window;
+  if (f) {
+    var w = Ue(a), O = "clientHeight", $ = "clientWidth";
+    if (w === W(a) && (w = me(a), de(w).position !== "static" && o === "absolute" && (O = "scrollHeight", $ = "scrollWidth")), w = w, n === U || (n === B || n === G) && l === ke) {
+      b = K;
+      var M = m && w === _ && _.visualViewport ? _.visualViewport.height : (
+        // $FlowFixMe[prop-missing]
+        w[O]
+      );
+      x -= M - r.height, x *= c ? 1 : -1;
+    }
+    if (n === B || (n === U || n === K) && l === ke) {
+      N = G;
+      var E = m && w === _ && _.visualViewport ? _.visualViewport.width : (
+        // $FlowFixMe[prop-missing]
+        w[$]
+      );
+      d -= E - r.width, d *= c ? 1 : -1;
+    }
+  }
+  var C = Object.assign({
+    position: o
+  }, f && oa), k = u === !0 ? la({
+    x: d,
+    y: x
+  }, W(a)) : {
+    x: d,
+    y: x
+  };
+  if (d = k.x, x = k.y, c) {
+    var S;
+    return Object.assign({}, C, (S = {}, S[b] = g ? "0" : "", S[N] = j ? "0" : "", S.transform = (_.devicePixelRatio || 1) <= 1 ? "translate(" + d + "px, " + x + "px)" : "translate3d(" + d + "px, " + x + "px, 0)", S));
+  }
+  return Object.assign({}, C, (e = {}, e[b] = g ? x + "px" : "", e[N] = j ? d + "px" : "", e.transform = "", e));
+}
+function ca(t) {
+  var e = t.state, a = t.options, r = a.gpuAcceleration, n = r === void 0 ? !0 : r, l = a.adaptive, i = l === void 0 ? !0 : l, o = a.roundOffsets, c = o === void 0 ? !0 : o, f = {
+    placement: ae(e.placement),
+    variation: _e(e.placement),
+    popper: e.elements.popper,
+    popperRect: e.rects.popper,
+    gpuAcceleration: n,
+    isFixed: e.options.strategy === "fixed"
+  };
+  e.modifiersData.popperOffsets != null && (e.styles.popper = Object.assign({}, e.styles.popper, $t(Object.assign({}, f, {
+    offsets: e.modifiersData.popperOffsets,
+    position: e.options.strategy,
+    adaptive: i,
+    roundOffsets: c
+  })))), e.modifiersData.arrow != null && (e.styles.arrow = Object.assign({}, e.styles.arrow, $t(Object.assign({}, f, {
+    offsets: e.modifiersData.arrow,
+    position: "absolute",
+    adaptive: !1,
+    roundOffsets: c
+  })))), e.attributes.popper = Object.assign({}, e.attributes.popper, {
+    "data-popper-placement": e.placement
+  });
+}
+const da = {
+  name: "computeStyles",
+  enabled: !0,
+  phase: "beforeWrite",
+  fn: ca,
+  data: {}
+};
+var Ie = {
+  passive: !0
+};
+function ua(t) {
+  var e = t.state, a = t.instance, r = t.options, n = r.scroll, l = n === void 0 ? !0 : n, i = r.resize, o = i === void 0 ? !0 : i, c = W(e.elements.popper), f = [].concat(e.scrollParents.reference, e.scrollParents.popper);
+  return l && f.forEach(function(u) {
+    u.addEventListener("scroll", a.update, Ie);
+  }), o && c.addEventListener("resize", a.update, Ie), function() {
+    l && f.forEach(function(u) {
+      u.removeEventListener("scroll", a.update, Ie);
+    }), o && c.removeEventListener("resize", a.update, Ie);
+  };
+}
+const fa = {
+  name: "eventListeners",
+  enabled: !0,
+  phase: "write",
+  fn: function() {
+  },
+  effect: ua,
+  data: {}
+};
+var pa = {
+  left: "right",
+  right: "left",
+  bottom: "top",
+  top: "bottom"
+};
+function Ve(t) {
+  return t.replace(/left|right|bottom|top/g, function(e) {
+    return pa[e];
+  });
+}
+var ma = {
+  start: "end",
+  end: "start"
+};
+function Mt(t) {
+  return t.replace(/start|end/g, function(e) {
+    return ma[e];
+  });
+}
+function ft(t) {
+  var e = W(t), a = e.pageXOffset, r = e.pageYOffset;
+  return {
+    scrollLeft: a,
+    scrollTop: r
+  };
+}
+function pt(t) {
+  return Ne(me(t)).left + ft(t).scrollLeft;
+}
+function ha(t, e) {
+  var a = W(t), r = me(t), n = a.visualViewport, l = r.clientWidth, i = r.clientHeight, o = 0, c = 0;
+  if (n) {
+    l = n.width, i = n.height;
+    var f = ns();
+    (f || !f && e === "fixed") && (o = n.offsetLeft, c = n.offsetTop);
+  }
+  return {
+    width: l,
+    height: i,
+    x: o + pt(t),
+    y: c
+  };
+}
+function va(t) {
+  var e, a = me(t), r = ft(t), n = (e = t.ownerDocument) == null ? void 0 : e.body, l = he(a.scrollWidth, a.clientWidth, n ? n.scrollWidth : 0, n ? n.clientWidth : 0), i = he(a.scrollHeight, a.clientHeight, n ? n.scrollHeight : 0, n ? n.clientHeight : 0), o = -r.scrollLeft + pt(t), c = -r.scrollTop;
+  return de(n || a).direction === "rtl" && (o += he(a.clientWidth, n ? n.clientWidth : 0) - l), {
+    width: l,
+    height: i,
+    x: o,
+    y: c
+  };
+}
+function mt(t) {
+  var e = de(t), a = e.overflow, r = e.overflowX, n = e.overflowY;
+  return /auto|scroll|overlay|hidden/.test(a + n + r);
+}
+function ds(t) {
+  return ["html", "body", "#document"].indexOf(pe(t)) >= 0 ? t.ownerDocument.body : re(t) && mt(t) ? t : ds(ze(t));
+}
+function $e(t, e) {
+  var a;
+  e === void 0 && (e = []);
+  var r = ds(t), n = r === ((a = t.ownerDocument) == null ? void 0 : a.body), l = W(r), i = n ? [l].concat(l.visualViewport || [], mt(r) ? r : []) : r, o = e.concat(i);
+  return n ? o : (
+    // $FlowFixMe[incompatible-call]: isBody tells us target will be an HTMLElement here
+    o.concat($e(ze(i)))
+  );
+}
+function ot(t) {
+  return Object.assign({}, t, {
+    left: t.x,
+    top: t.y,
+    right: t.x + t.width,
+    bottom: t.y + t.height
+  });
+}
+function xa(t, e) {
+  var a = Ne(t, !1, e === "fixed");
+  return a.top = a.top + t.clientTop, a.left = a.left + t.clientLeft, a.bottom = a.top + t.clientHeight, a.right = a.left + t.clientWidth, a.width = t.clientWidth, a.height = t.clientHeight, a.x = a.left, a.y = a.top, a;
+}
+function Rt(t, e, a) {
+  return e === as ? ot(ha(t, a)) : xe(e) ? xa(e, a) : ot(va(me(t)));
+}
+function ga(t) {
+  var e = $e(ze(t)), a = ["absolute", "fixed"].indexOf(de(t).position) >= 0, r = a && re(t) ? Ue(t) : t;
+  return xe(r) ? e.filter(function(n) {
+    return xe(n) && is(n, r) && pe(n) !== "body";
+  }) : [];
+}
+function ba(t, e, a, r) {
+  var n = e === "clippingParents" ? ga(t) : [].concat(e), l = [].concat(n, [a]), i = l[0], o = l.reduce(function(c, f) {
+    var u = Rt(t, f, r);
+    return c.top = he(u.top, c.top), c.right = He(u.right, c.right), c.bottom = He(u.bottom, c.bottom), c.left = he(u.left, c.left), c;
+  }, Rt(t, i, r));
+  return o.width = o.right - o.left, o.height = o.bottom - o.top, o.x = o.left, o.y = o.top, o;
+}
+function us(t) {
+  var e = t.reference, a = t.element, r = t.placement, n = r ? ae(r) : null, l = r ? _e(r) : null, i = e.x + e.width / 2 - a.width / 2, o = e.y + e.height / 2 - a.height / 2, c;
+  switch (n) {
+    case U:
+      c = {
+        x: i,
+        y: e.y - a.height
+      };
+      break;
+    case K:
+      c = {
+        x: i,
+        y: e.y + e.height
+      };
+      break;
+    case G:
+      c = {
+        x: e.x + e.width,
+        y: o
+      };
+      break;
+    case B:
+      c = {
+        x: e.x - a.width,
+        y: o
+      };
+      break;
+    default:
+      c = {
+        x: e.x,
+        y: e.y
+      };
+  }
+  var f = n ? ut(n) : null;
+  if (f != null) {
+    var u = f === "y" ? "height" : "width";
+    switch (l) {
+      case ye:
+        c[f] = c[f] - (e[u] / 2 - a[u] / 2);
+        break;
+      case ke:
+        c[f] = c[f] + (e[u] / 2 - a[u] / 2);
+        break;
+    }
+  }
+  return c;
+}
+function Le(t, e) {
+  e === void 0 && (e = {});
+  var a = e, r = a.placement, n = r === void 0 ? t.placement : r, l = a.strategy, i = l === void 0 ? t.strategy : l, o = a.boundary, c = o === void 0 ? Vs : o, f = a.rootBoundary, u = f === void 0 ? as : f, m = a.elementContext, h = m === void 0 ? Pe : m, d = a.altBoundary, v = d === void 0 ? !1 : d, x = a.padding, p = x === void 0 ? 0 : x, j = ls(typeof p != "number" ? p : cs(p, Fe)), g = h === Pe ? Ws : Pe, N = t.rects.popper, b = t.elements[v ? g : h], _ = ba(xe(b) ? b : b.contextElement || me(t.elements.popper), c, u, i), w = Ne(t.elements.reference), O = us({
+    reference: w,
+    element: N,
+    placement: n
+  }), $ = ot(Object.assign({}, N, O)), M = h === Pe ? $ : w, E = {
+    top: _.top - M.top + j.top,
+    bottom: M.bottom - _.bottom + j.bottom,
+    left: _.left - M.left + j.left,
+    right: M.right - _.right + j.right
+  }, C = t.modifiersData.offset;
+  if (h === Pe && C) {
+    var k = C[n];
+    Object.keys(E).forEach(function(S) {
+      var L = [G, K].indexOf(S) >= 0 ? 1 : -1, R = [U, K].indexOf(S) >= 0 ? "y" : "x";
+      E[S] += k[R] * L;
+    });
+  }
+  return E;
+}
+function ja(t, e) {
+  e === void 0 && (e = {});
+  var a = e, r = a.placement, n = a.boundary, l = a.rootBoundary, i = a.padding, o = a.flipVariations, c = a.allowedAutoPlacements, f = c === void 0 ? rs : c, u = _e(r), m = u ? o ? At : At.filter(function(v) {
+    return _e(v) === u;
+  }) : Fe, h = m.filter(function(v) {
+    return f.indexOf(v) >= 0;
+  });
+  h.length === 0 && (h = m);
+  var d = h.reduce(function(v, x) {
+    return v[x] = Le(t, {
+      placement: x,
+      boundary: n,
+      rootBoundary: l,
+      padding: i
+    })[ae(x)], v;
+  }, {});
+  return Object.keys(d).sort(function(v, x) {
+    return d[v] - d[x];
+  });
+}
+function ya(t) {
+  if (ae(t) === lt)
+    return [];
+  var e = Ve(t);
+  return [Mt(t), e, Mt(e)];
+}
+function wa(t) {
+  var e = t.state, a = t.options, r = t.name;
+  if (!e.modifiersData[r]._skip) {
+    for (var n = a.mainAxis, l = n === void 0 ? !0 : n, i = a.altAxis, o = i === void 0 ? !0 : i, c = a.fallbackPlacements, f = a.padding, u = a.boundary, m = a.rootBoundary, h = a.altBoundary, d = a.flipVariations, v = d === void 0 ? !0 : d, x = a.allowedAutoPlacements, p = e.options.placement, j = ae(p), g = j === p, N = c || (g || !v ? [Ve(p)] : ya(p)), b = [p].concat(N).reduce(function(H, te) {
+      return H.concat(ae(te) === lt ? ja(e, {
+        placement: te,
+        boundary: u,
+        rootBoundary: m,
+        padding: f,
+        flipVariations: v,
+        allowedAutoPlacements: x
+      }) : te);
+    }, []), _ = e.rects.reference, w = e.rects.popper, O = /* @__PURE__ */ new Map(), $ = !0, M = b[0], E = 0; E < b.length; E++) {
+      var C = b[E], k = ae(C), S = _e(C) === ye, L = [U, K].indexOf(k) >= 0, R = L ? "width" : "height", F = Le(e, {
+        placement: C,
+        boundary: u,
+        rootBoundary: m,
+        altBoundary: h,
+        padding: f
+      }), I = L ? S ? G : B : S ? K : U;
+      _[R] > w[R] && (I = Ve(I));
+      var fe = Ve(I), ie = [];
+      if (l && ie.push(F[k] <= 0), o && ie.push(F[I] <= 0, F[fe] <= 0), ie.every(function(H) {
+        return H;
+      })) {
+        M = C, $ = !1;
+        break;
+      }
+      O.set(C, ie);
+    }
+    if ($)
+      for (var oe = v ? 3 : 1, Oe = function(te) {
+        var le = b.find(function(be) {
+          var J = O.get(be);
+          if (J)
+            return J.slice(0, te).every(function(Se) {
+              return Se;
+            });
+        });
+        if (le)
+          return M = le, "break";
+      }, D = oe; D > 0; D--) {
+        var ge = Oe(D);
+        if (ge === "break") break;
+      }
+    e.placement !== M && (e.modifiersData[r]._skip = !0, e.placement = M, e.reset = !0);
+  }
+}
+const Na = {
+  name: "flip",
+  enabled: !0,
+  phase: "main",
+  fn: wa,
+  requiresIfExists: ["offset"],
+  data: {
+    _skip: !1
+  }
+};
+function kt(t, e, a) {
+  return a === void 0 && (a = {
+    x: 0,
+    y: 0
+  }), {
+    top: t.top - e.height - a.y,
+    right: t.right - e.width + a.x,
+    bottom: t.bottom - e.height + a.y,
+    left: t.left - e.width - a.x
+  };
+}
+function Lt(t) {
+  return [U, G, K, B].some(function(e) {
+    return t[e] >= 0;
+  });
+}
+function _a(t) {
+  var e = t.state, a = t.name, r = e.rects.reference, n = e.rects.popper, l = e.modifiersData.preventOverflow, i = Le(e, {
+    elementContext: "reference"
+  }), o = Le(e, {
+    altBoundary: !0
+  }), c = kt(i, r), f = kt(o, n, l), u = Lt(c), m = Lt(f);
+  e.modifiersData[a] = {
+    referenceClippingOffsets: c,
+    popperEscapeOffsets: f,
+    isReferenceHidden: u,
+    hasPopperEscaped: m
+  }, e.attributes.popper = Object.assign({}, e.attributes.popper, {
+    "data-popper-reference-hidden": u,
+    "data-popper-escaped": m
+  });
+}
+const Oa = {
+  name: "hide",
+  enabled: !0,
+  phase: "main",
+  requiresIfExists: ["preventOverflow"],
+  fn: _a
+};
+function Sa(t, e, a) {
+  var r = ae(t), n = [B, U].indexOf(r) >= 0 ? -1 : 1, l = typeof a == "function" ? a(Object.assign({}, e, {
+    placement: t
+  })) : a, i = l[0], o = l[1];
+  return i = i || 0, o = (o || 0) * n, [B, G].indexOf(r) >= 0 ? {
+    x: o,
+    y: i
+  } : {
+    x: i,
+    y: o
+  };
+}
+function Da(t) {
+  var e = t.state, a = t.options, r = t.name, n = a.offset, l = n === void 0 ? [0, 0] : n, i = rs.reduce(function(u, m) {
+    return u[m] = Sa(m, e.rects, l), u;
+  }, {}), o = i[e.placement], c = o.x, f = o.y;
+  e.modifiersData.popperOffsets != null && (e.modifiersData.popperOffsets.x += c, e.modifiersData.popperOffsets.y += f), e.modifiersData[r] = i;
+}
+const Pa = {
+  name: "offset",
+  enabled: !0,
+  phase: "main",
+  requires: ["popperOffsets"],
+  fn: Da
+};
+function Ea(t) {
+  var e = t.state, a = t.name;
+  e.modifiersData[a] = us({
+    reference: e.rects.reference,
+    element: e.rects.popper,
+    placement: e.placement
+  });
+}
+const Aa = {
+  name: "popperOffsets",
+  enabled: !0,
+  phase: "read",
+  fn: Ea,
+  data: {}
+};
+function Ca(t) {
+  return t === "x" ? "y" : "x";
+}
+function $a(t) {
+  var e = t.state, a = t.options, r = t.name, n = a.mainAxis, l = n === void 0 ? !0 : n, i = a.altAxis, o = i === void 0 ? !1 : i, c = a.boundary, f = a.rootBoundary, u = a.altBoundary, m = a.padding, h = a.tether, d = h === void 0 ? !0 : h, v = a.tetherOffset, x = v === void 0 ? 0 : v, p = Le(e, {
+    boundary: c,
+    rootBoundary: f,
+    padding: m,
+    altBoundary: u
+  }), j = ae(e.placement), g = _e(e.placement), N = !g, b = ut(j), _ = Ca(b), w = e.modifiersData.popperOffsets, O = e.rects.reference, $ = e.rects.popper, M = typeof x == "function" ? x(Object.assign({}, e.rects, {
+    placement: e.placement
+  })) : x, E = typeof M == "number" ? {
+    mainAxis: M,
+    altAxis: M
+  } : Object.assign({
+    mainAxis: 0,
+    altAxis: 0
+  }, M), C = e.modifiersData.offset ? e.modifiersData.offset[e.placement] : null, k = {
+    x: 0,
+    y: 0
+  };
+  if (w) {
+    if (l) {
+      var S, L = b === "y" ? U : B, R = b === "y" ? K : G, F = b === "y" ? "height" : "width", I = w[b], fe = I + p[L], ie = I - p[R], oe = d ? -$[F] / 2 : 0, Oe = g === ye ? O[F] : $[F], D = g === ye ? -$[F] : -O[F], ge = e.elements.arrow, H = d && ge ? dt(ge) : {
+        width: 0,
+        height: 0
+      }, te = e.modifiersData["arrow#persistent"] ? e.modifiersData["arrow#persistent"].padding : os(), le = te[L], be = te[R], J = Ce(0, O[F], H[F]), Se = N ? O[F] / 2 - oe - J - le - E.mainAxis : Oe - J - le - E.mainAxis, Xe = N ? -O[F] / 2 + oe + J + be + E.mainAxis : D + J + be + E.mainAxis, T = e.elements.arrow && Ue(e.elements.arrow), je = T ? b === "y" ? T.clientTop || 0 : T.clientLeft || 0 : 0, De = (S = C?.[b]) != null ? S : 0, vt = I + Se - De - je, xt = I + Xe - De, Ye = Ce(d ? He(fe, vt) : fe, I, d ? he(ie, xt) : ie);
+      w[b] = Ye, k[b] = Ye - I;
+    }
+    if (o) {
+      var qe, Ke = b === "x" ? U : B, Ge = b === "x" ? K : G, se = w[_], y = _ === "y" ? "height" : "width", V = se + p[Ke], gt = se - p[Ge], Je = [U, B].indexOf(j) !== -1, bt = (qe = C?.[_]) != null ? qe : 0, jt = Je ? V : se - O[y] - $[y] - bt + E.altAxis, yt = Je ? se + O[y] + $[y] - bt - E.altAxis : gt, wt = d && Je ? sa(jt, se, yt) : Ce(d ? jt : V, se, d ? yt : gt);
+      w[_] = wt, k[_] = wt - se;
+    }
+    e.modifiersData[r] = k;
+  }
+}
+const Ma = {
+  name: "preventOverflow",
+  enabled: !0,
+  phase: "main",
+  fn: $a,
+  requiresIfExists: ["offset"]
+};
+function Ra(t) {
+  return {
+    scrollLeft: t.scrollLeft,
+    scrollTop: t.scrollTop
+  };
+}
+function ka(t) {
+  return t === W(t) || !re(t) ? ft(t) : Ra(t);
+}
+function La(t) {
+  var e = t.getBoundingClientRect(), a = we(e.width) / t.offsetWidth || 1, r = we(e.height) / t.offsetHeight || 1;
+  return a !== 1 || r !== 1;
+}
+function Ta(t, e, a) {
+  a === void 0 && (a = !1);
+  var r = re(e), n = re(e) && La(e), l = me(e), i = Ne(t, n, a), o = {
+    scrollLeft: 0,
+    scrollTop: 0
+  }, c = {
+    x: 0,
+    y: 0
+  };
+  return (r || !r && !a) && ((pe(e) !== "body" || // https://github.com/popperjs/popper-core/issues/1078
+  mt(l)) && (o = ka(e)), re(e) ? (c = Ne(e, !0), c.x += e.clientLeft, c.y += e.clientTop) : l && (c.x = pt(l))), {
+    x: i.left + o.scrollLeft - c.x,
+    y: i.top + o.scrollTop - c.y,
+    width: i.width,
+    height: i.height
+  };
+}
+function Fa(t) {
+  var e = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Set(), r = [];
+  t.forEach(function(l) {
+    e.set(l.name, l);
+  });
+  function n(l) {
+    a.add(l.name);
+    var i = [].concat(l.requires || [], l.requiresIfExists || []);
+    i.forEach(function(o) {
+      if (!a.has(o)) {
+        var c = e.get(o);
+        c && n(c);
+      }
+    }), r.push(l);
+  }
+  return t.forEach(function(l) {
+    a.has(l.name) || n(l);
+  }), r;
+}
+function Ua(t) {
+  var e = Fa(t);
+  return Zs.reduce(function(a, r) {
+    return a.concat(e.filter(function(n) {
+      return n.phase === r;
+    }));
+  }, []);
+}
+function Ba(t) {
+  var e;
+  return function() {
+    return e || (e = new Promise(function(a) {
+      Promise.resolve().then(function() {
+        e = void 0, a(t());
+      });
+    })), e;
+  };
+}
+function Ia(t) {
+  var e = t.reduce(function(a, r) {
+    var n = a[r.name];
+    return a[r.name] = n ? Object.assign({}, n, r, {
+      options: Object.assign({}, n.options, r.options),
+      data: Object.assign({}, n.data, r.data)
+    }) : r, a;
+  }, {});
+  return Object.keys(e).map(function(a) {
+    return e[a];
+  });
+}
+var Tt = {
+  placement: "bottom",
+  modifiers: [],
+  strategy: "absolute"
+};
+function Ft() {
+  for (var t = arguments.length, e = new Array(t), a = 0; a < t; a++)
+    e[a] = arguments[a];
+  return !e.some(function(r) {
+    return !(r && typeof r.getBoundingClientRect == "function");
+  });
+}
+function Va(t) {
+  t === void 0 && (t = {});
+  var e = t, a = e.defaultModifiers, r = a === void 0 ? [] : a, n = e.defaultOptions, l = n === void 0 ? Tt : n;
+  return function(o, c, f) {
+    f === void 0 && (f = l);
+    var u = {
+      placement: "bottom",
+      orderedModifiers: [],
+      options: Object.assign({}, Tt, l),
+      modifiersData: {},
+      elements: {
+        reference: o,
+        popper: c
+      },
+      attributes: {},
+      styles: {}
+    }, m = [], h = !1, d = {
+      state: u,
+      setOptions: function(j) {
+        var g = typeof j == "function" ? j(u.options) : j;
+        x(), u.options = Object.assign({}, l, u.options, g), u.scrollParents = {
+          reference: xe(o) ? $e(o) : o.contextElement ? $e(o.contextElement) : [],
+          popper: $e(c)
+        };
+        var N = Ua(Ia([].concat(r, u.options.modifiers)));
+        return u.orderedModifiers = N.filter(function(b) {
+          return b.enabled;
+        }), v(), d.update();
+      },
+      // Sync update – it will always be executed, even if not necessary. This
+      // is useful for low frequency updates where sync behavior simplifies the
+      // logic.
+      // For high frequency updates (e.g. `resize` and `scroll` events), always
+      // prefer the async Popper#update method
+      forceUpdate: function() {
+        if (!h) {
+          var j = u.elements, g = j.reference, N = j.popper;
+          if (Ft(g, N)) {
+            u.rects = {
+              reference: Ta(g, Ue(N), u.options.strategy === "fixed"),
+              popper: dt(N)
+            }, u.reset = !1, u.placement = u.options.placement, u.orderedModifiers.forEach(function(E) {
+              return u.modifiersData[E.name] = Object.assign({}, E.data);
+            });
+            for (var b = 0; b < u.orderedModifiers.length; b++) {
+              if (u.reset === !0) {
+                u.reset = !1, b = -1;
+                continue;
+              }
+              var _ = u.orderedModifiers[b], w = _.fn, O = _.options, $ = O === void 0 ? {} : O, M = _.name;
+              typeof w == "function" && (u = w({
+                state: u,
+                options: $,
+                name: M,
+                instance: d
+              }) || u);
+            }
+          }
+        }
+      },
+      // Async and optimistically optimized update – it will not be executed if
+      // not necessary (debounced to run at most once-per-tick)
+      update: Ba(function() {
+        return new Promise(function(p) {
+          d.forceUpdate(), p(u);
+        });
+      }),
+      destroy: function() {
+        x(), h = !0;
+      }
+    };
+    if (!Ft(o, c))
+      return d;
+    d.setOptions(f).then(function(p) {
+      !h && f.onFirstUpdate && f.onFirstUpdate(p);
+    });
+    function v() {
+      u.orderedModifiers.forEach(function(p) {
+        var j = p.name, g = p.options, N = g === void 0 ? {} : g, b = p.effect;
+        if (typeof b == "function") {
+          var _ = b({
+            state: u,
+            name: j,
+            instance: d,
+            options: N
+          }), w = function() {
+          };
+          m.push(_ || w);
+        }
+      });
+    }
+    function x() {
+      m.forEach(function(p) {
+        return p();
+      }), m = [];
+    }
+    return d;
+  };
+}
+const Wa = Va({
+  defaultModifiers: [Oa, Aa, da, fa, Pa, Na, Ma, ia]
+}), Ha = ["enabled", "placement", "strategy", "modifiers"];
+function za(t, e) {
+  if (t == null) return {};
+  var a = {};
+  for (var r in t) if ({}.hasOwnProperty.call(t, r)) {
+    if (e.indexOf(r) >= 0) continue;
+    a[r] = t[r];
+  }
+  return a;
+}
+const Xa = {
+  name: "applyStyles",
+  enabled: !1,
+  phase: "afterWrite",
+  fn: () => {
+  }
+}, Ya = {
+  name: "ariaDescribedBy",
+  enabled: !0,
+  phase: "afterWrite",
+  effect: ({
+    state: t
+  }) => () => {
+    const {
+      reference: e,
+      popper: a
+    } = t.elements;
+    if ("removeAttribute" in e) {
+      const r = (e.getAttribute("aria-describedby") || "").split(",").filter((n) => n.trim() !== a.id);
+      r.length ? e.setAttribute("aria-describedby", r.join(",")) : e.removeAttribute("aria-describedby");
+    }
+  },
+  fn: ({
+    state: t
+  }) => {
+    var e;
+    const {
+      popper: a,
+      reference: r
+    } = t.elements, n = (e = a.getAttribute("role")) == null ? void 0 : e.toLowerCase();
+    if (a.id && n === "tooltip" && "setAttribute" in r) {
+      const l = r.getAttribute("aria-describedby");
+      if (l && l.split(",").indexOf(a.id) !== -1)
+        return;
+      r.setAttribute("aria-describedby", l ? `${l},${a.id}` : a.id);
+    }
+  }
+}, qa = [];
+function Ka(t, e, a = {}) {
+  let {
+    enabled: r = !0,
+    placement: n = "bottom",
+    strategy: l = "absolute",
+    modifiers: i = qa
+  } = a, o = za(a, Ha);
+  const c = q(i), f = q(), u = z(() => {
+    var p;
+    (p = f.current) == null || p.update();
+  }, []), m = z(() => {
+    var p;
+    (p = f.current) == null || p.forceUpdate();
+  }, []), [h, d] = Is(A({
+    placement: n,
+    update: u,
+    forceUpdate: m,
+    attributes: {},
+    styles: {
+      popper: {},
+      arrow: {}
+    }
+  })), v = Me(() => ({
+    name: "updateStateModifier",
+    enabled: !0,
+    phase: "write",
+    requires: ["computeStyles"],
+    fn: ({
+      state: p
+    }) => {
+      const j = {}, g = {};
+      Object.keys(p.elements).forEach((N) => {
+        j[N] = p.styles[N], g[N] = p.attributes[N];
+      }), d({
+        state: p,
+        styles: j,
+        attributes: g,
+        update: u,
+        forceUpdate: m,
+        placement: p.placement
+      });
+    }
+  }), [u, m, d]), x = Me(() => (Ae(c.current, i) || (c.current = i), c.current), [i]);
+  return X(() => {
+    !f.current || !r || f.current.setOptions({
+      placement: n,
+      strategy: l,
+      modifiers: [...x, v, Xa]
+    });
+  }, [l, n, v, r, x]), X(() => {
+    if (!(!r || t == null || e == null))
+      return f.current = Wa(t, e, Object.assign({}, o, {
+        placement: n,
+        strategy: l,
+        modifiers: [...x, Ya, v]
+      })), () => {
+        f.current != null && (f.current.destroy(), f.current = void 0, d((p) => Object.assign({}, p, {
+          attributes: {},
+          styles: {
+            popper: {}
+          }
+        })));
+      };
+  }, [r, t, e]), h;
+}
+const Ut = () => {
+};
+function Ga(t) {
+  return t.button === 0;
+}
+function Ja(t) {
+  return !!(t.metaKey || t.altKey || t.ctrlKey || t.shiftKey);
+}
+const We = (t) => t && ("current" in t ? t.current : t), Bt = {
+  click: "mousedown",
+  mouseup: "mousedown",
+  pointerup: "pointerdown"
+};
+function Qa(t, e = Ut, {
+  disabled: a,
+  clickTrigger: r = "click"
+} = {}) {
+  const n = q(!1), l = q(!1), i = z((f) => {
+    const u = We(t);
+    ss(!!u, "ClickOutside captured a close event but does not have a ref to compare it to. useClickOutside(), should be passed a ref that resolves to a DOM node"), n.current = !u || Ja(f) || !Ga(f) || !!st(u, f.target) || l.current, l.current = !1;
+  }, [t]), o = at((f) => {
+    const u = We(t);
+    u && st(u, f.target) ? l.current = !0 : l.current = !1;
+  }), c = at((f) => {
+    n.current || e(f);
+  });
+  X(() => {
+    var f, u;
+    if (a || t == null) return;
+    const m = Gt(We(t)), h = m.defaultView || window;
+    let d = (f = h.event) != null ? f : (u = h.parent) == null ? void 0 : u.event, v = null;
+    Bt[r] && (v = Ee(m, Bt[r], o, !0));
+    const x = Ee(m, r, i, !0), p = Ee(m, r, (g) => {
+      if (g === d) {
+        d = void 0;
+        return;
+      }
+      c(g);
+    });
+    let j = [];
+    return "ontouchstart" in m.documentElement && (j = [].slice.call(m.body.children).map((g) => Ee(g, "mousemove", Ut))), () => {
+      v?.(), x(), p(), j.forEach((g) => g());
+    };
+  }, [t, a, r, i, o, c]);
+}
+const Za = () => {
+};
+function er(t, e, {
+  disabled: a,
+  clickTrigger: r
+} = {}) {
+  const n = e || Za;
+  Qa(t, n, {
+    disabled: a,
+    clickTrigger: r
+  });
+  const l = at((i) => {
+    ws(i) && n(i);
+  });
+  X(() => {
+    if (a || t == null) return;
+    const i = Gt(We(t));
+    let o = (i.defaultView || window).event;
+    const c = Ee(i, "keyup", (f) => {
+      if (f === o) {
+        o = void 0;
+        return;
+      }
+      l(f);
+    });
+    return () => {
+      c();
+    };
+  }, [t, a, l]);
+}
+function tr(t) {
+  const e = {};
+  return Array.isArray(t) ? (t?.forEach((a) => {
+    e[a.name] = a;
+  }), e) : t || e;
+}
+function sr(t = {}) {
+  return Array.isArray(t) ? t : Object.keys(t).map((e) => (t[e].name = e, t[e]));
+}
+function ar({
+  enabled: t,
+  enableEvents: e,
+  placement: a,
+  flip: r,
+  offset: n,
+  fixed: l,
+  containerPadding: i,
+  arrowElement: o,
+  popperConfig: c = {}
+}) {
+  var f, u, m, h;
+  const d = tr(c.modifiers);
+  return Object.assign({}, c, {
+    placement: a,
+    enabled: t,
+    strategy: l ? "fixed" : c.strategy,
+    modifiers: sr(Object.assign({}, d, {
+      eventListeners: {
+        enabled: e,
+        options: (f = d.eventListeners) == null ? void 0 : f.options
+      },
+      preventOverflow: Object.assign({}, d.preventOverflow, {
+        options: Object.assign({
+          padding: i
+        }, (u = d.preventOverflow) == null ? void 0 : u.options)
+      }),
+      offset: {
+        options: Object.assign({
+          offset: n
+        }, (m = d.offset) == null ? void 0 : m.options)
+      },
+      arrow: Object.assign({}, d.arrow, {
+        enabled: !!o,
+        options: Object.assign({}, (h = d.arrow) == null ? void 0 : h.options, {
+          element: o
+        })
+      }),
+      flip: Object.assign({
+        enabled: !!r
+      }, d.flip)
+    }))
+  });
+}
+const fs = /* @__PURE__ */ ee.forwardRef((t, e) => {
+  const {
+    flip: a,
+    offset: r,
+    placement: n,
+    containerPadding: l,
+    popperConfig: i = {},
+    transition: o,
+    runTransition: c
+  } = t, [f, u] = Dt(), [m, h] = Dt(), d = Ns(u, e), v = Nt(t.container), x = Nt(t.target), [p, j] = A(!t.show), g = Ka(x, f, ar({
+    placement: n,
+    enableEvents: !!t.show,
+    containerPadding: l || 5,
+    flip: a,
+    offset: r,
+    arrowElement: m,
+    popperConfig: i
+  }));
+  t.show && p && j(!1);
+  const N = (...C) => {
+    j(!0), t.onExited && t.onExited(...C);
+  }, b = t.show || !p;
+  if (er(f, t.onHide, {
+    disabled: !t.rootClose || t.rootCloseDisabled,
+    clickTrigger: t.rootCloseEvent
+  }), !b)
+    return null;
+  const {
+    onExit: _,
+    onExiting: w,
+    onEnter: O,
+    onEntering: $,
+    onEntered: M
+  } = t;
+  let E = t.children(Object.assign({}, g.attributes.popper, {
+    style: g.styles.popper,
+    ref: d
+  }), {
+    popper: g,
+    placement: n,
+    show: !!t.show,
+    arrowProps: Object.assign({}, g.attributes.arrow, {
+      style: g.styles.arrow,
+      ref: h
+    })
+  });
+  return E = _s(o, c, {
+    in: !!t.show,
+    appear: !0,
+    mountOnEnter: !0,
+    unmountOnExit: !0,
+    children: E,
+    onExit: _,
+    onExiting: w,
+    onExited: N,
+    onEnter: O,
+    onEntering: $,
+    onEntered: M
+  }), v ? /* @__PURE__ */ Es.createPortal(E, v) : null;
+});
+fs.displayName = "Overlay";
+const rr = typeof global < "u" && // @ts-ignore
+global.navigator && // @ts-ignore
+global.navigator.product === "ReactNative", nr = typeof document < "u", ir = nr || rr ? bs : X, ps = /* @__PURE__ */ ee.forwardRef(({
+  className: t,
+  bsPrefix: e,
+  as: a = "div",
+  ...r
+}, n) => (e = ve(e, "popover-header"), /* @__PURE__ */ s.jsx(a, {
+  ref: n,
+  className: ue(t, e),
+  ...r
+})));
+ps.displayName = "PopoverHeader";
+const ht = /* @__PURE__ */ ee.forwardRef(({
+  className: t,
+  bsPrefix: e,
+  as: a = "div",
+  ...r
+}, n) => (e = ve(e, "popover-body"), /* @__PURE__ */ s.jsx(a, {
+  ref: n,
+  className: ue(t, e),
+  ...r
+})));
+ht.displayName = "PopoverBody";
+function ms(t, e) {
+  let a = t;
+  return t === "left" ? a = e ? "end" : "start" : t === "right" && (a = e ? "start" : "end"), a;
+}
+function hs(t = "absolute") {
+  return {
+    position: t,
+    top: "0",
+    left: "0",
+    opacity: "0",
+    pointerEvents: "none"
+  };
+}
+const vs = /* @__PURE__ */ ee.forwardRef(({
+  bsPrefix: t,
+  placement: e = "right",
+  className: a,
+  style: r,
+  children: n,
+  body: l,
+  arrowProps: i,
+  hasDoneInitialMeasure: o,
+  popper: c,
+  show: f,
+  ...u
+}, m) => {
+  const h = ve(t, "popover"), d = Jt(), [v] = e?.split("-") || [], x = ms(v, d);
+  let p = r;
+  return f && !o && (p = {
+    ...r,
+    ...hs(c?.strategy)
+  }), /* @__PURE__ */ s.jsxs("div", {
+    ref: m,
+    role: "tooltip",
+    style: p,
+    "x-placement": v,
+    className: ue(a, h, v && `bs-popover-${x}`),
+    ...u,
+    children: [/* @__PURE__ */ s.jsx("div", {
+      className: "popover-arrow",
+      ...i
+    }), l ? /* @__PURE__ */ s.jsx(ht, {
+      children: n
+    }) : n]
+  });
+});
+vs.displayName = "Popover";
+const or = Object.assign(vs, {
+  Header: ps,
+  Body: ht,
+  // Default popover offset.
+  // https://github.com/twbs/bootstrap/blob/5c32767e0e0dbac2d934bcdee03719a65d3f1187/js/src/popover.js#L28
+  POPPER_OFFSET: [0, 8]
+}), xs = /* @__PURE__ */ ee.forwardRef(({
+  bsPrefix: t,
+  placement: e = "right",
+  className: a,
+  style: r,
+  children: n,
+  arrowProps: l,
+  hasDoneInitialMeasure: i,
+  popper: o,
+  show: c,
+  ...f
+}, u) => {
+  t = ve(t, "tooltip");
+  const m = Jt(), [h] = e?.split("-") || [], d = ms(h, m);
+  let v = r;
+  return c && !i && (v = {
+    ...r,
+    ...hs(o?.strategy)
+  }), /* @__PURE__ */ s.jsxs("div", {
+    ref: u,
+    style: v,
+    role: "tooltip",
+    "x-placement": h,
+    className: ue(a, t, `bs-tooltip-${d}`),
+    ...f,
+    children: [/* @__PURE__ */ s.jsx("div", {
+      className: "tooltip-arrow",
+      ...l
+    }), /* @__PURE__ */ s.jsx("div", {
+      className: `${t}-inner`,
+      children: n
+    })]
+  });
+});
+xs.displayName = "Tooltip";
+const Q = Object.assign(xs, {
+  // Default tooltip offset.
+  // https://github.com/twbs/bootstrap/blob/beca2a6c7f6bc88b6449339fc76edcda832c59e5/js/src/tooltip.js#L65
+  TOOLTIP_OFFSET: [0, 6]
+});
+function lr(t) {
+  const e = q(null), a = ve(void 0, "popover"), r = ve(void 0, "tooltip"), n = Me(() => ({
+    name: "offset",
+    options: {
+      offset: () => {
+        if (t)
+          return t;
+        if (e.current) {
+          if (_t(e.current, a))
+            return or.POPPER_OFFSET;
+          if (_t(e.current, r))
+            return Q.TOOLTIP_OFFSET;
+        }
+        return [0, 0];
+      }
+    }
+  }), [t, a, r]);
+  return [e, [n]];
+}
+function cr(t, e) {
+  const {
+    ref: a
+  } = t, {
+    ref: r
+  } = e;
+  t.ref = a.__wrapped || (a.__wrapped = (n) => a(rt(n))), e.ref = r.__wrapped || (r.__wrapped = (n) => r(rt(n)));
+}
+const gs = /* @__PURE__ */ ee.forwardRef(({
+  children: t,
+  transition: e = Ot,
+  popperConfig: a = {},
+  rootClose: r = !1,
+  placement: n = "top",
+  show: l = !1,
+  ...i
+}, o) => {
+  const c = q({}), [f, u] = A(null), [m, h] = lr(i.offset), d = Qt(o, m), v = e === !0 ? Ot : e || void 0, x = Os((p) => {
+    u(p), a == null || a.onFirstUpdate == null || a.onFirstUpdate(p);
+  });
+  return ir(() => {
+    f && i.target && (c.current.scheduleUpdate == null || c.current.scheduleUpdate());
+  }, [f, i.target]), X(() => {
+    l || u(null);
+  }, [l]), /* @__PURE__ */ s.jsx(fs, {
+    ...i,
+    ref: d,
+    popperConfig: {
+      ...a,
+      modifiers: h.concat(a.modifiers || []),
+      onFirstUpdate: x
+    },
+    transition: v,
+    rootClose: r,
+    placement: n,
+    show: l,
+    children: (p, {
+      arrowProps: j,
+      popper: g,
+      show: N
+    }) => {
+      var b;
+      cr(p, j);
+      const _ = g?.placement, w = Object.assign(c.current, {
+        state: g?.state,
+        scheduleUpdate: g?.update,
+        placement: _,
+        outOfBoundaries: (g == null || (b = g.state) == null || (b = b.modifiersData.hide) == null ? void 0 : b.isReferenceHidden) || !1,
+        strategy: a.strategy
+      }), O = !!f;
+      return typeof t == "function" ? t({
+        ...p,
+        placement: _,
+        show: N,
+        ...!e && N && {
+          className: "show"
+        },
+        popper: w,
+        arrowProps: j,
+        hasDoneInitialMeasure: O
+      }) : /* @__PURE__ */ ee.cloneElement(t, {
+        ...p,
+        placement: _,
+        arrowProps: j,
+        popper: w,
+        hasDoneInitialMeasure: O,
+        className: ue(t.props.className, !e && N && "show"),
+        style: {
+          ...t.props.style,
+          ...p.style
+        }
+      });
+    }
+  });
+});
+gs.displayName = "Overlay";
+function dr(t) {
+  return t && typeof t == "object" ? t : {
+    show: t,
+    hide: t
+  };
+}
+function It(t, e, a) {
+  const [r] = e, n = r.currentTarget, l = r.relatedTarget || r.nativeEvent[a];
+  (!l || l !== n) && !st(n, l) && t(...e);
+}
+Ds.oneOf(["click", "hover", "focus"]);
+const ce = ({
+  trigger: t = ["hover", "focus"],
+  overlay: e,
+  children: a,
+  popperConfig: r = {},
+  show: n,
+  defaultShow: l = !1,
+  onToggle: i,
+  delay: o,
+  placement: c,
+  flip: f = c && c.indexOf("auto") !== -1,
+  ...u
+}) => {
+  const m = q(null), h = Qt(m, Ss(a)), d = Ts(), v = q(""), [x, p] = Bs(n, l, i), j = dr(o), {
+    onFocus: g,
+    onBlur: N,
+    onClick: b
+  } = typeof a != "function" ? ee.Children.only(a).props : {}, _ = (R) => {
+    h(rt(R));
+  }, w = z(() => {
+    if (d.clear(), v.current = "show", !j.show) {
+      p(!0);
+      return;
+    }
+    d.set(() => {
+      v.current === "show" && p(!0);
+    }, j.show);
+  }, [j.show, p, d]), O = z(() => {
+    if (d.clear(), v.current = "hide", !j.hide) {
+      p(!1);
+      return;
+    }
+    d.set(() => {
+      v.current === "hide" && p(!1);
+    }, j.hide);
+  }, [j.hide, p, d]), $ = z((...R) => {
+    w(), g?.(...R);
+  }, [w, g]), M = z((...R) => {
+    O(), N?.(...R);
+  }, [O, N]), E = z((...R) => {
+    p(!x), b?.(...R);
+  }, [b, p, x]), C = z((...R) => {
+    It(w, R, "fromElement");
+  }, [w]), k = z((...R) => {
+    It(O, R, "toElement");
+  }, [O]), S = t == null ? [] : [].concat(t), L = {
+    ref: _
+  };
+  return S.indexOf("click") !== -1 && (L.onClick = E), S.indexOf("focus") !== -1 && (L.onFocus = $, L.onBlur = M), S.indexOf("hover") !== -1 && (process.env.NODE_ENV !== "production" && ss(S.length > 1, '[react-bootstrap] Specifying only the `"hover"` trigger limits the visibility of the overlay to just mouse users. Consider also including the `"focus"` trigger so that touch and keyboard only users can see the overlay as well.'), L.onMouseOver = C, L.onMouseOut = k), /* @__PURE__ */ s.jsxs(s.Fragment, {
+    children: [typeof a == "function" ? a(L) : /* @__PURE__ */ Yt(a, L), /* @__PURE__ */ s.jsx(gs, {
+      ...u,
+      show: x,
+      onHide: O,
+      flip: f,
+      placement: c,
+      popperConfig: r,
+      target: m.current,
+      children: e
+    })]
+  });
+};
+function Vt(t) {
+  const { profile_photo: e, width: a, alt: r, hideDefault: n, activityStatus: l, user_id: i } = t;
+  return e?.key ? /* @__PURE__ */ s.jsxs(
+    "div",
+    {
+      "data-using-react-profile-photo": "true",
+      className: `profile-photo-wrap ${a ? "" : "w-100 h-100"}`,
+      style: {
+        ...a && {
+          width: a,
+          height: a
+        }
+      },
+      children: [
+        /* @__PURE__ */ s.jsx(
+          Wt,
+          {
+            activityStatus: l,
+            user_id: i
+          }
+        ),
+        /* @__PURE__ */ s.jsx(
+          "img",
+          {
+            className: "w-100 h-100",
+            src: `${process.env.NEXT_PUBLIC_CDN}${e.key}`,
+            style: { objectFit: "contain" },
+            alt: r || "Profile photo of a user"
+          }
+        )
+      ]
+    }
+  ) : /* @__PURE__ */ s.jsxs(
+    "div",
+    {
+      "data-using-react-profile-photo": "true",
+      className: ue(
+        "profile-photo-wrap",
+        {
+          "w-100 h-100": !a,
+          "d-none": n
+        }
+      ),
+      style: {
+        ...a && {
+          width: a,
+          height: a
+        }
+      },
+      children: [
+        /* @__PURE__ */ s.jsx(
+          Wt,
+          {
+            activityStatus: l,
+            user_id: i
+          }
+        ),
+        /* @__PURE__ */ s.jsx(
+          "img",
+          {
+            className: "w-100 h-100",
+            src: `${process.env.NEXT_PUBLIC_CDN}profile_photos/starter/articles.jpg`,
+            style: { objectFit: "contain" },
+            alt: r || "Profile photo of a user"
+          }
+        )
+      ]
+    }
+  );
+}
+function Wt({
+  activityStatus: t,
+  user_id: e
+}) {
+  if (!(!t || !e))
+    return /* @__PURE__ */ s.jsx(
+      "div",
+      {
+        "data-user_id": e,
+        className: ue(
+          "online-status",
+          {
+            "status-online": t?.status == "Online" || e == "630f0b337c52851e754b03f7",
+            "status-offline": t?.status == "Offline",
+            "status-away": t?.status == "Away",
+            // Maybe one day show that friends are in a game or on a page if they want to share, we already collect this data anyway!
+            "activity-active": !1
+          }
+        )
+      }
+    );
+}
+const ur = (t) => (e, a, r) => (r.revalidateOnFocus = !1, r.revalidateIfStale = !1, r.revalidateOnReconnect = !1, t(e, a, r)), fr = As(Zt, ur), pr = (t) => es.get(t.url, {
+  params: {
+    user_id: t.user_id
+  }
+}).then((e) => e.data), mr = {
+  dedupingInterval: 1e3 * 60 * 1,
+  focusThrottleInterval: 1e3 * 60 * 1
+  // fallbackData: []
+}, Ht = (t) => {
+  const { data: e, error: a, isLoading: r, isValidating: n, mutate: l } = fr(
+    t?.user_id ? {
+      url: process.env.NODE_ENV === "development" ? "http://localhost:3001/api/user-public/getUserDetails" : "https://articles.media/api/user-public/getUserDetails",
+      // "/api/user-public/getUserDetails",
+      user_id: t.user_id
+    } : null,
+    pr,
+    mr
+  );
+  return {
+    data: e,
+    error: a,
+    isLoading: r,
+    isValidating: n,
+    mutate: l
+  };
+};
+function et({ className: t, noOutline: e, children: a, inline: r }) {
+  const [l, i] = A();
+  if (X(() => {
+    i(!0);
+  }, []), a && (!1)?.roles?.isDev && l)
+    return /* @__PURE__ */ s.jsx("div", { className: `is-dev-content ${e && "no-outline"} ${t} ${r && "d-inline-block"}`, children: a });
+}
+function hr(t, e) {
+  let a = 0;
+  return ee.Children.map(t, (r) => /* @__PURE__ */ ee.isValidElement(r) ? e(r, a++) : r);
+}
+const zt = 1e3;
+function vr(t, e, a) {
+  const r = (t - e) / (a - e) * 100;
+  return Math.round(r * zt) / zt;
+}
+function Xt({
+  min: t,
+  now: e,
+  max: a,
+  label: r,
+  visuallyHidden: n,
+  striped: l,
+  animated: i,
+  className: o,
+  style: c,
+  variant: f,
+  bsPrefix: u,
+  ...m
+}, h) {
+  return /* @__PURE__ */ s.jsx("div", {
+    ref: h,
+    ...m,
+    role: "progressbar",
+    className: ue(o, `${u}-bar`, {
+      [`bg-${f}`]: f,
+      [`${u}-bar-animated`]: i,
+      [`${u}-bar-striped`]: i || l
+    }),
+    style: {
+      width: `${vr(e, t, a)}%`,
+      ...c
+    },
+    "aria-valuenow": e,
+    "aria-valuemin": t,
+    "aria-valuemax": a,
+    children: n ? /* @__PURE__ */ s.jsx("span", {
+      className: "visually-hidden",
+      children: r
+    }) : r
+  });
+}
+const Z = /* @__PURE__ */ ee.forwardRef(({
+  isChild: t = !1,
+  ...e
+}, a) => {
+  const r = {
+    min: 0,
+    max: 100,
+    animated: !1,
+    visuallyHidden: !1,
+    striped: !1,
+    ...e
+  };
+  if (r.bsPrefix = ve(r.bsPrefix, "progress"), t)
+    return Xt(r, a);
+  const {
+    min: n,
+    now: l,
+    max: i,
+    label: o,
+    visuallyHidden: c,
+    striped: f,
+    animated: u,
+    bsPrefix: m,
+    variant: h,
+    className: d,
+    children: v,
+    ...x
+  } = r;
+  return /* @__PURE__ */ s.jsx("div", {
+    ref: a,
+    ...x,
+    className: ue(d, m),
+    children: v ? hr(v, (p) => /* @__PURE__ */ Yt(p, {
+      isChild: !0
+    })) : Xt({
+      min: n,
+      now: l,
+      max: i,
+      label: o,
+      visuallyHidden: c,
+      striped: f,
+      animated: u,
+      bsPrefix: m,
+      variant: h
+    }, a)
+  });
+});
+Z.displayName = "ProgressBar";
+const ne = {
+  SIGN_IN: "/login",
+  SIGN_UP: "/signup",
+  HOME: "/",
+  PROPOSALS: "/politics/proposals",
+  PROPOSALS_SUBMISSIONS_ALL: "/politics/proposals/submissions",
+  STORIES: "/news/stories",
+  ISSUES: "/news/issues",
+  MYTHS: "/news/myths"
+  // ... other routes
+};
+function xr({
+  activeLayoutProposalSentiments: t,
+  populated_user: e,
+  usersProposalSentiments: a,
+  setShowFullStanceDetails: r,
+  showFullStanceDetails: n,
+  userData: l
+}) {
+  return /* @__PURE__ */ s.jsx("div", { className: "row mx-0 mb-2", children: [
+    {
+      name: `${e?.display_name || l.display_name}`,
+      data: t || {}
+    },
+    {
+      name: "You",
+      data: a || {}
+    }
+  ].map((i) => i.name == "You" ? /* @__PURE__ */ s.jsx("div", { className: "col-lg-6 px-1", children: /* @__PURE__ */ s.jsxs("div", { className: "card card-articles card-sm h-100", children: [
+    /* @__PURE__ */ s.jsx("div", { className: "card-header", children: /* @__PURE__ */ s.jsx("b", { children: i.name }) }),
+    /* @__PURE__ */ s.jsx("div", { className: "card-body p-2", children: /* @__PURE__ */ s.jsx("small", { children: "Login or create an account to compare your political stance with this user!" }) }),
+    /* @__PURE__ */ s.jsxs("div", { className: "card-footer", children: [
+      /* @__PURE__ */ s.jsx(Y, { href: ne.SIGN_IN, children: /* @__PURE__ */ s.jsx(P, { small: !0, className: "", children: "Sign In" }) }),
+      /* @__PURE__ */ s.jsx(Y, { href: ne.SIGN_UP, children: /* @__PURE__ */ s.jsx(P, { small: !0, className: "", children: "Sign Up" }) })
+    ] })
+  ] }) }, i.name) : /* @__PURE__ */ s.jsx("div", { className: "col-lg-6 px-1", children: /* @__PURE__ */ s.jsxs("div", { className: "card card-articles card-sm", children: [
+    /* @__PURE__ */ s.jsx(
+      "div",
+      {
+        className: "card-header",
+        onClick: () => {
+          console.log(i.data);
+        },
+        children: /* @__PURE__ */ s.jsx("b", { children: i.name })
+      }
+    ),
+    /* @__PURE__ */ s.jsxs("div", { className: "card-body py-2 px-2 small", children: [
+      /* @__PURE__ */ s.jsxs("div", { className: "", children: [
+        /* @__PURE__ */ s.jsxs("div", { className: "small", children: [
+          "Fundamental: ",
+          i?.data?.fundamental?.filter((o) => i.data?.user_sentiments?.find((c) => c.proposal_id == o._id) ? o : null).length,
+          "/",
+          i?.data?.fundamental?.length
+        ] }),
+        /* @__PURE__ */ s.jsx(Z, { striped: !0, variant: "dark", className: "shadow-articles mb-2", now: (i.data?.fundamental?.filter((o) => i.data?.user_sentiments?.find((c) => c.proposal_id == o._id) ? o : null).length / i.data?.fundamental?.length * 100).toFixed(2), label: `${(i.data?.fundamental?.filter((o) => i.data?.user_sentiments?.find((c) => c.proposal_id == o._id) ? o : null).length / i.data?.fundamental?.length * 100).toFixed(2)}%` }),
+        /* @__PURE__ */ s.jsxs(Z, { className: "shadow-articles mb-2", style: { height: "10px" }, children: [
+          /* @__PURE__ */ s.jsx(Z, { striped: !0, variant: "danger", now: (i.data?.user_sentiments?.filter((o) => o.sentiment_status == "Disagree" && o.populated_proposal.fundamental)?.length / i.data?.fundamental?.length * 100).toFixed(2) }),
+          /* @__PURE__ */ s.jsx(Z, { striped: !0, variant: "warning", now: (i.data?.user_sentiments?.filter((o) => o.sentiment_status == "Needs Work" && o.populated_proposal.fundamental)?.length / i.data?.fundamental?.length * 100).toFixed(2) }),
+          /* @__PURE__ */ s.jsx(Z, { striped: !0, variant: "success", now: (i.data?.user_sentiments?.filter((o) => o.sentiment_status == "Agree" && o.populated_proposal.fundamental)?.length / i.data?.fundamental?.length * 100).toFixed(2) })
+        ] }),
+        /* @__PURE__ */ s.jsxs("div", { className: "", children: [
+          "Disagree: ",
+          i.data?.user_sentiments?.filter((o) => {
+            let c = i.data?.fundamental.find((f) => f._id == o.proposal_id);
+            return o.sentiment_status == "Disagree" && c;
+          })?.length || 0
+        ] }),
+        /* @__PURE__ */ s.jsxs("div", { className: "", children: [
+          "Needs Work: ",
+          i.data?.user_sentiments?.filter((o) => {
+            let c = i.data?.fundamental.find((f) => f._id == o.proposal_id);
+            return o.sentiment_status == "Needs Work" && c;
+          })?.length || 0
+        ] }),
+        /* @__PURE__ */ s.jsxs("div", { className: "mb-2", children: [
+          "Agree: ",
+          i.data?.user_sentiments?.filter((o) => {
+            let c = i.data?.fundamental.find((f) => f._id == o.proposal_id);
+            return o.sentiment_status == "Agree" && c;
+          })?.length || 0
+        ] })
+      ] }),
+      !n && /* @__PURE__ */ s.jsx("span", { onClick: () => r(!0), className: "badge bg-articles-secondary shadow-articles badge-hover", children: "View More" }),
+      n && /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+        /* @__PURE__ */ s.jsx("hr", {}),
+        /* @__PURE__ */ s.jsxs("div", { className: "mb-2", children: [
+          /* @__PURE__ */ s.jsxs("div", { className: "small", children: [
+            "All: ",
+            i.data?.user_sentiments?.length,
+            "/",
+            i.data?.total
+          ] }),
+          /* @__PURE__ */ s.jsx(Z, { striped: !0, animated: !0, variant: "dark", className: "shadow-articles mb-1", now: (i.data?.user_sentiments?.length / i.data?.total * 100).toFixed(2), label: `${(i.data?.user_sentiments?.length / i.data?.total * 100).toFixed(2)}%` }),
+          /* @__PURE__ */ s.jsxs(Z, { className: "shadow-articles mb-2", style: { height: "10px" }, children: [
+            /* @__PURE__ */ s.jsx(Z, { striped: !0, animated: !0, variant: "danger", now: (i.data?.user_sentiments?.filter((o) => o.sentiment_status == "Disagree")?.length / i.data?.total * 100).toFixed(2) }),
+            /* @__PURE__ */ s.jsx(Z, { striped: !0, animated: !0, variant: "warning", now: (i.data?.user_sentiments?.filter((o) => o.sentiment_status == "Needs Work")?.length / i.data?.total * 100).toFixed(2) }),
+            /* @__PURE__ */ s.jsx(Z, { striped: !0, animated: !0, variant: "success", now: (i.data?.user_sentiments?.filter((o) => o.sentiment_status == "Agree")?.length / i.data?.total * 100).toFixed(2) })
+          ] }),
+          /* @__PURE__ */ s.jsxs("div", { className: "", children: [
+            "Disagree: ",
+            i.data?.user_sentiments?.filter((o) => o.sentiment_status == "Disagree")?.length || 0
+          ] }),
+          /* @__PURE__ */ s.jsxs("div", { className: "", children: [
+            "Needs Work: ",
+            i.data?.user_sentiments?.filter((o) => o.sentiment_status == "Needs Work")?.length || 0
+          ] }),
+          /* @__PURE__ */ s.jsxs("div", { className: "mb-2", children: [
+            "Agree: ",
+            i.data?.user_sentiments?.filter((o) => o.sentiment_status == "Agree")?.length || 0
+          ] })
+        ] }),
+        /* @__PURE__ */ s.jsx("hr", {}),
+        /* @__PURE__ */ s.jsx("p", { className: "mb-0", children: /* @__PURE__ */ s.jsxs("div", { className: "row", children: [
+          /* @__PURE__ */ s.jsx("div", { className: "col-9", children: "Comments" }),
+          /* @__PURE__ */ s.jsx("div", { className: "col-3", children: /* @__PURE__ */ s.jsx("b", { children: i.data?.user_comments?.length || 0 }) }),
+          /* @__PURE__ */ s.jsx("div", { className: "col-9", children: "Submissions" }),
+          /* @__PURE__ */ s.jsx("div", { className: "col-3", children: /* @__PURE__ */ s.jsx("b", { children: i.data?.user_submissions }) })
+        ] }) })
+      ] })
+    ] })
+  ] }) }, i.name)) });
+}
+function gr({
+  activeLayoutProposalSentiments: t
+}) {
+  return /* @__PURE__ */ s.jsx("div", { children: t.user_comments?.filter((e) => !e.parent_id).map((e) => /* @__PURE__ */ s.jsxs("div", { className: "card card-articles card-sm border mb-2", children: [
+    /* @__PURE__ */ s.jsxs("div", { className: "card-header small", children: [
+      "Commented on ",
+      /* @__PURE__ */ s.jsx("b", { children: e.populated_proposal.title })
+    ] }),
+    /* @__PURE__ */ s.jsx("div", { className: "card-body small p-2", children: /* @__PURE__ */ s.jsxs("div", { children: [
+      /* @__PURE__ */ s.jsx("span", { className: "small", children: Te(new Date(e.date), "M/dd/yy") }),
+      /* @__PURE__ */ s.jsx("div", { children: e.comment })
+    ] }) }),
+    /* @__PURE__ */ s.jsx("div", { className: "card-footer", children: /* @__PURE__ */ s.jsx(Y, { prefetch: !1, href: `${ne.PROPOSALS}/${e.populated_proposal.url}?interaction_id=${e._id}`, children: /* @__PURE__ */ s.jsx(
+      P,
+      {
+        small: !0,
+        children: "View"
+      }
+    ) }) })
+  ] }, e._id)) });
+}
+function br({
+  activeLayoutProposalSentiments: t
+}) {
+  return /* @__PURE__ */ s.jsx("div", { children: t.user_sentiments?.map((e) => /* @__PURE__ */ s.jsxs("div", { className: "card card-articles card-sm border mb-2", children: [
+    /* @__PURE__ */ s.jsxs("div", { className: "card-header small", children: [
+      "Gave their sentiment on ",
+      /* @__PURE__ */ s.jsx("b", { children: e.populated_proposal.title })
+    ] }),
+    /* @__PURE__ */ s.jsxs("div", { className: "card-body small p-2", children: [
+      /* @__PURE__ */ s.jsxs("div", { className: "d-flex align-items-center border-bottom pb-1", children: [
+        e.sentiment_status == "Agree" && /* @__PURE__ */ s.jsx("div", { className: "badge shadow-articles bg-success", children: "Agree" }),
+        e.sentiment_status == "Needs Work" && /* @__PURE__ */ s.jsx("div", { className: "badge shadow-articles bg-warning text-dark", children: "Needs Work" }),
+        e.sentiment_status == "Disagree" && /* @__PURE__ */ s.jsx("div", { className: "badge shadow-articles bg-danger", children: "Disagree" }),
+        /* @__PURE__ */ s.jsx("span", { className: "small ms-2", children: Te(new Date(e.date), "M/dd/yy") })
+      ] }),
+      /* @__PURE__ */ s.jsx("div", { className: "mt-1", children: e.comment })
+    ] }),
+    /* @__PURE__ */ s.jsx("div", { className: "card-footer", children: /* @__PURE__ */ s.jsx(
+      Y,
+      {
+        prefetch: !1,
+        href: `https://articles.media/politics/proposals/${e.populated_proposal.url}?interaction_id=${e._id}`,
+        children: /* @__PURE__ */ s.jsx(
+          P,
+          {
+            small: !0,
+            children: "View"
+          }
+        )
+      }
+    ) })
+  ] }, e._id)) });
+}
+function jr({
+  activeLayoutProposalSentiments: t,
+  userProposalsSubmitted: e
+}) {
+  const [a, r] = A(!1);
+  return /* @__PURE__ */ s.jsxs("div", { children: [
+    /* @__PURE__ */ s.jsx("div", { className: "mb-2", children: e?.slice(0, a ? 100 : 1).map((n) => /* @__PURE__ */ s.jsxs("div", { className: "card card-articles card-sm shadow-articles", children: [
+      /* @__PURE__ */ s.jsx("div", { className: "card-body p-2 lh-sm d-flex align-items-center", children: /* @__PURE__ */ s.jsxs("div", { className: "ms-2", children: [
+        /* @__PURE__ */ s.jsx("div", { children: n.title }),
+        /* @__PURE__ */ s.jsxs("div", { className: "small", children: [
+          n.type,
+          n.fundamental && "  - Fundamental"
+        ] })
+      ] }) }),
+      /* @__PURE__ */ s.jsx("div", { className: "card-footer d-flex", children: /* @__PURE__ */ s.jsx(
+        Y,
+        {
+          href: `${ne.PROPOSALS_SUBMISSIONS_ALL}/${n._id}`,
+          className: "",
+          children: /* @__PURE__ */ s.jsx(P, { small: !0, children: /* @__PURE__ */ s.jsxs("span", { children: [
+            /* @__PURE__ */ s.jsx("i", { className: "fad fa-eye me-1" }),
+            "View"
+          ] }) })
+        }
+      ) })
+    ] }, n._id)) }),
+    e?.length > 1 && /* @__PURE__ */ s.jsx(
+      P,
+      {
+        onClick: () => r(!a),
+        className: "w-100",
+        children: a ? "View Less" : "View All"
+      }
+    ),
+    e?.length == 0 && /* @__PURE__ */ s.jsx("span", { className: "small", children: "User has no proposal submissions" })
+  ] });
+}
+function yr(t) {
+  const { featured_image: e, thumbnail_size: a } = t;
+  return /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+    (e?.image_type == "S3 File System" || e?.thumbnails?.length > 0) && /* @__PURE__ */ s.jsx(s.Fragment, { children: e?.thumbnails?.length > 0 ? /* @__PURE__ */ s.jsx(s.Fragment, { children: a && e?.thumbnails?.find((r) => r.width == a) ? /* @__PURE__ */ s.jsx(
+      "img",
+      {
+        style: {
+          width: "100%",
+          height: "100%",
+          objectFit: "cover"
+        },
+        src: process.env.NEXT_PUBLIC_CDN + e?.thumbnails?.find((r) => r.width == a).key,
+        loading: "lazy",
+        alt: "",
+        className: "flex-shrink-0"
+      }
+    ) : /* @__PURE__ */ s.jsx(
+      "img",
+      {
+        style: {
+          width: "100%",
+          height: "100%",
+          objectFit: "cover"
+        },
+        src: process.env.NEXT_PUBLIC_CDN + [...e?.thumbnails].sort((r, n) => r.width - n.width)[0].key,
+        loading: "lazy",
+        alt: "",
+        className: "flex-shrink-0"
+      }
+    ) }) : /* @__PURE__ */ s.jsx(
+      "img",
+      {
+        style: {
+          width: "100%",
+          height: "100%",
+          objectFit: "cover"
+        },
+        src: process.env.NEXT_PUBLIC_CDN + e?.key,
+        loading: "lazy",
+        alt: "",
+        className: "flex-shrink-0"
+      }
+    ) }),
+    e?.location && !e?.image_type && (e?.thumbnails?.length || 0) < 1 && /* @__PURE__ */ s.jsx(
+      "img",
+      {
+        style: { objectFit: "cover", width: "100%", height: "100%" },
+        src: `${process.env.NEXT_PUBLIC_CDN}${e?.key}`,
+        alt: "",
+        loading: "lazy"
+      }
+    )
+  ] });
+}
+function wr(t) {
+  switch (t) {
+    case "story":
+      return ne.STORIES;
+    // break;
+    case "issue":
+      return ne.ISSUES;
+    // break;
+    case "myth":
+      return ne.MYTHS;
+  }
+}
+function Nr({
+  publicUserData: t
+}) {
+  return /* @__PURE__ */ s.jsx("div", { children: t?.populated_news_comments?.filter((e) => !e.parent_id).map((e) => /* @__PURE__ */ s.jsxs("div", { className: "card card-articles card-sm border mb-2", children: [
+    /* @__PURE__ */ s.jsxs("div", { className: "card-header small", children: [
+      "Commented on ",
+      /* @__PURE__ */ s.jsx("b", { children: e.populated_news?.news_title })
+    ] }),
+    /* @__PURE__ */ s.jsxs("div", { className: "card-body small p-2 d-flex", children: [
+      /* @__PURE__ */ s.jsx(
+        "div",
+        {
+          style: {
+            width: "100px",
+            height: "100px"
+          },
+          className: "me-2 flex-shrink-0",
+          children: /* @__PURE__ */ s.jsx(
+            yr,
+            {
+              featured_image: e?.populated_news?.featured_image,
+              thumbnail_size: 100
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ s.jsxs("div", { children: [
+        /* @__PURE__ */ s.jsx("span", { className: "small", children: Te(new Date(e.date), "M/dd/yy") }),
+        /* @__PURE__ */ s.jsx("div", { children: e.comment })
+      ] })
+    ] }),
+    /* @__PURE__ */ s.jsx("div", { className: "card-footer", children: /* @__PURE__ */ s.jsx(Y, { prefetch: !1, href: `${wr(e.populated_news?.news_type)}/${e.populated_news?.url}?interaction_id=${e._id}`, children: /* @__PURE__ */ s.jsx(
+      P,
+      {
+        small: !0,
+        children: "View"
+      }
+    ) }) })
+  ] }, e._id)) });
+}
+function _r({
+  userNewsSubmitted: t
+}) {
+  const [e, a] = A(!1);
+  return /* @__PURE__ */ s.jsxs("div", { children: [
+    /* @__PURE__ */ s.jsxs("div", { className: "mb-1 d-flex justify-content-between align-items-center", children: [
+      /* @__PURE__ */ s.jsxs("span", { children: [
+        /* @__PURE__ */ s.jsx("i", { className: "fad fa-newspaper me-1" }),
+        /* @__PURE__ */ s.jsxs("span", { children: [
+          /* @__PURE__ */ s.jsx("span", { children: "News Submissions: " }),
+          /* @__PURE__ */ s.jsx("span", { className: "badge bg-dark", children: t?.length || 0 })
+        ] })
+      ] }),
+      /* @__PURE__ */ s.jsxs("span", { className: "badge bg-articles-secondary", children: [
+        /* @__PURE__ */ s.jsx("i", { className: "fad fa-info me-1" }),
+        /* @__PURE__ */ s.jsx("span", { children: "Info" })
+      ] })
+    ] }),
+    /* @__PURE__ */ s.jsx("div", { className: "mb-1", children: t?.slice(0, e ? 100 : 1).map((r) => /* @__PURE__ */ s.jsxs("div", { className: "card card-articles shadow-articles", children: [
+      /* @__PURE__ */ s.jsxs("div", { className: "card-body py-1 px-2 lh-sm d-flex align-items-center", children: [
+        /* @__PURE__ */ s.jsx("img", { className: "", src: r?.featured_image?.location, width: "40px", height: "40px", style: { objectFit: "cover" }, alt: "" }),
+        /* @__PURE__ */ s.jsx("div", { className: "ms-2", children: /* @__PURE__ */ s.jsx("div", { children: r.news_title }) })
+      ] }),
+      /* @__PURE__ */ s.jsx("div", { className: "card-footer d-flex p-1", children: /* @__PURE__ */ s.jsx(Y, { href: `${ne.HOME}/${r.url}`, children: /* @__PURE__ */ s.jsxs(P, { small: !0, className: "", children: [
+        /* @__PURE__ */ s.jsx("i", { className: "fad fa-eye me-1" }),
+        "View"
+      ] }) }) })
+    ] }, r._id)) }),
+    t?.length > 1 ? /* @__PURE__ */ s.jsx(P, { onClick: () => a(!e), small: !0, className: "", children: e ? "View Less" : "View All" }) : /* @__PURE__ */ s.jsx("span", { className: "small", children: "User has no news submissions" })
+  ] });
+}
+function Or({
+  activeLayoutProposalSentiments: t,
+  userDonations: e,
+  lifetimeContribution: a
+}) {
+  const [r, n] = A(!1);
+  return /* @__PURE__ */ s.jsxs("div", { className: "card card-articles ", children: [
+    /* @__PURE__ */ s.jsxs("div", { className: "card-header d-flex justify-content-between align-items-center p-1", children: [
+      /* @__PURE__ */ s.jsx("span", { children: "Donations: " }),
+      /* @__PURE__ */ s.jsxs("span", { className: "badge bg-dark", children: [
+        e.count,
+        " - ",
+        `$${tt((a / 100 || 0).toFixed(2))}`
+      ] })
+    ] }),
+    /* @__PURE__ */ s.jsxs("div", { className: "card-body p-2", children: [
+      e?.list?.length == 0 && /* @__PURE__ */ s.jsx("span", { className: "small", children: "User has no donations" }),
+      /* @__PURE__ */ s.jsx("div", { className: "donations-wrap", children: e?.list?.slice(0, r ? 100 : 3).map((l) => /* @__PURE__ */ s.jsxs("div", { className: "border", children: [
+        /* @__PURE__ */ s.jsxs("div", { className: "card-body py-1 px-2 lh-sm d-flex align-items-center", children: [
+          /* @__PURE__ */ s.jsx("div", { className: "small", children: "Most Recent" }),
+          /* @__PURE__ */ s.jsxs("div", { className: "ms-2 d-flex align-items-center", children: [
+            /* @__PURE__ */ s.jsx("div", { className: "h4 mb-0 me-2", children: `$${tt((l.amount / 100).toFixed(2))}` }),
+            /* @__PURE__ */ s.jsx("div", { className: "small", children: Te(new Date(l.date), "M/dd/yy") })
+          ] })
+        ] }),
+        /* @__PURE__ */ s.jsx("div", { className: "card-footer d-flex p-1", children: /* @__PURE__ */ s.jsx(Y, { href: `${ne.HOME}/${l.url}`, children: /* @__PURE__ */ s.jsxs(
+          P,
+          {
+            className: "",
+            small: !0,
+            children: [
+              /* @__PURE__ */ s.jsx("i", { className: "fad fa-eye me-1" }),
+              "View"
+            ]
+          }
+        ) }) })
+      ] }, l._id)) })
+    ] }),
+    /* @__PURE__ */ s.jsx("div", { className: "card-footer p-1 d-flex justify-content-center", children: e.count > 1 && /* @__PURE__ */ s.jsx(
+      P,
+      {
+        onClick: () => {
+          n(!r);
+        },
+        className: "w-100",
+        children: r ? "View Less" : "View All"
+      }
+    ) })
+  ] });
+}
+function Sr({
+  userLayoutsData: t,
+  handleClose: e
+}) {
+  return /* @__PURE__ */ s.jsx("div", { children: t?.map((r) => /* @__PURE__ */ s.jsxs("div", { className: "card card-articles shadow-articles", children: [
+    /* @__PURE__ */ s.jsx("div", { className: "card-body py-1 px-2 lh-sm d-flex align-items-center", children: /* @__PURE__ */ s.jsxs("div", { className: "ms-2", children: [
+      /* @__PURE__ */ s.jsx("div", { children: r.name }),
+      /* @__PURE__ */ s.jsx("div", { className: "small", children: "Last Viewed: Never" })
+    ] }) }),
+    /* @__PURE__ */ s.jsxs("div", { className: "card-footer d-flex p-1", children: [
+      (!1)._id !== r.user_id && /* @__PURE__ */ s.jsxs(
+        P,
+        {
+          className: "",
+          small: !0,
+          children: [
+            /* @__PURE__ */ s.jsx("i", { className: "fad fa-plus me-1" }),
+            "Follow"
+          ]
+        }
+      ),
+      /* @__PURE__ */ s.jsx(
+        Y,
+        {
+          href: `${ne.HOME}/${r.url}`,
+          children: /* @__PURE__ */ s.jsxs(
+            P,
+            {
+              className: "",
+              small: !0,
+              children: [
+                /* @__PURE__ */ s.jsx("i", { className: "fad fa-eye me-1" }),
+                "View"
+              ]
+            }
+          )
+        }
+      )
+    ] })
+  ] }, r._id)) });
+}
+function Dr({
+  activeLayoutProposalSentiments: t,
+  userData: e
+}) {
+  return /* @__PURE__ */ s.jsx("div", { children: /* @__PURE__ */ s.jsx("div", { className: "", children: e?.verified?.verified_methods?.map((a, r) => Object.keys(a)?.length > 0 ? /* @__PURE__ */ s.jsxs(
+    "div",
+    {
+      className: "card card-articles card-sm object mb-2",
+      children: [
+        /* @__PURE__ */ s.jsx("div", { className: "card-header", children: a?.method_name }),
+        /* @__PURE__ */ s.jsx("div", { className: "card-body p-2", children: /* @__PURE__ */ s.jsxs("div", { className: "small", children: [
+          /* @__PURE__ */ s.jsxs("div", { className: "d-flex align-items-center", children: [
+            /* @__PURE__ */ s.jsx("span", { className: "me-2", children: "Approved On: " }),
+            /* @__PURE__ */ s.jsx(Kt, { date: a.approved_date })
+          ] }),
+          /* @__PURE__ */ s.jsxs("div", { className: "d-flex align-items-center", children: [
+            /* @__PURE__ */ s.jsx("span", { className: "me-2", children: "Approved By: " }),
+            /* @__PURE__ */ s.jsx($r, { user_id: a.approved_by, dangerousPopulate: !0 })
+          ] })
+        ] }) })
+      ]
+    },
+    r
+  ) : /* @__PURE__ */ s.jsx(
+    "div",
+    {
+      className: "single",
+      children: a
+    },
+    r
+  )) }) });
+}
+const Pr = [];
+function Er({
+  activeLayoutProposalSentiments: t
+}) {
+  return /* @__PURE__ */ s.jsx("div", { children: /* @__PURE__ */ s.jsx("div", { className: "achievements card card-articles", children: /* @__PURE__ */ s.jsx("div", { className: "card-body p-0", children: Pr.map(
+    (e) => /* @__PURE__ */ s.jsx("div", { children: /* @__PURE__ */ s.jsxs("div", { className: "achievement w-100 d-flex align-items-center", children: [
+      /* @__PURE__ */ s.jsx("div", { className: "icon", style: { width: "50px" }, children: /* @__PURE__ */ s.jsx("i", { className: `fad ${e.icon} fa-lg` }) }),
+      /* @__PURE__ */ s.jsxs("div", { className: "details small me-auto", children: [
+        /* @__PURE__ */ s.jsx("b", { className: "name", children: e.name }),
+        /* @__PURE__ */ s.jsx("div", { className: "description mb-1", children: e.description }),
+        /* @__PURE__ */ s.jsx("div", { className: "small", children: e.tags?.map((a) => /* @__PURE__ */ s.jsx("span", { className: "badge bg-dark border", children: a }, a)) })
+      ] }),
+      /* @__PURE__ */ s.jsx("div", { className: "icon border-end-0 border-start border-dark", children: /* @__PURE__ */ s.jsx("div", { className: "text-center px-3", children: /* @__PURE__ */ s.jsx("i", { className: "fad fa-square fa-lg me-0" }) }) })
+    ] }) }, e.name)
+  ) }) }) });
+}
+const Ar = (t) => es.get(t).then((e) => e.data), Cr = (t) => {
+  const { data: e, error: a, isLoading: r, mutate: n } = Zt(
+    process.env.NODE_ENV === "development" ? "http://localhost:3001/api/news/resources/political-parties" : "https://articles.media/api/news/resources/political-parties",
+    Ar,
+    {
+      dedupingInterval: 6e5
+      // fallbackData: []
+    }
+  );
+  return {
+    data: e,
+    error: a,
+    isLoading: r,
+    mutate: n
+  };
+};
+function $r(t) {
+  const {
+    populated_user: e,
+    hidePhoto: a,
+    visibleItems: r,
+    size: n,
+    className: l,
+    dangerousPopulate: i,
+    user_id: o,
+    buttonType: c,
+    children: f,
+    fakeMembership: u
+    // name
+  } = t, [m, h] = A(!1), [d, v] = A({}), [x, p] = A([]), [j, g] = A([]), [N, b] = A(null), [_, w] = A([]), [O, $] = A([]), [M, E] = A(!1), C = !1, { data: k } = Cr(), [S, L] = A("Proposals Stance"), R = () => {
+    h(!1);
+  };
+  X(() => {
+    e && v({
+      ...e
+    });
+  }, []);
+  const [F, I] = A(!1), [fe, ie] = A([]), [oe, Oe] = A([]), { data: D, mutate: ge } = Ht(
+    (o || e?._id) && (m || i) ? {
+      user_id: o || e?._id
+    } : null
+  ), { data: H, mutate: te } = Ht(
+    C?._id && (m || i) ? {
+      user_id: C?._id
+    } : null
+  );
+  X(() => {
+    D && (console.log("publicUserData", D), v(D), p(D?.populated_public_layouts), g(D?.populated_public_donations), b(D?.populated_public_donations.total), $(D?.populated_public_proposals), ie(D?.populated_public_proposals_stance), w(D?.populated_public_news_submissions || []));
+  }, [D]), X(() => {
+    H && (console.log("personalUserData", H), Oe(H?.populated_public_proposals_stance));
+  }, [H]);
+  let le = (e || d)?.articles_membership?.plan.replace(" ", "-").toLowerCase(), be = u?.replace(" ", "-").toLowerCase();
+  const J = "https://articles.media/images/store/memberships/", Se = () => {
+    let y = (e || d)?.articles_membership?.status == "Active";
+    return /* @__PURE__ */ s.jsxs(
+      "div",
+      {
+        style: {
+          position: "relative",
+          cursor: "pointer"
+        } && (n == "lg" ? { fontSize: "1.5rem" } : {}),
+        className: `view-user-modal-badge-wrap ${n == "lg" && "large"} ${l && l}`,
+        children: [
+          /* @__PURE__ */ s.jsxs(
+            "span",
+            {
+              onClick: () => {
+                h(!0);
+              },
+              className: "position-relative view-user-modal-badge d-flex justify-content-between align-items-center badge bg-articles badge-hover ",
+              children: [
+                (y || u) && /* @__PURE__ */ s.jsx(
+                  "i",
+                  {
+                    className: `fad membership-badge ${be || le} fa-badge-check`,
+                    style: {
+                      position: "absolute",
+                      // top: '50%',
+                      top: "-2px",
+                      left: "-2px",
+                      // transform: 'translateY(-50%)',
+                      fontSize: "0.9rem",
+                      zIndex: 1
+                      // marginRight: '-0.5rem'
+                      // color: `${obj.badge_color}!important`
+                    }
+                  }
+                ),
+                /* @__PURE__ */ s.jsxs("div", { className: `d-flex align-items-center ${y && ""}`, children: [
+                  !a && /* @__PURE__ */ s.jsx("div", { className: n == "lg" ? "me-0" : "me-1", children: /* @__PURE__ */ s.jsx(
+                    Vt,
+                    {
+                      width: "15px",
+                      profile_photo: d.profile_photo
+                    }
+                  ) }),
+                  d.display_name || e?.display_name
+                ] }),
+                /* @__PURE__ */ s.jsx("i", { className: "fad fa-plus-square me-0 ms-2" })
+              ]
+            }
+          ),
+          r?.includes("Not Verified") && e?.verified?.status !== "Verified" && /* @__PURE__ */ s.jsx(
+            ce,
+            {
+              placement: "bottom",
+              overlay: /* @__PURE__ */ s.jsx(Q, { style: { pointerEvents: "none" }, id: "button-tooltip", children: /* @__PURE__ */ s.jsx("div", { className: "", children: "User is not verified" }) }),
+              children: /* @__PURE__ */ s.jsxs(
+                "span",
+                {
+                  className: "verification-user-badge badge bg-danger d-flex align-items-center",
+                  children: [
+                    /* @__PURE__ */ s.jsx("i", { style: { paddingBottom: "2px" }, className: "fas fa-robot me-1" }),
+                    /* @__PURE__ */ s.jsx("span", { className: "", children: "Unverified" })
+                  ]
+                }
+              )
+            }
+          ),
+          // true
+          // ||
+          // visibleItems?.includes("Membership")
+          !1,
+          r?.includes("Verification Status") && /* @__PURE__ */ s.jsx(
+            ce,
+            {
+              placement: "bottom",
+              overlay: /* @__PURE__ */ s.jsx(
+                Q,
+                {
+                  id: "button-tooltip",
+                  style: { pointerEvents: "none", transformX: "-20px" },
+                  children: e?.verified?.status == "Verified" ? "Verified" : " Not Verified"
+                }
+              ),
+              children: e?.verified?.status == "Verified" ? /* @__PURE__ */ s.jsx("span", { className: "verification-user-badge badge bg-success cursor-pointer", children: /* @__PURE__ */ s.jsx("i", { className: "fas fa-check me-0" }) }) : /* @__PURE__ */ s.jsxs("span", { className: "verification-user-badge badge bg-danger cursor-pointer", children: [
+                /* @__PURE__ */ s.jsx("i", { className: "fas fa-robot me-1" }),
+                /* @__PURE__ */ s.jsx("span", { children: "?" })
+              ] })
+            }
+          ),
+          r?.includes("Political Party") && /* @__PURE__ */ s.jsx("div", { className: "d-flex", children: (e || d)?.political?.party_id && /* @__PURE__ */ s.jsx(
+            ce,
+            {
+              placement: "bottom",
+              overlay: /* @__PURE__ */ s.jsxs(
+                Q,
+                {
+                  id: "tooltip-bottom",
+                  style: { position: "fixed" },
+                  children: [
+                    /* @__PURE__ */ s.jsx(
+                      "img",
+                      {
+                        width: "40px",
+                        height: "40px",
+                        style: {
+                          objectFit: "contain",
+                          padding: "0px",
+                          zIndex: "10",
+                          position: "relative"
+                        },
+                        loading: "lazy",
+                        src: `${process.env.NEXT_PUBLIC_CDN}` + k?.find((V) => V._id == (e || d)?.political?.party_id)?.logo,
+                        alt: ""
+                      }
+                    ),
+                    /* @__PURE__ */ s.jsx(
+                      "span",
+                      {
+                        className: "ms-2",
+                        children: k?.find((V) => V._id == (e || d)?.political?.party_id)?.name
+                      }
+                    )
+                  ]
+                }
+              ),
+              children: /* @__PURE__ */ s.jsx(
+                "div",
+                {
+                  className: "badge bg-light text-capitalize ms-0 h-100 d-flex justify-content-center align-items-center",
+                  style: {
+                    padding: "0 0.15rem",
+                    cursor: "pointer"
+                  },
+                  children: (e || d)?.political?.party_id && ((e || d)?.political?.party_id == "62a830440593acbd4061c48c" ? /* @__PURE__ */ s.jsx("i", { className: "fad fa-unlink unaffiliated-icon fa-lg me-0" }) : /* @__PURE__ */ s.jsx(
+                    "img",
+                    {
+                      width: "15px",
+                      height: "15px",
+                      style: {
+                        objectFit: "contain",
+                        padding: "0px"
+                      },
+                      loading: "lazy",
+                      src: `${process.env.NEXT_PUBLIC_CDN}` + k?.find((V) => V._id == (e || d)?.political?.party_id)?.logo,
+                      alt: ""
+                    }
+                  ))
+                }
+              )
+            }
+          ) })
+        ]
+      }
+    );
+  };
+  function Xe(y) {
+    return y === "Link" ? /* @__PURE__ */ s.jsx(
+      "span",
+      {
+        type: "button",
+        onClick: () => {
+          h(!0);
+        },
+        children: f
+      }
+    ) : /* @__PURE__ */ s.jsx(Se, {});
+  }
+  const [T, je] = A(!1), [De, vt] = A({}), [xt, Ye] = A({});
+  X(() => {
+    T && Object.keys(De).length == 0 && console.log("adminUserData", H);
+  }, [T]);
+  const [qe, Ke] = A(null);
+  function Ge() {
+    alert("TODO");
+  }
+  const se = Me(() => x?.filter((y) => y.user_layout)?.[0]?.url, [x]);
+  return /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+    Xe(c),
+    /* @__PURE__ */ s.jsxs(
+      Be,
+      {
+        show: m,
+        size: "lg",
+        id: "view-users-modal",
+        className: "view-users-modal articles-modal",
+        scrollable: !0,
+        onHide: R,
+        children: [
+          /* @__PURE__ */ s.jsx(Be.Header, { closeButton: !0, children: /* @__PURE__ */ s.jsx("div", { className: "w-100 d-flex justify-content-between align-items-center", children: /* @__PURE__ */ s.jsx("h3", { className: "mb-0", children: "User Info" }) }) }),
+          /* @__PURE__ */ s.jsx(Be.Body, { children: /* @__PURE__ */ s.jsxs("div", { className: "main-panel", children: [
+            /* @__PURE__ */ s.jsxs("div", { className: "d-flex", children: [
+              /* @__PURE__ */ s.jsxs(
+                "div",
+                {
+                  className: "d-flex flex-column align-items-center",
+                  style: {
+                    width: "100px"
+                  },
+                  children: [
+                    /* @__PURE__ */ s.jsx(
+                      "div",
+                      {
+                        type: "button",
+                        onClick: () => {
+                          Ke(`${process.env.NEXT_PUBLIC_CDN}${d?.profile_photo?.key}`);
+                        },
+                        children: /* @__PURE__ */ s.jsx(
+                          Vt,
+                          {
+                            width: "100px",
+                            profile_photo: d?.profile_photo
+                          }
+                        )
+                      }
+                    ),
+                    /* @__PURE__ */ s.jsx(
+                      ce,
+                      {
+                        placement: "bottom",
+                        overlay: /* @__PURE__ */ s.jsx(
+                          Q,
+                          {
+                            id: "tooltip-bottom",
+                            children: "Joined Articles Media"
+                          }
+                        ),
+                        children: /* @__PURE__ */ s.jsxs("div", { className: "badge bg-black border border-white shadow-sm rounded-0", children: [
+                          "Joined ",
+                          d?.sign_up_date && Te(new Date(d?.sign_up_date), "M/dd/yy")
+                        ] })
+                      }
+                    ),
+                    se && /* @__PURE__ */ s.jsx(
+                      Y,
+                      {
+                        href: (
+                          // `${ROUTES.LAYOUTS}/${userLayoutLink}`
+                          `https://articles.media/layouts/${se}`
+                        ),
+                        className: "mt-2 w-100",
+                        children: /* @__PURE__ */ s.jsxs(
+                          P,
+                          {
+                            className: "w-100",
+                            style: {
+                              // fontSize: '0.75rem'
+                            },
+                            children: [
+                              /* @__PURE__ */ s.jsx("i", { className: "fad fa-home" }),
+                              /* @__PURE__ */ s.jsx("span", { children: "Layout" })
+                            ]
+                          }
+                        )
+                      }
+                    ),
+                    /* @__PURE__ */ s.jsx(et, { className: "w-100", children: /* @__PURE__ */ s.jsx(
+                      Y,
+                      {
+                        href: {
+                          // pathname: ROUTES.MESSAGES,
+                          pathname: "https://articles.media/messages",
+                          query: {
+                            startMsg: d?._id
+                          }
+                        },
+                        className: "mt-2 w-100",
+                        children: /* @__PURE__ */ s.jsxs(
+                          P,
+                          {
+                            className: "w-100",
+                            style: {
+                              fontSize: "0.88rem"
+                            },
+                            children: [
+                              /* @__PURE__ */ s.jsx("i", { className: "fad fa-envelope" }),
+                              /* @__PURE__ */ s.jsx("span", { children: "Message" })
+                            ]
+                          }
+                        )
+                      }
+                    ) }),
+                    T && /* @__PURE__ */ s.jsxs(
+                      "div",
+                      {
+                        className: "d-flex flex-column w-100 mt-2",
+                        style: {
+                          maxWidth: "100px"
+                        },
+                        children: [
+                          /* @__PURE__ */ s.jsx(P, { variant: "warning", small: !0, className: "", children: /* @__PURE__ */ s.jsx(Textfit, { max: 14, mode: "single", children: "Remove Photo" }) }),
+                          De?.user?.profile_photo?.banned_uploads ? /* @__PURE__ */ s.jsx(
+                            P,
+                            {
+                              variant: "warning",
+                              small: !0,
+                              className: "",
+                              onClick: () => {
+                                toggleBanCustomPhotoUpload();
+                              },
+                              children: /* @__PURE__ */ s.jsx(Textfit, { max: 14, mode: "single", children: "Unban Uploads" })
+                            }
+                          ) : /* @__PURE__ */ s.jsx(
+                            P,
+                            {
+                              variant: "danger",
+                              small: !0,
+                              className: "",
+                              onClick: () => {
+                                toggleBanCustomPhotoUpload();
+                              },
+                              children: /* @__PURE__ */ s.jsx(Textfit, { max: 14, mode: "single", children: "Ban Uploads" })
+                            }
+                          )
+                        ]
+                      }
+                    )
+                  ]
+                }
+              ),
+              /* @__PURE__ */ s.jsxs("div", { className: "mx-2", children: [
+                /* @__PURE__ */ s.jsxs("div", { className: "d-flex  align-items-center mb-1", children: [
+                  /* @__PURE__ */ s.jsx("h5", { className: "mb-0", children: e?.display_name || d.display_name }),
+                  /* @__PURE__ */ s.jsxs("span", { className: "ms-2", children: [
+                    " @",
+                    d?.username
+                  ] })
+                ] }),
+                d?.articles_membership?.status == "Active" && /* @__PURE__ */ s.jsx(
+                  ce,
+                  {
+                    placement: "bottom",
+                    overlay: /* @__PURE__ */ s.jsx(
+                      Q,
+                      {
+                        id: "tooltip-bottom",
+                        children: /* @__PURE__ */ s.jsxs("div", { className: "d-flex flex-column py-1", children: [
+                          /* @__PURE__ */ s.jsxs("div", { className: "position-relative", children: [
+                            d?.articles_membership?.plan == "Supporter" && /* @__PURE__ */ s.jsx("img", { src: `${J}supporter.jpg`, width: 50, height: 50, alt: "Membership plan level" }),
+                            d?.articles_membership?.plan == "Premium Supporter" && /* @__PURE__ */ s.jsx("img", { src: `${J}premiumSupporter.jpg`, width: 50, height: 50, alt: "Membership plan level" }),
+                            d?.articles_membership?.plan == "Advocate" && /* @__PURE__ */ s.jsx("img", { src: `${J}advocate.jpg`, width: 50, height: 50, alt: "Membership plan level" }),
+                            /* @__PURE__ */ s.jsx(
+                              "i",
+                              {
+                                className: `fad membership-badge ${le} fa-badge-check me-1`,
+                                style: {
+                                  position: "absolute",
+                                  top: "50%",
+                                  // top: '-2px',
+                                  left: "50%",
+                                  transform: "translateX(-50%) translateY(-50%)",
+                                  fontSize: "1.5rem"
+                                  // marginRight: '-0.5rem'
+                                  // color: `${obj.badge_color}!important`
+                                }
+                              }
+                            )
+                          ] }),
+                          /* @__PURE__ */ s.jsxs("span", { className: "lh-sm", children: [
+                            /* @__PURE__ */ s.jsx("div", { children: d?.articles_membership?.plan }),
+                            /* @__PURE__ */ s.jsxs("div", { className: "small", children: [
+                              "Since ",
+                              /* @__PURE__ */ s.jsx(Kt, { format: "MM/dd/yy", date: d?.articles_membership?.membership_started })
+                            ] })
+                          ] })
+                        ] })
+                      }
+                    ),
+                    children: /* @__PURE__ */ s.jsxs(
+                      "div",
+                      {
+                        className: "badge bg-articles border me-1 mb-1",
+                        style: {
+                          // padding: '0 0.25rem',
+                          cursor: "pointer"
+                        },
+                        children: [
+                          /* @__PURE__ */ s.jsx(
+                            "i",
+                            {
+                              className: `fad membership-badge ${le} fa-badge-check me-1`,
+                              style: {
+                                // position: 'absolute',
+                                // top: '50%',
+                                // top: '-2px',
+                                // left: '-2px',
+                                // transform: 'translateY(-50%)',
+                                // fontSize: '0.9rem'
+                                // marginRight: '-0.5rem'
+                                // color: `${obj.badge_color}!important`
+                              }
+                            }
+                          ),
+                          /* @__PURE__ */ s.jsx("span", { children: d?.articles_membership?.plan }),
+                          /* @__PURE__ */ s.jsx("span", { className: "px-1", children: "|" }),
+                          /* @__PURE__ */ s.jsx("span", { className: "months fw-bold", children: ks(
+                            /* @__PURE__ */ new Date(),
+                            new Date(d?.articles_membership?.membership_started)
+                          ) || 0 })
+                        ]
+                      }
+                    )
+                  }
+                ),
+                d?.address?.state && /* @__PURE__ */ s.jsx(
+                  ce,
+                  {
+                    placement: "bottom",
+                    overlay: d.address?.state?.length == 2 ? /* @__PURE__ */ s.jsxs(Q, { id: "tooltip-bottom", children: [
+                      "From the state of ",
+                      convertRegion(d.address?.state, "name") ? convertRegion(d.address?.state, "name")[0] : ""
+                    ] }) : /* @__PURE__ */ s.jsxs(Q, { id: "tooltip-bottom", children: [
+                      "From the state of ",
+                      d.address?.state
+                    ] }),
+                    children: /* @__PURE__ */ s.jsxs("div", { className: "badge bg-articles border me-1 mb-1", children: [
+                      /* @__PURE__ */ s.jsx("i", { className: "fad fa-map-pin me-1" }),
+                      d.address?.state
+                    ] })
+                  }
+                ),
+                d.verified?.status !== "Verified" && /* @__PURE__ */ s.jsx(
+                  ce,
+                  {
+                    placement: "bottom",
+                    overlay: /* @__PURE__ */ s.jsx(Q, { id: "tooltip-bottom", children: "User is not verified" }),
+                    children: /* @__PURE__ */ s.jsxs("div", { className: "badge bg-danger me-1 mb-1", children: [
+                      /* @__PURE__ */ s.jsx("i", { className: "fad fa-robot me-1" }),
+                      "Unverified"
+                    ] })
+                  }
+                ),
+                d.verified?.status == "Verified" && /* @__PURE__ */ s.jsx(
+                  ce,
+                  {
+                    placement: "bottom",
+                    overlay: /* @__PURE__ */ s.jsxs(
+                      Q,
+                      {
+                        id: "tooltip-bottom",
+                        className: "",
+                        children: [
+                          /* @__PURE__ */ s.jsxs("div", { children: [
+                            "Verified by ",
+                            d.verified?.verified_methods?.length,
+                            " method",
+                            d.verified?.verified_methods?.length > 1 && "s"
+                          ] }),
+                          /* @__PURE__ */ s.jsx("hr", {}),
+                          /* @__PURE__ */ s.jsx("div", { className: "pb-2", children: d.verified?.verified_methods?.map((y, V) => Object.keys(y)?.length > 0 ? /* @__PURE__ */ s.jsx(
+                            "div",
+                            {
+                              className: "object",
+                              children: y?.method_name
+                            },
+                            V
+                          ) : /* @__PURE__ */ s.jsx(
+                            "div",
+                            {
+                              className: "single",
+                              children: y
+                            },
+                            V
+                          )) })
+                        ]
+                      }
+                    ),
+                    children: /* @__PURE__ */ s.jsxs("div", { className: "badge bg-articles border me-1 mb-1", children: [
+                      /* @__PURE__ */ s.jsx("i", { className: "fad fa-star me-1" }),
+                      d.verified?.status
+                    ] })
+                  }
+                ),
+                d.political?.party_id && /* @__PURE__ */ s.jsx(s.Fragment, { children: /* @__PURE__ */ s.jsx(
+                  ce,
+                  {
+                    placement: "bottom",
+                    overlay: /* @__PURE__ */ s.jsx(Q, { id: "tooltip-bottom", children: /* @__PURE__ */ s.jsx("div", { children: "Users political party" }) }),
+                    children: /* @__PURE__ */ s.jsx(
+                      Y,
+                      {
+                        href: (
+                          // `${ROUTES.RESOURCES_POLITICAL_PARTIES}/${(populated_user || userData)?.political?.party_id}`
+                          `https://articles.media/politics/parties/${(e || d)?.political?.party_id}`
+                        ),
+                        children: /* @__PURE__ */ s.jsx("div", { className: "badge bg-articles border text-capitalize me-1", children: /* @__PURE__ */ s.jsxs("div", { className: "", children: [
+                          (e || d)?.political?.party_id == "62a830440593acbd4061c48c" ? /* @__PURE__ */ s.jsx("i", { className: "fad fa-unlink unaffiliated-icon fa-lg me-0" }) : /* @__PURE__ */ s.jsx(
+                            "img",
+                            {
+                              width: "14px",
+                              height: "14px",
+                              style: {
+                                objectFit: "contain",
+                                padding: "0px"
+                              },
+                              loading: "lazy",
+                              src: `${process.env.NEXT_PUBLIC_CDN}` + k?.find((y) => y._id == d?.political?.party_id)?.logo,
+                              alt: ""
+                            }
+                          ),
+                          /* @__PURE__ */ s.jsx("span", { className: "ms-1", children: k?.find((y) => y._id == d.political?.party_id)?.name })
+                        ] }) })
+                      }
+                    )
+                  }
+                ) }),
+                /* @__PURE__ */ s.jsx("hr", {}),
+                /* @__PURE__ */ s.jsx("div", { className: "small", children: d?._id == "5e90cc96579a17440c5d7d52" && /* @__PURE__ */ s.jsx("span", { children: "Founder of Articles Media, thank you for using the site, feel free to message me with any questions, concerns or anything else." }) })
+              ] })
+            ] }),
+            /* @__PURE__ */ s.jsx("hr", {}),
+            T && /* @__PURE__ */ s.jsxs("div", { children: [
+              /* @__PURE__ */ s.jsx("div", { className: "d-flex align-items-center justify-content-between", children: /* @__PURE__ */ s.jsx("div", { className: "small", children: "Admin Mode Toolbar" }) }),
+              /* @__PURE__ */ s.jsxs("div", { children: [
+                /* @__PURE__ */ s.jsxs("div", { className: "d-flex mb-2", children: [
+                  /* @__PURE__ */ s.jsx(
+                    P,
+                    {
+                      small: !0,
+                      variant: "warning",
+                      className: "",
+                      onClick: () => {
+                        loadAdminUserData();
+                      },
+                      children: /* @__PURE__ */ s.jsx("i", { className: "fad fa-redo me-0" })
+                    }
+                  ),
+                  /* @__PURE__ */ s.jsx(
+                    P,
+                    {
+                      active: T?.edit,
+                      small: !0,
+                      className: "",
+                      onClick: () => {
+                        je({
+                          ...T,
+                          edit: !T?.edit
+                        });
+                      },
+                      children: "Edit Mode"
+                    }
+                  ),
+                  T?.edit && /* @__PURE__ */ s.jsx(
+                    P,
+                    {
+                      small: !0,
+                      variant: "success",
+                      className: "me-0",
+                      onClick: () => {
+                        Ge();
+                      },
+                      children: /* @__PURE__ */ s.jsx("i", { className: "fad fa-save me-0" })
+                    }
+                  )
+                ] }),
+                [
+                  "User Details",
+                  "Verification",
+                  "Moderation",
+                  "Bans",
+                  "Stripe",
+                  "Layouts",
+                  "Reset Password",
+                  "Sessions"
+                ].map(
+                  (y) => /* @__PURE__ */ s.jsx(
+                    P,
+                    {
+                      active: y == T?.tab,
+                      small: !0,
+                      onClick: () => {
+                        je({
+                          ...T,
+                          tab: y
+                        });
+                      },
+                      children: y
+                    },
+                    y
+                  )
+                )
+              ] }),
+              /* @__PURE__ */ s.jsx("hr", {})
+            ] }),
+            /* @__PURE__ */ s.jsxs("div", { className: "pe-3 pb-3", children: [
+              /* @__PURE__ */ s.jsx("div", { className: "mb-2 me-2", children: [
+                {
+                  name: "Proposals Stance",
+                  badge: /* @__PURE__ */ s.jsx("span", { className: "badge bg-black ms-1", children: /* @__PURE__ */ s.jsxs("div", { className: "small", children: [
+                    /* @__PURE__ */ s.jsx("span", { children: oe?.fundamental?.filter((y) => oe?.user_sentiments?.find((V) => V.proposal_id == y._id) ? y : null).length }),
+                    /* @__PURE__ */ s.jsx("span", { className: "px-1", children: "/" }),
+                    /* @__PURE__ */ s.jsx("span", { children: oe?.fundamental?.length })
+                  ] }) })
+                },
+                {
+                  name: "Proposal Sentiments",
+                  badge: /* @__PURE__ */ s.jsx("span", { className: "badge bg-black ms-1", children: d?.populated_public_proposals_stance?.user_sentiments_count || 0 })
+                },
+                {
+                  name: "Proposal Comments",
+                  badge: /* @__PURE__ */ s.jsx("span", { className: "badge bg-black ms-1", children: d?.populated_public_proposals_stance?.user_comments_count || 0 })
+                },
+                {
+                  name: "Proposal Submissions",
+                  badge: /* @__PURE__ */ s.jsx("span", { className: "badge bg-black ms-1", children: O?.length || 0 })
+                  // TODO - Make conditional
+                },
+                {
+                  name: "News Comments",
+                  badge: /* @__PURE__ */ s.jsx("span", { className: "badge bg-black ms-1", children: d?.populated_news_comments_count || 0 })
+                },
+                {
+                  name: "News Submissions",
+                  badge: /* @__PURE__ */ s.jsx("span", { className: "badge bg-black ms-1", children: _?.length || 0 })
+                  // TODO - Make conditional
+                },
+                {
+                  name: "Verifications",
+                  // dev: true,
+                  badge: /* @__PURE__ */ s.jsx("span", { className: "badge bg-black ms-1", children: d.verified?.verified_methods?.length || 0 })
+                  // TODO - Make conditional
+                },
+                {
+                  name: "Layouts",
+                  badge: /* @__PURE__ */ s.jsx("span", { className: "badge bg-black ms-1", children: x?.length || 0 })
+                },
+                {
+                  name: "Donations",
+                  badge: /* @__PURE__ */ s.jsxs("span", { children: [
+                    /* @__PURE__ */ s.jsx("span", { className: "badge bg-primary ms-1", children: D?.populated_public_donations?.count || 0 }),
+                    /* @__PURE__ */ s.jsxs("span", { className: "badge bg-black", children: [
+                      "$",
+                      tt((D?.populated_public_donations.total / 100).toFixed(2))
+                    ] })
+                  ] })
+                },
+                {
+                  name: "Orders",
+                  badge: /* @__PURE__ */ s.jsxs("span", { children: [
+                    /* @__PURE__ */ s.jsx("span", { className: "badge bg-primary ms-1", children: "0" }),
+                    /* @__PURE__ */ s.jsx("span", { className: "badge bg-black", children: "0" })
+                  ] })
+                },
+                {
+                  name: "Achievements",
+                  dev: !0,
+                  badge: /* @__PURE__ */ s.jsx("span", { className: "badge bg-black ms-1", children: "0" })
+                  // TODO - Make conditional
+                }
+              ].map((y) => (P, y.name == S, y.name, y.badge, y.name, y.dev ? /* @__PURE__ */ s.jsx(
+                et,
+                {
+                  inline: !0,
+                  children: /* @__PURE__ */ s.jsxs(
+                    P,
+                    {
+                      onClick: () => L(y.name),
+                      active: y.name == S,
+                      small: !0,
+                      children: [
+                        y.name,
+                        y.badge
+                      ]
+                    },
+                    y.name
+                  )
+                },
+                y.name
+              ) : /* @__PURE__ */ s.jsxs(
+                P,
+                {
+                  onClick: () => L(y.name),
+                  active: y.name == S,
+                  small: !0,
+                  children: [
+                    y.name,
+                    y.badge
+                  ]
+                },
+                y.name
+              ))) }),
+              S == "Proposals Stance" && /* @__PURE__ */ s.jsx(
+                xr,
+                {
+                  activeLayoutProposalSentiments: fe,
+                  populated_user: e,
+                  usersProposalSentiments: oe,
+                  setShowFullStanceDetails: I,
+                  showFullStanceDetails: F,
+                  userData: d
+                }
+              ),
+              S == "Proposal Comments" && /* @__PURE__ */ s.jsx(
+                gr,
+                {
+                  activeLayoutProposalSentiments: fe
+                }
+              ),
+              S == "Proposal Sentiments" && /* @__PURE__ */ s.jsx(
+                br,
+                {
+                  activeLayoutProposalSentiments: fe
+                }
+              ),
+              S == "Proposal Submissions" && /* @__PURE__ */ s.jsx(
+                jr,
+                {
+                  userProposalsSubmitted: D?.populated_public_proposals
+                }
+              ),
+              S == "News Comments" && /* @__PURE__ */ s.jsx(
+                Nr,
+                {
+                  publicUserData: D
+                }
+              ),
+              S == "News Submissions" && /* @__PURE__ */ s.jsx(
+                _r,
+                {
+                  publicUserData: D,
+                  userNewsSubmitted: D?.populated_public_news_submissions
+                }
+              ),
+              S == "Donations" && /* @__PURE__ */ s.jsx(
+                Or,
+                {
+                  publicUserData: D,
+                  userDonations: D?.populated_public_donations,
+                  lifetimeContribution: N
+                }
+              ),
+              S == "Layouts" && /* @__PURE__ */ s.jsx(
+                Sr,
+                {
+                  publicUserData: D,
+                  userLayoutsData: D?.populated_public_layouts
+                }
+              ),
+              S == "Verifications" && /* @__PURE__ */ s.jsx(
+                Dr,
+                {
+                  publicUserData: D,
+                  userData: d
+                }
+              ),
+              S == "Achievements" && /* @__PURE__ */ s.jsx(
+                Er,
+                {
+                  publicUserData: D
+                }
+              )
+            ] })
+          ] }) }),
+          /* @__PURE__ */ s.jsxs(Be.Footer, { className: "justify-content-between", children: [
+            C?._id == "5e90cc96579a17440c5d7d52" ? /* @__PURE__ */ s.jsxs("span", { children: [
+              /* @__PURE__ */ s.jsxs(
+                et,
+                {
+                  inline: !0,
+                  className: "me-2",
+                  children: [
+                    /* @__PURE__ */ s.jsxs(
+                      P,
+                      {
+                        onClick: () => {
+                          je(T ? !1 : {
+                            tab: ""
+                          });
+                        },
+                        small: !0,
+                        active: T,
+                        variant: "",
+                        className: "me-1",
+                        children: [
+                          /* @__PURE__ */ s.jsx("i", { className: "fad fa-pen" }),
+                          /* @__PURE__ */ s.jsx("span", { children: "Admin Mode" })
+                        ]
+                      }
+                    ),
+                    /* @__PURE__ */ s.jsx(
+                      P,
+                      {
+                        onClick: () => {
+                          ge(), te();
+                        },
+                        small: !0,
+                        variant: "warning",
+                        className: "",
+                        children: /* @__PURE__ */ s.jsx("i", { className: "fad fa-redo me-0" })
+                      }
+                    )
+                  ]
+                }
+              ),
+              /* @__PURE__ */ s.jsx("span", { style: { fontSize: "0.8rem" }, children: d?._id })
+            ] }) : /* @__PURE__ */ s.jsx("span", {}),
+            /* @__PURE__ */ s.jsx("div", { className: "justify-content-", children: /* @__PURE__ */ s.jsx(P, { variant: "articles", onClick: R, children: "Close" }) })
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+export {
+  $r as default
+};