ghost 5.89.1 → 5.89.2

package/core/built/admin/assets/admin-x-activitypub/modals-a6e383d4.mjs

@@ -0,0 +1,422 @@
+import { c as d, j as s, u as T, a as D, H as b, S as _, b as z, d as ee, s as te, g as se, n as q, p as re, e as ne, f as C, h as oe, i as ie, k as A, l as le, N as w, m as S, M as U, o as y, A as v, q as ae, B, r as L, t as I } from "./index-e318fbcd.mjs";
+const H = ({ children: i, color: t, className: e, ...n }) => {
+  if (!i)
+    return null;
+  let o = "text-grey-700 dark:text-grey-600";
+  switch (t) {
+    case "red":
+      o = "text-red dark:text-red-500";
+      break;
+    case "green":
+      o = "text-green dark:text-green-500";
+      break;
+  }
+  return e = d(
+    "mt-1 inline-block text-xs",
+    o,
+    e
+  ), /* @__PURE__ */ s.jsx("span", { className: e, ...n, children: i });
+}, ce = ({
+  type: i = "text",
+  inputRef: t,
+  title: e,
+  hideTitle: n,
+  value: o,
+  error: r,
+  placeholder: l,
+  rightPlaceholder: a,
+  hint: c,
+  onChange: u,
+  onFocus: h,
+  onBlur: x,
+  clearBg: g = !1,
+  className: m = "",
+  maxLength: j,
+  containerClassName: f = "",
+  hintClassName: k = "",
+  unstyled: p = !1,
+  disabled: R,
+  ...Q
+}) => {
+  const N = T(), { setFocusState: E } = D(), G = (M) => {
+    h == null || h(M), E(!0);
+  }, J = (M) => {
+    x == null || x(M), E(!1);
+  }, W = d(
+    "relative order-2 flex w-full items-center",
+    e && !n && "mt-1.5"
+  ), O = !p && d(
+    "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",
+    r ? "border-red bg-white dark:bg-grey-925" : "border-transparent bg-grey-150 dark:bg-grey-900",
+    R && "bg-grey-50 peer-hover:bg-grey-50 dark:bg-grey-950 dark:peer-hover:bg-grey-950"
+  ), X = !p && d(
+    "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",
+    R ? "cursor-not-allowed text-grey-600 opacity-60 dark:text-grey-800" : "dark:text-white",
+    a ? "w-0 grow rounded-l-lg" : "rounded-lg",
+    m
+  ), Y = !p && d(
+    "z-[1] order-3 rounded-r-lg",
+    a ? typeof a == "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 F = /* @__PURE__ */ s.jsx(s.Fragment, {});
+  const Z = /* @__PURE__ */ s.jsx(
+    "input",
+    {
+      ref: t,
+      className: X || m,
+      disabled: R,
+      id: N,
+      maxLength: j,
+      placeholder: l,
+      type: i,
+      value: o,
+      onBlur: J,
+      onChange: u,
+      onFocus: G,
+      ...Q
+    }
+  );
+  return F = /* @__PURE__ */ s.jsxs("div", { className: W, children: [
+    Z,
+    !p && !g && /* @__PURE__ */ s.jsx("div", { className: O || "" }),
+    a && /* @__PURE__ */ s.jsx("span", { className: Y || "", children: a })
+  ] }), k = d(
+    "order-3",
+    k
+  ), f = d(
+    "flex flex-col",
+    f
+  ), e || c ? /* @__PURE__ */ s.jsxs("div", { className: f, children: [
+    F,
+    e && /* @__PURE__ */ s.jsx(b, { className: n ? "sr-only" : "order-1", htmlFor: N, useLabelTag: !0, children: e }),
+    c && /* @__PURE__ */ s.jsx(H, { className: k, color: r ? "red" : "default", children: c })
+  ] }) : F;
+}, V = ({ image: i, label: t, labelColor: e, bgColor: n, size: o, className: r }) => {
+  let l = "", a = " -mb-2 ";
+  switch (o) {
+    case "sm":
+      l = " w-7 h-7 text-sm ";
+      break;
+    case "lg":
+      l = " w-12 h-12 text-xl ";
+      break;
+    case "xl":
+      l = " w-16 h-16 text-2xl ", a = " -mb-3 ";
+      break;
+    case "2xl":
+      l = " w-20 h-20 text-2xl ", a = " -mb-3 ";
+      break;
+    default:
+      l = " w-10 h-10 text-md ";
+      break;
+  }
+  return i ? /* @__PURE__ */ s.jsx("img", { alt: "", className: `inline-flex shrink-0 items-center justify-center rounded-full object-cover font-semibold ${l} ${r && r}`, src: i }) : t ? /* @__PURE__ */ s.jsx("div", { className: `${e && `text-${e}`} inline-flex items-center justify-center rounded-full p-2 font-semibold ${l} ${r && r}`, style: n ? { backgroundColor: n } : {}, children: t }) : /* @__PURE__ */ s.jsx("div", { className: `inline-flex items-center justify-center overflow-hidden rounded-full bg-grey-100 p-1 font-semibold ${l} ${r && r}`, children: /* @__PURE__ */ s.jsx(_, { className: `${a} h-full w-full  text-grey-300` }) });
+}, ue = ({
+  title: i,
+  titleSize: t = "sm",
+  actions: e,
+  titleSeparator: n
+}) => {
+  let o;
+  if (i) {
+    const r = t === "sm" ? /* @__PURE__ */ s.jsx(b, { grey: !0, level: 6, children: i }) : /* @__PURE__ */ s.jsx(b, { level: 5, children: i });
+    o = e ? /* @__PURE__ */ s.jsxs("div", { className: "flex items-end justify-between gap-2", children: [
+      r,
+      e
+    ] }) : r;
+  }
+  return o || n ? /* @__PURE__ */ s.jsxs("div", { className: "flex flex-col items-stretch gap-1", children: [
+    o,
+    n && /* @__PURE__ */ s.jsx(z, {})
+  ] }) : /* @__PURE__ */ s.jsx(s.Fragment, {});
+}, $ = ({
+  title: i,
+  titleSeparator: t = !0,
+  titleSize: e = "sm",
+  children: n,
+  actions: o,
+  hint: r,
+  hintSeparator: l = !0,
+  borderTop: a,
+  pageTitle: c,
+  className: u
+}) => {
+  const h = d(
+    (a || c) && "border-t border-grey-300",
+    c && "mt-5",
+    u
+  );
+  return /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+    c && /* @__PURE__ */ s.jsx(b, { children: c }),
+    /* @__PURE__ */ s.jsxs("section", { className: h, children: [
+      i && /* @__PURE__ */ s.jsx(ue, { actions: o, title: i, titleSeparator: !c && t && !a, titleSize: e }),
+      /* @__PURE__ */ s.jsx("div", { className: "flex flex-col", children: n }),
+      r && /* @__PURE__ */ s.jsxs("div", { className: "-mt-px", children: [
+        l && /* @__PURE__ */ s.jsx(z, {}),
+        /* @__PURE__ */ s.jsx(H, { children: r })
+      ] })
+    ] })
+  ] });
+}, K = ({
+  id: i,
+  title: t,
+  detail: e,
+  action: n,
+  hideActions: o,
+  avatar: r,
+  className: l,
+  testId: a,
+  separator: c = !0,
+  bgOnHover: u = !0,
+  paddingRight: h = !0,
+  onClick: x,
+  children: g
+}) => {
+  const m = (f) => {
+    x == null || x(f);
+  }, j = d(
+    "group/list-item flex items-center justify-between",
+    u && "hover:bg-gradient-to-r hover:from-white hover:to-grey-50 dark:hover:from-black dark:hover:to-grey-950",
+    c ? "border-b border-grey-100 last-of-type:border-b-transparent hover:border-grey-200 dark:border-grey-900 dark:hover:border-grey-800" : "border-y border-transparent hover:border-grey-200 first-of-type:hover:border-t-transparent dark:hover:border-grey-800",
+    l
+  );
+  return /* @__PURE__ */ s.jsxs("div", { className: j, "data-testid": a, children: [
+    g || /* @__PURE__ */ s.jsxs("div", { className: `flex grow items-center gap-3 ${x && "cursor-pointer"}`, onClick: m, children: [
+      r && r,
+      /* @__PURE__ */ s.jsxs("div", { className: "flex grow flex-col py-3 pr-6", id: i, children: [
+        /* @__PURE__ */ s.jsx("span", { children: t }),
+        e && /* @__PURE__ */ s.jsx("span", { className: "text-xs text-grey-700", children: e })
+      ] })
+    ] }),
+    n && /* @__PURE__ */ s.jsx("div", { className: `visible py-3 md:pl-6 ${h && "md:pr-6"} ${o ? "group-hover/list-item:visible md:invisible" : ""}`, children: n })
+  ] });
+};
+class de extends ee {
+  constructor(t, e) {
+    super(), this.client = t, this.setOptions(e), this.bindMethods(), this.updateResult();
+  }
+  bindMethods() {
+    this.mutate = this.mutate.bind(this), this.reset = this.reset.bind(this);
+  }
+  setOptions(t) {
+    var e;
+    const n = this.options;
+    this.options = this.client.defaultMutationOptions(t), te(n, this.options) || this.client.getMutationCache().notify({
+      type: "observerOptionsUpdated",
+      mutation: this.currentMutation,
+      observer: this
+    }), (e = this.currentMutation) == null || e.setOptions(this.options);
+  }
+  onUnsubscribe() {
+    if (!this.hasListeners()) {
+      var t;
+      (t = this.currentMutation) == null || t.removeObserver(this);
+    }
+  }
+  onMutationUpdate(t) {
+    this.updateResult();
+    const e = {
+      listeners: !0
+    };
+    t.type === "success" ? e.onSuccess = !0 : t.type === "error" && (e.onError = !0), this.notify(e);
+  }
+  getCurrentResult() {
+    return this.currentResult;
+  }
+  reset() {
+    this.currentMutation = void 0, this.updateResult(), this.notify({
+      listeners: !0
+    });
+  }
+  mutate(t, e) {
+    return this.mutateOptions = e, this.currentMutation && this.currentMutation.removeObserver(this), this.currentMutation = this.client.getMutationCache().build(this.client, {
+      ...this.options,
+      variables: typeof t < "u" ? t : this.options.variables
+    }), this.currentMutation.addObserver(this), this.currentMutation.execute();
+  }
+  updateResult() {
+    const t = this.currentMutation ? this.currentMutation.state : se(), e = {
+      ...t,
+      isLoading: t.status === "loading",
+      isSuccess: t.status === "success",
+      isError: t.status === "error",
+      isIdle: t.status === "idle",
+      mutate: this.mutate,
+      reset: this.reset
+    };
+    this.currentResult = e;
+  }
+  notify(t) {
+    q.batch(() => {
+      if (this.mutateOptions && this.hasListeners()) {
+        if (t.onSuccess) {
+          var e, n, o, r;
+          (e = (n = this.mutateOptions).onSuccess) == null || e.call(n, this.currentResult.data, this.currentResult.variables, this.currentResult.context), (o = (r = this.mutateOptions).onSettled) == null || o.call(r, this.currentResult.data, null, this.currentResult.variables, this.currentResult.context);
+        } else if (t.onError) {
+          var l, a, c, u;
+          (l = (a = this.mutateOptions).onError) == null || l.call(a, this.currentResult.error, this.currentResult.variables, this.currentResult.context), (c = (u = this.mutateOptions).onSettled) == null || c.call(u, void 0, this.currentResult.error, this.currentResult.variables, this.currentResult.context);
+        }
+      }
+      t.listeners && this.listeners.forEach(({
+        listener: h
+      }) => {
+        h(this.currentResult);
+      });
+    });
+  }
+}
+function P(i, t, e) {
+  const n = re(i, t, e), o = ne({
+    context: n.context
+  }), [r] = C(() => new de(o, n));
+  oe(() => {
+    r.setOptions(n);
+  }, [r, n]);
+  const l = ie(A((c) => r.subscribe(q.batchCalls(c)), [r]), () => r.getCurrentResult(), () => r.getCurrentResult()), a = A((c, u) => {
+    r.mutate(c, u).catch(he);
+  }, [r]);
+  if (l.error && le(r.options.useErrorBoundary, [l.error]))
+    throw l.error;
+  return {
+    ...l,
+    mutate: a,
+    mutateAsync: l.mutate
+  };
+}
+function he() {
+}
+function xe(i, t, e) {
+  var a;
+  const o = (a = y().data) == null ? void 0 : a.site, r = (o == null ? void 0 : o.url) ?? window.location.origin, l = new v(
+    new URL(r),
+    new URL("/ghost/api/admin/identities/", window.location.origin),
+    i
+  );
+  return P({
+    async mutationFn(c) {
+      return l.follow(c);
+    },
+    onSuccess: t,
+    onError: e
+  });
+}
+const fe = w.create(() => {
+  const { updateRoute: i } = S(), t = w.useModal(), [e, n] = C(""), [o, r] = C(null);
+  async function l() {
+    ae({
+      message: "Site followed",
+      type: "success"
+    }), t.remove(), i("");
+  }
+  async function a() {
+    r(o);
+  }
+  const c = xe("index", l, a);
+  return /* @__PURE__ */ s.jsx(
+    U,
+    {
+      afterClose: () => {
+        c.reset(), i("");
+      },
+      cancelLabel: "Cancel",
+      okLabel: "Follow",
+      size: "sm",
+      title: "Follow a Ghost site",
+      onOk: () => c.mutate(e),
+      children: /* @__PURE__ */ s.jsx("div", { className: "mt-3 flex flex-col gap-4", children: /* @__PURE__ */ s.jsx(
+        ce,
+        {
+          autoFocus: !0,
+          error: !!o,
+          hint: o,
+          placeholder: "@username@hostname",
+          title: "Profile name",
+          value: e,
+          "data-test-new-follower": !0,
+          onChange: (u) => n(u.target.value)
+        }
+      ) })
+    }
+  );
+});
+function ge(i) {
+  var r;
+  const e = (r = y().data) == null ? void 0 : r.site, n = (e == null ? void 0 : e.url) ?? window.location.origin, o = new v(
+    new URL(n),
+    new URL("/ghost/api/admin/identities/", window.location.origin),
+    i
+  );
+  return I({
+    queryKey: [`followers:${i}`],
+    async queryFn() {
+      return o.getFollowers();
+    }
+  });
+}
+function me(i) {
+  var r;
+  const e = (r = y().data) == null ? void 0 : r.site, n = (e == null ? void 0 : e.url) ?? window.location.origin, o = new v(
+    new URL(n),
+    new URL("/ghost/api/admin/identities/", window.location.origin),
+    i
+  );
+  return P({
+    async mutationFn(l) {
+      return o.follow(l);
+    }
+  });
+}
+const pe = ({}) => {
+  const { updateRoute: i } = S(), t = me("index"), { data: e = [] } = ge("index"), n = Array.isArray(e) ? e : [e];
+  return /* @__PURE__ */ s.jsx(
+    U,
+    {
+      afterClose: () => {
+        t.reset(), i("profile");
+      },
+      cancelLabel: "",
+      footer: !1,
+      okLabel: "",
+      size: "md",
+      title: "Followers",
+      topRightContent: "close",
+      children: /* @__PURE__ */ s.jsx("div", { className: "mt-3 flex flex-col gap-4 pb-12", children: /* @__PURE__ */ s.jsx($, { children: n.map((o) => /* @__PURE__ */ s.jsx(K, { action: /* @__PURE__ */ s.jsx(B, { color: "grey", label: "Follow back", link: !0, onClick: () => t.mutate(L(o)) }), avatar: /* @__PURE__ */ s.jsx(V, { image: o.icon, size: "sm" }), detail: L(o), id: "list-item", title: o.name })) }) })
+    }
+  );
+}, be = w.create(pe);
+function we(i) {
+  var r;
+  const e = (r = y().data) == null ? void 0 : r.site, n = (e == null ? void 0 : e.url) ?? window.location.origin, o = new v(
+    new URL(n),
+    new URL("/ghost/api/admin/identities/", window.location.origin),
+    i
+  );
+  return I({
+    queryKey: [`following:${i}`],
+    async queryFn() {
+      return o.getFollowing();
+    }
+  });
+}
+const ye = ({}) => {
+  const { updateRoute: i } = S(), { data: t = [] } = we("index"), e = Array.isArray(t) ? t : [t];
+  return /* @__PURE__ */ s.jsx(
+    U,
+    {
+      afterClose: () => {
+        i("profile");
+      },
+      cancelLabel: "",
+      footer: !1,
+      okLabel: "",
+      size: "md",
+      title: "Following",
+      topRightContent: "close",
+      children: /* @__PURE__ */ s.jsx("div", { className: "mt-3 flex flex-col gap-4 pb-12", children: /* @__PURE__ */ s.jsx($, { children: e.map((n) => /* @__PURE__ */ s.jsx(K, { action: /* @__PURE__ */ s.jsx(B, { color: "grey", label: "Unfollow", link: !0 }), avatar: /* @__PURE__ */ s.jsx(V, { image: n.icon, size: "sm" }), detail: L(n), id: "list-item", title: n.name })) }) })
+    }
+  );
+}, ve = w.create(ye), ke = { FollowSite: fe, ViewFollowing: ve, ViewFollowers: be };
+export {
+  ke as default
+};
+//# sourceMappingURL=modals-a6e383d4.mjs.map