@articles-media/articles-dev-box 1.0.17 → 1.0.22

package/dist/ViewUserModal.js

@@ -1,3149 +1,3 @@
-import { j as s } from "./jsx-runtime-tc70JA_2.js";
-import * as ce from "react";
-import { useRef as q, useEffect as X, useMemo as Me, useState as C, useCallback as z, useLayoutEffect as xs, cloneElement as zt } from "react";
-import { t as ke, a as Xt, L as Y, f as Te, n as et, A as Yt } from "./numberWithCommas-DnAkiOFL.js";
-import { c as gs, d as bs, e as tt, f as st, o as qt, l as Ae, i as js, g as ys, h as wt, r as ws, u as ve, j as Kt, k as Nt, m as Gt, n as Ns, F as _t, s as at, p as _s, P as Os, M as Be } from "./Modal-nux8R77F.js";
-import { w as Jt, m as Ss } from "./ElementChildren-DN3RWY2E.js";
-import { c as ue } from "./index-YnD2EP-S.js";
-import Ds from "react-dom";
-import { w as Ps, u as Qt, a as Zt } from "./index-C8MeSLnR.js";
-import { A as P } from "./Button-_Quon8UV.js";
-function Qe(t, e) {
-  const a = +ke(t) - +ke(e);
-  return a < 0 ? -1 : a > 0 ? 1 : a;
-}
-function As(t, e, a) {
-  const [r, n] = Xt(
-    a?.in,
-    t,
-    e
-  ), l = r.getFullYear() - n.getFullYear(), i = r.getMonth() - n.getMonth();
-  return l * 12 + i;
-}
-function Cs(t, e) {
-  const a = ke(t, e?.in);
-  return a.setHours(23, 59, 59, 999), a;
-}
-function $s(t, e) {
-  const a = ke(t, e?.in), r = a.getMonth();
-  return a.setFullYear(a.getFullYear(), r + 1, 0), a.setHours(23, 59, 59, 999), a;
-}
-function Es(t, e) {
-  const a = ke(t, e?.in);
-  return +Cs(a, e) == +$s(a, e);
-}
-function Ms(t, e, a) {
-  const [r, n, l] = Xt(
-    a?.in,
-    t,
-    t,
-    e
-  ), i = Qe(n, l), o = Math.abs(
-    As(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;
-  Es(r) && o === 1 && Qe(r, l) === 1 && (c = !1);
-  const f = i * (o - +c);
-  return f === 0 ? 0 : f;
-}
-function ks() {
-  const t = q(!0), e = q(() => t.current);
-  return X(() => (t.current = !0, () => {
-    t.current = !1;
-  }), []), e.current;
-}
-const rt = 2 ** 31 - 1;
-function es(t, e, a) {
-  const r = a - Date.now();
-  t.current = r <= rt ? setTimeout(e, r) : setTimeout(() => es(t, e, a), rt);
-}
-function Rs() {
-  const t = ks(), e = q();
-  return gs(() => clearTimeout(e.current)), Me(() => {
-    const a = () => clearTimeout(e.current);
-    function r(n, l = 0) {
-      t() && (a(), l <= rt ? e.current = setTimeout(n, l) : es(e, n, Date.now() + l));
-    }
-    return {
-      set: r,
-      clear: a,
-      handleRef: e
-    };
-  }, []);
-}
-function Ls(t, e, a) {
-  var r = q(t !== void 0), n = C(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 Ot() {
-  return C(null);
-}
-var St = Object.prototype.hasOwnProperty;
-function Dt(t, e, a) {
-  for (a of t.keys())
-    if (Ce(a, e)) return a;
-}
-function Ce(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-- && Ce(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 = Dt(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 = Dt(e, n), !n) || !Ce(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 (St.call(t, a) && ++r && !St.call(e, a) || !(a in e) || !Ce(t[a], e[a])) return !1;
-      return Object.keys(e).length === r;
-    }
-  }
-  return t !== t && e !== e;
-}
-function Ts(t) {
-  const e = bs();
-  return [t[0], z((a) => {
-    if (e())
-      return t[1](a);
-  }, [e, t[1]])];
-}
-var U = "top", K = "bottom", G = "right", B = "left", ot = "auto", Fe = [U, K, G, B], ye = "start", Re = "end", Fs = "clippingParents", ts = "viewport", Pe = "popper", Us = "reference", Pt = /* @__PURE__ */ Fe.reduce(function(t, e) {
-  return t.concat([e + "-" + ye, e + "-" + Re]);
-}, []), ss = /* @__PURE__ */ [].concat(Fe, [ot]).reduce(function(t, e) {
-  return t.concat([e, e + "-" + ye, e + "-" + Re]);
-}, []), Bs = "beforeRead", Is = "read", Vs = "afterRead", Ws = "beforeMain", Hs = "main", zs = "afterMain", Xs = "beforeWrite", Ys = "write", qs = "afterWrite", Ks = [Bs, Is, Vs, Ws, Hs, zs, Xs, Ys, qs];
-function se(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 ae(t) {
-  var e = W(t).HTMLElement;
-  return t instanceof e || t instanceof HTMLElement;
-}
-function lt(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 nt() {
-  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 as() {
-  return !/^((?!chrome|android).)*safari/i.test(nt());
-}
-function Ne(t, e, a) {
-  e === void 0 && (e = !1), a === void 0 && (a = !1);
-  var r = t.getBoundingClientRect(), n = 1, l = 1;
-  e && ae(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 = !as() && 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 ct(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 rs(t, e) {
-  var a = e.getRootNode && e.getRootNode();
-  if (t.contains(e))
-    return !0;
-  if (a && lt(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 Gs(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
-    (lt(t) ? t.host : null) || // ShadowRoot detected
-    // $FlowFixMe[incompatible-call]: HTMLElement is a Node
-    me(t)
-  );
-}
-function At(t) {
-  return !ae(t) || // https://github.com/popperjs/popper-core/issues/837
-  de(t).position === "fixed" ? null : t.offsetParent;
-}
-function Js(t) {
-  var e = /firefox/i.test(nt()), a = /Trident/i.test(nt());
-  if (a && ae(t)) {
-    var r = de(t);
-    if (r.position === "fixed")
-      return null;
-  }
-  var n = ze(t);
-  for (lt(n) && (n = n.host); ae(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 = At(t); a && Gs(a) && de(a).position === "static"; )
-    a = At(a);
-  return a && (pe(a) === "html" || pe(a) === "body" && de(a).position === "static") ? e : a || Js(t) || e;
-}
-function dt(t) {
-  return ["top", "bottom"].indexOf(t) >= 0 ? "x" : "y";
-}
-function $e(t, e, a) {
-  return he(t, He(e, a));
-}
-function Qs(t, e, a) {
-  var r = $e(t, e, a);
-  return r > a ? a : r;
-}
-function ns() {
-  return {
-    top: 0,
-    right: 0,
-    bottom: 0,
-    left: 0
-  };
-}
-function is(t) {
-  return Object.assign({}, ns(), t);
-}
-function os(t, e) {
-  return e.reduce(function(a, r) {
-    return a[r] = t, a;
-  }, {});
-}
-var Zs = function(e, a) {
-  return e = typeof e == "function" ? e(Object.assign({}, a.rects, {
-    placement: a.placement
-  })) : e, is(typeof e != "number" ? e : os(e, Fe));
-};
-function ea(t) {
-  var e, a = t.state, r = t.name, n = t.options, l = a.elements.arrow, i = a.modifiersData.popperOffsets, o = se(a.placement), c = dt(o), f = [B, G].indexOf(o) >= 0, u = f ? "height" : "width";
-  if (!(!l || !i)) {
-    var m = Zs(n.padding, a), h = ct(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 = $e(b, w, _), E = c;
-    a.modifiersData[r] = (e = {}, e[E] = O, e.centerOffset = O - w, e);
-  }
-}
-function ta(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) || rs(e.elements.popper, n) && (e.elements.arrow = n));
-}
-const sa = {
-  name: "arrow",
-  enabled: !0,
-  phase: "main",
-  fn: ea,
-  effect: ta,
-  requires: ["popperOffsets"],
-  requiresIfExists: ["preventOverflow"]
-};
-function _e(t) {
-  return t.split("-")[1];
-}
-var aa = {
-  top: "auto",
-  right: "auto",
-  bottom: "auto",
-  left: "auto"
-};
-function ra(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 Ct(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", E = "clientWidth";
-    if (w === W(a) && (w = me(a), de(w).position !== "static" && o === "absolute" && (O = "scrollHeight", E = "scrollWidth")), w = w, n === U || (n === B || n === G) && l === Re) {
-      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 === Re) {
-      N = G;
-      var A = m && w === _ && _.visualViewport ? _.visualViewport.width : (
-        // $FlowFixMe[prop-missing]
-        w[E]
-      );
-      d -= A - r.width, d *= c ? 1 : -1;
-    }
-  }
-  var $ = Object.assign({
-    position: o
-  }, f && aa), R = u === !0 ? ra({
-    x: d,
-    y: x
-  }, W(a)) : {
-    x: d,
-    y: x
-  };
-  if (d = R.x, x = R.y, c) {
-    var S;
-    return Object.assign({}, $, (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({}, $, (e = {}, e[b] = g ? x + "px" : "", e[N] = j ? d + "px" : "", e.transform = "", e));
-}
-function na(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: se(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, Ct(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, Ct(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 ia = {
-  name: "computeStyles",
-  enabled: !0,
-  phase: "beforeWrite",
-  fn: na,
-  data: {}
-};
-var Ie = {
-  passive: !0
-};
-function oa(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 la = {
-  name: "eventListeners",
-  enabled: !0,
-  phase: "write",
-  fn: function() {
-  },
-  effect: oa,
-  data: {}
-};
-var ca = {
-  left: "right",
-  right: "left",
-  bottom: "top",
-  top: "bottom"
-};
-function Ve(t) {
-  return t.replace(/left|right|bottom|top/g, function(e) {
-    return ca[e];
-  });
-}
-var da = {
-  start: "end",
-  end: "start"
-};
-function $t(t) {
-  return t.replace(/start|end/g, function(e) {
-    return da[e];
-  });
-}
-function ut(t) {
-  var e = W(t), a = e.pageXOffset, r = e.pageYOffset;
-  return {
-    scrollLeft: a,
-    scrollTop: r
-  };
-}
-function ft(t) {
-  return Ne(me(t)).left + ut(t).scrollLeft;
-}
-function ua(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 = as();
-    (f || !f && e === "fixed") && (o = n.offsetLeft, c = n.offsetTop);
-  }
-  return {
-    width: l,
-    height: i,
-    x: o + ft(t),
-    y: c
-  };
-}
-function fa(t) {
-  var e, a = me(t), r = ut(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 + ft(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 pt(t) {
-  var e = de(t), a = e.overflow, r = e.overflowX, n = e.overflowY;
-  return /auto|scroll|overlay|hidden/.test(a + n + r);
-}
-function ls(t) {
-  return ["html", "body", "#document"].indexOf(pe(t)) >= 0 ? t.ownerDocument.body : ae(t) && pt(t) ? t : ls(ze(t));
-}
-function Ee(t, e) {
-  var a;
-  e === void 0 && (e = []);
-  var r = ls(t), n = r === ((a = t.ownerDocument) == null ? void 0 : a.body), l = W(r), i = n ? [l].concat(l.visualViewport || [], pt(r) ? r : []) : r, o = e.concat(i);
-  return n ? o : (
-    // $FlowFixMe[incompatible-call]: isBody tells us target will be an HTMLElement here
-    o.concat(Ee(ze(i)))
-  );
-}
-function it(t) {
-  return Object.assign({}, t, {
-    left: t.x,
-    top: t.y,
-    right: t.x + t.width,
-    bottom: t.y + t.height
-  });
-}
-function pa(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 Et(t, e, a) {
-  return e === ts ? it(ua(t, a)) : xe(e) ? pa(e, a) : it(fa(me(t)));
-}
-function ma(t) {
-  var e = Ee(ze(t)), a = ["absolute", "fixed"].indexOf(de(t).position) >= 0, r = a && ae(t) ? Ue(t) : t;
-  return xe(r) ? e.filter(function(n) {
-    return xe(n) && rs(n, r) && pe(n) !== "body";
-  }) : [];
-}
-function ha(t, e, a, r) {
-  var n = e === "clippingParents" ? ma(t) : [].concat(e), l = [].concat(n, [a]), i = l[0], o = l.reduce(function(c, f) {
-    var u = Et(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;
-  }, Et(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 cs(t) {
-  var e = t.reference, a = t.element, r = t.placement, n = r ? se(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 ? dt(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 Re:
-        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 ? Fs : o, f = a.rootBoundary, u = f === void 0 ? ts : 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 = is(typeof p != "number" ? p : os(p, Fe)), g = h === Pe ? Us : Pe, N = t.rects.popper, b = t.elements[v ? g : h], _ = ha(xe(b) ? b : b.contextElement || me(t.elements.popper), c, u, i), w = Ne(t.elements.reference), O = cs({
-    reference: w,
-    element: N,
-    placement: n
-  }), E = it(Object.assign({}, N, O)), M = h === Pe ? E : w, A = {
-    top: _.top - M.top + j.top,
-    bottom: M.bottom - _.bottom + j.bottom,
-    left: _.left - M.left + j.left,
-    right: M.right - _.right + j.right
-  }, $ = t.modifiersData.offset;
-  if (h === Pe && $) {
-    var R = $[n];
-    Object.keys(A).forEach(function(S) {
-      var L = [G, K].indexOf(S) >= 0 ? 1 : -1, k = [U, K].indexOf(S) >= 0 ? "y" : "x";
-      A[S] += R[k] * L;
-    });
-  }
-  return A;
-}
-function va(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 ? ss : c, u = _e(r), m = u ? o ? Pt : Pt.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
-    })[se(x)], v;
-  }, {});
-  return Object.keys(d).sort(function(v, x) {
-    return d[v] - d[x];
-  });
-}
-function xa(t) {
-  if (se(t) === ot)
-    return [];
-  var e = Ve(t);
-  return [$t(t), e, $t(e)];
-}
-function ga(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 = se(p), g = j === p, N = c || (g || !v ? [Ve(p)] : xa(p)), b = [p].concat(N).reduce(function(H, ee) {
-      return H.concat(se(ee) === ot ? va(e, {
-        placement: ee,
-        boundary: u,
-        rootBoundary: m,
-        padding: f,
-        flipVariations: v,
-        allowedAutoPlacements: x
-      }) : ee);
-    }, []), _ = e.rects.reference, w = e.rects.popper, O = /* @__PURE__ */ new Map(), E = !0, M = b[0], A = 0; A < b.length; A++) {
-      var $ = b[A], R = se($), S = _e($) === ye, L = [U, K].indexOf(R) >= 0, k = L ? "width" : "height", F = Le(e, {
-        placement: $,
-        boundary: u,
-        rootBoundary: m,
-        altBoundary: h,
-        padding: f
-      }), I = L ? S ? G : B : S ? K : U;
-      _[k] > w[k] && (I = Ve(I));
-      var fe = Ve(I), ne = [];
-      if (l && ne.push(F[R] <= 0), o && ne.push(F[I] <= 0, F[fe] <= 0), ne.every(function(H) {
-        return H;
-      })) {
-        M = $, E = !1;
-        break;
-      }
-      O.set($, ne);
-    }
-    if (E)
-      for (var ie = v ? 3 : 1, Oe = function(ee) {
-        var oe = b.find(function(be) {
-          var J = O.get(be);
-          if (J)
-            return J.slice(0, ee).every(function(Se) {
-              return Se;
-            });
-        });
-        if (oe)
-          return M = oe, "break";
-      }, D = ie; 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 ba = {
-  name: "flip",
-  enabled: !0,
-  phase: "main",
-  fn: ga,
-  requiresIfExists: ["offset"],
-  data: {
-    _skip: !1
-  }
-};
-function Mt(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 kt(t) {
-  return [U, G, K, B].some(function(e) {
-    return t[e] >= 0;
-  });
-}
-function ja(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 = Mt(i, r), f = Mt(o, n, l), u = kt(c), m = kt(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 ya = {
-  name: "hide",
-  enabled: !0,
-  phase: "main",
-  requiresIfExists: ["preventOverflow"],
-  fn: ja
-};
-function wa(t, e, a) {
-  var r = se(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 Na(t) {
-  var e = t.state, a = t.options, r = t.name, n = a.offset, l = n === void 0 ? [0, 0] : n, i = ss.reduce(function(u, m) {
-    return u[m] = wa(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 _a = {
-  name: "offset",
-  enabled: !0,
-  phase: "main",
-  requires: ["popperOffsets"],
-  fn: Na
-};
-function Oa(t) {
-  var e = t.state, a = t.name;
-  e.modifiersData[a] = cs({
-    reference: e.rects.reference,
-    element: e.rects.popper,
-    placement: e.placement
-  });
-}
-const Sa = {
-  name: "popperOffsets",
-  enabled: !0,
-  phase: "read",
-  fn: Oa,
-  data: {}
-};
-function Da(t) {
-  return t === "x" ? "y" : "x";
-}
-function Pa(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 = se(e.placement), g = _e(e.placement), N = !g, b = dt(j), _ = Da(b), w = e.modifiersData.popperOffsets, O = e.rects.reference, E = e.rects.popper, M = typeof x == "function" ? x(Object.assign({}, e.rects, {
-    placement: e.placement
-  })) : x, A = typeof M == "number" ? {
-    mainAxis: M,
-    altAxis: M
-  } : Object.assign({
-    mainAxis: 0,
-    altAxis: 0
-  }, M), $ = e.modifiersData.offset ? e.modifiersData.offset[e.placement] : null, R = {
-    x: 0,
-    y: 0
-  };
-  if (w) {
-    if (l) {
-      var S, L = b === "y" ? U : B, k = b === "y" ? K : G, F = b === "y" ? "height" : "width", I = w[b], fe = I + p[L], ne = I - p[k], ie = d ? -E[F] / 2 : 0, Oe = g === ye ? O[F] : E[F], D = g === ye ? -E[F] : -O[F], ge = e.elements.arrow, H = d && ge ? ct(ge) : {
-        width: 0,
-        height: 0
-      }, ee = e.modifiersData["arrow#persistent"] ? e.modifiersData["arrow#persistent"].padding : ns(), oe = ee[L], be = ee[k], J = $e(0, O[F], H[F]), Se = N ? O[F] / 2 - ie - J - oe - A.mainAxis : Oe - J - oe - A.mainAxis, Xe = N ? -O[F] / 2 + ie + J + be + A.mainAxis : D + J + be + A.mainAxis, T = e.elements.arrow && Ue(e.elements.arrow), je = T ? b === "y" ? T.clientTop || 0 : T.clientLeft || 0 : 0, De = (S = $?.[b]) != null ? S : 0, ht = I + Se - De - je, vt = I + Xe - De, Ye = $e(d ? He(fe, ht) : fe, I, d ? he(ne, vt) : ne);
-      w[b] = Ye, R[b] = Ye - I;
-    }
-    if (o) {
-      var qe, Ke = b === "x" ? U : B, Ge = b === "x" ? K : G, te = w[_], y = _ === "y" ? "height" : "width", V = te + p[Ke], xt = te - p[Ge], Je = [U, B].indexOf(j) !== -1, gt = (qe = $?.[_]) != null ? qe : 0, bt = Je ? V : te - O[y] - E[y] - gt + A.altAxis, jt = Je ? te + O[y] + E[y] - gt - A.altAxis : xt, yt = d && Je ? Qs(bt, te, jt) : $e(d ? bt : V, te, d ? jt : xt);
-      w[_] = yt, R[_] = yt - te;
-    }
-    e.modifiersData[r] = R;
-  }
-}
-const Aa = {
-  name: "preventOverflow",
-  enabled: !0,
-  phase: "main",
-  fn: Pa,
-  requiresIfExists: ["offset"]
-};
-function Ca(t) {
-  return {
-    scrollLeft: t.scrollLeft,
-    scrollTop: t.scrollTop
-  };
-}
-function $a(t) {
-  return t === W(t) || !ae(t) ? ut(t) : Ca(t);
-}
-function Ea(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 Ma(t, e, a) {
-  a === void 0 && (a = !1);
-  var r = ae(e), n = ae(e) && Ea(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
-  pt(l)) && (o = $a(e)), ae(e) ? (c = Ne(e, !0), c.x += e.clientLeft, c.y += e.clientTop) : l && (c.x = ft(l))), {
-    x: i.left + o.scrollLeft - c.x,
-    y: i.top + o.scrollTop - c.y,
-    width: i.width,
-    height: i.height
-  };
-}
-function ka(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 Ra(t) {
-  var e = ka(t);
-  return Ks.reduce(function(a, r) {
-    return a.concat(e.filter(function(n) {
-      return n.phase === r;
-    }));
-  }, []);
-}
-function La(t) {
-  var e;
-  return function() {
-    return e || (e = new Promise(function(a) {
-      Promise.resolve().then(function() {
-        e = void 0, a(t());
-      });
-    })), e;
-  };
-}
-function Ta(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 Rt = {
-  placement: "bottom",
-  modifiers: [],
-  strategy: "absolute"
-};
-function Lt() {
-  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 Fa(t) {
-  t === void 0 && (t = {});
-  var e = t, a = e.defaultModifiers, r = a === void 0 ? [] : a, n = e.defaultOptions, l = n === void 0 ? Rt : n;
-  return function(o, c, f) {
-    f === void 0 && (f = l);
-    var u = {
-      placement: "bottom",
-      orderedModifiers: [],
-      options: Object.assign({}, Rt, 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) ? Ee(o) : o.contextElement ? Ee(o.contextElement) : [],
-          popper: Ee(c)
-        };
-        var N = Ra(Ta([].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 (Lt(g, N)) {
-            u.rects = {
-              reference: Ma(g, Ue(N), u.options.strategy === "fixed"),
-              popper: ct(N)
-            }, u.reset = !1, u.placement = u.options.placement, u.orderedModifiers.forEach(function(A) {
-              return u.modifiersData[A.name] = Object.assign({}, A.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, E = O === void 0 ? {} : O, M = _.name;
-              typeof w == "function" && (u = w({
-                state: u,
-                options: E,
-                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: La(function() {
-        return new Promise(function(p) {
-          d.forceUpdate(), p(u);
-        });
-      }),
-      destroy: function() {
-        x(), h = !0;
-      }
-    };
-    if (!Lt(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 Ua = Fa({
-  defaultModifiers: [ya, Sa, ia, la, _a, ba, Aa, sa]
-}), Ba = ["enabled", "placement", "strategy", "modifiers"];
-function Ia(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 Va = {
-  name: "applyStyles",
-  enabled: !1,
-  phase: "afterWrite",
-  fn: () => {
-  }
-}, Wa = {
-  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);
-    }
-  }
-}, Ha = [];
-function za(t, e, a = {}) {
-  let {
-    enabled: r = !0,
-    placement: n = "bottom",
-    strategy: l = "absolute",
-    modifiers: i = Ha
-  } = a, o = Ia(a, Ba);
-  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] = Ts(C({
-    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(() => (Ce(c.current, i) || (c.current = i), c.current), [i]);
-  return X(() => {
-    !f.current || !r || f.current.setOptions({
-      placement: n,
-      strategy: l,
-      modifiers: [...x, v, Va]
-    });
-  }, [l, n, v, r, x]), X(() => {
-    if (!(!r || t == null || e == null))
-      return f.current = Ua(t, e, Object.assign({}, o, {
-        placement: n,
-        strategy: l,
-        modifiers: [...x, Wa, v]
-      })), () => {
-        f.current != null && (f.current.destroy(), f.current = void 0, d((p) => Object.assign({}, p, {
-          attributes: {},
-          styles: {
-            popper: {}
-          }
-        })));
-      };
-  }, [r, t, e]), h;
-}
-const Tt = () => {
-};
-function Xa(t) {
-  return t.button === 0;
-}
-function Ya(t) {
-  return !!(t.metaKey || t.altKey || t.ctrlKey || t.shiftKey);
-}
-const We = (t) => t && ("current" in t ? t.current : t), Ft = {
-  click: "mousedown",
-  mouseup: "mousedown",
-  pointerup: "pointerdown"
-};
-function qa(t, e = Tt, {
-  disabled: a,
-  clickTrigger: r = "click"
-} = {}) {
-  const n = q(!1), l = q(!1), i = z((f) => {
-    const u = We(t);
-    Jt(!!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 || Ya(f) || !Xa(f) || !!tt(u, f.target) || l.current, l.current = !1;
-  }, [t]), o = st((f) => {
-    const u = We(t);
-    u && tt(u, f.target) ? l.current = !0 : l.current = !1;
-  }), c = st((f) => {
-    n.current || e(f);
-  });
-  X(() => {
-    var f, u;
-    if (a || t == null) return;
-    const m = qt(We(t)), h = m.defaultView || window;
-    let d = (f = h.event) != null ? f : (u = h.parent) == null ? void 0 : u.event, v = null;
-    Ft[r] && (v = Ae(m, Ft[r], o, !0));
-    const x = Ae(m, r, i, !0), p = Ae(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) => Ae(g, "mousemove", Tt))), () => {
-      v?.(), x(), p(), j.forEach((g) => g());
-    };
-  }, [t, a, r, i, o, c]);
-}
-const Ka = () => {
-};
-function Ga(t, e, {
-  disabled: a,
-  clickTrigger: r
-} = {}) {
-  const n = e || Ka;
-  qa(t, n, {
-    disabled: a,
-    clickTrigger: r
-  });
-  const l = st((i) => {
-    js(i) && n(i);
-  });
-  X(() => {
-    if (a || t == null) return;
-    const i = qt(We(t));
-    let o = (i.defaultView || window).event;
-    const c = Ae(i, "keyup", (f) => {
-      if (f === o) {
-        o = void 0;
-        return;
-      }
-      l(f);
-    });
-    return () => {
-      c();
-    };
-  }, [t, a, l]);
-}
-function Ja(t) {
-  const e = {};
-  return Array.isArray(t) ? (t?.forEach((a) => {
-    e[a.name] = a;
-  }), e) : t || e;
-}
-function Qa(t = {}) {
-  return Array.isArray(t) ? t : Object.keys(t).map((e) => (t[e].name = e, t[e]));
-}
-function Za({
-  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 = Ja(c.modifiers);
-  return Object.assign({}, c, {
-    placement: a,
-    enabled: t,
-    strategy: l ? "fixed" : c.strategy,
-    modifiers: Qa(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 ds = /* @__PURE__ */ ce.forwardRef((t, e) => {
-  const {
-    flip: a,
-    offset: r,
-    placement: n,
-    containerPadding: l,
-    popperConfig: i = {},
-    transition: o,
-    runTransition: c
-  } = t, [f, u] = Ot(), [m, h] = Ot(), d = ys(u, e), v = wt(t.container), x = wt(t.target), [p, j] = C(!t.show), g = za(x, f, Za({
-    placement: n,
-    enableEvents: !!t.show,
-    containerPadding: l || 5,
-    flip: a,
-    offset: r,
-    arrowElement: m,
-    popperConfig: i
-  }));
-  t.show && p && j(!1);
-  const N = (...$) => {
-    j(!0), t.onExited && t.onExited(...$);
-  }, b = t.show || !p;
-  if (Ga(f, t.onHide, {
-    disabled: !t.rootClose || t.rootCloseDisabled,
-    clickTrigger: t.rootCloseEvent
-  }), !b)
-    return null;
-  const {
-    onExit: _,
-    onExiting: w,
-    onEnter: O,
-    onEntering: E,
-    onEntered: M
-  } = t;
-  let A = 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 A = ws(o, c, {
-    in: !!t.show,
-    appear: !0,
-    mountOnEnter: !0,
-    unmountOnExit: !0,
-    children: A,
-    onExit: _,
-    onExiting: w,
-    onExited: N,
-    onEnter: O,
-    onEntering: E,
-    onEntered: M
-  }), v ? /* @__PURE__ */ Ds.createPortal(A, v) : null;
-});
-ds.displayName = "Overlay";
-const er = typeof global < "u" && // @ts-ignore
-global.navigator && // @ts-ignore
-global.navigator.product === "ReactNative", tr = typeof document < "u", sr = tr || er ? xs : X, us = /* @__PURE__ */ ce.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
-})));
-us.displayName = "PopoverHeader";
-const mt = /* @__PURE__ */ ce.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
-})));
-mt.displayName = "PopoverBody";
-function fs(t, e) {
-  let a = t;
-  return t === "left" ? a = e ? "end" : "start" : t === "right" && (a = e ? "start" : "end"), a;
-}
-function ps(t = "absolute") {
-  return {
-    position: t,
-    top: "0",
-    left: "0",
-    opacity: "0",
-    pointerEvents: "none"
-  };
-}
-const ms = /* @__PURE__ */ ce.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 = Kt(), [v] = e?.split("-") || [], x = fs(v, d);
-  let p = r;
-  return f && !o && (p = {
-    ...r,
-    ...ps(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(mt, {
-      children: n
-    }) : n]
-  });
-});
-ms.displayName = "Popover";
-const ar = Object.assign(ms, {
-  Header: us,
-  Body: mt,
-  // Default popover offset.
-  // https://github.com/twbs/bootstrap/blob/5c32767e0e0dbac2d934bcdee03719a65d3f1187/js/src/popover.js#L28
-  POPPER_OFFSET: [0, 8]
-}), hs = /* @__PURE__ */ ce.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 = Kt(), [h] = e?.split("-") || [], d = fs(h, m);
-  let v = r;
-  return c && !i && (v = {
-    ...r,
-    ...ps(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
-    })]
-  });
-});
-hs.displayName = "Tooltip";
-const Q = Object.assign(hs, {
-  // Default tooltip offset.
-  // https://github.com/twbs/bootstrap/blob/beca2a6c7f6bc88b6449339fc76edcda832c59e5/js/src/tooltip.js#L65
-  TOOLTIP_OFFSET: [0, 6]
-});
-function rr(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 (Nt(e.current, a))
-            return ar.POPPER_OFFSET;
-          if (Nt(e.current, r))
-            return Q.TOOLTIP_OFFSET;
-        }
-        return [0, 0];
-      }
-    }
-  }), [t, a, r]);
-  return [e, [n]];
-}
-function nr(t, e) {
-  const {
-    ref: a
-  } = t, {
-    ref: r
-  } = e;
-  t.ref = a.__wrapped || (a.__wrapped = (n) => a(at(n))), e.ref = r.__wrapped || (r.__wrapped = (n) => r(at(n)));
-}
-const vs = /* @__PURE__ */ ce.forwardRef(({
-  children: t,
-  transition: e = _t,
-  popperConfig: a = {},
-  rootClose: r = !1,
-  placement: n = "top",
-  show: l = !1,
-  ...i
-}, o) => {
-  const c = q({}), [f, u] = C(null), [m, h] = rr(i.offset), d = Gt(o, m), v = e === !0 ? _t : e || void 0, x = Ns((p) => {
-    u(p), a == null || a.onFirstUpdate == null || a.onFirstUpdate(p);
-  });
-  return sr(() => {
-    f && i.target && (c.current.scheduleUpdate == null || c.current.scheduleUpdate());
-  }, [f, i.target]), X(() => {
-    l || u(null);
-  }, [l]), /* @__PURE__ */ s.jsx(ds, {
-    ...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;
-      nr(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__ */ ce.cloneElement(t, {
-        ...p,
-        placement: _,
-        arrowProps: j,
-        popper: w,
-        hasDoneInitialMeasure: O,
-        className: ue(t.props.className, !e && N && "show"),
-        style: {
-          ...t.props.style,
-          ...p.style
-        }
-      });
-    }
-  });
-});
-vs.displayName = "Overlay";
-function ir(t) {
-  return t && typeof t == "object" ? t : {
-    show: t,
-    hide: t
-  };
-}
-function Ut(t, e, a) {
-  const [r] = e, n = r.currentTarget, l = r.relatedTarget || r.nativeEvent[a];
-  (!l || l !== n) && !tt(n, l) && t(...e);
-}
-Os.oneOf(["click", "hover", "focus"]);
-const le = ({
-  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 = Gt(m, _s(a)), d = Rs(), v = q(""), [x, p] = Ls(n, l, i), j = ir(o), {
-    onFocus: g,
-    onBlur: N,
-    onClick: b
-  } = typeof a != "function" ? ce.Children.only(a).props : {}, _ = (k) => {
-    h(at(k));
-  }, 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]), E = z((...k) => {
-    w(), g?.(...k);
-  }, [w, g]), M = z((...k) => {
-    O(), N?.(...k);
-  }, [O, N]), A = z((...k) => {
-    p(!x), b?.(...k);
-  }, [b, p, x]), $ = z((...k) => {
-    Ut(w, k, "fromElement");
-  }, [w]), R = z((...k) => {
-    Ut(O, k, "toElement");
-  }, [O]), S = t == null ? [] : [].concat(t), L = {
-    ref: _
-  };
-  return S.indexOf("click") !== -1 && (L.onClick = A), S.indexOf("focus") !== -1 && (L.onFocus = E, L.onBlur = M), S.indexOf("hover") !== -1 && (process.env.NODE_ENV !== "production" && Jt(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 = $, L.onMouseOut = R), /* @__PURE__ */ s.jsxs(s.Fragment, {
-    children: [typeof a == "function" ? a(L) : /* @__PURE__ */ zt(a, L), /* @__PURE__ */ s.jsx(vs, {
-      ...u,
-      show: x,
-      onHide: O,
-      flip: f,
-      placement: c,
-      popperConfig: r,
-      target: m.current,
-      children: e
-    })]
-  });
-};
-function Bt(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(
-          It,
-          {
-            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(
-          It,
-          {
-            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 It({
-  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 or = (t) => (e, a, r) => (r.revalidateOnFocus = !1, r.revalidateIfStale = !1, r.revalidateOnReconnect = !1, t(e, a, r)), lr = Ps(Qt, or), cr = (t) => Zt.get(t.url, {
-  params: {
-    user_id: t.user_id
-  }
-}).then((e) => e.data), dr = {
-  dedupingInterval: 1e3 * 60 * 1,
-  focusThrottleInterval: 1e3 * 60 * 1
-  // fallbackData: []
-}, Vt = (t) => {
-  const { data: e, error: a, isLoading: r, isValidating: n, mutate: l } = lr(
-    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,
-    cr,
-    dr
-  );
-  return {
-    data: e,
-    error: a,
-    isLoading: r,
-    isValidating: n,
-    mutate: l
-  };
-};
-function Ze({ className: t, noOutline: e, children: a, inline: r }) {
-  const [l, i] = C();
-  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 });
-}
-const Wt = 1e3;
-function ur(t, e, a) {
-  const r = (t - e) / (a - e) * 100;
-  return Math.round(r * Wt) / Wt;
-}
-function Ht({
-  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: `${ur(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__ */ ce.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 Ht(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 ? Ss(v, (p) => /* @__PURE__ */ zt(p, {
-      isChild: !0
-    })) : Ht({
-      min: n,
-      now: l,
-      max: i,
-      label: o,
-      visuallyHidden: c,
-      striped: f,
-      animated: u,
-      bsPrefix: m,
-      variant: h
-    }, a)
-  });
-});
-Z.displayName = "ProgressBar";
-const re = {
-  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 fr({
-  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: re.SIGN_IN, children: /* @__PURE__ */ s.jsx(P, { small: !0, className: "", children: "Sign In" }) }),
-      /* @__PURE__ */ s.jsx(Y, { href: re.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 pr({
-  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: `${re.PROPOSALS}/${e.populated_proposal.url}?interaction_id=${e._id}`, children: /* @__PURE__ */ s.jsx(
-      P,
-      {
-        small: !0,
-        children: "View"
-      }
-    ) }) })
-  ] }, e._id)) });
-}
-function mr({
-  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 hr({
-  activeLayoutProposalSentiments: t,
-  userProposalsSubmitted: e
-}) {
-  const [a, r] = C(!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: `${re.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 vr(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 xr(t) {
-  switch (t) {
-    case "story":
-      return re.STORIES;
-    // break;
-    case "issue":
-      return re.ISSUES;
-    // break;
-    case "myth":
-      return re.MYTHS;
-  }
-}
-function gr({
-  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(
-            vr,
-            {
-              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: `${xr(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 br({
-  userNewsSubmitted: t
-}) {
-  const [e, a] = C(!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: `${re.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 jr({
-  activeLayoutProposalSentiments: t,
-  userDonations: e,
-  lifetimeContribution: a
-}) {
-  const [r, n] = C(!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,
-        " - ",
-        `$${et((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: `$${et((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: `${re.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 yr({
-  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: `${re.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 wr({
-  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(Yt, { 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(Dr, { user_id: a.approved_by, dangerousPopulate: !0 })
-          ] })
-        ] }) })
-      ]
-    },
-    r
-  ) : /* @__PURE__ */ s.jsx(
-    "div",
-    {
-      className: "single",
-      children: a
-    },
-    r
-  )) }) });
-}
-const Nr = [];
-function _r({
-  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: Nr.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 Or = (t) => Zt.get(t).then((e) => e.data), Sr = (t) => {
-  const { data: e, error: a, isLoading: r, mutate: n } = Qt(
-    process.env.NODE_ENV === "development" ? "http://localhost:3001/api/news/resources/political-parties" : "https://articles.media/api/news/resources/political-parties",
-    Or,
-    {
-      dedupingInterval: 6e5
-      // fallbackData: []
-    }
-  );
-  return {
-    data: e,
-    error: a,
-    isLoading: r,
-    mutate: n
-  };
-};
-function Dr(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] = C(!1), [d, v] = C({}), [x, p] = C([]), [j, g] = C([]), [N, b] = C(null), [_, w] = C([]), [O, E] = C([]), [M, A] = C(!1), $ = !1, { data: R } = Sr(), [S, L] = C("Proposals Stance"), k = () => {
-    h(!1);
-  };
-  X(() => {
-    e && v({
-      ...e
-    });
-  }, []);
-  const [F, I] = C(!1), [fe, ne] = C([]), [ie, Oe] = C([]), { data: D, mutate: ge } = Vt(
-    (o || e?._id) && (m || i) ? {
-      user_id: o || e?._id
-    } : null
-  ), { data: H, mutate: ee } = Vt(
-    $?._id && (m || i) ? {
-      user_id: $?._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), E(D?.populated_public_proposals), ne(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 oe = (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 || oe} 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(
-                    Bt,
-                    {
-                      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(
-            le,
-            {
-              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(
-            le,
-            {
-              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(
-            le,
-            {
-              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}` + R?.find((V) => V._id == (e || d)?.political?.party_id)?.logo,
-                        alt: ""
-                      }
-                    ),
-                    /* @__PURE__ */ s.jsx(
-                      "span",
-                      {
-                        className: "ms-2",
-                        children: R?.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}` + R?.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] = C(!1), [De, ht] = C({}), [vt, Ye] = C({});
-  X(() => {
-    T && Object.keys(De).length == 0 && console.log("adminUserData", H);
-  }, [T]);
-  const [qe, Ke] = C(null);
-  function Ge() {
-    alert("TODO");
-  }
-  const te = 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: k,
-        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(
-                          Bt,
-                          {
-                            width: "100px",
-                            profile_photo: d?.profile_photo
-                          }
-                        )
-                      }
-                    ),
-                    /* @__PURE__ */ s.jsx(
-                      le,
-                      {
-                        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")
-                        ] })
-                      }
-                    ),
-                    te && /* @__PURE__ */ s.jsx(
-                      Y,
-                      {
-                        href: (
-                          // `${ROUTES.LAYOUTS}/${userLayoutLink}`
-                          `https://articles.media/layouts/${te}`
-                        ),
-                        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(Ze, { 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(
-                  le,
-                  {
-                    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 ${oe} 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(Yt, { 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 ${oe} 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: Ms(
-                            /* @__PURE__ */ new Date(),
-                            new Date(d?.articles_membership?.membership_started)
-                          ) || 0 })
-                        ]
-                      }
-                    )
-                  }
-                ),
-                d?.address?.state && /* @__PURE__ */ s.jsx(
-                  le,
-                  {
-                    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(
-                  le,
-                  {
-                    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(
-                  le,
-                  {
-                    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(
-                  le,
-                  {
-                    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}` + R?.find((y) => y._id == d?.political?.party_id)?.logo,
-                              alt: ""
-                            }
-                          ),
-                          /* @__PURE__ */ s.jsx("span", { className: "ms-1", children: R?.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: ie?.fundamental?.filter((y) => ie?.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: ie?.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: [
-                      "$",
-                      et((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(
-                Ze,
-                {
-                  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(
-                fr,
-                {
-                  activeLayoutProposalSentiments: fe,
-                  populated_user: e,
-                  usersProposalSentiments: ie,
-                  setShowFullStanceDetails: I,
-                  showFullStanceDetails: F,
-                  userData: d
-                }
-              ),
-              S == "Proposal Comments" && /* @__PURE__ */ s.jsx(
-                pr,
-                {
-                  activeLayoutProposalSentiments: fe
-                }
-              ),
-              S == "Proposal Sentiments" && /* @__PURE__ */ s.jsx(
-                mr,
-                {
-                  activeLayoutProposalSentiments: fe
-                }
-              ),
-              S == "Proposal Submissions" && /* @__PURE__ */ s.jsx(
-                hr,
-                {
-                  userProposalsSubmitted: D?.populated_public_proposals
-                }
-              ),
-              S == "News Comments" && /* @__PURE__ */ s.jsx(
-                gr,
-                {
-                  publicUserData: D
-                }
-              ),
-              S == "News Submissions" && /* @__PURE__ */ s.jsx(
-                br,
-                {
-                  publicUserData: D,
-                  userNewsSubmitted: D?.populated_public_news_submissions
-                }
-              ),
-              S == "Donations" && /* @__PURE__ */ s.jsx(
-                jr,
-                {
-                  publicUserData: D,
-                  userDonations: D?.populated_public_donations,
-                  lifetimeContribution: N
-                }
-              ),
-              S == "Layouts" && /* @__PURE__ */ s.jsx(
-                yr,
-                {
-                  publicUserData: D,
-                  userLayoutsData: D?.populated_public_layouts
-                }
-              ),
-              S == "Verifications" && /* @__PURE__ */ s.jsx(
-                wr,
-                {
-                  publicUserData: D,
-                  userData: d
-                }
-              ),
-              S == "Achievements" && /* @__PURE__ */ s.jsx(
-                _r,
-                {
-                  publicUserData: D
-                }
-              )
-            ] })
-          ] }) }),
-          /* @__PURE__ */ s.jsxs(Be.Footer, { className: "justify-content-between", children: [
-            $?._id == "5e90cc96579a17440c5d7d52" ? /* @__PURE__ */ s.jsxs("span", { children: [
-              /* @__PURE__ */ s.jsxs(
-                Ze,
-                {
-                  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(), ee();
-                        },
-                        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: k, children: "Close" }) })
-          ] })
-        ]
-      }
-    )
-  ] });
-}
-export {
-  Dr as default
-};
+"use client";
+import { t as e } from "./ViewUserModal-DDjWLpyM.js";
+export { e as default };