ghost 5.86.1 → 5.87.0

package/core/built/admin/assets/admin-x-activitypub/{modals-124e649f.mjs → modals-c796922a.mjs}

@@ -1,16 +1,16 @@
-import { u as ce, a as ie, c as s, j as e, H as J, b as de, B as H, d as ee, e as ue, f as I, g as K, N as B, h as X, i as me, k as xe, s as pe, l as se, m as be, L as te, n as oe, A as ae, o as fe } from "./index-8aaa062c.mjs";
+import { u as ce, a as ie, c as s, j as e, H as P, b as de, B as D, d as ee, e as me, f as U, g as K, N as B, h as X, i as se, k as ue, s as xe, l as pe, L as te, m as oe, n as G, A as ae, o as be, p as fe } from "./index-adf6f50d.mjs";
 const ge = ({
-  type: t = "text",
+  type: o = "text",
   inputRef: l,
-  title: a,
-  hideTitle: o,
-  value: d,
-  error: m,
+  title: t,
+  hideTitle: r,
+  value: a,
+  error: u,
   placeholder: x,
-  rightPlaceholder: n,
-  hint: i,
+  rightPlaceholder: c,
+  hint: d,
   onChange: p,
-  onFocus: y,
+  onFocus: w,
   onBlur: f,
   clearBg: j = !1,
   className: g = "",
@@ -19,103 +19,103 @@ const ge = ({
   hintClassName: h = "",
   unstyled: L = !1,
   disabled: k,
-  ...G
+  ...V
 }) => {
-  const T = ce(), { setFocusState: U } = ie(), A = (E) => {
-    y == null || y(E), U(!0);
-  }, V = (E) => {
-    f == null || f(E), U(!1);
-  }, O = s(
+  const H = ce(), { setFocusState: T } = ie(), I = (E) => {
+    w == null || w(E), T(!0);
+  }, O = (E) => {
+    f == null || f(E), T(!1);
+  }, Q = s(
     "relative order-2 flex w-full items-center",
-    a && !o && "mt-1.5"
+    t && !r && "mt-1.5"
   ), F = !L && s(
     "absolute inset-0 rounded-lg border text-grey-300 transition-colors peer-hover:bg-grey-100 peer-focus:border-green peer-focus:bg-white peer-focus:shadow-[0_0_0_2px_rgba(48,207,67,.25)] dark:peer-hover:bg-grey-925 dark:peer-focus:bg-grey-950",
-    m ? "border-red bg-white dark:bg-grey-925" : "border-transparent bg-grey-150 dark:bg-grey-900",
+    u ? "border-red bg-white dark:bg-grey-925" : "border-transparent bg-grey-150 dark:bg-grey-900",
     k && "bg-grey-50 peer-hover:bg-grey-50 dark:bg-grey-950 dark:peer-hover:bg-grey-950"
-  ), Q = !L && s(
+  ), q = !L && s(
     "peer z-[1] order-2 h-9 w-full bg-transparent px-3 py-1.5 text-sm placeholder:text-grey-500 dark:placeholder:text-grey-700 md:h-[38px] md:py-2 md:text-md",
     k ? "cursor-not-allowed text-grey-600 opacity-60 dark:text-grey-800" : "dark:text-white",
-    n ? "w-0 grow rounded-l-lg" : "rounded-lg",
+    c ? "w-0 grow rounded-l-lg" : "rounded-lg",
     g
   ), C = !L && s(
     "z-[1] order-3 rounded-r-lg",
-    n ? typeof n == "string" ? "flex h-8 items-center py-1 pr-3 text-right text-sm text-grey-500 md:h-9 md:text-base" : "h-9 pr-1" : "pr-2"
+    c ? typeof c == "string" ? "flex h-8 items-center py-1 pr-3 text-right text-sm text-grey-500 md:h-9 md:text-base" : "h-9 pr-1" : "pr-2"
   );
-  let $ = /* @__PURE__ */ e.jsx(e.Fragment, {});
-  const z = /* @__PURE__ */ e.jsx(
+  let z = /* @__PURE__ */ e.jsx(e.Fragment, {});
+  const A = /* @__PURE__ */ e.jsx(
     "input",
     {
       ref: l,
-      className: Q || g,
+      className: q || g,
       disabled: k,
-      id: T,
+      id: H,
       maxLength: _,
       placeholder: x,
-      type: t,
-      value: d,
-      onBlur: V,
+      type: o,
+      value: a,
+      onBlur: O,
       onChange: p,
-      onFocus: A,
-      ...G
+      onFocus: I,
+      ...V
     }
   );
-  return $ = /* @__PURE__ */ e.jsxs("div", { className: O, children: [
-    z,
+  return z = /* @__PURE__ */ e.jsxs("div", { className: Q, children: [
+    A,
     !L && !j && /* @__PURE__ */ e.jsx("div", { className: F || "" }),
-    n && /* @__PURE__ */ e.jsx("span", { className: C || "", children: n })
+    c && /* @__PURE__ */ e.jsx("span", { className: C || "", children: c })
   ] }), h = s(
     "order-3",
     h
   ), v = s(
     "flex flex-col",
     v
-  ), a || i ? /* @__PURE__ */ e.jsxs("div", { className: v, children: [
-    $,
-    a && /* @__PURE__ */ e.jsx(J, { className: o ? "sr-only" : "order-1", htmlFor: T, useLabelTag: !0, children: a }),
-    i && /* @__PURE__ */ e.jsx(de, { className: h, color: m ? "red" : "default", children: i })
-  ] }) : $;
-}, he = ({ size: t = "md", buttons: l, link: a, linkWithPadding: o, clearBg: d = !0, outlineOnMobile: m, className: x }) => {
-  let n = s(
+  ), t || d ? /* @__PURE__ */ e.jsxs("div", { className: v, children: [
+    z,
+    t && /* @__PURE__ */ e.jsx(P, { className: r ? "sr-only" : "order-1", htmlFor: H, useLabelTag: !0, children: t }),
+    d && /* @__PURE__ */ e.jsx(de, { className: h, color: u ? "red" : "default", children: d })
+  ] }) : z;
+}, he = ({ size: o = "md", buttons: l, link: t, linkWithPadding: r, clearBg: a = !0, outlineOnMobile: u, className: x }) => {
+  let c = s(
     "flex items-center justify-start rounded",
-    a ? "gap-4" : "gap-2",
+    t ? "gap-4" : "gap-2",
     x
   );
-  return a && !d && (n = s(
+  return t && !a && (c = s(
     "transition-all hover:bg-grey-200 dark:hover:bg-grey-900",
-    t === "sm" ? "h-7 px-3" : "h-[34px] px-4",
-    m && "border border-grey-300 hover:border-transparent md:border-transparent",
-    n
-  )), /* @__PURE__ */ e.jsx("div", { className: n, children: l.map(({ key: i, ...p }) => /* @__PURE__ */ e.jsx(H, { link: a, linkWithPadding: o, size: t, ...p }, i)) });
-}, we = ({
-  shiftY: t,
+    o === "sm" ? "h-7 px-3" : "h-[34px] px-4",
+    u && "border border-grey-300 hover:border-transparent md:border-transparent",
+    c
+  )), /* @__PURE__ */ e.jsx("div", { className: c, children: l.map(({ key: d, ...p }) => /* @__PURE__ */ e.jsx(D, { link: t, linkWithPadding: r, size: o, ...p }, d)) });
+}, ye = ({
+  shiftY: o,
   footerBgColorClass: l = "bg-white dark:bg-black",
-  contentBgColorClass: a = "bg-white dark:bg-black",
-  height: o = 96,
-  children: d
+  contentBgColorClass: t = "bg-white dark:bg-black",
+  height: r = 96,
+  children: a
 }) => {
-  const m = s(
+  const u = s(
     "w-100 sticky bottom-[-24px] z-[297] m-0 box-border p-0"
-  ), x = t ? `calc(${t} - 24px)` : "-24px", n = `${o + 24}px`, i = s(
+  ), x = o ? `calc(${o} - 24px)` : "-24px", c = `${r + 24}px`, d = s(
     "sticky z-[298] block h-[24px]",
-    a
-  ), p = "0", y = s(
+    t
+  ), p = "0", w = s(
     "sticky z-[299] mb-[-24px] flex items-center justify-between",
     "h-[96px]",
     l
-  ), f = "0", j = `${o}px`, g = "sticky mx-2 block h-[24px] rounded-full shadow-[0_0_0_1px_rgba(0,0,0,.025),0_-8px_16px_-3px_rgba(0,0,0,.08)]", _ = t ? `calc(${t} + ${o - 24}px)` : `${o - 24}px`;
+  ), f = "0", j = `${r}px`, g = "sticky mx-2 block h-[24px] rounded-full shadow-[0_0_0_1px_rgba(0,0,0,.025),0_-8px_16px_-3px_rgba(0,0,0,.08)]", _ = o ? `calc(${o} + ${r - 24}px)` : `${r - 24}px`;
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      className: m,
+      className: u,
       style: {
         bottom: x,
-        height: n
+        height: c
       },
       children: [
         /* @__PURE__ */ e.jsx(
           "div",
           {
-            className: i,
+            className: d,
             style: {
               bottom: p
             }
@@ -124,12 +124,12 @@ const ge = ({
         /* @__PURE__ */ e.jsx(
           "div",
           {
-            className: y,
+            className: w,
             style: {
               bottom: f,
               height: j
             },
-            children: d
+            children: a
           }
         ),
         /* @__PURE__ */ e.jsx(
@@ -145,8 +145,8 @@ const ge = ({
     }
   );
 };
-function Y(t, l, a = {}) {
-  t ? B.show(ke, {
+function Y(o, l, t = {}) {
+  o ? B.show(ke, {
     title: "Are you sure you want to leave this page?",
     prompt: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       /* @__PURE__ */ e.jsx("p", { children: "Hey there! It looks like you didn't save the changes you made." }),
@@ -155,24 +155,24 @@ function Y(t, l, a = {}) {
     okLabel: "Leave",
     cancelLabel: "Stay",
     okColor: "red",
-    onOk: (o) => {
-      l(), o == null || o.remove();
+    onOk: (r) => {
+      l(), r == null || r.remove();
     },
-    ...a
+    ...t
   }) : l();
 }
-const ye = "bg-[rgba(98,109,121,0.2)] backdrop-blur-[3px]", R = ({
-  size: t = "md",
+const we = "bg-[rgba(98,109,121,0.2)] backdrop-blur-[3px]", R = ({
+  size: o = "md",
   width: l,
-  height: a,
-  testId: o,
-  title: d,
-  okLabel: m = "OK",
+  height: t,
+  testId: r,
+  title: a,
+  okLabel: u = "OK",
   okLoading: x = !1,
-  cancelLabel: n = "Cancel",
-  footer: i,
+  cancelLabel: c = "Cancel",
+  footer: d,
   header: p,
-  leftButtonProps: y,
+  leftButtonProps: w,
   buttonsDisabled: f,
   padding: j = !0,
   onOk: g,
@@ -181,250 +181,250 @@ const ye = "bg-[rgba(98,109,121,0.2)] backdrop-blur-[3px]", R = ({
   topRightContent: h,
   hideXOnMobile: L = !1,
   afterClose: k,
-  children: G,
-  backDrop: T = !0,
-  backDropClick: U = !0,
-  stickyFooter: A = !1,
-  stickyHeader: V = !1,
-  scrolling: O = !0,
+  children: V,
+  backDrop: H = !0,
+  backDropClick: T = !0,
+  stickyFooter: I = !1,
+  stickyHeader: O = !1,
+  scrolling: Q = !0,
   dirty: F = !1,
-  animate: Q = !0,
+  animate: q = !0,
   formSheet: C = !1,
-  enableCMDS: $ = !0
+  enableCMDS: z = !0
 }) => {
-  const z = ee(), { setGlobalDirtyState: E } = ue(), [Z, le] = I(!1);
+  const A = ee(), { setGlobalDirtyState: E } = me(), [Z, le] = U(!1);
   K(() => {
     E(F);
   }, [F, E]), K(() => {
-    const w = (N) => {
+    const y = (N) => {
       N.key === "Escape" && (document.activeElement && document.activeElement instanceof HTMLElement && document.activeElement.blur(), setTimeout(() => {
         v ? v() : Y(F, () => {
-          z.remove(), k == null || k();
+          A.remove(), k == null || k();
         });
       }), N.stopPropagation());
     };
-    return document.addEventListener("keydown", w), () => {
-      document.removeEventListener("keydown", w);
+    return document.addEventListener("keydown", y), () => {
+      document.removeEventListener("keydown", y);
     };
-  }, [z, F, k, v]), K(() => {
-    const w = setTimeout(() => {
+  }, [A, F, k, v]), K(() => {
+    const y = setTimeout(() => {
       le(!0);
     }, 250);
-    return () => clearTimeout(w);
+    return () => clearTimeout(y);
   }, []), K(() => {
     if (g) {
-      const w = (N) => {
+      const y = (N) => {
         (N.metaKey || N.ctrlKey) && N.key === "s" && (N.preventDefault(), g());
       };
-      if ($)
-        return window.addEventListener("keydown", w), () => {
-          window.removeEventListener("keydown", w);
+      if (z)
+        return window.addEventListener("keydown", y), () => {
+          window.removeEventListener("keydown", y);
         };
     }
   });
-  const q = [];
-  let S;
-  const W = () => {
+  const W = [];
+  let $;
+  const J = () => {
     Y(F, () => {
-      z.remove(), k == null || k();
+      A.remove(), k == null || k();
     });
   };
-  i || (n && q.push({
+  d || (c && W.push({
     key: "cancel-modal",
-    label: n,
+    label: c,
     color: "outline",
     onClick: v || (() => {
-      W();
+      J();
     }),
     disabled: f
-  }), m && q.push({
+  }), u && W.push({
     key: "ok-modal",
-    label: m,
+    label: u,
     color: _,
     className: "min-w-[80px]",
     onClick: g,
     disabled: f,
     loading: x
   }));
-  let c = s(
+  let i = s(
     "relative z-50 mx-auto flex max-h-[100%] w-full flex-col justify-between overflow-x-hidden bg-white dark:bg-black",
-    t !== "bleed" && "rounded",
+    o !== "bleed" && "rounded",
     C ? "shadow-md" : "shadow-xl",
-    Q && !C && !Z && "animate-modal-in",
+    q && !C && !Z && "animate-modal-in",
     C && !Z && "animate-modal-in-reverse",
-    O ? "overflow-y-auto" : "overflow-y-hidden"
-  ), u = s(
+    Q ? "overflow-y-auto" : "overflow-y-hidden"
+  ), m = s(
     "fixed inset-0 z-[1000] h-[100vh] w-[100vw]"
-  ), b = "", r = s(
+  ), b = "", n = s(
     !h || h === "close" ? "" : "flex items-center justify-between gap-5"
   );
-  switch (V && (r = s(
-    r,
+  switch (O && (n = s(
+    n,
     "sticky top-0 z-[200] -mb-4 bg-white !pb-4 dark:bg-black"
-  )), t) {
+  )), o) {
     case "sm":
-      c = s(
-        c,
+      i = s(
+        i,
         "max-w-[480px]"
-      ), u = s(
-        u,
+      ), m = s(
+        m,
         "p-4 md:p-[8vmin]"
-      ), b = "p-8", r = s(
-        r,
+      ), b = "p-8", n = s(
+        n,
         "-inset-x-8"
       );
       break;
     case "md":
-      c = s(
-        c,
+      i = s(
+        i,
         "max-w-[720px]"
-      ), u = s(
-        u,
+      ), m = s(
+        m,
         "p-4 md:p-[8vmin]"
-      ), b = "p-8", r = s(
-        r,
+      ), b = "p-8", n = s(
+        n,
         "-inset-x-8"
       );
       break;
     case "lg":
-      c = s(
-        c,
+      i = s(
+        i,
         "max-w-[1020px]"
-      ), u = s(
-        u,
+      ), m = s(
+        m,
         "p-4 md:p-[4vmin]"
-      ), b = "p-7", r = s(
-        r,
+      ), b = "p-7", n = s(
+        n,
         "-inset-x-8"
       );
       break;
     case "xl":
-      c = s(
-        c,
+      i = s(
+        i,
         "max-w-[1240px]0"
-      ), u = s(
-        u,
+      ), m = s(
+        m,
         "p-4 md:p-[3vmin]"
-      ), b = "p-10", r = s(
-        r,
+      ), b = "p-10", n = s(
+        n,
         "-inset-x-10 -top-10"
       );
       break;
     case "full":
-      c = s(
-        c,
+      i = s(
+        i,
         "h-full"
-      ), u = s(
-        u,
+      ), m = s(
+        m,
         "p-4 md:p-[3vmin]"
-      ), b = "p-10", r = s(
-        r,
+      ), b = "p-10", n = s(
+        n,
         "-inset-x-10"
       );
       break;
     case "bleed":
-      c = s(
-        c,
+      i = s(
+        i,
         "h-full"
-      ), b = "p-10", r = s(
-        r,
+      ), b = "p-10", n = s(
+        n,
         "-inset-x-10"
       );
       break;
     default:
-      u = s(
-        u,
+      m = s(
+        m,
         "p-4 md:p-[8vmin]"
-      ), b = "p-8", r = s(
-        r,
+      ), b = "p-8", n = s(
+        n,
         "-inset-x-8"
       );
       break;
   }
-  j || (b = "p-0"), c = s(
-    c
-  ), r = s(
-    r,
+  j || (b = "p-0"), i = s(
+    i
+  ), n = s(
+    n,
     b,
     "pb-0"
-  ), S = s(
+  ), $ = s(
     b,
     "py-0"
-  ), u = s(
-    u,
+  ), m = s(
+    m,
     "max-[800px]:!pb-20"
   );
   const re = s(
-    `${b} ${A ? "py-6" : ""}`,
+    `${b} ${I ? "py-6" : ""}`,
     "flex w-full items-center justify-between"
   );
-  S = s(
-    S,
-    (t === "full" || t === "bleed" || a === "full" || typeof a == "number") && "grow"
+  $ = s(
+    $,
+    (o === "full" || o === "bleed" || t === "full" || typeof t == "number") && "grow"
   );
-  const ne = (w) => {
-    w.target === w.currentTarget && U && W();
-  }, D = {};
-  typeof l == "number" ? (D.width = "100%", D.maxWidth = l + "px") : l === "full" && (c = s(
-    c,
+  const ne = (y) => {
+    y.target === y.currentTarget && T && J();
+  }, S = {};
+  typeof l == "number" ? (S.width = "100%", S.maxWidth = l + "px") : l === "full" && (i = s(
+    i,
     "w-full"
-  )), typeof a == "number" ? (D.height = "100%", D.maxHeight = a + "px") : a === "full" && (c = s(
-    c,
+  )), typeof t == "number" ? (S.height = "100%", S.maxHeight = t + "px") : t === "full" && (i = s(
+    i,
     "h-full"
   ));
   let M;
-  return i ? M = i : i === !1 ? S += " pb-0 " : M = /* @__PURE__ */ e.jsxs("div", { className: re, children: [
-    /* @__PURE__ */ e.jsx("div", { children: y && /* @__PURE__ */ e.jsx(H, { ...y }) }),
-    /* @__PURE__ */ e.jsx("div", { className: "flex gap-3", children: /* @__PURE__ */ e.jsx(he, { buttons: q }) })
-  ] }), M = A ? /* @__PURE__ */ e.jsx(we, { height: 84, children: M }) : /* @__PURE__ */ e.jsx(e.Fragment, { children: M }), /* @__PURE__ */ e.jsxs("div", { className: u, id: "modal-backdrop", onMouseDown: ne, children: [
+  return d ? M = d : d === !1 ? $ += " pb-0 " : M = /* @__PURE__ */ e.jsxs("div", { className: re, children: [
+    /* @__PURE__ */ e.jsx("div", { children: w && /* @__PURE__ */ e.jsx(D, { ...w }) }),
+    /* @__PURE__ */ e.jsx("div", { className: "flex gap-3", children: /* @__PURE__ */ e.jsx(he, { buttons: W }) })
+  ] }), M = I ? /* @__PURE__ */ e.jsx(ye, { height: 84, children: M }) : /* @__PURE__ */ e.jsx(e.Fragment, { children: M }), /* @__PURE__ */ e.jsxs("div", { className: m, id: "modal-backdrop", onMouseDown: ne, children: [
     /* @__PURE__ */ e.jsx("div", { className: s(
       "pointer-events-none fixed inset-0 z-0",
-      T && !C && ye,
+      H && !C && we,
       C && "bg-[rgba(98,109,121,0.08)]"
     ) }),
-    /* @__PURE__ */ e.jsxs("section", { className: c, "data-testid": o, style: D, children: [
-      p === !1 ? "" : !h || h === "close" ? /* @__PURE__ */ e.jsxs("header", { className: r, children: [
-        d && /* @__PURE__ */ e.jsx(J, { level: 3, children: d }),
-        /* @__PURE__ */ e.jsx("div", { className: `${h !== "close" && "md:!invisible md:!hidden"} ${L && "hidden"} absolute right-6 top-6`, children: /* @__PURE__ */ e.jsx(H, { className: "-m-2 cursor-pointer p-2 opacity-50 hover:opacity-100", icon: "close", iconColorClass: "text-black dark:text-white", size: "sm", testId: "close-modal", unstyled: !0, onClick: W }) })
-      ] }) : /* @__PURE__ */ e.jsxs("header", { className: r, children: [
-        d && /* @__PURE__ */ e.jsx(J, { level: 3, children: d }),
+    /* @__PURE__ */ e.jsxs("section", { className: i, "data-testid": r, style: S, children: [
+      p === !1 ? "" : !h || h === "close" ? /* @__PURE__ */ e.jsxs("header", { className: n, children: [
+        a && /* @__PURE__ */ e.jsx(P, { level: 3, children: a }),
+        /* @__PURE__ */ e.jsx("div", { className: `${h !== "close" && "md:!invisible md:!hidden"} ${L && "hidden"} absolute right-6 top-6`, children: /* @__PURE__ */ e.jsx(D, { className: "-m-2 cursor-pointer p-2 opacity-50 hover:opacity-100", icon: "close", iconColorClass: "text-black dark:text-white", size: "sm", testId: "close-modal", unstyled: !0, onClick: J }) })
+      ] }) : /* @__PURE__ */ e.jsxs("header", { className: n, children: [
+        a && /* @__PURE__ */ e.jsx(P, { level: 3, children: a }),
         h
       ] }),
-      /* @__PURE__ */ e.jsx("div", { className: S, children: G }),
+      /* @__PURE__ */ e.jsx("div", { className: $, children: V }),
       M
     ] })
   ] });
 }, ve = ({
-  title: t = "Are you sure?",
+  title: o = "Are you sure?",
   prompt: l,
-  cancelLabel: a = "Cancel",
-  okLabel: o = "OK",
-  okRunningLabel: d = "...",
-  okColor: m = "black",
+  cancelLabel: t = "Cancel",
+  okLabel: r = "OK",
+  okRunningLabel: a = "...",
+  okColor: u = "black",
   onCancel: x,
-  onOk: n,
-  customFooter: i,
+  onOk: c,
+  customFooter: d,
   formSheet: p = !0
 }) => {
-  const y = ee(), [f, j] = I("");
+  const w = ee(), [f, j] = U("");
   return /* @__PURE__ */ e.jsx(
     R,
     {
       backDropClick: !1,
       buttonsDisabled: f === "running",
-      cancelLabel: a,
-      footer: i,
+      cancelLabel: t,
+      footer: d,
       formSheet: p,
-      okColor: m,
-      okLabel: f === "running" ? d : o,
+      okColor: u,
+      okLabel: f === "running" ? a : r,
       testId: "confirmation-modal",
-      title: t,
+      title: o,
       width: 540,
       onCancel: x,
       onOk: async () => {
         j("running");
         try {
-          await (n == null ? void 0 : n(y));
+          await (c == null ? void 0 : c(w));
         } catch (g) {
           console.error("Unhandled Promise Rejection. Make sure you catch errors in your onOk handler.", g);
         }
@@ -434,27 +434,27 @@ const ye = "bg-[rgba(98,109,121,0.2)] backdrop-blur-[3px]", R = ({
     }
   );
 }, ke = B.create(ve), je = B.create(() => {
-  const { updateRoute: t } = X(), l = B.useModal(), a = me(), o = xe(), [d, m] = I(""), [x, n] = I(null), i = async () => {
+  const { updateRoute: o } = X(), l = B.useModal(), t = se(), r = ue(), [a, u] = U(""), [x, c] = U(null), d = async () => {
     try {
-      await a.mutateAsync({ username: d }), pe({
+      await t.mutateAsync({ username: a }), xe({
         message: "Site followed",
         type: "success"
-      }), l.remove(), await o.refetchQueries({ queryKey: ["FollowingResponseData"], type: "active" }), t("");
+      }), l.remove(), await r.refetchQueries({ queryKey: ["FollowingResponseData"], type: "active" }), o("");
     } catch {
-      n(x);
+      c(x);
     }
   };
   return /* @__PURE__ */ e.jsx(
     R,
     {
       afterClose: () => {
-        a.reset(), t("");
+        t.reset(), o("");
       },
       cancelLabel: "Cancel",
       okLabel: "Follow",
       size: "sm",
       title: "Follow a Ghost site",
-      onOk: i,
+      onOk: d,
       children: /* @__PURE__ */ e.jsx("div", { className: "mt-3 flex flex-col gap-4", children: /* @__PURE__ */ e.jsx(
         ge,
         {
@@ -463,30 +463,20 @@ const ye = "bg-[rgba(98,109,121,0.2)] backdrop-blur-[3px]", R = ({
           hint: x,
           placeholder: "@username@hostname",
           title: "Profile name",
-          value: d,
+          value: a,
           "data-test-new-follower": !0,
-          onChange: (p) => m(p.target.value)
+          onChange: (p) => u(p.target.value)
         }
       ) })
     }
   );
-});
-function P(t) {
-  if (!t.username || !t.id)
-    return "@unknown@unknown";
-  try {
-    return `@${t.username}@${new URL(t.id).hostname}`;
-  } catch {
-    return "@unknown@unknown";
-  }
-}
-const Fe = ({}) => {
-  const { updateRoute: t } = X(), l = se(), { data: { orderedItems: a = [] } = {} } = be("inbox");
+}), Fe = ({}) => {
+  const { updateRoute: o } = X(), l = se(), { data: { items: t = [] } = {} } = pe("inbox"), r = Array.isArray(t) ? t : [t];
   return /* @__PURE__ */ e.jsx(
     R,
     {
       afterClose: () => {
-        l.reset(), t("");
+        l.reset(), o("");
       },
       cancelLabel: "",
       footer: !1,
@@ -494,16 +484,16 @@ const Fe = ({}) => {
       size: "md",
       title: "Followers",
       topRightContent: "close",
-      children: /* @__PURE__ */ e.jsx("div", { className: "mt-3 flex flex-col gap-4 pb-12", children: /* @__PURE__ */ e.jsx(te, { children: a.map((o) => /* @__PURE__ */ e.jsx(oe, { action: /* @__PURE__ */ e.jsx(H, { color: "grey", label: "Follow back", link: !0, onClick: () => l.mutate({ username: o.username }) }), avatar: /* @__PURE__ */ e.jsx(ae, { image: o.icon, size: "sm" }), detail: P(o), id: "list-item", title: o.name })) }) })
+      children: /* @__PURE__ */ e.jsx("div", { className: "mt-3 flex flex-col gap-4 pb-12", children: /* @__PURE__ */ e.jsx(te, { children: r.map((a) => /* @__PURE__ */ e.jsx(oe, { action: /* @__PURE__ */ e.jsx(D, { color: "grey", label: "Follow back", link: !0, onClick: () => l.mutate({ username: G(a) }) }), avatar: /* @__PURE__ */ e.jsx(ae, { image: a.icon, size: "sm" }), detail: G(a), id: "list-item", title: a.name })) }) })
     }
   );
 }, Ce = B.create(Fe), Ne = ({}) => {
-  const { updateRoute: t } = X(), l = se(), { data: { orderedItems: a = [] } = {} } = fe("inbox");
+  const { updateRoute: o } = X(), l = be(), { data: { items: t = [] } = {} } = fe("inbox"), r = Array.isArray(t) ? t : [t];
   return /* @__PURE__ */ e.jsx(
     R,
     {
       afterClose: () => {
-        l.reset(), t("");
+        l.reset(), o("");
       },
       cancelLabel: "",
       footer: !1,
@@ -511,11 +501,11 @@ const Fe = ({}) => {
       size: "md",
       title: "Following",
       topRightContent: "close",
-      children: /* @__PURE__ */ e.jsx("div", { className: "mt-3 flex flex-col gap-4 pb-12", children: /* @__PURE__ */ e.jsx(te, { children: a.map((o) => /* @__PURE__ */ e.jsx(oe, { action: /* @__PURE__ */ e.jsx(H, { color: "grey", label: "Unfollow", link: !0, onClick: () => l.mutate({ username: P(o) }) }), avatar: /* @__PURE__ */ e.jsx(ae, { image: o.icon, size: "sm" }), detail: P(o), id: "list-item", title: o.name })) }) })
+      children: /* @__PURE__ */ e.jsx("div", { className: "mt-3 flex flex-col gap-4 pb-12", children: /* @__PURE__ */ e.jsx(te, { children: r.map((a) => /* @__PURE__ */ e.jsx(oe, { action: /* @__PURE__ */ e.jsx(D, { color: "grey", label: "Unfollow", link: !0, onClick: () => l.mutate({ username: G(a) }) }), avatar: /* @__PURE__ */ e.jsx(ae, { image: a.icon, size: "sm" }), detail: G(a), id: "list-item", title: a.name })) }) })
     }
   );
 }, Le = B.create(Ne), Me = { FollowSite: je, ViewFollowing: Le, ViewFollowers: Ce };
 export {
   Me as default
 };
-//# sourceMappingURL=modals-124e649f.mjs.map
+//# sourceMappingURL=modals-c796922a.mjs.map