@eifi1/ui-kit 0.51.3 → 0.51.5

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) =>\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":";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,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":[]}
+{"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":[]}

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

@@ -57,7 +57,12 @@ function PushDeviceSetting({
     (ok) => ok ? null : { tone: "danger", text: labels.enableFailed },
     labels.enableFailed
   );
-  const disable = () => run("disable", () => push.disable(), () => null, labels.failed);
+  const disable = () => run(
+    "disable",
+    () => push.disable(),
+    () => null,
+    labels.failed
+  );
   const test = () => run(
     "test",
     () => push.sendTest(),

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 = () => run(\"disable\", () => push.disable(), () => null, labels.failed);\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":";AAwHY,SAiBA,UAjBA,KAiBA,YAjBA;AAxHZ,SAAS,gBAAgB;AAGzB,SAAS,oBAAwC;AACjD,SAAS,6BAA6B;AACtC,SAAS,UAAU;AACnB,SAAS,mBAAmB;AAC5B,SAAS,cAAc;AACvB,SAAS,YAAY;AACrB,SAAS,mBAAmB;AAC5B,SAAS,6BAA6B;AACtC,SAAS,8BAA8B;AACvC,SAAS,yBAAyB;AAClC,SAAS,kBAAkB;AAC3B,SAAS,iBAAiB,aAAa,8BAA8B;AAErE,SAAS,uBAAuB;AAwCzB,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA,GAAG;AACL,GAA2B;AACzB,QAAM,SAAS,uBAAuB,UAAU;AAChD,QAAM,SAAS,aAAa,UAAU,qBAAqB;AAC3D,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAChD,QAAM,CAAC,SAAS,UAAU,IAAI,SAAkC,IAAI;AACpE,QAAM,CAAC,SAAS,UAAU,IAAI,SAAkB,IAAI;AACpD,QAAM,UAAU,WAAW;AAE3B,QAAM,YAAY,CAAC,OAAgB,QAA0B,aAAgC;AAC3F,QAAI,iBAAiB,iBAAiB;AACpC,aAAO,MAAM,SAAS,sBAAsB,OAAO,kBAAkB,OAAO;AAAA,IAC9E;AACA,WAAO,gBAAgB,gBAAgB,OAAO,MAAM,GAAG,QAAQ;AAAA,EACjE;AAEA,QAAM,MAAM,CAAK,QAA0B,MAAwB,MAA6B,aAAqB;AACnH,QAAI,QAAS;AACb,eAAW,MAAM;AACjB,eAAW,IAAI;AACf,SAAK,EAAE;AAAA,MACL,CAAC,UAAU;AACT,YAAI,CAAC,QAAQ,QAAS;AACtB,mBAAW,IAAI;AACf,mBAAW,KAAK,KAAK,CAAC;AAAA,MACxB;AAAA,MACA,CAAC,UAAmB;AAClB,YAAI,CAAC,QAAQ,QAAS;AACtB,mBAAW,IAAI;AACf,mBAAW,EAAE,MAAM,UAAU,MAAM,UAAU,OAAO,QAAQ,QAAQ,EAAE,CAAC;AAAA,MACzE;AAAA,IACF;AAAA,EACF;AAEA,QAAM,SAAS,MACb;AAAA,IACE;AAAA,IACA,MAAM,KAAK,OAAO;AAAA,IAClB,CAAC,OAAiB,KAAK,OAAO,EAAE,MAAM,UAAU,MAAM,OAAO,aAAa;AAAA,IAC1E,OAAO;AAAA,EACT;AACF,QAAM,UAAU,MAAM,IAAI,WAAW,MAAM,KAAK,QAAQ,GAAG,MAAM,MAAM,OAAO,MAAM;AACpF,QAAM,OAAO,MACX;AAAA,IACE;AAAA,IACA,MAAM,KAAK,SAAS;AAAA,IACpB,CAAC,EAAE,KAAK,MACN,OAAO,IAAI,EAAE,MAAM,UAAU,MAAM,OAAO,SAAS,IAAI,EAAE,IAAI,EAAE,MAAM,WAAW,MAAM,OAAO,SAAS;AAAA,IACxG,OAAO;AAAA,EACT;AAEF,QAAM,SAAS,MAAM;AACnB,QAAI,KAAK,eAAe,UAAW,QAAO;AAAA,QACrC,cAAa,IAAI;AAAA,EACxB;AAEA,MAAI;AACJ,MAAI,CAAC,KAAK,WAAW;AACnB,YAAQ,oBAAC,OAAE,WAAW,wBAAyB,iBAAO,aAAY;AAAA,EACpE,WAAW,KAAK,OAAO,CAAC,KAAK,WAAW;AACtC,YAAQ,oBAAC,OAAE,WAAW,wBAAyB,iBAAO,WAAW,OAAO,GAAE;AAAA,EAC5E,WAAW,KAAK,eAAe,OAAO;AACpC,YAAQ,oBAAC,OAAE,WAAW,wBAAyB,iBAAO,eAAc;AAAA,EACtE,WAAW,KAAK,eAAe,UAAU;AACvC,YAAQ,oBAAC,OAAE,WAAU,wBAAwB,iBAAO,SAAQ;AAAA,EAC9D,OAAO;AACL,UAAM,OAAO,KAAK,QAAQ,YAAY;AACtC,YACE,iCACE;AAAA,0BAAC,OAAE,WAAW,wBAAwB,mBAAiB,KAAK,aAAa,OAAO,OAC7E,eAAK,aAAa,OAAO,KAAK,OAAO,KACxC;AAAA,MACC,KAAK,uBAAuB,oBAAC,OAAE,WAAU,wBAAwB,iBAAO,cAAa;AAAA,MACtF,oBAAC,SAAI,WAAU,wBACZ,eAAK,aACJ,iCACE;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,QAAQ;AAAA,YACR,SAAS,YAAY;AAAA,YACrB,UAAU,QAAQ,YAAY;AAAA,YAC9B,SAAS;AAAA,YAER,iBAAO;AAAA;AAAA,QACV;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,QAAQ;AAAA,YACR,SAAS,YAAY;AAAA,YACrB,UAAU,QAAQ,YAAY;AAAA,YAC9B,SAAS;AAAA,YAER,iBAAO;AAAA;AAAA,QACV;AAAA,SACF,IAEA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,MAAK;AAAA,UACL,QAAQ;AAAA,UACR,SAAS,YAAY;AAAA,UACrB,UAAU,QAAQ,YAAY;AAAA,UAC9B,SAAS;AAAA,UAER,iBAAO;AAAA;AAAA,MACV,GAEJ;AAAA,MACC,SAAS,SAAS,YACjB,oBAAC,OAAE,MAAK,UAAS,WAAW,wBACzB,kBAAQ,MACX;AAAA,MAED,SAAS,SAAS,aACjB,oBAAC,eAAY,MAAK,WAAU,MAAK,MAAK,MAAK,UACxC,kBAAQ,MACX;AAAA,MAED,SAAS,SAAS,YAAY,oBAAC,eAAa,kBAAQ,MAAK;AAAA,OAC5D;AAAA,EAEJ;AAEA,SACE,qBAAC,QAAM,GAAG,MAAM,WAAW,GAAG,iBAAiB,SAAS,GACtD;AAAA,yBAAC,SACC;AAAA,0BAAC,qBAAmB,iBAAO,WAAU;AAAA,MACrC,oBAAC,SAAI,WAAW,wBAAyB,iBAAO,iBAAgB;AAAA,OAClE;AAAA,IACC;AAAA,IACD;AAAA,MAAC;AAAA;AAAA,QACC,MAAM;AAAA,QACN,SAAS,MAAM,aAAa,KAAK;AAAA,QACjC,OAAO,OAAO;AAAA,QACd,aAAa,OAAO,cAAc,OAAO;AAAA,QACzC,SAAS,CAAC,UACR,qBAAC,SAAI,WAAU,0BACb;AAAA,8BAAC,UAAO,MAAK,UAAS,SAAQ,SAAQ,SAAS,OAC5C,iBAAO,QACV;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,SAAS,MAAM;AACb,6BAAa,KAAK;AAElB,uBAAO;AAAA,cACT;AAAA,cAEC,iBAAO;AAAA;AAAA,UACV;AAAA,WACF;AAAA,QAGF,8BAAC,OAAE,WAAW,wBAAyB,iBAAO,eAAc;AAAA;AAAA,IAC9D;AAAA,KACF;AAEJ;","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 \"../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":[]}

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>\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":[]}
+{"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":[]}

package/dist/notifications/push-worker.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/notifications/push-worker.ts"],"sourcesContent":["/**\n * The service worker's half of Web Push that the kit can own (0.46,\n * docs/notifications-harmonization.md NT:1028): re-registering a subscription the\n * browser ROTATED. A push service may replace a subscription (expiry, a key rotation, a\n * browser update) and fires `pushsubscriptionchange` in the worker; until 0.46 the\n * server kept sending to the old endpoint, got 410, deleted the device, and the person\n * had to turn push on again without knowing why.\n *\n * {@link handlePushSubscriptionChange} listens for the event in the app's worker and\n * calls the app's `replace` — `POST /notifications/devices/replace` (server-kit\n * `PushReplaceIn`): the OLD endpoint and the old subscription's `auth` secret, which only\n * this browser and the server hold, prove the device without a session (a worker has no\n * `Authorization` header to send), and the server moves that row to the new endpoint in\n * place — same account, same device. Open pages are told with a\n * {@link PUSH_SUBSCRIPTION_CHANGED} message, and every mounted `usePushDevice` re-reads.\n *\n * Dependency-free (no React), so an app's worker bundle takes only this file — through\n * the worker-safe subpath `@eifi1/ui-kit/push-worker` (0.46, §10.6 rule 5), not the main\n * barrel, which reaches React and the components:\n *\n *     // sw.ts\n *     import { handlePushSubscriptionChange } from \"@eifi1/ui-kit/push-worker\";\n *     handlePushSubscriptionChange(self, {\n *       pushKey: () => fetch(\"/api/notifications/push-key\").then((r) => r.json()).then((b) => b.key),\n *       replace: (body) => fetch(\"/api/notifications/devices/replace\", {\n *         method: \"POST\", headers: { \"Content-Type\": \"application/json\" }, body: JSON.stringify(body),\n *       }).then((r) => { if (!r.ok) throw new Error(String(r.status)); }),\n *     });\n */\n\n/** What `register` sends: `POST /notifications/devices` (§3.5). */\nexport interface PushSubscriptionInput {\n  endpoint: string;\n  keys: { p256dh: string; auth: string };\n  user_agent: string | null;\n}\n\n/** What `replace` sends: `POST /notifications/devices/replace` (server-kit\n *  `PushReplaceIn`). The endpoint never goes in a URL. */\nexport interface PushReplaceInput {\n  /** The rotated-away subscription's endpoint. */\n  old_endpoint: string;\n  /** Its `keys.auth` as registered — the proof that this browser held it. */\n  old_auth: string;\n  /** The browser's new subscription. */\n  subscription: PushSubscriptionInput;\n}\n\n/** The message a worker posts to its pages after a rotation, and the window event the\n *  hooks re-read on — the same name. */\nexport const PUSH_SUBSCRIPTION_CHANGED = \"eifi1:push-subscription-changed\";\n\n/** A VAPID public key (base64url) as the bytes `PushManager.subscribe` wants. */\nexport function keyBytes(key: string): Uint8Array<ArrayBuffer> {\n  const base64 = key.replace(/-/g, \"+\").replace(/_/g, \"/\") + \"=\".repeat((4 - (key.length % 4)) % 4);\n  const raw = atob(base64);\n  const bytes = new Uint8Array(new ArrayBuffer(raw.length));\n  for (let i = 0; i < raw.length; i++) bytes[i] = raw.charCodeAt(i);\n  return bytes;\n}\n\n/** A subscription's register body, or `null` when the browser handed back an incomplete\n *  one. */\nexport function pushSubscriptionInput(subscription: PushSubscription): PushSubscriptionInput | null {\n  const json = subscription.toJSON();\n  const p256dh = json.keys?.p256dh;\n  const auth = json.keys?.auth;\n  if (!json.endpoint || !p256dh || !auth) return null;\n  return {\n    endpoint: json.endpoint,\n    keys: { p256dh, auth },\n    user_agent: (typeof navigator !== \"undefined\" && navigator.userAgent) || null,\n  };\n}\n\n/** The `pushsubscriptionchange` event as the worker receives it (not in TypeScript's\n *  DOM lib). Either subscription may be missing: Chrome often hands neither. */\nexport interface PushSubscriptionChangeEventLike {\n  readonly oldSubscription?: PushSubscription | null;\n  readonly newSubscription?: PushSubscription | null;\n  waitUntil?: (promise: Promise<unknown>) => void;\n}\n\nexport interface PushSubscriptionChangeOptions {\n  /** `GET /notifications/push-key` → its `key` — asked only when the browser handed no\n   *  new subscription and the old one does not carry its key. `\"\"`: push is off. */\n  pushKey: () => Promise<string>;\n  /** `POST /notifications/devices/replace`. A rejection is the outcome `\"failed\"`. */\n  replace: (input: PushReplaceInput) => Promise<unknown>;\n}\n\n/**\n * What a rotation came to: `\"replaced\"` — the server moved the device; `\"no_previous\"` —\n * the browser named no old subscription (or one without its keys), so there is nothing\n * to prove the device with and the page shows push as off; `\"push_off\"` — the server has\n * no key; `\"incomplete\"` — the new subscription has no keys; `\"failed\"` — `replace` (or\n * the browser's subscribe) threw.\n */\nexport type PushResubscribeOutcome = \"replaced\" | \"no_previous\" | \"push_off\" | \"incomplete\" | \"failed\";\n\n/**\n * Re-register after `pushsubscriptionchange`: the browser's new subscription — or, when\n * it handed none, the one it holds now, or a fresh one under the old subscription's key\n * (else `pushKey()`) — sent to `replace` with the old endpoint and its `auth`.\n */\nexport async function resubscribeAfterChange(\n  event: PushSubscriptionChangeEventLike,\n  pushManager: PushManager,\n  options: PushSubscriptionChangeOptions,\n): Promise<PushResubscribeOutcome> {\n  const old = event.oldSubscription;\n  const oldAuth = old?.toJSON().keys?.auth;\n  if (!old?.endpoint || !oldAuth) return \"no_previous\";\n  try {\n    let next = event.newSubscription ?? (await pushManager.getSubscription());\n    if (!next || next.endpoint === old.endpoint) {\n      const kept = old.options?.applicationServerKey;\n      const key = kept ? null : await options.pushKey();\n      if (key === \"\") return \"push_off\";\n      next = await pushManager.subscribe({\n        userVisibleOnly: true,\n        applicationServerKey: kept ?? keyBytes(key ?? \"\"),\n      });\n    }\n    const subscription = pushSubscriptionInput(next);\n    if (!subscription) return \"incomplete\";\n    await options.replace({ old_endpoint: old.endpoint, old_auth: oldAuth, subscription });\n    return \"replaced\";\n  } catch {\n    return \"failed\";\n  }\n}\n\n/** The parts of a `ServiceWorkerGlobalScope` this needs. */\nexport interface PushWorkerScope {\n  addEventListener: (type: \"pushsubscriptionchange\", listener: (event: PushSubscriptionChangeEventLike) => void) => void;\n  registration: { pushManager: PushManager };\n  clients?: { matchAll: (options?: { type?: \"window\"; includeUncontrolled?: boolean }) => Promise<readonly { postMessage: (message: unknown) => void }[]> };\n}\n\n/**\n * Listen for `pushsubscriptionchange` in the app's service worker (`self`) and\n * re-register through {@link resubscribeAfterChange}, holding the worker alive until it\n * is done (`waitUntil`). Then every open page gets `{ type: PUSH_SUBSCRIPTION_CHANGED,\n * outcome }`; `usePushDevice` re-reads on it. `onOutcome` is for the app's own logging.\n */\nexport function handlePushSubscriptionChange(\n  scope: PushWorkerScope,\n  options: PushSubscriptionChangeOptions & { onOutcome?: (outcome: PushResubscribeOutcome) => void },\n): void {\n  scope.addEventListener(\"pushsubscriptionchange\", (event) => {\n    const done = resubscribeAfterChange(event, scope.registration.pushManager, options).then(async (outcome) => {\n      options.onOutcome?.(outcome);\n      const pages = (await scope.clients?.matchAll({ type: \"window\", includeUncontrolled: true })) ?? [];\n      for (const page of pages) page.postMessage({ type: PUSH_SUBSCRIPTION_CHANGED, outcome });\n      return outcome;\n    });\n    event.waitUntil?.(done);\n  });\n}\n"],"mappings":";AAkDO,MAAM,4BAA4B;AAGlC,SAAS,SAAS,KAAsC;AAC7D,QAAM,SAAS,IAAI,QAAQ,MAAM,GAAG,EAAE,QAAQ,MAAM,GAAG,IAAI,IAAI,QAAQ,IAAK,IAAI,SAAS,KAAM,CAAC;AAChG,QAAM,MAAM,KAAK,MAAM;AACvB,QAAM,QAAQ,IAAI,WAAW,IAAI,YAAY,IAAI,MAAM,CAAC;AACxD,WAAS,IAAI,GAAG,IAAI,IAAI,QAAQ,IAAK,OAAM,CAAC,IAAI,IAAI,WAAW,CAAC;AAChE,SAAO;AACT;AAIO,SAAS,sBAAsB,cAA8D;AAClG,QAAM,OAAO,aAAa,OAAO;AACjC,QAAM,SAAS,KAAK,MAAM;AAC1B,QAAM,OAAO,KAAK,MAAM;AACxB,MAAI,CAAC,KAAK,YAAY,CAAC,UAAU,CAAC,KAAM,QAAO;AAC/C,SAAO;AAAA,IACL,UAAU,KAAK;AAAA,IACf,MAAM,EAAE,QAAQ,KAAK;AAAA,IACrB,YAAa,OAAO,cAAc,eAAe,UAAU,aAAc;AAAA,EAC3E;AACF;AAgCA,eAAsB,uBACpB,OACA,aACA,SACiC;AACjC,QAAM,MAAM,MAAM;AAClB,QAAM,UAAU,KAAK,OAAO,EAAE,MAAM;AACpC,MAAI,CAAC,KAAK,YAAY,CAAC,QAAS,QAAO;AACvC,MAAI;AACF,QAAI,OAAO,MAAM,mBAAoB,MAAM,YAAY,gBAAgB;AACvE,QAAI,CAAC,QAAQ,KAAK,aAAa,IAAI,UAAU;AAC3C,YAAM,OAAO,IAAI,SAAS;AAC1B,YAAM,MAAM,OAAO,OAAO,MAAM,QAAQ,QAAQ;AAChD,UAAI,QAAQ,GAAI,QAAO;AACvB,aAAO,MAAM,YAAY,UAAU;AAAA,QACjC,iBAAiB;AAAA,QACjB,sBAAsB,QAAQ,SAAS,OAAO,EAAE;AAAA,MAClD,CAAC;AAAA,IACH;AACA,UAAM,eAAe,sBAAsB,IAAI;AAC/C,QAAI,CAAC,aAAc,QAAO;AAC1B,UAAM,QAAQ,QAAQ,EAAE,cAAc,IAAI,UAAU,UAAU,SAAS,aAAa,CAAC;AACrF,WAAO;AAAA,EACT,QAAQ;AACN,WAAO;AAAA,EACT;AACF;AAeO,SAAS,6BACd,OACA,SACM;AACN,QAAM,iBAAiB,0BAA0B,CAAC,UAAU;AAC1D,UAAM,OAAO,uBAAuB,OAAO,MAAM,aAAa,aAAa,OAAO,EAAE,KAAK,OAAO,YAAY;AAC1G,cAAQ,YAAY,OAAO;AAC3B,YAAM,QAAS,MAAM,MAAM,SAAS,SAAS,EAAE,MAAM,UAAU,qBAAqB,KAAK,CAAC,KAAM,CAAC;AACjG,iBAAW,QAAQ,MAAO,MAAK,YAAY,EAAE,MAAM,2BAA2B,QAAQ,CAAC;AACvF,aAAO;AAAA,IACT,CAAC;AACD,UAAM,YAAY,IAAI;AAAA,EACxB,CAAC;AACH;","names":[]}
+{"version":3,"sources":["../../src/notifications/push-worker.ts"],"sourcesContent":["/**\n * The service worker's half of Web Push that the kit can own (0.46,\n * docs/notifications-harmonization.md NT:1028): re-registering a subscription the\n * browser ROTATED. A push service may replace a subscription (expiry, a key rotation, a\n * browser update) and fires `pushsubscriptionchange` in the worker; until 0.46 the\n * server kept sending to the old endpoint, got 410, deleted the device, and the person\n * had to turn push on again without knowing why.\n *\n * {@link handlePushSubscriptionChange} listens for the event in the app's worker and\n * calls the app's `replace` — `POST /notifications/devices/replace` (server-kit\n * `PushReplaceIn`): the OLD endpoint and the old subscription's `auth` secret, which only\n * this browser and the server hold, prove the device without a session (a worker has no\n * `Authorization` header to send), and the server moves that row to the new endpoint in\n * place — same account, same device. Open pages are told with a\n * {@link PUSH_SUBSCRIPTION_CHANGED} message, and every mounted `usePushDevice` re-reads.\n *\n * Dependency-free (no React), so an app's worker bundle takes only this file — through\n * the worker-safe subpath `@eifi1/ui-kit/push-worker` (0.46, §10.6 rule 5), not the main\n * barrel, which reaches React and the components:\n *\n *     // sw.ts\n *     import { handlePushSubscriptionChange } from \"@eifi1/ui-kit/push-worker\";\n *     handlePushSubscriptionChange(self, {\n *       pushKey: () => fetch(\"/api/notifications/push-key\").then((r) => r.json()).then((b) => b.key),\n *       replace: (body) => fetch(\"/api/notifications/devices/replace\", {\n *         method: \"POST\", headers: { \"Content-Type\": \"application/json\" }, body: JSON.stringify(body),\n *       }).then((r) => { if (!r.ok) throw new Error(String(r.status)); }),\n *     });\n */\n\n/** What `register` sends: `POST /notifications/devices` (§3.5). */\nexport interface PushSubscriptionInput {\n  endpoint: string;\n  keys: { p256dh: string; auth: string };\n  user_agent: string | null;\n}\n\n/** What `replace` sends: `POST /notifications/devices/replace` (server-kit\n *  `PushReplaceIn`). The endpoint never goes in a URL. */\nexport interface PushReplaceInput {\n  /** The rotated-away subscription's endpoint. */\n  old_endpoint: string;\n  /** Its `keys.auth` as registered — the proof that this browser held it. */\n  old_auth: string;\n  /** The browser's new subscription. */\n  subscription: PushSubscriptionInput;\n}\n\n/** The message a worker posts to its pages after a rotation, and the window event the\n *  hooks re-read on — the same name. */\nexport const PUSH_SUBSCRIPTION_CHANGED = \"eifi1:push-subscription-changed\";\n\n/** A VAPID public key (base64url) as the bytes `PushManager.subscribe` wants. */\nexport function keyBytes(key: string): Uint8Array<ArrayBuffer> {\n  const base64 = key.replace(/-/g, \"+\").replace(/_/g, \"/\") + \"=\".repeat((4 - (key.length % 4)) % 4);\n  const raw = atob(base64);\n  const bytes = new Uint8Array(new ArrayBuffer(raw.length));\n  for (let i = 0; i < raw.length; i++) bytes[i] = raw.charCodeAt(i);\n  return bytes;\n}\n\n/** A subscription's register body, or `null` when the browser handed back an incomplete\n *  one. */\nexport function pushSubscriptionInput(subscription: PushSubscription): PushSubscriptionInput | null {\n  const json = subscription.toJSON();\n  const p256dh = json.keys?.p256dh;\n  const auth = json.keys?.auth;\n  if (!json.endpoint || !p256dh || !auth) return null;\n  return {\n    endpoint: json.endpoint,\n    keys: { p256dh, auth },\n    user_agent: (typeof navigator !== \"undefined\" && navigator.userAgent) || null,\n  };\n}\n\n/** The `pushsubscriptionchange` event as the worker receives it (not in TypeScript's\n *  DOM lib). Either subscription may be missing: Chrome often hands neither. */\nexport interface PushSubscriptionChangeEventLike {\n  readonly oldSubscription?: PushSubscription | null;\n  readonly newSubscription?: PushSubscription | null;\n  waitUntil?: (promise: Promise<unknown>) => void;\n}\n\nexport interface PushSubscriptionChangeOptions {\n  /** `GET /notifications/push-key` → its `key` — asked only when the browser handed no\n   *  new subscription and the old one does not carry its key. `\"\"`: push is off. */\n  pushKey: () => Promise<string>;\n  /** `POST /notifications/devices/replace`. A rejection is the outcome `\"failed\"`. */\n  replace: (input: PushReplaceInput) => Promise<unknown>;\n}\n\n/**\n * What a rotation came to: `\"replaced\"` — the server moved the device; `\"no_previous\"` —\n * the browser named no old subscription (or one without its keys), so there is nothing\n * to prove the device with and the page shows push as off; `\"push_off\"` — the server has\n * no key; `\"incomplete\"` — the new subscription has no keys; `\"failed\"` — `replace` (or\n * the browser's subscribe) threw.\n */\nexport type PushResubscribeOutcome = \"replaced\" | \"no_previous\" | \"push_off\" | \"incomplete\" | \"failed\";\n\n/**\n * Re-register after `pushsubscriptionchange`: the browser's new subscription — or, when\n * it handed none, the one it holds now, or a fresh one under the old subscription's key\n * (else `pushKey()`) — sent to `replace` with the old endpoint and its `auth`.\n */\nexport async function resubscribeAfterChange(\n  event: PushSubscriptionChangeEventLike,\n  pushManager: PushManager,\n  options: PushSubscriptionChangeOptions,\n): Promise<PushResubscribeOutcome> {\n  const old = event.oldSubscription;\n  const oldAuth = old?.toJSON().keys?.auth;\n  if (!old?.endpoint || !oldAuth) return \"no_previous\";\n  try {\n    let next = event.newSubscription ?? (await pushManager.getSubscription());\n    if (!next || next.endpoint === old.endpoint) {\n      const kept = old.options?.applicationServerKey;\n      const key = kept ? null : await options.pushKey();\n      if (key === \"\") return \"push_off\";\n      next = await pushManager.subscribe({\n        userVisibleOnly: true,\n        applicationServerKey: kept ?? keyBytes(key ?? \"\"),\n      });\n    }\n    const subscription = pushSubscriptionInput(next);\n    if (!subscription) return \"incomplete\";\n    await options.replace({ old_endpoint: old.endpoint, old_auth: oldAuth, subscription });\n    return \"replaced\";\n  } catch {\n    return \"failed\";\n  }\n}\n\n/** The parts of a `ServiceWorkerGlobalScope` this needs. */\nexport interface PushWorkerScope {\n  addEventListener: (\n    type: \"pushsubscriptionchange\",\n    listener: (event: PushSubscriptionChangeEventLike) => void,\n  ) => void;\n  registration: { pushManager: PushManager };\n  clients?: {\n    matchAll: (options?: {\n      type?: \"window\";\n      includeUncontrolled?: boolean;\n    }) => Promise<readonly { postMessage: (message: unknown) => void }[]>;\n  };\n}\n\n/**\n * Listen for `pushsubscriptionchange` in the app's service worker (`self`) and\n * re-register through {@link resubscribeAfterChange}, holding the worker alive until it\n * is done (`waitUntil`). Then every open page gets `{ type: PUSH_SUBSCRIPTION_CHANGED,\n * outcome }`; `usePushDevice` re-reads on it. `onOutcome` is for the app's own logging.\n */\nexport function handlePushSubscriptionChange(\n  scope: PushWorkerScope,\n  options: PushSubscriptionChangeOptions & { onOutcome?: (outcome: PushResubscribeOutcome) => void },\n): void {\n  scope.addEventListener(\"pushsubscriptionchange\", (event) => {\n    const done = resubscribeAfterChange(event, scope.registration.pushManager, options).then(async (outcome) => {\n      options.onOutcome?.(outcome);\n      const pages = (await scope.clients?.matchAll({ type: \"window\", includeUncontrolled: true })) ?? [];\n      for (const page of pages) page.postMessage({ type: PUSH_SUBSCRIPTION_CHANGED, outcome });\n      return outcome;\n    });\n    event.waitUntil?.(done);\n  });\n}\n"],"mappings":";AAkDO,MAAM,4BAA4B;AAGlC,SAAS,SAAS,KAAsC;AAC7D,QAAM,SAAS,IAAI,QAAQ,MAAM,GAAG,EAAE,QAAQ,MAAM,GAAG,IAAI,IAAI,QAAQ,IAAK,IAAI,SAAS,KAAM,CAAC;AAChG,QAAM,MAAM,KAAK,MAAM;AACvB,QAAM,QAAQ,IAAI,WAAW,IAAI,YAAY,IAAI,MAAM,CAAC;AACxD,WAAS,IAAI,GAAG,IAAI,IAAI,QAAQ,IAAK,OAAM,CAAC,IAAI,IAAI,WAAW,CAAC;AAChE,SAAO;AACT;AAIO,SAAS,sBAAsB,cAA8D;AAClG,QAAM,OAAO,aAAa,OAAO;AACjC,QAAM,SAAS,KAAK,MAAM;AAC1B,QAAM,OAAO,KAAK,MAAM;AACxB,MAAI,CAAC,KAAK,YAAY,CAAC,UAAU,CAAC,KAAM,QAAO;AAC/C,SAAO;AAAA,IACL,UAAU,KAAK;AAAA,IACf,MAAM,EAAE,QAAQ,KAAK;AAAA,IACrB,YAAa,OAAO,cAAc,eAAe,UAAU,aAAc;AAAA,EAC3E;AACF;AAgCA,eAAsB,uBACpB,OACA,aACA,SACiC;AACjC,QAAM,MAAM,MAAM;AAClB,QAAM,UAAU,KAAK,OAAO,EAAE,MAAM;AACpC,MAAI,CAAC,KAAK,YAAY,CAAC,QAAS,QAAO;AACvC,MAAI;AACF,QAAI,OAAO,MAAM,mBAAoB,MAAM,YAAY,gBAAgB;AACvE,QAAI,CAAC,QAAQ,KAAK,aAAa,IAAI,UAAU;AAC3C,YAAM,OAAO,IAAI,SAAS;AAC1B,YAAM,MAAM,OAAO,OAAO,MAAM,QAAQ,QAAQ;AAChD,UAAI,QAAQ,GAAI,QAAO;AACvB,aAAO,MAAM,YAAY,UAAU;AAAA,QACjC,iBAAiB;AAAA,QACjB,sBAAsB,QAAQ,SAAS,OAAO,EAAE;AAAA,MAClD,CAAC;AAAA,IACH;AACA,UAAM,eAAe,sBAAsB,IAAI;AAC/C,QAAI,CAAC,aAAc,QAAO;AAC1B,UAAM,QAAQ,QAAQ,EAAE,cAAc,IAAI,UAAU,UAAU,SAAS,aAAa,CAAC;AACrF,WAAO;AAAA,EACT,QAAQ;AACN,WAAO;AAAA,EACT;AACF;AAuBO,SAAS,6BACd,OACA,SACM;AACN,QAAM,iBAAiB,0BAA0B,CAAC,UAAU;AAC1D,UAAM,OAAO,uBAAuB,OAAO,MAAM,aAAa,aAAa,OAAO,EAAE,KAAK,OAAO,YAAY;AAC1G,cAAQ,YAAY,OAAO;AAC3B,YAAM,QAAS,MAAM,MAAM,SAAS,SAAS,EAAE,MAAM,UAAU,qBAAqB,KAAK,CAAC,KAAM,CAAC;AACjG,iBAAW,QAAQ,MAAO,MAAK,YAAY,EAAE,MAAM,2BAA2B,QAAQ,CAAC;AACvF,aAAO;AAAA,IACT,CAAC;AACD,UAAM,YAAY,IAAI;AAAA,EACxB,CAAC;AACH;","names":[]}

package/dist/notifications/quiet-hours-setting.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/notifications/quiet-hours-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 { Card } from \"../components/card\";\nimport { TimeInput } from \"../components/time-input\";\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 { NotificationRegionLabels, NotificationsLabels } from \"./notifications-labels\";\nimport type { NotificationSettingsPatch } from \"./notification-types\";\n\n/** The zone the server applies while no device ever reported one (§10.3): every app's. */\nconst DEFAULT_FALLBACK_ZONE = \"Europe/Zurich\";\n\n/** A zone for a sentence: \"Europe / Zurich\", the region in the kit's words (`labels.regions`);\n *  a region the labels do not know keeps its IANA name, a zone with none (\"UTC\") is itself. */\nfunction zoneName(zone: string, regions: NotificationRegionLabels): string {\n  const slash = zone.indexOf(\"/\");\n  if (slash < 0) return zone;\n  const region = zone.slice(0, slash);\n  const named = Object.prototype.hasOwnProperty.call(regions, region)\n    ? regions[region as keyof NotificationRegionLabels]\n    : region;\n  return `${named} / ${zone.slice(slash + 1).replace(/_/g, \" \").replace(/\\//g, \" / \")}`;\n}\n\nexport interface QuietHoursSettingProps extends Omit<ComponentPropsWithRef<\"div\">, \"children\" | \"onChange\"> {\n  /** The `GET`'s `quiet_hours_start`, `\"HH:MM\"`, or `null`. */\n  start: string | null;\n  /** The `GET`'s `quiet_hours_end`. */\n  end: string | null;\n  /**\n   * 0.46 (§10.3, amended 2026-10-20: automatic only): the account's zone — `/auth/me`'s\n   * `device_timezone`, the zone of the device last used; `null` while no device has\n   * reported one, and the card then names `fallbackZone`, the zone the server applies.\n   * Shown read-only once a time is set (\"In your time zone (Europe / Zurich), which follows\n   * the device you last used.\"). No picker: the zone is never chosen.\n   */\n  zone?: string | null;\n  /** 0.46 (§10.4): the app queues a held push and sends it when the window ends (it runs\n   *  the notifications tick); the description says so. Default `false`: dropped. */\n  held?: boolean;\n  /**\n   * Save one change — `PATCH /notifications/settings`: a time, or `null` when cleared.\n   * Never a zone. The field shows the new value while the call runs and goes back if it\n   * rejects.\n   */\n  onChange: (patch: NotificationSettingsPatch) => Promise<unknown> | void;\n  /** The zone named while `zone` names none: the one the server\n   *  applies. Default `\"Europe/Zurich\"`, every app's. */\n  fallbackZone?: string;\n  /** The app keeps an inbox, and the description says a held push still reaches it. */\n  inbox?: boolean;\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\ntype QuietField = \"quiet_hours_start\" | \"quiet_hours_end\";\n\n/**\n * Quiet hours (docs/notifications-harmonization.md §2.4, §2.6, §4.2): a window of local\n * times in the account's zone, which may cross midnight, when no push of a machine-sent\n * type is sent. A held push is dropped — or, with `held` (0.46, §10.4), sent when the\n * window ends; the inbox row and the mail go as usual. keksdose's block, as a card of its\n * own.\n *\n * **0.46 (§10.3, amended 2026-10-20, Marcel): the zone is the account's, automatic\n * only** — the zone of the device last used, else `Europe/Zurich`. The card names it\n * read-only and never sends one; there is no picker and no \"Use it\".\n *\n * - **Two times**, each saved as it is entered; a cleared time sends `null`. While only\n *   one is set the card says so: the window fails open until both are.\n * - **The zone** shows while a time is set: `zone`, else `fallbackZone`.\n *\n * Under a write lock the fields are `commit` controls exempt from billing.\n */\nexport function QuietHoursSetting({\n  start,\n  end,\n  zone,\n  held = false,\n  onChange,\n  fallbackZone = DEFAULT_FALLBACK_ZONE,\n  inbox = false,\n  disabled = false,\n  describeError,\n  labels: labelsProp,\n  className,\n  ...rest\n}: QuietHoursSettingProps) {\n  const labels = useNotificationsLabels(labelsProp);\n  const overlay = useWriteOverlay<string | null>(`${start}|${end}`);\n  const [failure, setFailure] = useState<ReactNode>(null);\n  const mounted = useMounted();\n  const id = useId();\n\n  const shown = (field: QuietField, server: string | null) =>\n    overlay.has(field) ? (overlay.get(field) ?? null) : server;\n  const startShown = shown(\"quiet_hours_start\", start);\n  const endShown = shown(\"quiet_hours_end\", end);\n  const accountZone = zone ?? fallbackZone;\n\n  const save = (patch: NotificationSettingsPatch) => {\n    const fields = Object.keys(patch) as QuietField[];\n    setFailure(null);\n    for (const field of fields) overlay.set(field, patch[field] ?? null);\n    settle(() => onChange(patch)).then(\n      () => {\n        if (mounted.current) for (const field of fields) overlay.settle(field, true);\n      },\n      (error: unknown) => {\n        if (!mounted.current) return;\n        for (const field of fields) overlay.settle(field, false);\n        setFailure(describeFailure(describeError?.(error), labels.failed));\n      },\n    );\n  };\n\n  const saveTime = (field: \"quiet_hours_start\" | \"quiet_hours_end\", value: string) => {\n    const next = value || null;\n    if (next === shown(field, field === \"quiet_hours_start\" ? start : end)) return;\n    save({ [field]: next });\n  };\n\n  const anySet = Boolean(startShown || endShown);\n  const halfSet = Boolean(startShown) !== Boolean(endShown);\n\n  return (\n    <Card {...rest} className={cn(\"p-4 space-y-3\", className)}>\n      <div>\n        <SettingsCardTitle>{labels.quietTitle}</SettingsCardTitle>\n        <div className={CARD_DESCRIPTION_CLASS}>{labels.quietDescription(inbox, held)}</div>\n      </div>\n      <div className=\"flex flex-wrap items-end gap-3\">\n        <TimeInput\n          id={`${id}-start`}\n          label={labels.quietFrom}\n          value={startShown ?? \"\"}\n          disabled={disabled}\n          commit={COMMIT_EXCEPT_BILLING}\n          onValueChange={(value) => saveTime(\"quiet_hours_start\", value)}\n          className=\"w-36\"\n        />\n        <TimeInput\n          id={`${id}-end`}\n          label={labels.quietUntil}\n          value={endShown ?? \"\"}\n          disabled={disabled}\n          commit={COMMIT_EXCEPT_BILLING}\n          onValueChange={(value) => saveTime(\"quiet_hours_end\", value)}\n          className=\"w-36\"\n        />\n      </div>\n      {halfSet && (\n        <p className=\"text-xs text-warning\" data-quiet-incomplete=\"\">\n          {labels.quietIncomplete}\n        </p>\n      )}\n      {anySet && (\n        <p className={CARD_DESCRIPTION_CLASS} data-quiet-zone=\"\">\n          {labels.quietZone(zoneName(accountZone, labels.regions))}\n        </p>\n      )}\n      <FailureLine>{failure}</FailureLine>\n    </Card>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/notifications/quiet-hours-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 { Card } from \"../components/card\";\nimport { TimeInput } from \"../components/time-input\";\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 { NotificationRegionLabels, NotificationsLabels } from \"./notifications-labels\";\nimport type { NotificationSettingsPatch } from \"./notification-types\";\n\n/** The zone the server applies while no device ever reported one (§10.3): every app's. */\nconst DEFAULT_FALLBACK_ZONE = \"Europe/Zurich\";\n\n/** A zone for a sentence: \"Europe / Zurich\", the region in the kit's words (`labels.regions`);\n *  a region the labels do not know keeps its IANA name, a zone with none (\"UTC\") is itself. */\nfunction zoneName(zone: string, regions: NotificationRegionLabels): string {\n  const slash = zone.indexOf(\"/\");\n  if (slash < 0) return zone;\n  const region = zone.slice(0, slash);\n  const named = Object.prototype.hasOwnProperty.call(regions, region)\n    ? regions[region as keyof NotificationRegionLabels]\n    : region;\n  return `${named} / ${zone\n    .slice(slash + 1)\n    .replace(/_/g, \" \")\n    .replace(/\\//g, \" / \")}`;\n}\n\nexport interface QuietHoursSettingProps extends Omit<ComponentPropsWithRef<\"div\">, \"children\" | \"onChange\"> {\n  /** The `GET`'s `quiet_hours_start`, `\"HH:MM\"`, or `null`. */\n  start: string | null;\n  /** The `GET`'s `quiet_hours_end`. */\n  end: string | null;\n  /**\n   * 0.46 (§10.3, amended 2026-10-20: automatic only): the account's zone — `/auth/me`'s\n   * `device_timezone`, the zone of the device last used; `null` while no device has\n   * reported one, and the card then names `fallbackZone`, the zone the server applies.\n   * Shown read-only once a time is set (\"In your time zone (Europe / Zurich), which follows\n   * the device you last used.\"). No picker: the zone is never chosen.\n   */\n  zone?: string | null;\n  /** 0.46 (§10.4): the app queues a held push and sends it when the window ends (it runs\n   *  the notifications tick); the description says so. Default `false`: dropped. */\n  held?: boolean;\n  /**\n   * Save one change — `PATCH /notifications/settings`: a time, or `null` when cleared.\n   * Never a zone. The field shows the new value while the call runs and goes back if it\n   * rejects.\n   */\n  onChange: (patch: NotificationSettingsPatch) => Promise<unknown> | void;\n  /** The zone named while `zone` names none: the one the server\n   *  applies. Default `\"Europe/Zurich\"`, every app's. */\n  fallbackZone?: string;\n  /** The app keeps an inbox, and the description says a held push still reaches it. */\n  inbox?: boolean;\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\ntype QuietField = \"quiet_hours_start\" | \"quiet_hours_end\";\n\n/**\n * Quiet hours (docs/notifications-harmonization.md §2.4, §2.6, §4.2): a window of local\n * times in the account's zone, which may cross midnight, when no push of a machine-sent\n * type is sent. A held push is dropped — or, with `held` (0.46, §10.4), sent when the\n * window ends; the inbox row and the mail go as usual. keksdose's block, as a card of its\n * own.\n *\n * **0.46 (§10.3, amended 2026-10-20, Marcel): the zone is the account's, automatic\n * only** — the zone of the device last used, else `Europe/Zurich`. The card names it\n * read-only and never sends one; there is no picker and no \"Use it\".\n *\n * - **Two times**, each saved as it is entered; a cleared time sends `null`. While only\n *   one is set the card says so: the window fails open until both are.\n * - **The zone** shows while a time is set: `zone`, else `fallbackZone`.\n *\n * Under a write lock the fields are `commit` controls exempt from billing.\n */\nexport function QuietHoursSetting({\n  start,\n  end,\n  zone,\n  held = false,\n  onChange,\n  fallbackZone = DEFAULT_FALLBACK_ZONE,\n  inbox = false,\n  disabled = false,\n  describeError,\n  labels: labelsProp,\n  className,\n  ...rest\n}: QuietHoursSettingProps) {\n  const labels = useNotificationsLabels(labelsProp);\n  const overlay = useWriteOverlay<string | null>(`${start}|${end}`);\n  const [failure, setFailure] = useState<ReactNode>(null);\n  const mounted = useMounted();\n  const id = useId();\n\n  const shown = (field: QuietField, server: string | null) =>\n    overlay.has(field) ? (overlay.get(field) ?? null) : server;\n  const startShown = shown(\"quiet_hours_start\", start);\n  const endShown = shown(\"quiet_hours_end\", end);\n  const accountZone = zone ?? fallbackZone;\n\n  const save = (patch: NotificationSettingsPatch) => {\n    const fields = Object.keys(patch) as QuietField[];\n    setFailure(null);\n    for (const field of fields) overlay.set(field, patch[field] ?? null);\n    settle(() => onChange(patch)).then(\n      () => {\n        if (mounted.current) for (const field of fields) overlay.settle(field, true);\n      },\n      (error: unknown) => {\n        if (!mounted.current) return;\n        for (const field of fields) overlay.settle(field, false);\n        setFailure(describeFailure(describeError?.(error), labels.failed));\n      },\n    );\n  };\n\n  const saveTime = (field: \"quiet_hours_start\" | \"quiet_hours_end\", value: string) => {\n    const next = value || null;\n    if (next === shown(field, field === \"quiet_hours_start\" ? start : end)) return;\n    save({ [field]: next });\n  };\n\n  const anySet = Boolean(startShown || endShown);\n  const halfSet = Boolean(startShown) !== Boolean(endShown);\n\n  return (\n    <Card {...rest} className={cn(\"p-4 space-y-3\", className)}>\n      <div>\n        <SettingsCardTitle>{labels.quietTitle}</SettingsCardTitle>\n        <div className={CARD_DESCRIPTION_CLASS}>{labels.quietDescription(inbox, held)}</div>\n      </div>\n      <div className=\"flex flex-wrap items-end gap-3\">\n        <TimeInput\n          id={`${id}-start`}\n          label={labels.quietFrom}\n          value={startShown ?? \"\"}\n          disabled={disabled}\n          commit={COMMIT_EXCEPT_BILLING}\n          onValueChange={(value) => saveTime(\"quiet_hours_start\", value)}\n          className=\"w-36\"\n        />\n        <TimeInput\n          id={`${id}-end`}\n          label={labels.quietUntil}\n          value={endShown ?? \"\"}\n          disabled={disabled}\n          commit={COMMIT_EXCEPT_BILLING}\n          onValueChange={(value) => saveTime(\"quiet_hours_end\", value)}\n          className=\"w-36\"\n        />\n      </div>\n      {halfSet && (\n        <p className=\"text-xs text-warning\" data-quiet-incomplete=\"\">\n          {labels.quietIncomplete}\n        </p>\n      )}\n      {anySet && (\n        <p className={CARD_DESCRIPTION_CLASS} data-quiet-zone=\"\">\n          {labels.quietZone(zoneName(accountZone, labels.regions))}\n        </p>\n      )}\n      <FailureLine>{failure}</FailureLine>\n    </Card>\n  );\n}\n"],"mappings":"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","names":[]}

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

@@ -148,7 +148,10 @@ function usePushDevice(options) {
       if (mounted.current) setConfigured(true);
       const registration = await activeRegistration();
       const subscribe = (reuse) => within(
-        (async () => (reuse ? await registration.pushManager.getSubscription() : null) ?? await registration.pushManager.subscribe({ userVisibleOnly: true, applicationServerKey: keyBytes(key) }))(),
+        (async () => (reuse ? await registration.pushManager.getSubscription() : null) ?? await registration.pushManager.subscribe({
+          userVisibleOnly: true,
+          applicationServerKey: keyBytes(key)
+        }))(),
         PUSH_TIMEOUT_MS,
         "push_timeout"
       );

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/notifications/use-push-device.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from \"react\";\n\nimport { useMediaQuery } from \"../hooks/use-media-query\";\nimport { httpStatusOf } from \"../auth/auth-errors\";\nimport { PUSH_SUBSCRIPTION_CHANGED, keyBytes, pushSubscriptionInput as inputOf } from \"./push-worker\";\nimport type { PushSubscriptionInput } from \"./push-worker\";\n\nexport { PUSH_SUBSCRIPTION_CHANGED };\nexport type { PushSubscriptionInput };\n\n/**\n * This browser's Web Push subscription for the signed-in account\n * (docs/notifications-harmonization.md §2.7, §3.5, §4.2) — keksdose's\n * `shared/push/use-push.ts`, lifted. The service worker with its `push` and\n * `notificationclick` handlers stays the app's; this hook owns the browser's side:\n * permission, subscribe with the server's VAPID key, register the subscription, and\n * unsubscribe. The kit makes no request of its own: the app hands it one function per\n * endpoint.\n */\n\n/** The browser's notification permission, or `\"unsupported\"` where it has no push. */\nexport type PushPermission = NotificationPermission | \"unsupported\";\n\n/** Why turning push on or off could not finish — a {@link PushDeviceError}'s `code`. */\nexport type PushDeviceErrorCode = \"no_service_worker\" | \"push_timeout\";\n\n/**\n * The two failures the card has words of its own for: no service worker registered (or\n * one not ready in 10 s) — \"reload and try again\" — and a browser push service that did\n * not answer in 15 s — \"check your connection\". Anything else is the app's request\n * failing, rejected as it came.\n */\nexport class PushDeviceError extends Error {\n  readonly code: PushDeviceErrorCode;\n  constructor(code: PushDeviceErrorCode) {\n    super(code);\n    this.name = \"PushDeviceError\";\n    this.code = code;\n  }\n}\n\nexport interface UsePushDeviceOptions {\n  /** `GET /notifications/push-key` → its `key`; `\"\"` when push is off on the server. */\n  pushKey: () => Promise<string>;\n  /** `POST /notifications/devices`. A 409 (another account's endpoint) is recovered\n   *  once: the hook unsubscribes and registers a fresh endpoint. */\n  register: (subscription: PushSubscriptionInput) => Promise<unknown>;\n  /** `POST /notifications/devices/unregister {endpoint}` — the endpoint never goes in a\n   *  URL. */\n  unregister: (endpoint: string) => Promise<unknown>;\n  /** `GET /notifications/devices`: the account's own list, which says whether THIS\n   *  account holds this browser's subscription. */\n  devices: () => Promise<readonly { endpoint: string }[]>;\n  /** `POST /notifications/test` → how many devices the push service accepted it for. */\n  test: () => Promise<{ sent: number }>;\n  /** Whether `register` refused another account's endpoint. Default: HTTP 409. */\n  isEndpointTaken?: (error: unknown) => boolean;\n  /** After an enable or a disable: the app refreshes its device queries. */\n  onChange?: () => void;\n}\n\n/** What {@link usePushDevice} answers. */\nexport interface PushDevice {\n  /** The browser exposes service workers, `PushManager` and `Notification`. */\n  supported: boolean;\n  /** The server has VAPID keys; `undefined` until `pushKey` answered (or when it failed). */\n  configured: boolean | undefined;\n  /** Running as an installed app: `display-mode: standalone`, or iOS's\n   *  `navigator.standalone`. */\n  installed: boolean;\n  /** iPhone or iPad — where push reaches only the installed app. */\n  ios: boolean;\n  permission: PushPermission;\n  /** THIS account holds this browser's subscription. An unreachable device list falls\n   *  back to the browser's own answer. */\n  subscribed: boolean;\n  /** This browser holds a subscription that belongs to another account (two accounts in\n   *  one browser profile): `subscribed` is false, and turning on mints a fresh one. */\n  foreignSubscription: boolean;\n  /** This browser's subscription endpoint, or `null` — marks \"This device\" in a list. */\n  currentEndpoint: string | null;\n  /** An enable or a disable is running. */\n  busy: boolean;\n  /** Ask for permission (the browser's one prompt), subscribe and register. `false` when\n   *  the permission was not granted or push is off on the server; rejects with a\n   *  {@link PushDeviceError} or the app's request's error. */\n  enable: () => Promise<boolean>;\n  /** Tell the server first, then the browser, so a dropped device stops at once. */\n  disable: () => Promise<void>;\n  sendTest: () => Promise<{ sent: number }>;\n}\n\n/*\n * PUSH_SUBSCRIPTION_CHANGED (push-worker.ts): the window event every mounted\n * {@link usePushDevice} re-reads its state on. Fired by every enable and disable, and by\n * `PushDevicesSetting` when it removes this device — so an app's own card on the same\n * hook (keksdose's check-up) stays in step. The hook that fires it does not re-read: it\n * knows what it changed. Since 0.46 also the message a service worker posts after a\n * rotated subscription was re-registered (`handlePushSubscriptionChange`). Namespaced\n * for the kit; keksdose's was `\"keksdose:push-subscription-changed\"`.\n */\n\n/** Tell every {@link usePushDevice} that this browser's subscription changed. */\nexport function notifyPushSubscriptionChanged(): void {\n  if (typeof window !== \"undefined\") window.dispatchEvent(new Event(PUSH_SUBSCRIPTION_CHANGED));\n}\n\n/** Whether this browser has the APIs push needs. iOS exposes them only to an INSTALLED\n *  app (Add to Home Screen). */\nexport function pushSupported(): boolean {\n  return (\n    typeof window !== \"undefined\" &&\n    typeof navigator !== \"undefined\" &&\n    \"serviceWorker\" in navigator &&\n    \"PushManager\" in window &&\n    \"Notification\" in window\n  );\n}\n\n/** iPhone or iPad. iPadOS 13+ reports itself as a Mac; the touch points tell it apart. */\nfunction isIos(): boolean {\n  if (typeof navigator === \"undefined\") return false;\n  const ua = navigator.userAgent;\n  return /iphone|ipad|ipod/i.test(ua) || (/Macintosh/.test(ua) && navigator.maxTouchPoints > 1);\n}\n\nconst READY_TIMEOUT_MS = 10_000;\nconst PUSH_TIMEOUT_MS = 15_000;\n\n/** `promise`, or a {@link PushDeviceError} after `ms`. The timer is cleared either way. */\nfunction within<T>(promise: Promise<T>, ms: number, code: PushDeviceErrorCode): Promise<T> {\n  let timer: ReturnType<typeof setTimeout> | undefined;\n  return Promise.race([\n    promise,\n    new Promise<never>((_, reject) => {\n      timer = setTimeout(() => reject(new PushDeviceError(code)), ms);\n    }),\n  ]).finally(() => clearTimeout(timer));\n}\n\n/**\n * The active registration. `navigator.serviceWorker.ready` never settles while the origin\n * has no registration, so a missing one fails at once, and one stuck installing fails\n * after 10 s (keksdose: enable() hung with the button latched before its worker was\n * served).\n */\nasync function activeRegistration(): Promise<ServiceWorkerRegistration> {\n  const existing = await navigator.serviceWorker.getRegistration();\n  if (!existing) throw new PushDeviceError(\"no_service_worker\");\n  return within(navigator.serviceWorker.ready, READY_TIMEOUT_MS, \"no_service_worker\");\n}\n\nconst defaultEndpointTaken = (error: unknown) => httpStatusOf(error) === 409;\n\n/**\n * This browser's push for the signed-in account. Hand it one function per endpoint\n * (§3.8); {@link PushDeviceSetting} draws it, and an app's own card may use it too.\n *\n * **\"Subscribed\" means this account**, not \"this browser holds a subscription\": a\n * browser profile's subscription has no account in it, so a second account in the same\n * profile would read the first's as its own (keksdose). The endpoint is checked against\n * the account's own `devices()`; when that list cannot be read (offline), the browser's\n * answer stands — a wrong \"on\" costs what it did before the check, a wrong \"off\" invites\n * re-subscribing a device that is fine.\n *\n * **A 409 from `register`** — the endpoint belongs to another account, and the server\n * will not re-home what it cannot prove this browser holds — unsubscribes and registers\n * a fresh endpoint, once.\n *\n * **Timeouts:** no registration fails at once and a worker not ready in 10 s fails, both\n * `PushDeviceError(\"no_service_worker\")`; the browser's subscribe and unsubscribe are cut\n * at 15 s, `PushDeviceError(\"push_timeout\")` — so `busy` can never latch.\n *\n * Every mounted hook re-reads its state on {@link PUSH_SUBSCRIPTION_CHANGED}.\n */\nexport function usePushDevice(options: UsePushDeviceOptions): PushDevice {\n  // The app's functions are usually new on every render; the effects read the latest.\n  const latest = useRef(options);\n  useEffect(() => {\n    latest.current = options;\n  });\n\n  const supported = pushSupported();\n  const ios = isIos();\n  const standalone = useMediaQuery(\"(display-mode: standalone)\", false);\n  const installed =\n    standalone ||\n    (typeof navigator !== \"undefined\" && (navigator as Navigator & { standalone?: boolean }).standalone === true);\n\n  const [permission, setPermission] = useState<PushPermission>(() =>\n    supported ? Notification.permission : \"unsupported\",\n  );\n  const [configured, setConfigured] = useState<boolean | undefined>(undefined);\n  const [subscribed, setSubscribed] = useState(false);\n  const [foreignSubscription, setForeignSubscription] = useState(false);\n  const [currentEndpoint, setCurrentEndpoint] = useState<string | null>(null);\n  const [busy, setBusy] = useState(false);\n  const mounted = useRef(true);\n  // Set while this hook fires the event itself: it already knows what changed, and a\n  // re-read could only be worse — an app whose `devices()` answers from a cache would\n  // hand back the list from before the change.\n  const announcing = useRef(false);\n  const announce = useCallback(() => {\n    announcing.current = true;\n    try {\n      notifyPushSubscriptionChanged();\n    } finally {\n      announcing.current = false;\n    }\n    latest.current.onChange?.();\n  }, []);\n  useEffect(() => {\n    mounted.current = true;\n    return () => {\n      mounted.current = false;\n    };\n  }, []);\n\n  // Whether the server has keys (\"\" → push is off there). Once per mount.\n  useEffect(() => {\n    if (!supported) return;\n    let cancelled = false;\n    latest.current.pushKey().then(\n      (key) => {\n        if (!cancelled) setConfigured(key !== \"\");\n      },\n      () => {\n        /* unknown: the card shows the ordinary states */\n      },\n    );\n    return () => {\n      cancelled = true;\n    };\n  }, [supported]);\n\n  // What this browser holds, and whether it is this account's — at mount, and whenever\n  // a subscription changes anywhere in the app.\n  useEffect(() => {\n    if (!supported) return;\n    let cancelled = false;\n    const sync = async () => {\n      try {\n        const registration = await activeRegistration();\n        const existing = await registration.pushManager.getSubscription();\n        if (cancelled) return;\n        // Read again: the person may have changed it in the browser's settings.\n        setPermission(Notification.permission);\n        if (!existing) {\n          setSubscribed(false);\n          setForeignSubscription(false);\n          setCurrentEndpoint(null);\n          return;\n        }\n        let mine: boolean;\n        try {\n          const devices = await latest.current.devices();\n          mine = devices.some((device) => device.endpoint === existing.endpoint);\n        } catch {\n          mine = true;\n        }\n        if (cancelled) return;\n        setCurrentEndpoint(existing.endpoint);\n        setSubscribed(mine);\n        setForeignSubscription(!mine);\n      } catch {\n        /* no active service worker yet: not subscribed */\n      }\n    };\n    const heard = () => {\n      if (!announcing.current) void sync();\n    };\n    // The worker's word after it re-registered a rotated subscription (0.46).\n    const fromWorker = (event: MessageEvent) => {\n      if ((event.data as { type?: unknown } | null)?.type === PUSH_SUBSCRIPTION_CHANGED) void sync();\n    };\n    const worker = navigator.serviceWorker as ServiceWorkerContainer | undefined;\n    void sync();\n    window.addEventListener(PUSH_SUBSCRIPTION_CHANGED, heard);\n    worker?.addEventListener?.(\"message\", fromWorker);\n    return () => {\n      cancelled = true;\n      window.removeEventListener(PUSH_SUBSCRIPTION_CHANGED, heard);\n      worker?.removeEventListener?.(\"message\", fromWorker);\n    };\n  }, [supported]);\n\n  const enable = useCallback(async (): Promise<boolean> => {\n    if (!supported) return false;\n    const { pushKey, register, isEndpointTaken = defaultEndpointTaken } = latest.current;\n    setBusy(true);\n    try {\n      const granted = await Notification.requestPermission();\n      if (mounted.current) setPermission(granted);\n      if (granted !== \"granted\") return false;\n\n      const key = await pushKey();\n      if (!key) {\n        if (mounted.current) setConfigured(false);\n        return false;\n      }\n      if (mounted.current) setConfigured(true);\n\n      const registration = await activeRegistration();\n      // The one place the browser is asked for a subscription, so the timeout and the\n      // `{userVisibleOnly, applicationServerKey}` literal are on both paths.\n      const subscribe = (reuse: boolean) =>\n        within(\n          (async () =>\n            (reuse ? await registration.pushManager.getSubscription() : null) ??\n            (await registration.pushManager.subscribe({ userVisibleOnly: true, applicationServerKey: keyBytes(key) })))(),\n          PUSH_TIMEOUT_MS,\n          \"push_timeout\",\n        );\n\n      let subscription = await subscribe(true);\n      let input = inputOf(subscription);\n      if (!input) return false;\n      try {\n        await register(input);\n      } catch (error) {\n        if (!isEndpointTaken(error)) throw error;\n        await within(subscription.unsubscribe(), PUSH_TIMEOUT_MS, \"push_timeout\");\n        subscription = await subscribe(false);\n        input = inputOf(subscription);\n        if (!input) return false;\n        await register(input);\n      }\n      if (mounted.current) {\n        setSubscribed(true);\n        setForeignSubscription(false);\n        setCurrentEndpoint(input.endpoint);\n      }\n      announce();\n      return true;\n    } finally {\n      if (mounted.current) setBusy(false);\n    }\n  }, [supported, announce]);\n\n  const disable = useCallback(async (): Promise<void> => {\n    if (!supported) return;\n    setBusy(true);\n    try {\n      const registration = await activeRegistration();\n      const subscription = await registration.pushManager.getSubscription();\n      if (subscription) {\n        // The server first: a dropped device stops receiving even if the browser's\n        // unsubscribe below fails.\n        await latest.current.unregister(subscription.endpoint);\n        await within(subscription.unsubscribe(), PUSH_TIMEOUT_MS, \"push_timeout\");\n      }\n      if (mounted.current) {\n        setSubscribed(false);\n        setForeignSubscription(false);\n        setCurrentEndpoint(null);\n      }\n      announce();\n    } finally {\n      if (mounted.current) setBusy(false);\n    }\n  }, [supported, announce]);\n\n  const sendTest = useCallback(() => latest.current.test(), []);\n\n  return {\n    supported,\n    configured,\n    installed,\n    ios,\n    permission,\n    subscribed,\n    foreignSubscription,\n    currentEndpoint,\n    busy,\n    enable,\n    disable,\n    sendTest,\n  };\n}\n"],"mappings":";AAAA,SAAS,aAAa,WAAW,QAAQ,gBAAgB;AAEzD,SAAS,qBAAqB;AAC9B,SAAS,oBAAoB;AAC7B,SAAS,2BAA2B,UAAU,yBAAyB,eAAe;AA4B/E,MAAM,wBAAwB,MAAM;AAAA,EAChC;AAAA,EACT,YAAY,MAA2B;AACrC,UAAM,IAAI;AACV,SAAK,OAAO;AACZ,SAAK,OAAO;AAAA,EACd;AACF;AAgEO,SAAS,gCAAsC;AACpD,MAAI,OAAO,WAAW,YAAa,QAAO,cAAc,IAAI,MAAM,yBAAyB,CAAC;AAC9F;AAIO,SAAS,gBAAyB;AACvC,SACE,OAAO,WAAW,eAClB,OAAO,cAAc,eACrB,mBAAmB,aACnB,iBAAiB,UACjB,kBAAkB;AAEtB;AAGA,SAAS,QAAiB;AACxB,MAAI,OAAO,cAAc,YAAa,QAAO;AAC7C,QAAM,KAAK,UAAU;AACrB,SAAO,oBAAoB,KAAK,EAAE,KAAM,YAAY,KAAK,EAAE,KAAK,UAAU,iBAAiB;AAC7F;AAEA,MAAM,mBAAmB;AACzB,MAAM,kBAAkB;AAGxB,SAAS,OAAU,SAAqB,IAAY,MAAuC;AACzF,MAAI;AACJ,SAAO,QAAQ,KAAK;AAAA,IAClB;AAAA,IACA,IAAI,QAAe,CAAC,GAAG,WAAW;AAChC,cAAQ,WAAW,MAAM,OAAO,IAAI,gBAAgB,IAAI,CAAC,GAAG,EAAE;AAAA,IAChE,CAAC;AAAA,EACH,CAAC,EAAE,QAAQ,MAAM,aAAa,KAAK,CAAC;AACtC;AAQA,eAAe,qBAAyD;AACtE,QAAM,WAAW,MAAM,UAAU,cAAc,gBAAgB;AAC/D,MAAI,CAAC,SAAU,OAAM,IAAI,gBAAgB,mBAAmB;AAC5D,SAAO,OAAO,UAAU,cAAc,OAAO,kBAAkB,mBAAmB;AACpF;AAEA,MAAM,uBAAuB,CAAC,UAAmB,aAAa,KAAK,MAAM;AAuBlE,SAAS,cAAc,SAA2C;AAEvE,QAAM,SAAS,OAAO,OAAO;AAC7B,YAAU,MAAM;AACd,WAAO,UAAU;AAAA,EACnB,CAAC;AAED,QAAM,YAAY,cAAc;AAChC,QAAM,MAAM,MAAM;AAClB,QAAM,aAAa,cAAc,8BAA8B,KAAK;AACpE,QAAM,YACJ,cACC,OAAO,cAAc,eAAgB,UAAmD,eAAe;AAE1G,QAAM,CAAC,YAAY,aAAa,IAAI;AAAA,IAAyB,MAC3D,YAAY,aAAa,aAAa;AAAA,EACxC;AACA,QAAM,CAAC,YAAY,aAAa,IAAI,SAA8B,MAAS;AAC3E,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,KAAK;AAClD,QAAM,CAAC,qBAAqB,sBAAsB,IAAI,SAAS,KAAK;AACpE,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,SAAwB,IAAI;AAC1E,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AACtC,QAAM,UAAU,OAAO,IAAI;AAI3B,QAAM,aAAa,OAAO,KAAK;AAC/B,QAAM,WAAW,YAAY,MAAM;AACjC,eAAW,UAAU;AACrB,QAAI;AACF,oCAA8B;AAAA,IAChC,UAAE;AACA,iBAAW,UAAU;AAAA,IACvB;AACA,WAAO,QAAQ,WAAW;AAAA,EAC5B,GAAG,CAAC,CAAC;AACL,YAAU,MAAM;AACd,YAAQ,UAAU;AAClB,WAAO,MAAM;AACX,cAAQ,UAAU;AAAA,IACpB;AAAA,EACF,GAAG,CAAC,CAAC;AAGL,YAAU,MAAM;AACd,QAAI,CAAC,UAAW;AAChB,QAAI,YAAY;AAChB,WAAO,QAAQ,QAAQ,EAAE;AAAA,MACvB,CAAC,QAAQ;AACP,YAAI,CAAC,UAAW,eAAc,QAAQ,EAAE;AAAA,MAC1C;AAAA,MACA,MAAM;AAAA,MAEN;AAAA,IACF;AACA,WAAO,MAAM;AACX,kBAAY;AAAA,IACd;AAAA,EACF,GAAG,CAAC,SAAS,CAAC;AAId,YAAU,MAAM;AACd,QAAI,CAAC,UAAW;AAChB,QAAI,YAAY;AAChB,UAAM,OAAO,YAAY;AACvB,UAAI;AACF,cAAM,eAAe,MAAM,mBAAmB;AAC9C,cAAM,WAAW,MAAM,aAAa,YAAY,gBAAgB;AAChE,YAAI,UAAW;AAEf,sBAAc,aAAa,UAAU;AACrC,YAAI,CAAC,UAAU;AACb,wBAAc,KAAK;AACnB,iCAAuB,KAAK;AAC5B,6BAAmB,IAAI;AACvB;AAAA,QACF;AACA,YAAI;AACJ,YAAI;AACF,gBAAM,UAAU,MAAM,OAAO,QAAQ,QAAQ;AAC7C,iBAAO,QAAQ,KAAK,CAAC,WAAW,OAAO,aAAa,SAAS,QAAQ;AAAA,QACvE,QAAQ;AACN,iBAAO;AAAA,QACT;AACA,YAAI,UAAW;AACf,2BAAmB,SAAS,QAAQ;AACpC,sBAAc,IAAI;AAClB,+BAAuB,CAAC,IAAI;AAAA,MAC9B,QAAQ;AAAA,MAER;AAAA,IACF;AACA,UAAM,QAAQ,MAAM;AAClB,UAAI,CAAC,WAAW,QAAS,MAAK,KAAK;AAAA,IACrC;AAEA,UAAM,aAAa,CAAC,UAAwB;AAC1C,UAAK,MAAM,MAAoC,SAAS,0BAA2B,MAAK,KAAK;AAAA,IAC/F;AACA,UAAM,SAAS,UAAU;AACzB,SAAK,KAAK;AACV,WAAO,iBAAiB,2BAA2B,KAAK;AACxD,YAAQ,mBAAmB,WAAW,UAAU;AAChD,WAAO,MAAM;AACX,kBAAY;AACZ,aAAO,oBAAoB,2BAA2B,KAAK;AAC3D,cAAQ,sBAAsB,WAAW,UAAU;AAAA,IACrD;AAAA,EACF,GAAG,CAAC,SAAS,CAAC;AAEd,QAAM,SAAS,YAAY,YAA8B;AACvD,QAAI,CAAC,UAAW,QAAO;AACvB,UAAM,EAAE,SAAS,UAAU,kBAAkB,qBAAqB,IAAI,OAAO;AAC7E,YAAQ,IAAI;AACZ,QAAI;AACF,YAAM,UAAU,MAAM,aAAa,kBAAkB;AACrD,UAAI,QAAQ,QAAS,eAAc,OAAO;AAC1C,UAAI,YAAY,UAAW,QAAO;AAElC,YAAM,MAAM,MAAM,QAAQ;AAC1B,UAAI,CAAC,KAAK;AACR,YAAI,QAAQ,QAAS,eAAc,KAAK;AACxC,eAAO;AAAA,MACT;AACA,UAAI,QAAQ,QAAS,eAAc,IAAI;AAEvC,YAAM,eAAe,MAAM,mBAAmB;AAG9C,YAAM,YAAY,CAAC,UACjB;AAAA,SACG,aACE,QAAQ,MAAM,aAAa,YAAY,gBAAgB,IAAI,SAC3D,MAAM,aAAa,YAAY,UAAU,EAAE,iBAAiB,MAAM,sBAAsB,SAAS,GAAG,EAAE,CAAC,GAAI;AAAA,QAC9G;AAAA,QACA;AAAA,MACF;AAEF,UAAI,eAAe,MAAM,UAAU,IAAI;AACvC,UAAI,QAAQ,QAAQ,YAAY;AAChC,UAAI,CAAC,MAAO,QAAO;AACnB,UAAI;AACF,cAAM,SAAS,KAAK;AAAA,MACtB,SAAS,OAAO;AACd,YAAI,CAAC,gBAAgB,KAAK,EAAG,OAAM;AACnC,cAAM,OAAO,aAAa,YAAY,GAAG,iBAAiB,cAAc;AACxE,uBAAe,MAAM,UAAU,KAAK;AACpC,gBAAQ,QAAQ,YAAY;AAC5B,YAAI,CAAC,MAAO,QAAO;AACnB,cAAM,SAAS,KAAK;AAAA,MACtB;AACA,UAAI,QAAQ,SAAS;AACnB,sBAAc,IAAI;AAClB,+BAAuB,KAAK;AAC5B,2BAAmB,MAAM,QAAQ;AAAA,MACnC;AACA,eAAS;AACT,aAAO;AAAA,IACT,UAAE;AACA,UAAI,QAAQ,QAAS,SAAQ,KAAK;AAAA,IACpC;AAAA,EACF,GAAG,CAAC,WAAW,QAAQ,CAAC;AAExB,QAAM,UAAU,YAAY,YAA2B;AACrD,QAAI,CAAC,UAAW;AAChB,YAAQ,IAAI;AACZ,QAAI;AACF,YAAM,eAAe,MAAM,mBAAmB;AAC9C,YAAM,eAAe,MAAM,aAAa,YAAY,gBAAgB;AACpE,UAAI,cAAc;AAGhB,cAAM,OAAO,QAAQ,WAAW,aAAa,QAAQ;AACrD,cAAM,OAAO,aAAa,YAAY,GAAG,iBAAiB,cAAc;AAAA,MAC1E;AACA,UAAI,QAAQ,SAAS;AACnB,sBAAc,KAAK;AACnB,+BAAuB,KAAK;AAC5B,2BAAmB,IAAI;AAAA,MACzB;AACA,eAAS;AAAA,IACX,UAAE;AACA,UAAI,QAAQ,QAAS,SAAQ,KAAK;AAAA,IACpC;AAAA,EACF,GAAG,CAAC,WAAW,QAAQ,CAAC;AAExB,QAAM,WAAW,YAAY,MAAM,OAAO,QAAQ,KAAK,GAAG,CAAC,CAAC;AAE5D,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;","names":[]}
+{"version":3,"sources":["../../src/notifications/use-push-device.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from \"react\";\n\nimport { useMediaQuery } from \"../hooks/use-media-query\";\nimport { httpStatusOf } from \"../auth/auth-errors\";\nimport { PUSH_SUBSCRIPTION_CHANGED, keyBytes, pushSubscriptionInput as inputOf } from \"./push-worker\";\nimport type { PushSubscriptionInput } from \"./push-worker\";\n\nexport { PUSH_SUBSCRIPTION_CHANGED };\nexport type { PushSubscriptionInput };\n\n/**\n * This browser's Web Push subscription for the signed-in account\n * (docs/notifications-harmonization.md §2.7, §3.5, §4.2) — keksdose's\n * `shared/push/use-push.ts`, lifted. The service worker with its `push` and\n * `notificationclick` handlers stays the app's; this hook owns the browser's side:\n * permission, subscribe with the server's VAPID key, register the subscription, and\n * unsubscribe. The kit makes no request of its own: the app hands it one function per\n * endpoint.\n */\n\n/** The browser's notification permission, or `\"unsupported\"` where it has no push. */\nexport type PushPermission = NotificationPermission | \"unsupported\";\n\n/** Why turning push on or off could not finish — a {@link PushDeviceError}'s `code`. */\nexport type PushDeviceErrorCode = \"no_service_worker\" | \"push_timeout\";\n\n/**\n * The two failures the card has words of its own for: no service worker registered (or\n * one not ready in 10 s) — \"reload and try again\" — and a browser push service that did\n * not answer in 15 s — \"check your connection\". Anything else is the app's request\n * failing, rejected as it came.\n */\nexport class PushDeviceError extends Error {\n  readonly code: PushDeviceErrorCode;\n  constructor(code: PushDeviceErrorCode) {\n    super(code);\n    this.name = \"PushDeviceError\";\n    this.code = code;\n  }\n}\n\nexport interface UsePushDeviceOptions {\n  /** `GET /notifications/push-key` → its `key`; `\"\"` when push is off on the server. */\n  pushKey: () => Promise<string>;\n  /** `POST /notifications/devices`. A 409 (another account's endpoint) is recovered\n   *  once: the hook unsubscribes and registers a fresh endpoint. */\n  register: (subscription: PushSubscriptionInput) => Promise<unknown>;\n  /** `POST /notifications/devices/unregister {endpoint}` — the endpoint never goes in a\n   *  URL. */\n  unregister: (endpoint: string) => Promise<unknown>;\n  /** `GET /notifications/devices`: the account's own list, which says whether THIS\n   *  account holds this browser's subscription. */\n  devices: () => Promise<readonly { endpoint: string }[]>;\n  /** `POST /notifications/test` → how many devices the push service accepted it for. */\n  test: () => Promise<{ sent: number }>;\n  /** Whether `register` refused another account's endpoint. Default: HTTP 409. */\n  isEndpointTaken?: (error: unknown) => boolean;\n  /** After an enable or a disable: the app refreshes its device queries. */\n  onChange?: () => void;\n}\n\n/** What {@link usePushDevice} answers. */\nexport interface PushDevice {\n  /** The browser exposes service workers, `PushManager` and `Notification`. */\n  supported: boolean;\n  /** The server has VAPID keys; `undefined` until `pushKey` answered (or when it failed). */\n  configured: boolean | undefined;\n  /** Running as an installed app: `display-mode: standalone`, or iOS's\n   *  `navigator.standalone`. */\n  installed: boolean;\n  /** iPhone or iPad — where push reaches only the installed app. */\n  ios: boolean;\n  permission: PushPermission;\n  /** THIS account holds this browser's subscription. An unreachable device list falls\n   *  back to the browser's own answer. */\n  subscribed: boolean;\n  /** This browser holds a subscription that belongs to another account (two accounts in\n   *  one browser profile): `subscribed` is false, and turning on mints a fresh one. */\n  foreignSubscription: boolean;\n  /** This browser's subscription endpoint, or `null` — marks \"This device\" in a list. */\n  currentEndpoint: string | null;\n  /** An enable or a disable is running. */\n  busy: boolean;\n  /** Ask for permission (the browser's one prompt), subscribe and register. `false` when\n   *  the permission was not granted or push is off on the server; rejects with a\n   *  {@link PushDeviceError} or the app's request's error. */\n  enable: () => Promise<boolean>;\n  /** Tell the server first, then the browser, so a dropped device stops at once. */\n  disable: () => Promise<void>;\n  sendTest: () => Promise<{ sent: number }>;\n}\n\n/*\n * PUSH_SUBSCRIPTION_CHANGED (push-worker.ts): the window event every mounted\n * {@link usePushDevice} re-reads its state on. Fired by every enable and disable, and by\n * `PushDevicesSetting` when it removes this device — so an app's own card on the same\n * hook (keksdose's check-up) stays in step. The hook that fires it does not re-read: it\n * knows what it changed. Since 0.46 also the message a service worker posts after a\n * rotated subscription was re-registered (`handlePushSubscriptionChange`). Namespaced\n * for the kit; keksdose's was `\"keksdose:push-subscription-changed\"`.\n */\n\n/** Tell every {@link usePushDevice} that this browser's subscription changed. */\nexport function notifyPushSubscriptionChanged(): void {\n  if (typeof window !== \"undefined\") window.dispatchEvent(new Event(PUSH_SUBSCRIPTION_CHANGED));\n}\n\n/** Whether this browser has the APIs push needs. iOS exposes them only to an INSTALLED\n *  app (Add to Home Screen). */\nexport function pushSupported(): boolean {\n  return (\n    typeof window !== \"undefined\" &&\n    typeof navigator !== \"undefined\" &&\n    \"serviceWorker\" in navigator &&\n    \"PushManager\" in window &&\n    \"Notification\" in window\n  );\n}\n\n/** iPhone or iPad. iPadOS 13+ reports itself as a Mac; the touch points tell it apart. */\nfunction isIos(): boolean {\n  if (typeof navigator === \"undefined\") return false;\n  const ua = navigator.userAgent;\n  return /iphone|ipad|ipod/i.test(ua) || (/Macintosh/.test(ua) && navigator.maxTouchPoints > 1);\n}\n\nconst READY_TIMEOUT_MS = 10_000;\nconst PUSH_TIMEOUT_MS = 15_000;\n\n/** `promise`, or a {@link PushDeviceError} after `ms`. The timer is cleared either way. */\nfunction within<T>(promise: Promise<T>, ms: number, code: PushDeviceErrorCode): Promise<T> {\n  let timer: ReturnType<typeof setTimeout> | undefined;\n  return Promise.race([\n    promise,\n    new Promise<never>((_, reject) => {\n      timer = setTimeout(() => reject(new PushDeviceError(code)), ms);\n    }),\n  ]).finally(() => clearTimeout(timer));\n}\n\n/**\n * The active registration. `navigator.serviceWorker.ready` never settles while the origin\n * has no registration, so a missing one fails at once, and one stuck installing fails\n * after 10 s (keksdose: enable() hung with the button latched before its worker was\n * served).\n */\nasync function activeRegistration(): Promise<ServiceWorkerRegistration> {\n  const existing = await navigator.serviceWorker.getRegistration();\n  if (!existing) throw new PushDeviceError(\"no_service_worker\");\n  return within(navigator.serviceWorker.ready, READY_TIMEOUT_MS, \"no_service_worker\");\n}\n\nconst defaultEndpointTaken = (error: unknown) => httpStatusOf(error) === 409;\n\n/**\n * This browser's push for the signed-in account. Hand it one function per endpoint\n * (§3.8); {@link PushDeviceSetting} draws it, and an app's own card may use it too.\n *\n * **\"Subscribed\" means this account**, not \"this browser holds a subscription\": a\n * browser profile's subscription has no account in it, so a second account in the same\n * profile would read the first's as its own (keksdose). The endpoint is checked against\n * the account's own `devices()`; when that list cannot be read (offline), the browser's\n * answer stands — a wrong \"on\" costs what it did before the check, a wrong \"off\" invites\n * re-subscribing a device that is fine.\n *\n * **A 409 from `register`** — the endpoint belongs to another account, and the server\n * will not re-home what it cannot prove this browser holds — unsubscribes and registers\n * a fresh endpoint, once.\n *\n * **Timeouts:** no registration fails at once and a worker not ready in 10 s fails, both\n * `PushDeviceError(\"no_service_worker\")`; the browser's subscribe and unsubscribe are cut\n * at 15 s, `PushDeviceError(\"push_timeout\")` — so `busy` can never latch.\n *\n * Every mounted hook re-reads its state on {@link PUSH_SUBSCRIPTION_CHANGED}.\n */\nexport function usePushDevice(options: UsePushDeviceOptions): PushDevice {\n  // The app's functions are usually new on every render; the effects read the latest.\n  const latest = useRef(options);\n  useEffect(() => {\n    latest.current = options;\n  });\n\n  const supported = pushSupported();\n  const ios = isIos();\n  const standalone = useMediaQuery(\"(display-mode: standalone)\", false);\n  const installed =\n    standalone ||\n    (typeof navigator !== \"undefined\" && (navigator as Navigator & { standalone?: boolean }).standalone === true);\n\n  const [permission, setPermission] = useState<PushPermission>(() =>\n    supported ? Notification.permission : \"unsupported\",\n  );\n  const [configured, setConfigured] = useState<boolean | undefined>(undefined);\n  const [subscribed, setSubscribed] = useState(false);\n  const [foreignSubscription, setForeignSubscription] = useState(false);\n  const [currentEndpoint, setCurrentEndpoint] = useState<string | null>(null);\n  const [busy, setBusy] = useState(false);\n  const mounted = useRef(true);\n  // Set while this hook fires the event itself: it already knows what changed, and a\n  // re-read could only be worse — an app whose `devices()` answers from a cache would\n  // hand back the list from before the change.\n  const announcing = useRef(false);\n  const announce = useCallback(() => {\n    announcing.current = true;\n    try {\n      notifyPushSubscriptionChanged();\n    } finally {\n      announcing.current = false;\n    }\n    latest.current.onChange?.();\n  }, []);\n  useEffect(() => {\n    mounted.current = true;\n    return () => {\n      mounted.current = false;\n    };\n  }, []);\n\n  // Whether the server has keys (\"\" → push is off there). Once per mount.\n  useEffect(() => {\n    if (!supported) return;\n    let cancelled = false;\n    latest.current.pushKey().then(\n      (key) => {\n        if (!cancelled) setConfigured(key !== \"\");\n      },\n      () => {\n        /* unknown: the card shows the ordinary states */\n      },\n    );\n    return () => {\n      cancelled = true;\n    };\n  }, [supported]);\n\n  // What this browser holds, and whether it is this account's — at mount, and whenever\n  // a subscription changes anywhere in the app.\n  useEffect(() => {\n    if (!supported) return;\n    let cancelled = false;\n    const sync = async () => {\n      try {\n        const registration = await activeRegistration();\n        const existing = await registration.pushManager.getSubscription();\n        if (cancelled) return;\n        // Read again: the person may have changed it in the browser's settings.\n        setPermission(Notification.permission);\n        if (!existing) {\n          setSubscribed(false);\n          setForeignSubscription(false);\n          setCurrentEndpoint(null);\n          return;\n        }\n        let mine: boolean;\n        try {\n          const devices = await latest.current.devices();\n          mine = devices.some((device) => device.endpoint === existing.endpoint);\n        } catch {\n          mine = true;\n        }\n        if (cancelled) return;\n        setCurrentEndpoint(existing.endpoint);\n        setSubscribed(mine);\n        setForeignSubscription(!mine);\n      } catch {\n        /* no active service worker yet: not subscribed */\n      }\n    };\n    const heard = () => {\n      if (!announcing.current) void sync();\n    };\n    // The worker's word after it re-registered a rotated subscription (0.46).\n    const fromWorker = (event: MessageEvent) => {\n      if ((event.data as { type?: unknown } | null)?.type === PUSH_SUBSCRIPTION_CHANGED) void sync();\n    };\n    const worker = navigator.serviceWorker as ServiceWorkerContainer | undefined;\n    void sync();\n    window.addEventListener(PUSH_SUBSCRIPTION_CHANGED, heard);\n    worker?.addEventListener?.(\"message\", fromWorker);\n    return () => {\n      cancelled = true;\n      window.removeEventListener(PUSH_SUBSCRIPTION_CHANGED, heard);\n      worker?.removeEventListener?.(\"message\", fromWorker);\n    };\n  }, [supported]);\n\n  const enable = useCallback(async (): Promise<boolean> => {\n    if (!supported) return false;\n    const { pushKey, register, isEndpointTaken = defaultEndpointTaken } = latest.current;\n    setBusy(true);\n    try {\n      const granted = await Notification.requestPermission();\n      if (mounted.current) setPermission(granted);\n      if (granted !== \"granted\") return false;\n\n      const key = await pushKey();\n      if (!key) {\n        if (mounted.current) setConfigured(false);\n        return false;\n      }\n      if (mounted.current) setConfigured(true);\n\n      const registration = await activeRegistration();\n      // The one place the browser is asked for a subscription, so the timeout and the\n      // `{userVisibleOnly, applicationServerKey}` literal are on both paths.\n      const subscribe = (reuse: boolean) =>\n        within(\n          (async () =>\n            (reuse ? await registration.pushManager.getSubscription() : null) ??\n            (await registration.pushManager.subscribe({\n              userVisibleOnly: true,\n              applicationServerKey: keyBytes(key),\n            })))(),\n          PUSH_TIMEOUT_MS,\n          \"push_timeout\",\n        );\n\n      let subscription = await subscribe(true);\n      let input = inputOf(subscription);\n      if (!input) return false;\n      try {\n        await register(input);\n      } catch (error) {\n        if (!isEndpointTaken(error)) throw error;\n        await within(subscription.unsubscribe(), PUSH_TIMEOUT_MS, \"push_timeout\");\n        subscription = await subscribe(false);\n        input = inputOf(subscription);\n        if (!input) return false;\n        await register(input);\n      }\n      if (mounted.current) {\n        setSubscribed(true);\n        setForeignSubscription(false);\n        setCurrentEndpoint(input.endpoint);\n      }\n      announce();\n      return true;\n    } finally {\n      if (mounted.current) setBusy(false);\n    }\n  }, [supported, announce]);\n\n  const disable = useCallback(async (): Promise<void> => {\n    if (!supported) return;\n    setBusy(true);\n    try {\n      const registration = await activeRegistration();\n      const subscription = await registration.pushManager.getSubscription();\n      if (subscription) {\n        // The server first: a dropped device stops receiving even if the browser's\n        // unsubscribe below fails.\n        await latest.current.unregister(subscription.endpoint);\n        await within(subscription.unsubscribe(), PUSH_TIMEOUT_MS, \"push_timeout\");\n      }\n      if (mounted.current) {\n        setSubscribed(false);\n        setForeignSubscription(false);\n        setCurrentEndpoint(null);\n      }\n      announce();\n    } finally {\n      if (mounted.current) setBusy(false);\n    }\n  }, [supported, announce]);\n\n  const sendTest = useCallback(() => latest.current.test(), []);\n\n  return {\n    supported,\n    configured,\n    installed,\n    ios,\n    permission,\n    subscribed,\n    foreignSubscription,\n    currentEndpoint,\n    busy,\n    enable,\n    disable,\n    sendTest,\n  };\n}\n"],"mappings":"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","names":[]}

package/dist/offline/pwa-update-prompt.d.ts

@@ -29,4 +29,4 @@ export interface PwaUpdatePromptProps {
     hold?: boolean;
     labels?: LabelOverride<PwaUpdatePromptLabels>;
 }
-export declare function PwaUpdatePrompt({ needRefresh, onReload, onDismiss, hold, labels: labelsProp }: PwaUpdatePromptProps): null;
+export declare function PwaUpdatePrompt({ needRefresh, onReload, onDismiss, hold, labels: labelsProp, }: PwaUpdatePromptProps): null;

package/dist/offline/pwa-update-prompt.js

@@ -4,7 +4,13 @@ import { useKitLabels } from "../i18n/kit-labels.js";
 import { toast } from "../components/toast.js";
 import { DEFAULT_PWA_UPDATE_PROMPT_LABELS } from "./pwa-update-prompt-labels.js";
 const PWA_UPDATE_TOAST_ID = "pwa-update";
-function PwaUpdatePrompt({ needRefresh, onReload, onDismiss, hold = false, labels: labelsProp }) {
+function PwaUpdatePrompt({
+  needRefresh,
+  onReload,
+  onDismiss,
+  hold = false,
+  labels: labelsProp
+}) {
   const labels = useKitLabels("pwaUpdate", DEFAULT_PWA_UPDATE_PROMPT_LABELS, labelsProp);
   const handlers = useRef({ onReload, onDismiss });
   useEffect(() => {

package/dist/offline/pwa-update-prompt.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/offline/pwa-update-prompt.tsx"],"sourcesContent":["import { useEffect, useRef } from \"react\";\nimport { useKitLabels, type LabelOverride } from \"../i18n/kit-labels\";\nimport { toast } from \"../components/toast\";\nimport { DEFAULT_PWA_UPDATE_PROMPT_LABELS } from \"./pwa-update-prompt-labels\";\n\n/**\n * \"A new version is available. — Reload\": keksdose's service-worker toast\n * (app/pwa-update-prompt.tsx) as a kit component (docs/local-first-harmonization.md §1.5\n * D8). The app keeps `useRegisterSW` (vite-plugin-pwa, `registerType: \"prompt\"`) and hands\n * its state in: `needRefresh` from it, `onReload` = `updateServiceWorker(true)`,\n * `onDismiss` = `setNeedRefresh(false)`.\n *\n * `hold` defers the prompt while a reload would hurt — a handover being signed, a tour\n * running. Nothing shows while it holds; the toast appears once it drops. A hold that\n * starts while the toast is up takes it down again until it drops.\n *\n * Renders nothing itself: the toast needs a mounted `<Toaster>`.\n */\nexport interface PwaUpdatePromptLabels {\n  updateAvailable: string;\n  reload: string;\n}\n\n// Defined in ./pwa-update-prompt-labels, which holds no component code (0.34, KS U8).\nexport { DEFAULT_PWA_UPDATE_PROMPT_LABELS };\n\nexport interface PwaUpdatePromptProps {\n  /** A new service worker is waiting. */\n  needRefresh: boolean;\n  /** Activates it and reloads — `updateServiceWorker(true)`. */\n  onReload: () => void;\n  /** The toast was closed without reloading. */\n  onDismiss?: () => void;\n  /** Wait: a handover is open, a tour runs. */\n  hold?: boolean;\n  labels?: LabelOverride<PwaUpdatePromptLabels>;\n}\n\n/** The toast's id: one prompt at a time, replaced in place. */\nconst PWA_UPDATE_TOAST_ID = \"pwa-update\";\n\nexport function PwaUpdatePrompt({ needRefresh, onReload, onDismiss, hold = false, labels: labelsProp }: PwaUpdatePromptProps) {\n  const labels = useKitLabels(\"pwaUpdate\", DEFAULT_PWA_UPDATE_PROMPT_LABELS, labelsProp);\n  // The callbacks are read at click time, so a new function each render does not\n  // re-raise the toast.\n  const handlers = useRef({ onReload, onDismiss });\n  useEffect(() => {\n    handlers.current = { onReload, onDismiss };\n  });\n\n  const show = needRefresh && !hold;\n  useEffect(() => {\n    if (!show) return;\n    // sonner calls `onDismiss` for a programmatic dismiss too: the one this effect makes\n    // when a hold starts must not tell the app the person waved the update away.\n    let ours = false;\n    toast(labels.updateAvailable, {\n      id: PWA_UPDATE_TOAST_ID,\n      duration: Infinity,\n      action: { label: labels.reload, onClick: () => handlers.current.onReload() },\n      onDismiss: () => {\n        if (!ours) handlers.current.onDismiss?.();\n      },\n    });\n    return () => {\n      ours = true;\n      toast.dismiss(PWA_UPDATE_TOAST_ID);\n    };\n  }, [show, labels.updateAvailable, labels.reload]);\n\n  return null;\n}\n"],"mappings":";AAAA,SAAS,WAAW,cAAc;AAClC,SAAS,oBAAwC;AACjD,SAAS,aAAa;AACtB,SAAS,wCAAwC;AAoCjD,MAAM,sBAAsB;AAErB,SAAS,gBAAgB,EAAE,aAAa,UAAU,WAAW,OAAO,OAAO,QAAQ,WAAW,GAAyB;AAC5H,QAAM,SAAS,aAAa,aAAa,kCAAkC,UAAU;AAGrF,QAAM,WAAW,OAAO,EAAE,UAAU,UAAU,CAAC;AAC/C,YAAU,MAAM;AACd,aAAS,UAAU,EAAE,UAAU,UAAU;AAAA,EAC3C,CAAC;AAED,QAAM,OAAO,eAAe,CAAC;AAC7B,YAAU,MAAM;AACd,QAAI,CAAC,KAAM;AAGX,QAAI,OAAO;AACX,UAAM,OAAO,iBAAiB;AAAA,MAC5B,IAAI;AAAA,MACJ,UAAU;AAAA,MACV,QAAQ,EAAE,OAAO,OAAO,QAAQ,SAAS,MAAM,SAAS,QAAQ,SAAS,EAAE;AAAA,MAC3E,WAAW,MAAM;AACf,YAAI,CAAC,KAAM,UAAS,QAAQ,YAAY;AAAA,MAC1C;AAAA,IACF,CAAC;AACD,WAAO,MAAM;AACX,aAAO;AACP,YAAM,QAAQ,mBAAmB;AAAA,IACnC;AAAA,EACF,GAAG,CAAC,MAAM,OAAO,iBAAiB,OAAO,MAAM,CAAC;AAEhD,SAAO;AACT;","names":[]}
+{"version":3,"sources":["../../src/offline/pwa-update-prompt.tsx"],"sourcesContent":["import { useEffect, useRef } from \"react\";\nimport { useKitLabels, type LabelOverride } from \"../i18n/kit-labels\";\nimport { toast } from \"../components/toast\";\nimport { DEFAULT_PWA_UPDATE_PROMPT_LABELS } from \"./pwa-update-prompt-labels\";\n\n/**\n * \"A new version is available. — Reload\": keksdose's service-worker toast\n * (app/pwa-update-prompt.tsx) as a kit component (docs/local-first-harmonization.md §1.5\n * D8). The app keeps `useRegisterSW` (vite-plugin-pwa, `registerType: \"prompt\"`) and hands\n * its state in: `needRefresh` from it, `onReload` = `updateServiceWorker(true)`,\n * `onDismiss` = `setNeedRefresh(false)`.\n *\n * `hold` defers the prompt while a reload would hurt — a handover being signed, a tour\n * running. Nothing shows while it holds; the toast appears once it drops. A hold that\n * starts while the toast is up takes it down again until it drops.\n *\n * Renders nothing itself: the toast needs a mounted `<Toaster>`.\n */\nexport interface PwaUpdatePromptLabels {\n  updateAvailable: string;\n  reload: string;\n}\n\n// Defined in ./pwa-update-prompt-labels, which holds no component code (0.34, KS U8).\nexport { DEFAULT_PWA_UPDATE_PROMPT_LABELS };\n\nexport interface PwaUpdatePromptProps {\n  /** A new service worker is waiting. */\n  needRefresh: boolean;\n  /** Activates it and reloads — `updateServiceWorker(true)`. */\n  onReload: () => void;\n  /** The toast was closed without reloading. */\n  onDismiss?: () => void;\n  /** Wait: a handover is open, a tour runs. */\n  hold?: boolean;\n  labels?: LabelOverride<PwaUpdatePromptLabels>;\n}\n\n/** The toast's id: one prompt at a time, replaced in place. */\nconst PWA_UPDATE_TOAST_ID = \"pwa-update\";\n\nexport function PwaUpdatePrompt({\n  needRefresh,\n  onReload,\n  onDismiss,\n  hold = false,\n  labels: labelsProp,\n}: PwaUpdatePromptProps) {\n  const labels = useKitLabels(\"pwaUpdate\", DEFAULT_PWA_UPDATE_PROMPT_LABELS, labelsProp);\n  // The callbacks are read at click time, so a new function each render does not\n  // re-raise the toast.\n  const handlers = useRef({ onReload, onDismiss });\n  useEffect(() => {\n    handlers.current = { onReload, onDismiss };\n  });\n\n  const show = needRefresh && !hold;\n  useEffect(() => {\n    if (!show) return;\n    // sonner calls `onDismiss` for a programmatic dismiss too: the one this effect makes\n    // when a hold starts must not tell the app the person waved the update away.\n    let ours = false;\n    toast(labels.updateAvailable, {\n      id: PWA_UPDATE_TOAST_ID,\n      duration: Infinity,\n      action: { label: labels.reload, onClick: () => handlers.current.onReload() },\n      onDismiss: () => {\n        if (!ours) handlers.current.onDismiss?.();\n      },\n    });\n    return () => {\n      ours = true;\n      toast.dismiss(PWA_UPDATE_TOAST_ID);\n    };\n  }, [show, labels.updateAvailable, labels.reload]);\n\n  return null;\n}\n"],"mappings":";AAAA,SAAS,WAAW,cAAc;AAClC,SAAS,oBAAwC;AACjD,SAAS,aAAa;AACtB,SAAS,wCAAwC;AAoCjD,MAAM,sBAAsB;AAErB,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,QAAQ;AACV,GAAyB;AACvB,QAAM,SAAS,aAAa,aAAa,kCAAkC,UAAU;AAGrF,QAAM,WAAW,OAAO,EAAE,UAAU,UAAU,CAAC;AAC/C,YAAU,MAAM;AACd,aAAS,UAAU,EAAE,UAAU,UAAU;AAAA,EAC3C,CAAC;AAED,QAAM,OAAO,eAAe,CAAC;AAC7B,YAAU,MAAM;AACd,QAAI,CAAC,KAAM;AAGX,QAAI,OAAO;AACX,UAAM,OAAO,iBAAiB;AAAA,MAC5B,IAAI;AAAA,MACJ,UAAU;AAAA,MACV,QAAQ,EAAE,OAAO,OAAO,QAAQ,SAAS,MAAM,SAAS,QAAQ,SAAS,EAAE;AAAA,MAC3E,WAAW,MAAM;AACf,YAAI,CAAC,KAAM,UAAS,QAAQ,YAAY;AAAA,MAC1C;AAAA,IACF,CAAC;AACD,WAAO,MAAM;AACX,aAAO;AACP,YAAM,QAAQ,mBAAmB;AAAA,IACnC;AAAA,EACF,GAAG,CAAC,MAAM,OAAO,iBAAiB,OAAO,MAAM,CAAC;AAEhD,SAAO;AACT;","names":[]}