ghost 6.24.0 → 6.25.0

package/core/built/admin/assets/posts/comments-C4rwkXWy.mjs

@@ -0,0 +1,1473 @@
+import { D as k, j as e, u as y, q as D, b as B, n as N, E as ts, F as L, G as z, H as ye, J as as, T as rs, a as F, N as T, p as H, e as ns, Z, o as Q } from "./index-Bl1ReYmV.mjs";
+import { u as is, F as os, T as K, a as G, b as Y, d as X, c as ls } from "./filters-BD3A2GlB.mjs";
+import { c as cs, u as ds, a as ms, B as us, b as ps, d as hs, M as E, e as xs } from "./use-scroll-restoration-C7A3TpAz.mjs";
+import { u as fs, U as we, d as bs, D as js, a as gs, E as vs, b as Cs, c as $ } from "./dropdown-menu-CvSs_ay2.mjs";
+import { a as Ns, c as ks, F as J, b as _e, D as ee, M as ys, H as Se, R as ws, E as Pe } from "./reply-CX_EQh9X.mjs";
+import { C as _s, F as Ss, c as Ps, a as Is, E as Ie, M as Re } from "./search-BqzdnPQb.mjs";
+import { P as Rs, C as Es, X as Ls, g as se, i as te, j as ae, k as re, l as Ts, m as ne } from "./dialog-Chkt119L.mjs";
+import { H as Ce, u as Ds, a as Ms, L as $s } from "./virtual-list-window-BIGoc0th.mjs";
+import { M as Fs } from "./main-layout-Ct-TA0TH.mjs";
+import { d as zs, P as ie, b as Os, h as Ee, f as Ne, c as Bs, B as C, C as Hs } from "./heading-DV_WQJh4.mjs";
+import { L as M } from "./loading-indicator-Dj1SCL40.mjs";
+import { d as Us, b as Le, c as oe } from "./hooks-DQhsid0U.mjs";
+import { E as As, S as Vs } from "./separator-DFPLsWCc.mjs";
+import { E as Te } from "./empty-indicator-GyeO28CG.mjs";
+import { S as qs, b as Ws, c as Qs, d as Ks } from "./sheet-CkLfUqdH.mjs";
+var U = "Checkbox", [Gs] = zs(U), [Ys, le] = Gs(U);
+function Xs(s) {
+  const {
+    __scopeCheckbox: t,
+    checked: a,
+    children: n,
+    defaultChecked: r,
+    disabled: i,
+    form: o,
+    name: l,
+    onCheckedChange: c,
+    required: d,
+    value: u = "on",
+    // @ts-expect-error
+    internal_do_not_use_render: p
+  } = s, [h, f] = Os({
+    prop: a,
+    defaultProp: r ?? !1,
+    onChange: c,
+    caller: U
+  }), [m, b] = y(null), [g, j] = y(null), v = D(!1), P = m ? !!o || !!m.closest("form") : (
+    // We set this to true by default so that events bubble to forms without JS (SSR)
+    !0
+  ), I = {
+    checked: h,
+    disabled: i,
+    setChecked: f,
+    control: m,
+    setControl: b,
+    name: l,
+    form: o,
+    value: u,
+    hasConsumerStoppedPropagationRef: v,
+    required: d,
+    defaultChecked: S(r) ? !1 : r,
+    isFormControl: P,
+    bubbleInput: g,
+    setBubbleInput: j
+  };
+  return /* @__PURE__ */ e.jsx(
+    Ys,
+    {
+      scope: t,
+      ...I,
+      children: Zs(p) ? p(I) : n
+    }
+  );
+}
+var De = "CheckboxTrigger", Me = k(
+  ({ __scopeCheckbox: s, onKeyDown: t, onClick: a, ...n }, r) => {
+    const {
+      control: i,
+      value: o,
+      disabled: l,
+      checked: c,
+      required: d,
+      setControl: u,
+      setChecked: p,
+      hasConsumerStoppedPropagationRef: h,
+      isFormControl: f,
+      bubbleInput: m
+    } = le(De, s), b = Ee(r, u), g = D(c);
+    return B(() => {
+      const j = i == null ? void 0 : i.form;
+      if (j) {
+        const v = () => p(g.current);
+        return j.addEventListener("reset", v), () => j.removeEventListener("reset", v);
+      }
+    }, [i, p]), /* @__PURE__ */ e.jsx(
+      ie.button,
+      {
+        type: "button",
+        role: "checkbox",
+        "aria-checked": S(c) ? "mixed" : c,
+        "aria-required": d,
+        "data-state": Be(c),
+        "data-disabled": l ? "" : void 0,
+        disabled: l,
+        value: o,
+        ...n,
+        ref: b,
+        onKeyDown: Ne(t, (j) => {
+          j.key === "Enter" && j.preventDefault();
+        }),
+        onClick: Ne(a, (j) => {
+          p((v) => S(v) ? !0 : !v), m && f && (h.current = j.isPropagationStopped(), h.current || j.stopPropagation());
+        })
+      }
+    );
+  }
+);
+Me.displayName = De;
+var ce = k(
+  (s, t) => {
+    const {
+      __scopeCheckbox: a,
+      name: n,
+      checked: r,
+      defaultChecked: i,
+      required: o,
+      disabled: l,
+      value: c,
+      onCheckedChange: d,
+      form: u,
+      ...p
+    } = s;
+    return /* @__PURE__ */ e.jsx(
+      Xs,
+      {
+        __scopeCheckbox: a,
+        checked: r,
+        defaultChecked: i,
+        disabled: l,
+        required: o,
+        onCheckedChange: d,
+        name: n,
+        form: u,
+        value: c,
+        internal_do_not_use_render: ({ isFormControl: h }) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+          /* @__PURE__ */ e.jsx(
+            Me,
+            {
+              ...p,
+              ref: t,
+              __scopeCheckbox: a
+            }
+          ),
+          h && /* @__PURE__ */ e.jsx(
+            Oe,
+            {
+              __scopeCheckbox: a
+            }
+          )
+        ] })
+      }
+    );
+  }
+);
+ce.displayName = U;
+var $e = "CheckboxIndicator", Fe = k(
+  (s, t) => {
+    const { __scopeCheckbox: a, forceMount: n, ...r } = s, i = le($e, a);
+    return /* @__PURE__ */ e.jsx(
+      Rs,
+      {
+        present: n || S(i.checked) || i.checked === !0,
+        children: /* @__PURE__ */ e.jsx(
+          ie.span,
+          {
+            "data-state": Be(i.checked),
+            "data-disabled": i.disabled ? "" : void 0,
+            ...r,
+            ref: t,
+            style: { pointerEvents: "none", ...s.style }
+          }
+        )
+      }
+    );
+  }
+);
+Fe.displayName = $e;
+var ze = "CheckboxBubbleInput", Oe = k(
+  ({ __scopeCheckbox: s, ...t }, a) => {
+    const {
+      control: n,
+      hasConsumerStoppedPropagationRef: r,
+      checked: i,
+      defaultChecked: o,
+      required: l,
+      disabled: c,
+      name: d,
+      value: u,
+      form: p,
+      bubbleInput: h,
+      setBubbleInput: f
+    } = le(ze, s), m = Ee(a, f), b = is(i), g = fs(n);
+    B(() => {
+      const v = h;
+      if (!v) return;
+      const P = window.HTMLInputElement.prototype, R = Object.getOwnPropertyDescriptor(
+        P,
+        "checked"
+      ).set, V = !r.current;
+      if (b !== i && R) {
+        const q = new Event("click", { bubbles: V });
+        v.indeterminate = S(i), R.call(v, S(i) ? !1 : i), v.dispatchEvent(q);
+      }
+    }, [h, b, i, r]);
+    const j = D(S(i) ? !1 : i);
+    return /* @__PURE__ */ e.jsx(
+      ie.input,
+      {
+        type: "checkbox",
+        "aria-hidden": !0,
+        defaultChecked: o ?? j.current,
+        required: l,
+        disabled: c,
+        name: d,
+        value: u,
+        form: p,
+        ...t,
+        tabIndex: -1,
+        ref: m,
+        style: {
+          ...t.style,
+          ...g,
+          position: "absolute",
+          pointerEvents: "none",
+          opacity: 0,
+          margin: 0,
+          // We transform because the input is absolutely positioned but we have
+          // rendered it **after** the button. This pulls it back to sit on top
+          // of the button.
+          transform: "translateX(-100%)"
+        }
+      }
+    );
+  }
+);
+Oe.displayName = ze;
+function Zs(s) {
+  return typeof s == "function";
+}
+function S(s) {
+  return s === "indeterminate";
+}
+function Be(s) {
+  return S(s) ? "indeterminate" : s ? "checked" : "unchecked";
+}
+const He = k(({ className: s, ...t }, a) => /* @__PURE__ */ e.jsx(
+  ce,
+  {
+    ref: a,
+    className: N(
+      "grid place-content-center peer h-4 w-4 shrink-0 rounded-xs border border-primary shadow focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
+      s
+    ),
+    ...t,
+    children: /* @__PURE__ */ e.jsx(
+      Fe,
+      {
+        className: N("grid place-content-center text-current"),
+        children: /* @__PURE__ */ e.jsx(Es, { className: "size-4" })
+      }
+    )
+  }
+));
+He.displayName = ce.displayName;
+var Js = Symbol.for("react.lazy"), O = ts[" use ".trim().toString()];
+function et(s) {
+  return typeof s == "object" && s !== null && "then" in s;
+}
+function Ue(s) {
+  return s != null && typeof s == "object" && "$$typeof" in s && s.$$typeof === Js && "_payload" in s && et(s._payload);
+}
+// @__NO_SIDE_EFFECTS__
+function st(s) {
+  const t = /* @__PURE__ */ tt(s), a = k((n, r) => {
+    let { children: i, ...o } = n;
+    Ue(i) && typeof O == "function" && (i = O(i._payload));
+    const l = L.toArray(i), c = l.find(rt);
+    if (c) {
+      const d = c.props.children, u = l.map((p) => p === c ? L.count(d) > 1 ? L.only(null) : z(d) ? d.props.children : null : p);
+      return /* @__PURE__ */ e.jsx(t, { ...o, ref: r, children: z(d) ? ye(d, void 0, u) : null });
+    }
+    return /* @__PURE__ */ e.jsx(t, { ...o, ref: r, children: i });
+  });
+  return a.displayName = `${s}.Slot`, a;
+}
+// @__NO_SIDE_EFFECTS__
+function tt(s) {
+  const t = k((a, n) => {
+    let { children: r, ...i } = a;
+    if (Ue(r) && typeof O == "function" && (r = O(r._payload)), z(r)) {
+      const o = it(r), l = nt(i, r.props);
+      return r.type !== as && (l.ref = n ? Bs(n, o) : o), ye(r, l);
+    }
+    return L.count(r) > 1 ? L.only(null) : null;
+  });
+  return t.displayName = `${s}.SlotClone`, t;
+}
+var at = Symbol("radix.slottable");
+function rt(s) {
+  return z(s) && typeof s.type == "function" && "__radixId" in s.type && s.type.__radixId === at;
+}
+function nt(s, t) {
+  const a = { ...t };
+  for (const n in t) {
+    const r = s[n], i = t[n];
+    /^on[A-Z]/.test(n) ? r && i ? a[n] = (...l) => {
+      const c = i(...l);
+      return r(...l), c;
+    } : r && (a[n] = r) : n === "style" ? a[n] = { ...r, ...i } : n === "className" && (a[n] = [r, i].filter(Boolean).join(" "));
+  }
+  return { ...s, ...a };
+}
+function it(s) {
+  var n, r;
+  let t = (n = Object.getOwnPropertyDescriptor(s.props, "ref")) == null ? void 0 : n.get, a = t && "isReactWarning" in t && t.isReactWarning;
+  return a ? s.ref : (t = (r = Object.getOwnPropertyDescriptor(s, "ref")) == null ? void 0 : r.get, a = t && "isReactWarning" in t && t.isReactWarning, a ? s.props.ref : s.props.ref || s.ref);
+}
+var ot = [
+  "a",
+  "button",
+  "div",
+  "form",
+  "h2",
+  "h3",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "select",
+  "span",
+  "svg",
+  "ul"
+], lt = ot.reduce((s, t) => {
+  const a = /* @__PURE__ */ st(`Primitive.${t}`), n = k((r, i) => {
+    const { asChild: o, ...l } = r, c = o ? a : t;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ e.jsx(c, { ...l, ref: i });
+  });
+  return n.displayName = `Primitive.${t}`, { ...s, [t]: n };
+}, {}), ct = "Label", Ae = k((s, t) => /* @__PURE__ */ e.jsx(
+  lt.label,
+  {
+    ...s,
+    ref: t,
+    onMouseDown: (a) => {
+      var r;
+      a.target.closest("button, input, select, textarea") || ((r = s.onMouseDown) == null || r.call(s, a), !a.defaultPrevented && a.detail > 1 && a.preventDefault());
+    }
+  }
+));
+Ae.displayName = ct;
+var Ve = Ae;
+const dt = rs(
+  "text-sm leading-none font-medium peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+), qe = k(({ className: s, ...t }, a) => /* @__PURE__ */ e.jsx(
+  Ve,
+  {
+    ref: a,
+    className: N(dt(), s),
+    ...t
+  }
+));
+qe.displayName = Ve.displayName;
+const mt = ({ children: s, className: t, ...a }) => /* @__PURE__ */ e.jsx("section", { className: N("flex gap-6 flex-col p-4 lg:p-8 size-full grow", t), ...a, children: s });
+function ut(s) {
+  return {
+    value: s.id,
+    label: s.name || "Unknown name",
+    detail: s.email ?? "(Unknown email)"
+  };
+}
+const pt = cs({
+  id: "posts.members.remote",
+  buildBrowseSearchParams: (s) => ({
+    limit: "100",
+    order: "created_at DESC",
+    ...s ? { search: s } : {}
+  }),
+  selectItems: (s) => s == null ? void 0 : s.members,
+  useQuery: ({ enabled: s, searchParams: t }) => ds({
+    enabled: s,
+    keepPreviousData: !0,
+    searchParams: t
+  }),
+  toOption: ut
+});
+function ht() {
+  return pt();
+}
+const xt = ({
+  filters: s,
+  onFiltersChange: t
+}) => {
+  const a = ms(), n = ht(), r = F(
+    () => [
+      {
+        key: "author",
+        label: "Author",
+        type: "select",
+        icon: /* @__PURE__ */ e.jsx(we, { className: "size-4" }),
+        searchable: !0,
+        valueSource: n,
+        className: "w-80",
+        popoverContentClassName: "w-80",
+        operators: [
+          { value: "is", label: "is" },
+          { value: "is_not", label: "is not" }
+        ]
+      },
+      {
+        key: "post",
+        label: "Post",
+        type: "select",
+        icon: /* @__PURE__ */ e.jsx(Ns, { className: "size-4" }),
+        searchable: !0,
+        valueSource: a,
+        className: "w-full max-w-80",
+        popoverContentClassName: "w-full max-w-[calc(100vw-32px)] max-w-80",
+        operators: [
+          { value: "is", label: "is" },
+          { value: "is_not", label: "is not" }
+        ]
+      },
+      {
+        key: "body",
+        label: "Text",
+        type: "text",
+        icon: /* @__PURE__ */ e.jsx(ks, { className: "size-4" }),
+        placeholder: "Search comment text...",
+        operators: [
+          { value: "contains", label: "contains" },
+          { value: "not_contains", label: "does not contain" }
+        ],
+        defaultOperator: "contains",
+        className: "w-full max-w-48",
+        popoverContentClassName: "w-full max-w-48"
+      },
+      {
+        key: "status",
+        label: "Status",
+        type: "select",
+        icon: /* @__PURE__ */ e.jsx(bs, { className: "size-4" }),
+        options: [
+          { value: "published", label: "Published" },
+          { value: "hidden", label: "Hidden" }
+        ],
+        operators: [
+          { value: "is", label: "is" }
+        ],
+        searchable: !1,
+        hideOperatorSelect: !0
+      },
+      {
+        key: "reported",
+        label: "Reported",
+        type: "select",
+        icon: /* @__PURE__ */ e.jsx(J, { className: "size-4" }),
+        options: [
+          { value: "true", label: "Yes" },
+          { value: "false", label: "No" }
+        ],
+        operators: [
+          { value: "is", label: "is" }
+        ],
+        searchable: !1,
+        hideOperatorSelect: !0
+      },
+      {
+        key: "created_at",
+        label: "Date",
+        type: "date",
+        className: "w-full max-w-32",
+        icon: /* @__PURE__ */ e.jsx(_s, { className: "size-4" }),
+        operators: [
+          { value: "is", label: "is" },
+          { value: "before", label: "before" },
+          { value: "after", label: "after" }
+        ]
+      }
+    ],
+    [n, a]
+  ), i = s.length > 0, o = N(
+    "flex flex-row",
+    !i && "[grid-area:actions] pt-5 justify-start sm:justify-end sm:pt-0",
+    i && "col-start-1 col-end-4 row-start-3 pt-5"
+  );
+  return /* @__PURE__ */ e.jsx("div", { className: o, children: /* @__PURE__ */ e.jsx(
+    os,
+    {
+      addButtonIcon: i ? /* @__PURE__ */ e.jsx(Ss, {}) : /* @__PURE__ */ e.jsx(Ps, {}),
+      addButtonText: i ? "Add filter" : "Filter",
+      allowMultiple: !1,
+      className: `[&>button]:order-last ${i ? "[&>button]:border-none" : "w-auto"}`,
+      clearButtonClassName: "font-normal text-muted-foreground",
+      clearButtonIcon: /* @__PURE__ */ e.jsx(Ls, {}),
+      clearButtonText: "Clear",
+      fields: r,
+      filters: s,
+      keyboardShortcut: "f",
+      popoverAlign: i ? "start" : "end",
+      showClearButton: i,
+      showSearchInput: !1,
+      onChange: t
+    }
+  ) });
+}, ft = ({ children: s }) => /* @__PURE__ */ e.jsxs(Ce, { className: "relative pb-6! md:sticky", variant: "inline-nav", children: [
+  /* @__PURE__ */ e.jsx(Ce.Title, { children: "Comments" }),
+  s
+] }), bt = ({ children: s }) => /* @__PURE__ */ e.jsx(Fs, { children: /* @__PURE__ */ e.jsx("div", { className: "grid w-full grow", children: /* @__PURE__ */ e.jsx("div", { className: "flex h-full flex-col", "data-testid": "comments-page", children: s }) }) });
+function jt({ onClick: s, expanded: t }) {
+  return /* @__PURE__ */ e.jsxs(
+    C,
+    {
+      className: "shrink-0 gap-0.5 self-start p-0 text-base hover:bg-transparent",
+      variant: "ghost",
+      onClick: s,
+      children: [
+        t ? "Show less" : "Show more",
+        t ? /* @__PURE__ */ e.jsx(Is, {}) : /* @__PURE__ */ e.jsx(Hs, {})
+      ]
+    }
+  );
+}
+function We({ item: s }) {
+  const t = D(null), [a, n] = y(!1), [r, i] = y(!1);
+  return B(() => {
+    if (r)
+      return;
+    const o = () => {
+      t.current && n(t.current.scrollHeight > t.current.clientHeight);
+    };
+    return o(), window.addEventListener("resize", o), () => window.removeEventListener("resize", o);
+  }, [s.html, r]), /* @__PURE__ */ e.jsx("div", { className: "mt-1 flex flex-col gap-2", children: /* @__PURE__ */ e.jsxs("div", { className: `flex max-w-full flex-col items-start ${s.status === "hidden" && "opacity-50"}`, children: [
+    /* @__PURE__ */ e.jsx(
+      "div",
+      {
+        dangerouslySetInnerHTML: { __html: s.html || "" },
+        ref: t,
+        className: N(
+          "prose flex-1 text-base max-w-[80ch] balance leading-[1.5em] [&_*]:leading-[1.5em] [&_*]:text-base [&_*]:font-normal [&_blockquote]:border-l-[3px] [&_blockquote]:border-foreground [&_blockquote]:p-0 [&_blockquote]:pl-3 [&_blockquote_p]:mt-0 [&_a]:underline",
+          r ? "-mb-1 [&_p]:mb-[0.85em]" : "line-clamp-2 [&_p]:m-0 [&_blockquote+p]:mt-1 mb-1"
+        )
+      }
+    ),
+    a && /* @__PURE__ */ e.jsx(jt, { expanded: r, onClick: () => i(!r) })
+  ] }) });
+}
+const A = "CommentsResponseType", gt = Us({
+  dataType: A,
+  path: "/comments/",
+  defaultNextPageParams: (s, t) => {
+    var a, n;
+    return (a = s.meta) != null && a.pagination.next ? {
+      ...t,
+      page: (((n = s.meta) == null ? void 0 : n.pagination.next) || 1).toString()
+    } : void 0;
+  },
+  returnData: (s) => {
+    const { pages: t } = s, a = t.flatMap((r) => r.comments), n = t[t.length - 1].meta;
+    return {
+      comments: a,
+      meta: n,
+      isEnd: n ? n.pagination.pages === n.pagination.page : !0
+    };
+  }
+}), Qe = (s) => gt({
+  ...s,
+  searchParams: {
+    limit: "100",
+    order: "created_at desc",
+    include: "member,post,parent",
+    ...s == null ? void 0 : s.searchParams
+  }
+}), Ke = Le({
+  method: "PUT",
+  path: ({ id: s }) => `/comments/${s}/`,
+  body: ({ id: s }) => ({
+    comments: [{
+      id: s,
+      status: "hidden"
+    }]
+  }),
+  invalidateQueries: {
+    dataType: A
+  }
+}), Ge = Le({
+  method: "PUT",
+  path: ({ id: s }) => `/comments/${s}/`,
+  body: ({ id: s }) => ({
+    comments: [{
+      id: s,
+      status: "published"
+    }]
+  }),
+  invalidateQueries: {
+    dataType: A
+  }
+}), vt = oe({
+  dataType: A,
+  path: (s) => `/comments/${s}/`,
+  defaultSearchParams: {
+    include: "member,post,count.replies,count.direct_replies,count.likes,count.reports,parent,in_reply_to"
+  }
+}), Ct = oe({
+  dataType: "CommentReportsResponseType",
+  path: (s) => `/comments/${s}/reports/`
+}), Nt = (s, t) => Ct(s, { ...t }), kt = oe({
+  dataType: "CommentLikesResponseType",
+  path: (s) => `/comments/${s}/likes/`,
+  defaultSearchParams: {
+    include: "member",
+    limit: "100",
+    order: "created_at desc"
+  }
+}), yt = (s, t) => kt(s, { ...t }), wt = (s, t) => Qe({
+  ...t,
+  searchParams: {
+    filter: `(parent_id:${s}+in_reply_to_id:null),in_reply_to_id:${s}`,
+    order: "created_at asc",
+    include: "member,post,count.direct_replies,count.likes,count.reports,parent,in_reply_to",
+    limit: "100"
+  }
+});
+function _t(s) {
+  const t = new Date(s);
+  return new Intl.DateTimeFormat("en-US", {
+    month: "short",
+    day: "numeric",
+    year: "numeric",
+    hour: "numeric",
+    minute: "numeric"
+  }).format(t).replace(/(\d+),(\s+\d{4})/, "$1$2");
+}
+function Ye({
+  memberName: s,
+  memberId: t,
+  createdAt: a,
+  isHidden: n,
+  canComment: r,
+  onAuthorClick: i,
+  postTitle: o,
+  onPostClick: l,
+  className: c
+}) {
+  return /* @__PURE__ */ e.jsxs("div", { className: N("flex items-baseline gap-4", c), children: [
+    /* @__PURE__ */ e.jsxs("div", { className: N(
+      "mb-1 flex min-w-0 items-center gap-x-1 text-sm",
+      n && "opacity-50"
+    ), children: [
+      /* @__PURE__ */ e.jsx("div", { className: "whitespace-nowrap", children: t && i ? /* @__PURE__ */ e.jsx(
+        C,
+        {
+          className: "flex h-auto items-center gap-1.5 truncate p-0 font-semibold text-primary hover:opacity-70",
+          variant: "link",
+          onClick: i,
+          children: s || "Unknown"
+        }
+      ) : /* @__PURE__ */ e.jsx("span", { className: "block truncate font-semibold", children: s || "Unknown" }) }),
+      r === !1 && /* @__PURE__ */ e.jsx(K, { children: /* @__PURE__ */ e.jsxs(G, { children: [
+        /* @__PURE__ */ e.jsx(Y, { asChild: !0, children: /* @__PURE__ */ e.jsx("span", { "data-testid": "commenting-disabled-indicator", children: /* @__PURE__ */ e.jsx(
+          _e,
+          {
+            className: "size-3.5 text-muted-foreground"
+          }
+        ) }) }),
+        /* @__PURE__ */ e.jsx(X, { children: "Comments disabled" })
+      ] }) }),
+      /* @__PURE__ */ e.jsx(ee, { className: "shrink-0 text-muted-foreground/50", size: 16 }),
+      /* @__PURE__ */ e.jsx("div", { className: "shrink-0 whitespace-nowrap", children: a && /* @__PURE__ */ e.jsx(K, { children: /* @__PURE__ */ e.jsxs(G, { children: [
+        /* @__PURE__ */ e.jsx(Y, { asChild: !0, children: /* @__PURE__ */ e.jsx("span", { className: "cursor-default text-sm text-muted-foreground", children: T(a) }) }),
+        /* @__PURE__ */ e.jsx(X, { children: _t(a) })
+      ] }) }) }),
+      o && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+        /* @__PURE__ */ e.jsx("div", { className: "shrink-0 text-muted-foreground", children: "on" }),
+        /* @__PURE__ */ e.jsx("div", { className: "min-w-0 truncate", children: l ? /* @__PURE__ */ e.jsx(
+          C,
+          {
+            className: "block h-auto w-full cursor-pointer truncate p-0 text-left font-medium text-gray-800 hover:opacity-70 dark:text-gray-400",
+            variant: "link",
+            onClick: l,
+            children: o
+          }
+        ) : /* @__PURE__ */ e.jsx("span", { className: "font-medium text-gray-800 dark:text-gray-400", children: o }) })
+      ] })
+    ] }),
+    n && /* @__PURE__ */ e.jsx(us, { variant: "secondary", children: "Hidden" })
+  ] });
+}
+function St({
+  open: s,
+  memberName: t,
+  onOpenChange: a,
+  onConfirm: n
+}) {
+  const [r, i] = y(!1), o = (c) => {
+    c || i(!1), a(c);
+  }, l = () => {
+    n(r), i(!1);
+  };
+  return /* @__PURE__ */ e.jsx(se, { open: s, onOpenChange: o, children: /* @__PURE__ */ e.jsxs(te, { className: "gap-5", children: [
+    /* @__PURE__ */ e.jsxs(ae, { children: [
+      /* @__PURE__ */ e.jsx(re, { children: "Disable comments" }),
+      /* @__PURE__ */ e.jsxs(Ts, { children: [
+        t || "This member",
+        " won't be able to comment in the future. You can re-enable commenting anytime."
+      ] })
+    ] }),
+    /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ e.jsx(
+        He,
+        {
+          checked: r,
+          id: "hide-comments",
+          onCheckedChange: (c) => i(c === !0)
+        }
+      ),
+      /* @__PURE__ */ e.jsx(qe, { htmlFor: "hide-comments", children: "Hide all previous comments" })
+    ] }),
+    /* @__PURE__ */ e.jsxs(ne, { children: [
+      /* @__PURE__ */ e.jsx(C, { variant: "outline", onClick: () => o(!1), children: "Cancel" }),
+      /* @__PURE__ */ e.jsx(C, { onClick: l, children: "Disable comments" })
+    ] })
+  ] }) });
+}
+function Xe({
+  comment: s
+}) {
+  const { mutate: t } = ps(), { mutate: a } = hs(), [n, r] = y(!1), { id: i, post: o, member: l } = s, c = o == null ? void 0 : o.url, d = l == null ? void 0 : l.id, u = l == null ? void 0 : l.can_comment, p = (f) => {
+    d && (t({
+      id: d,
+      reason: `Disabled from comment ${i}`,
+      hideComments: f
+    }), r(!1));
+  }, h = () => {
+    d && a({ id: d });
+  };
+  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsxs(js, { children: [
+      /* @__PURE__ */ e.jsx(gs, { asChild: !0, children: /* @__PURE__ */ e.jsx(
+        C,
+        {
+          className: "relative z-10 text-gray-800 hover:bg-secondary [&_svg]:size-4",
+          size: "sm",
+          variant: "ghost",
+          children: /* @__PURE__ */ e.jsx(vs, {})
+        }
+      ) }),
+      /* @__PURE__ */ e.jsxs(Cs, { align: "start", children: [
+        c && /* @__PURE__ */ e.jsx($, { asChild: !0, children: /* @__PURE__ */ e.jsxs("a", { href: `${c}#ghost-comments-${i}`, rel: "noopener noreferrer", target: "_blank", children: [
+          /* @__PURE__ */ e.jsx(As, { className: "size-4" }),
+          "View on post"
+        ] }) }),
+        d && /* @__PURE__ */ e.jsx($, { asChild: !0, children: /* @__PURE__ */ e.jsxs("a", { href: `#/members/${d}`, children: [
+          /* @__PURE__ */ e.jsx(we, { className: "size-4" }),
+          "View member"
+        ] }) }),
+        d && (u !== !1 ? /* @__PURE__ */ e.jsxs($, { onClick: () => r(!0), children: [
+          /* @__PURE__ */ e.jsx(_e, { className: "size-4" }),
+          "Disable commenting"
+        ] }) : /* @__PURE__ */ e.jsxs($, { onClick: h, children: [
+          /* @__PURE__ */ e.jsx(ys, { className: "size-4" }),
+          "Enable commenting"
+        ] }))
+      ] })
+    ] }),
+    /* @__PURE__ */ e.jsx(
+      St,
+      {
+        memberName: l == null ? void 0 : l.name,
+        open: n,
+        onConfirm: p,
+        onOpenChange: r
+      }
+    )
+  ] });
+}
+function Pt({ comment: s, open: t, onOpenChange: a }) {
+  var c, d, u, p, h;
+  const { data: n, isLoading: r } = yt(s.id, { enabled: t }), i = (n == null ? void 0 : n.comment_likes) ?? [], o = ((c = s.count) == null ? void 0 : c.likes) ?? 0, l = o - i.length;
+  return /* @__PURE__ */ e.jsx(se, { open: t, onOpenChange: a, children: /* @__PURE__ */ e.jsxs(te, { "aria-describedby": void 0, children: [
+    /* @__PURE__ */ e.jsx(ae, { children: /* @__PURE__ */ e.jsxs(re, { children: [
+      o,
+      " ",
+      o === 1 ? "like" : "likes"
+    ] }) }),
+    /* @__PURE__ */ e.jsx("div", { className: "overflow-hidden rounded-md border p-3", children: /* @__PURE__ */ e.jsxs("div", { className: "flex min-w-0 items-start gap-3", children: [
+      /* @__PURE__ */ e.jsx(
+        E,
+        {
+          avatarImage: (d = s.member) == null ? void 0 : d.avatar_image,
+          className: "shrink-0",
+          memberId: (u = s.member) == null ? void 0 : u.id
+        }
+      ),
+      /* @__PURE__ */ e.jsxs("div", { className: "flex min-w-0 flex-col overflow-hidden", children: [
+        /* @__PURE__ */ e.jsxs("div", { className: "flex min-w-0 items-center gap-1 text-sm", children: [
+          /* @__PURE__ */ e.jsx("span", { className: "shrink-0 font-semibold", children: ((p = s.member) == null ? void 0 : p.name) || "Unknown" }),
+          /* @__PURE__ */ e.jsx(ee, { className: "shrink-0 text-muted-foreground/50", size: 16 }),
+          /* @__PURE__ */ e.jsx("span", { className: "shrink-0 text-muted-foreground", children: s.created_at && T(s.created_at) }),
+          /* @__PURE__ */ e.jsx("span", { className: "shrink-0 text-muted-foreground", children: "on" }),
+          /* @__PURE__ */ e.jsx("span", { className: "min-w-0 truncate font-medium text-gray-800 dark:text-gray-400", children: ((h = s.post) == null ? void 0 : h.title) || "Unknown post" })
+        ] }),
+        /* @__PURE__ */ e.jsx(
+          "div",
+          {
+            dangerouslySetInnerHTML: { __html: s.html || "" },
+            className: "prose mt-2 line-clamp-2 text-sm [&_*]:text-sm [&_*]:leading-[1.5em] [&_p]:m-0"
+          }
+        )
+      ] })
+    ] }) }),
+    /* @__PURE__ */ e.jsx("div", { className: "-mx-1 max-h-64 overflow-y-auto px-1", children: r ? /* @__PURE__ */ e.jsx("div", { className: "flex justify-center py-4", children: /* @__PURE__ */ e.jsx(M, { size: "md" }) }) : /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-3 pb-1", children: [
+      i.map((f) => {
+        var m, b, g;
+        return /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between gap-3", children: [
+          /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ e.jsxs("div", { className: "relative shrink-0", children: [
+              /* @__PURE__ */ e.jsx(
+                E,
+                {
+                  avatarImage: (m = f.member) == null ? void 0 : m.avatar_image,
+                  memberId: (b = f.member) == null ? void 0 : b.id
+                }
+              ),
+              /* @__PURE__ */ e.jsx("div", { className: "absolute -right-0.5 -bottom-0.5 flex size-4 items-center justify-center rounded-full bg-pink-500 text-white", children: /* @__PURE__ */ e.jsx(Se, { className: "size-2.5", fill: "currentColor" }) })
+            ] }),
+            /* @__PURE__ */ e.jsx("span", { className: "font-medium", children: ((g = f.member) == null ? void 0 : g.name) || "Deleted member" })
+          ] }),
+          /* @__PURE__ */ e.jsx("span", { className: "shrink-0 text-sm text-muted-foreground", children: T(f.created_at) })
+        ] }, f.id);
+      }),
+      l > 0 && /* @__PURE__ */ e.jsxs("div", { className: "pt-1 text-center text-sm text-muted-foreground", children: [
+        "and ",
+        l,
+        " more"
+      ] })
+    ] }) }),
+    /* @__PURE__ */ e.jsx(ne, { children: /* @__PURE__ */ e.jsx(C, { onClick: () => a(!1), children: "OK" }) })
+  ] }) });
+}
+function It({ comment: s, open: t, onOpenChange: a }) {
+  var l, c, d, u, p;
+  const { data: n, isLoading: r } = Nt(s.id, { enabled: t }), i = (n == null ? void 0 : n.comment_reports) ?? [], o = ((l = s.count) == null ? void 0 : l.reports) ?? i.length;
+  return /* @__PURE__ */ e.jsx(se, { open: t, onOpenChange: a, children: /* @__PURE__ */ e.jsxs(te, { "aria-describedby": void 0, children: [
+    /* @__PURE__ */ e.jsx(ae, { children: /* @__PURE__ */ e.jsxs(re, { children: [
+      o,
+      " ",
+      o === 1 ? "report" : "reports"
+    ] }) }),
+    /* @__PURE__ */ e.jsx("div", { className: "overflow-hidden rounded-md border p-3", children: /* @__PURE__ */ e.jsxs("div", { className: "flex min-w-0 items-start gap-3", children: [
+      /* @__PURE__ */ e.jsx(
+        E,
+        {
+          avatarImage: (c = s.member) == null ? void 0 : c.avatar_image,
+          className: "shrink-0",
+          memberId: (d = s.member) == null ? void 0 : d.id
+        }
+      ),
+      /* @__PURE__ */ e.jsxs("div", { className: "flex min-w-0 flex-col overflow-hidden", children: [
+        /* @__PURE__ */ e.jsxs("div", { className: "flex min-w-0 items-center gap-1 text-sm", children: [
+          /* @__PURE__ */ e.jsx("span", { className: "shrink-0 font-semibold", children: ((u = s.member) == null ? void 0 : u.name) || "Unknown" }),
+          /* @__PURE__ */ e.jsx(ee, { className: "shrink-0 text-muted-foreground/50", size: 16 }),
+          /* @__PURE__ */ e.jsx("span", { className: "shrink-0 text-muted-foreground", children: s.created_at && T(s.created_at) }),
+          /* @__PURE__ */ e.jsx("span", { className: "shrink-0 text-muted-foreground", children: "on" }),
+          /* @__PURE__ */ e.jsx("span", { className: "min-w-0 truncate font-medium text-gray-800 dark:text-gray-400", children: ((p = s.post) == null ? void 0 : p.title) || "Unknown post" })
+        ] }),
+        /* @__PURE__ */ e.jsx(
+          "div",
+          {
+            dangerouslySetInnerHTML: { __html: s.html || "" },
+            className: "prose mt-2 line-clamp-2 text-sm [&_*]:text-sm [&_*]:leading-[1.5em] [&_p]:m-0"
+          }
+        )
+      ] })
+    ] }) }),
+    /* @__PURE__ */ e.jsx("div", { className: "-mx-1 max-h-64 overflow-y-auto px-1", children: r ? /* @__PURE__ */ e.jsx("div", { className: "flex justify-center py-4", children: /* @__PURE__ */ e.jsx(M, { size: "md" }) }) : /* @__PURE__ */ e.jsx("div", { className: "flex flex-col gap-3 pb-1", children: i.map((h) => {
+      var f, m, b;
+      return /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between gap-3", children: [
+        /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ e.jsxs("div", { className: "relative shrink-0", children: [
+            /* @__PURE__ */ e.jsx(
+              E,
+              {
+                avatarImage: (f = h.member) == null ? void 0 : f.avatar_image,
+                memberId: (m = h.member) == null ? void 0 : m.id
+              }
+            ),
+            /* @__PURE__ */ e.jsx("div", { className: "absolute -right-0.5 -bottom-0.5 flex size-4 items-center justify-center rounded-full bg-red text-white", children: /* @__PURE__ */ e.jsx(J, { className: "size-2.5", fill: "currentColor" }) })
+          ] }),
+          /* @__PURE__ */ e.jsx("span", { className: "font-medium", children: ((b = h.member) == null ? void 0 : b.name) || "Deleted member" })
+        ] }),
+        /* @__PURE__ */ e.jsx("span", { className: "shrink-0 text-sm text-muted-foreground", children: T(h.created_at) })
+      ] }, h.id);
+    }) }) }),
+    /* @__PURE__ */ e.jsx(ne, { children: /* @__PURE__ */ e.jsx(C, { onClick: () => a(!1), children: "OK" }) })
+  ] }) });
+}
+function W({ icon: s, count: t, label: a, to: n, onClick: r, className: i, testId: o }) {
+  const l = N("flex items-center gap-1 text-xs text-gray-800", i), c = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    s,
+    /* @__PURE__ */ e.jsx("span", { children: ns(t) })
+  ] }), d = n || r;
+  return /* @__PURE__ */ e.jsx(K, { children: /* @__PURE__ */ e.jsxs(G, { children: [
+    /* @__PURE__ */ e.jsx(Y, { asChild: !0, children: n ? /* @__PURE__ */ e.jsx(
+      Z,
+      {
+        className: N(l, "cursor-pointer hover:opacity-70"),
+        "data-testid": o,
+        to: n,
+        onClick: (u) => {
+          u.stopPropagation();
+        },
+        children: c
+      }
+    ) : r ? /* @__PURE__ */ e.jsx(
+      "button",
+      {
+        className: N(l, "cursor-pointer hover:opacity-70"),
+        "data-testid": o,
+        type: "button",
+        onClick: (u) => {
+          u.stopPropagation(), r();
+        },
+        children: c
+      }
+    ) : /* @__PURE__ */ e.jsx("div", { className: l, "data-testid": o, children: c }) }),
+    /* @__PURE__ */ e.jsx(X, { children: d ? `View ${a.toLowerCase()}` : a })
+  ] }) });
+}
+function de(s, t) {
+  if (!t)
+    return;
+  const a = new URLSearchParams(s);
+  return a.set("thread", `is:${t}`), `?${a.toString()}`;
+}
+function Ze({
+  comment: s,
+  className: t
+}) {
+  var m, b, g, j, v;
+  const [a] = H(), [n, r] = y(!1), [i, o] = y(!1), l = de(a, s.id), c = ((m = s.count) == null ? void 0 : m.direct_replies) ?? ((b = s.count) == null ? void 0 : b.replies) ?? ((g = s.replies) == null ? void 0 : g.length) ?? 0, d = ((j = s.count) == null ? void 0 : j.likes) ?? 0, u = ((v = s.count) == null ? void 0 : v.reports) ?? 0, p = c > 0, h = d > 0, f = u > 0;
+  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsxs("div", { className: N("flex items-center gap-6", t), children: [
+      /* @__PURE__ */ e.jsx(
+        W,
+        {
+          count: c,
+          icon: /* @__PURE__ */ e.jsx(ws, { size: 16, strokeWidth: 1.5 }),
+          label: "Replies",
+          testId: "replies-metric",
+          to: p ? l : void 0
+        }
+      ),
+      /* @__PURE__ */ e.jsx(
+        W,
+        {
+          count: d,
+          icon: /* @__PURE__ */ e.jsx(Se, { size: 16, strokeWidth: 1.5 }),
+          label: "Likes",
+          onClick: h ? () => r(!0) : void 0
+        }
+      ),
+      /* @__PURE__ */ e.jsx(
+        W,
+        {
+          className: f ? "font-semibold text-red" : void 0,
+          count: u,
+          icon: /* @__PURE__ */ e.jsx(J, { size: 16, strokeWidth: 1.5 }),
+          label: "Reports",
+          onClick: f ? () => o(!0) : void 0
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e.jsx(
+      Pt,
+      {
+        comment: s,
+        open: n,
+        onOpenChange: r
+      }
+    ),
+    /* @__PURE__ */ e.jsx(
+      It,
+      {
+        comment: s,
+        open: i,
+        onOpenChange: o
+      }
+    )
+  ] });
+}
+function Rt({ hasReplies: s }) {
+  return s ? /* @__PURE__ */ e.jsx(
+    "div",
+    {
+      className: "mb-2 h-full w-px grow rounded bg-gradient-to-b from-muted-foreground/20 from-70% to-transparent",
+      "data-testid": "replies-line"
+    }
+  ) : null;
+}
+function Je({ comment: s, isReply: t = !1, isSelectedComment: a = !1, selectedCommentId: n }) {
+  var d, u, p, h, f, m, b, g;
+  const [r] = H(), { mutate: i } = Ke(), { mutate: o } = Ge(), l = (((d = s.replies) == null ? void 0 : d.length) ?? 0) > 0 || (((u = s.count) == null ? void 0 : u.direct_replies) ?? ((p = s.count) == null ? void 0 : p.replies) ?? 0) > 0, c = !l || t ? "mb-7" : "mb-0";
+  return /* @__PURE__ */ e.jsxs("div", { className: `flex w-full flex-row ${c}`, children: [
+    /* @__PURE__ */ e.jsxs("div", { className: "mr-2 flex shrink-0 flex-col items-center justify-start md:mr-3", children: [
+      /* @__PURE__ */ e.jsx(
+        E,
+        {
+          avatarImage: (h = s.member) == null ? void 0 : h.avatar_image,
+          className: "mb-3 shrink-0 md:mb-4",
+          isHidden: s.status === "hidden",
+          memberId: (f = s.member) == null ? void 0 : f.id
+        }
+      ),
+      /* @__PURE__ */ e.jsx(Rt, { hasReplies: l && !t })
+    ] }),
+    /* @__PURE__ */ e.jsx("div", { className: "grow", children: /* @__PURE__ */ e.jsxs(
+      "div",
+      {
+        className: "w-full",
+        "data-testid": `comment-thread-row-${s.id}`,
+        children: [
+          /* @__PURE__ */ e.jsxs("div", { className: "flex min-w-0 flex-col", children: [
+            /* @__PURE__ */ e.jsx(
+              Ye,
+              {
+                canComment: (m = s.member) == null ? void 0 : m.can_comment,
+                createdAt: s.created_at,
+                isHidden: s.status === "hidden",
+                memberId: (b = s.member) == null ? void 0 : b.id,
+                memberName: (g = s.member) == null ? void 0 : g.name
+              }
+            ),
+            s.in_reply_to_snippet && a && /* @__PURE__ */ e.jsxs("div", { className: `mb-1 line-clamp-1 text-sm ${s.status === "hidden" && "opacity-50"}`, children: [
+              /* @__PURE__ */ e.jsx("span", { className: "text-muted-foreground", children: "Replied to:" }),
+              " ",
+              /* @__PURE__ */ e.jsx(
+                Z,
+                {
+                  className: "text-sm font-normal text-muted-foreground hover:text-foreground",
+                  "data-testid": "replied-to-link",
+                  to: de(r, s.in_reply_to_id || s.parent_id) || "",
+                  onClick: (j) => {
+                    j.stopPropagation();
+                  },
+                  children: s.in_reply_to_snippet
+                }
+              )
+            ] }),
+            /* @__PURE__ */ e.jsx(We, { item: s }),
+            /* @__PURE__ */ e.jsxs("div", { className: "mt-4 flex flex-row flex-wrap items-center gap-3", children: [
+              s.status === "published" && /* @__PURE__ */ e.jsxs(C, { className: "text-gray-800", size: "sm", variant: "outline", onClick: () => i({ id: s.id }), children: [
+                /* @__PURE__ */ e.jsx(Pe, {}),
+                /* @__PURE__ */ e.jsx("span", { className: "max-md:hidden", children: "Hide" })
+              ] }),
+              s.status === "hidden" && /* @__PURE__ */ e.jsxs(C, { className: "text-gray-800", size: "sm", variant: "outline", onClick: () => o({ id: s.id }), children: [
+                /* @__PURE__ */ e.jsx(Ie, {}),
+                /* @__PURE__ */ e.jsx("span", { className: "max-md:hidden", children: "Show" })
+              ] }),
+              /* @__PURE__ */ e.jsx(
+                Ze,
+                {
+                  comment: s
+                }
+              ),
+              /* @__PURE__ */ e.jsx(
+                Xe,
+                {
+                  comment: s
+                }
+              )
+            ] })
+          ] }),
+          l && s.replies && /* @__PURE__ */ e.jsx("div", { className: "mt-7 mb-4 -ml-2 pl-2 md:mt-8 md:mb-0 md:-ml-3 md:pl-3", children: s.replies.map((j) => /* @__PURE__ */ e.jsx(
+            Je,
+            {
+              comment: j,
+              isReply: !0,
+              selectedCommentId: n
+            },
+            j.id
+          )) })
+        ]
+      }
+    ) })
+  ] });
+}
+const Et = ({
+  selectedComment: s,
+  replies: t,
+  selectedCommentId: a,
+  fetchNextPage: n,
+  hasNextPage: r,
+  isFetchingNextPage: i
+}) => {
+  const o = { ...s, replies: t };
+  return /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col", "data-testid": "comment-thread-list", children: [
+    /* @__PURE__ */ e.jsx(
+      Je,
+      {
+        comment: o,
+        isSelectedComment: !0,
+        selectedCommentId: a
+      }
+    ),
+    r && /* @__PURE__ */ e.jsx("div", { className: "flex justify-center pb-4", children: /* @__PURE__ */ e.jsx(
+      C,
+      {
+        disabled: i,
+        variant: "outline",
+        onClick: () => n(),
+        children: i ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+          /* @__PURE__ */ e.jsx(M, { size: "sm" }),
+          "Loading..."
+        ] }) : "Load more replies"
+      }
+    ) })
+  ] });
+}, Lt = ({
+  commentId: s,
+  open: t,
+  onOpenChange: a
+}) => {
+  var g;
+  const {
+    data: n,
+    isLoading: r,
+    isError: i,
+    fetchNextPage: o,
+    hasNextPage: l,
+    isFetchingNextPage: c
+  } = wt(s ?? "", {
+    enabled: t && !!s
+  }), { data: d, isLoading: u, isError: p } = vt(s ?? "", {
+    enabled: t && !!s
+  }), h = r || u, f = p || i && !d, m = (g = d == null ? void 0 : d.comments) == null ? void 0 : g[0], b = (n == null ? void 0 : n.comments) || [];
+  return /* @__PURE__ */ e.jsx(qs, { open: t, onOpenChange: a, children: /* @__PURE__ */ e.jsxs(Ws, { className: "overflow-y-auto px-6 pt-0 sm:max-w-[600px]", children: [
+    /* @__PURE__ */ e.jsx(Qs, { className: "sticky top-0 z-40 -mx-6 bg-background/60 p-6 backdrop-blur", children: /* @__PURE__ */ e.jsx(Ks, { className: "text-md", children: "Thread" }) }),
+    (m == null ? void 0 : m.post) && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+      /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-4", children: [
+        /* @__PURE__ */ e.jsxs("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ e.jsx("h3", { className: "line-clamp-1 text-xl font-semibold text-foreground", children: m.post.title }),
+          m.post.excerpt && /* @__PURE__ */ e.jsx("p", { className: "mt-1 line-clamp-2 text-sm text-muted-foreground", children: m.post.excerpt })
+        ] }),
+        m.post.feature_image && /* @__PURE__ */ e.jsx(
+          "img",
+          {
+            alt: m.post.title || "Post feature image",
+            className: "hidden aspect-video h-18 shrink-0 rounded object-cover lg:block",
+            src: m.post.feature_image
+          }
+        )
+      ] }),
+      /* @__PURE__ */ e.jsx(Vs, { className: "-mx-6 my-6 w-auto" })
+    ] }),
+    /* @__PURE__ */ e.jsx("div", { children: h ? /* @__PURE__ */ e.jsx("div", { className: "flex h-full items-center justify-center py-8", children: /* @__PURE__ */ e.jsx(M, { size: "lg" }) }) : f || !m ? /* @__PURE__ */ e.jsx("div", { className: "flex h-full items-center justify-center py-8", children: /* @__PURE__ */ e.jsx(
+      Te,
+      {
+        actions: /* @__PURE__ */ e.jsx(C, { variant: "outline", onClick: () => a(!1), children: "Back to comments" }),
+        description: "This thread may have been deleted or doesn't exist.",
+        title: "Thread not found",
+        children: /* @__PURE__ */ e.jsx(Re, {})
+      }
+    ) }) : /* @__PURE__ */ e.jsx(
+      Et,
+      {
+        fetchNextPage: o,
+        hasNextPage: l,
+        isFetchingNextPage: c,
+        replies: b,
+        selectedComment: m,
+        selectedCommentId: s ?? ""
+      }
+    ) })
+  ] }) });
+}, ke = ({ height: s }) => /* @__PURE__ */ e.jsx("div", { "aria-hidden": "true", className: "flex", children: /* @__PURE__ */ e.jsx("div", { className: "flex", style: { height: s } }) }), Tt = k(function(t, a) {
+  return /* @__PURE__ */ e.jsx(
+    "div",
+    {
+      ref: a,
+      ...t,
+      "aria-hidden": "true",
+      className: "relative flex flex-col",
+      children: /* @__PURE__ */ e.jsx("div", { className: "relative z-10 h-24 animate-pulse", children: /* @__PURE__ */ e.jsx("div", { className: "h-full rounded-md bg-muted", "data-testid": "loading-placeholder" }) })
+    }
+  );
+});
+function Dt({
+  items: s,
+  totalItems: t,
+  hasNextPage: a,
+  isFetchingNextPage: n,
+  fetchNextPage: r,
+  resetKey: i,
+  onAddFilter: o,
+  isLoading: l
+}) {
+  const c = D(null), { visibleItemCount: d, canLoadMore: u, loadMore: p } = Ds(t, { resetKey: i }), [h, f] = H(), [m, b] = y(!1), [g, j] = y(null), { mutate: v } = Ke(), { mutate: P } = Ge(), I = (w) => {
+    if (b(w), !w) {
+      const _ = new URLSearchParams(h);
+      _.delete("thread"), f(_, { replace: !0 });
+    }
+  };
+  B(() => {
+    const w = h.get("thread");
+    if (w) {
+      const _ = w.match(/^is:(.+)$/);
+      if (_ && _[1]) {
+        const x = _[1];
+        j(x), b(!0);
+      } else
+        b(!1), j(null);
+    } else
+      b(!1), j(null);
+  }, [h]), xs({ parentRef: c, isLoading: l });
+  const { visibleItems: R, spaceBefore: V, spaceAfter: q } = Ms({
+    items: s,
+    totalItems: d,
+    hasNextPage: a,
+    isFetchingNextPage: n,
+    fetchNextPage: r,
+    parentRef: c
+  });
+  return /* @__PURE__ */ e.jsxs("div", { ref: c, className: "overflow-hidden", children: [
+    /* @__PURE__ */ e.jsx(
+      "div",
+      {
+        className: "flex flex-col",
+        "data-testid": "comments-list",
+        children: /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col", children: [
+          /* @__PURE__ */ e.jsx(ke, { height: V }),
+          R.map(({ key: w, virtualItem: _, item: x, props: me }) => {
+            var ue, pe, he, xe, fe, be, je, ge, ve;
+            return _.index > s.length - 1 ? /* @__PURE__ */ e.jsx(Tt, { ...me }, w) : /* @__PURE__ */ e.jsxs(
+              "div",
+              {
+                ...me,
+                className: "grid w-full grid-cols-1 items-start justify-between gap-4 border-b p-3 hover:bg-muted/50 md:p-5 lg:grid-cols-[minmax(0,1fr)_144px]",
+                "data-testid": "comment-list-row",
+                onClick: () => {
+                  m && I(!1);
+                },
+                children: [
+                  /* @__PURE__ */ e.jsxs("div", { className: "flex items-start gap-3", children: [
+                    /* @__PURE__ */ e.jsx(
+                      E,
+                      {
+                        avatarImage: (ue = x.member) == null ? void 0 : ue.avatar_image,
+                        isHidden: x.status === "hidden",
+                        memberId: (pe = x.member) == null ? void 0 : pe.id
+                      }
+                    ),
+                    /* @__PURE__ */ e.jsxs("div", { className: "flex min-w-0 flex-col", children: [
+                      /* @__PURE__ */ e.jsx(
+                        Ye,
+                        {
+                          canComment: (he = x.member) == null ? void 0 : he.can_comment,
+                          createdAt: x.created_at,
+                          isHidden: x.status === "hidden",
+                          memberId: (xe = x.member) == null ? void 0 : xe.id,
+                          memberName: (fe = x.member) == null ? void 0 : fe.name,
+                          postTitle: (be = x.post) == null ? void 0 : be.title,
+                          onAuthorClick: (je = x.member) != null && je.id ? () => o("author", x.member.id) : void 0,
+                          onPostClick: (ge = x.post) != null && ge.id ? () => o("post", x.post.id) : void 0
+                        }
+                      ),
+                      x.in_reply_to_snippet && /* @__PURE__ */ e.jsxs("div", { className: `mb-1 line-clamp-1 max-w-3xl text-sm ${x.status === "hidden" && "opacity-50"}`, children: [
+                        /* @__PURE__ */ e.jsx("span", { className: "text-muted-foreground", children: "Replied to:" }),
+                        " ",
+                        /* @__PURE__ */ e.jsx(
+                          Z,
+                          {
+                            className: "text-sm font-normal text-muted-foreground hover:text-foreground",
+                            "data-testid": "replied-to-link",
+                            to: de(h, x.in_reply_to_id || x.parent_id) || "",
+                            onClick: (ss) => {
+                              ss.stopPropagation();
+                            },
+                            children: x.in_reply_to_snippet
+                          }
+                        )
+                      ] }),
+                      /* @__PURE__ */ e.jsx(We, { item: x }),
+                      /* @__PURE__ */ e.jsxs("div", { className: "mt-4 flex flex-row flex-nowrap items-center gap-3", children: [
+                        x.status === "published" && /* @__PURE__ */ e.jsxs(C, { className: "text-foreground", size: "sm", variant: "outline", onClick: () => v({ id: x.id }), children: [
+                          /* @__PURE__ */ e.jsx(Pe, {}),
+                          "Hide"
+                        ] }),
+                        x.status === "hidden" && /* @__PURE__ */ e.jsxs(C, { className: "text-foreground", size: "sm", variant: "outline", onClick: () => P({ id: x.id }), children: [
+                          /* @__PURE__ */ e.jsx(Ie, {}),
+                          "Show"
+                        ] }),
+                        /* @__PURE__ */ e.jsx(
+                          Ze,
+                          {
+                            className: "ml-2",
+                            comment: x
+                          }
+                        ),
+                        /* @__PURE__ */ e.jsx(
+                          Xe,
+                          {
+                            comment: x
+                          }
+                        )
+                      ] })
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ e.jsx("div", { children: (ve = x.post) != null && ve.feature_image ? /* @__PURE__ */ e.jsx(
+                    "img",
+                    {
+                      alt: x.post.title || "Post feature image",
+                      className: `hidden aspect-video w-36 rounded object-cover lg:block ${x.status === "hidden" && "opacity-50"}`,
+                      src: x.post.feature_image
+                    }
+                  ) : null })
+                ]
+              },
+              w
+            );
+          }),
+          /* @__PURE__ */ e.jsx(ke, { height: q })
+        ] })
+      }
+    ),
+    u && /* @__PURE__ */ e.jsx($s, { isLoading: n, onClick: p }),
+    /* @__PURE__ */ e.jsx(
+      Lt,
+      {
+        commentId: g,
+        open: m,
+        onOpenChange: I
+      }
+    )
+  ] });
+}
+const es = ["id", "status", "created_at", "body", "post", "author", "reported"];
+function Mt(s) {
+  const t = [];
+  for (const a of s)
+    if (a.values[0])
+      switch (a.field) {
+        case "id":
+          t.push(`id:'${a.values[0]}'`);
+          break;
+        case "status":
+          t.push(`status:${a.values[0]}`);
+          break;
+        case "created_at":
+          if (a.operator === "before" && a.values[0])
+            t.push(`created_at:<'${a.values[0]}'`);
+          else if (a.operator === "after" && a.values[0])
+            t.push(`created_at:>'${a.values[0]}'`);
+          else if (a.operator === "is" && a.values[0]) {
+            const i = String(a.values[0]), o = (/* @__PURE__ */ new Date(i + "T00:00:00")).toISOString(), l = (/* @__PURE__ */ new Date(i + "T23:59:59.999")).toISOString();
+            t.push(`created_at:>='${o}'+created_at:<='${l}'`);
+          }
+          break;
+        case "body":
+          const r = a.values[0].replace(/'/g, "\\'");
+          a.operator === "contains" ? t.push(`html:~'${r}'`) : a.operator === "not_contains" && t.push(`html:-~'${r}'`);
+          break;
+        case "post":
+          a.operator === "is_not" ? t.push(`post_id:-${a.values[0]}`) : t.push(`post_id:${a.values[0]}`);
+          break;
+        case "author":
+          a.operator === "is_not" ? t.push(`member_id:-${a.values[0]}`) : t.push(`member_id:${a.values[0]}`);
+          break;
+        case "reported":
+          a.values[0] === "true" ? t.push("count.reports:>0") : a.values[0] === "false" && t.push("count.reports:0");
+          break;
+      }
+  return t.length ? t.join("+") : void 0;
+}
+function $t(s) {
+  if (!s)
+    return null;
+  const t = s.indexOf(":");
+  return t <= 0 ? null : {
+    operator: s.substring(0, t),
+    value: s.substring(t + 1)
+  };
+}
+function Ft(s) {
+  const t = [];
+  for (const [a, n] of s.entries()) {
+    if (!es.includes(a) || !n)
+      continue;
+    const r = $t(n);
+    r && t.push({
+      id: a,
+      field: a,
+      operator: r.operator,
+      values: [r.value]
+    });
+  }
+  return t;
+}
+function zt(s) {
+  const t = new URLSearchParams();
+  for (const a of s)
+    if (es.includes(a.field) && a.values[0] !== void 0) {
+      const n = `${a.operator}:${String(a.values[0])}`;
+      t.set(a.field, n);
+    }
+  return t;
+}
+function Ot() {
+  const [s, t] = H(), a = F(() => Ft(s), [s]), n = Q((l, c = {}) => {
+    const d = typeof l == "function" ? l(a) : l, u = zt(d), p = c.replace ?? !0;
+    t(u, { replace: p });
+  }, [a, t]), r = Q(({ replace: l = !0 } = {}) => {
+    t(new URLSearchParams(), { replace: l });
+  }, [t]), i = F(() => Mt(a), [a]), o = F(() => a.length === 1 && a[0].field === "id", [a]);
+  return { filters: a, nql: i, setFilters: n, clearFilters: r, isSingleIdFilter: o };
+}
+const ta = () => {
+  var m, b;
+  const { filters: s, nql: t, setFilters: a, clearFilters: n, isSingleIdFilter: r } = Ot(), i = Q((g, j, v = "is") => {
+    a((P) => [...P.filter((R) => R.field !== g), ls(g, v, [j])], { replace: !1 });
+  }, [a]), {
+    data: o,
+    isError: l,
+    isFetching: c,
+    isFetchingNextPage: d,
+    isRefetching: u,
+    fetchNextPage: p,
+    hasNextPage: h
+  } = Qe({
+    searchParams: t ? { filter: t } : {},
+    keepPreviousData: !0
+  }), f = c && !d && !u;
+  return /* @__PURE__ */ e.jsxs(bt, { children: [
+    /* @__PURE__ */ e.jsx(ft, { children: !r && /* @__PURE__ */ e.jsx(
+      xt,
+      {
+        filters: s,
+        onFiltersChange: a
+      }
+    ) }),
+    /* @__PURE__ */ e.jsx(mt, { children: f ? /* @__PURE__ */ e.jsx("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ e.jsx(M, { size: "lg" }) }) : l ? /* @__PURE__ */ e.jsxs("div", { className: "mb-16 flex h-full flex-col items-center justify-center", children: [
+      /* @__PURE__ */ e.jsx("h2", { className: "mb-2 text-xl font-medium", children: "Error loading comments" }),
+      /* @__PURE__ */ e.jsx("p", { className: "mb-4 text-muted-foreground", children: "Please reload the page to try again" }),
+      /* @__PURE__ */ e.jsx(C, { onClick: () => window.location.reload(), children: "Reload page" })
+    ] }) : o != null && o.comments.length ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+      /* @__PURE__ */ e.jsx(
+        Dt,
+        {
+          fetchNextPage: p,
+          hasNextPage: h,
+          isFetchingNextPage: d,
+          isLoading: c && !d,
+          items: (o == null ? void 0 : o.comments) ?? [],
+          resetKey: t ?? "",
+          totalItems: ((b = (m = o == null ? void 0 : o.meta) == null ? void 0 : m.pagination) == null ? void 0 : b.total) ?? 0,
+          onAddFilter: i
+        }
+      ),
+      r && /* @__PURE__ */ e.jsx("div", { className: "flex justify-center py-8", children: /* @__PURE__ */ e.jsx(C, { variant: "outline", onClick: () => n({ replace: !1 }), children: "Show all comments" }) })
+    ] }) : /* @__PURE__ */ e.jsx("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ e.jsx(
+      Te,
+      {
+        title: "No comments yet",
+        children: /* @__PURE__ */ e.jsx(Re, {})
+      }
+    ) }) })
+  ] });
+};
+export {
+  ta as default
+};
+//# sourceMappingURL=comments-C4rwkXWy.mjs.map