npm - @things-factory/inquiry - Versions diffs - 10.1.259 → 10.1.260 - Mend

@things-factory/inquiry 10.1.259 → 10.1.260

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (9) hide show

package/dist-client/pages/inquiry-list.d.ts +0 -3
package/dist-client/pages/inquiry-list.js +30 -47
package/dist-client/pages/inquiry-list.js.map +1 -1
package/dist-client/tsconfig.tsbuildinfo +1 -1
package/dist-client/utils/inquiry-list-query.d.ts +15 -0
package/dist-client/utils/inquiry-list-query.js +19 -0
package/dist-client/utils/inquiry-list-query.js.map +1 -0
package/dist-server/tsconfig.tsbuildinfo +1 -1
package/package.json +9 -9

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

@@ -1,8 +1,6 @@
 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';
@@ -14,7 +12,6 @@ declare const InquiryList_base: (new (...args: any[]) => import("lit").LitElemen
 export declare class InquiryList extends InquiryList_base {
     static styles: import("lit").CSSResult[];
     gristConfig: any;
-    scope: string;
     handler: boolean;
     openId: string;
     private grist;

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

@@ -2,8 +2,6 @@ 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';
@@ -16,6 +14,7 @@ import { CommonGristStyles, CommonHeaderStyles, ScrollbarStyles, WorkSurfacePage
 import { isMobileDevice } from '@operato/utils';
 import { openInquiryWriter } from '../components/inquiry-writer.js';
 import { inquiryApi, LIST_FIELDS } from '../utils/inquiry-api.js';
+import { inquiryAddress, inquiryQueryOf } from '../utils/inquiry-list-query.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
@@ -24,7 +23,6 @@ import { KIND_ICONS, KINDS, kindWord, STATUSES, statusWord, t, visibilityWord, w
 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 = '';
@@ -40,15 +38,6 @@ let InquiryList = class InquiryList extends localize(i18next)(PageView) {
         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);
@@ -77,7 +66,7 @@ let InquiryList = class InquiryList extends localize(i18next)(PageView) {
                     }
                 }),
             actions: [
-                ...(this.openId ? [{ title: t('inquiry.button.back'), icon: 'arrow_back', action: () => navigate('inquiry-list') }] : []),
+                ...(this.openId ? [{ title: t('inquiry.button.back'), icon: 'arrow_back', action: () => navigate(inquiryAddress(location.search, '')) }] : []),
                 { title: t('inquiry.button.send'), icon: 'add', emphasis: { raised: true }, action: () => openInquiryWriter() }
             ]
         };
@@ -85,30 +74,13 @@ let InquiryList = class InquiryList extends localize(i18next)(PageView) {
     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)}>
+        /*
+         * Whose inquiries, the kind, the status, search and page are the grid's own, kept in the address
+         * (FOOTER-BUTTON-REVIEW G09): a shared link, coming back from a thread and reloading read the same list.
+         */
+        return html `<ox-grist class="page-fill" search-mode="term" .mode=${isMobileDevice() ? 'CARD' : 'GRID'} .config=${this.gristConfig} .fetchHandler=${this.fetchHandler.bind(this)} ?url-params-sensitive=${this.active}>
       <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 class="filters"><ox-filters-form without-search autofocus></ox-filters-form></div>
       </div>
     </ox-grist>`;
     }
@@ -124,30 +96,45 @@ let InquiryList = class InquiryList extends localize(i18next)(PageView) {
         if (!this.active || !(changes.active || changes.params))
             return;
         const id = String(lifecycle?.params?.id ?? '');
+        /* The list re-reads by its own address when it comes back; nothing to ask here. */
         if (id !== this.openId) {
             this.openId = id;
             this.updateContext();
         }
-        else if (!id && 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}`);
+        /* A thread keeps the list's address beside its `id`, so 「목록」 comes back to the same list. */
+        const open = (record) => record?.id && navigate(inquiryAddress(location.search, 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: [
+                /* Whose inquiries - the server's `scope`, a filter of its own on no column shown. A handler opens on what waits on them. */
+                {
+                    type: 'string',
+                    name: 'scope',
+                    header: t('inquiry.text.scope'),
+                    hidden: true,
+                    record: { editable: false },
+                    filter: {
+                        type: 'select',
+                        operator: 'eq',
+                        value: this.handler ? 'handlers-turn' : 'all',
+                        options: [
+                            { 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') }] : [])
+                        ]
+                    }
+                },
                 {
                     type: 'string',
                     name: 'kind',
@@ -200,7 +187,7 @@ let InquiryList = class InquiryList extends localize(i18next)(PageView) {
           }
         }
       `,
-            variables: { filters, pagination: { page, limit }, search: search?.trim() || undefined, scope: this.scope },
+            variables: { ...inquiryQueryOf(filters), pagination: { page, limit }, search: search?.trim() || undefined },
             fetchPolicy: 'network-only'
         });
         if (response.errors?.length)
@@ -212,10 +199,6 @@ __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)

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

	@@ -1 +1 @@
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 { 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\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.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: 170, 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"]}
1	+ {"version":3,"file":"inquiry-list.js","sourceRoot":"","sources":["../../client/pages/inquiry-list.ts"],"names":[],"mappings":";AAAA,OAAO,4BAA4B,CAAA;AACnC,OAAO,iCAAiC,CAAA;AACxC,OAAO,wCAAwC,CAAA;AAC/C,OAAO,iCAAiC,CAAA;AAExC,OAAO,GAAG,MAAM,aAAa,CAAA;AAC7B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAA;AACxC,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAE/D,OAAO,EAAE,SAAS,EAAe,MAAM,qBAAqB,CAAA;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACnD,OAAO,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAA;AAC/G,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAE/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAA;AACnE,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AACjE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AAC/E,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC,EAAE,cAAc,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAEtH;;;GAGG;AAEI,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,QAAQ,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC;IAArD;;QAkBI,YAAO,GAAG,KAAK,CAAA;QACxB,4DAA4D;QACnD,WAAM,GAAG,EAAE,CAAA;QAGZ,cAAS,GAAG,GAAG,EAAE;YACvB,IAAI,IAAI,CAAC,MAAM;gBAAE,OAAM;YACvB,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,CAAA;QACrB,CAAC,CAAA;IAyJH,CAAC;aAlLQ,WAAM,GAAG;QACd,qBAAqB;QACrB,iBAAiB;QACjB,kBAAkB;QAClB,eAAe;QACf,GAAG,CAAA;;;;;;;;KAQF;KACF,AAdY,CAcZ;IAaD,IAAI,OAAO;QACT,OAAO;YACL,KAAK,EAAE,CAAC,CAAC,oBAAoB,CAAC;YAC9B,GAAG,CAAC,IAAI,CAAC,MAAM;gBACb,CAAC,CAAC,EAAE;gBACJ,CAAC,CAAC;oBACE,MAAM,EAAE;wBACN,OAAO,EAAE,CAAC,MAAc,EAAE,EAAE;4BAC1B,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,MAAM,CAAA;wBAChC,CAAC;wBACD,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,UAAU,IAAI,EAAE;qBACpC;oBACD,MAAM,EAAE;wBACN,OAAO,EAAE,GAAG,EAAE;4BACZ,IAAI,CAAC,KAAK,CAAC,cAAc,EAAE,CAAA;wBAC7B,CAAC;qBACF;iBACF,CAAC;YACN,OAAO,EAAE;gBACP,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,qBAAqB,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,cAAc,CAAC,QAAQ,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;gBAC9I,EAAE,KAAK,EAAE,CAAC,CAAC,qBAAqB,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,iBAAiB,EAAE,EAAE;aAChH;SACF,CAAA;IACH,CAAC;IAED,MAAM;QACJ,IAAI,IAAI,CAAC,MAAM;YAAE,OAAO,IAAI,CAAA,kDAAkD,IAAI,CAAC,MAAM,0BAA0B,CAAA;QACnH;;;WAGG;QACH,OAAO,IAAI,CAAA,wDAAwD,cAAc,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,YAAY,IAAI,CAAC,WAAW,kBAAkB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,0BAA0B,IAAI,CAAC,MAAM;;;;gBAIxM,CAAA;IACd,CAAC;IAED,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAA;QACzB,MAAM,CAAC,gBAAgB,CAAC,mBAAmB,EAAE,IAAI,CAAC,SAAS,CAAC,CAAA;IAC9D,CAAC;IAED,oBAAoB;QAClB,MAAM,CAAC,mBAAmB,CAAC,mBAAmB,EAAE,IAAI,CAAC,SAAS,CAAC,CAAA;QAC/D,KAAK,CAAC,oBAAoB,EAAE,CAAA;IAC9B,CAAC;IAED,KAAK,CAAC,WAAW,CAAC,OAAY,EAAE,SAAc;QAC5C,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,CAAC,CAAC,OAAO,CAAC,MAAM,IAAI,OAAO,CAAC,MAAM,CAAC;YAAE,OAAM;QAC/D,MAAM,EAAE,GAAG,MAAM,CAAC,SAAS,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,CAAC,CAAA;QAC9C,mFAAmF;QACnF,IAAI,EAAE,KAAK,IAAI,CAAC,MAAM,EAAE,CAAC;YACvB,IAAI,CAAC,MAAM,GAAG,EAAE,CAAA;YAChB,IAAI,CAAC,aAAa,EAAE,CAAA;QACtB,CAAC;IACH,CAAC;IAED,KAAK,CAAC,eAAe;QACnB,IAAI,CAAC;YACH,IAAI,CAAC,OAAO,GAAG,CAAC,MAAM,UAAU,CAAC,OAAO,EAAE,CAAC,CAAC,OAAO,CAAA;QACrD,CAAC;QAAC,MAAM,CAAC;YACP,IAAI,CAAC,OAAO,GAAG,KAAK,CAAA;QACtB,CAAC;QACD,6FAA6F;QAC7F,MAAM,IAAI,GAAG,CAAC,MAAW,EAAE,EAAE,CAAC,MAAM,EAAE,EAAE,IAAI,QAAQ,CAAC,cAAc,CAAC,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,CAAC,CAAC,CAAA;QAChG,IAAI,CAAC,WAAW,GAAG;YACjB,IAAI,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,CAAC,EAAO,EAAE,EAAO,EAAE,IAAS,EAAE,MAAW,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,EAAE;YAC/H,UAAU,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,GAAG,CAAC,EAAE;YAC3C,SAAS,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,oBAAoB,CAAC,EAAE,WAAW,EAAE,CAAC,CAAC,gCAAgC,CAAC,EAAE;YAC/F,IAAI,EAAE,EAAE,MAAM,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC,MAAM,EAAE,WAAW,CAAC,EAAE;YACrE,OAAO,EAAE;gBACP,4HAA4H;gBAC5H;oBACE,IAAI,EAAE,QAAQ;oBACd,IAAI,EAAE,OAAO;oBACb,MAAM,EAAE,CAAC,CAAC,oBAAoB,CAAC;oBAC/B,MAAM,EAAE,IAAI;oBACZ,MAAM,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE;oBAC3B,MAAM,EAAE;wBACN,IAAI,EAAE,QAAQ;wBACd,QAAQ,EAAE,IAAI;wBACd,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,KAAK;wBAC7C,OAAO,EAAE;4BACP,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,CAAC,mBAAmB,CAAC,EAAE;4BACjD,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,CAAC,oBAAoB,CAAC,EAAE;4BACnD,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,eAAe,EAAE,OAAO,EAAE,CAAC,CAAC,6BAA6B,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;yBACjG;qBACF;iBACF;gBACD;oBACE,IAAI,EAAE,QAAQ;oBACd,IAAI,EAAE,MAAM;oBACZ,MAAM,EAAE,CAAC,CAAC,oBAAoB,CAAC;oBAC/B,KAAK,EAAE,GAAG;oBACV,MAAM,EAAE;wBACN,QAAQ,EAAE,KAAK;wBACf,QAAQ,EAAE,CAAC,KAAa,EAAE,EAAE,CAAC,IAAI,CAAA,qGAAqG,UAAU,CAAC,KAAK,CAAC,IAAI,MAAM,aAAa,QAAQ,CAAC,KAAK,CAAC,SAAS;qBACvM;oBACD,MAAM,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,GAAG,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,QAAQ,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE;iBACpJ;gBACD;oBACE,IAAI,EAAE,QAAQ;oBACd,IAAI,EAAE,OAAO;oBACb,MAAM,EAAE,CAAC,CAAC,qBAAqB,CAAC;oBAChC,KAAK,EAAE,GAAG;oBACV,MAAM,EAAE;wBACN,QAAQ,EAAE,KAAK;wBACf,QAAQ,EAAE,CAAC,KAAa,EAAE,EAAO,EAAE,MAAW,EAAE,EAAE,CAChD,IAAI,CAAA,eAAe,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE;mBACpD,MAAM,EAAE,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAA,8CAA8C,cAAc,CAAC,SAAS,CAAC,kBAAkB,CAAC,CAAC,CAAC,OAAO,GAAG,KAAK,GAAG,MAAM,EAAE,UAAU;4BACxK,CAAC,CAAC,KAAK,MAAM,CAAC,UAAU,GAAG;4BAC3B,CAAC,CAAC,EAAE;gBACN;qBACL;iBACF;gBACD;oBACE,IAAI,EAAE,QAAQ;oBACd,IAAI,EAAE,QAAQ;oBACd,MAAM,EAAE,CAAC,CAAC,sBAAsB,CAAC;oBACjC,KAAK,EAAE,GAAG;oBACV,MAAM,EAAE;wBACN,QAAQ,EAAE,KAAK;wBACf,QAAQ,EAAE,CAAC,KAAa,EAAE,EAAO,EAAE,MAAW,EAAE,EAAE,CAChD,IAAI,CAAA,eAAe,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,mDAAmD,CAAC,CAAC,CAAC,EAAE,IAAI,UAAU,CAAC,KAAK,CAAC,GAAG,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,kBAAkB,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,SAAS;qBACjL;oBACD,MAAM,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,GAAG,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,UAAU,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE;iBACzJ;gBACD,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,CAAC,CAAC,sBAAsB,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,KAAU,EAAE,EAAE,CAAC,KAAK,EAAE,IAAI,IAAI,EAAE,EAAE,EAAE;gBAC5J,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,EAAE,CAAC,CAAC,wBAAwB,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,KAAU,EAAE,EAAE,CAAC,KAAK,EAAE,IAAI,IAAI,EAAE,EAAE,EAAE;gBAC/J,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,CAAC,CAAC,0BAA0B,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,KAAa,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,EAAE;aAChK;SACF,CAAA;IACH,CAAC;IAED,KAAK,CAAC,YAAY,CAAC,EAAE,IAAI,GAAG,CAAC,EAAE,KAAK,GAAG,EAAE,EAAE,OAAO,GAAG,EAAE,EAAE,MAAM,EAAe;QAC5E,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;YAClC,KAAK,EAAE,GAAG,CAAA;;;sBAGM,WAAW;;;;OAI1B;YACD,SAAS,EAAE,EAAE,GAAG,cAAc,CAAC,OAAO,CAAC,EAAE,UAAU,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,SAAS,EAAE;YAC3G,WAAW,EAAE,cAAc;SAC5B,CAAC,CAAA;QACF,IAAI,QAAQ,CAAC,MAAM,EAAE,MAAM;YAAE,MAAM,QAAQ,CAAA;QAC3C,OAAO,EAAE,KAAK,EAAE,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAA;IACzF,CAAC;;AAjKQ;IAAR,KAAK,EAAE;;gDAAiB;AAChB;IAAR,KAAK,EAAE;;4CAAgB;AAEf;IAAR,KAAK,EAAE;;2CAAY;AACO;IAA1B,KAAK,CAAC,UAAU,CAAC;8BAAiB,SAAS;0CAAA;AArBjC,WAAW;IADvB,aAAa,CAAC,cAAc,CAAC;GACjB,WAAW,CAmLvB","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@operato/data-grist/ox-grist.js'\nimport '@operato/data-grist/ox-filters-form.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 { inquiryApi, LIST_FIELDS } from '../utils/inquiry-api.js'\nimport { inquiryAddress, inquiryQueryOf } from '../utils/inquiry-list-query.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 .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() handler = false\n / The inquiry shown as its thread - none shows the list. /\n @state() openId = ''\n @query('ox-grist') private grist!: DataGrist\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(inquiryAddress(location.search, '')) }] : []),\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 /\n * Whose inquiries, the kind, the status, search and page are the grid's own, kept in the address\n * (FOOTER-BUTTON-REVIEW G09): a shared link, coming back from a thread and reloading read the same list.\n /\n return html`<ox-grist class=\"page-fill\" search-mode=\"term\" .mode=${isMobileDevice() ? 'CARD' : 'GRID'} .config=${this.gristConfig} .fetchHandler=${this.fetchHandler.bind(this)} ?url-params-sensitive=${this.active}>\n <div slot=\"headroom\" class=\"header\">\n <div class=\"filters\"><ox-filters-form without-search autofocus></ox-filters-form></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 / The list re-reads by its own address when it comes back; nothing to ask here. /\n if (id !== this.openId) {\n this.openId = id\n this.updateContext()\n }\n }\n\n async pageInitialized() {\n try {\n this.handler = (await inquiryApi.summary()).handler\n } catch {\n this.handler = false\n }\n / A thread keeps the list's address beside its `id`, so 「목록」 comes back to the same list. /\n const open = (record: any) => record?.id && navigate(inquiryAddress(location.search, 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 / Whose inquiries - the server's `scope`, a filter of its own on no column shown. A handler opens on what waits on them. */\n {\n type: 'string',\n name: 'scope',\n header: t('inquiry.text.scope'),\n hidden: true,\n record: { editable: false },\n filter: {\n type: 'select',\n operator: 'eq',\n value: this.handler ? 'handlers-turn' : 'all',\n options: [\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 }\n },\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: 170, 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: { ...inquiryQueryOf(filters), pagination: { page, limit }, search: search?.trim() \|\| undefined },\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"]}