@eifi1/ui-kit 0.45.0 → 0.46.0

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

@@ -23,8 +23,13 @@ export interface NotificationsLabels {
     typesTitle: string;
     /** The line under it. */
     typesDescription: string;
-    /** The e-mail switch under a type that offers mail. */
+    /** @deprecated 0.46 — the card's channels are columns now (`channelEmail`); removed in 0.47. Unused,
+     *  kept so an app's override still type-checks. */
     byEmail: string;
+    /** 0.46 (§10.2): the channel columns' headings, and each switch's name. */
+    channelApp: string;
+    channelPush: string;
+    channelEmail: string;
     /** Under every e-mail switch while the account's address is unverified (decision 16):
      *  no notification mail goes to an unverified address. */
     emailUnverified: string;
@@ -38,8 +43,12 @@ export interface NotificationsLabels {
     typesEmpty: string;
     quietTitle: string;
     /** The line under the title; `inbox`: the app keeps an inbox, which a held push still
-     *  reaches. */
-    quietDescription: (inbox: boolean) => string;
+     *  reaches; `held` (0.46, §10.4): the app queues a held push and sends it when the
+     *  window ends, instead of dropping it. */
+    quietDescription: (inbox: boolean, held?: boolean) => string;
+    /** 0.46 (§10.3, automatic only): the card names the account's zone, read-only, given
+     *  the zone as `zoneName` writes it ("Europe / Zurich"); it follows the device last used. */
+    quietZone: (zone: string) => string;
     /** The start time's label. */
     quietFrom: string;
     /** The end time's label. */
@@ -48,12 +57,13 @@ export interface NotificationsLabels {
     quietIncomplete: string;
     /** The zone picker's label. */
     timeZone: string;
-    /** Given the device's zone, as the picker names it, when it differs from the one the
-     *  server applies. */
+    /** @deprecated 0.46 — the zone is automatic (§10.3), the card offers no device zone; removed in 0.47.
+     *  Unused, kept so an app's override still type-checks. */
     deviceZone: (zone: string) => string;
-    /** The button that takes the device's zone. */
+    /** @deprecated 0.46 — the zone is automatic (§10.3), nothing to take; removed in 0.47. Unused, kept
+     *  so an app's override still type-checks. */
     useDeviceZone: string;
-    /** The zone picker's region headings. */
+    /** The zone's region headings, in the picker and in a zone's name ("Europe / Zurich"). */
     regions: NotificationRegionLabels;
     pushTitle: string;
     pushDescription: string;
@@ -110,6 +120,30 @@ export interface NotificationsLabels {
     removeItem: (device: string) => string;
     /** The question the row asks before it removes. */
     removePrompt: string;
+    /** 0.46 (§10.2): the disclosure on a device's row listing the types with push on. */
+    deviceTypes: string;
+    /** The line inside it. */
+    deviceTypesDescription: string;
+    /** No type has push on for the account. */
+    deviceTypesEmpty: string;
+    /** The inbox's heading (keksdose's "Inbox"). */
+    inboxTitle: string;
+    inboxLoading: string;
+    /** Nothing in the inbox. */
+    inboxEmpty: string;
+    markAllRead: string;
+    /** The header's clear button, and the confirm's answer. */
+    clearAll: string;
+    /** The question asked before the inbox is cleared. */
+    clearPrompt: string;
+    /** The row that loads the next page. */
+    showMore: string;
+    /** The bell's name. */
+    bellLabel: string;
+    /** Read after the bell's name, given the unread count (≥ 1). */
+    bellUnread: (count: number) => string;
+    /** The bell panel's link to the app's inbox. */
+    allNotifications: string;
     unsubscribeTitle: string;
     /** Given the type's name in the app's words. */
     unsubscribeAbout: (type: string) => string;

package/dist/notifications/notifications-labels.js

@@ -3,6 +3,9 @@ const DEFAULT_NOTIFICATIONS_LABELS = {
   typesTitle: "Notify me about",
   typesDescription: "Choose what you hear about, and how.",
   byEmail: "By e-mail",
+  channelApp: "In the app",
+  channelPush: "Push",
+  channelEmail: "E-mail",
   emailUnverified: "Confirm your address to receive these.",
   digestCadence: "Frequency",
   digestWeekly: "Weekly",
@@ -10,7 +13,8 @@ const DEFAULT_NOTIFICATIONS_LABELS = {
   typesLoading: "Loading notification settings\u2026",
   typesEmpty: "There are no notifications for this account.",
   quietTitle: "Quiet hours",
-  quietDescription: (inbox) => inbox ? "No push notifications during this window. They still reach your inbox." : "No push notifications during this window.",
+  quietDescription: (inbox, held) => held ? inbox ? "Push notifications wait during this window and arrive when it ends. They reach your inbox at once." : "Push notifications wait during this window and arrive when it ends." : inbox ? "No push notifications during this window. They still reach your inbox." : "No push notifications during this window.",
+  quietZone: (zone) => `In your time zone (${zone}), which follows the device you last used.`,
   quietFrom: "From",
   quietUntil: "Until",
   quietIncomplete: "Set both a start and an end time. Quiet hours take effect once both are set.",
@@ -64,6 +68,19 @@ const DEFAULT_NOTIFICATIONS_LABELS = {
   remove: "Remove",
   removeItem: (device) => `Remove ${device}`,
   removePrompt: "Stop sending notifications to this device?",
+  deviceTypes: "Types on this device",
+  deviceTypesDescription: "Turn a type off to mute it on this device only.",
+  deviceTypesEmpty: "No type has push notifications turned on.",
+  inboxTitle: "Inbox",
+  inboxLoading: "Loading notifications\u2026",
+  inboxEmpty: "You\u2019re all caught up.",
+  markAllRead: "Mark all as read",
+  clearAll: "Clear all",
+  clearPrompt: "Delete all notifications from your inbox?",
+  showMore: "Show more",
+  bellLabel: "Notifications",
+  bellUnread: (count) => `${count} unread`,
+  allNotifications: "All notifications",
   unsubscribeTitle: "E-mail notifications",
   unsubscribeAbout: (type) => `You get e-mails about: ${type}.`,
   unsubscribeGeneric: "You get notification e-mails.",

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 and the zone picker, 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  /** The e-mail switch under a type that offers mail. */\n  byEmail: 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. */\n  quietDescription: (inbox: boolean) => 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 picker's label. */\n  timeZone: string;\n  /** Given the device's zone, as the picker names it, when it differs from the one the\n   *  server applies. */\n  deviceZone: (zone: string) => string;\n  /** The button that takes the device's zone. */\n  useDeviceZone: string;\n  /** The zone picker's region headings. */\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\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  byEmail: \"By 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) =>\n    inbox\n      ? \"No push notifications during this window. They still reach your inbox.\"\n      : \"No push notifications during this window.\",\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  timeZone: \"Time zone\",\n  deviceZone: (zone) => `This device is in ${zone}.`,\n  useDeviceZone: \"Use it\",\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) =>\n    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\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":";AAoJO,MAAM,+BAAoD;AAAA,EAC/D,YAAY;AAAA,EACZ,kBAAkB;AAAA,EAClB,SAAS;AAAA,EACT,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,cAAc;AAAA,EACd,eAAe;AAAA,EACf,cAAc;AAAA,EACd,YAAY;AAAA,EAEZ,YAAY;AAAA,EACZ,kBAAkB,CAAC,UACjB,QACI,2EACA;AAAA,EACN,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,iBAAiB;AAAA,EACjB,UAAU;AAAA,EACV,YAAY,CAAC,SAAS,qBAAqB,IAAI;AAAA,EAC/C,eAAe;AAAA,EACf,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,UACT,UAAU,IAAI,+BAA+B,GAAG,KAAK;AAAA,EACvD,QAAQ;AAAA,EACR,YAAY,CAAC,WAAW,UAAU,MAAM;AAAA,EACxC,cAAc;AAAA,EAEd,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 and the zone picker, 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  /** @deprecated 0.46 — the card's channels are columns now (`channelEmail`); removed in 0.47. Unused,\n   *  kept so an app's override still type-checks. */\n  byEmail: 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 picker's label. */\n  timeZone: string;\n  /** @deprecated 0.46 — the zone is automatic (§10.3), the card offers no device zone; removed in 0.47.\n   *  Unused, kept so an app's override still type-checks. */\n  deviceZone: (zone: string) => string;\n  /** @deprecated 0.46 — the zone is automatic (§10.3), nothing to take; removed in 0.47. Unused, kept\n   *  so an app's override still type-checks. */\n  useDeviceZone: string;\n  /** The zone's region headings, in the picker and 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  byEmail: \"By e-mail\",\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  timeZone: \"Time zone\",\n  deviceZone: (zone) => `This device is in ${zone}.`,\n  useDeviceZone: \"Use it\",\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) =>\n    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":";AAwLO,MAAM,+BAAoD;AAAA,EAC/D,YAAY;AAAA,EACZ,kBAAkB;AAAA,EAClB,SAAS;AAAA,EACT,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,UAAU;AAAA,EACV,YAAY,CAAC,SAAS,qBAAqB,IAAI;AAAA,EAC/C,eAAe;AAAA,EACf,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,UACT,UAAU,IAAI,+BAA+B,GAAG,KAAK;AAAA,EACvD,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":[]}

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

@@ -1,7 +1,7 @@
 import type { ComponentPropsWithRef, ReactNode } from "react";
 import { type LabelOverride } from "../i18n/kit-labels.js";
 import type { NotificationsLabels } from "./notifications-labels.js";
-import type { PushDeviceItem } from "./notification-types.js";
+import type { NotificationTypeEntry, NotificationTypesValue, PushDeviceItem } from "./notification-types.js";
 /**
  * A name for a stored user agent: "Chrome · Android", "Firefox · Windows" (keksdose
  * `push-devices-card.tsx:19-45`). Best effort: an agent it does not recognise comes back
@@ -25,6 +25,17 @@ export interface PushDevicesSettingProps<Id extends string | number = string> ex
     locale?: string;
     /** The app's own words for a failed removal, or `undefined` for the kit's `failed`. */
     describeError?: (error: unknown) => ReactNode | undefined;
+    /**
+     * 0.46 (§10.2): "Types on this device" on each row — a switch per type whose account
+     * `push` is on, all on until the device mutes one. Save the device's WHOLE list:
+     * `PATCH /notifications/devices/{id} {"muted_types": [...]}`; refresh `devices` once it
+     * resolves. Left out, no row has the disclosure.
+     */
+    onMutedTypesChange?: (id: Id, mutedTypes: string[]) => Promise<unknown> | void;
+    /** The app's words for its types (the types card's `types`), for the disclosure. */
+    types?: readonly NotificationTypeEntry[];
+    /** The settings `GET`'s `types` (the types card's `value`): which types have push on. */
+    typeSwitches?: NotificationTypesValue;
     labels?: LabelOverride<NotificationsLabels>;
 }
 /**
@@ -39,6 +50,12 @@ export interface PushDevicesSettingProps<Id extends string | number = string> ex
  * `PUSH_SUBSCRIPTION_CHANGED` (keksdose `push-devices-card.tsx:83-97`), so the push card
  * stops saying "on".
  *
- * Under a write lock Remove is a `commit` control exempt from billing.
+ * **"Types on this device"** (0.46, §10.2, with `onMutedTypesChange`): a disclosure under
+ * each row with a switch per type the account gets by push; turning one off mutes it on
+ * that device only — a device can mute types, never add them. Each flip saves the
+ * device's whole `muted_types` list.
+ *
+ * Under a write lock Remove and the type switches are `commit` controls exempt from
+ * billing.
  */
-export declare function PushDevicesSetting<Id extends string | number = string>({ devices, loading, currentEndpoint, onRemove, formatDate: formatDateProp, locale: localeProp, describeError, labels: labelsProp, className, ...rest }: PushDevicesSettingProps<Id>): import("react").JSX.Element;
+export declare function PushDevicesSetting<Id extends string | number = string>({ devices, loading, currentEndpoint, onRemove, formatDate: formatDateProp, locale: localeProp, describeError, onMutedTypesChange, types, typeSwitches, labels: labelsProp, className, ...rest }: PushDevicesSettingProps<Id>): import("react").JSX.Element;

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

@@ -1,5 +1,5 @@
 "use client";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from "react";
 import { MonitorSmartphone } from "lucide-react";
 import { useKitLabels, useKitLocale } from "../i18n/kit-labels.js";
@@ -9,12 +9,14 @@ import { formatDate } 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 { 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 { describeFailure, FailureLine, useNotificationsLabels } from "./notification-parts.js";
+import { describeFailure, FailureLine, useNotificationsLabels, useWriteOverlay } from "./notification-parts.js";
 import { notifyPushSubscriptionChanged } from "./use-push-device.js";
 function describeUserAgent(ua) {
   if (!ua) return null;
@@ -40,11 +42,15 @@ function PushDevicesSetting({
   formatDate: formatDateProp,
   locale: localeProp,
   describeError,
+  onMutedTypesChange,
+  types,
+  typeSwitches,
   labels: labelsProp,
   className,
   ...rest
 }) {
   const labels = useNotificationsLabels(labelsProp);
+  const mutedOverlay = useWriteOverlay(devices);
   const common = useKitLabels("common", DEFAULT_COMMON_LABELS);
   const locale = useKitLocale(localeProp);
   const [asking, setAsking] = useState(null);
@@ -72,6 +78,55 @@ function PushDevicesSetting({
       setFailure(describeFailure(describeError?.(error), labels.failed));
     });
   };
+  const pushTypes = (types ?? []).filter((entry) => typeSwitches?.[entry.id]?.push === true);
+  const mutedOf = (device) => mutedOverlay.get(String(device.id)) ?? // Ids the registry dropped (no longer in the settings answer) are ignored.
+  (device.muted_types ?? []).filter((id) => !typeSwitches || id in typeSwitches);
+  const setMuted = (device, id, on) => {
+    const key = String(device.id);
+    if (!onMutedTypesChange || mutedOverlay.pending(key)) return;
+    const current = mutedOf(device);
+    const next = on ? current.filter((muted) => muted !== id) : [...current.filter((muted) => muted !== id), id];
+    setFailure(null);
+    mutedOverlay.set(key, next);
+    settle(() => onMutedTypesChange(device.id, next)).then(
+      () => {
+        if (mounted.current) mutedOverlay.settle(key, true);
+      },
+      (error) => {
+        if (!mounted.current) return;
+        mutedOverlay.settle(key, false);
+        setFailure(describeFailure(describeError?.(error), labels.failed));
+      }
+    );
+  };
+  const typesOf = (device, name) => {
+    if (!onMutedTypesChange) return null;
+    const muted = mutedOf(device);
+    return /* @__PURE__ */ jsx(
+      Disclosure,
+      {
+        variant: "bare",
+        title: labels.deviceTypes,
+        triggerProps: { "aria-label": `${labels.deviceTypes}: ${name}` },
+        className: "text-sm",
+        "data-device-types": "",
+        children: /* @__PURE__ */ jsx("div", { className: "space-y-2 pt-1 ps-6", children: pushTypes.length === 0 ? /* @__PURE__ */ jsx("p", { className: CARD_DESCRIPTION_CLASS, children: labels.deviceTypesEmpty }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("p", { className: CARD_DESCRIPTION_CLASS, children: labels.deviceTypesDescription }),
+          pushTypes.map((entry) => /* @__PURE__ */ jsx(
+            Switch,
+            {
+              size: "sm",
+              label: entry.label,
+              checked: !muted.includes(entry.id),
+              commit: COMMIT_EXCEPT_BILLING,
+              onCheckedChange: (on) => setMuted(device, entry.id, on)
+            },
+            entry.id
+          ))
+        ] }) })
+      }
+    );
+  };
   let body;
   if (loading || devices === void 0) {
     body = /* @__PURE__ */ jsx(Skeleton, { lines: 2, label: labels.devicesLoading });
@@ -93,7 +148,8 @@ function PushDevicesSetting({
         onCancel: () => setAsking(null),
         onConfirm: () => remove(device),
         labels,
-        cancelLabel: common.cancel
+        cancelLabel: common.cancel,
+        types: typesOf(device, describeUserAgent(device.user_agent) ?? labels.unknownDevice)
       },
       device.id
     )) });
@@ -120,7 +176,8 @@ function DeviceRow({
   onCancel,
   onConfirm,
   labels,
-  cancelLabel
+  cancelLabel,
+  types
 }) {
   const cancelRef = useRef(null);
   const removeRef = useRef(null);
@@ -163,37 +220,40 @@ function DeviceRow({
       ] })
     ] });
   }
-  return /* @__PURE__ */ jsxs("li", { ...row, className: "flex items-center gap-3 py-2", children: [
-    /* @__PURE__ */ jsx(MonitorSmartphone, { "aria-hidden": true, className: "size-4 shrink-0 text-muted" }),
-    /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-x-2 gap-y-1", children: [
-        /* @__PURE__ */ jsx("span", { className: "min-w-0 break-words text-sm font-medium", children: name }),
-        current && /* @__PURE__ */ jsx(Chip, { size: "sm", tone: "brand", children: labels.thisDevice })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: CARD_DESCRIPTION_CLASS, children: [
-        labels.added(added),
-        " \xB7 ",
-        lastDelivery ? labels.lastDelivery(lastDelivery) : labels.noDelivery
+  return /* @__PURE__ */ jsxs("li", { ...row, className: "space-y-1 py-2", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ jsx(MonitorSmartphone, { "aria-hidden": true, className: "size-4 shrink-0 text-muted" }),
+      /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-x-2 gap-y-1", children: [
+          /* @__PURE__ */ jsx("span", { className: "min-w-0 break-words text-sm font-medium", children: name }),
+          current && /* @__PURE__ */ jsx(Chip, { size: "sm", tone: "brand", children: labels.thisDevice })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: CARD_DESCRIPTION_CLASS, children: [
+          labels.added(added),
+          " \xB7 ",
+          lastDelivery ? labels.lastDelivery(lastDelivery) : labels.noDelivery
+        ] }),
+        device.failure_count > 0 && /* @__PURE__ */ jsx("div", { className: "text-xs text-warning", children: labels.failures(device.failure_count) })
       ] }),
-      device.failure_count > 0 && /* @__PURE__ */ jsx("div", { className: "text-xs text-warning", children: labels.failures(device.failure_count) })
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          ref: removeRef,
+          type: "button",
+          size: "sm",
+          variant: "ghost",
+          commit: COMMIT_EXCEPT_BILLING,
+          disabled: blocked,
+          "aria-label": labels.removeItem(name),
+          onClick: () => {
+            setReturning(false);
+            onAsk();
+          },
+          children: labels.remove
+        }
+      )
     ] }),
-    /* @__PURE__ */ jsx(
-      Button,
-      {
-        ref: removeRef,
-        type: "button",
-        size: "sm",
-        variant: "ghost",
-        commit: COMMIT_EXCEPT_BILLING,
-        disabled: blocked,
-        "aria-label": labels.removeItem(name),
-        onClick: () => {
-          setReturning(false);
-          onAsk();
-        },
-        children: labels.remove
-      }
-    )
+    types
   ] });
 }
 export {

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 { Skeleton } from \"../components/skeleton\";\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 } from \"./notification-parts\";\nimport type { NotificationsLabels } from \"./notifications-labels\";\nimport type { 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>\n  extends Omit<ComponentPropsWithRef<\"div\">, \"children\"> {\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  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 * Under a write lock Remove is a `commit` control exempt from 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  labels: labelsProp,\n  className,\n  ...rest\n}: PushDevicesSettingProps<Id>) {\n  const labels = useNotificationsLabels(labelsProp);\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  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          />\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}: {\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}) {\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=\"flex items-center gap-3 py-2\">\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 && <div className=\"text-xs text-warning\">{labels.failures(device.failure_count)}</div>}\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    </li>\n  );\n}\n"],"mappings":"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","names":[]}
+{"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>\n  extends Omit<ComponentPropsWithRef<\"div\">, \"children\"> {\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 && <div className=\"text-xs text-warning\">{labels.failures(device.failure_count)}</div>}\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":[]}

package/dist/notifications/push-worker.d.ts

@@ -0,0 +1,108 @@
+/**
+ * The service worker's half of Web Push that the kit can own (0.46,
+ * docs/notifications-harmonization.md NT:1028): re-registering a subscription the
+ * browser ROTATED. A push service may replace a subscription (expiry, a key rotation, a
+ * browser update) and fires `pushsubscriptionchange` in the worker; until 0.46 the
+ * server kept sending to the old endpoint, got 410, deleted the device, and the person
+ * had to turn push on again without knowing why.
+ *
+ * {@link handlePushSubscriptionChange} listens for the event in the app's worker and
+ * calls the app's `replace` — `POST /notifications/devices/replace` (server-kit
+ * `PushReplaceIn`): the OLD endpoint and the old subscription's `auth` secret, which only
+ * this browser and the server hold, prove the device without a session (a worker has no
+ * `Authorization` header to send), and the server moves that row to the new endpoint in
+ * place — same account, same device. Open pages are told with a
+ * {@link PUSH_SUBSCRIPTION_CHANGED} message, and every mounted `usePushDevice` re-reads.
+ *
+ * Dependency-free (no React), so an app's worker bundle takes only this file — through
+ * the worker-safe subpath `@eifi1/ui-kit/push-worker` (0.46, §10.6 rule 5), not the main
+ * barrel, which reaches React and the components:
+ *
+ *     // sw.ts
+ *     import { handlePushSubscriptionChange } from "@eifi1/ui-kit/push-worker";
+ *     handlePushSubscriptionChange(self, {
+ *       pushKey: () => fetch("/api/notifications/push-key").then((r) => r.json()).then((b) => b.key),
+ *       replace: (body) => fetch("/api/notifications/devices/replace", {
+ *         method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(body),
+ *       }).then((r) => { if (!r.ok) throw new Error(String(r.status)); }),
+ *     });
+ */
+/** What `register` sends: `POST /notifications/devices` (§3.5). */
+export interface PushSubscriptionInput {
+    endpoint: string;
+    keys: {
+        p256dh: string;
+        auth: string;
+    };
+    user_agent: string | null;
+}
+/** What `replace` sends: `POST /notifications/devices/replace` (server-kit
+ *  `PushReplaceIn`). The endpoint never goes in a URL. */
+export interface PushReplaceInput {
+    /** The rotated-away subscription's endpoint. */
+    old_endpoint: string;
+    /** Its `keys.auth` as registered — the proof that this browser held it. */
+    old_auth: string;
+    /** The browser's new subscription. */
+    subscription: PushSubscriptionInput;
+}
+/** The message a worker posts to its pages after a rotation, and the window event the
+ *  hooks re-read on — the same name. */
+export declare const PUSH_SUBSCRIPTION_CHANGED = "eifi1:push-subscription-changed";
+/** A VAPID public key (base64url) as the bytes `PushManager.subscribe` wants. */
+export declare function keyBytes(key: string): Uint8Array<ArrayBuffer>;
+/** A subscription's register body, or `null` when the browser handed back an incomplete
+ *  one. */
+export declare function pushSubscriptionInput(subscription: PushSubscription): PushSubscriptionInput | null;
+/** The `pushsubscriptionchange` event as the worker receives it (not in TypeScript's
+ *  DOM lib). Either subscription may be missing: Chrome often hands neither. */
+export interface PushSubscriptionChangeEventLike {
+    readonly oldSubscription?: PushSubscription | null;
+    readonly newSubscription?: PushSubscription | null;
+    waitUntil?: (promise: Promise<unknown>) => void;
+}
+export interface PushSubscriptionChangeOptions {
+    /** `GET /notifications/push-key` → its `key` — asked only when the browser handed no
+     *  new subscription and the old one does not carry its key. `""`: push is off. */
+    pushKey: () => Promise<string>;
+    /** `POST /notifications/devices/replace`. A rejection is the outcome `"failed"`. */
+    replace: (input: PushReplaceInput) => Promise<unknown>;
+}
+/**
+ * What a rotation came to: `"replaced"` — the server moved the device; `"no_previous"` —
+ * the browser named no old subscription (or one without its keys), so there is nothing
+ * to prove the device with and the page shows push as off; `"push_off"` — the server has
+ * no key; `"incomplete"` — the new subscription has no keys; `"failed"` — `replace` (or
+ * the browser's subscribe) threw.
+ */
+export type PushResubscribeOutcome = "replaced" | "no_previous" | "push_off" | "incomplete" | "failed";
+/**
+ * Re-register after `pushsubscriptionchange`: the browser's new subscription — or, when
+ * it handed none, the one it holds now, or a fresh one under the old subscription's key
+ * (else `pushKey()`) — sent to `replace` with the old endpoint and its `auth`.
+ */
+export declare function resubscribeAfterChange(event: PushSubscriptionChangeEventLike, pushManager: PushManager, options: PushSubscriptionChangeOptions): Promise<PushResubscribeOutcome>;
+/** The parts of a `ServiceWorkerGlobalScope` this needs. */
+export interface PushWorkerScope {
+    addEventListener: (type: "pushsubscriptionchange", listener: (event: PushSubscriptionChangeEventLike) => void) => void;
+    registration: {
+        pushManager: PushManager;
+    };
+    clients?: {
+        matchAll: (options?: {
+            type?: "window";
+            includeUncontrolled?: boolean;
+        }) => Promise<readonly {
+            postMessage: (message: unknown) => void;
+        }[]>;
+    };
+}
+/**
+ * Listen for `pushsubscriptionchange` in the app's service worker (`self`) and
+ * re-register through {@link resubscribeAfterChange}, holding the worker alive until it
+ * is done (`waitUntil`). Then every open page gets `{ type: PUSH_SUBSCRIPTION_CHANGED,
+ * outcome }`; `usePushDevice` re-reads on it. `onOutcome` is for the app's own logging.
+ */
+export declare function handlePushSubscriptionChange(scope: PushWorkerScope, options: PushSubscriptionChangeOptions & {
+    onOutcome?: (outcome: PushResubscribeOutcome) => void;
+}): void;