@eifi1/ui-kit 0.51.7 → 0.53.0

package/dist/notifications/notification-parts.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/notifications/notification-parts.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport type { ReactNode } from \"react\";\n\nimport { useKitLabels, type LabelOverride } from \"../i18n/kit-labels\";\nimport { hasContent } from \"../lib/presence\";\nimport { AlertBanner } from \"../components/alert-banner\";\nimport { DEFAULT_NOTIFICATIONS_LABELS } from \"./notifications-labels\";\nimport type { NotificationsLabels } from \"./notifications-labels\";\n\n/**\n * What the notification cards share: their words, the failure line under a card, and\n * the overlay a card shows while its write runs.\n *\n * @internal Not part of the barrel; the cards are.\n */\n\n/** The `notifications` namespace: English, then the provider, then the card's prop. */\nexport function useNotificationsLabels(prop?: LabelOverride<NotificationsLabels>): NotificationsLabels {\n  return useKitLabels(\"notifications\", DEFAULT_NOTIFICATIONS_LABELS, prop);\n}\n\n/** The app's words for a failure, else `fallback`. */\nexport function describeFailure(own: ReactNode | undefined, fallback: ReactNode): ReactNode {\n  return hasContent(own) ? own : fallback;\n}\n\n/** A failure, said under the card's controls — nothing toasts (§4.2). */\nexport function FailureLine({ children }: { children: ReactNode }) {\n  if (!hasContent(children)) return null;\n  return (\n    <AlertBanner tone=\"danger\" size=\"sm\" role=\"alert\">\n      {children}\n    </AlertBanner>\n  );\n}\n\n/** What {@link useWriteOverlay} answers. */\nexport interface WriteOverlay<V> {\n  has: (key: string) => boolean;\n  get: (key: string) => V | undefined;\n  pending: (key: string) => boolean;\n  set: (key: string, value: V) => void;\n  settle: (key: string, ok: boolean) => void;\n}\n\n/**\n * Values a card shows while its write runs, over what the server last answered.\n *\n * `set(key, value)` shows `value` at once; `settle(key, ok)` drops it again when the\n * write failed (the server's value comes back) and keeps it when it succeeded, until the\n * app hands the card a new `source` — the PATCH's answer, or a refetch — which clears\n * every settled entry, so a card whose app does not update its query on success does not\n * flick back to the old value in between. `pending(key)` says whether a write for `key`\n * is still running.\n *\n * The reset on a new `source` is React's \"adjust state while rendering\" pattern, not an\n * effect: the overlay is gone in the same render that shows the new value.\n */\nexport function useWriteOverlay<V>(source: unknown): WriteOverlay<V> {\n  const [entries, setEntries] = useState<ReadonlyMap<string, { value: V; running: boolean }>>(new Map());\n  const [seen, setSeen] = useState(source);\n  if (seen !== source) {\n    setSeen(source);\n    const kept = new Map([...entries].filter(([, entry]) => entry.running));\n    if (kept.size !== entries.size) setEntries(kept);\n  }\n  return {\n    has: (key: string) => entries.has(key),\n    get: (key: string) => entries.get(key)?.value,\n    pending: (key: string) => entries.get(key)?.running === true,\n    set: (key: string, value: V) => setEntries((current) => new Map(current).set(key, { value, running: true })),\n    settle: (key: string, ok: boolean) =>\n      setEntries((current) => {\n        const entry = current.get(key);\n        if (!entry) return current;\n        const next = new Map(current);\n        if (ok) next.set(key, { value: entry.value, running: false });\n        else next.delete(key);\n        return next;\n      }),\n  };\n}\n"],"mappings":";AA8BI;AA9BJ,SAAS,gBAAgB;AAGzB,SAAS,oBAAwC;AACjD,SAAS,kBAAkB;AAC3B,SAAS,mBAAmB;AAC5B,SAAS,oCAAoC;AAWtC,SAAS,uBAAuB,MAAgE;AACrG,SAAO,aAAa,iBAAiB,8BAA8B,IAAI;AACzE;AAGO,SAAS,gBAAgB,KAA4B,UAAgC;AAC1F,SAAO,WAAW,GAAG,IAAI,MAAM;AACjC;AAGO,SAAS,YAAY,EAAE,SAAS,GAA4B;AACjE,MAAI,CAAC,WAAW,QAAQ,EAAG,QAAO;AAClC,SACE,oBAAC,eAAY,MAAK,UAAS,MAAK,MAAK,MAAK,SACvC,UACH;AAEJ;AAwBO,SAAS,gBAAmB,QAAkC;AACnE,QAAM,CAAC,SAAS,UAAU,IAAI,SAA8D,oBAAI,IAAI,CAAC;AACrG,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,MAAM;AACvC,MAAI,SAAS,QAAQ;AACnB,YAAQ,MAAM;AACd,UAAM,OAAO,IAAI,IAAI,CAAC,GAAG,OAAO,EAAE,OAAO,CAAC,CAAC,EAAE,KAAK,MAAM,MAAM,OAAO,CAAC;AACtE,QAAI,KAAK,SAAS,QAAQ,KAAM,YAAW,IAAI;AAAA,EACjD;AACA,SAAO;AAAA,IACL,KAAK,CAAC,QAAgB,QAAQ,IAAI,GAAG;AAAA,IACrC,KAAK,CAAC,QAAgB,QAAQ,IAAI,GAAG,GAAG;AAAA,IACxC,SAAS,CAAC,QAAgB,QAAQ,IAAI,GAAG,GAAG,YAAY;AAAA,IACxD,KAAK,CAAC,KAAa,UAAa,WAAW,CAAC,YAAY,IAAI,IAAI,OAAO,EAAE,IAAI,KAAK,EAAE,OAAO,SAAS,KAAK,CAAC,CAAC;AAAA,IAC3G,QAAQ,CAAC,KAAa,OACpB,WAAW,CAAC,YAAY;AACtB,YAAM,QAAQ,QAAQ,IAAI,GAAG;AAC7B,UAAI,CAAC,MAAO,QAAO;AACnB,YAAM,OAAO,IAAI,IAAI,OAAO;AAC5B,UAAI,GAAI,MAAK,IAAI,KAAK,EAAE,OAAO,MAAM,OAAO,SAAS,MAAM,CAAC;AAAA,UACvD,MAAK,OAAO,GAAG;AACpB,aAAO;AAAA,IACT,CAAC;AAAA,EACL;AACF;","names":[]}
+{"version":3,"sources":["../../src/notifications/notification-parts.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport type { ReactNode } from \"react\";\n\nimport { useKitLabels, type LabelOverride } from \"../i18n/kit-labels\";\nimport { hasContent } from \"../lib/presence\";\nimport { AlertBanner } from \"../components/alert-banner\";\nimport { DEFAULT_NOTIFICATIONS_LABELS } from \"./notifications-labels\";\nimport type { NotificationsLabels } from \"./notifications-labels\";\n\n/**\n * What the notification cards share: their words, the failure line under a card, and\n * the overlay a card shows while its write runs.\n *\n * @internal Not part of the barrel; the cards are.\n */\n\n/** The `notifications` namespace: English, then the provider, then the card's prop. */\nexport function useNotificationsLabels(prop?: LabelOverride<NotificationsLabels>): NotificationsLabels {\n  return useKitLabels(\"notifications\", DEFAULT_NOTIFICATIONS_LABELS, prop);\n}\n\n/** The app's words for a failure, else `fallback` — in lib/ since 0.52, for the auth forms\n *  too (refactor audit 2026-10-30, DUP-14). */\nexport { describeFailure } from \"../lib/describe-failure\";\n\n/** A failure, said under the card's controls — nothing toasts (§4.2). */\nexport function FailureLine({ children }: { children: ReactNode }) {\n  if (!hasContent(children)) return null;\n  return (\n    <AlertBanner tone=\"danger\" size=\"sm\" role=\"alert\">\n      {children}\n    </AlertBanner>\n  );\n}\n\n/** What {@link useWriteOverlay} answers. */\nexport interface WriteOverlay<V> {\n  has: (key: string) => boolean;\n  get: (key: string) => V | undefined;\n  pending: (key: string) => boolean;\n  set: (key: string, value: V) => void;\n  settle: (key: string, ok: boolean) => void;\n}\n\n/**\n * Values a card shows while its write runs, over what the server last answered.\n *\n * `set(key, value)` shows `value` at once; `settle(key, ok)` drops it again when the\n * write failed (the server's value comes back) and keeps it when it succeeded, until the\n * app hands the card a new `source` — the PATCH's answer, or a refetch — which clears\n * every settled entry, so a card whose app does not update its query on success does not\n * flick back to the old value in between. `pending(key)` says whether a write for `key`\n * is still running.\n *\n * The reset on a new `source` is React's \"adjust state while rendering\" pattern, not an\n * effect: the overlay is gone in the same render that shows the new value.\n */\nexport function useWriteOverlay<V>(source: unknown): WriteOverlay<V> {\n  const [entries, setEntries] = useState<ReadonlyMap<string, { value: V; running: boolean }>>(new Map());\n  const [seen, setSeen] = useState(source);\n  if (seen !== source) {\n    setSeen(source);\n    const kept = new Map([...entries].filter(([, entry]) => entry.running));\n    if (kept.size !== entries.size) setEntries(kept);\n  }\n  return {\n    has: (key: string) => entries.has(key),\n    get: (key: string) => entries.get(key)?.value,\n    pending: (key: string) => entries.get(key)?.running === true,\n    set: (key: string, value: V) => setEntries((current) => new Map(current).set(key, { value, running: true })),\n    settle: (key: string, ok: boolean) =>\n      setEntries((current) => {\n        const entry = current.get(key);\n        if (!entry) return current;\n        const next = new Map(current);\n        if (ok) next.set(key, { value: entry.value, running: false });\n        else next.delete(key);\n        return next;\n      }),\n  };\n}\n"],"mappings":";AA6BI;AA7BJ,SAAS,gBAAgB;AAGzB,SAAS,oBAAwC;AACjD,SAAS,kBAAkB;AAC3B,SAAS,mBAAmB;AAC5B,SAAS,oCAAoC;AAWtC,SAAS,uBAAuB,MAAgE;AACrG,SAAO,aAAa,iBAAiB,8BAA8B,IAAI;AACzE;AAIA,SAAS,uBAAuB;AAGzB,SAAS,YAAY,EAAE,SAAS,GAA4B;AACjE,MAAI,CAAC,WAAW,QAAQ,EAAG,QAAO;AAClC,SACE,oBAAC,eAAY,MAAK,UAAS,MAAK,MAAK,MAAK,SACvC,UACH;AAEJ;AAwBO,SAAS,gBAAmB,QAAkC;AACnE,QAAM,CAAC,SAAS,UAAU,IAAI,SAA8D,oBAAI,IAAI,CAAC;AACrG,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,MAAM;AACvC,MAAI,SAAS,QAAQ;AACnB,YAAQ,MAAM;AACd,UAAM,OAAO,IAAI,IAAI,CAAC,GAAG,OAAO,EAAE,OAAO,CAAC,CAAC,EAAE,KAAK,MAAM,MAAM,OAAO,CAAC;AACtE,QAAI,KAAK,SAAS,QAAQ,KAAM,YAAW,IAAI;AAAA,EACjD;AACA,SAAO;AAAA,IACL,KAAK,CAAC,QAAgB,QAAQ,IAAI,GAAG;AAAA,IACrC,KAAK,CAAC,QAAgB,QAAQ,IAAI,GAAG,GAAG;AAAA,IACxC,SAAS,CAAC,QAAgB,QAAQ,IAAI,GAAG,GAAG,YAAY;AAAA,IACxD,KAAK,CAAC,KAAa,UAAa,WAAW,CAAC,YAAY,IAAI,IAAI,OAAO,EAAE,IAAI,KAAK,EAAE,OAAO,SAAS,KAAK,CAAC,CAAC;AAAA,IAC3G,QAAQ,CAAC,KAAa,OACpB,WAAW,CAAC,YAAY;AACtB,YAAM,QAAQ,QAAQ,IAAI,GAAG;AAC7B,UAAI,CAAC,MAAO,QAAO;AACnB,YAAM,OAAO,IAAI,IAAI,OAAO;AAC5B,UAAI,GAAI,MAAK,IAAI,KAAK,EAAE,OAAO,MAAM,OAAO,SAAS,MAAM,CAAC;AAAA,UACvD,MAAK,OAAO,GAAG;AACpB,aAAO;AAAA,IACT,CAAC;AAAA,EACL;AACF;","names":[]}

package/dist/notifications/notification-types-setting.js

@@ -12,7 +12,7 @@ import { COMMIT_EXCEPT_BILLING } from "../components/write-lock.js";
 import { usePhoneLayout } from "../hooks/use-breakpoint.js";
 import { CARD_DESCRIPTION_CLASS } from "../settings/settings-card-classes.js";
 import { SettingsCardTitle } from "../settings/settings-heading.js";
-import { settle, useMounted } from "../account/account-parts.js";
+import { settle, useMounted } from "../hooks/use-mounted.js";
 import { describeFailure, FailureLine, useNotificationsLabels, useWriteOverlay } from "./notification-parts.js";
 function devChecks() {
   return Boolean(import.meta.env?.DEV);

package/dist/notifications/notification-types-setting.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/notifications/notification-types-setting.tsx"],"sourcesContent":["import { useId, useState } from \"react\";\nimport type { ComponentPropsWithRef, ReactNode } from \"react\";\n\nimport type { LabelOverride } from \"../i18n/kit-labels\";\nimport { cn } from \"../lib/cn\";\nimport { hasContent } from \"../lib/presence\";\nimport { Card } from \"../components/card\";\nimport { Select } from \"../components/select\";\nimport { Skeleton } from \"../components/skeleton\";\nimport { Switch } from \"../components/switch\";\nimport { SectionLabel } from \"../components/text\";\nimport { COMMIT_EXCEPT_BILLING } from \"../components/write-lock\";\nimport { usePhoneLayout } from \"../hooks/use-breakpoint\";\nimport { CARD_DESCRIPTION_CLASS } from \"../settings/settings-card-classes\";\nimport { SettingsCardTitle } from \"../settings/settings-heading\";\nimport { settle, useMounted } from \"../account/account-parts\";\nimport { describeFailure, FailureLine, useNotificationsLabels, useWriteOverlay } from \"./notification-parts\";\nimport type { WriteOverlay } from \"./notification-parts\";\nimport type { NotificationsLabels } from \"./notifications-labels\";\nimport type {\n  DigestCadence,\n  NotificationChannel,\n  NotificationSettingsPatch,\n  NotificationSwitches,\n  NotificationTypeEntry,\n  NotificationTypeGroup,\n  NotificationTypesValue,\n} from \"./notification-types\";\n\n/** Is this a development build? Dead code in a consumer's production bundle; on under\n *  vitest, where a type the card cannot draw is a bug a test should fail on (as\n *  `SettingsSection`'s catalogue check). */\nfunction devChecks(): boolean {\n  return Boolean(import.meta.env?.DEV);\n}\n\nexport interface NotificationTypesSettingProps<Id extends string = string> extends Omit<\n  ComponentPropsWithRef<\"div\">,\n  \"children\" | \"onChange\"\n> {\n  /** The app's words for its types, in its order. Where an app types its ids. */\n  types: readonly NotificationTypeEntry<Id>[];\n  /** The `GET`'s `types` (§3.2); `undefined` while the first load runs. */\n  value: NotificationTypesValue | undefined;\n  /** The settings are loading. */\n  loading?: boolean;\n  /**\n   * Save one change — `PATCH /notifications/settings` with this body: one switch per\n   * call (`{types: {digest: {app: true}}}`), or `{digest_cadence}`. The switch shows its\n   * new state while the call runs and goes back if it rejects; hand the card the\n   * PATCH's answer (or refetch) when it resolves.\n   */\n  onChange: (patch: NotificationSettingsPatch<Id>) => Promise<unknown> | void;\n  /** Headings over the types, in the app's words (keksdose's three). Without them, one\n   *  list in the order of `types`. In development every type the server answered must\n   *  be in one. */\n  groups?: readonly NotificationTypeGroup<Id>[];\n  /** The digest type and the account's cadence: a cadence `Select` under that type\n   *  while it is on. */\n  digest?: { type: Id; cadence: DigestCadence };\n  /** Under a type while it is on — keksdose's low-balance threshold field. */\n  renderExtra?: (id: Id) => ReactNode;\n  /** The account's address is unverified: every e-mail switch says\n   *  `labels.emailUnverified` under it (decision 16). */\n  emailUnverified?: boolean;\n  /** Nothing can be changed (the switches stay readable). */\n  disabled?: boolean;\n  /** The app's own words for a failed save, or `undefined` for the kit's `failed`. */\n  describeError?: (error: unknown) => ReactNode | undefined;\n  labels?: LabelOverride<NotificationsLabels>;\n}\n\n/** One drawn type: the app's words and the server's switches. */\ninterface Row<Id extends string> {\n  entry: NotificationTypeEntry<Id>;\n  switches: NotificationSwitches;\n}\n\n/** A switch's key in the write overlay. */\nconst switchKey = (id: string, channel: NotificationChannel) => `${id}.${channel}`;\nconst CADENCE_KEY = \"digest_cadence\";\n\n/** The grid of a several-channel row on a wide screen: the type's words, then one narrow\n *  column per channel drawn. Literal classes, so Tailwind's scan finds them. */\nconst COLUMN_GRID: Record<number, string> = {\n  1: \"grid-cols-[minmax(0,1fr)_4.5rem]\",\n  2: \"grid-cols-[minmax(0,1fr)_repeat(2,4.5rem)]\",\n  3: \"grid-cols-[minmax(0,1fr)_repeat(3,4.5rem)]\",\n};\n\n/** The channels in the card's column order (§10.2). */\nconst CHANNELS: readonly NotificationChannel[] = [\"app\", \"push\", \"email\"];\n\n/** The channels a type offers: every one the server did not answer `null` (or leave out,\n *  as `push` before server-kit 0.16). */\nconst channelsOf = (switches: NotificationSwitches): NotificationChannel[] =>\n  CHANNELS.filter((channel) => switches[channel] !== null && switches[channel] !== undefined);\n\n/**\n * What the person hears about, and how (docs/notifications-harmonization.md §2.1–§2.3,\n * §4.2, §10.2): one row per type the SERVER answered, the app's words on it, and a switch\n * per channel the type offers — \"In the app\", \"Push\", \"E-mail\". On a wide screen they are\n * narrow columns under those headings; on a phone they stack under the type's label. A\n * channel the server answers `null` is not drawn (kastlan and KS offer no push; KS no\n * \"in the app\"), and a row with one channel keeps a single switch named by the type\n * (Kurvenschmiede's e-mail-only rows).\n *\n * **The server's list is the only list.** The card keeps no defaults and no list of\n * types: it draws what `value` holds, in the order of `groups`, else of `types`. A type\n * the app names that the server did not answer is not drawn (kastlan's tenant receives\n * neither of its types). In development a type the server answered with no entry in\n * `types`, or in no group when `groups` is given, throws — keksdose's compile-time\n * `_EVERY_TYPE_IS_GROUPED`, now at run time, since the list is the server's.\n *\n * **Each flip saves at once**, one switch per call; the switch shows its new state while\n * the call runs and goes back if it rejects, with the failure said under the card. The\n * digest's cadence and the app's extra field (`renderExtra`) show under their type while\n * it is on.\n *\n * Under a write lock the switches are `commit` controls exempt from billing: a lapsed\n * plan never keeps a person from turning notifications off (billing §12.13).\n */\nexport function NotificationTypesSetting<Id extends string = string>({\n  types,\n  value,\n  loading,\n  onChange,\n  groups,\n  digest,\n  renderExtra,\n  emailUnverified = false,\n  disabled = false,\n  describeError,\n  labels: labelsProp,\n  className,\n  ...rest\n}: NotificationTypesSettingProps<Id>) {\n  const labels = useNotificationsLabels(labelsProp);\n  const overlay = useWriteOverlay<boolean>(value);\n  const cadenceOverlay = useWriteOverlay<DigestCadence>(digest?.cadence);\n  const [failure, setFailure] = useState<ReactNode>(null);\n  const mounted = useMounted();\n  const groupId = useId();\n\n  const answered = value ? Object.keys(value) : [];\n  const entries = new Map(types.map((entry) => [entry.id as string, entry]));\n  if (value && devChecks()) {\n    const unnamed = answered.filter((id) => !entries.has(id));\n    if (unnamed.length) {\n      throw new Error(\n        `NotificationTypesSetting: the server answered ${unnamed.map((id) => `\"${id}\"`).join(\", \")} with no entry in \\`types\\` — give every type the server can send its words.`,\n      );\n    }\n    if (groups) {\n      const grouped = new Set<string>(groups.flatMap((group) => group.types));\n      const loose = answered.filter((id) => !grouped.has(id));\n      if (loose.length) {\n        throw new Error(\n          `NotificationTypesSetting: ${loose.map((id) => `\"${id}\"`).join(\", \")} is in no group — a type in no group is drawn nowhere, and could not be turned off.`,\n        );\n      }\n    }\n  }\n\n  const phone = usePhoneLayout();\n  const rowOf = (id: Id): Row<Id> | null => {\n    const switches = value?.[id];\n    const entry = entries.get(id);\n    if (!switches || !entry || channelsOf(switches).length === 0) return null;\n    return { entry, switches };\n  };\n  const rowsOf = (ids: readonly Id[]) => ids.map(rowOf).filter((row): row is Row<Id> => row !== null);\n\n  const shown = (id: string, channel: NotificationChannel, server: boolean): boolean => {\n    const key = switchKey(id, channel);\n    return overlay.get(key) ?? server;\n  };\n  const channelOn = ({ entry, switches }: Row<Id>, channel: NotificationChannel) =>\n    shown(entry.id, channel, switches[channel] === true);\n  /** The type reaches the person at all: some channel is on (the cadence and the app's\n   *  extra show then). */\n  const rowOn = (row: Row<Id>) => channelsOf(row.switches).some((channel) => channelOn(row, channel));\n\n  const save = <V,>(key: string, patch: NotificationSettingsPatch<Id>, which: WriteOverlay<V>, next: V) => {\n    if (which.pending(key)) return;\n    setFailure(null);\n    which.set(key, next);\n    settle(() => onChange(patch)).then(\n      () => {\n        if (mounted.current) which.settle(key, true);\n      },\n      (error: unknown) => {\n        if (!mounted.current) return;\n        which.settle(key, false);\n        setFailure(describeFailure(describeError?.(error), labels.failed));\n      },\n    );\n  };\n\n  const flip = (id: Id, channel: NotificationChannel, on: boolean) =>\n    save(\n      switchKey(id, channel),\n      { types: { [id]: { [channel]: on } } as NotificationSettingsPatch<Id>[\"types\"] },\n      overlay,\n      on,\n    );\n\n  const cadence = cadenceOverlay.get(CADENCE_KEY) ?? digest?.cadence;\n\n  const unverifiedLine = emailUnverified ? (\n    <span className=\"block\" data-email-unverified=\"\">\n      {labels.emailUnverified}\n    </span>\n  ) : null;\n\n  const channelLabel: Record<NotificationChannel, string> = {\n    app: labels.channelApp,\n    push: labels.channelPush,\n    email: labels.channelEmail,\n  };\n  /** The columns on a wide screen: every channel some several-channel row offers. */\n  const drawnRows =\n    value && !loading ? rowsOf(groups ? groups.flatMap((group) => group.types) : types.map((entry) => entry.id)) : [];\n  const multi = drawnRows.filter((row) => channelsOf(row.switches).length > 1);\n  const columns = CHANNELS.filter((channel) => multi.some((row) => channelsOf(row.switches).includes(channel)));\n  const columnHeadings =\n    !phone && columns.length > 0 ? (\n      // The switches carry the channel's name themselves; the headings are for the eye.\n      <div aria-hidden className={cn(\"grid gap-x-2\", COLUMN_GRID[columns.length])} data-channel-headings=\"\">\n        <span />\n        {columns.map((channel) => (\n          <span key={channel} className=\"text-center text-caption font-medium text-muted\">\n            {channelLabel[channel]}\n          </span>\n        ))}\n      </div>\n    ) : null;\n\n  const renderRow = (row: Row<Id>) => {\n    const { entry, switches } = row;\n    const on = rowOn(row);\n    const offered = channelsOf(switches);\n    const single = offered.length === 1 ? offered[0] : null;\n    const cadenceSelect =\n      on && digest?.type === entry.id && cadence ? (\n        <Select\n          label={labels.digestCadence}\n          value={cadence}\n          disabled={disabled}\n          commit={COMMIT_EXCEPT_BILLING}\n          onChange={(event) => {\n            const next = event.target.value as DigestCadence;\n            if (next !== cadence) save(CADENCE_KEY, { digest_cadence: next }, cadenceOverlay, next);\n          }}\n          className=\"max-w-44\"\n        >\n          <option value=\"weekly\">{labels.digestWeekly}</option>\n          <option value=\"monthly\">{labels.digestMonthly}</option>\n        </Select>\n      ) : null;\n    const extra = on ? renderExtra?.(entry.id) : null;\n    const below =\n      cadenceSelect || hasContent(extra) ? (\n        <div className=\"ps-4 space-y-2\">\n          {cadenceSelect}\n          {extra}\n        </div>\n      ) : null;\n\n    // One channel: today's single switch, named by the type (KS's e-mail-only rows).\n    if (single) {\n      const description =\n        single === \"email\" && unverifiedLine ? (\n          <>\n            {entry.description !== undefined && <span className=\"block\">{entry.description}</span>}\n            {unverifiedLine}\n          </>\n        ) : (\n          entry.description\n        );\n      return (\n        <div key={entry.id} data-notification-type={entry.id} data-channels={single} className=\"space-y-2\">\n          <Switch\n            label={entry.label}\n            description={description}\n            checked={channelOn(row, single)}\n            disabled={disabled}\n            commit={COMMIT_EXCEPT_BILLING}\n            onCheckedChange={(next) => flip(entry.id, single, next)}\n          />\n          {below}\n        </div>\n      );\n    }\n\n    // Several channels: a group named by its type, a switch per channel — columns on a\n    // wide screen (the headings above the list name them), stacked on a phone.\n    const labelId = `${groupId}-type-${entry.id}`;\n    const unverifiedId = `${groupId}-unverified-${entry.id}`;\n    const channelSwitch = (channel: NotificationChannel) => (\n      <Switch\n        key={channel}\n        size=\"sm\"\n        label={phone ? channelLabel[channel] : undefined}\n        aria-label={phone ? undefined : channelLabel[channel]}\n        description={phone && channel === \"email\" ? (unverifiedLine ?? undefined) : undefined}\n        aria-describedby={!phone && channel === \"email\" && unverifiedLine ? unverifiedId : undefined}\n        checked={channelOn(row, channel)}\n        disabled={disabled}\n        commit={COMMIT_EXCEPT_BILLING}\n        onCheckedChange={(next) => flip(entry.id, channel, next)}\n        data-channel={channel}\n      />\n    );\n    const text = (\n      <div className=\"min-w-0\">\n        <div id={labelId} className=\"text-sm font-medium text-primary\">\n          {entry.label}\n        </div>\n        {(entry.description !== undefined || (!phone && offered.includes(\"email\") && unverifiedLine)) && (\n          <div className={CARD_DESCRIPTION_CLASS}>\n            {entry.description !== undefined && <span className=\"block\">{entry.description}</span>}\n            {!phone && offered.includes(\"email\") && <span id={unverifiedId}>{unverifiedLine}</span>}\n          </div>\n        )}\n      </div>\n    );\n    return (\n      <div\n        key={entry.id}\n        data-notification-type={entry.id}\n        data-channels={offered.join(\" \")}\n        role=\"group\"\n        aria-labelledby={labelId}\n        className=\"space-y-2\"\n      >\n        {phone ? (\n          <>\n            {text}\n            <div className=\"ps-4 space-y-2\" data-stacked=\"\">\n              {offered.map(channelSwitch)}\n            </div>\n          </>\n        ) : (\n          <div className={cn(\"grid items-start gap-x-2\", COLUMN_GRID[columns.length])}>\n            {text}\n            {columns.map((channel) => (\n              <div key={channel} className=\"flex justify-center pt-0.5\">\n                {offered.includes(channel) ? channelSwitch(channel) : null}\n              </div>\n            ))}\n          </div>\n        )}\n        {below}\n      </div>\n    );\n  };\n\n  let body: ReactNode;\n  if (loading || value === undefined) {\n    body = <Skeleton lines={3} label={labels.typesLoading} />;\n  } else if (groups) {\n    const drawn = groups.map((group) => ({ group, rows: rowsOf(group.types) })).filter(({ rows }) => rows.length > 0);\n    body =\n      drawn.length === 0 ? (\n        <p className={CARD_DESCRIPTION_CLASS}>{labels.typesEmpty}</p>\n      ) : (\n        <>\n          {columnHeadings}\n          {drawn.map(({ group, rows }) => {\n            const headingId = `${groupId}-${group.id}`;\n            return (\n              <div key={group.id} role=\"group\" aria-labelledby={headingId} className=\"space-y-3\">\n                <SectionLabel as=\"div\" size=\"xs\" id={headingId}>\n                  {group.label}\n                </SectionLabel>\n                {rows.map(renderRow)}\n              </div>\n            );\n          })}\n        </>\n      );\n  } else {\n    const rows = rowsOf(types.map((entry) => entry.id));\n    body =\n      rows.length === 0 ? (\n        <p className={CARD_DESCRIPTION_CLASS}>{labels.typesEmpty}</p>\n      ) : (\n        <div className=\"space-y-3\">\n          {columnHeadings}\n          {rows.map(renderRow)}\n        </div>\n      );\n  }\n\n  return (\n    <Card {...rest} className={cn(\"p-4 space-y-3\", className)}>\n      <div>\n        <SettingsCardTitle>{labels.typesTitle}</SettingsCardTitle>\n        <div className={CARD_DESCRIPTION_CLASS}>{labels.typesDescription}</div>\n      </div>\n      {body}\n      <FailureLine>{failure}</FailureLine>\n    </Card>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/notifications/notification-types-setting.tsx"],"sourcesContent":["import { useId, useState } from \"react\";\nimport type { ComponentPropsWithRef, ReactNode } from \"react\";\n\nimport type { LabelOverride } from \"../i18n/kit-labels\";\nimport { cn } from \"../lib/cn\";\nimport { hasContent } from \"../lib/presence\";\nimport { Card } from \"../components/card\";\nimport { Select } from \"../components/select\";\nimport { Skeleton } from \"../components/skeleton\";\nimport { Switch } from \"../components/switch\";\nimport { SectionLabel } from \"../components/text\";\nimport { COMMIT_EXCEPT_BILLING } from \"../components/write-lock\";\nimport { usePhoneLayout } from \"../hooks/use-breakpoint\";\nimport { CARD_DESCRIPTION_CLASS } from \"../settings/settings-card-classes\";\nimport { SettingsCardTitle } from \"../settings/settings-heading\";\nimport { settle, useMounted } from \"../hooks/use-mounted\";\nimport { describeFailure, FailureLine, useNotificationsLabels, useWriteOverlay } from \"./notification-parts\";\nimport type { WriteOverlay } from \"./notification-parts\";\nimport type { NotificationsLabels } from \"./notifications-labels\";\nimport type {\n  DigestCadence,\n  NotificationChannel,\n  NotificationSettingsPatch,\n  NotificationSwitches,\n  NotificationTypeEntry,\n  NotificationTypeGroup,\n  NotificationTypesValue,\n} from \"./notification-types\";\n\n/** Is this a development build? Dead code in a consumer's production bundle; on under\n *  vitest, where a type the card cannot draw is a bug a test should fail on (as\n *  `SettingsSection`'s catalogue check). */\nfunction devChecks(): boolean {\n  return Boolean(import.meta.env?.DEV);\n}\n\nexport interface NotificationTypesSettingProps<Id extends string = string> extends Omit<\n  ComponentPropsWithRef<\"div\">,\n  \"children\" | \"onChange\"\n> {\n  /** The app's words for its types, in its order. Where an app types its ids. */\n  types: readonly NotificationTypeEntry<Id>[];\n  /** The `GET`'s `types` (§3.2); `undefined` while the first load runs. */\n  value: NotificationTypesValue | undefined;\n  /** The settings are loading. */\n  loading?: boolean;\n  /**\n   * Save one change — `PATCH /notifications/settings` with this body: one switch per\n   * call (`{types: {digest: {app: true}}}`), or `{digest_cadence}`. The switch shows its\n   * new state while the call runs and goes back if it rejects; hand the card the\n   * PATCH's answer (or refetch) when it resolves.\n   */\n  onChange: (patch: NotificationSettingsPatch<Id>) => Promise<unknown> | void;\n  /** Headings over the types, in the app's words (keksdose's three). Without them, one\n   *  list in the order of `types`. In development every type the server answered must\n   *  be in one. */\n  groups?: readonly NotificationTypeGroup<Id>[];\n  /** The digest type and the account's cadence: a cadence `Select` under that type\n   *  while it is on. */\n  digest?: { type: Id; cadence: DigestCadence };\n  /** Under a type while it is on — keksdose's low-balance threshold field. */\n  renderExtra?: (id: Id) => ReactNode;\n  /** The account's address is unverified: every e-mail switch says\n   *  `labels.emailUnverified` under it (decision 16). */\n  emailUnverified?: boolean;\n  /** Nothing can be changed (the switches stay readable). */\n  disabled?: boolean;\n  /** The app's own words for a failed save, or `undefined` for the kit's `failed`. */\n  describeError?: (error: unknown) => ReactNode | undefined;\n  labels?: LabelOverride<NotificationsLabels>;\n}\n\n/** One drawn type: the app's words and the server's switches. */\ninterface Row<Id extends string> {\n  entry: NotificationTypeEntry<Id>;\n  switches: NotificationSwitches;\n}\n\n/** A switch's key in the write overlay. */\nconst switchKey = (id: string, channel: NotificationChannel) => `${id}.${channel}`;\nconst CADENCE_KEY = \"digest_cadence\";\n\n/** The grid of a several-channel row on a wide screen: the type's words, then one narrow\n *  column per channel drawn. Literal classes, so Tailwind's scan finds them. */\nconst COLUMN_GRID: Record<number, string> = {\n  1: \"grid-cols-[minmax(0,1fr)_4.5rem]\",\n  2: \"grid-cols-[minmax(0,1fr)_repeat(2,4.5rem)]\",\n  3: \"grid-cols-[minmax(0,1fr)_repeat(3,4.5rem)]\",\n};\n\n/** The channels in the card's column order (§10.2). */\nconst CHANNELS: readonly NotificationChannel[] = [\"app\", \"push\", \"email\"];\n\n/** The channels a type offers: every one the server did not answer `null` (or leave out,\n *  as `push` before server-kit 0.16). */\nconst channelsOf = (switches: NotificationSwitches): NotificationChannel[] =>\n  CHANNELS.filter((channel) => switches[channel] !== null && switches[channel] !== undefined);\n\n/**\n * What the person hears about, and how (docs/notifications-harmonization.md §2.1–§2.3,\n * §4.2, §10.2): one row per type the SERVER answered, the app's words on it, and a switch\n * per channel the type offers — \"In the app\", \"Push\", \"E-mail\". On a wide screen they are\n * narrow columns under those headings; on a phone they stack under the type's label. A\n * channel the server answers `null` is not drawn (kastlan and KS offer no push; KS no\n * \"in the app\"), and a row with one channel keeps a single switch named by the type\n * (Kurvenschmiede's e-mail-only rows).\n *\n * **The server's list is the only list.** The card keeps no defaults and no list of\n * types: it draws what `value` holds, in the order of `groups`, else of `types`. A type\n * the app names that the server did not answer is not drawn (kastlan's tenant receives\n * neither of its types). In development a type the server answered with no entry in\n * `types`, or in no group when `groups` is given, throws — keksdose's compile-time\n * `_EVERY_TYPE_IS_GROUPED`, now at run time, since the list is the server's.\n *\n * **Each flip saves at once**, one switch per call; the switch shows its new state while\n * the call runs and goes back if it rejects, with the failure said under the card. The\n * digest's cadence and the app's extra field (`renderExtra`) show under their type while\n * it is on.\n *\n * Under a write lock the switches are `commit` controls exempt from billing: a lapsed\n * plan never keeps a person from turning notifications off (billing §12.13).\n */\nexport function NotificationTypesSetting<Id extends string = string>({\n  types,\n  value,\n  loading,\n  onChange,\n  groups,\n  digest,\n  renderExtra,\n  emailUnverified = false,\n  disabled = false,\n  describeError,\n  labels: labelsProp,\n  className,\n  ...rest\n}: NotificationTypesSettingProps<Id>) {\n  const labels = useNotificationsLabels(labelsProp);\n  const overlay = useWriteOverlay<boolean>(value);\n  const cadenceOverlay = useWriteOverlay<DigestCadence>(digest?.cadence);\n  const [failure, setFailure] = useState<ReactNode>(null);\n  const mounted = useMounted();\n  const groupId = useId();\n\n  const answered = value ? Object.keys(value) : [];\n  const entries = new Map(types.map((entry) => [entry.id as string, entry]));\n  if (value && devChecks()) {\n    const unnamed = answered.filter((id) => !entries.has(id));\n    if (unnamed.length) {\n      throw new Error(\n        `NotificationTypesSetting: the server answered ${unnamed.map((id) => `\"${id}\"`).join(\", \")} with no entry in \\`types\\` — give every type the server can send its words.`,\n      );\n    }\n    if (groups) {\n      const grouped = new Set<string>(groups.flatMap((group) => group.types));\n      const loose = answered.filter((id) => !grouped.has(id));\n      if (loose.length) {\n        throw new Error(\n          `NotificationTypesSetting: ${loose.map((id) => `\"${id}\"`).join(\", \")} is in no group — a type in no group is drawn nowhere, and could not be turned off.`,\n        );\n      }\n    }\n  }\n\n  const phone = usePhoneLayout();\n  const rowOf = (id: Id): Row<Id> | null => {\n    const switches = value?.[id];\n    const entry = entries.get(id);\n    if (!switches || !entry || channelsOf(switches).length === 0) return null;\n    return { entry, switches };\n  };\n  const rowsOf = (ids: readonly Id[]) => ids.map(rowOf).filter((row): row is Row<Id> => row !== null);\n\n  const shown = (id: string, channel: NotificationChannel, server: boolean): boolean => {\n    const key = switchKey(id, channel);\n    return overlay.get(key) ?? server;\n  };\n  const channelOn = ({ entry, switches }: Row<Id>, channel: NotificationChannel) =>\n    shown(entry.id, channel, switches[channel] === true);\n  /** The type reaches the person at all: some channel is on (the cadence and the app's\n   *  extra show then). */\n  const rowOn = (row: Row<Id>) => channelsOf(row.switches).some((channel) => channelOn(row, channel));\n\n  const save = <V,>(key: string, patch: NotificationSettingsPatch<Id>, which: WriteOverlay<V>, next: V) => {\n    if (which.pending(key)) return;\n    setFailure(null);\n    which.set(key, next);\n    settle(() => onChange(patch)).then(\n      () => {\n        if (mounted.current) which.settle(key, true);\n      },\n      (error: unknown) => {\n        if (!mounted.current) return;\n        which.settle(key, false);\n        setFailure(describeFailure(describeError?.(error), labels.failed));\n      },\n    );\n  };\n\n  const flip = (id: Id, channel: NotificationChannel, on: boolean) =>\n    save(\n      switchKey(id, channel),\n      { types: { [id]: { [channel]: on } } as NotificationSettingsPatch<Id>[\"types\"] },\n      overlay,\n      on,\n    );\n\n  const cadence = cadenceOverlay.get(CADENCE_KEY) ?? digest?.cadence;\n\n  const unverifiedLine = emailUnverified ? (\n    <span className=\"block\" data-email-unverified=\"\">\n      {labels.emailUnverified}\n    </span>\n  ) : null;\n\n  const channelLabel: Record<NotificationChannel, string> = {\n    app: labels.channelApp,\n    push: labels.channelPush,\n    email: labels.channelEmail,\n  };\n  /** The columns on a wide screen: every channel some several-channel row offers. */\n  const drawnRows =\n    value && !loading ? rowsOf(groups ? groups.flatMap((group) => group.types) : types.map((entry) => entry.id)) : [];\n  const multi = drawnRows.filter((row) => channelsOf(row.switches).length > 1);\n  const columns = CHANNELS.filter((channel) => multi.some((row) => channelsOf(row.switches).includes(channel)));\n  const columnHeadings =\n    !phone && columns.length > 0 ? (\n      // The switches carry the channel's name themselves; the headings are for the eye.\n      <div aria-hidden className={cn(\"grid gap-x-2\", COLUMN_GRID[columns.length])} data-channel-headings=\"\">\n        <span />\n        {columns.map((channel) => (\n          <span key={channel} className=\"text-center text-caption font-medium text-muted\">\n            {channelLabel[channel]}\n          </span>\n        ))}\n      </div>\n    ) : null;\n\n  const renderRow = (row: Row<Id>) => {\n    const { entry, switches } = row;\n    const on = rowOn(row);\n    const offered = channelsOf(switches);\n    const single = offered.length === 1 ? offered[0] : null;\n    const cadenceSelect =\n      on && digest?.type === entry.id && cadence ? (\n        <Select\n          label={labels.digestCadence}\n          value={cadence}\n          disabled={disabled}\n          commit={COMMIT_EXCEPT_BILLING}\n          onChange={(event) => {\n            const next = event.target.value as DigestCadence;\n            if (next !== cadence) save(CADENCE_KEY, { digest_cadence: next }, cadenceOverlay, next);\n          }}\n          className=\"max-w-44\"\n        >\n          <option value=\"weekly\">{labels.digestWeekly}</option>\n          <option value=\"monthly\">{labels.digestMonthly}</option>\n        </Select>\n      ) : null;\n    const extra = on ? renderExtra?.(entry.id) : null;\n    const below =\n      cadenceSelect || hasContent(extra) ? (\n        <div className=\"ps-4 space-y-2\">\n          {cadenceSelect}\n          {extra}\n        </div>\n      ) : null;\n\n    // One channel: today's single switch, named by the type (KS's e-mail-only rows).\n    if (single) {\n      const description =\n        single === \"email\" && unverifiedLine ? (\n          <>\n            {entry.description !== undefined && <span className=\"block\">{entry.description}</span>}\n            {unverifiedLine}\n          </>\n        ) : (\n          entry.description\n        );\n      return (\n        <div key={entry.id} data-notification-type={entry.id} data-channels={single} className=\"space-y-2\">\n          <Switch\n            label={entry.label}\n            description={description}\n            checked={channelOn(row, single)}\n            disabled={disabled}\n            commit={COMMIT_EXCEPT_BILLING}\n            onCheckedChange={(next) => flip(entry.id, single, next)}\n          />\n          {below}\n        </div>\n      );\n    }\n\n    // Several channels: a group named by its type, a switch per channel — columns on a\n    // wide screen (the headings above the list name them), stacked on a phone.\n    const labelId = `${groupId}-type-${entry.id}`;\n    const unverifiedId = `${groupId}-unverified-${entry.id}`;\n    const channelSwitch = (channel: NotificationChannel) => (\n      <Switch\n        key={channel}\n        size=\"sm\"\n        label={phone ? channelLabel[channel] : undefined}\n        aria-label={phone ? undefined : channelLabel[channel]}\n        description={phone && channel === \"email\" ? (unverifiedLine ?? undefined) : undefined}\n        aria-describedby={!phone && channel === \"email\" && unverifiedLine ? unverifiedId : undefined}\n        checked={channelOn(row, channel)}\n        disabled={disabled}\n        commit={COMMIT_EXCEPT_BILLING}\n        onCheckedChange={(next) => flip(entry.id, channel, next)}\n        data-channel={channel}\n      />\n    );\n    const text = (\n      <div className=\"min-w-0\">\n        <div id={labelId} className=\"text-sm font-medium text-primary\">\n          {entry.label}\n        </div>\n        {(entry.description !== undefined || (!phone && offered.includes(\"email\") && unverifiedLine)) && (\n          <div className={CARD_DESCRIPTION_CLASS}>\n            {entry.description !== undefined && <span className=\"block\">{entry.description}</span>}\n            {!phone && offered.includes(\"email\") && <span id={unverifiedId}>{unverifiedLine}</span>}\n          </div>\n        )}\n      </div>\n    );\n    return (\n      <div\n        key={entry.id}\n        data-notification-type={entry.id}\n        data-channels={offered.join(\" \")}\n        role=\"group\"\n        aria-labelledby={labelId}\n        className=\"space-y-2\"\n      >\n        {phone ? (\n          <>\n            {text}\n            <div className=\"ps-4 space-y-2\" data-stacked=\"\">\n              {offered.map(channelSwitch)}\n            </div>\n          </>\n        ) : (\n          <div className={cn(\"grid items-start gap-x-2\", COLUMN_GRID[columns.length])}>\n            {text}\n            {columns.map((channel) => (\n              <div key={channel} className=\"flex justify-center pt-0.5\">\n                {offered.includes(channel) ? channelSwitch(channel) : null}\n              </div>\n            ))}\n          </div>\n        )}\n        {below}\n      </div>\n    );\n  };\n\n  let body: ReactNode;\n  if (loading || value === undefined) {\n    body = <Skeleton lines={3} label={labels.typesLoading} />;\n  } else if (groups) {\n    const drawn = groups.map((group) => ({ group, rows: rowsOf(group.types) })).filter(({ rows }) => rows.length > 0);\n    body =\n      drawn.length === 0 ? (\n        <p className={CARD_DESCRIPTION_CLASS}>{labels.typesEmpty}</p>\n      ) : (\n        <>\n          {columnHeadings}\n          {drawn.map(({ group, rows }) => {\n            const headingId = `${groupId}-${group.id}`;\n            return (\n              <div key={group.id} role=\"group\" aria-labelledby={headingId} className=\"space-y-3\">\n                <SectionLabel as=\"div\" size=\"xs\" id={headingId}>\n                  {group.label}\n                </SectionLabel>\n                {rows.map(renderRow)}\n              </div>\n            );\n          })}\n        </>\n      );\n  } else {\n    const rows = rowsOf(types.map((entry) => entry.id));\n    body =\n      rows.length === 0 ? (\n        <p className={CARD_DESCRIPTION_CLASS}>{labels.typesEmpty}</p>\n      ) : (\n        <div className=\"space-y-3\">\n          {columnHeadings}\n          {rows.map(renderRow)}\n        </div>\n      );\n  }\n\n  return (\n    <Card {...rest} className={cn(\"p-4 space-y-3\", className)}>\n      <div>\n        <SettingsCardTitle>{labels.typesTitle}</SettingsCardTitle>\n        <div className={CARD_DESCRIPTION_CLASS}>{labels.typesDescription}</div>\n      </div>\n      {body}\n      <FailureLine>{failure}</FailureLine>\n    </Card>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/notifications/notifications-labels.d.ts

@@ -145,6 +145,12 @@ export interface NotificationsLabels {
     /** Account mail is not a notification, and keeps coming. */
     accountMail: string;
     turnBackOn: string;
+    /**
+     * 0.52: the line under the outcome, {@link accountMail} and {@link turnBackOn} as one
+     * text — joined by the catalogue, not by the panel: the panel glued them with an ASCII
+     * space, which Chinese does not put between sentences (refactor audit 2026-10-30, DOC-11).
+     */
+    stoppedHint: (accountMail: string, turnBackOn: string) => string;
     openSettings: string;
     /** A token the server refused, or one that does not parse. */
     invalidLink: string;

package/dist/notifications/notifications-labels.js

@@ -86,6 +86,7 @@ const DEFAULT_NOTIFICATIONS_LABELS = {
   stoppedAll: (app) => `Done. You won\u2019t get notification e-mails from ${app} any more.`,
   accountMail: "E-mails about your account still come.",
   turnBackOn: "You can turn them back on at any time in Settings.",
+  stoppedHint: (accountMail, turnBackOn) => `${accountMail} ${turnBackOn}`,
   openSettings: "Open Settings",
   invalidLink: "This link doesn\u2019t work any more. You can turn e-mails off in Settings instead.",
   failed: "That didn\u2019t work. Please try again."

package/dist/notifications/notifications-labels.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/notifications/notifications-labels.ts"],"sourcesContent":["// The words of the notification cards (docs/notifications-harmonization.md §4.2), in a\n// module with no component code: the English catalogue (src/i18n/defaults.ts) imports\n// them without the components, so `en` loads as one chunk like the other languages\n// (0.34, KS U8). The cards read it through `useKitLabels(\"notifications\", …)`.\n\n/** The ten IANA regions `Intl` lists zones under — keksdose's `tz_region_*` — in the\n *  kit's words. A region a runtime adds later keeps its IANA name. */\nexport interface NotificationRegionLabels {\n  Africa: string;\n  America: string;\n  Antarctica: string;\n  Arctic: string;\n  Asia: string;\n  Atlantic: string;\n  Australia: string;\n  Europe: string;\n  Indian: string;\n  Pacific: string;\n}\n\n/**\n * Every string the notification parts render — the `notifications` namespace of\n * `<UiKitProvider labels>`, overridable per instance through `labels`: the types card,\n * quiet hours, this device's push, the device list, and the\n * unsubscribe page. Cancel is `common.cancel`.\n */\nexport interface NotificationsLabels {\n  /* ── The types card ─────────────────────────────────────────────────── */\n  /** The types card's title. */\n  typesTitle: string;\n  /** The line under it. */\n  typesDescription: string;\n  /** 0.46 (§10.2): the channel columns' headings, and each switch's name. */\n  channelApp: string;\n  channelPush: string;\n  channelEmail: string;\n  /** Under every e-mail switch while the account's address is unverified (decision 16):\n   *  no notification mail goes to an unverified address. */\n  emailUnverified: string;\n  /** The digest's cadence select. */\n  digestCadence: string;\n  digestWeekly: string;\n  digestMonthly: string;\n  /** While the settings load. */\n  typesLoading: string;\n  /** The server answered no types for this account. */\n  typesEmpty: string;\n\n  /* ── Quiet hours ────────────────────────────────────────────────────── */\n  quietTitle: string;\n  /** The line under the title; `inbox`: the app keeps an inbox, which a held push still\n   *  reaches; `held` (0.46, §10.4): the app queues a held push and sends it when the\n   *  window ends, instead of dropping it. */\n  quietDescription: (inbox: boolean, held?: boolean) => string;\n  /** 0.46 (§10.3, automatic only): the card names the account's zone, read-only, given\n   *  the zone as `zoneName` writes it (\"Europe / Zurich\"); it follows the device last used. */\n  quietZone: (zone: string) => string;\n  /** The start time's label. */\n  quietFrom: string;\n  /** The end time's label. */\n  quietUntil: string;\n  /** One time set, the other not: quiet hours fail open until both are. */\n  quietIncomplete: string;\n  /** The zone's region headings, in a zone's name (\"Europe / Zurich\"). */\n  regions: NotificationRegionLabels;\n\n  /* ── This device ────────────────────────────────────────────────────── */\n  pushTitle: string;\n  pushDescription: string;\n  /** The browser has no push. */\n  unsupported: string;\n  /** iOS outside the installed app, given the app's name. */\n  iosInstall: (app: string) => string;\n  /** The server has no VAPID keys. */\n  notConfigured: string;\n  /** The browser's permission is denied. */\n  blocked: string;\n  /** This device gets notifications for the signed-in account. */\n  on: string;\n  off: string;\n  /** This browser's subscription belongs to another account. */\n  otherAccount: string;\n  enable: string;\n  disable: string;\n  sendTest: string;\n  /** Turning on did not finish (the permission prompt dismissed, a refusal). */\n  enableFailed: string;\n  /** No service worker, or one that is not ready in 10 s. */\n  noServiceWorker: string;\n  /** The browser's push service did not answer in 15 s. */\n  pushTimeout: string;\n  /** Given how many devices the push service accepted the test for (≥ 1). */\n  testSent: (count: number) => string;\n  /** The test reached no device. */\n  testNone: string;\n  testFailed: string;\n  /** The explainer before the browser's one permission prompt. */\n  explainerTitle: string;\n  explainerBody: (app: string) => string;\n  explainerHint: string;\n  explainerContinue: string;\n\n  /* ── The device list ────────────────────────────────────────────────── */\n  devicesTitle: string;\n  devicesDescription: string;\n  devicesLoading: string;\n  devicesEmpty: string;\n  /** A device whose user agent says nothing the kit recognises. */\n  unknownDevice: string;\n  /** The chip on this browser's row. */\n  thisDevice: string;\n  /** Given the registration date, formatted. */\n  added: (date: string) => string;\n  /** Given the last accepted delivery, formatted. */\n  lastDelivery: (date: string) => string;\n  noDelivery: string;\n  /** Given the failed deliveries in a row (≥ 1). */\n  failures: (count: number) => string;\n  /** A row's button, visible text — and the confirm's answer. */\n  remove: string;\n  /** The same button's accessible name, given the device: it starts with `remove`. */\n  removeItem: (device: string) => string;\n  /** The question the row asks before it removes. */\n  removePrompt: string;\n  /** 0.46 (§10.2): the disclosure on a device's row listing the types with push on. */\n  deviceTypes: string;\n  /** The line inside it. */\n  deviceTypesDescription: string;\n  /** No type has push on for the account. */\n  deviceTypesEmpty: string;\n\n  /* ── The inbox and the bell (0.46, §10.1) ───────────────────────────── */\n  /** The inbox's heading (keksdose's \"Inbox\"). */\n  inboxTitle: string;\n  inboxLoading: string;\n  /** Nothing in the inbox. */\n  inboxEmpty: string;\n  markAllRead: string;\n  /** The header's clear button, and the confirm's answer. */\n  clearAll: string;\n  /** The question asked before the inbox is cleared. */\n  clearPrompt: string;\n  /** The row that loads the next page. */\n  showMore: string;\n  /** The bell's name. */\n  bellLabel: string;\n  /** Read after the bell's name, given the unread count (≥ 1). */\n  bellUnread: (count: number) => string;\n  /** The bell panel's link to the app's inbox. */\n  allNotifications: string;\n\n  /* ── The unsubscribe page ───────────────────────────────────────────── */\n  unsubscribeTitle: string;\n  /** Given the type's name in the app's words. */\n  unsubscribeAbout: (type: string) => string;\n  /** No type name to give. */\n  unsubscribeGeneric: string;\n  stopThese: string;\n  stopAll: (app: string) => string;\n  stoppedThese: string;\n  stoppedAll: (app: string) => string;\n  /** Account mail is not a notification, and keeps coming. */\n  accountMail: string;\n  turnBackOn: string;\n  openSettings: string;\n  /** A token the server refused, or one that does not parse. */\n  invalidLink: string;\n\n  /* ── Every card ─────────────────────────────────────────────────────── */\n  /** A request failed, and the app had no words of its own. */\n  failed: string;\n}\n\nexport const DEFAULT_NOTIFICATIONS_LABELS: NotificationsLabels = {\n  typesTitle: \"Notify me about\",\n  typesDescription: \"Choose what you hear about, and how.\",\n  channelApp: \"In the app\",\n  channelPush: \"Push\",\n  channelEmail: \"E-mail\",\n  emailUnverified: \"Confirm your address to receive these.\",\n  digestCadence: \"Frequency\",\n  digestWeekly: \"Weekly\",\n  digestMonthly: \"Monthly\",\n  typesLoading: \"Loading notification settings…\",\n  typesEmpty: \"There are no notifications for this account.\",\n\n  quietTitle: \"Quiet hours\",\n  quietDescription: (inbox, held) =>\n    held\n      ? inbox\n        ? \"Push notifications wait during this window and arrive when it ends. They reach your inbox at once.\"\n        : \"Push notifications wait during this window and arrive when it ends.\"\n      : inbox\n        ? \"No push notifications during this window. They still reach your inbox.\"\n        : \"No push notifications during this window.\",\n  quietZone: (zone) => `In your time zone (${zone}), which follows the device you last used.`,\n  quietFrom: \"From\",\n  quietUntil: \"Until\",\n  quietIncomplete: \"Set both a start and an end time. Quiet hours take effect once both are set.\",\n  regions: {\n    Africa: \"Africa\",\n    America: \"Americas\",\n    Antarctica: \"Antarctica\",\n    Arctic: \"Arctic\",\n    Asia: \"Asia\",\n    Atlantic: \"Atlantic\",\n    Australia: \"Australia\",\n    Europe: \"Europe\",\n    Indian: \"Indian Ocean\",\n    Pacific: \"Pacific\",\n  },\n\n  pushTitle: \"Push notifications\",\n  pushDescription: \"Notifications on this device, also while the app is closed.\",\n  unsupported: \"This browser doesn’t support push notifications.\",\n  iosInstall: (app) =>\n    `On iPhone or iPad, add ${app} to your Home Screen first: iOS delivers notifications only to the installed app.`,\n  notConfigured: \"Push notifications aren’t set up on this server.\",\n  blocked: \"Notifications are blocked in this browser’s settings.\",\n  on: \"Notifications are on for this device.\",\n  off: \"Notifications are off for this device.\",\n  otherAccount:\n    \"This browser gets notifications for another account. Turn them on here to get them for the account you’re signed in with.\",\n  enable: \"Turn on notifications\",\n  disable: \"Turn off\",\n  sendTest: \"Send a test\",\n  enableFailed: \"Couldn’t turn on notifications.\",\n  noServiceWorker: \"Couldn’t reach the app’s service worker. Reload the page and try again.\",\n  pushTimeout: \"The browser’s push service didn’t answer. Check your connection and try again.\",\n  testSent: (count) => (count === 1 ? \"Test sent to 1 device\" : `Test sent to ${count} devices`),\n  testNone: \"No device accepted the test. Turn notifications on for this device first.\",\n  testFailed: \"Couldn’t send a test notification.\",\n  explainerTitle: \"Turn on notifications?\",\n  explainerBody: (app) =>\n    `${app} sends a notification only for the kinds you choose, and you can turn them off at any time.`,\n  explainerHint: \"Your browser asks for permission next.\",\n  explainerContinue: \"Continue\",\n\n  devicesTitle: \"Notification devices\",\n  devicesDescription: \"Every device that gets push notifications for your account. Remove any you no longer use.\",\n  devicesLoading: \"Loading devices…\",\n  devicesEmpty: \"No device gets notifications yet.\",\n  unknownDevice: \"Unknown device\",\n  thisDevice: \"This device\",\n  added: (date) => `Added ${date}`,\n  lastDelivery: (date) => `Last delivery ${date}`,\n  noDelivery: \"No delivery yet\",\n  failures: (count) => (count === 1 ? \"1 failed delivery in a row\" : `${count} failed deliveries in a row`),\n  remove: \"Remove\",\n  removeItem: (device) => `Remove ${device}`,\n  removePrompt: \"Stop sending notifications to this device?\",\n  deviceTypes: \"Types on this device\",\n  deviceTypesDescription: \"Turn a type off to mute it on this device only.\",\n  deviceTypesEmpty: \"No type has push notifications turned on.\",\n\n  inboxTitle: \"Inbox\",\n  inboxLoading: \"Loading notifications…\",\n  inboxEmpty: \"You’re all caught up.\",\n  markAllRead: \"Mark all as read\",\n  clearAll: \"Clear all\",\n  clearPrompt: \"Delete all notifications from your inbox?\",\n  showMore: \"Show more\",\n  bellLabel: \"Notifications\",\n  bellUnread: (count) => `${count} unread`,\n  allNotifications: \"All notifications\",\n\n  unsubscribeTitle: \"E-mail notifications\",\n  unsubscribeAbout: (type) => `You get e-mails about: ${type}.`,\n  unsubscribeGeneric: \"You get notification e-mails.\",\n  stopThese: \"Stop these e-mails\",\n  stopAll: (app) => `Stop all notification e-mails from ${app}`,\n  stoppedThese: \"Done. You won’t get these e-mails any more.\",\n  stoppedAll: (app) => `Done. You won’t get notification e-mails from ${app} any more.`,\n  accountMail: \"E-mails about your account still come.\",\n  turnBackOn: \"You can turn them back on at any time in Settings.\",\n  openSettings: \"Open Settings\",\n  invalidLink: \"This link doesn’t work any more. You can turn e-mails off in Settings instead.\",\n\n  failed: \"That didn’t work. Please try again.\",\n};\n"],"mappings":";AA6KO,MAAM,+BAAoD;AAAA,EAC/D,YAAY;AAAA,EACZ,kBAAkB;AAAA,EAClB,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,cAAc;AAAA,EACd,eAAe;AAAA,EACf,cAAc;AAAA,EACd,YAAY;AAAA,EAEZ,YAAY;AAAA,EACZ,kBAAkB,CAAC,OAAO,SACxB,OACI,QACE,uGACA,wEACF,QACE,2EACA;AAAA,EACR,WAAW,CAAC,SAAS,sBAAsB,IAAI;AAAA,EAC/C,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,iBAAiB;AAAA,EACjB,SAAS;AAAA,IACP,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,UAAU;AAAA,IACV,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EAEA,WAAW;AAAA,EACX,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,YAAY,CAAC,QACX,0BAA0B,GAAG;AAAA,EAC/B,eAAe;AAAA,EACf,SAAS;AAAA,EACT,IAAI;AAAA,EACJ,KAAK;AAAA,EACL,cACE;AAAA,EACF,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,UAAU;AAAA,EACV,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,UAAU,CAAC,UAAW,UAAU,IAAI,0BAA0B,gBAAgB,KAAK;AAAA,EACnF,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,eAAe,CAAC,QACd,GAAG,GAAG;AAAA,EACR,eAAe;AAAA,EACf,mBAAmB;AAAA,EAEnB,cAAc;AAAA,EACd,oBAAoB;AAAA,EACpB,gBAAgB;AAAA,EAChB,cAAc;AAAA,EACd,eAAe;AAAA,EACf,YAAY;AAAA,EACZ,OAAO,CAAC,SAAS,SAAS,IAAI;AAAA,EAC9B,cAAc,CAAC,SAAS,iBAAiB,IAAI;AAAA,EAC7C,YAAY;AAAA,EACZ,UAAU,CAAC,UAAW,UAAU,IAAI,+BAA+B,GAAG,KAAK;AAAA,EAC3E,QAAQ;AAAA,EACR,YAAY,CAAC,WAAW,UAAU,MAAM;AAAA,EACxC,cAAc;AAAA,EACd,aAAa;AAAA,EACb,wBAAwB;AAAA,EACxB,kBAAkB;AAAA,EAElB,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,UAAU;AAAA,EACV,aAAa;AAAA,EACb,UAAU;AAAA,EACV,WAAW;AAAA,EACX,YAAY,CAAC,UAAU,GAAG,KAAK;AAAA,EAC/B,kBAAkB;AAAA,EAElB,kBAAkB;AAAA,EAClB,kBAAkB,CAAC,SAAS,0BAA0B,IAAI;AAAA,EAC1D,oBAAoB;AAAA,EACpB,WAAW;AAAA,EACX,SAAS,CAAC,QAAQ,sCAAsC,GAAG;AAAA,EAC3D,cAAc;AAAA,EACd,YAAY,CAAC,QAAQ,sDAAiD,GAAG;AAAA,EACzE,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,aAAa;AAAA,EAEb,QAAQ;AACV;","names":[]}
+{"version":3,"sources":["../../src/notifications/notifications-labels.ts"],"sourcesContent":["// The words of the notification cards (docs/notifications-harmonization.md §4.2), in a\n// module with no component code: the English catalogue (src/i18n/defaults.ts) imports\n// them without the components, so `en` loads as one chunk like the other languages\n// (0.34, KS U8). The cards read it through `useKitLabels(\"notifications\", …)`.\n\n/** The ten IANA regions `Intl` lists zones under — keksdose's `tz_region_*` — in the\n *  kit's words. A region a runtime adds later keeps its IANA name. */\nexport interface NotificationRegionLabels {\n  Africa: string;\n  America: string;\n  Antarctica: string;\n  Arctic: string;\n  Asia: string;\n  Atlantic: string;\n  Australia: string;\n  Europe: string;\n  Indian: string;\n  Pacific: string;\n}\n\n/**\n * Every string the notification parts render — the `notifications` namespace of\n * `<UiKitProvider labels>`, overridable per instance through `labels`: the types card,\n * quiet hours, this device's push, the device list, and the\n * unsubscribe page. Cancel is `common.cancel`.\n */\nexport interface NotificationsLabels {\n  /* ── The types card ─────────────────────────────────────────────────── */\n  /** The types card's title. */\n  typesTitle: string;\n  /** The line under it. */\n  typesDescription: string;\n  /** 0.46 (§10.2): the channel columns' headings, and each switch's name. */\n  channelApp: string;\n  channelPush: string;\n  channelEmail: string;\n  /** Under every e-mail switch while the account's address is unverified (decision 16):\n   *  no notification mail goes to an unverified address. */\n  emailUnverified: string;\n  /** The digest's cadence select. */\n  digestCadence: string;\n  digestWeekly: string;\n  digestMonthly: string;\n  /** While the settings load. */\n  typesLoading: string;\n  /** The server answered no types for this account. */\n  typesEmpty: string;\n\n  /* ── Quiet hours ────────────────────────────────────────────────────── */\n  quietTitle: string;\n  /** The line under the title; `inbox`: the app keeps an inbox, which a held push still\n   *  reaches; `held` (0.46, §10.4): the app queues a held push and sends it when the\n   *  window ends, instead of dropping it. */\n  quietDescription: (inbox: boolean, held?: boolean) => string;\n  /** 0.46 (§10.3, automatic only): the card names the account's zone, read-only, given\n   *  the zone as `zoneName` writes it (\"Europe / Zurich\"); it follows the device last used. */\n  quietZone: (zone: string) => string;\n  /** The start time's label. */\n  quietFrom: string;\n  /** The end time's label. */\n  quietUntil: string;\n  /** One time set, the other not: quiet hours fail open until both are. */\n  quietIncomplete: string;\n  /** The zone's region headings, in a zone's name (\"Europe / Zurich\"). */\n  regions: NotificationRegionLabels;\n\n  /* ── This device ────────────────────────────────────────────────────── */\n  pushTitle: string;\n  pushDescription: string;\n  /** The browser has no push. */\n  unsupported: string;\n  /** iOS outside the installed app, given the app's name. */\n  iosInstall: (app: string) => string;\n  /** The server has no VAPID keys. */\n  notConfigured: string;\n  /** The browser's permission is denied. */\n  blocked: string;\n  /** This device gets notifications for the signed-in account. */\n  on: string;\n  off: string;\n  /** This browser's subscription belongs to another account. */\n  otherAccount: string;\n  enable: string;\n  disable: string;\n  sendTest: string;\n  /** Turning on did not finish (the permission prompt dismissed, a refusal). */\n  enableFailed: string;\n  /** No service worker, or one that is not ready in 10 s. */\n  noServiceWorker: string;\n  /** The browser's push service did not answer in 15 s. */\n  pushTimeout: string;\n  /** Given how many devices the push service accepted the test for (≥ 1). */\n  testSent: (count: number) => string;\n  /** The test reached no device. */\n  testNone: string;\n  testFailed: string;\n  /** The explainer before the browser's one permission prompt. */\n  explainerTitle: string;\n  explainerBody: (app: string) => string;\n  explainerHint: string;\n  explainerContinue: string;\n\n  /* ── The device list ────────────────────────────────────────────────── */\n  devicesTitle: string;\n  devicesDescription: string;\n  devicesLoading: string;\n  devicesEmpty: string;\n  /** A device whose user agent says nothing the kit recognises. */\n  unknownDevice: string;\n  /** The chip on this browser's row. */\n  thisDevice: string;\n  /** Given the registration date, formatted. */\n  added: (date: string) => string;\n  /** Given the last accepted delivery, formatted. */\n  lastDelivery: (date: string) => string;\n  noDelivery: string;\n  /** Given the failed deliveries in a row (≥ 1). */\n  failures: (count: number) => string;\n  /** A row's button, visible text — and the confirm's answer. */\n  remove: string;\n  /** The same button's accessible name, given the device: it starts with `remove`. */\n  removeItem: (device: string) => string;\n  /** The question the row asks before it removes. */\n  removePrompt: string;\n  /** 0.46 (§10.2): the disclosure on a device's row listing the types with push on. */\n  deviceTypes: string;\n  /** The line inside it. */\n  deviceTypesDescription: string;\n  /** No type has push on for the account. */\n  deviceTypesEmpty: string;\n\n  /* ── The inbox and the bell (0.46, §10.1) ───────────────────────────── */\n  /** The inbox's heading (keksdose's \"Inbox\"). */\n  inboxTitle: string;\n  inboxLoading: string;\n  /** Nothing in the inbox. */\n  inboxEmpty: string;\n  markAllRead: string;\n  /** The header's clear button, and the confirm's answer. */\n  clearAll: string;\n  /** The question asked before the inbox is cleared. */\n  clearPrompt: string;\n  /** The row that loads the next page. */\n  showMore: string;\n  /** The bell's name. */\n  bellLabel: string;\n  /** Read after the bell's name, given the unread count (≥ 1). */\n  bellUnread: (count: number) => string;\n  /** The bell panel's link to the app's inbox. */\n  allNotifications: string;\n\n  /* ── The unsubscribe page ───────────────────────────────────────────── */\n  unsubscribeTitle: string;\n  /** Given the type's name in the app's words. */\n  unsubscribeAbout: (type: string) => string;\n  /** No type name to give. */\n  unsubscribeGeneric: string;\n  stopThese: string;\n  stopAll: (app: string) => string;\n  stoppedThese: string;\n  stoppedAll: (app: string) => string;\n  /** Account mail is not a notification, and keeps coming. */\n  accountMail: string;\n  turnBackOn: string;\n  /**\n   * 0.52: the line under the outcome, {@link accountMail} and {@link turnBackOn} as one\n   * text — joined by the catalogue, not by the panel: the panel glued them with an ASCII\n   * space, which Chinese does not put between sentences (refactor audit 2026-10-30, DOC-11).\n   */\n  stoppedHint: (accountMail: string, turnBackOn: string) => string;\n  openSettings: string;\n  /** A token the server refused, or one that does not parse. */\n  invalidLink: string;\n\n  /* ── Every card ─────────────────────────────────────────────────────── */\n  /** A request failed, and the app had no words of its own. */\n  failed: string;\n}\n\nexport const DEFAULT_NOTIFICATIONS_LABELS: NotificationsLabels = {\n  typesTitle: \"Notify me about\",\n  typesDescription: \"Choose what you hear about, and how.\",\n  channelApp: \"In the app\",\n  channelPush: \"Push\",\n  channelEmail: \"E-mail\",\n  emailUnverified: \"Confirm your address to receive these.\",\n  digestCadence: \"Frequency\",\n  digestWeekly: \"Weekly\",\n  digestMonthly: \"Monthly\",\n  typesLoading: \"Loading notification settings…\",\n  typesEmpty: \"There are no notifications for this account.\",\n\n  quietTitle: \"Quiet hours\",\n  quietDescription: (inbox, held) =>\n    held\n      ? inbox\n        ? \"Push notifications wait during this window and arrive when it ends. They reach your inbox at once.\"\n        : \"Push notifications wait during this window and arrive when it ends.\"\n      : inbox\n        ? \"No push notifications during this window. They still reach your inbox.\"\n        : \"No push notifications during this window.\",\n  quietZone: (zone) => `In your time zone (${zone}), which follows the device you last used.`,\n  quietFrom: \"From\",\n  quietUntil: \"Until\",\n  quietIncomplete: \"Set both a start and an end time. Quiet hours take effect once both are set.\",\n  regions: {\n    Africa: \"Africa\",\n    America: \"Americas\",\n    Antarctica: \"Antarctica\",\n    Arctic: \"Arctic\",\n    Asia: \"Asia\",\n    Atlantic: \"Atlantic\",\n    Australia: \"Australia\",\n    Europe: \"Europe\",\n    Indian: \"Indian Ocean\",\n    Pacific: \"Pacific\",\n  },\n\n  pushTitle: \"Push notifications\",\n  pushDescription: \"Notifications on this device, also while the app is closed.\",\n  unsupported: \"This browser doesn’t support push notifications.\",\n  iosInstall: (app) =>\n    `On iPhone or iPad, add ${app} to your Home Screen first: iOS delivers notifications only to the installed app.`,\n  notConfigured: \"Push notifications aren’t set up on this server.\",\n  blocked: \"Notifications are blocked in this browser’s settings.\",\n  on: \"Notifications are on for this device.\",\n  off: \"Notifications are off for this device.\",\n  otherAccount:\n    \"This browser gets notifications for another account. Turn them on here to get them for the account you’re signed in with.\",\n  enable: \"Turn on notifications\",\n  disable: \"Turn off\",\n  sendTest: \"Send a test\",\n  enableFailed: \"Couldn’t turn on notifications.\",\n  noServiceWorker: \"Couldn’t reach the app’s service worker. Reload the page and try again.\",\n  pushTimeout: \"The browser’s push service didn’t answer. Check your connection and try again.\",\n  testSent: (count) => (count === 1 ? \"Test sent to 1 device\" : `Test sent to ${count} devices`),\n  testNone: \"No device accepted the test. Turn notifications on for this device first.\",\n  testFailed: \"Couldn’t send a test notification.\",\n  explainerTitle: \"Turn on notifications?\",\n  explainerBody: (app) =>\n    `${app} sends a notification only for the kinds you choose, and you can turn them off at any time.`,\n  explainerHint: \"Your browser asks for permission next.\",\n  explainerContinue: \"Continue\",\n\n  devicesTitle: \"Notification devices\",\n  devicesDescription: \"Every device that gets push notifications for your account. Remove any you no longer use.\",\n  devicesLoading: \"Loading devices…\",\n  devicesEmpty: \"No device gets notifications yet.\",\n  unknownDevice: \"Unknown device\",\n  thisDevice: \"This device\",\n  added: (date) => `Added ${date}`,\n  lastDelivery: (date) => `Last delivery ${date}`,\n  noDelivery: \"No delivery yet\",\n  failures: (count) => (count === 1 ? \"1 failed delivery in a row\" : `${count} failed deliveries in a row`),\n  remove: \"Remove\",\n  removeItem: (device) => `Remove ${device}`,\n  removePrompt: \"Stop sending notifications to this device?\",\n  deviceTypes: \"Types on this device\",\n  deviceTypesDescription: \"Turn a type off to mute it on this device only.\",\n  deviceTypesEmpty: \"No type has push notifications turned on.\",\n\n  inboxTitle: \"Inbox\",\n  inboxLoading: \"Loading notifications…\",\n  inboxEmpty: \"You’re all caught up.\",\n  markAllRead: \"Mark all as read\",\n  clearAll: \"Clear all\",\n  clearPrompt: \"Delete all notifications from your inbox?\",\n  showMore: \"Show more\",\n  bellLabel: \"Notifications\",\n  bellUnread: (count) => `${count} unread`,\n  allNotifications: \"All notifications\",\n\n  unsubscribeTitle: \"E-mail notifications\",\n  unsubscribeAbout: (type) => `You get e-mails about: ${type}.`,\n  unsubscribeGeneric: \"You get notification e-mails.\",\n  stopThese: \"Stop these e-mails\",\n  stopAll: (app) => `Stop all notification e-mails from ${app}`,\n  stoppedThese: \"Done. You won’t get these e-mails any more.\",\n  stoppedAll: (app) => `Done. You won’t get notification e-mails from ${app} any more.`,\n  accountMail: \"E-mails about your account still come.\",\n  turnBackOn: \"You can turn them back on at any time in Settings.\",\n  stoppedHint: (accountMail, turnBackOn) => `${accountMail} ${turnBackOn}`,\n  openSettings: \"Open Settings\",\n  invalidLink: \"This link doesn’t work any more. You can turn e-mails off in Settings instead.\",\n\n  failed: \"That didn’t work. Please try again.\",\n};\n"],"mappings":";AAmLO,MAAM,+BAAoD;AAAA,EAC/D,YAAY;AAAA,EACZ,kBAAkB;AAAA,EAClB,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,cAAc;AAAA,EACd,eAAe;AAAA,EACf,cAAc;AAAA,EACd,YAAY;AAAA,EAEZ,YAAY;AAAA,EACZ,kBAAkB,CAAC,OAAO,SACxB,OACI,QACE,uGACA,wEACF,QACE,2EACA;AAAA,EACR,WAAW,CAAC,SAAS,sBAAsB,IAAI;AAAA,EAC/C,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,iBAAiB;AAAA,EACjB,SAAS;AAAA,IACP,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,UAAU;AAAA,IACV,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EAEA,WAAW;AAAA,EACX,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,YAAY,CAAC,QACX,0BAA0B,GAAG;AAAA,EAC/B,eAAe;AAAA,EACf,SAAS;AAAA,EACT,IAAI;AAAA,EACJ,KAAK;AAAA,EACL,cACE;AAAA,EACF,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,UAAU;AAAA,EACV,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,UAAU,CAAC,UAAW,UAAU,IAAI,0BAA0B,gBAAgB,KAAK;AAAA,EACnF,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,eAAe,CAAC,QACd,GAAG,GAAG;AAAA,EACR,eAAe;AAAA,EACf,mBAAmB;AAAA,EAEnB,cAAc;AAAA,EACd,oBAAoB;AAAA,EACpB,gBAAgB;AAAA,EAChB,cAAc;AAAA,EACd,eAAe;AAAA,EACf,YAAY;AAAA,EACZ,OAAO,CAAC,SAAS,SAAS,IAAI;AAAA,EAC9B,cAAc,CAAC,SAAS,iBAAiB,IAAI;AAAA,EAC7C,YAAY;AAAA,EACZ,UAAU,CAAC,UAAW,UAAU,IAAI,+BAA+B,GAAG,KAAK;AAAA,EAC3E,QAAQ;AAAA,EACR,YAAY,CAAC,WAAW,UAAU,MAAM;AAAA,EACxC,cAAc;AAAA,EACd,aAAa;AAAA,EACb,wBAAwB;AAAA,EACxB,kBAAkB;AAAA,EAElB,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,UAAU;AAAA,EACV,aAAa;AAAA,EACb,UAAU;AAAA,EACV,WAAW;AAAA,EACX,YAAY,CAAC,UAAU,GAAG,KAAK;AAAA,EAC/B,kBAAkB;AAAA,EAElB,kBAAkB;AAAA,EAClB,kBAAkB,CAAC,SAAS,0BAA0B,IAAI;AAAA,EAC1D,oBAAoB;AAAA,EACpB,WAAW;AAAA,EACX,SAAS,CAAC,QAAQ,sCAAsC,GAAG;AAAA,EAC3D,cAAc;AAAA,EACd,YAAY,CAAC,QAAQ,sDAAiD,GAAG;AAAA,EACzE,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,aAAa,CAAC,aAAa,eAAe,GAAG,WAAW,IAAI,UAAU;AAAA,EACtE,cAAc;AAAA,EACd,aAAa;AAAA,EAEb,QAAQ;AACV;","names":[]}

package/dist/notifications/push-device-setting.js

@@ -11,7 +11,7 @@ import { DialogFrame } from "../components/dialog-frame.js";
 import { COMMIT_EXCEPT_BILLING } from "../components/write-lock.js";
 import { CARD_DESCRIPTION_CLASS } from "../settings/settings-card-classes.js";
 import { SettingsCardTitle } from "../settings/settings-heading.js";
-import { useMounted } from "../account/account-parts.js";
+import { useMounted } from "../hooks/use-mounted.js";
 import { describeFailure, FailureLine, useNotificationsLabels } from "./notification-parts.js";
 import { PushDeviceError } from "./use-push-device.js";
 function PushDeviceSetting({

package/dist/notifications/push-device-setting.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/notifications/push-device-setting.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport type { ComponentPropsWithRef, ReactNode } from \"react\";\n\nimport { useKitLabels, type LabelOverride } from \"../i18n/kit-labels\";\nimport { DEFAULT_COMMON_LABELS } from \"../i18n/shared-labels\";\nimport { cn } from \"../lib/cn\";\nimport { AlertBanner } from \"../components/alert-banner\";\nimport { Button } from \"../components/button\";\nimport { Card } from \"../components/card\";\nimport { DialogFrame } from \"../components/dialog-frame\";\nimport { COMMIT_EXCEPT_BILLING } from \"../components/write-lock\";\nimport { CARD_DESCRIPTION_CLASS } from \"../settings/settings-card-classes\";\nimport { SettingsCardTitle } from \"../settings/settings-heading\";\nimport { useMounted } from \"../account/account-parts\";\nimport { describeFailure, FailureLine, useNotificationsLabels } from \"./notification-parts\";\nimport type { NotificationsLabels } from \"./notifications-labels\";\nimport { PushDeviceError } from \"./use-push-device\";\nimport type { PushDevice } from \"./use-push-device\";\n\n/** Which action failed — {@link PushDeviceSettingProps.describeError}'s second argument. */\nexport type PushDeviceAction = \"enable\" | \"disable\" | \"test\";\n\nexport interface PushDeviceSettingProps extends Omit<ComponentPropsWithRef<\"div\">, \"children\"> {\n  /** This browser's push, from {@link usePushDevice}. */\n  push: PushDevice;\n  /** The app's name, for the iOS line and the explainer. */\n  appName: string;\n  /** The app's own words for a failure, or `undefined` for the kit's. The kit already\n   *  has words for a missing service worker and an unanswered push service. */\n  describeError?: (error: unknown, action: PushDeviceAction) => ReactNode | undefined;\n  labels?: LabelOverride<NotificationsLabels>;\n}\n\n/** What the line under the buttons says. */\ntype Outcome = { tone: \"status\" | \"warning\" | \"danger\"; text: ReactNode } | null;\n\n/**\n * Push on THIS device (docs/notifications-harmonization.md §2.2, §2.7, §4.2): keksdose's\n * push block, as a card of its own. Registering the device is the switch — push has no\n * account switch. One state at a time, in keksdose's order\n * (`notifications-card.tsx:333-402`):\n *\n * 1. the browser has no push;\n * 2. iOS outside the installed app (iOS delivers only to the installed app);\n * 3. push is not set up on the server (no VAPID keys);\n * 4. notifications blocked in the browser;\n * 5. on or off — with \"another account\" when this browser's subscription is someone\n *    else's — and \"Turn on notifications\", or \"Send a test\" and \"Turn off\".\n *\n * **The explainer comes before the browser's one prompt**: turning on while the\n * permission is still `\"default\"` opens a dialog first (what the notifications are for,\n * that the browser asks next); with it granted, it goes straight on. A test that reached\n * no device says so (`testNone`) — a 404/410 removes the row on the server while this\n * browser still holds its subscription. Outcomes are a line under the buttons; nothing\n * toasts.\n */\nexport function PushDeviceSetting({\n  push,\n  appName,\n  describeError,\n  labels: labelsProp,\n  className,\n  ...rest\n}: PushDeviceSettingProps) {\n  const labels = useNotificationsLabels(labelsProp);\n  const common = useKitLabels(\"common\", DEFAULT_COMMON_LABELS);\n  const [explainer, setExplainer] = useState(false);\n  const [running, setRunning] = useState<PushDeviceAction | null>(null);\n  const [outcome, setOutcome] = useState<Outcome>(null);\n  const mounted = useMounted();\n\n  const failureOf = (error: unknown, action: PushDeviceAction, fallback: string): ReactNode => {\n    if (error instanceof PushDeviceError) {\n      return error.code === \"no_service_worker\" ? labels.noServiceWorker : labels.pushTimeout;\n    }\n    return describeFailure(describeError?.(error, action), fallback);\n  };\n\n  const run = <T,>(action: PushDeviceAction, call: () => Promise<T>, done: (value: T) => Outcome, fallback: string) => {\n    if (running) return;\n    setRunning(action);\n    setOutcome(null);\n    call().then(\n      (value) => {\n        if (!mounted.current) return;\n        setRunning(null);\n        setOutcome(done(value));\n      },\n      (error: unknown) => {\n        if (!mounted.current) return;\n        setRunning(null);\n        setOutcome({ tone: \"danger\", text: failureOf(error, action, fallback) });\n      },\n    );\n  };\n\n  const enable = () =>\n    run(\n      \"enable\",\n      () => push.enable(),\n      (ok): Outcome => (ok ? null : { tone: \"danger\", text: labels.enableFailed }),\n      labels.enableFailed,\n    );\n  const disable = () =>\n    run(\n      \"disable\",\n      () => push.disable(),\n      () => null,\n      labels.failed,\n    );\n  const test = () =>\n    run(\n      \"test\",\n      () => push.sendTest(),\n      ({ sent }): Outcome =>\n        sent > 0 ? { tone: \"status\", text: labels.testSent(sent) } : { tone: \"warning\", text: labels.testNone },\n      labels.testFailed,\n    );\n\n  const turnOn = () => {\n    if (push.permission === \"granted\") enable();\n    else setExplainer(true);\n  };\n\n  let state: ReactNode;\n  if (!push.supported) {\n    state = <p className={CARD_DESCRIPTION_CLASS}>{labels.unsupported}</p>;\n  } else if (push.ios && !push.installed) {\n    state = <p className={CARD_DESCRIPTION_CLASS}>{labels.iosInstall(appName)}</p>;\n  } else if (push.configured === false) {\n    state = <p className={CARD_DESCRIPTION_CLASS}>{labels.notConfigured}</p>;\n  } else if (push.permission === \"denied\") {\n    state = <p className=\"text-xs text-warning\">{labels.blocked}</p>;\n  } else {\n    const busy = push.busy || running !== null;\n    state = (\n      <>\n        <p className={CARD_DESCRIPTION_CLASS} data-push-state={push.subscribed ? \"on\" : \"off\"}>\n          {push.subscribed ? labels.on : labels.off}\n        </p>\n        {push.foreignSubscription && <p className=\"text-xs text-warning\">{labels.otherAccount}</p>}\n        <div className=\"flex flex-wrap gap-2\">\n          {push.subscribed ? (\n            <>\n              <Button\n                type=\"button\"\n                size=\"sm\"\n                variant=\"secondary\"\n                commit={COMMIT_EXCEPT_BILLING}\n                pending={running === \"test\"}\n                disabled={busy && running !== \"test\"}\n                onClick={test}\n              >\n                {labels.sendTest}\n              </Button>\n              <Button\n                type=\"button\"\n                size=\"sm\"\n                variant=\"ghost\"\n                commit={COMMIT_EXCEPT_BILLING}\n                pending={running === \"disable\"}\n                disabled={busy && running !== \"disable\"}\n                onClick={disable}\n              >\n                {labels.disable}\n              </Button>\n            </>\n          ) : (\n            <Button\n              type=\"button\"\n              size=\"sm\"\n              commit={COMMIT_EXCEPT_BILLING}\n              pending={running === \"enable\"}\n              disabled={busy && running !== \"enable\"}\n              onClick={turnOn}\n            >\n              {labels.enable}\n            </Button>\n          )}\n        </div>\n        {outcome?.tone === \"status\" && (\n          <p role=\"status\" className={CARD_DESCRIPTION_CLASS}>\n            {outcome.text}\n          </p>\n        )}\n        {outcome?.tone === \"warning\" && (\n          <AlertBanner tone=\"warning\" size=\"sm\" role=\"status\">\n            {outcome.text}\n          </AlertBanner>\n        )}\n        {outcome?.tone === \"danger\" && <FailureLine>{outcome.text}</FailureLine>}\n      </>\n    );\n  }\n\n  return (\n    <Card {...rest} className={cn(\"p-4 space-y-3\", className)}>\n      <div>\n        <SettingsCardTitle>{labels.pushTitle}</SettingsCardTitle>\n        <div className={CARD_DESCRIPTION_CLASS}>{labels.pushDescription}</div>\n      </div>\n      {state}\n      <DialogFrame\n        open={explainer}\n        onClose={() => setExplainer(false)}\n        title={labels.explainerTitle}\n        description={labels.explainerBody(appName)}\n        actions={(close) => (\n          <div className=\"flex justify-end gap-2\">\n            <Button type=\"button\" variant=\"ghost\" onClick={close}>\n              {common.cancel}\n            </Button>\n            <Button\n              type=\"button\"\n              onClick={() => {\n                setExplainer(false);\n                // Only now the browser's one permission prompt.\n                enable();\n              }}\n            >\n              {labels.explainerContinue}\n            </Button>\n          </div>\n        )}\n      >\n        <p className={CARD_DESCRIPTION_CLASS}>{labels.explainerHint}</p>\n      </DialogFrame>\n    </Card>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/notifications/push-device-setting.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport type { ComponentPropsWithRef, ReactNode } from \"react\";\n\nimport { useKitLabels, type LabelOverride } from \"../i18n/kit-labels\";\nimport { DEFAULT_COMMON_LABELS } from \"../i18n/shared-labels\";\nimport { cn } from \"../lib/cn\";\nimport { AlertBanner } from \"../components/alert-banner\";\nimport { Button } from \"../components/button\";\nimport { Card } from \"../components/card\";\nimport { DialogFrame } from \"../components/dialog-frame\";\nimport { COMMIT_EXCEPT_BILLING } from \"../components/write-lock\";\nimport { CARD_DESCRIPTION_CLASS } from \"../settings/settings-card-classes\";\nimport { SettingsCardTitle } from \"../settings/settings-heading\";\nimport { useMounted } from \"../hooks/use-mounted\";\nimport { describeFailure, FailureLine, useNotificationsLabels } from \"./notification-parts\";\nimport type { NotificationsLabels } from \"./notifications-labels\";\nimport { PushDeviceError } from \"./use-push-device\";\nimport type { PushDevice } from \"./use-push-device\";\n\n/** Which action failed — {@link PushDeviceSettingProps.describeError}'s second argument. */\nexport type PushDeviceAction = \"enable\" | \"disable\" | \"test\";\n\nexport interface PushDeviceSettingProps extends Omit<ComponentPropsWithRef<\"div\">, \"children\"> {\n  /** This browser's push, from {@link usePushDevice}. */\n  push: PushDevice;\n  /** The app's name, for the iOS line and the explainer. */\n  appName: string;\n  /** The app's own words for a failure, or `undefined` for the kit's. The kit already\n   *  has words for a missing service worker and an unanswered push service. */\n  describeError?: (error: unknown, action: PushDeviceAction) => ReactNode | undefined;\n  labels?: LabelOverride<NotificationsLabels>;\n}\n\n/** What the line under the buttons says. */\ntype Outcome = { tone: \"status\" | \"warning\" | \"danger\"; text: ReactNode } | null;\n\n/**\n * Push on THIS device (docs/notifications-harmonization.md §2.2, §2.7, §4.2): keksdose's\n * push block, as a card of its own. Registering the device is the switch — push has no\n * account switch. One state at a time, in keksdose's order\n * (`notifications-card.tsx:333-402`):\n *\n * 1. the browser has no push;\n * 2. iOS outside the installed app (iOS delivers only to the installed app);\n * 3. push is not set up on the server (no VAPID keys);\n * 4. notifications blocked in the browser;\n * 5. on or off — with \"another account\" when this browser's subscription is someone\n *    else's — and \"Turn on notifications\", or \"Send a test\" and \"Turn off\".\n *\n * **The explainer comes before the browser's one prompt**: turning on while the\n * permission is still `\"default\"` opens a dialog first (what the notifications are for,\n * that the browser asks next); with it granted, it goes straight on. A test that reached\n * no device says so (`testNone`) — a 404/410 removes the row on the server while this\n * browser still holds its subscription. Outcomes are a line under the buttons; nothing\n * toasts.\n */\nexport function PushDeviceSetting({\n  push,\n  appName,\n  describeError,\n  labels: labelsProp,\n  className,\n  ...rest\n}: PushDeviceSettingProps) {\n  const labels = useNotificationsLabels(labelsProp);\n  const common = useKitLabels(\"common\", DEFAULT_COMMON_LABELS);\n  const [explainer, setExplainer] = useState(false);\n  const [running, setRunning] = useState<PushDeviceAction | null>(null);\n  const [outcome, setOutcome] = useState<Outcome>(null);\n  const mounted = useMounted();\n\n  const failureOf = (error: unknown, action: PushDeviceAction, fallback: string): ReactNode => {\n    if (error instanceof PushDeviceError) {\n      return error.code === \"no_service_worker\" ? labels.noServiceWorker : labels.pushTimeout;\n    }\n    return describeFailure(describeError?.(error, action), fallback);\n  };\n\n  const run = <T,>(action: PushDeviceAction, call: () => Promise<T>, done: (value: T) => Outcome, fallback: string) => {\n    if (running) return;\n    setRunning(action);\n    setOutcome(null);\n    call().then(\n      (value) => {\n        if (!mounted.current) return;\n        setRunning(null);\n        setOutcome(done(value));\n      },\n      (error: unknown) => {\n        if (!mounted.current) return;\n        setRunning(null);\n        setOutcome({ tone: \"danger\", text: failureOf(error, action, fallback) });\n      },\n    );\n  };\n\n  const enable = () =>\n    run(\n      \"enable\",\n      () => push.enable(),\n      (ok): Outcome => (ok ? null : { tone: \"danger\", text: labels.enableFailed }),\n      labels.enableFailed,\n    );\n  const disable = () =>\n    run(\n      \"disable\",\n      () => push.disable(),\n      () => null,\n      labels.failed,\n    );\n  const test = () =>\n    run(\n      \"test\",\n      () => push.sendTest(),\n      ({ sent }): Outcome =>\n        sent > 0 ? { tone: \"status\", text: labels.testSent(sent) } : { tone: \"warning\", text: labels.testNone },\n      labels.testFailed,\n    );\n\n  const turnOn = () => {\n    if (push.permission === \"granted\") enable();\n    else setExplainer(true);\n  };\n\n  let state: ReactNode;\n  if (!push.supported) {\n    state = <p className={CARD_DESCRIPTION_CLASS}>{labels.unsupported}</p>;\n  } else if (push.ios && !push.installed) {\n    state = <p className={CARD_DESCRIPTION_CLASS}>{labels.iosInstall(appName)}</p>;\n  } else if (push.configured === false) {\n    state = <p className={CARD_DESCRIPTION_CLASS}>{labels.notConfigured}</p>;\n  } else if (push.permission === \"denied\") {\n    state = <p className=\"text-xs text-warning\">{labels.blocked}</p>;\n  } else {\n    const busy = push.busy || running !== null;\n    state = (\n      <>\n        <p className={CARD_DESCRIPTION_CLASS} data-push-state={push.subscribed ? \"on\" : \"off\"}>\n          {push.subscribed ? labels.on : labels.off}\n        </p>\n        {push.foreignSubscription && <p className=\"text-xs text-warning\">{labels.otherAccount}</p>}\n        <div className=\"flex flex-wrap gap-2\">\n          {push.subscribed ? (\n            <>\n              <Button\n                type=\"button\"\n                size=\"sm\"\n                variant=\"secondary\"\n                commit={COMMIT_EXCEPT_BILLING}\n                pending={running === \"test\"}\n                disabled={busy && running !== \"test\"}\n                onClick={test}\n              >\n                {labels.sendTest}\n              </Button>\n              <Button\n                type=\"button\"\n                size=\"sm\"\n                variant=\"ghost\"\n                commit={COMMIT_EXCEPT_BILLING}\n                pending={running === \"disable\"}\n                disabled={busy && running !== \"disable\"}\n                onClick={disable}\n              >\n                {labels.disable}\n              </Button>\n            </>\n          ) : (\n            <Button\n              type=\"button\"\n              size=\"sm\"\n              commit={COMMIT_EXCEPT_BILLING}\n              pending={running === \"enable\"}\n              disabled={busy && running !== \"enable\"}\n              onClick={turnOn}\n            >\n              {labels.enable}\n            </Button>\n          )}\n        </div>\n        {outcome?.tone === \"status\" && (\n          <p role=\"status\" className={CARD_DESCRIPTION_CLASS}>\n            {outcome.text}\n          </p>\n        )}\n        {outcome?.tone === \"warning\" && (\n          <AlertBanner tone=\"warning\" size=\"sm\" role=\"status\">\n            {outcome.text}\n          </AlertBanner>\n        )}\n        {outcome?.tone === \"danger\" && <FailureLine>{outcome.text}</FailureLine>}\n      </>\n    );\n  }\n\n  return (\n    <Card {...rest} className={cn(\"p-4 space-y-3\", className)}>\n      <div>\n        <SettingsCardTitle>{labels.pushTitle}</SettingsCardTitle>\n        <div className={CARD_DESCRIPTION_CLASS}>{labels.pushDescription}</div>\n      </div>\n      {state}\n      <DialogFrame\n        open={explainer}\n        onClose={() => setExplainer(false)}\n        title={labels.explainerTitle}\n        description={labels.explainerBody(appName)}\n        actions={(close) => (\n          <div className=\"flex justify-end gap-2\">\n            <Button type=\"button\" variant=\"ghost\" onClick={close}>\n              {common.cancel}\n            </Button>\n            <Button\n              type=\"button\"\n              onClick={() => {\n                setExplainer(false);\n                // Only now the browser's one permission prompt.\n                enable();\n              }}\n            >\n              {labels.explainerContinue}\n            </Button>\n          </div>\n        )}\n      >\n        <p className={CARD_DESCRIPTION_CLASS}>{labels.explainerHint}</p>\n      </DialogFrame>\n    </Card>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/notifications/push-devices-setting.d.ts

@@ -19,7 +19,8 @@ export interface PushDevicesSettingProps<Id extends string | number = string> ex
     /** `DELETE /notifications/devices/{id}`. Asked first; refresh `devices` once it
      *  resolves. */
     onRemove: (id: Id) => Promise<unknown> | void;
-    /** The dates' text. Default: the provider's locale, medium date. */
+    /** The dates' text. Default: the provider's `formatDate` (the app's date preference),
+     *  else a medium date in the provider's locale and `timeZone`. */
     formatDate?: (date: Date) => string;
     /** Overrides the provider's locale for the default format. */
     locale?: string;

package/dist/notifications/push-devices-setting.js

@@ -1,21 +1,23 @@
 "use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { useEffect, useRef, useState } from "react";
+import { useRef, useState } from "react";
 import { MonitorSmartphone } from "lucide-react";
-import { useKitLabels, useKitLocale } from "../i18n/kit-labels.js";
+import { useKitLabels } from "../i18n/kit-labels.js";
 import { DEFAULT_COMMON_LABELS } from "../i18n/shared-labels.js";
 import { cn } from "../lib/cn.js";
-import { formatDate } from "../lib/format.js";
+import { useDayFormatter } from "../lib/day-format.js";
+import { toDate } from "../lib/format.js";
 import { Button } from "../components/button.js";
 import { Card } from "../components/card.js";
 import { Chip } from "../components/chip.js";
 import { Disclosure } from "../components/disclosure.js";
+import { InlineConfirm } from "../components/inline-confirm.js";
 import { Skeleton } from "../components/skeleton.js";
 import { Switch } from "../components/switch.js";
 import { COMMIT_EXCEPT_BILLING } from "../components/write-lock.js";
 import { CARD_DESCRIPTION_CLASS } from "../settings/settings-card-classes.js";
 import { SettingsCardTitle } from "../settings/settings-heading.js";
-import { settle, useMounted } from "../account/account-parts.js";
+import { settle, useMounted } from "../hooks/use-mounted.js";
 import { describeFailure, FailureLine, useNotificationsLabels, useWriteOverlay } from "./notification-parts.js";
 import { notifyPushSubscriptionChanged } from "./use-push-device.js";
 function describeUserAgent(ua) {
@@ -52,15 +54,14 @@ function PushDevicesSetting({
   const labels = useNotificationsLabels(labelsProp);
   const mutedOverlay = useWriteOverlay(devices);
   const common = useKitLabels("common", DEFAULT_COMMON_LABELS);
-  const locale = useKitLocale(localeProp);
+  const day = useDayFormatter(formatDateProp, localeProp);
   const [asking, setAsking] = useState(null);
   const [busyId, setBusyId] = useState(null);
   const [failure, setFailure] = useState(null);
   const mounted = useMounted();
   const dateText = (iso) => {
-    const date = new Date(iso);
-    if (Number.isNaN(date.getTime())) return iso;
-    return formatDateProp ? formatDateProp(date) : formatDate(date, "medium", { locale });
+    const date = toDate(iso);
+    return date ? day(date) : iso;
   };
   const remove = (device) => {
     if (busyId !== null) return;
@@ -179,46 +180,26 @@ function DeviceRow({
   cancelLabel,
   types
 }) {
-  const cancelRef = useRef(null);
   const removeRef = useRef(null);
-  const [returning, setReturning] = useState(false);
-  useEffect(() => {
-    if (asking) cancelRef.current?.focus();
-    else if (returning) removeRef.current?.focus();
-  }, [asking, returning]);
-  const leave = () => {
-    setReturning(true);
-    onCancel();
-  };
-  const escapeLeaves = (event) => {
-    if (event.key === "Escape") {
-      event.preventDefault();
-      event.stopPropagation();
-      leave();
-    }
-  };
   const row = { "data-push-device-id": String(device.id), "data-current": current || void 0 };
   if (asking) {
-    return /* @__PURE__ */ jsxs("li", { ...row, className: "space-y-2 py-2", children: [
-      /* @__PURE__ */ jsx("p", { role: "alert", className: "text-sm", children: labels.removePrompt }),
-      /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2", children: [
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            type: "button",
-            size: "sm",
-            variant: "danger",
-            commit: COMMIT_EXCEPT_BILLING,
-            pending: busy,
-            "aria-label": labels.removeItem(name),
-            onClick: onConfirm,
-            onKeyDown: escapeLeaves,
-            children: labels.remove
-          }
-        ),
-        /* @__PURE__ */ jsx(Button, { ref: cancelRef, type: "button", size: "sm", variant: "ghost", onClick: leave, onKeyDown: escapeLeaves, children: cancelLabel })
-      ] })
-    ] });
+    return /* @__PURE__ */ jsx(
+      InlineConfirm,
+      {
+        as: "li",
+        ...row,
+        className: "py-2",
+        prompt: labels.removePrompt,
+        confirmLabel: labels.remove,
+        confirmName: labels.removeItem(name),
+        cancelLabel,
+        onConfirm,
+        onLeave: onCancel,
+        busy,
+        commit: COMMIT_EXCEPT_BILLING,
+        returnFocusRef: removeRef
+      }
+    );
   }
   return /* @__PURE__ */ jsxs("li", { ...row, className: "space-y-1 py-2", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
@@ -245,10 +226,7 @@ function DeviceRow({
           commit: COMMIT_EXCEPT_BILLING,
           disabled: blocked,
           "aria-label": labels.removeItem(name),
-          onClick: () => {
-            setReturning(false);
-            onAsk();
-          },
+          onClick: onAsk,
           children: labels.remove
         }
       )

package/dist/notifications/push-devices-setting.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/notifications/push-devices-setting.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\nimport type { ComponentPropsWithRef, KeyboardEvent, ReactNode } from \"react\";\nimport { MonitorSmartphone } from \"lucide-react\";\n\nimport { useKitLabels, useKitLocale, type LabelOverride } from \"../i18n/kit-labels\";\nimport { DEFAULT_COMMON_LABELS } from \"../i18n/shared-labels\";\nimport { cn } from \"../lib/cn\";\nimport { formatDate } from \"../lib/format\";\nimport { Button } from \"../components/button\";\nimport { Card } from \"../components/card\";\nimport { Chip } from \"../components/chip\";\nimport { Disclosure } from \"../components/disclosure\";\nimport { Skeleton } from \"../components/skeleton\";\nimport { Switch } from \"../components/switch\";\nimport { COMMIT_EXCEPT_BILLING } from \"../components/write-lock\";\nimport { CARD_DESCRIPTION_CLASS } from \"../settings/settings-card-classes\";\nimport { SettingsCardTitle } from \"../settings/settings-heading\";\nimport { settle, useMounted } from \"../account/account-parts\";\nimport { describeFailure, FailureLine, useNotificationsLabels, useWriteOverlay } from \"./notification-parts\";\nimport type { NotificationsLabels } from \"./notifications-labels\";\nimport type { NotificationTypeEntry, NotificationTypesValue, PushDeviceItem } from \"./notification-types\";\nimport { notifyPushSubscriptionChanged } from \"./use-push-device\";\n\n/**\n * A name for a stored user agent: \"Chrome · Android\", \"Firefox · Windows\" (keksdose\n * `push-devices-card.tsx:19-45`). Best effort: an agent it does not recognise comes back\n * as it is, cut at 60 characters so a token soup cannot blow up the row; `null` for none.\n * The order matters — Edge and Opera say \"Chrome\" too, and Chrome says \"Safari\".\n */\nexport function describeUserAgent(ua: string | null): string | null {\n  if (!ua) return null;\n  const browser = /edg(?:e|a|ios)?\\//i.test(ua)\n    ? \"Edge\"\n    : /opr\\/|opera/i.test(ua)\n      ? \"Opera\"\n      : /firefox|fxios/i.test(ua)\n        ? \"Firefox\"\n        : /chrome|crios/i.test(ua)\n          ? \"Chrome\"\n          : /safari/i.test(ua)\n            ? \"Safari\"\n            : null;\n  const os = /windows/i.test(ua)\n    ? \"Windows\"\n    : /android/i.test(ua)\n      ? \"Android\"\n      : /iphone|ipad|ipod/i.test(ua)\n        ? \"iOS\"\n        : /mac os x|macintosh/i.test(ua)\n          ? \"macOS\"\n          : /linux/i.test(ua)\n            ? \"Linux\"\n            : null;\n  if (!browser && !os) return ua.length > 60 ? `${ua.slice(0, 60)}…` : ua;\n  return [browser, os].filter(Boolean).join(\" · \");\n}\n\nexport interface PushDevicesSettingProps<Id extends string | number = string> extends Omit<\n  ComponentPropsWithRef<\"div\">,\n  \"children\"\n> {\n  /** `GET /notifications/devices`, oldest first; `undefined` while the first load runs. */\n  devices: readonly PushDeviceItem<Id>[] | undefined;\n  loading?: boolean;\n  /** This browser's endpoint (`usePushDevice().currentEndpoint`): its row says \"This\n   *  device\", and removing it also unsubscribes the browser. */\n  currentEndpoint?: string | null;\n  /** `DELETE /notifications/devices/{id}`. Asked first; refresh `devices` once it\n   *  resolves. */\n  onRemove: (id: Id) => Promise<unknown> | void;\n  /** The dates' text. Default: the provider's locale, medium date. */\n  formatDate?: (date: Date) => string;\n  /** Overrides the provider's locale for the default format. */\n  locale?: string;\n  /** The app's own words for a failed removal, or `undefined` for the kit's `failed`. */\n  describeError?: (error: unknown) => ReactNode | undefined;\n  /**\n   * 0.46 (§10.2): \"Types on this device\" on each row — a switch per type whose account\n   * `push` is on, all on until the device mutes one. Save the device's WHOLE list:\n   * `PATCH /notifications/devices/{id} {\"muted_types\": [...]}`; refresh `devices` once it\n   * resolves. Left out, no row has the disclosure.\n   */\n  onMutedTypesChange?: (id: Id, mutedTypes: string[]) => Promise<unknown> | void;\n  /** The app's words for its types (the types card's `types`), for the disclosure. */\n  types?: readonly NotificationTypeEntry[];\n  /** The settings `GET`'s `types` (the types card's `value`): which types have push on. */\n  typeSwitches?: NotificationTypesValue;\n  labels?: LabelOverride<NotificationsLabels>;\n}\n\n/** Tear down this browser's subscription after its server row went: otherwise the\n *  browser still holds one, and the push card would say \"on\" for a device nothing can\n *  reach. Best effort — the row is already gone. */\nasync function unsubscribeThisBrowser(): Promise<void> {\n  try {\n    const registration = await navigator.serviceWorker?.getRegistration();\n    const subscription = await registration?.pushManager.getSubscription();\n    await subscription?.unsubscribe();\n  } catch {\n    /* the server row is gone either way */\n  }\n  notifyPushSubscriptionChanged();\n}\n\n/**\n * Every device that gets push for the account (docs/notifications-harmonization.md §3.5,\n * §4.2) — keksdose's devices card: the browser and system read from the stored user\n * agent, \"This device\" on this browser's row, when it was added and last delivered to,\n * the failures in a row in the warning tone, and \"Remove\".\n *\n * **Remove asks first, in the row**, as `PasskeysSetting` does: the card must work in an\n * app without a `ConfirmProvider`, and the question belongs beside the device it names.\n * Focus moves to Cancel. **Removing this device** also unsubscribes the browser and fires\n * `PUSH_SUBSCRIPTION_CHANGED` (keksdose `push-devices-card.tsx:83-97`), so the push card\n * stops saying \"on\".\n *\n * **\"Types on this device\"** (0.46, §10.2, with `onMutedTypesChange`): a disclosure under\n * each row with a switch per type the account gets by push; turning one off mutes it on\n * that device only — a device can mute types, never add them. Each flip saves the\n * device's whole `muted_types` list.\n *\n * Under a write lock Remove and the type switches are `commit` controls exempt from\n * billing.\n */\nexport function PushDevicesSetting<Id extends string | number = string>({\n  devices,\n  loading,\n  currentEndpoint,\n  onRemove,\n  formatDate: formatDateProp,\n  locale: localeProp,\n  describeError,\n  onMutedTypesChange,\n  types,\n  typeSwitches,\n  labels: labelsProp,\n  className,\n  ...rest\n}: PushDevicesSettingProps<Id>) {\n  const labels = useNotificationsLabels(labelsProp);\n  const mutedOverlay = useWriteOverlay<string[]>(devices);\n  const common = useKitLabels(\"common\", DEFAULT_COMMON_LABELS);\n  const locale = useKitLocale(localeProp);\n  const [asking, setAsking] = useState<Id | null>(null);\n  const [busyId, setBusyId] = useState<Id | null>(null);\n  const [failure, setFailure] = useState<ReactNode>(null);\n  const mounted = useMounted();\n\n  const dateText = (iso: string): string => {\n    const date = new Date(iso);\n    if (Number.isNaN(date.getTime())) return iso;\n    return formatDateProp ? formatDateProp(date) : formatDate(date, \"medium\", { locale });\n  };\n\n  const remove = (device: PushDeviceItem<Id>) => {\n    if (busyId !== null) return;\n    setBusyId(device.id);\n    setFailure(null);\n    const isThis = Boolean(currentEndpoint) && device.endpoint === currentEndpoint;\n    settle(() => onRemove(device.id))\n      .then(async () => {\n        if (isThis) await unsubscribeThisBrowser();\n        if (!mounted.current) return;\n        setBusyId(null);\n        setAsking(null);\n      })\n      .catch((error: unknown) => {\n        if (!mounted.current) return;\n        setBusyId(null);\n        setFailure(describeFailure(describeError?.(error), labels.failed));\n      });\n  };\n\n  // The types a device can mute: those the account gets by push, in the app's order.\n  const pushTypes = (types ?? []).filter((entry) => typeSwitches?.[entry.id]?.push === true);\n  const mutedOf = (device: PushDeviceItem<Id>): string[] =>\n    mutedOverlay.get(String(device.id)) ??\n    // Ids the registry dropped (no longer in the settings answer) are ignored.\n    (device.muted_types ?? []).filter((id) => !typeSwitches || id in typeSwitches);\n  const setMuted = (device: PushDeviceItem<Id>, id: string, on: boolean) => {\n    const key = String(device.id);\n    if (!onMutedTypesChange || mutedOverlay.pending(key)) return;\n    const current = mutedOf(device);\n    const next = on ? current.filter((muted) => muted !== id) : [...current.filter((muted) => muted !== id), id];\n    setFailure(null);\n    mutedOverlay.set(key, next);\n    settle(() => onMutedTypesChange(device.id, next)).then(\n      () => {\n        if (mounted.current) mutedOverlay.settle(key, true);\n      },\n      (error: unknown) => {\n        if (!mounted.current) return;\n        mutedOverlay.settle(key, false);\n        setFailure(describeFailure(describeError?.(error), labels.failed));\n      },\n    );\n  };\n  const typesOf = (device: PushDeviceItem<Id>, name: string): ReactNode => {\n    if (!onMutedTypesChange) return null;\n    const muted = mutedOf(device);\n    return (\n      <Disclosure\n        variant=\"bare\"\n        title={labels.deviceTypes}\n        // Every row has one: the name says whose (it starts with the visible words).\n        triggerProps={{ \"aria-label\": `${labels.deviceTypes}: ${name}` }}\n        className=\"text-sm\"\n        data-device-types=\"\"\n      >\n        <div className=\"space-y-2 pt-1 ps-6\">\n          {pushTypes.length === 0 ? (\n            <p className={CARD_DESCRIPTION_CLASS}>{labels.deviceTypesEmpty}</p>\n          ) : (\n            <>\n              <p className={CARD_DESCRIPTION_CLASS}>{labels.deviceTypesDescription}</p>\n              {pushTypes.map((entry) => (\n                <Switch\n                  key={entry.id}\n                  size=\"sm\"\n                  label={entry.label}\n                  checked={!muted.includes(entry.id)}\n                  commit={COMMIT_EXCEPT_BILLING}\n                  onCheckedChange={(on) => setMuted(device, entry.id, on)}\n                />\n              ))}\n            </>\n          )}\n        </div>\n      </Disclosure>\n    );\n  };\n\n  let body: ReactNode;\n  if (loading || devices === undefined) {\n    body = <Skeleton lines={2} label={labels.devicesLoading} />;\n  } else if (devices.length === 0) {\n    body = <p className={CARD_DESCRIPTION_CLASS}>{labels.devicesEmpty}</p>;\n  } else {\n    body = (\n      <ul aria-label={labels.devicesTitle} className=\"divide-y divide-subtle\">\n        {devices.map((device) => (\n          <DeviceRow\n            key={device.id}\n            device={device}\n            name={describeUserAgent(device.user_agent) ?? labels.unknownDevice}\n            current={Boolean(currentEndpoint) && device.endpoint === currentEndpoint}\n            added={dateText(device.created_at)}\n            lastDelivery={device.last_success_at ? dateText(device.last_success_at) : null}\n            asking={asking === device.id}\n            busy={busyId === device.id}\n            blocked={busyId !== null && busyId !== device.id}\n            onAsk={() => setAsking(device.id)}\n            onCancel={() => setAsking(null)}\n            onConfirm={() => remove(device)}\n            labels={labels}\n            cancelLabel={common.cancel}\n            types={typesOf(device, describeUserAgent(device.user_agent) ?? labels.unknownDevice)}\n          />\n        ))}\n      </ul>\n    );\n  }\n\n  return (\n    <Card {...rest} className={cn(\"p-4 space-y-3\", className)}>\n      <div>\n        <SettingsCardTitle>{labels.devicesTitle}</SettingsCardTitle>\n        <div className={CARD_DESCRIPTION_CLASS}>{labels.devicesDescription}</div>\n      </div>\n      {body}\n      <FailureLine>{failure}</FailureLine>\n    </Card>\n  );\n}\n\nfunction DeviceRow<Id extends string | number>({\n  device,\n  name,\n  current,\n  added,\n  lastDelivery,\n  asking,\n  busy,\n  blocked,\n  onAsk,\n  onCancel,\n  onConfirm,\n  labels,\n  cancelLabel,\n  types,\n}: {\n  device: PushDeviceItem<Id>;\n  name: string;\n  current: boolean;\n  added: string;\n  lastDelivery: string | null;\n  asking: boolean;\n  busy: boolean;\n  blocked: boolean;\n  onAsk: () => void;\n  onCancel: () => void;\n  onConfirm: () => void;\n  labels: NotificationsLabels;\n  cancelLabel: string;\n  /** \"Types on this device\", under the row (0.46). */\n  types: ReactNode;\n}) {\n  const cancelRef = useRef<HTMLButtonElement>(null);\n  const removeRef = useRef<HTMLButtonElement>(null);\n  // Which way the confirm closed: back to Remove, so focus does not fall to <body>.\n  const [returning, setReturning] = useState(false);\n  useEffect(() => {\n    if (asking) cancelRef.current?.focus();\n    else if (returning) removeRef.current?.focus();\n  }, [asking, returning]);\n\n  const leave = () => {\n    setReturning(true);\n    onCancel();\n  };\n  const escapeLeaves = (event: KeyboardEvent<HTMLButtonElement>) => {\n    if (event.key === \"Escape\") {\n      event.preventDefault();\n      event.stopPropagation();\n      leave();\n    }\n  };\n\n  const row = { \"data-push-device-id\": String(device.id), \"data-current\": current || undefined };\n\n  if (asking) {\n    return (\n      <li {...row} className=\"space-y-2 py-2\">\n        <p role=\"alert\" className=\"text-sm\">\n          {labels.removePrompt}\n        </p>\n        <div className=\"flex flex-wrap gap-2\">\n          <Button\n            type=\"button\"\n            size=\"sm\"\n            variant=\"danger\"\n            commit={COMMIT_EXCEPT_BILLING}\n            pending={busy}\n            aria-label={labels.removeItem(name)}\n            onClick={onConfirm}\n            onKeyDown={escapeLeaves}\n          >\n            {labels.remove}\n          </Button>\n          <Button ref={cancelRef} type=\"button\" size=\"sm\" variant=\"ghost\" onClick={leave} onKeyDown={escapeLeaves}>\n            {cancelLabel}\n          </Button>\n        </div>\n      </li>\n    );\n  }\n\n  return (\n    <li {...row} className=\"space-y-1 py-2\">\n      <div className=\"flex items-center gap-3\">\n        <MonitorSmartphone aria-hidden className=\"size-4 shrink-0 text-muted\" />\n        <div className=\"min-w-0 flex-1\">\n          <div className=\"flex flex-wrap items-center gap-x-2 gap-y-1\">\n            <span className=\"min-w-0 break-words text-sm font-medium\">{name}</span>\n            {current && (\n              <Chip size=\"sm\" tone=\"brand\">\n                {labels.thisDevice}\n              </Chip>\n            )}\n          </div>\n          <div className={CARD_DESCRIPTION_CLASS}>\n            {labels.added(added)}\n            {\" · \"}\n            {lastDelivery ? labels.lastDelivery(lastDelivery) : labels.noDelivery}\n          </div>\n          {device.failure_count > 0 && (\n            <div className=\"text-xs text-warning\">{labels.failures(device.failure_count)}</div>\n          )}\n        </div>\n        <Button\n          ref={removeRef}\n          type=\"button\"\n          size=\"sm\"\n          variant=\"ghost\"\n          commit={COMMIT_EXCEPT_BILLING}\n          disabled={blocked}\n          aria-label={labels.removeItem(name)}\n          onClick={() => {\n            setReturning(false);\n            onAsk();\n          }}\n        >\n          {labels.remove}\n        </Button>\n      </div>\n      {types}\n    </li>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/notifications/push-devices-setting.tsx"],"sourcesContent":["import { useRef, useState } from \"react\";\nimport type { ComponentPropsWithRef, ReactNode } from \"react\";\nimport { MonitorSmartphone } from \"lucide-react\";\n\nimport { useKitLabels, type LabelOverride } from \"../i18n/kit-labels\";\nimport { DEFAULT_COMMON_LABELS } from \"../i18n/shared-labels\";\nimport { cn } from \"../lib/cn\";\nimport { useDayFormatter } from \"../lib/day-format\";\nimport { toDate } from \"../lib/format\";\nimport { Button } from \"../components/button\";\nimport { Card } from \"../components/card\";\nimport { Chip } from \"../components/chip\";\nimport { Disclosure } from \"../components/disclosure\";\nimport { InlineConfirm } from \"../components/inline-confirm\";\nimport { Skeleton } from \"../components/skeleton\";\nimport { Switch } from \"../components/switch\";\nimport { COMMIT_EXCEPT_BILLING } from \"../components/write-lock\";\nimport { CARD_DESCRIPTION_CLASS } from \"../settings/settings-card-classes\";\nimport { SettingsCardTitle } from \"../settings/settings-heading\";\nimport { settle, useMounted } from \"../hooks/use-mounted\";\nimport { describeFailure, FailureLine, useNotificationsLabels, useWriteOverlay } from \"./notification-parts\";\nimport type { NotificationsLabels } from \"./notifications-labels\";\nimport type { NotificationTypeEntry, NotificationTypesValue, PushDeviceItem } from \"./notification-types\";\nimport { notifyPushSubscriptionChanged } from \"./use-push-device\";\n\n/**\n * A name for a stored user agent: \"Chrome · Android\", \"Firefox · Windows\" (keksdose\n * `push-devices-card.tsx:19-45`). Best effort: an agent it does not recognise comes back\n * as it is, cut at 60 characters so a token soup cannot blow up the row; `null` for none.\n * The order matters — Edge and Opera say \"Chrome\" too, and Chrome says \"Safari\".\n */\nexport function describeUserAgent(ua: string | null): string | null {\n  if (!ua) return null;\n  const browser = /edg(?:e|a|ios)?\\//i.test(ua)\n    ? \"Edge\"\n    : /opr\\/|opera/i.test(ua)\n      ? \"Opera\"\n      : /firefox|fxios/i.test(ua)\n        ? \"Firefox\"\n        : /chrome|crios/i.test(ua)\n          ? \"Chrome\"\n          : /safari/i.test(ua)\n            ? \"Safari\"\n            : null;\n  const os = /windows/i.test(ua)\n    ? \"Windows\"\n    : /android/i.test(ua)\n      ? \"Android\"\n      : /iphone|ipad|ipod/i.test(ua)\n        ? \"iOS\"\n        : /mac os x|macintosh/i.test(ua)\n          ? \"macOS\"\n          : /linux/i.test(ua)\n            ? \"Linux\"\n            : null;\n  if (!browser && !os) return ua.length > 60 ? `${ua.slice(0, 60)}…` : ua;\n  return [browser, os].filter(Boolean).join(\" · \");\n}\n\nexport interface PushDevicesSettingProps<Id extends string | number = string> extends Omit<\n  ComponentPropsWithRef<\"div\">,\n  \"children\"\n> {\n  /** `GET /notifications/devices`, oldest first; `undefined` while the first load runs. */\n  devices: readonly PushDeviceItem<Id>[] | undefined;\n  loading?: boolean;\n  /** This browser's endpoint (`usePushDevice().currentEndpoint`): its row says \"This\n   *  device\", and removing it also unsubscribes the browser. */\n  currentEndpoint?: string | null;\n  /** `DELETE /notifications/devices/{id}`. Asked first; refresh `devices` once it\n   *  resolves. */\n  onRemove: (id: Id) => Promise<unknown> | void;\n  /** The dates' text. Default: the provider's `formatDate` (the app's date preference),\n   *  else a medium date in the provider's locale and `timeZone`. */\n  formatDate?: (date: Date) => string;\n  /** Overrides the provider's locale for the default format. */\n  locale?: string;\n  /** The app's own words for a failed removal, or `undefined` for the kit's `failed`. */\n  describeError?: (error: unknown) => ReactNode | undefined;\n  /**\n   * 0.46 (§10.2): \"Types on this device\" on each row — a switch per type whose account\n   * `push` is on, all on until the device mutes one. Save the device's WHOLE list:\n   * `PATCH /notifications/devices/{id} {\"muted_types\": [...]}`; refresh `devices` once it\n   * resolves. Left out, no row has the disclosure.\n   */\n  onMutedTypesChange?: (id: Id, mutedTypes: string[]) => Promise<unknown> | void;\n  /** The app's words for its types (the types card's `types`), for the disclosure. */\n  types?: readonly NotificationTypeEntry[];\n  /** The settings `GET`'s `types` (the types card's `value`): which types have push on. */\n  typeSwitches?: NotificationTypesValue;\n  labels?: LabelOverride<NotificationsLabels>;\n}\n\n/** Tear down this browser's subscription after its server row went: otherwise the\n *  browser still holds one, and the push card would say \"on\" for a device nothing can\n *  reach. Best effort — the row is already gone. */\nasync function unsubscribeThisBrowser(): Promise<void> {\n  try {\n    const registration = await navigator.serviceWorker?.getRegistration();\n    const subscription = await registration?.pushManager.getSubscription();\n    await subscription?.unsubscribe();\n  } catch {\n    /* the server row is gone either way */\n  }\n  notifyPushSubscriptionChanged();\n}\n\n/**\n * Every device that gets push for the account (docs/notifications-harmonization.md §3.5,\n * §4.2) — keksdose's devices card: the browser and system read from the stored user\n * agent, \"This device\" on this browser's row, when it was added and last delivered to,\n * the failures in a row in the warning tone, and \"Remove\".\n *\n * **Remove asks first, in the row**, as `PasskeysSetting` does: the card must work in an\n * app without a `ConfirmProvider`, and the question belongs beside the device it names.\n * Focus moves to Cancel. **Removing this device** also unsubscribes the browser and fires\n * `PUSH_SUBSCRIPTION_CHANGED` (keksdose `push-devices-card.tsx:83-97`), so the push card\n * stops saying \"on\".\n *\n * **\"Types on this device\"** (0.46, §10.2, with `onMutedTypesChange`): a disclosure under\n * each row with a switch per type the account gets by push; turning one off mutes it on\n * that device only — a device can mute types, never add them. Each flip saves the\n * device's whole `muted_types` list.\n *\n * Under a write lock Remove and the type switches are `commit` controls exempt from\n * billing.\n */\nexport function PushDevicesSetting<Id extends string | number = string>({\n  devices,\n  loading,\n  currentEndpoint,\n  onRemove,\n  formatDate: formatDateProp,\n  locale: localeProp,\n  describeError,\n  onMutedTypesChange,\n  types,\n  typeSwitches,\n  labels: labelsProp,\n  className,\n  ...rest\n}: PushDevicesSettingProps<Id>) {\n  const labels = useNotificationsLabels(labelsProp);\n  const mutedOverlay = useWriteOverlay<string[]>(devices);\n  const common = useKitLabels(\"common\", DEFAULT_COMMON_LABELS);\n  // The prop, else the provider's `formatDate` (the app's date preference), else the kit's\n  // in the provider's locale and `timeZone` (refactor audit 2026-10-30, DUP-2).\n  const day = useDayFormatter(formatDateProp, localeProp);\n  const [asking, setAsking] = useState<Id | null>(null);\n  const [busyId, setBusyId] = useState<Id | null>(null);\n  const [failure, setFailure] = useState<ReactNode>(null);\n  const mounted = useMounted();\n\n  const dateText = (iso: string): string => {\n    const date = toDate(iso);\n    return date ? day(date) : iso;\n  };\n\n  const remove = (device: PushDeviceItem<Id>) => {\n    if (busyId !== null) return;\n    setBusyId(device.id);\n    setFailure(null);\n    const isThis = Boolean(currentEndpoint) && device.endpoint === currentEndpoint;\n    settle(() => onRemove(device.id))\n      .then(async () => {\n        if (isThis) await unsubscribeThisBrowser();\n        if (!mounted.current) return;\n        setBusyId(null);\n        setAsking(null);\n      })\n      .catch((error: unknown) => {\n        if (!mounted.current) return;\n        setBusyId(null);\n        setFailure(describeFailure(describeError?.(error), labels.failed));\n      });\n  };\n\n  // The types a device can mute: those the account gets by push, in the app's order.\n  const pushTypes = (types ?? []).filter((entry) => typeSwitches?.[entry.id]?.push === true);\n  const mutedOf = (device: PushDeviceItem<Id>): string[] =>\n    mutedOverlay.get(String(device.id)) ??\n    // Ids the registry dropped (no longer in the settings answer) are ignored.\n    (device.muted_types ?? []).filter((id) => !typeSwitches || id in typeSwitches);\n  const setMuted = (device: PushDeviceItem<Id>, id: string, on: boolean) => {\n    const key = String(device.id);\n    if (!onMutedTypesChange || mutedOverlay.pending(key)) return;\n    const current = mutedOf(device);\n    const next = on ? current.filter((muted) => muted !== id) : [...current.filter((muted) => muted !== id), id];\n    setFailure(null);\n    mutedOverlay.set(key, next);\n    settle(() => onMutedTypesChange(device.id, next)).then(\n      () => {\n        if (mounted.current) mutedOverlay.settle(key, true);\n      },\n      (error: unknown) => {\n        if (!mounted.current) return;\n        mutedOverlay.settle(key, false);\n        setFailure(describeFailure(describeError?.(error), labels.failed));\n      },\n    );\n  };\n  const typesOf = (device: PushDeviceItem<Id>, name: string): ReactNode => {\n    if (!onMutedTypesChange) return null;\n    const muted = mutedOf(device);\n    return (\n      <Disclosure\n        variant=\"bare\"\n        title={labels.deviceTypes}\n        // Every row has one: the name says whose (it starts with the visible words).\n        triggerProps={{ \"aria-label\": `${labels.deviceTypes}: ${name}` }}\n        className=\"text-sm\"\n        data-device-types=\"\"\n      >\n        <div className=\"space-y-2 pt-1 ps-6\">\n          {pushTypes.length === 0 ? (\n            <p className={CARD_DESCRIPTION_CLASS}>{labels.deviceTypesEmpty}</p>\n          ) : (\n            <>\n              <p className={CARD_DESCRIPTION_CLASS}>{labels.deviceTypesDescription}</p>\n              {pushTypes.map((entry) => (\n                <Switch\n                  key={entry.id}\n                  size=\"sm\"\n                  label={entry.label}\n                  checked={!muted.includes(entry.id)}\n                  commit={COMMIT_EXCEPT_BILLING}\n                  onCheckedChange={(on) => setMuted(device, entry.id, on)}\n                />\n              ))}\n            </>\n          )}\n        </div>\n      </Disclosure>\n    );\n  };\n\n  let body: ReactNode;\n  if (loading || devices === undefined) {\n    body = <Skeleton lines={2} label={labels.devicesLoading} />;\n  } else if (devices.length === 0) {\n    body = <p className={CARD_DESCRIPTION_CLASS}>{labels.devicesEmpty}</p>;\n  } else {\n    body = (\n      <ul aria-label={labels.devicesTitle} className=\"divide-y divide-subtle\">\n        {devices.map((device) => (\n          <DeviceRow\n            key={device.id}\n            device={device}\n            name={describeUserAgent(device.user_agent) ?? labels.unknownDevice}\n            current={Boolean(currentEndpoint) && device.endpoint === currentEndpoint}\n            added={dateText(device.created_at)}\n            lastDelivery={device.last_success_at ? dateText(device.last_success_at) : null}\n            asking={asking === device.id}\n            busy={busyId === device.id}\n            blocked={busyId !== null && busyId !== device.id}\n            onAsk={() => setAsking(device.id)}\n            onCancel={() => setAsking(null)}\n            onConfirm={() => remove(device)}\n            labels={labels}\n            cancelLabel={common.cancel}\n            types={typesOf(device, describeUserAgent(device.user_agent) ?? labels.unknownDevice)}\n          />\n        ))}\n      </ul>\n    );\n  }\n\n  return (\n    <Card {...rest} className={cn(\"p-4 space-y-3\", className)}>\n      <div>\n        <SettingsCardTitle>{labels.devicesTitle}</SettingsCardTitle>\n        <div className={CARD_DESCRIPTION_CLASS}>{labels.devicesDescription}</div>\n      </div>\n      {body}\n      <FailureLine>{failure}</FailureLine>\n    </Card>\n  );\n}\n\nfunction DeviceRow<Id extends string | number>({\n  device,\n  name,\n  current,\n  added,\n  lastDelivery,\n  asking,\n  busy,\n  blocked,\n  onAsk,\n  onCancel,\n  onConfirm,\n  labels,\n  cancelLabel,\n  types,\n}: {\n  device: PushDeviceItem<Id>;\n  name: string;\n  current: boolean;\n  added: string;\n  lastDelivery: string | null;\n  asking: boolean;\n  busy: boolean;\n  blocked: boolean;\n  onAsk: () => void;\n  onCancel: () => void;\n  onConfirm: () => void;\n  labels: NotificationsLabels;\n  cancelLabel: string;\n  /** \"Types on this device\", under the row (0.46). */\n  types: ReactNode;\n}) {\n  // Back to Remove when the confirm leaves, so focus does not fall to <body>.\n  const removeRef = useRef<HTMLButtonElement>(null);\n\n  const row = { \"data-push-device-id\": String(device.id), \"data-current\": current || undefined };\n\n  if (asking) {\n    return (\n      <InlineConfirm\n        as=\"li\"\n        {...row}\n        className=\"py-2\"\n        prompt={labels.removePrompt}\n        confirmLabel={labels.remove}\n        confirmName={labels.removeItem(name)}\n        cancelLabel={cancelLabel}\n        onConfirm={onConfirm}\n        onLeave={onCancel}\n        busy={busy}\n        commit={COMMIT_EXCEPT_BILLING}\n        returnFocusRef={removeRef}\n      />\n    );\n  }\n\n  return (\n    <li {...row} className=\"space-y-1 py-2\">\n      <div className=\"flex items-center gap-3\">\n        <MonitorSmartphone aria-hidden className=\"size-4 shrink-0 text-muted\" />\n        <div className=\"min-w-0 flex-1\">\n          <div className=\"flex flex-wrap items-center gap-x-2 gap-y-1\">\n            <span className=\"min-w-0 break-words text-sm font-medium\">{name}</span>\n            {current && (\n              <Chip size=\"sm\" tone=\"brand\">\n                {labels.thisDevice}\n              </Chip>\n            )}\n          </div>\n          <div className={CARD_DESCRIPTION_CLASS}>\n            {labels.added(added)}\n            {\" · \"}\n            {lastDelivery ? labels.lastDelivery(lastDelivery) : labels.noDelivery}\n          </div>\n          {device.failure_count > 0 && (\n            <div className=\"text-xs text-warning\">{labels.failures(device.failure_count)}</div>\n          )}\n        </div>\n        <Button\n          ref={removeRef}\n          type=\"button\"\n          size=\"sm\"\n          variant=\"ghost\"\n          commit={COMMIT_EXCEPT_BILLING}\n          disabled={blocked}\n          aria-label={labels.removeItem(name)}\n          onClick={onAsk}\n        >\n          {labels.remove}\n        </Button>\n      </div>\n      {types}\n    </li>\n  );\n}\n"],"mappings":"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","names":[]}