@fonderie/react-admin-screens 1.3.0 → 1.4.0

package/dist/index.js

@@ -1717,7 +1717,11 @@ function UsersScreen({
     openUserId ? { id: openUserId } : null
   );
   const plans = useSubscriptionIndex(billingClient);
-  const list = useAdminUsers(client, { limit: pageSize });
+  const [showDeleted, setShowDeleted] = useState6(false);
+  const list = useAdminUsers(client, {
+    limit: pageSize,
+    ...showDeleted ? { deleted: true } : {}
+  });
   const { user, isLoading, error, suspend, unsuspend, revokeSessions } = useAdminUser(
     client,
     selected ?? {}
@@ -1775,11 +1779,57 @@ function UsersScreen({
               disabled: list.isLoading,
               children: "Refresh"
             }
-          )
+          ),
+          !selected ? /* @__PURE__ */ jsx12(
+            "fieldset",
+            {
+              style: {
+                display: "flex",
+                gap: 6,
+                border: "none",
+                margin: "0 0 0 auto",
+                padding: 0,
+                minWidth: 0
+              },
+              "aria-label": "Which accounts",
+              children: [false, true].map((d) => /* @__PURE__ */ jsx12(
+                "button",
+                {
+                  type: "button",
+                  "aria-pressed": showDeleted === d,
+                  onClick: () => setShowDeleted(d),
+                  style: {
+                    ...showDeleted === d ? styles.buttonPrimary : styles.button,
+                    height: 28
+                  },
+                  children: d ? "Deleted" : "Active"
+                },
+                String(d)
+              ))
+            }
+          ) : null
         ]
       }
     ),
-    error ? /* @__PURE__ */ jsx12("p", { style: styles.error, role: "alert", children: error.status === 404 ? "No user with that email." : error.explanation }) : null,
+    error && !(error.status === 404 && selected?.id) ? /* @__PURE__ */ jsx12("p", { style: styles.error, role: "alert", children: error.status === 404 ? "No user with that email." : error.explanation }) : null,
+    error?.status === 404 && selected?.id ? /* @__PURE__ */ jsxs12(Fragment7, { children: [
+      /* @__PURE__ */ jsxs12("div", { style: styles.notice, role: "status", children: [
+        /* @__PURE__ */ jsx12("strong", { children: "No account with id " }),
+        /* @__PURE__ */ jsx12("code", { style: styles.code, children: selected.id }),
+        /* @__PURE__ */ jsx12("strong", { children: "." }),
+        " It was deleted, or never existed here. Its billing records remain."
+      ] }),
+      billingClient ? /* @__PURE__ */ jsxs12(Fragment7, { children: [
+        /* @__PURE__ */ jsx12("h2", { style: styles.subtitle, children: "Plan & credits" }),
+        /* @__PURE__ */ jsx12(
+          SubscriberBilling,
+          {
+            client: billingClient,
+            subscriber: { type: "user", id: selected.id }
+          }
+        )
+      ] }) : null
+    ] }) : null,
     !selected ? /* @__PURE__ */ jsxs12(Fragment7, { children: [
       list.error ? /* @__PURE__ */ jsx12("p", { style: styles.error, role: "alert", children: list.error.explanation }) : null,
       list.users.length === 0 && !list.isLoading ? /* @__PURE__ */ jsx12(Empty, { icon: "users", title: "No users yet", children: "Sign-ups appear here as they happen." }) : /* @__PURE__ */ jsxs12("table", { style: styles.table, children: [
@@ -1871,7 +1921,14 @@ function UsersScreen({
           /* @__PURE__ */ jsx12("td", { style: styles.td, children: new Date(user.createdAt).toLocaleString() })
         ] })
       ] }) }),
-      /* @__PURE__ */ jsxs12("div", { style: { ...styles.toolbar, marginTop: 12 }, children: [
+      user.deletedAt ? /* @__PURE__ */ jsxs12("div", { style: { ...styles.notice, marginTop: 12 }, role: "status", children: [
+        /* @__PURE__ */ jsxs12("strong", { children: [
+          "Deleted on ",
+          new Date(user.deletedAt).toLocaleString(),
+          "."
+        ] }),
+        " The account cannot sign in, and it is erased when the retention purge runs. Its billing records stay."
+      ] }) : /* @__PURE__ */ jsxs12("div", { style: { ...styles.toolbar, marginTop: 12 }, children: [
         user.suspended ? /* @__PURE__ */ jsx12(
           "button",
           {
@@ -1912,46 +1969,48 @@ function UsersScreen({
           }
         )
       ] }) : null,
-      /* @__PURE__ */ jsx12("h2", { style: styles.subtitle, children: "Live sessions" }),
-      sessions.sessions.length === 0 ? /* @__PURE__ */ jsx12("p", { style: styles.muted, children: "None." }) : /* @__PURE__ */ jsx12("ul", { style: styles.list, children: sessions.sessions.map((s) => /* @__PURE__ */ jsxs12("li", { style: styles.row, children: [
-        /* @__PURE__ */ jsx12("span", { style: styles.mono, children: s.ipAddress ?? "\u2014" }),
-        " ",
-        describeLocation(s.location) ? /* @__PURE__ */ jsxs12("span", { style: styles.muted, children: [
-          describeLocation(s.location),
-          " "
-        ] }) : null,
-        /* @__PURE__ */ jsx12("span", { style: styles.muted, children: s.userAgent ?? "" }),
-        " ",
-        /* @__PURE__ */ jsxs12("span", { style: styles.muted, children: [
-          "since ",
-          new Date(s.createdAt).toLocaleString()
-        ] })
-      ] }, s.id)) }),
-      /* @__PURE__ */ jsx12("h2", { style: styles.subtitle, children: "Recent sign-ins" }),
-      history.events.length === 0 && !history.isLoading ? /* @__PURE__ */ jsx12("p", { style: styles.muted, children: "None recorded." }) : /* @__PURE__ */ jsx12("ul", { style: styles.list, children: history.events.map((e) => /* @__PURE__ */ jsxs12("li", { style: styles.row, children: [
-        /* @__PURE__ */ jsx12(Pill, { tone: e.outcome === "success" ? "ok" : "bad", children: e.outcome }),
-        " ",
-        /* @__PURE__ */ jsx12("span", { style: styles.muted, children: e.method }),
-        " ",
-        /* @__PURE__ */ jsx12("span", { style: styles.mono, children: e.ipAddress ?? "\u2014" }),
-        " ",
-        describeLocation(e.location) ? /* @__PURE__ */ jsx12("span", { style: styles.muted, children: describeLocation(e.location) }) : null,
-        e.location?.proxy || e.location?.hosting ? /* @__PURE__ */ jsxs12(Fragment7, { children: [
+      !user.deletedAt ? /* @__PURE__ */ jsxs12(Fragment7, { children: [
+        /* @__PURE__ */ jsx12("h2", { style: styles.subtitle, children: "Live sessions" }),
+        sessions.sessions.length === 0 ? /* @__PURE__ */ jsx12("p", { style: styles.muted, children: "None." }) : /* @__PURE__ */ jsx12("ul", { style: styles.list, children: sessions.sessions.map((s) => /* @__PURE__ */ jsxs12("li", { style: styles.row, children: [
+          /* @__PURE__ */ jsx12("span", { style: styles.mono, children: s.ipAddress ?? "\u2014" }),
           " ",
-          /* @__PURE__ */ jsx12(Pill, { tone: "warn", children: e.location.proxy ? "proxy/VPN" : "hosting" })
-        ] }) : null,
-        " ",
-        /* @__PURE__ */ jsx12("span", { style: styles.muted, children: new Date(e.createdAt).toLocaleString() })
-      ] }, e.id)) }),
-      history.hasMore && !history.isLoading ? /* @__PURE__ */ jsx12(
-        "button",
-        {
-          type: "button",
-          style: { ...styles.button, marginTop: 8 },
-          onClick: () => void history.loadMore(),
-          children: "Load more"
-        }
-      ) : null
+          describeLocation(s.location) ? /* @__PURE__ */ jsxs12("span", { style: styles.muted, children: [
+            describeLocation(s.location),
+            " "
+          ] }) : null,
+          /* @__PURE__ */ jsx12("span", { style: styles.muted, children: s.userAgent ?? "" }),
+          " ",
+          /* @__PURE__ */ jsxs12("span", { style: styles.muted, children: [
+            "since ",
+            new Date(s.createdAt).toLocaleString()
+          ] })
+        ] }, s.id)) }),
+        /* @__PURE__ */ jsx12("h2", { style: styles.subtitle, children: "Recent sign-ins" }),
+        history.events.length === 0 && !history.isLoading ? /* @__PURE__ */ jsx12("p", { style: styles.muted, children: "None recorded." }) : /* @__PURE__ */ jsx12("ul", { style: styles.list, children: history.events.map((e) => /* @__PURE__ */ jsxs12("li", { style: styles.row, children: [
+          /* @__PURE__ */ jsx12(Pill, { tone: e.outcome === "success" ? "ok" : "bad", children: e.outcome }),
+          " ",
+          /* @__PURE__ */ jsx12("span", { style: styles.muted, children: e.method }),
+          " ",
+          /* @__PURE__ */ jsx12("span", { style: styles.mono, children: e.ipAddress ?? "\u2014" }),
+          " ",
+          describeLocation(e.location) ? /* @__PURE__ */ jsx12("span", { style: styles.muted, children: describeLocation(e.location) }) : null,
+          e.location?.proxy || e.location?.hosting ? /* @__PURE__ */ jsxs12(Fragment7, { children: [
+            " ",
+            /* @__PURE__ */ jsx12(Pill, { tone: "warn", children: e.location.proxy ? "proxy/VPN" : "hosting" })
+          ] }) : null,
+          " ",
+          /* @__PURE__ */ jsx12("span", { style: styles.muted, children: new Date(e.createdAt).toLocaleString() })
+        ] }, e.id)) }),
+        history.hasMore && !history.isLoading ? /* @__PURE__ */ jsx12(
+          "button",
+          {
+            type: "button",
+            style: { ...styles.button, marginTop: 8 },
+            onClick: () => void history.loadMore(),
+            children: "Load more"
+          }
+        ) : null
+      ] }) : null
     ] }) : null
   ] });
 }