@things-factory/announcement 10.1.248 → 10.1.250

package/dist-client/announcement-watch.d.ts

@@ -0,0 +1,6 @@
+import './components/announcement-popup.js';
+/** Opens the popups due now that this session has not closed - one window at a time. */
+export declare function showDuePopups(): Promise<void>;
+/** Starts once the person is known. */
+export declare function startAnnouncementWatch(): Promise<void>;
+export declare function stopAnnouncementWatch(): void;

package/dist-client/announcement-watch.js

@@ -0,0 +1,105 @@
+/*
+ * Keeps the person up with announcements while the application is open (ADR-0163 decision 5): the popups due at sign-in,
+ * a new one popping up the moment it is published to them, and the menu badge.
+ *
+ * The notice of an announcement reaches the screen through notification's subscription; the announcements themselves
+ * are asked of the server - a screen that was closed when one went out still finds it here.
+ */
+import './components/announcement-popup.js';
+import gql from 'graphql-tag';
+import { html } from 'lit';
+import { subscribe } from '@operato/graphql';
+import { openPopup } from '@operato/layout';
+import { announcementApi } from './utils/announcement-api.js';
+import { refreshAnnouncementBadge } from './utils/announcement-badge.js';
+import { t } from './utils/announcement-words.js';
+/* Closed in this browser session - asked again at the next sign-in (one still to be acknowledged comes back then). */
+const CLOSED_KEY = 'announcement.popups-closed';
+function closedInSession() {
+    try {
+        return new Set(JSON.parse(sessionStorage.getItem(CLOSED_KEY) || '[]'));
+    }
+    catch {
+        return new Set();
+    }
+}
+function rememberClosed(ids) {
+    try {
+        sessionStorage.setItem(CLOSED_KEY, JSON.stringify([...new Set([...closedInSession(), ...ids])]));
+    }
+    catch {
+        /* a browser that keeps nothing shows them again - no harm */
+    }
+}
+let popup;
+/* A reading changed on a screen or in the popup - the badge counts again. */
+window.addEventListener('announcements-changed', () => refreshAnnouncementBadge());
+let subscription;
+let watching = false;
+/** Opens the popups due now that this session has not closed - one window at a time. */
+export async function showDuePopups() {
+    if (popup && !popup.closed)
+        return;
+    let due;
+    try {
+        due = await announcementApi.popups();
+    }
+    catch {
+        return;
+    }
+    const closed = closedInSession();
+    const items = due.filter(one => !closed.has(one.id));
+    if (!items.length)
+        return;
+    const handle = openPopup(html `<announcement-popup .items=${items} @done=${() => handle.close()}></announcement-popup>`, {
+        backdrop: true,
+        size: 'medium',
+        title: t('announcement.title.popup')
+    });
+    popup = handle;
+    handle.result?.then?.(() => {
+        rememberClosed(items.map(one => one.id));
+        refreshAnnouncementBadge();
+    });
+}
+/** Starts once the person is known. */
+export async function startAnnouncementWatch() {
+    if (watching)
+        return;
+    watching = true;
+    refreshAnnouncementBadge();
+    showDuePopups();
+    try {
+        subscription = await subscribe({
+            query: gql `
+          subscription {
+            notification(subjects: ["info"]) {
+              type
+            }
+          }
+        `
+        }, {
+            next({ data }) {
+                if (data?.notification?.type !== 'announcement')
+                    return;
+                refreshAnnouncementBadge();
+                showDuePopups();
+            }
+        });
+    }
+    catch {
+        /* without the live line the badge and popups still come at the next sign-in */
+    }
+}
+export function stopAnnouncementWatch() {
+    subscription?.unsubscribe();
+    subscription = undefined;
+    popup?.close();
+    popup = undefined;
+    watching = false;
+    try {
+        sessionStorage.removeItem(CLOSED_KEY);
+    }
+    catch { }
+}
+//# sourceMappingURL=announcement-watch.js.map

package/dist-client/announcement-watch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"announcement-watch.js","sourceRoot":"","sources":["../client/announcement-watch.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Keeps the person up with announcements while the application is open (ADR-0163 decision 5): the popups due at sign-in,\n * a new one popping up the moment it is published to them, and the menu badge.\n *\n * The notice of an announcement reaches the screen through notification's subscription; the announcements themselves\n * are asked of the server - a screen that was closed when one went out still finds it here.\n */\nimport './components/announcement-popup.js'\n\nimport gql from 'graphql-tag'\nimport { html } from 'lit'\n\nimport { subscribe } from '@operato/graphql'\nimport { openPopup } from '@operato/layout'\n\nimport { announcementApi, type AnnouncementItem } from './utils/announcement-api.js'\nimport { refreshAnnouncementBadge } from './utils/announcement-badge.js'\nimport { t } from './utils/announcement-words.js'\n\n/* Closed in this browser session - asked again at the next sign-in (one still to be acknowledged comes back then). */\nconst CLOSED_KEY = 'announcement.popups-closed'\n\nfunction closedInSession(): Set<string> {\n  try {\n    return new Set(JSON.parse(sessionStorage.getItem(CLOSED_KEY) || '[]'))\n  } catch {\n    return new Set()\n  }\n}\n\nfunction rememberClosed(ids: string[]) {\n  try {\n    sessionStorage.setItem(CLOSED_KEY, JSON.stringify([...new Set([...closedInSession(), ...ids])]))\n  } catch {\n    /* a browser that keeps nothing shows them again - no harm */\n  }\n}\n\nlet popup: { close: () => void; closed: boolean } | undefined\n\n/* A reading changed on a screen or in the popup - the badge counts again. */\nwindow.addEventListener('announcements-changed', () => refreshAnnouncementBadge())\nlet subscription: { unsubscribe(): void } | undefined\nlet watching = false\n\n/** Opens the popups due now that this session has not closed - one window at a time. */\nexport async function showDuePopups(): Promise<void> {\n  if (popup && !popup.closed) return\n  let due: AnnouncementItem[]\n  try {\n    due = await announcementApi.popups()\n  } catch {\n    return\n  }\n  const closed = closedInSession()\n  const items = due.filter(one => !closed.has(one.id))\n  if (!items.length) return\n  const handle: any = openPopup(html`<announcement-popup .items=${items} @done=${() => handle.close()}></announcement-popup>`, {\n    backdrop: true,\n    size: 'medium',\n    title: t('announcement.title.popup')\n  })\n  popup = handle\n  handle.result?.then?.(() => {\n    rememberClosed(items.map(one => one.id))\n    refreshAnnouncementBadge()\n  })\n}\n\n/** Starts once the person is known. */\nexport async function startAnnouncementWatch(): Promise<void> {\n  if (watching) return\n  watching = true\n  refreshAnnouncementBadge()\n  showDuePopups()\n  try {\n    subscription = await subscribe(\n      {\n        query: gql`\n          subscription {\n            notification(subjects: [\"info\"]) {\n              type\n            }\n          }\n        `\n      },\n      {\n        next({ data }: any) {\n          if (data?.notification?.type !== 'announcement') return\n          refreshAnnouncementBadge()\n          showDuePopups()\n        }\n      }\n    )\n  } catch {\n    /* without the live line the badge and popups still come at the next sign-in */\n  }\n}\n\nexport function stopAnnouncementWatch(): void {\n  subscription?.unsubscribe()\n  subscription = undefined\n  popup?.close()\n  popup = undefined\n  watching = false\n  try {\n    sessionStorage.removeItem(CLOSED_KEY)\n  } catch {}\n}\n"]}

package/dist-client/bootstrap.d.ts

@@ -0,0 +1 @@
+export default function bootstrap(): void;

package/dist-client/bootstrap.js

@@ -0,0 +1,8 @@
+import { auth } from '@things-factory/auth-base/dist-client/auth.js';
+import { startAnnouncementWatch, stopAnnouncementWatch } from './announcement-watch.js';
+/* Announcements follow the person - the popups due and the badge come when they are known (ADR-0163 decision 5). */
+export default function bootstrap() {
+    auth.on('profile', () => startAnnouncementWatch());
+    auth.on('presignout', () => stopAnnouncementWatch());
+}
+//# sourceMappingURL=bootstrap.js.map

package/dist-client/bootstrap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bootstrap.js","sourceRoot":"","sources":["../client/bootstrap.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,+CAA+C,CAAA;AAEpE,OAAO,EAAE,sBAAsB,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAA;AAEvF,oHAAoH;AACpH,MAAM,CAAC,OAAO,UAAU,SAAS;IAC/B,IAAI,CAAC,EAAE,CAAC,SAAS,EAAE,GAAG,EAAE,CAAC,sBAAsB,EAAE,CAAC,CAAA;IAClD,IAAI,CAAC,EAAE,CAAC,YAAY,EAAE,GAAG,EAAE,CAAC,qBAAqB,EAAE,CAAC,CAAA;AACtD,CAAC","sourcesContent":["import { auth } from '@things-factory/auth-base/dist-client/auth.js'\n\nimport { startAnnouncementWatch, stopAnnouncementWatch } from './announcement-watch.js'\n\n/* Announcements follow the person - the popups due and the badge come when they are known (ADR-0163 decision 5). */\nexport default function bootstrap() {\n  auth.on('profile', () => startAnnouncementWatch())\n  auth.on('presignout', () => stopAnnouncementWatch())\n}\n"]}

package/dist-client/components/announcement-popup.d.ts

@@ -0,0 +1,20 @@
+import '@material/web/button/filled-button.js';
+import '@material/web/button/text-button.js';
+import '@operato/popup/ox-popup-actions.js';
+import './announcement-sheet.js';
+import { LitElement, nothing } from 'lit';
+import { type AnnouncementItem } from '../utils/announcement-api.js';
+declare const AnnouncementPopup_base: (new (...args: any[]) => LitElement) & typeof LitElement;
+export declare class AnnouncementPopup extends AnnouncementPopup_base {
+    static styles: import("lit").CSSResult[];
+    items: AnnouncementItem[];
+    private index;
+    render(): typeof nothing | import("lit-html").TemplateResult<1>;
+    firstUpdated(): void;
+    /** Shows one, and reads it - seeing it in the popup is reading it. */
+    private show;
+    private replace;
+    private open;
+    private close;
+}
+export {};

package/dist-client/components/announcement-popup.js

@@ -0,0 +1,98 @@
+import { __decorate, __metadata } from "tslib";
+/*
+ * The announcements that pop up (the user, 2026-10-26: 「공지 사항이 있을 때 자동 팝업」, ADR-0163 decision 5) - one
+ * window, one announcement at a time. Seeing one reads it; one that asks to be acknowledged is acknowledged here or
+ * shows again at the next sign-in.
+ */
+import '@material/web/button/filled-button.js';
+import '@material/web/button/text-button.js';
+import '@operato/popup/ox-popup-actions.js';
+import './announcement-sheet.js';
+import { css, html, LitElement, nothing } from 'lit';
+import { customElement, property, state } from 'lit/decorators.js';
+import { i18next, localize } from '@operato/i18n';
+import { navigate } from '@operato/shell';
+import { CommonPopupStyles, PopupBodyStyles } from '@operato/styles';
+import { announcementApi } from '../utils/announcement-api.js';
+import { t } from '../utils/announcement-words.js';
+let AnnouncementPopup = class AnnouncementPopup extends localize(i18next)(LitElement) {
+    constructor() {
+        super(...arguments);
+        this.items = [];
+        this.index = 0;
+    }
+    static { this.styles = [
+        CommonPopupStyles,
+        PopupBodyStyles,
+        css `
+      :host {
+        height: 100%;
+      }
+      h3 {
+        margin: 0 0 var(--spacing-small, 4px);
+        font-size: var(--ui-t-title, 18px);
+      }
+      .count {
+        margin-inline-end: auto;
+        align-self: center;
+        font-size: var(--ui-t-small, 12px);
+        color: var(--ui-muted, var(--md-sys-color-on-surface-variant));
+      }
+    `
+    ]; }
+    render() {
+        const one = this.items[this.index];
+        if (!one)
+            return nothing;
+        const last = this.index >= this.items.length - 1;
+        return html `<div class="body">
+        <h3>${one.title}</h3>
+        <announcement-sheet .announcement=${one} @announcement-follow=${() => this.close()} @announcement-acknowledged=${(e) => this.replace(e.detail)}></announcement-sheet>
+      </div>
+      <ox-popup-actions>
+        ${this.items.length > 1 ? html `<span class="count">${this.index + 1} / ${this.items.length}</span>` : nothing}
+        <md-text-button @click=${() => this.open(one)}>${t('announcement.button.open')}</md-text-button>
+        ${this.index > 0 ? html `<md-text-button @click=${() => this.show(this.index - 1)}>${t('announcement.button.previous')}</md-text-button>` : nothing}
+        ${last
+            ? html `<md-filled-button slot="confirm" @click=${() => this.close()}>${t('announcement.button.close')}</md-filled-button>`
+            : html `<md-filled-button slot="confirm" @click=${() => this.show(this.index + 1)}>${t('announcement.button.next')}</md-filled-button>`}
+      </ox-popup-actions>`;
+    }
+    firstUpdated() {
+        this.show(0);
+    }
+    /** Shows one, and reads it - seeing it in the popup is reading it. */
+    show(index) {
+        this.index = index;
+        const one = this.items[index];
+        if (one && !one.mine?.readAt) {
+            announcementApi
+                .read(one.id)
+                .then(done => this.replace({ ...one, ...done }))
+                .catch(() => { });
+        }
+    }
+    replace(one) {
+        this.items = this.items.map(item => (item.id === one.id ? { ...item, ...one } : item));
+    }
+    open(one) {
+        this.close();
+        navigate(`announcement-view?id=${one.id}`);
+    }
+    close() {
+        this.dispatchEvent(new CustomEvent('done', { bubbles: true, composed: true }));
+    }
+};
+__decorate([
+    property({ attribute: false }),
+    __metadata("design:type", Array)
+], AnnouncementPopup.prototype, "items", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], AnnouncementPopup.prototype, "index", void 0);
+AnnouncementPopup = __decorate([
+    customElement('announcement-popup')
+], AnnouncementPopup);
+export { AnnouncementPopup };
+//# sourceMappingURL=announcement-popup.js.map

package/dist-client/components/announcement-popup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"announcement-popup.js","sourceRoot":"","sources":["../../client/components/announcement-popup.ts"],"names":[],"mappings":";AAAA;;;;GAIG;AACH,OAAO,uCAAuC,CAAA;AAC9C,OAAO,qCAAqC,CAAA;AAC5C,OAAO,oCAAoC,CAAA;AAC3C,OAAO,yBAAyB,CAAA;AAEhC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,KAAK,CAAA;AACpD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAElE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACzC,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAEpE,OAAO,EAAE,eAAe,EAAyB,MAAM,8BAA8B,CAAA;AACrF,OAAO,EAAE,CAAC,EAAE,MAAM,gCAAgC,CAAA;AAG3C,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,QAAQ,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC;IAA7D;;QAqB2B,UAAK,GAAuB,EAAE,CAAA;QAC7C,UAAK,GAAG,CAAC,CAAA;IAgD5B,CAAC;aArEQ,WAAM,GAAG;QACd,iBAAiB;QACjB,eAAe;QACf,GAAG,CAAA;;;;;;;;;;;;;;KAcF;KACF,AAlBY,CAkBZ;IAKD,MAAM;QACJ,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;QAClC,IAAI,CAAC,GAAG;YAAE,OAAO,OAAO,CAAA;QACxB,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAA;QAChD,OAAO,IAAI,CAAA;cACD,GAAG,CAAC,KAAK;4CACqB,GAAG,yBAAyB,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,+BAA+B,CAAC,CAAc,EAAE,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;;;UAGzJ,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA,uBAAuB,IAAI,CAAC,KAAK,GAAG,CAAC,MAAM,IAAI,CAAC,KAAK,CAAC,MAAM,SAAS,CAAC,CAAC,CAAC,OAAO;iCACpF,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,0BAA0B,CAAC;UAC5E,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA,0BAA0B,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,8BAA8B,CAAC,mBAAmB,CAAC,CAAC,CAAC,OAAO;UAChJ,IAAI;YACJ,CAAC,CAAC,IAAI,CAAA,2CAA2C,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,2BAA2B,CAAC,qBAAqB;YAC1H,CAAC,CAAC,IAAI,CAAA,2CAA2C,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,0BAA0B,CAAC,qBAAqB;0BACtH,CAAA;IACxB,CAAC;IAED,YAAY;QACV,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;IACd,CAAC;IAED,sEAAsE;IAC9D,IAAI,CAAC,KAAa;QACxB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAA;QAClB,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;QAC7B,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,CAAC;YAC7B,eAAe;iBACZ,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC;iBACZ,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,GAAG,GAAG,EAAE,GAAG,IAAI,EAAE,CAAC,CAAC;iBAC/C,KAAK,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CAAA;QACpB,CAAC;IACH,CAAC;IAEO,OAAO,CAAC,GAAqB;QACnC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,EAAE,KAAK,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,GAAG,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAA;IACxF,CAAC;IAEO,IAAI,CAAC,GAAqB;QAChC,IAAI,CAAC,KAAK,EAAE,CAAA;QACZ,QAAQ,CAAC,wBAAwB,GAAG,CAAC,EAAE,EAAE,CAAC,CAAA;IAC5C,CAAC;IAEO,KAAK;QACX,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,MAAM,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAA;IAChF,CAAC;;AAhD+B;IAA/B,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;;gDAA+B;AAC7C;IAAhB,KAAK,EAAE;;gDAAkB;AAtBf,iBAAiB;IAD7B,aAAa,CAAC,oBAAoB,CAAC;GACvB,iBAAiB,CAsE7B","sourcesContent":["/*\n * The announcements that pop up (the user, 2026-10-26: 「공지 사항이 있을 때 자동 팝업」, ADR-0163 decision 5) - one\n * window, one announcement at a time. Seeing one reads it; one that asks to be acknowledged is acknowledged here or\n * shows again at the next sign-in.\n */\nimport '@material/web/button/filled-button.js'\nimport '@material/web/button/text-button.js'\nimport '@operato/popup/ox-popup-actions.js'\nimport './announcement-sheet.js'\n\nimport { css, html, LitElement, nothing } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport { i18next, localize } from '@operato/i18n'\nimport { navigate } from '@operato/shell'\nimport { CommonPopupStyles, PopupBodyStyles } from '@operato/styles'\n\nimport { announcementApi, type AnnouncementItem } from '../utils/announcement-api.js'\nimport { t } from '../utils/announcement-words.js'\n\n@customElement('announcement-popup')\nexport class AnnouncementPopup extends localize(i18next)(LitElement) {\n  static styles = [\n    CommonPopupStyles,\n    PopupBodyStyles,\n    css`\n      :host {\n        height: 100%;\n      }\n      h3 {\n        margin: 0 0 var(--spacing-small, 4px);\n        font-size: var(--ui-t-title, 18px);\n      }\n      .count {\n        margin-inline-end: auto;\n        align-self: center;\n        font-size: var(--ui-t-small, 12px);\n        color: var(--ui-muted, var(--md-sys-color-on-surface-variant));\n      }\n    `\n  ]\n\n  @property({ attribute: false }) items: AnnouncementItem[] = []\n  @state() private index = 0\n\n  render() {\n    const one = this.items[this.index]\n    if (!one) return nothing\n    const last = this.index >= this.items.length - 1\n    return html`<div class=\"body\">\n        <h3>${one.title}</h3>\n        <announcement-sheet .announcement=${one} @announcement-follow=${() => this.close()} @announcement-acknowledged=${(e: CustomEvent) => this.replace(e.detail)}></announcement-sheet>\n      </div>\n      <ox-popup-actions>\n        ${this.items.length > 1 ? html`<span class=\"count\">${this.index + 1} / ${this.items.length}</span>` : nothing}\n        <md-text-button @click=${() => this.open(one)}>${t('announcement.button.open')}</md-text-button>\n        ${this.index > 0 ? html`<md-text-button @click=${() => this.show(this.index - 1)}>${t('announcement.button.previous')}</md-text-button>` : nothing}\n        ${last\n          ? html`<md-filled-button slot=\"confirm\" @click=${() => this.close()}>${t('announcement.button.close')}</md-filled-button>`\n          : html`<md-filled-button slot=\"confirm\" @click=${() => this.show(this.index + 1)}>${t('announcement.button.next')}</md-filled-button>`}\n      </ox-popup-actions>`\n  }\n\n  firstUpdated() {\n    this.show(0)\n  }\n\n  /** Shows one, and reads it - seeing it in the popup is reading it. */\n  private show(index: number) {\n    this.index = index\n    const one = this.items[index]\n    if (one && !one.mine?.readAt) {\n      announcementApi\n        .read(one.id)\n        .then(done => this.replace({ ...one, ...done }))\n        .catch(() => {})\n    }\n  }\n\n  private replace(one: AnnouncementItem) {\n    this.items = this.items.map(item => (item.id === one.id ? { ...item, ...one } : item))\n  }\n\n  private open(one: AnnouncementItem) {\n    this.close()\n    navigate(`announcement-view?id=${one.id}`)\n  }\n\n  private close() {\n    this.dispatchEvent(new CustomEvent('done', { bubbles: true, composed: true }))\n  }\n}\n"]}

package/dist-client/components/announcement-receipts.d.ts

@@ -0,0 +1,30 @@
+import '@material/web/button/filled-button.js';
+import '@material/web/button/text-button.js';
+import '@operato/popup/ox-popup-actions.js';
+import { LitElement } from 'lit';
+import { type AnnouncementItem } from '../utils/announcement-api.js';
+declare const AnnouncementReceipts_base: (new (...args: any[]) => LitElement) & typeof LitElement;
+export declare class AnnouncementReceipts extends AnnouncementReceipts_base {
+    static styles: import("lit").CSSResult[];
+    announcement: AnnouncementItem;
+    private rows;
+    private which;
+    private busy;
+    connectedCallback(): void;
+    private load;
+    render(): import("lit-html").TemplateResult<1>;
+    private remind;
+    private close;
+}
+declare const AnnouncementWithdrawForm_base: (new (...args: any[]) => LitElement) & typeof LitElement;
+/** Why it is withdrawn - the readers' copy goes, the reason stays with its record. */
+export declare class AnnouncementWithdrawForm extends AnnouncementWithdrawForm_base {
+    static styles: import("lit").CSSResult[];
+    announcement: AnnouncementItem;
+    private reason;
+    private busy;
+    render(): import("lit-html").TemplateResult<1>;
+    private withdraw;
+    private close;
+}
+export {};

package/dist-client/components/announcement-receipts.js

@@ -0,0 +1,220 @@
+import { __decorate, __metadata } from "tslib";
+/*
+ * The small forms a writer opens from an announcement (ADR-0163 decision 4): who read it and who acknowledged it, with
+ * a reminder to those who have not; and the reason it is withdrawn.
+ */
+import '@material/web/button/filled-button.js';
+import '@material/web/button/text-button.js';
+import '@operato/popup/ox-popup-actions.js';
+import { css, html, LitElement, nothing } from 'lit';
+import { customElement, property, state } from 'lit/decorators.js';
+import { i18next, localize } from '@operato/i18n';
+import { notify } from '@operato/layout';
+import { CommonPopupStyles, PopupBodyStyles } from '@operato/styles';
+import { announcementApi } from '../utils/announcement-api.js';
+import { reasonOf, t, when } from '../utils/announcement-words.js';
+const FormStyles = css `
+  :host {
+    height: 100%;
+    line-height: 1.5;
+  }
+  .tabs {
+    display: flex;
+    gap: var(--spacing-small, 4px);
+    margin-bottom: var(--spacing-medium, 8px);
+  }
+  .tabs button {
+    border: 1px solid var(--ui-line-soft, var(--md-sys-color-outline-variant));
+    background: none;
+    border-radius: 999px;
+    padding: 2px var(--spacing-medium, 8px);
+    font: inherit;
+    font-size: var(--ui-t-small, 12px);
+    cursor: pointer;
+    color: inherit;
+  }
+  .tabs button[aria-pressed='true'] {
+    background: var(--md-sys-color-secondary-container);
+    border-color: transparent;
+  }
+  table {
+    width: 100%;
+    border-collapse: collapse;
+    font-size: var(--ui-t-body, 14px);
+    font-variant-numeric: tabular-nums;
+  }
+  th,
+  td {
+    text-align: left;
+    padding: var(--spacing-small, 4px) var(--spacing-medium, 8px);
+    border-bottom: 1px solid var(--ui-line-soft, var(--md-sys-color-outline-variant));
+  }
+  th {
+    font-weight: 600;
+    font-size: var(--ui-t-small, 12px);
+    color: var(--ui-muted, var(--md-sys-color-on-surface-variant));
+  }
+  .muted {
+    color: var(--ui-muted, var(--md-sys-color-on-surface-variant));
+  }
+  textarea {
+    width: 100%;
+    min-height: 96px;
+    box-sizing: border-box;
+    font: inherit;
+  }
+`;
+let AnnouncementReceipts = class AnnouncementReceipts extends localize(i18next)(LitElement) {
+    constructor() {
+        super(...arguments);
+        this.rows = [];
+        this.which = 'all';
+        this.busy = false;
+    }
+    static { this.styles = [CommonPopupStyles, PopupBodyStyles, FormStyles]; }
+    connectedCallback() {
+        super.connectedCallback();
+        this.load();
+    }
+    async load() {
+        try {
+            this.rows = await announcementApi.receipts(this.announcement.id);
+        }
+        catch (error) {
+            notify({ level: 'error', message: reasonOf(error) });
+        }
+    }
+    render() {
+        const one = this.announcement;
+        const listed = this.rows.filter(row => row.listed);
+        const counts = {
+            all: listed.length,
+            unread: listed.filter(row => !row.readAt).length,
+            unacknowledged: listed.filter(row => !row.acknowledgedAt).length,
+            later: this.rows.filter(row => !row.listed).length
+        };
+        const tabs = ['all', 'unread', ...(one.requiresAcknowledgement ? ['unacknowledged'] : []), ...(counts.later ? ['later'] : [])].map(key => html `<button aria-pressed=${String(this.which === key)} @click=${() => (this.which = key)}>${t(`announcement.receipts.${key}`)} ${counts[key]}</button>`);
+        const shown = this.which === 'later'
+            ? this.rows.filter(row => !row.listed)
+            : listed.filter(row => (this.which === 'unread' ? !row.readAt : this.which === 'unacknowledged' ? !row.acknowledgedAt : true));
+        const owed = one.requiresAcknowledgement ? counts.unacknowledged : counts.unread;
+        return html `<div class="body">
+        <div class="tabs">${tabs}</div>
+        <table>
+          <thead>
+            <tr>
+              <th>${t('announcement.receipts.name')}</th>
+              <th>${t('announcement.receipts.read-at')}</th>
+              ${one.requiresAcknowledgement ? html `<th>${t('announcement.receipts.acknowledged-at')}</th>` : nothing}
+              <th>${t('announcement.receipts.notified-at')}</th>
+            </tr>
+          </thead>
+          <tbody>
+            ${shown.map(row => html `<tr>
+                <td>${row.name ?? row.email ?? row.userId}</td>
+                <td class=${row.readAt ? '' : 'muted'}>${row.readAt ? when(row.readAt) : t('announcement.reader-state.unread')}</td>
+                ${one.requiresAcknowledgement ? html `<td class=${row.acknowledgedAt ? '' : 'muted'}>${row.acknowledgedAt ? when(row.acknowledgedAt) : '—'}</td>` : nothing}
+                <td class="muted">${when(row.notifiedAt)}</td>
+              </tr>`)}
+          </tbody>
+        </table>
+      </div>
+      <ox-popup-actions>
+        <md-text-button slot="cancel" @click=${() => this.close()}>${t('announcement.button.close')}</md-text-button>
+        <md-filled-button slot="confirm" ?disabled=${this.busy || !owed || one.status !== 'PUBLISHED'} @click=${() => this.remind()}
+          >${t('announcement.button.remind-count', { count: owed })}</md-filled-button
+        >
+      </ox-popup-actions>`;
+    }
+    async remind() {
+        this.busy = true;
+        try {
+            const told = await announcementApi.remind(this.announcement.id);
+            notify({ message: t('announcement.text.reminded', { count: told }) });
+            await this.load();
+        }
+        catch (error) {
+            notify({ level: 'error', message: reasonOf(error) });
+        }
+        finally {
+            this.busy = false;
+        }
+    }
+    close() {
+        this.dispatchEvent(new CustomEvent('done', { bubbles: true, composed: true }));
+    }
+};
+__decorate([
+    property({ attribute: false }),
+    __metadata("design:type", Object)
+], AnnouncementReceipts.prototype, "announcement", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Array)
+], AnnouncementReceipts.prototype, "rows", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", String)
+], AnnouncementReceipts.prototype, "which", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], AnnouncementReceipts.prototype, "busy", void 0);
+AnnouncementReceipts = __decorate([
+    customElement('announcement-receipts')
+], AnnouncementReceipts);
+export { AnnouncementReceipts };
+/** Why it is withdrawn - the readers' copy goes, the reason stays with its record. */
+let AnnouncementWithdrawForm = class AnnouncementWithdrawForm extends localize(i18next)(LitElement) {
+    constructor() {
+        super(...arguments);
+        this.reason = '';
+        this.busy = false;
+    }
+    static { this.styles = [CommonPopupStyles, PopupBodyStyles, FormStyles]; }
+    render() {
+        return html `<div class="body">
+        <p>${t('announcement.text.withdraw-lead')}</p>
+        <textarea .value=${this.reason} maxlength="500" placeholder=${t('announcement.text.withdraw-reason')} @input=${(e) => (this.reason = e.target.value)}></textarea>
+      </div>
+      <ox-popup-actions>
+        <md-text-button slot="cancel" @click=${() => this.close()}>${t('announcement.button.cancel')}</md-text-button>
+        <md-filled-button slot="confirm" ?disabled=${this.busy || !this.reason.trim()} @click=${() => this.withdraw()}>${t('announcement.button.withdraw')}</md-filled-button>
+      </ox-popup-actions>`;
+    }
+    async withdraw() {
+        this.busy = true;
+        try {
+            await announcementApi.withdraw(this.announcement.id, this.reason);
+            notify({ message: t('announcement.text.withdrawn-done') });
+            this.dispatchEvent(new CustomEvent('announcement-withdrawn', { bubbles: true, composed: true }));
+            this.close();
+        }
+        catch (error) {
+            notify({ level: 'error', message: reasonOf(error) });
+        }
+        finally {
+            this.busy = false;
+        }
+    }
+    close() {
+        this.dispatchEvent(new CustomEvent('done', { bubbles: true, composed: true }));
+    }
+};
+__decorate([
+    property({ attribute: false }),
+    __metadata("design:type", Object)
+], AnnouncementWithdrawForm.prototype, "announcement", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], AnnouncementWithdrawForm.prototype, "reason", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], AnnouncementWithdrawForm.prototype, "busy", void 0);
+AnnouncementWithdrawForm = __decorate([
+    customElement('announcement-withdraw-form')
+], AnnouncementWithdrawForm);
+export { AnnouncementWithdrawForm };
+//# sourceMappingURL=announcement-receipts.js.map

package/dist-client/components/announcement-receipts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"announcement-receipts.js","sourceRoot":"","sources":["../../client/components/announcement-receipts.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * The small forms a writer opens from an announcement (ADR-0163 decision 4): who read it and who acknowledged it, with\n * a reminder to those who have not; and the reason it is withdrawn.\n */\nimport '@material/web/button/filled-button.js'\nimport '@material/web/button/text-button.js'\nimport '@operato/popup/ox-popup-actions.js'\n\nimport { css, html, LitElement, nothing } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport { i18next, localize } from '@operato/i18n'\nimport { notify } from '@operato/layout'\nimport { CommonPopupStyles, PopupBodyStyles } from '@operato/styles'\n\nimport { announcementApi, type AnnouncementItem } from '../utils/announcement-api.js'\nimport { reasonOf, t, when } from '../utils/announcement-words.js'\n\ntype Row = Awaited<ReturnType<typeof announcementApi.receipts>>[number]\n\nconst FormStyles = css`\n  :host {\n    height: 100%;\n    line-height: 1.5;\n  }\n  .tabs {\n    display: flex;\n    gap: var(--spacing-small, 4px);\n    margin-bottom: var(--spacing-medium, 8px);\n  }\n  .tabs button {\n    border: 1px solid var(--ui-line-soft, var(--md-sys-color-outline-variant));\n    background: none;\n    border-radius: 999px;\n    padding: 2px var(--spacing-medium, 8px);\n    font: inherit;\n    font-size: var(--ui-t-small, 12px);\n    cursor: pointer;\n    color: inherit;\n  }\n  .tabs button[aria-pressed='true'] {\n    background: var(--md-sys-color-secondary-container);\n    border-color: transparent;\n  }\n  table {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: var(--ui-t-body, 14px);\n    font-variant-numeric: tabular-nums;\n  }\n  th,\n  td {\n    text-align: left;\n    padding: var(--spacing-small, 4px) var(--spacing-medium, 8px);\n    border-bottom: 1px solid var(--ui-line-soft, var(--md-sys-color-outline-variant));\n  }\n  th {\n    font-weight: 600;\n    font-size: var(--ui-t-small, 12px);\n    color: var(--ui-muted, var(--md-sys-color-on-surface-variant));\n  }\n  .muted {\n    color: var(--ui-muted, var(--md-sys-color-on-surface-variant));\n  }\n  textarea {\n    width: 100%;\n    min-height: 96px;\n    box-sizing: border-box;\n    font: inherit;\n  }\n`\n\n@customElement('announcement-receipts')\nexport class AnnouncementReceipts extends localize(i18next)(LitElement) {\n  static styles = [CommonPopupStyles, PopupBodyStyles, FormStyles]\n  @property({ attribute: false }) announcement!: AnnouncementItem\n  @state() private rows: Row[] = []\n  @state() private which: 'all' | 'unread' | 'unacknowledged' | 'later' = 'all'\n  @state() private busy = false\n\n  connectedCallback() {\n    super.connectedCallback()\n    this.load()\n  }\n\n  private async load() {\n    try {\n      this.rows = await announcementApi.receipts(this.announcement.id)\n    } catch (error) {\n      notify({ level: 'error', message: reasonOf(error) })\n    }\n  }\n\n  render() {\n    const one = this.announcement\n    const listed = this.rows.filter(row => row.listed)\n    const counts = {\n      all: listed.length,\n      unread: listed.filter(row => !row.readAt).length,\n      unacknowledged: listed.filter(row => !row.acknowledgedAt).length,\n      later: this.rows.filter(row => !row.listed).length\n    }\n    const tabs = (['all', 'unread', ...(one.requiresAcknowledgement ? ['unacknowledged'] : []), ...(counts.later ? ['later'] : [])] as (keyof typeof counts)[]).map(\n      key => html`<button aria-pressed=${String(this.which === key)} @click=${() => (this.which = key)}>${t(`announcement.receipts.${key}`)} ${counts[key]}</button>`\n    )\n    const shown =\n      this.which === 'later'\n        ? this.rows.filter(row => !row.listed)\n        : listed.filter(row => (this.which === 'unread' ? !row.readAt : this.which === 'unacknowledged' ? !row.acknowledgedAt : true))\n    const owed = one.requiresAcknowledgement ? counts.unacknowledged : counts.unread\n    return html`<div class=\"body\">\n        <div class=\"tabs\">${tabs}</div>\n        <table>\n          <thead>\n            <tr>\n              <th>${t('announcement.receipts.name')}</th>\n              <th>${t('announcement.receipts.read-at')}</th>\n              ${one.requiresAcknowledgement ? html`<th>${t('announcement.receipts.acknowledged-at')}</th>` : nothing}\n              <th>${t('announcement.receipts.notified-at')}</th>\n            </tr>\n          </thead>\n          <tbody>\n            ${shown.map(\n              row => html`<tr>\n                <td>${row.name ?? row.email ?? row.userId}</td>\n                <td class=${row.readAt ? '' : 'muted'}>${row.readAt ? when(row.readAt) : t('announcement.reader-state.unread')}</td>\n                ${one.requiresAcknowledgement ? html`<td class=${row.acknowledgedAt ? '' : 'muted'}>${row.acknowledgedAt ? when(row.acknowledgedAt) : '—'}</td>` : nothing}\n                <td class=\"muted\">${when(row.notifiedAt)}</td>\n              </tr>`\n            )}\n          </tbody>\n        </table>\n      </div>\n      <ox-popup-actions>\n        <md-text-button slot=\"cancel\" @click=${() => this.close()}>${t('announcement.button.close')}</md-text-button>\n        <md-filled-button slot=\"confirm\" ?disabled=${this.busy || !owed || one.status !== 'PUBLISHED'} @click=${() => this.remind()}\n          >${t('announcement.button.remind-count', { count: owed })}</md-filled-button\n        >\n      </ox-popup-actions>`\n  }\n\n  private async remind() {\n    this.busy = true\n    try {\n      const told = await announcementApi.remind(this.announcement.id)\n      notify({ message: t('announcement.text.reminded', { count: told }) })\n      await this.load()\n    } catch (error) {\n      notify({ level: 'error', message: reasonOf(error) })\n    } finally {\n      this.busy = false\n    }\n  }\n\n  private close() {\n    this.dispatchEvent(new CustomEvent('done', { bubbles: true, composed: true }))\n  }\n}\n\n/** Why it is withdrawn - the readers' copy goes, the reason stays with its record. */\n@customElement('announcement-withdraw-form')\nexport class AnnouncementWithdrawForm extends localize(i18next)(LitElement) {\n  static styles = [CommonPopupStyles, PopupBodyStyles, FormStyles]\n  @property({ attribute: false }) announcement!: AnnouncementItem\n  @state() private reason = ''\n  @state() private busy = false\n\n  render() {\n    return html`<div class=\"body\">\n        <p>${t('announcement.text.withdraw-lead')}</p>\n        <textarea .value=${this.reason} maxlength=\"500\" placeholder=${t('announcement.text.withdraw-reason')} @input=${(e: any) => (this.reason = e.target.value)}></textarea>\n      </div>\n      <ox-popup-actions>\n        <md-text-button slot=\"cancel\" @click=${() => this.close()}>${t('announcement.button.cancel')}</md-text-button>\n        <md-filled-button slot=\"confirm\" ?disabled=${this.busy || !this.reason.trim()} @click=${() => this.withdraw()}>${t('announcement.button.withdraw')}</md-filled-button>\n      </ox-popup-actions>`\n  }\n\n  private async withdraw() {\n    this.busy = true\n    try {\n      await announcementApi.withdraw(this.announcement.id, this.reason)\n      notify({ message: t('announcement.text.withdrawn-done') })\n      this.dispatchEvent(new CustomEvent('announcement-withdrawn', { bubbles: true, composed: true }))\n      this.close()\n    } catch (error) {\n      notify({ level: 'error', message: reasonOf(error) })\n    } finally {\n      this.busy = false\n    }\n  }\n\n  private close() {\n    this.dispatchEvent(new CustomEvent('done', { bubbles: true, composed: true }))\n  }\n}\n"]}

package/dist-client/components/announcement-sheet.d.ts

@@ -0,0 +1,17 @@
+import '@material/web/icon/icon.js';
+import '@material/web/button/filled-button.js';
+import { LitElement, nothing } from 'lit';
+import { type AnnouncementItem } from '../utils/announcement-api.js';
+/** A screen of the application opens in place; an https page opens apart. */
+export declare function followLink(url: string): void;
+declare const AnnouncementSheet_base: (new (...args: any[]) => LitElement) & typeof LitElement;
+export declare class AnnouncementSheet extends AnnouncementSheet_base {
+    static styles: import("lit").CSSResult;
+    announcement: AnnouncementItem;
+    private busy;
+    render(): typeof nothing | import("lit-html").TemplateResult<1>;
+    private renderAcknowledge;
+    private follow;
+    private acknowledge;
+}
+export {};