@things-factory/inquiry 0.0.0-stage → 10.1.252

package/dist-client/components/inquiry-writer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inquiry-writer.js","sourceRoot":"","sources":["../../client/components/inquiry-writer.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * 문의 · 제안 보내기 (ADR-0184 decisions 1, 4, 5, 9) - the window the avatar menu opens on any screen: the kind, the title,\n * the words, files, and who reads it. The screen it was opened on goes with it; the application, its version, the\n * writer and the domain are the server's to take.\n */\nimport '@material/web/icon/icon.js'\nimport '@material/web/button/filled-button.js'\nimport '@material/web/button/text-button.js'\nimport '@operato/input/ox-input-file.js'\nimport '@operato/input/ox-input-select-buttons.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, openPopup } from '@operato/layout'\nimport { CommonPopupStyles, FormFieldStyles, PopupBodyStyles, PopupFieldStyles } from '@operato/styles'\n\nimport { inquiriesChanged, inquiryApi } from '../utils/inquiry-api.js'\nimport { KINDS, kindWord, reasonOf, t } from '../utils/inquiry-words.js'\n\nconst MAX_TITLE = 200\n\n/** Opens the window, carrying the screen it is opened on. */\nexport function openInquiryWriter(kind = 'QUESTION') {\n  const pageUrl = location.href\n  const handle: any = openPopup(\n    html`<inquiry-writer .kind=${kind} .pageUrl=${pageUrl} @close=${() => handle.close()}></inquiry-writer>`,\n    {\n      backdrop: true,\n      size: 'large',\n      title: t('inquiry.title.write')\n    }\n  )\n  return handle\n}\n\n@customElement('inquiry-writer')\nexport class InquiryWriter extends localize(i18next)(LitElement) {\n  /* The house shape of a popup (page-standard sections 7, 8): only the body scrolls, fields are labels above native\n     inputs, the one button row is `ox-popup-actions`. */\n  static styles = [\n    CommonPopupStyles,\n    PopupBodyStyles,\n    FormFieldStyles,\n    PopupFieldStyles,\n    css`\n      ox-input-select-buttons {\n        align-self: flex-start;\n      }\n      textarea {\n        min-height: 160px;\n        resize: vertical;\n      }\n      .note {\n        color: var(--ui-muted);\n        font-size: var(--ui-t-small, 11.5px);\n        word-break: break-all;\n      }\n      .files {\n        display: flex;\n        flex-wrap: wrap;\n        gap: var(--spacing-small, 4px);\n        align-items: center;\n        color: var(--ui-ink);\n      }\n      .file {\n        display: inline-flex;\n        align-items: center;\n        gap: 2px;\n      }\n      .file md-icon {\n        --md-icon-size: 14px;\n      }\n      .file button {\n        border: 0;\n        background: transparent;\n        box-shadow: none;\n        padding: 0;\n        cursor: pointer;\n        color: var(--ui-muted);\n      }\n      .check {\n        display: flex;\n        align-items: center;\n        gap: var(--spacing-small, 4px);\n        color: var(--ui-ink);\n      }\n      /* The field rule stretches its inputs to the row; a checkbox keeps its own size. */\n      .field .check input {\n        width: auto;\n        margin: 0;\n      }\n    `\n  ]\n\n  @property() kind = 'QUESTION'\n  @property() pageUrl = ''\n  @state() title = ''\n  @state() body = ''\n  @state() privately = false\n  @state() files: File[] = []\n  @state() sending = false\n  /* Set only while files go up - the picker shows its bar then. */\n  @state() progress?: number\n\n  render() {\n    const title = this.title.trim()\n    return html`\n      <div class=\"body\">\n        <div class=\"field\">\n          <ox-input-select-buttons\n            .value=${this.kind}\n            .options=${KINDS.map(code => ({ display: kindWord(code), value: code }))}\n            @change=${(e: CustomEvent) => e.detail && (this.kind = e.detail)}\n          ></ox-input-select-buttons>\n          <span>${t(`inquiry.text.kind-hint-${this.kind.toLowerCase()}`)}</span>\n        </div>\n        <label class=\"field\">\n          <span\n            >${t('inquiry.field.title')} ·\n            ${t('inquiry.text.title-limit', { count: this.title.length, max: MAX_TITLE })}</span\n          >\n          <input .value=${this.title} maxlength=${MAX_TITLE} @input=${(e: any) => (this.title = e.target.value)} />\n        </label>\n        <label class=\"field\">\n          <span>${t('inquiry.field.body')}</span>\n          <textarea\n            .value=${this.body}\n            placeholder=${t(`inquiry.text.body-placeholder-${this.kind.toLowerCase()}`)}\n            @input=${(e: any) => (this.body = e.target.value)}\n          ></textarea>\n        </label>\n        <div class=\"files\">\n          ${this.files.map(\n            (file, index) =>\n              html`<span class=\"file\"\n                ><md-icon>attach_file</md-icon>${file.name}<button\n                  aria-label=${t('inquiry.button.remove')}\n                  @click=${() => (this.files = this.files.filter((_, i) => i !== index))}\n                >\n                  <md-icon>close</md-icon>\n                </button></span\n              >`\n          )}\n          <ox-input-file\n            quiet\n            hide-filelist\n            multiple\n            icon=\"attach_file\"\n            .progress=${this.progress}\n            @change=${(e: CustomEvent) => this.pick(e)}\n          ></ox-input-file>\n        </div>\n        <div class=\"field\">\n          <label class=\"check\"\n            ><input\n              type=\"checkbox\"\n              .checked=${this.privately}\n              @change=${(e: any) => (this.privately = e.target.checked)}\n            />${t('inquiry.text.private-label')}</label\n          >\n          <span>${this.privately ? t('inquiry.text.private-hint') : t('inquiry.text.domain-hint')}</span>\n        </div>\n        ${this.pageUrl ? html`<div class=\"note\">${t('inquiry.text.page-hint', { page: this.pageUrl })}</div>` : nothing}\n      </div>\n      <ox-popup-actions>\n        <md-text-button slot=\"cancel\" @click=${() => this.dispatchEvent(new CustomEvent('close'))}\n          >${t('inquiry.button.cancel')}</md-text-button\n        >\n        <md-filled-button slot=\"confirm\" ?disabled=${!title || this.sending} @click=${() => this.send()}\n          >${t('inquiry.button.submit')}</md-filled-button\n        >\n      </ox-popup-actions>\n    `\n  }\n\n  private pick(e: CustomEvent) {\n    const picked = [...((e.detail as File[]) ?? [])]\n    /* The picker's own reset says `change` again, with nothing - that one is let go. */\n    if (!picked.length) return\n    ;(e.target as any).reset?.()\n    this.files = [...this.files, ...picked]\n  }\n\n  private async send() {\n    this.sending = true\n    try {\n      await inquiryApi.create(\n        {\n          kind: this.kind,\n          title: this.title.trim(),\n          body: this.body,\n          visibility: this.privately ? 'PRIVATE' : 'DOMAIN',\n          pageUrl: this.pageUrl\n        },\n        this.files,\n        fraction => (this.progress = fraction)\n      )\n      inquiriesChanged()\n      notify({ message: t('inquiry.text.sent') })\n      /* The writer stays on the screen they were on - the answer comes as a notice and on the menu's badge. */\n      this.dispatchEvent(new CustomEvent('close'))\n    } catch (error) {\n      notify({ level: 'error', message: reasonOf(error) })\n    } finally {\n      this.sending = false\n      this.progress = undefined\n    }\n  }\n}\n"]}

package/dist-client/index.d.ts

@@ -0,0 +1,2 @@
+export { generateInquiryBadge, refreshInquiryBadge } from './utils/inquiry-badge.js';
+export { openInquiryWriter } from './components/inquiry-writer.js';

package/dist-client/index.js

@@ -0,0 +1,3 @@
+export { generateInquiryBadge, refreshInquiryBadge } from './utils/inquiry-badge.js';
+export { openInquiryWriter } from './components/inquiry-writer.js';
+//# sourceMappingURL=index.js.map

package/dist-client/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../client/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAA;AACpF,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA","sourcesContent":["export { generateInquiryBadge, refreshInquiryBadge } from './utils/inquiry-badge.js'\nexport { openInquiryWriter } from './components/inquiry-writer.js'\n"]}

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

@@ -0,0 +1,2 @@
+export declare function startInquiryWatch(): Promise<void>;
+export declare function stopInquiryWatch(): void;

package/dist-client/inquiry-watch.js

@@ -0,0 +1,41 @@
+/*
+ * Keeps the menu badge up with inquiries while the application is open (ADR-0184 decision 8). The notice of an inquiry
+ * reaches the screen through notification's subscription; the count itself is asked of the server.
+ */
+import gql from 'graphql-tag';
+import { subscribe } from '@operato/graphql';
+import { refreshInquiryBadge } from './utils/inquiry-badge.js';
+window.addEventListener('inquiries-changed', () => refreshInquiryBadge());
+let subscription;
+let watching = false;
+export async function startInquiryWatch() {
+    if (watching)
+        return;
+    watching = true;
+    refreshInquiryBadge();
+    try {
+        subscription = await subscribe({
+            query: gql `
+          subscription {
+            notification(subjects: ["info"]) {
+              type
+            }
+          }
+        `
+        }, {
+            next({ data }) {
+                if (data?.notification?.type === 'inquiry')
+                    refreshInquiryBadge();
+            }
+        });
+    }
+    catch {
+        /* without the live line the badge comes at the next sign-in or the next change on a screen */
+    }
+}
+export function stopInquiryWatch() {
+    subscription?.unsubscribe();
+    subscription = undefined;
+    watching = false;
+}
+//# sourceMappingURL=inquiry-watch.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"inquiry-watch.js","sourceRoot":"","sources":["../client/inquiry-watch.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,GAAG,MAAM,aAAa,CAAA;AAE7B,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAE5C,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAA;AAE9D,MAAM,CAAC,gBAAgB,CAAC,mBAAmB,EAAE,GAAG,EAAE,CAAC,mBAAmB,EAAE,CAAC,CAAA;AACzE,IAAI,YAAiD,CAAA;AACrD,IAAI,QAAQ,GAAG,KAAK,CAAA;AAEpB,MAAM,CAAC,KAAK,UAAU,iBAAiB;IACrC,IAAI,QAAQ;QAAE,OAAM;IACpB,QAAQ,GAAG,IAAI,CAAA;IACf,mBAAmB,EAAE,CAAA;IACrB,IAAI,CAAC;QACH,YAAY,GAAG,MAAM,SAAS,CAC5B;YACE,KAAK,EAAE,GAAG,CAAA;;;;;;SAMT;SACF,EACD;YACE,IAAI,CAAC,EAAE,IAAI,EAAO;gBAChB,IAAI,IAAI,EAAE,YAAY,EAAE,IAAI,KAAK,SAAS;oBAAE,mBAAmB,EAAE,CAAA;YACnE,CAAC;SACF,CACF,CAAA;IACH,CAAC;IAAC,MAAM,CAAC;QACP,8FAA8F;IAChG,CAAC;AACH,CAAC;AAED,MAAM,UAAU,gBAAgB;IAC9B,YAAY,EAAE,WAAW,EAAE,CAAA;IAC3B,YAAY,GAAG,SAAS,CAAA;IACxB,QAAQ,GAAG,KAAK,CAAA;AAClB,CAAC","sourcesContent":["/*\n * Keeps the menu badge up with inquiries while the application is open (ADR-0184 decision 8). The notice of an inquiry\n * reaches the screen through notification's subscription; the count itself is asked of the server.\n */\nimport gql from 'graphql-tag'\n\nimport { subscribe } from '@operato/graphql'\n\nimport { refreshInquiryBadge } from './utils/inquiry-badge.js'\n\nwindow.addEventListener('inquiries-changed', () => refreshInquiryBadge())\nlet subscription: { unsubscribe(): void } | undefined\nlet watching = false\n\nexport async function startInquiryWatch(): Promise<void> {\n  if (watching) return\n  watching = true\n  refreshInquiryBadge()\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 === 'inquiry') refreshInquiryBadge()\n        }\n      }\n    )\n  } catch {\n    /* without the live line the badge comes at the next sign-in or the next change on a screen */\n  }\n}\n\nexport function stopInquiryWatch(): void {\n  subscription?.unsubscribe()\n  subscription = undefined\n  watching = false\n}\n"]}

package/dist-client/pages/inquiry-list.d.ts

@@ -0,0 +1,56 @@
+import '@material/web/icon/icon.js';
+import '@operato/data-grist/ox-grist.js';
+import '@operato/data-grist/ox-filters-form.js';
+import '@operato/input/ox-select.js';
+import '@operato/popup/ox-popup-list.js';
+import '../components/inquiry-thread.js';
+import { FetchOption } from '@operato/data-grist';
+import { PageView } from '@operato/shell';
+declare const InquiryList_base: (new (...args: any[]) => import("lit").LitElement) & typeof PageView;
+/**
+ * 문의 · 제안 — the questions, bug reports and proposals of the domain that the person may read, and with `?id=` one of
+ * them as its thread (ADR-0184 decision 8). Handlers work from here too: they open on those waiting on them.
+ */
+export declare class InquiryList extends InquiryList_base {
+    static styles: import("lit").CSSResult[];
+    gristConfig: any;
+    scope: string;
+    handler: boolean;
+    openId: string;
+    private grist;
+    private thread;
+    private onChanged;
+    get context(): {
+        actions: ({
+            title: string;
+            icon: string;
+            action: () => Promise<boolean>;
+            emphasis?: undefined;
+        } | {
+            title: string;
+            icon: string;
+            emphasis: {
+                raised: boolean;
+            };
+            action: () => any;
+        })[];
+        search?: {
+            handler: (search: string) => void;
+            value: string;
+        } | undefined;
+        filter?: {
+            handler: () => void;
+        } | undefined;
+        title: string;
+    };
+    render(): import("lit-html").TemplateResult<1>;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    pageUpdated(changes: any, lifecycle: any): Promise<void>;
+    pageInitialized(): Promise<void>;
+    fetchHandler({ page, limit, filters, search }: FetchOption): Promise<{
+        total: any;
+        records: any;
+    }>;
+}
+export {};

package/dist-client/pages/inquiry-list.js

@@ -0,0 +1,241 @@
+import { __decorate, __metadata } from "tslib";
+import '@material/web/icon/icon.js';
+import '@operato/data-grist/ox-grist.js';
+import '@operato/data-grist/ox-filters-form.js';
+import '@operato/input/ox-select.js';
+import '@operato/popup/ox-popup-list.js';
+import '../components/inquiry-thread.js';
+import gql from 'graphql-tag';
+import { css, html, nothing } from 'lit';
+import { customElement, query, state } from 'lit/decorators.js';
+import { DataGrist } from '@operato/data-grist';
+import { client } from '@operato/graphql';
+import { i18next, localize } from '@operato/i18n';
+import { navigate, PageView } from '@operato/shell';
+import { CommonGristStyles, CommonHeaderStyles, ScrollbarStyles, WorkSurfacePageStyles } from '@operato/styles';
+import { isMobileDevice } from '@operato/utils';
+import { openInquiryWriter } from '../components/inquiry-writer.js';
+import { inquiryApi, LIST_FIELDS } from '../utils/inquiry-api.js';
+import { KIND_ICONS, KINDS, kindWord, STATUSES, statusWord, t, visibilityWord, when } from '../utils/inquiry-words.js';
+/**
+ * 문의 · 제안 — the questions, bug reports and proposals of the domain that the person may read, and with `?id=` one of
+ * them as its thread (ADR-0184 decision 8). Handlers work from here too: they open on those waiting on them.
+ */
+let InquiryList = class InquiryList extends localize(i18next)(PageView) {
+    constructor() {
+        super(...arguments);
+        this.scope = 'all';
+        this.handler = false;
+        /* The inquiry shown as its thread - none shows the list. */
+        this.openId = '';
+        this.onChanged = () => {
+            if (this.openId)
+                return;
+            this.grist?.fetch();
+        };
+    }
+    static { this.styles = [
+        WorkSurfacePageStyles,
+        CommonGristStyles,
+        CommonHeaderStyles,
+        ScrollbarStyles,
+        css `
+      .filters {
+        display: flex;
+        flex-wrap: wrap;
+        align-items: center;
+        gap: var(--spacing-medium, 8px);
+      }
+      ox-select {
+        min-width: 140px;
+      }
+      .thread {
+        overflow: auto;
+        padding: var(--spacing-large, 12px) var(--spacing-huge, 16px);
+        max-width: 880px;
+        width: 100%;
+        box-sizing: border-box;
+      }
+    `
+    ]; }
+    get context() {
+        return {
+            title: t('inquiry.title.list'),
+            ...(this.openId
+                ? {}
+                : {
+                    search: {
+                        handler: (search) => {
+                            this.grist.searchText = search;
+                        },
+                        value: this.grist?.searchText || ''
+                    },
+                    filter: {
+                        handler: () => {
+                            this.grist.toggleHeadroom();
+                        }
+                    }
+                }),
+            actions: [
+                ...(this.openId ? [{ title: t('inquiry.button.back'), icon: 'arrow_back', action: () => navigate('inquiry-list') }] : []),
+                { title: t('inquiry.button.send'), icon: 'add', emphasis: { raised: true }, action: () => openInquiryWriter() }
+            ]
+        };
+    }
+    render() {
+        if (this.openId)
+            return html `<div class="thread"><inquiry-thread .inquiryId=${this.openId}></inquiry-thread></div>`;
+        const scopes = [
+            { value: 'all', display: t('inquiry.scope.all') },
+            { value: 'mine', display: t('inquiry.scope.mine') },
+            ...(this.handler ? [{ value: 'handlers-turn', display: t('inquiry.scope.handlers-turn') }] : [])
+        ];
+        return html `<ox-grist class="page-fill" search-mode="term" .mode=${isMobileDevice() ? 'CARD' : 'GRID'} .config=${this.gristConfig} .fetchHandler=${this.fetchHandler.bind(this)}>
+      <div slot="headroom" class="header">
+        <div class="filters">
+          <ox-select
+            .value=${this.scope}
+            aria-label=${t('inquiry.text.scope')}
+            @change=${(e) => {
+            const next = String(e.detail ?? 'all');
+            if (next === this.scope)
+                return;
+            this.scope = next;
+            this.grist.fetch();
+        }}
+          >
+            <span slot="label">${scopes.find(one => one.value === this.scope)?.display}</span>
+            <ox-popup-list align-left nowrap>${scopes.map(one => html `<div option value=${one.value}>${one.display}</div>`)}</ox-popup-list>
+          </ox-select>
+          <ox-filters-form without-search autofocus></ox-filters-form>
+        </div>
+      </div>
+    </ox-grist>`;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        window.addEventListener('inquiries-changed', this.onChanged);
+    }
+    disconnectedCallback() {
+        window.removeEventListener('inquiries-changed', this.onChanged);
+        super.disconnectedCallback();
+    }
+    async pageUpdated(changes, lifecycle) {
+        if (!this.active || !(changes.active || changes.params))
+            return;
+        const id = String(lifecycle?.params?.id ?? '');
+        if (id !== this.openId) {
+            this.openId = id;
+            this.updateContext();
+        }
+        else if (id)
+            this.thread?.load(true);
+        else if (this.gristConfig)
+            this.grist?.fetch();
+    }
+    async pageInitialized() {
+        try {
+            this.handler = (await inquiryApi.summary()).handler;
+            /* A handler opens on what waits on them. */
+            if (this.handler)
+                this.scope = 'handlers-turn';
+        }
+        catch {
+            this.handler = false;
+        }
+        const open = (record) => record?.id && navigate(`inquiry-list?id=${record.id}`);
+        this.gristConfig = {
+            rows: { appendable: false, selectable: false, handlers: { click: (_c, _d, _col, record) => open(record) } },
+            pagination: { limit: 50, pages: [50, 100] },
+            emptyNote: { title: t('inquiry.text.empty'), description: t('inquiry.text.empty-description') },
+            list: { fields: ['title', 'status'], details: ['kind', 'createdAt'] },
+            columns: [
+                {
+                    type: 'string',
+                    name: 'kind',
+                    header: t('inquiry.field.kind'),
+                    width: 110,
+                    record: {
+                        editable: false,
+                        renderer: (value) => html `<span style="display:inline-flex;align-items:center;gap:2px"><md-icon style="--md-icon-size:16px">${KIND_ICONS[value] ?? 'help'}</md-icon>${kindWord(value)}</span>`
+                    },
+                    filter: { type: 'select', operator: 'eq', options: [{ display: '', value: '' }, ...KINDS.map(code => ({ display: kindWord(code), value: code }))] }
+                },
+                {
+                    type: 'string',
+                    name: 'title',
+                    header: t('inquiry.field.title'),
+                    width: 320,
+                    record: {
+                        editable: false,
+                        renderer: (value, _c, record) => html `<span style=${record?.isNew ? 'font-weight:600' : ''}
+                >${record?.visibility === 'PRIVATE' ? html `<md-icon style="--md-icon-size:14px" title=${visibilityWord('PRIVATE')}>lock</md-icon> ` : nothing}${value}${record?.replyCount
+                            ? ` (${record.replyCount})`
+                            : ''}</span
+              >`
+                    }
+                },
+                {
+                    type: 'string',
+                    name: 'status',
+                    header: t('inquiry.field.status'),
+                    width: 100,
+                    record: {
+                        editable: false,
+                        renderer: (value, _c, record) => html `<span style=${record?.isNew ? 'color:var(--md-sys-color-primary);font-weight:600' : ''}>${statusWord(value)}${record?.isNew ? ` · ${t('inquiry.text.new')}` : ''}</span>`
+                    },
+                    filter: { type: 'select', operator: 'eq', options: [{ display: '', value: '' }, ...STATUSES.map(code => ({ display: statusWord(code), value: code }))] }
+                },
+                { type: 'string', name: 'creator', header: t('inquiry.field.writer'), width: 110, record: { editable: false, renderer: (value) => value?.name ?? '' } },
+                { type: 'string', name: 'assignee', header: t('inquiry.field.assignee'), width: 110, record: { editable: false, renderer: (value) => value?.name ?? '' } },
+                { type: 'string', name: 'createdAt', header: t('inquiry.field.created-at'), width: 130, record: { editable: false, renderer: (value) => when(value) } }
+            ]
+        };
+    }
+    async fetchHandler({ page = 1, limit = 50, filters = [], search }) {
+        const response = await client.query({
+            query: gql `
+        query ($filters: [Filter!], $pagination: Pagination, $search: String, $scope: String) {
+          responses: inquiries(filters: $filters, pagination: $pagination, search: $search, scope: $scope) {
+            items { ${LIST_FIELDS} }
+            total
+          }
+        }
+      `,
+            variables: { filters, pagination: { page, limit }, search: search?.trim() || undefined, scope: this.scope },
+            fetchPolicy: 'network-only'
+        });
+        if (response.errors?.length)
+            throw response;
+        return { total: response.data.responses.total, records: response.data.responses.items };
+    }
+};
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], InquiryList.prototype, "gristConfig", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], InquiryList.prototype, "scope", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], InquiryList.prototype, "handler", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], InquiryList.prototype, "openId", void 0);
+__decorate([
+    query('ox-grist'),
+    __metadata("design:type", DataGrist)
+], InquiryList.prototype, "grist", void 0);
+__decorate([
+    query('inquiry-thread'),
+    __metadata("design:type", Function)
+], InquiryList.prototype, "thread", void 0);
+InquiryList = __decorate([
+    customElement('inquiry-list')
+], InquiryList);
+export { InquiryList };
+//# sourceMappingURL=inquiry-list.js.map

package/dist-client/pages/inquiry-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inquiry-list.js","sourceRoot":"","sources":["../../client/pages/inquiry-list.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@operato/data-grist/ox-grist.js'\nimport '@operato/data-grist/ox-filters-form.js'\nimport '@operato/input/ox-select.js'\nimport '@operato/popup/ox-popup-list.js'\nimport '../components/inquiry-thread.js'\n\nimport gql from 'graphql-tag'\nimport { css, html, nothing } from 'lit'\nimport { customElement, query, state } from 'lit/decorators.js'\n\nimport { DataGrist, FetchOption } from '@operato/data-grist'\nimport { client } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { navigate, PageView } from '@operato/shell'\nimport { CommonGristStyles, CommonHeaderStyles, ScrollbarStyles, WorkSurfacePageStyles } from '@operato/styles'\nimport { isMobileDevice } from '@operato/utils'\n\nimport { openInquiryWriter } from '../components/inquiry-writer.js'\nimport type { InquiryThread } from '../components/inquiry-thread.js'\nimport { inquiryApi, LIST_FIELDS } from '../utils/inquiry-api.js'\nimport { KIND_ICONS, KINDS, kindWord, STATUSES, statusWord, t, visibilityWord, when } from '../utils/inquiry-words.js'\n\n/**\n * 문의 · 제안 — the questions, bug reports and proposals of the domain that the person may read, and with `?id=` one of\n * them as its thread (ADR-0184 decision 8). Handlers work from here too: they open on those waiting on them.\n */\n@customElement('inquiry-list')\nexport class InquiryList extends localize(i18next)(PageView) {\n  static styles = [\n    WorkSurfacePageStyles,\n    CommonGristStyles,\n    CommonHeaderStyles,\n    ScrollbarStyles,\n    css`\n      .filters {\n        display: flex;\n        flex-wrap: wrap;\n        align-items: center;\n        gap: var(--spacing-medium, 8px);\n      }\n      ox-select {\n        min-width: 140px;\n      }\n      .thread {\n        overflow: auto;\n        padding: var(--spacing-large, 12px) var(--spacing-huge, 16px);\n        max-width: 880px;\n        width: 100%;\n        box-sizing: border-box;\n      }\n    `\n  ]\n\n  @state() gristConfig: any\n  @state() scope = 'all'\n  @state() handler = false\n  /* The inquiry shown as its thread - none shows the list. */\n  @state() openId = ''\n  @query('ox-grist') private grist!: DataGrist\n  @query('inquiry-thread') private thread!: InquiryThread\n\n  private onChanged = () => {\n    if (this.openId) return\n    this.grist?.fetch()\n  }\n\n  get context() {\n    return {\n      title: t('inquiry.title.list'),\n      ...(this.openId\n        ? {}\n        : {\n            search: {\n              handler: (search: string) => {\n                this.grist.searchText = search\n              },\n              value: this.grist?.searchText || ''\n            },\n            filter: {\n              handler: () => {\n                this.grist.toggleHeadroom()\n              }\n            }\n          }),\n      actions: [\n        ...(this.openId ? [{ title: t('inquiry.button.back'), icon: 'arrow_back', action: () => navigate('inquiry-list') }] : []),\n        { title: t('inquiry.button.send'), icon: 'add', emphasis: { raised: true }, action: () => openInquiryWriter() }\n      ]\n    }\n  }\n\n  render() {\n    if (this.openId) return html`<div class=\"thread\"><inquiry-thread .inquiryId=${this.openId}></inquiry-thread></div>`\n    const scopes = [\n      { value: 'all', display: t('inquiry.scope.all') },\n      { value: 'mine', display: t('inquiry.scope.mine') },\n      ...(this.handler ? [{ value: 'handlers-turn', display: t('inquiry.scope.handlers-turn') }] : [])\n    ]\n    return html`<ox-grist class=\"page-fill\" search-mode=\"term\" .mode=${isMobileDevice() ? 'CARD' : 'GRID'} .config=${this.gristConfig} .fetchHandler=${this.fetchHandler.bind(this)}>\n      <div slot=\"headroom\" class=\"header\">\n        <div class=\"filters\">\n          <ox-select\n            .value=${this.scope}\n            aria-label=${t('inquiry.text.scope')}\n            @change=${(e: CustomEvent) => {\n              const next = String(e.detail ?? 'all')\n              if (next === this.scope) return\n              this.scope = next\n              this.grist.fetch()\n            }}\n          >\n            <span slot=\"label\">${scopes.find(one => one.value === this.scope)?.display}</span>\n            <ox-popup-list align-left nowrap>${scopes.map(one => html`<div option value=${one.value}>${one.display}</div>`)}</ox-popup-list>\n          </ox-select>\n          <ox-filters-form without-search autofocus></ox-filters-form>\n        </div>\n      </div>\n    </ox-grist>`\n  }\n\n  connectedCallback() {\n    super.connectedCallback()\n    window.addEventListener('inquiries-changed', this.onChanged)\n  }\n\n  disconnectedCallback() {\n    window.removeEventListener('inquiries-changed', this.onChanged)\n    super.disconnectedCallback()\n  }\n\n  async pageUpdated(changes: any, lifecycle: any) {\n    if (!this.active || !(changes.active || changes.params)) return\n    const id = String(lifecycle?.params?.id ?? '')\n    if (id !== this.openId) {\n      this.openId = id\n      this.updateContext()\n    } else if (id) this.thread?.load(true)\n    else if (this.gristConfig) this.grist?.fetch()\n  }\n\n  async pageInitialized() {\n    try {\n      this.handler = (await inquiryApi.summary()).handler\n      /* A handler opens on what waits on them. */\n      if (this.handler) this.scope = 'handlers-turn'\n    } catch {\n      this.handler = false\n    }\n    const open = (record: any) => record?.id && navigate(`inquiry-list?id=${record.id}`)\n    this.gristConfig = {\n      rows: { appendable: false, selectable: false, handlers: { click: (_c: any, _d: any, _col: any, record: any) => open(record) } },\n      pagination: { limit: 50, pages: [50, 100] },\n      emptyNote: { title: t('inquiry.text.empty'), description: t('inquiry.text.empty-description') },\n      list: { fields: ['title', 'status'], details: ['kind', 'createdAt'] },\n      columns: [\n        {\n          type: 'string',\n          name: 'kind',\n          header: t('inquiry.field.kind'),\n          width: 110,\n          record: {\n            editable: false,\n            renderer: (value: string) => html`<span style=\"display:inline-flex;align-items:center;gap:2px\"><md-icon style=\"--md-icon-size:16px\">${KIND_ICONS[value] ?? 'help'}</md-icon>${kindWord(value)}</span>`\n          },\n          filter: { type: 'select', operator: 'eq', options: [{ display: '', value: '' }, ...KINDS.map(code => ({ display: kindWord(code), value: code }))] }\n        },\n        {\n          type: 'string',\n          name: 'title',\n          header: t('inquiry.field.title'),\n          width: 320,\n          record: {\n            editable: false,\n            renderer: (value: string, _c: any, record: any) =>\n              html`<span style=${record?.isNew ? 'font-weight:600' : ''}\n                >${record?.visibility === 'PRIVATE' ? html`<md-icon style=\"--md-icon-size:14px\" title=${visibilityWord('PRIVATE')}>lock</md-icon> ` : nothing}${value}${record?.replyCount\n                  ? ` (${record.replyCount})`\n                  : ''}</span\n              >`\n          }\n        },\n        {\n          type: 'string',\n          name: 'status',\n          header: t('inquiry.field.status'),\n          width: 100,\n          record: {\n            editable: false,\n            renderer: (value: string, _c: any, record: any) =>\n              html`<span style=${record?.isNew ? 'color:var(--md-sys-color-primary);font-weight:600' : ''}>${statusWord(value)}${record?.isNew ? ` · ${t('inquiry.text.new')}` : ''}</span>`\n          },\n          filter: { type: 'select', operator: 'eq', options: [{ display: '', value: '' }, ...STATUSES.map(code => ({ display: statusWord(code), value: code }))] }\n        },\n        { type: 'string', name: 'creator', header: t('inquiry.field.writer'), width: 110, record: { editable: false, renderer: (value: any) => value?.name ?? '' } },\n        { type: 'string', name: 'assignee', header: t('inquiry.field.assignee'), width: 110, record: { editable: false, renderer: (value: any) => value?.name ?? '' } },\n        { type: 'string', name: 'createdAt', header: t('inquiry.field.created-at'), width: 130, record: { editable: false, renderer: (value: string) => when(value) } }\n      ]\n    }\n  }\n\n  async fetchHandler({ page = 1, limit = 50, filters = [], search }: FetchOption) {\n    const response = await client.query({\n      query: gql`\n        query ($filters: [Filter!], $pagination: Pagination, $search: String, $scope: String) {\n          responses: inquiries(filters: $filters, pagination: $pagination, search: $search, scope: $scope) {\n            items { ${LIST_FIELDS} }\n            total\n          }\n        }\n      `,\n      variables: { filters, pagination: { page, limit }, search: search?.trim() || undefined, scope: this.scope },\n      fetchPolicy: 'network-only'\n    })\n    if (response.errors?.length) throw response\n    return { total: response.data.responses.total, records: response.data.responses.items }\n  }\n}\n"]}

package/dist-client/route.d.ts

@@ -0,0 +1 @@
+export default function route(page: string): "inquiry-list" | undefined;

package/dist-client/route.js

@@ -0,0 +1,9 @@
+/* The page this module brings to an application that puts it in its menu (ADR-0184 decision 8). */
+export default function route(page) {
+    switch (page) {
+        case 'inquiry-list':
+            import('./pages/inquiry-list.js');
+            return page;
+    }
+}
+//# sourceMappingURL=route.js.map

package/dist-client/route.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"route.js","sourceRoot":"","sources":["../client/route.ts"],"names":[],"mappings":"AAAA,mGAAmG;AACnG,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,IAAY;IACxC,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,cAAc;YACjB,MAAM,CAAC,yBAAyB,CAAC,CAAA;YACjC,OAAO,IAAI,CAAA;IACf,CAAC;AACH,CAAC","sourcesContent":["/* The page this module brings to an application that puts it in its menu (ADR-0184 decision 8). */\nexport default function route(page: string) {\n  switch (page) {\n    case 'inquiry-list':\n      import('./pages/inquiry-list.js')\n      return page\n  }\n}\n"]}