ghost 5.87.1 → 5.87.2

package/core/built/admin/assets/admin-x-activitypub/{modals-5aad7e41.mjs → modals-f64a65f9.mjs}

@@ -1,133 +1,121 @@
-import { u as ie, a as de, c as s, j as e, H as J, b as me, B as A, d as se, e as ue, f as K, g as I, N as M, h as X, i as te, k as xe, l as pe, s as be, m as fe, L as oe, n as ae, o as R, A as le, p as ge, q as he } from "./index-9a6a8e4b.mjs";
-const we = ({
-  type: o = "text",
+import { u as ce, a as de, c as s, j as e, H as J, b as ue, d as se, e as me, f as I, g as D, B as K, h as xe, N as M, i as X, k as te, l as pe, m as fe, s as be, n as we, L as oe, o as le, A as ae, p as ge, q as he } from "./index-b4a353e7.mjs";
+const ye = ({
+  type: t = "text",
   inputRef: l,
-  title: t,
+  title: o,
   hideTitle: r,
   value: a,
   error: m,
-  placeholder: f,
-  rightPlaceholder: n,
-  hint: d,
-  onChange: x,
-  onFocus: g,
-  onBlur: b,
-  clearBg: h = !1,
-  className: p = "",
+  placeholder: k,
+  rightPlaceholder: c,
+  hint: u,
+  onChange: f,
+  onFocus: b,
+  onBlur: p,
+  clearBg: w = !1,
+  className: x = "",
   maxLength: F,
-  containerClassName: _ = "",
-  hintClassName: k = "",
-  unstyled: w = !1,
+  containerClassName: $ = "",
+  hintClassName: v = "",
+  unstyled: g = !1,
   disabled: z,
   ...C
 }) => {
-  const T = ie(), { setFocusState: H } = de(), O = (L) => {
-    g == null || g(L), H(!0);
-  }, U = (L) => {
-    b == null || b(L), H(!1);
+  const U = ce(), { setFocusState: A } = de(), O = (L) => {
+    b == null || b(L), A(!0);
+  }, T = (L) => {
+    p == null || p(L), A(!1);
   }, V = s(
     "relative order-2 flex w-full items-center",
-    t && !r && "mt-1.5"
-  ), D = !w && s(
+    o && !r && "mt-1.5"
+  ), H = !g && 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",
     z && "bg-grey-50 peer-hover:bg-grey-50 dark:bg-grey-950 dark:peer-hover:bg-grey-950"
-  ), N = !w && s(
+  ), N = !g && 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",
     z ? "cursor-not-allowed text-grey-600 opacity-60 dark:text-grey-800" : "dark:text-white",
-    n ? "w-0 grow rounded-l-lg" : "rounded-lg",
-    p
-  ), q = !w && s(
+    c ? "w-0 grow rounded-l-lg" : "rounded-lg",
+    x
+  ), q = !g && 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 j = /* @__PURE__ */ e.jsx(e.Fragment, {});
   const Q = /* @__PURE__ */ e.jsx(
     "input",
     {
       ref: l,
-      className: N || p,
+      className: N || x,
       disabled: z,
-      id: T,
+      id: U,
       maxLength: F,
-      placeholder: f,
-      type: o,
+      placeholder: k,
+      type: t,
       value: a,
-      onBlur: U,
-      onChange: x,
+      onBlur: T,
+      onChange: f,
       onFocus: O,
       ...C
     }
   );
   return j = /* @__PURE__ */ e.jsxs("div", { className: V, children: [
     Q,
-    !w && !h && /* @__PURE__ */ e.jsx("div", { className: D || "" }),
-    n && /* @__PURE__ */ e.jsx("span", { className: q || "", children: n })
-  ] }), k = s(
+    !g && !w && /* @__PURE__ */ e.jsx("div", { className: H || "" }),
+    c && /* @__PURE__ */ e.jsx("span", { className: q || "", children: c })
+  ] }), v = s(
     "order-3",
-    k
-  ), _ = s(
+    v
+  ), $ = s(
     "flex flex-col",
-    _
-  ), t || d ? /* @__PURE__ */ e.jsxs("div", { className: _, children: [
+    $
+  ), o || u ? /* @__PURE__ */ e.jsxs("div", { className: $, children: [
     j,
-    t && /* @__PURE__ */ e.jsx(J, { className: r ? "sr-only" : "order-1", htmlFor: T, useLabelTag: !0, children: t }),
-    d && /* @__PURE__ */ e.jsx(me, { className: k, color: m ? "red" : "default", children: d })
+    o && /* @__PURE__ */ e.jsx(J, { className: r ? "sr-only" : "order-1", htmlFor: U, useLabelTag: !0, children: o }),
+    u && /* @__PURE__ */ e.jsx(ue, { className: v, color: m ? "red" : "default", children: u })
   ] }) : j;
-}, ye = ({ size: o = "md", buttons: l, link: t, linkWithPadding: r, clearBg: a = !0, outlineOnMobile: m, className: f }) => {
-  let n = s(
-    "flex items-center justify-start rounded",
-    t ? "gap-4" : "gap-2",
-    f
-  );
-  return t && !a && (n = s(
-    "transition-all hover:bg-grey-200 dark:hover:bg-grey-900",
-    o === "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: d, ...x }) => /* @__PURE__ */ e.jsx(A, { link: t, linkWithPadding: r, size: o, ...x }, d)) });
-}, ve = ({
-  shiftY: o,
+}, ke = ({
+  shiftY: t,
   footerBgColorClass: l = "bg-white dark:bg-black",
-  contentBgColorClass: t = "bg-white dark:bg-black",
+  contentBgColorClass: o = "bg-white dark:bg-black",
   height: r = 96,
   children: a
 }) => {
   const m = s(
     "w-100 sticky bottom-[-24px] z-[297] m-0 box-border p-0"
-  ), f = o ? `calc(${o} - 24px)` : "-24px", n = `${r + 24}px`, d = s(
+  ), k = t ? `calc(${t} - 24px)` : "-24px", c = `${r + 24}px`, u = s(
     "sticky z-[298] block h-[24px]",
-    t
-  ), x = "0", g = s(
+    o
+  ), f = "0", b = s(
     "sticky z-[299] mb-[-24px] flex items-center justify-between",
     "h-[96px]",
     l
-  ), b = "0", h = `${r}px`, p = "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)]", F = o ? `calc(${o} + ${r - 24}px)` : `${r - 24}px`;
+  ), p = "0", w = `${r}px`, x = "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)]", F = t ? `calc(${t} + ${r - 24}px)` : `${r - 24}px`;
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
       className: m,
       style: {
-        bottom: f,
-        height: n
+        bottom: k,
+        height: c
       },
       children: [
         /* @__PURE__ */ e.jsx(
           "div",
           {
-            className: d,
+            className: u,
             style: {
-              bottom: x
+              bottom: f
             }
           }
         ),
         /* @__PURE__ */ e.jsx(
           "div",
           {
-            className: g,
+            className: b,
             style: {
-              bottom: b,
-              height: h
+              bottom: p,
+              height: w
             },
             children: a
           }
@@ -135,7 +123,7 @@ const we = ({
         /* @__PURE__ */ e.jsx(
           "div",
           {
-            className: p,
+            className: x,
             style: {
               bottom: F
             }
@@ -145,8 +133,8 @@ const we = ({
     }
   );
 };
-function ee(o, l, t = {}) {
-  o ? M.show(Fe, {
+function ee(t, l, o = {}) {
+  t ? M.show(Fe, {
     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." }),
@@ -158,120 +146,120 @@ function ee(o, l, t = {}) {
     onOk: (r) => {
       l(), r == null || r.remove();
     },
-    ...t
+    ...o
   }) : l();
 }
-const ke = "bg-[rgba(98,109,121,0.2)] backdrop-blur-[3px]", G = ({
-  size: o = "md",
+const ve = "bg-[rgba(98,109,121,0.2)] backdrop-blur-[3px]", G = ({
+  size: t = "md",
   width: l,
-  height: t,
+  height: o,
   testId: r,
   title: a,
   okLabel: m = "OK",
-  okLoading: f = !1,
-  cancelLabel: n = "Cancel",
-  footer: d,
-  header: x,
-  leftButtonProps: g,
-  buttonsDisabled: b,
-  okDisabled: h,
-  padding: p = !0,
+  okLoading: k = !1,
+  cancelLabel: c = "Cancel",
+  footer: u,
+  header: f,
+  leftButtonProps: b,
+  buttonsDisabled: p,
+  okDisabled: w,
+  padding: x = !0,
   onOk: F,
-  okColor: _ = "black",
-  onCancel: k,
-  topRightContent: w,
+  okColor: $ = "black",
+  onCancel: v,
+  topRightContent: g,
   hideXOnMobile: z = !1,
   afterClose: C,
-  children: T,
-  backDrop: H = !0,
+  children: U,
+  backDrop: A = !0,
   backDropClick: O = !0,
-  stickyFooter: U = !1,
+  stickyFooter: T = !1,
   stickyHeader: V = !1,
-  scrolling: D = !0,
+  scrolling: H = !0,
   dirty: N = !1,
   animate: q = !0,
   formSheet: j = !1,
   enableCMDS: Q = !0
 }) => {
-  const L = se(), { setGlobalDirtyState: Z } = ue(), [Y, re] = K(!1);
-  I(() => {
+  const L = se(), { setGlobalDirtyState: Z } = me(), [Y, re] = I(!1);
+  D(() => {
     Z(N);
-  }, [N, Z]), I(() => {
-    const v = (B) => {
+  }, [N, Z]), D(() => {
+    const y = (B) => {
       B.key === "Escape" && (document.activeElement && document.activeElement instanceof HTMLElement && document.activeElement.blur(), setTimeout(() => {
-        k ? k() : ee(N, () => {
+        v ? v() : ee(N, () => {
           L.remove(), C == null || C();
         });
       }), B.stopPropagation());
     };
-    return document.addEventListener("keydown", v), () => {
-      document.removeEventListener("keydown", v);
+    return document.addEventListener("keydown", y), () => {
+      document.removeEventListener("keydown", y);
     };
-  }, [L, N, C, k]), I(() => {
-    const v = setTimeout(() => {
+  }, [L, N, C, v]), D(() => {
+    const y = setTimeout(() => {
       re(!0);
     }, 250);
-    return () => clearTimeout(v);
-  }, []), I(() => {
+    return () => clearTimeout(y);
+  }, []), D(() => {
     if (F) {
-      const v = (B) => {
+      const y = (B) => {
         (B.metaKey || B.ctrlKey) && B.key === "s" && (B.preventDefault(), F());
       };
       if (Q)
-        return window.addEventListener("keydown", v), () => {
-          window.removeEventListener("keydown", v);
+        return window.addEventListener("keydown", y), () => {
+          window.removeEventListener("keydown", y);
         };
     }
   });
   const P = [];
-  let S;
+  let _;
   const W = () => {
     ee(N, () => {
       L.remove(), C == null || C();
     });
   };
-  d || (n && P.push({
+  u || (c && P.push({
     key: "cancel-modal",
-    label: n,
+    label: c,
     color: "outline",
-    onClick: k || (() => {
+    onClick: v || (() => {
       W();
     }),
-    disabled: b
+    disabled: p
   }), m && P.push({
     key: "ok-modal",
     label: m,
-    color: _,
+    color: $,
     className: "min-w-[80px]",
     onClick: F,
-    disabled: b || h,
-    loading: f
+    disabled: p || w,
+    loading: k
   }));
   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",
-    o !== "bleed" && "rounded",
+    t !== "bleed" && "rounded",
     j ? "shadow-md" : "shadow-xl",
     q && !j && !Y && "animate-modal-in",
     j && !Y && "animate-modal-in-reverse",
-    D ? "overflow-y-auto" : "overflow-y-hidden"
-  ), u = s(
+    H ? "overflow-y-auto" : "overflow-y-hidden"
+  ), d = s(
     "fixed inset-0 z-[1000] h-[100vh] w-[100vw]"
-  ), y = "", c = s(
-    !w || w === "close" ? "" : "flex items-center justify-between gap-5"
+  ), h = "", n = s(
+    !g || g === "close" ? "" : "flex items-center justify-between gap-5"
   );
-  switch (V && (c = s(
-    c,
+  switch (V && (n = s(
+    n,
     "sticky top-0 z-[200] -mb-4 bg-white !pb-4 dark:bg-black"
-  )), o) {
+  )), t) {
     case "sm":
       i = s(
         i,
         "max-w-[480px]"
-      ), u = s(
-        u,
+      ), d = s(
+        d,
         "p-4 md:p-[8vmin]"
-      ), y = "p-8", c = s(
-        c,
+      ), h = "p-8", n = s(
+        n,
         "-inset-x-8"
       );
       break;
@@ -279,11 +267,11 @@ const ke = "bg-[rgba(98,109,121,0.2)] backdrop-blur-[3px]", G = ({
       i = s(
         i,
         "max-w-[720px]"
-      ), u = s(
-        u,
+      ), d = s(
+        d,
         "p-4 md:p-[8vmin]"
-      ), y = "p-8", c = s(
-        c,
+      ), h = "p-8", n = s(
+        n,
         "-inset-x-8"
       );
       break;
@@ -291,11 +279,11 @@ const ke = "bg-[rgba(98,109,121,0.2)] backdrop-blur-[3px]", G = ({
       i = s(
         i,
         "max-w-[1020px]"
-      ), u = s(
-        u,
+      ), d = s(
+        d,
         "p-4 md:p-[4vmin]"
-      ), y = "p-7", c = s(
-        c,
+      ), h = "p-7", n = s(
+        n,
         "-inset-x-8"
       );
       break;
@@ -303,11 +291,11 @@ const ke = "bg-[rgba(98,109,121,0.2)] backdrop-blur-[3px]", G = ({
       i = s(
         i,
         "max-w-[1240px]0"
-      ), u = s(
-        u,
+      ), d = s(
+        d,
         "p-4 md:p-[3vmin]"
-      ), y = "p-10", c = s(
-        c,
+      ), h = "p-10", n = s(
+        n,
         "-inset-x-10 -top-10"
       );
       break;
@@ -315,11 +303,11 @@ const ke = "bg-[rgba(98,109,121,0.2)] backdrop-blur-[3px]", G = ({
       i = s(
         i,
         "h-full"
-      ), u = s(
-        u,
+      ), d = s(
+        d,
         "p-4 md:p-[3vmin]"
-      ), y = "p-10", c = s(
-        c,
+      ), h = "p-10", n = s(
+        n,
         "-inset-x-10"
       );
       break;
@@ -327,161 +315,171 @@ const ke = "bg-[rgba(98,109,121,0.2)] backdrop-blur-[3px]", G = ({
       i = s(
         i,
         "h-full"
-      ), y = "p-10", c = s(
-        c,
+      ), h = "p-10", n = s(
+        n,
         "-inset-x-10"
       );
       break;
     default:
-      u = s(
-        u,
+      d = s(
+        d,
         "p-4 md:p-[8vmin]"
-      ), y = "p-8", c = s(
-        c,
+      ), h = "p-8", n = s(
+        n,
         "-inset-x-8"
       );
       break;
   }
-  p || (y = "p-0"), i = s(
+  x || (h = "p-0"), i = s(
     i
-  ), c = s(
-    c,
-    y,
+  ), n = s(
+    n,
+    h,
     "pb-0"
-  ), S = s(
-    y,
+  ), _ = s(
+    h,
     "py-0"
-  ), u = s(
-    u,
+  ), d = s(
+    d,
     "max-[800px]:!pb-20"
   );
   const ne = s(
-    `${y} ${U ? "py-6" : ""}`,
+    `${h} ${T ? "py-6" : ""}`,
     "flex w-full items-center justify-between"
   );
-  S = s(
-    S,
-    (o === "full" || o === "bleed" || t === "full" || typeof t == "number") && "grow"
+  _ = s(
+    _,
+    (t === "full" || t === "bleed" || o === "full" || typeof o == "number") && "grow"
   );
-  const ce = (v) => {
-    v.target === v.currentTarget && O && W();
-  }, $ = {};
-  typeof l == "number" ? ($.width = "100%", $.maxWidth = l + "px") : l === "full" && (i = s(
+  const ie = (y) => {
+    y.target === y.currentTarget && O && W();
+  }, S = {};
+  typeof l == "number" ? (S.width = "100%", S.maxWidth = l + "px") : l === "full" && (i = s(
     i,
     "w-full"
-  )), typeof t == "number" ? ($.height = "100%", $.maxHeight = t + "px") : t === "full" && (i = s(
+  )), typeof o == "number" ? (S.height = "100%", S.maxHeight = o + "px") : o === "full" && (i = s(
     i,
     "h-full"
   ));
   let E;
-  return d ? E = d : d === !1 ? S += " pb-0 " : E = /* @__PURE__ */ e.jsxs("div", { className: ne, children: [
-    /* @__PURE__ */ e.jsx("div", { children: g && /* @__PURE__ */ e.jsx(A, { ...g }) }),
-    /* @__PURE__ */ e.jsx("div", { className: "flex gap-3", children: /* @__PURE__ */ e.jsx(ye, { buttons: P }) })
-  ] }), E = U ? /* @__PURE__ */ e.jsx(ve, { height: 84, children: E }) : /* @__PURE__ */ e.jsx(e.Fragment, { children: E }), /* @__PURE__ */ e.jsxs("div", { className: u, id: "modal-backdrop", onMouseDown: ce, children: [
+  return u ? E = u : u === !1 ? _ += " pb-0 " : E = /* @__PURE__ */ e.jsxs("div", { className: ne, children: [
+    /* @__PURE__ */ e.jsx("div", { children: b && /* @__PURE__ */ e.jsx(K, { ...b }) }),
+    /* @__PURE__ */ e.jsx("div", { className: "flex gap-3", children: /* @__PURE__ */ e.jsx(xe, { buttons: P }) })
+  ] }), E = T ? /* @__PURE__ */ e.jsx(ke, { height: 84, children: E }) : /* @__PURE__ */ e.jsx(e.Fragment, { children: E }), /* @__PURE__ */ e.jsxs("div", { className: d, id: "modal-backdrop", onMouseDown: ie, children: [
     /* @__PURE__ */ e.jsx("div", { className: s(
       "pointer-events-none fixed inset-0 z-0",
-      H && !j && ke,
+      A && !j && ve,
       j && "bg-[rgba(98,109,121,0.08)]"
     ) }),
-    /* @__PURE__ */ e.jsxs("section", { className: i, "data-testid": r, style: $, children: [
-      x === !1 ? "" : !w || w === "close" ? /* @__PURE__ */ e.jsxs("header", { className: c, children: [
+    /* @__PURE__ */ e.jsxs("section", { className: i, "data-testid": r, style: S, children: [
+      f === !1 ? "" : !g || g === "close" ? /* @__PURE__ */ e.jsxs("header", { className: n, children: [
         a && /* @__PURE__ */ e.jsx(J, { level: 3, children: a }),
-        /* @__PURE__ */ e.jsx("div", { className: `${w !== "close" && "md:!invisible md:!hidden"} ${z && "hidden"} absolute right-6 top-6`, children: /* @__PURE__ */ e.jsx(A, { 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: c, children: [
+        /* @__PURE__ */ e.jsx("div", { className: `${g !== "close" && "md:!invisible md:!hidden"} ${z && "hidden"} absolute right-6 top-6`, children: /* @__PURE__ */ e.jsx(K, { 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: n, children: [
         a && /* @__PURE__ */ e.jsx(J, { level: 3, children: a }),
-        w
+        g
       ] }),
-      /* @__PURE__ */ e.jsx("div", { className: S, children: T }),
+      /* @__PURE__ */ e.jsx("div", { className: _, children: U }),
       E
     ] })
   ] });
 }, je = ({
-  title: o = "Are you sure?",
+  title: t = "Are you sure?",
   prompt: l,
-  cancelLabel: t = "Cancel",
+  cancelLabel: o = "Cancel",
   okLabel: r = "OK",
   okRunningLabel: a = "...",
   okColor: m = "black",
-  onCancel: f,
-  onOk: n,
-  customFooter: d,
-  formSheet: x = !0
+  onCancel: k,
+  onOk: c,
+  customFooter: u,
+  formSheet: f = !0
 }) => {
-  const g = se(), [b, h] = K("");
+  const b = se(), [p, w] = I("");
   return /* @__PURE__ */ e.jsx(
     G,
     {
       backDropClick: !1,
-      buttonsDisabled: b === "running",
-      cancelLabel: t,
-      footer: d,
-      formSheet: x,
+      buttonsDisabled: p === "running",
+      cancelLabel: o,
+      footer: u,
+      formSheet: f,
       okColor: m,
-      okLabel: b === "running" ? a : r,
+      okLabel: p === "running" ? a : r,
       testId: "confirmation-modal",
-      title: o,
+      title: t,
       width: 540,
-      onCancel: f,
+      onCancel: k,
       onOk: async () => {
-        h("running");
+        w("running");
         try {
-          await (n == null ? void 0 : n(g));
-        } catch (p) {
-          console.error("Unhandled Promise Rejection. Make sure you catch errors in your onOk handler.", p);
+          await (c == null ? void 0 : c(b));
+        } catch (x) {
+          console.error("Unhandled Promise Rejection. Make sure you catch errors in your onOk handler.", x);
         }
-        h("");
+        w("");
       },
       children: /* @__PURE__ */ e.jsx("div", { className: "py-4 leading-9", children: l })
     }
   );
 }, Fe = M.create(je), Ce = M.create(() => {
-  var h;
-  const { updateRoute: o } = X(), l = M.useModal(), t = te(), r = xe(), m = (h = pe().data) == null ? void 0 : h.site, f = (m == null ? void 0 : m.url) ?? window.location.origin, [n, d] = K(""), [x, g] = K(null), b = async () => {
+  var w;
+  const { updateRoute: t } = X(), l = M.useModal(), o = te(), r = pe(), m = (w = fe().data) == null ? void 0 : w.site, k = (m == null ? void 0 : m.url) ?? window.location.origin, [c, u] = I(""), [f, b] = I(null), p = async () => {
     try {
-      const p = new URL(`.ghost/activitypub/actions/follow/${n}`, f);
-      await fetch(p, {
+      const x = new URL(`.ghost/activitypub/actions/follow/${c}`, k);
+      await fetch(x, {
         method: "POST"
       }), be({
         message: "Site followed",
         type: "success"
-      }), l.remove(), await r.refetchQueries({ queryKey: ["FollowingResponseData"], type: "active" }), o("");
+      }), l.remove(), await r.refetchQueries({ queryKey: ["FollowingResponseData"], type: "active" }), t("");
     } catch {
-      g(x);
+      b(f);
     }
   };
   return /* @__PURE__ */ e.jsx(
     G,
     {
       afterClose: () => {
-        t.reset(), o("");
+        o.reset(), t("");
       },
       cancelLabel: "Cancel",
       okLabel: "Follow",
       size: "sm",
       title: "Follow a Ghost site",
-      onOk: b,
+      onOk: p,
       children: /* @__PURE__ */ e.jsx("div", { className: "mt-3 flex flex-col gap-4", children: /* @__PURE__ */ e.jsx(
-        we,
+        ye,
         {
           autoFocus: !0,
-          error: !!x,
-          hint: x,
+          error: !!f,
+          hint: f,
           placeholder: "@username@hostname",
           title: "Profile name",
-          value: n,
+          value: c,
           "data-test-new-follower": !0,
-          onChange: (p) => d(p.target.value)
+          onChange: (x) => u(x.target.value)
         }
       ) })
     }
   );
-}), Ne = ({}) => {
-  const { updateRoute: o } = X(), l = te(), { data: { items: t = [] } = {} } = fe("inbox"), r = Array.isArray(t) ? t : [t];
+});
+function R(t) {
+  if (!t.preferredUsername || !t.id)
+    return "@unknown@unknown";
+  try {
+    return `@${t.preferredUsername}@${new URL(t.id).hostname}`;
+  } catch {
+    return "@unknown@unknown";
+  }
+}
+const Ne = ({}) => {
+  const { updateRoute: t } = X(), l = te(), { data: { items: o = [] } = {} } = we("inbox"), r = Array.isArray(o) ? o : [o];
   return /* @__PURE__ */ e.jsx(
     G,
     {
       afterClose: () => {
-        l.reset(), o("");
+        l.reset(), t("");
       },
       cancelLabel: "",
       footer: !1,
@@ -489,16 +487,16 @@ const ke = "bg-[rgba(98,109,121,0.2)] backdrop-blur-[3px]", G = ({
       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(oe, { children: r.map((a) => /* @__PURE__ */ e.jsx(ae, { action: /* @__PURE__ */ e.jsx(A, { color: "grey", label: "Follow back", link: !0, onClick: () => l.mutate({ username: R(a) }) }), avatar: /* @__PURE__ */ e.jsx(le, { image: a.icon, size: "sm" }), detail: R(a), id: "list-item", title: a.name })) }) })
+      children: /* @__PURE__ */ e.jsx("div", { className: "mt-3 flex flex-col gap-4 pb-12", children: /* @__PURE__ */ e.jsx(oe, { children: r.map((a) => /* @__PURE__ */ e.jsx(le, { action: /* @__PURE__ */ e.jsx(K, { color: "grey", label: "Follow back", link: !0, onClick: () => l.mutate({ username: R(a) }) }), avatar: /* @__PURE__ */ e.jsx(ae, { image: a.icon, size: "sm" }), detail: R(a), id: "list-item", title: a.name })) }) })
     }
   );
 }, Le = M.create(Ne), Be = ({}) => {
-  const { updateRoute: o } = X(), l = ge(), { data: { items: t = [] } = {} } = he("inbox"), r = Array.isArray(t) ? t : [t];
+  const { updateRoute: t } = X(), l = ge(), { data: { items: o = [] } = {} } = he("inbox"), r = Array.isArray(o) ? o : [o];
   return /* @__PURE__ */ e.jsx(
     G,
     {
       afterClose: () => {
-        l.reset(), o("");
+        l.reset(), t("");
       },
       cancelLabel: "",
       footer: !1,
@@ -506,11 +504,11 @@ const ke = "bg-[rgba(98,109,121,0.2)] backdrop-blur-[3px]", G = ({
       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(oe, { children: r.map((a) => /* @__PURE__ */ e.jsx(ae, { action: /* @__PURE__ */ e.jsx(A, { color: "grey", label: "Unfollow", link: !0, onClick: () => l.mutate({ username: R(a) }) }), avatar: /* @__PURE__ */ e.jsx(le, { image: a.icon, size: "sm" }), detail: R(a), id: "list-item", title: a.name })) }) })
+      children: /* @__PURE__ */ e.jsx("div", { className: "mt-3 flex flex-col gap-4 pb-12", children: /* @__PURE__ */ e.jsx(oe, { children: r.map((a) => /* @__PURE__ */ e.jsx(le, { action: /* @__PURE__ */ e.jsx(K, { color: "grey", label: "Unfollow", link: !0, onClick: () => l.mutate({ username: R(a) }) }), avatar: /* @__PURE__ */ e.jsx(ae, { image: a.icon, size: "sm" }), detail: R(a), id: "list-item", title: a.name })) }) })
     }
   );
-}, Ee = M.create(Be), _e = { FollowSite: Ce, ViewFollowing: Ee, ViewFollowers: Le };
+}, Ee = M.create(Be), $e = { FollowSite: Ce, ViewFollowing: Ee, ViewFollowers: Le };
 export {
-  _e as default
+  $e as default
 };
-//# sourceMappingURL=modals-5aad7e41.mjs.map
+//# sourceMappingURL=modals-f64a65f9.mjs.map