@eifi1/ui-kit 0.53.0 → 0.55.0

package/src/account/sessions-setting.tsx

@@ -1,283 +0,0 @@
-import { useState } from "react";
-import type { ComponentPropsWithRef, ReactNode } from "react";
-import { MonitorSmartphone } from "lucide-react";
-
-import { useKitLabels, type LabelOverride } from "../i18n/kit-labels";
-import { cn } from "../lib/cn";
-import { useDayFormatter } from "../lib/day-format";
-import { describeFailure } from "../lib/describe-failure";
-import { toDate, useKitFormat } from "../lib/format";
-import type { DateInput } from "../lib/format";
-import { AlertBanner } from "../components/alert-banner";
-import { Chip } from "../components/chip";
-import { hasContent } from "../lib/presence";
-import { DangerConfirm } from "../components/danger-confirm";
-import { Skeleton } from "../components/skeleton";
-import { Button } from "../components/button";
-import { Card } from "../components/card";
-import { CARD_DESCRIPTION_CLASS, settle, useMounted } from "./account-parts";
-import { SettingsCardTitle } from "../settings/settings-heading";
-import { COMMIT_EXCEPT_BILLING } from "../components/write-lock";
-import { DEFAULT_SESSIONS_LABELS } from "./sessions-setting-labels";
-
-/* ── Labels ──────────────────────────────────────────────────────────────── */
-
-/** Every string {@link SessionsSetting} renders — the `sessions` namespace of
- *  `<UiKitProvider labels>`, overridable per instance through `labels`. The confirm's
- *  Cancel is `dangerConfirm.cancel`. */
-export interface SessionsLabels {
-  /** The card's title. */
-  title: string;
-  /** The line under it: what "sign out everywhere" is for. */
-  description: string;
-  /** The button that asks first. */
-  signOutEverywhere: string;
-  /** The question it asks: every session ends, this one too. */
-  signOutEverywherePrompt: string;
-  /** The button that answers it. */
-  confirmSignOutEverywhere: string;
-  /** The device list's accessible name. */
-  list: string;
-  /** While the list loads. */
-  loading: string;
-  /** A list with no rows. */
-  empty: string;
-  /** The chip on the session this page runs in. */
-  current: string;
-  /** A session whose device the server could not name. */
-  unknownDevice: string;
-  /** Given the last activity, formatted ("3 hours ago", "5 Oct 2026"). */
-  lastActive: (when: string) => string;
-  /** Given the address the session was last seen from. */
-  ip: (address: string) => string;
-  /** A row's button, visible text. */
-  revoke: string;
-  /** The same button's accessible name, given the device — it starts with `revoke`,
-   *  the visible text, so voice control finds it by what it says. */
-  revokeItem: (device: string) => string;
-  /** A request failed. */
-  failed: string;
-}
-
-// Defined in ./sessions-setting-labels, which holds no component code (0.34, KS U8).
-export { DEFAULT_SESSIONS_LABELS };
-
-/* ── Props ───────────────────────────────────────────────────────────────── */
-
-/** What a session's `id` may be: the app's own key type. */
-export type SessionId = string | number;
-
-/** One stored session (kastlan's `GET /auth/sessions`). */
-export interface SessionItem<Id extends SessionId = SessionId> {
-  id: Id;
-  /** The browser and system, as the server reads them ("Firefox on Windows"). Blank
-   *  reads as `labels.unknownDevice`. */
-  device?: string | null;
-  /** The address it was last seen from. */
-  ip?: string | null;
-  /** A `Date`, an ISO string or epoch ms. */
-  lastActiveAt?: DateInput;
-  /** The session this page runs in: marked, and offered no "Sign out" of its own — the
-   *  app's sign-out does that, and "Sign out everywhere" below. */
-  current?: boolean;
-}
-
-/** Which request failed — {@link SessionsSettingProps.describeError}'s second argument. */
-export type SessionsAction = "sign-out-everywhere" | "revoke";
-
-export interface SessionsSettingProps<Id extends SessionId = SessionId> extends Omit<
-  ComponentPropsWithRef<"div">,
-  "children"
-> {
-  /**
-   * End every session (`POST /auth/logout`, auth §6.3) — this one included. Asked
-   * first; resolve once the server answered, then sign this page out: the card says
-   * that the device signs out too, and its own session is gone.
-   */
-  onSignOutEverywhere: () => Promise<unknown> | void;
-  /**
-   * The stored sessions, where the app keeps them (kastlan's `user_sessions`, §6.3).
-   * Left out, the card is "Sign out everywhere" alone — keksdose and Kurvenschmiede keep
-   * a cut-off (`sessions_invalid_before`), not rows. `undefined` with `loading` while the
-   * first load runs.
-   */
-  sessions?: readonly SessionItem<Id>[];
-  /** The list is loading. */
-  loading?: boolean;
-  /** End one other session (`DELETE /auth/sessions/{id}`). Left out, no row buttons.
-   *  The row is busy until it settles; refresh `sessions` then. */
-  onRevoke?: (id: Id) => Promise<unknown> | void;
-  /** The app's own words for a failure, or `undefined` for the kit's `failed`. */
-  describeError?: (error: unknown, action: SessionsAction) => ReactNode | undefined;
-  /** The "Last active" text. Default: how long ago, in the provider's locale and
-   *  `timeZone`, and the date once it is more than a week back — through the provider's
-   *  `formatDate` (the app's date preference) when it has one. */
-  formatLastActive?: (date: Date) => string;
-  /** Overrides the provider's locale for the default format. */
-  locale?: string;
-  labels?: LabelOverride<SessionsLabels>;
-}
-
-/**
- * Where the account is signed in, and the way out of all of it
- * (docs/user-admin-harmonization.md §6.3, §2.6).
- *
- * **"Sign out everywhere", in every app.** It ends every session, THIS one included —
- * the server stamps a cut-off (`sessions_invalid_before`) that the page's own token is
- * older than — so the confirm says so before it is pressed, and the app signs out once it
- * resolves. A {@link DangerConfirm} in the warning tone: nothing is lost, but the person
- * has to sign in again on every device. keksdose kept its ordinary sign-out device-only
- * (its offline mirror is wiped on an explicit sign-out), which is why this is an action
- * of its own, not a mode of that one.
- *
- * **The device list, where sessions are stored** (kastlan): device, address, last
- * active, and "This device" on the current one, with "Sign out" on each other row — no
- * confirm, since a session ended is a sign-in away from coming back, not data lost.
- * Without `sessions` there is no list: the other apps keep a cut-off, not rows.
- *
- * Both requests are the app's; a failure is said under the card's action, in the app's
- * words if `describeError` has them.
- *
- * **Under a write lock** both are `commit` controls exempt from billing
- * (`COMMIT_EXCEPT_BILLING`, 0.33): a lapsed plan never keeps a person from ending their
- * own sessions (docs/billing-harmonization.md §12.13, §12.36); a demo's lock still does.
- */
-export function SessionsSetting<Id extends SessionId = SessionId>({
-  onSignOutEverywhere,
-  sessions,
-  loading,
-  onRevoke,
-  describeError,
-  formatLastActive,
-  locale: localeProp,
-  labels: labelsProp,
-  className,
-  ...rest
-}: SessionsSettingProps<Id>) {
-  const labels = useKitLabels("sessions", DEFAULT_SESSIONS_LABELS, labelsProp);
-  // The provider's locale and `timeZone`; past a week the words are a date, and a date
-  // that names a day follows the app's preference (refactor audit 2026-10-30, DUP-2).
-  const { formatDate, formatRelativeTime } = useKitFormat(localeProp);
-  const day = useDayFormatter(null, localeProp);
-  const [busyId, setBusyId] = useState<Id | null>(null);
-  const [failure, setFailure] = useState<ReactNode>(null);
-  const mounted = useMounted();
-
-  const describe = (error: unknown, action: SessionsAction): ReactNode =>
-    describeFailure(describeError?.(error, action), labels.failed);
-
-  const lastActive = (value: DateInput): string | null => {
-    const date = toDate(value);
-    if (!date) return null;
-    if (formatLastActive) return formatLastActive(date);
-    const words = formatRelativeTime(date, { absoluteAfterDays: 7, absoluteStyle: "medium" });
-    // Past a week the words ARE the medium date ("5 weeks ago" makes a reader do sums);
-    // then the day as the app's preference writes it.
-    return words === formatDate(date, "medium") ? day(date) : words;
-  };
-
-  const signOutEverywhere = () => {
-    setFailure(null);
-    // Rejected again after it is said, so the tile stays armed for a retry.
-    return settle(onSignOutEverywhere).catch((error: unknown) => {
-      if (mounted.current) setFailure(describe(error, "sign-out-everywhere"));
-      throw error;
-    });
-  };
-
-  const revoke = (id: Id) => {
-    if (!onRevoke || busyId !== null) return;
-    setBusyId(id);
-    setFailure(null);
-    settle(() => onRevoke(id)).then(
-      () => {
-        if (mounted.current) setBusyId(null);
-      },
-      (error: unknown) => {
-        if (!mounted.current) return;
-        setBusyId(null);
-        setFailure(describe(error, "revoke"));
-      },
-    );
-  };
-
-  const showList = sessions !== undefined || loading;
-
-  return (
-    <Card {...rest} className={cn("p-4 space-y-3", className)}>
-      <div>
-        <SettingsCardTitle>{labels.title}</SettingsCardTitle>
-        <div className={CARD_DESCRIPTION_CLASS}>{labels.description}</div>
-      </div>
-      {showList &&
-        (loading || sessions === undefined ? (
-          <Skeleton lines={2} label={labels.loading} />
-        ) : sessions.length === 0 ? (
-          <p className={CARD_DESCRIPTION_CLASS}>{labels.empty}</p>
-        ) : (
-          <ul aria-label={labels.list} className="divide-y divide-subtle">
-            {sessions.map((session) => {
-              const device = session.device?.trim() || labels.unknownDevice;
-              const when = lastActive(session.lastActiveAt);
-              const ip = session.ip?.trim();
-              return (
-                <li
-                  key={session.id}
-                  data-session-id={String(session.id)}
-                  data-current={session.current || undefined}
-                  className="flex items-center gap-3 py-2"
-                >
-                  <MonitorSmartphone aria-hidden className="size-4 shrink-0 text-muted" />
-                  <div className="min-w-0 flex-1">
-                    <div className="flex flex-wrap items-center gap-x-2 gap-y-1">
-                      <span className="min-w-0 break-words text-sm font-medium">{device}</span>
-                      {session.current && (
-                        <Chip size="sm" tone="brand">
-                          {labels.current}
-                        </Chip>
-                      )}
-                    </div>
-                    {(when || ip) && (
-                      <div className={CARD_DESCRIPTION_CLASS}>
-                        {when && labels.lastActive(when)}
-                        {when && ip && " · "}
-                        {/* An address reads left to right in any page direction. */}
-                        {ip && <span dir="ltr">{labels.ip(ip)}</span>}
-                      </div>
-                    )}
-                  </div>
-                  {onRevoke && !session.current && (
-                    <Button
-                      type="button"
-                      size="sm"
-                      variant="ghost"
-                      commit={COMMIT_EXCEPT_BILLING}
-                      pending={busyId === session.id}
-                      disabled={busyId !== null && busyId !== session.id}
-                      aria-label={labels.revokeItem(device)}
-                      onClick={() => revoke(session.id)}
-                    >
-                      {labels.revoke}
-                    </Button>
-                  )}
-                </li>
-              );
-            })}
-          </ul>
-        ))}
-      <DangerConfirm
-        tone="warning"
-        commit={COMMIT_EXCEPT_BILLING}
-        armLabel={labels.signOutEverywhere}
-        prompt={labels.signOutEverywherePrompt}
-        confirmLabel={labels.confirmSignOutEverywhere}
-        onConfirm={signOutEverywhere}
-      />
-      {hasContent(failure) && (
-        <AlertBanner tone="danger" size="sm" role="alert">
-          {failure}
-        </AlertBanner>
-      )}
-    </Card>
-  );
-}

package/src/admin/admin-action-confirm-labels.ts

@@ -1,19 +0,0 @@
-// The English words of ./admin-action-confirm, in a module with no component code: the
-// English catalogue (src/i18n/defaults.ts) imports them without the component, so `en`
-// loads as one chunk like the other languages (0.34, KS U8). ./admin-action-confirm
-// re-exports them.
-
-import type { AdminActionLabels } from "./admin-action-confirm";
-
-export const DEFAULT_ADMIN_ACTION_LABELS: AdminActionLabels = {
-  confirm: "Confirm",
-  cancel: "Cancel",
-  close: "Close",
-  lastAdmin: "This is the last active administrator. Make someone else an administrator first.",
-  self: "You can’t do this to your own account.",
-  confirmationMismatch: "The address doesn’t match this account. Check which account you are on.",
-  otherCompanies:
-    "This account also belongs to other companies, so only the platform operator can do this. You can remove it from this company instead.",
-  removeFromCompany: "Remove from company",
-  failed: "That didn’t work. Please try again.",
-};