npm - @things-factory/inquiry - Versions diffs - 10.1.256 → 10.1.257 - Mend

@things-factory/inquiry 10.1.256 → 10.1.257

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 (17) hide show

package/dist-client/components/inquiry-thread.d.ts +8 -6
package/dist-client/components/inquiry-thread.js +47 -55
package/dist-client/components/inquiry-thread.js.map +1 -1
package/dist-client/components/inquiry-writer.d.ts +2 -1
package/dist-client/components/inquiry-writer.js +25 -23
package/dist-client/components/inquiry-writer.js.map +1 -1
package/dist-client/pages/inquiry-list.d.ts +0 -1
package/dist-client/pages/inquiry-list.js +1 -7
package/dist-client/pages/inquiry-list.js.map +1 -1
package/dist-client/tsconfig.tsbuildinfo +1 -1
package/dist-client/utils/inquiry-api.d.ts +0 -13
package/dist-client/utils/inquiry-api.js +4 -12
package/dist-client/utils/inquiry-api.js.map +1 -1
package/dist-client/utils/inquiry-words.d.ts +0 -2
package/dist-client/utils/inquiry-words.js +0 -2
package/dist-client/utils/inquiry-words.js.map +1 -1
package/package.json +10 -10

package/dist-client/components/inquiry-thread.d.ts CHANGED Viewed

@@ -4,19 +4,21 @@ import '@material/web/button/outlined-button.js';
 import '@material/web/button/text-button.js';
 import '@operato/input/ox-input-file.js';
 import { LitElement, nothing } from 'lit';
-import { type InquiryItem } from '../utils/inquiry-api.js';
 declare const InquiryThread_base: (new (...args: any[]) => LitElement) & typeof LitElement;
 export declare class InquiryThread extends InquiryThread_base {
     static styles: import("lit").CSSResult[];
     inquiryId: string;
-    one: InquiryItem | null;
-    missing: boolean;
     text: string;
     files: File[];
-    busy: boolean;
     progress?: number;
-    updated(changes: Map<string, unknown>): void;
-    load(opened?: boolean): Promise<void>;
+    private inquiry;
+    private saves;
+    private seen;
+    private change;
+    private get one();
+    private get busy();
+    private seenFor?;
+    updated(): Promise<void>;
     render(): import("lit-html").TemplateResult<1> | typeof nothing;
     private renderFiles;
     private renderBox;

package/dist-client/components/inquiry-thread.js CHANGED Viewed

@@ -8,24 +8,38 @@ import '@material/web/button/filled-button.js';
 import '@material/web/button/outlined-button.js';
 import '@material/web/button/text-button.js';
 import '@operato/input/ox-input-file.js';
+import gql from 'graphql-tag';
 import { css, html, LitElement, nothing } from 'lit';
 import { customElement, property, state } from 'lit/decorators.js';
+import { MutationController, QueryController, uploadContext } from '@operato/graphql';
 import { i18next, localize } from '@operato/i18n';
-import { notify } from '@operato/layout';
 import { ButtonStyles, FormFieldStyles } from '@operato/styles';
-import { inquiriesChanged, inquiryApi } from '../utils/inquiry-api.js';
-import { KIND_ICONS, kindWord, reasonOf, statusWord, t, visibilityWord, when } from '../utils/inquiry-words.js';
+import { FULL_FIELDS, inquiriesChanged } from '../utils/inquiry-api.js';
+import { KIND_ICONS, kindWord, statusWord, t, visibilityWord, when } from '../utils/inquiry-words.js';
 /** The words of a move button - a move to CLOSED by its writer and by a handler read the same. */
 const moveWord = (status) => t(`inquiry.move.${status}`, { defaultValue: statusWord(status) });
 let InquiryThread = class InquiryThread extends localize(i18next)(LitElement) {
     constructor() {
         super(...arguments);
         this.inquiryId = '';
-        this.one = null;
-        this.missing = false;
         this.text = '';
         this.files = [];
-        this.busy = false;
+        /* The inquiry and its replies, read for the one shown (ADR-0190). */
+        this.inquiry = new QueryController(this, gql `query ($id: String!) { inquiry(id: $id) { ${FULL_FIELDS} } }`, {
+            variables: () => (this.inquiryId ? { id: this.inquiryId } : undefined)
+        });
+        /* Every move on it reads it again once it is done. */
+        this.saves = {
+            reply: this.change(gql `
+      mutation ($id: String!, $body: String, $answer: Boolean, $attachments: [Upload!]) {
+        replyInquiry(id: $id, body: $body, answer: $answer, attachments: $attachments) { id }
+      }
+    `),
+            move: this.change(gql `mutation ($id: String!, $status: String!, $reason: String) { moveInquiry(id: $id, status: $status, reason: $reason) { id } }`),
+            take: this.change(gql `mutation ($id: String!) { takeInquiry(id: $id) { id } }`)
+        };
+        /* Its writer reading the handlers' words - the badge counts again. */
+        this.seen = new MutationController(this, gql `mutation ($id: String!) { readInquiry(id: $id) { id } }`);
     }
     static { this.styles = [
         FormFieldStyles,
@@ -149,28 +163,25 @@ let InquiryThread = class InquiryThread extends localize(i18next)(LitElement) {
       }
     `
     ]; }
-    updated(changes) {
-        if (changes.has('inquiryId'))
-            this.load(true);
+    change(mutation) {
+        return new MutationController(this, mutation, { refetch: () => [this.inquiry] });
+    }
+    get one() {
+        return this.inquiry.data?.inquiry ?? null;
+    }
+    get busy() {
+        return Object.values(this.saves).some(save => save.pending);
     }
-    async load(opened = false) {
-        if (!this.inquiryId)
+    async updated() {
+        const one = this.one;
+        if (!one?.mine || !one.isNew || this.seenFor === this.inquiry.data)
             return;
-        try {
-            this.one = await inquiryApi.one(this.inquiryId);
-            this.missing = !this.one;
-            /* Its writer opening it reads the handlers' words - the badge counts again. */
-            if (opened && this.one?.mine && this.one.isNew) {
-                await inquiryApi.read(this.one.id);
-                inquiriesChanged();
-            }
-        }
-        catch (error) {
-            notify({ level: 'error', message: reasonOf(error) });
-        }
+        this.seenFor = this.inquiry.data;
+        if (await this.seen.run({ id: one.id }))
+            inquiriesChanged();
     }
     render() {
-        if (this.missing)
+        if (this.inquiry.data && !this.one)
             return html `<p class="hint">${t('inquiry.text.not-found')}</p>`;
         const one = this.one;
         if (!one)
@@ -225,7 +236,7 @@ let InquiryThread = class InquiryThread extends localize(i18next)(LitElement) {
         ${this.files.map(file => html `<span class="hint">${file.name}</span>`)}
         <ox-input-file quiet hide-filelist multiple icon="attach_file" .progress=${this.progress} @change=${(e) => this.pick(e)}></ox-input-file>
         <span class="spacer"></span>
-        ${one.asHandler && !one.assignee ? html `<md-text-button ?disabled=${this.busy} @click=${() => this.act(() => inquiryApi.take(one.id))}>${t('inquiry.button.take')}</md-text-button>` : nothing}
+        ${one.asHandler && !one.assignee ? html `<md-text-button ?disabled=${this.busy} @click=${() => this.act(this.saves.take, { id: one.id })}>${t('inquiry.button.take')}</md-text-button>` : nothing}
         ${one.asHandler
             ? handlerMoves.map(status => html `<md-text-button ?disabled=${this.busy} @click=${() => this.move(one, status)}>${moveWord(status)}</md-text-button>`)
             : nothing}
@@ -243,43 +254,28 @@ let InquiryThread = class InquiryThread extends localize(i18next)(LitElement) {
         e.target.reset?.();
         this.files = [...this.files, ...picked];
     }
-    async act(work) {
-        this.busy = true;
-        try {
-            await work();
-            this.text = '';
-            this.files = [];
-            inquiriesChanged();
-            await this.load();
-        }
-        catch (error) {
-            notify({ level: 'error', message: reasonOf(error) });
-        }
-        finally {
-            this.busy = false;
-            this.progress = undefined;
-        }
+    async act(save, variables, context) {
+        const done = await save.run(variables, { context });
+        this.progress = undefined;
+        if (!done)
+            return;
+        this.text = '';
+        this.files = [];
+        inquiriesChanged();
     }
     reply(one, asAnswer) {
-        return this.act(() => inquiryApi.reply(one.id, this.text.trim(), asAnswer, this.files, fraction => (this.progress = fraction)));
+        const files = this.files;
+        return this.act(this.saves.reply, { id: one.id, body: this.text.trim(), answer: asAnswer, attachments: files.length ? files : null }, files.length ? uploadContext(fraction => (this.progress = fraction)) : undefined);
     }
     /* What is written in the box goes with the move as its reason. */
     move(one, status) {
-        return this.act(() => inquiryApi.move(one.id, status, this.text.trim() || undefined));
+        return this.act(this.saves.move, { id: one.id, status, reason: this.text.trim() || undefined });
     }
 };
 __decorate([
     property(),
     __metadata("design:type", Object)
 ], InquiryThread.prototype, "inquiryId", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], InquiryThread.prototype, "one", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], InquiryThread.prototype, "missing", void 0);
 __decorate([
     state(),
     __metadata("design:type", Object)
@@ -288,10 +284,6 @@ __decorate([
     state(),
     __metadata("design:type", Array)
 ], InquiryThread.prototype, "files", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], InquiryThread.prototype, "busy", void 0);
 __decorate([
     state(),
     __metadata("design:type", Number)

package/dist-client/components/inquiry-thread.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"inquiry-thread.js","sourceRoot":"","sources":["../../client/components/inquiry-thread.ts"],"names":[],"mappings":"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","sourcesContent":["/\n One inquiry as its thread (ADR-0184 decisions 2-4): what was asked, from which screen and application, the files, and\n * the replies between its writer and the handlers. Below it, the reply box and the moves the person may make.\n /\nimport '@material/web/icon/icon.js'\nimport '@material/web/button/filled-button.js'\nimport '@material/web/button/outlined-button.js'\nimport '@material/web/button/text-button.js'\nimport '@operato/input/ox-input-file.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 { ButtonStyles, FormFieldStyles } from '@operato/styles'\n\nimport { inquiriesChanged, inquiryApi, type FileRow, type InquiryItem } from '../utils/inquiry-api.js'\nimport { KIND_ICONS, kindWord, reasonOf, statusWord, t, visibilityWord, when } from '../utils/inquiry-words.js'\n\n/* The words of a move button - a move to CLOSED by its writer and by a handler read the same. /\nconst moveWord = (status: string) => t(`inquiry.move.${status}`, { defaultValue: statusWord(status) })\n\n@customElement('inquiry-thread')\nexport class InquiryThread extends localize(i18next)(LitElement) {\n static styles = [\n FormFieldStyles,\n ButtonStyles,\n css`\n :host {\n display: flex;\n flex-direction: column;\n gap: var(--spacing-medium, 8px);\n color: var(--md-sys-color-on-surface);\n }\n h2 {\n margin: 0;\n font-size: var(--ui-t-title, 16px);\n }\n .meta {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: var(--spacing-small, 4px) var(--spacing-medium, 8px);\n font-size: var(--ui-t-small, 12px);\n color: var(--ui-muted, var(--md-sys-color-on-surface-variant));\n }\n .chip {\n display: inline-flex;\n align-items: center;\n gap: 2px;\n padding: 0 var(--spacing-small, 4px);\n border-radius: var(--border-radius, 4px);\n border: 1px solid var(--ui-line-soft, var(--md-sys-color-outline-variant));\n line-height: 1.6;\n }\n .chip md-icon {\n --md-icon-size: 14px;\n }\n .chip.status {\n color: var(--md-sys-color-primary);\n border-color: currentColor;\n }\n .text {\n white-space: pre-wrap;\n word-break: break-word;\n line-height: 1.6;\n }\n .context {\n font-size: var(--ui-t-small, 12px);\n color: var(--ui-muted, var(--md-sys-color-on-surface-variant));\n word-break: break-all;\n }\n .context a {\n color: inherit;\n }\n ul.files {\n margin: 0;\n padding: 0;\n list-style: none;\n display: flex;\n flex-wrap: wrap;\n gap: var(--spacing-small, 4px) var(--spacing-medium, 8px);\n font-size: var(--ui-t-small, 12px);\n }\n ul.files a {\n display: inline-flex;\n align-items: center;\n gap: 2px;\n color: var(--md-sys-color-primary);\n }\n ul.files md-icon {\n --md-icon-size: 14px;\n }\n ol.replies {\n margin: 0;\n padding: 0;\n list-style: none;\n display: flex;\n flex-direction: column;\n gap: var(--spacing-medium, 8px);\n }\n ol.replies li {\n padding: var(--spacing-medium, 8px) var(--spacing-large, 12px);\n border-radius: var(--border-radius, 4px);\n border: 1px solid var(--ui-line-soft, var(--md-sys-color-outline-variant));\n display: flex;\n flex-direction: column;\n gap: 4px;\n }\n ol.replies li.handler {\n background: var(--ui-panel-2, var(--md-sys-color-surface-container));\n }\n ol.replies li.answer {\n border-color: var(--md-sys-color-primary);\n }\n .move {\n font-size: var(--ui-t-small, 12px);\n color: var(--md-sys-color-primary);\n font-weight: 600;\n }\n .box {\n display: flex;\n flex-direction: column;\n gap: var(--spacing-small, 4px);\n }\n textarea {\n min-height: 96px;\n font-family: inherit;\n box-sizing: border-box;\n width: 100%;\n }\n .hint {\n font-size: var(--ui-t-small, 12px);\n color: var(--ui-muted, var(--md-sys-color-on-surface-variant));\n }\n .row {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: var(--spacing-small, 4px) var(--spacing-medium, 8px);\n }\n .row .spacer {\n flex: 1;\n }\n `\n ]\n\n @property() inquiryId = ''\n @state() one: InquiryItem \| null = null\n @state() missing = false\n @state() text = ''\n @state() files: File[] = []\n @state() busy = false\n / Set only while files go up - the picker shows its bar then. /\n @state() progress?: number\n\n updated(changes: Map<string, unknown>) {\n if (changes.has('inquiryId')) this.load(true)\n }\n\n async load(opened = false) {\n if (!this.inquiryId) return\n try {\n this.one = await inquiryApi.one(this.inquiryId)\n this.missing = !this.one\n / Its writer opening it reads the handlers' words - the badge counts again. /\n if (opened && this.one?.mine && this.one.isNew) {\n await inquiryApi.read(this.one.id)\n inquiriesChanged()\n }\n } catch (error) {\n notify({ level: 'error', message: reasonOf(error) })\n }\n }\n\n render() {\n if (this.missing) return html`<p class=\"hint\">${t('inquiry.text.not-found')}</p>`\n const one = this.one\n if (!one) return nothing\n const replies = one.replies ?? []\n const handlerMoves = (one.moves ?? []).filter(status => status !== 'CLOSED')\n return html`\n <div class=\"meta\">\n <span class=\"chip\"><md-icon>${KIND_ICONS[one.kind] ?? 'help'}</md-icon>${kindWord(one.kind)}</span>\n <span class=\"chip status\">${statusWord(one.status)}</span>\n ${one.visibility === 'PRIVATE' ? html`<span class=\"chip\"><md-icon>lock</md-icon>${visibilityWord(one.visibility)}</span>` : nothing}\n <span>${one.creator?.name ?? ''} · ${when(one.createdAt)}</span>\n ${one.assignee ? html`<span>${t('inquiry.text.assignee', { name: one.assignee.name ?? '' })}</span>` : nothing}\n </div>\n <h2>${one.title}</h2>\n ${one.body ? html`<div class=\"text\">${one.body}</div>` : nothing} ${this.renderFiles(one.attachments)}\n <div class=\"context\">\n ${one.pageUrl ? html`<div>${t('inquiry.field.page')}: ${/^https?:\\/\\//i.test(one.pageUrl) ? html`<a href=${one.pageUrl} target=\"_blank\" rel=\"noopener\">${one.pageUrl}</a>` : one.pageUrl}</div>` : nothing}\n ${one.appName ? html`<div>${t('inquiry.field.app')}: ${one.appName}${one.appVersion ? ` ${one.appVersion}` : ''}</div>` : nothing}\n </div>\n\n ${replies.length\n ? html`<ol class=\"replies\">\n ${replies.map(\n reply => html`<li class=${[reply.byHandler ? 'handler' : '', reply.answer ? 'answer' : ''].join(' ')}>\n <div class=\"meta\">\n <span>${reply.creator?.name ?? ''}</span>\n ${reply.byHandler ? html`<span class=\"chip\">${t('inquiry.text.handler')}</span>` : nothing}\n ${reply.answer ? html`<span class=\"chip status\"><md-icon>check</md-icon>${t('inquiry.text.answer')}</span>` : nothing}\n <span>${when(reply.createdAt)}</span>\n </div>\n ${reply.status && !reply.answer ? html`<span class=\"move\">${t('inquiry.text.moved', { status: statusWord(reply.status) })}</span>` : nothing}\n ${reply.body ? html`<div class=\"text\">${reply.body}</div>` : nothing} ${this.renderFiles(reply.attachments)}\n </li>`\n )}\n </ol>`\n : nothing}\n ${one.canReply ? this.renderBox(one, handlerMoves) : one.status === 'CLOSED' ? html`<p class=\"hint\">${t('inquiry.text.closed-note')}</p>` : nothing}\n `\n }\n\n private renderFiles(files?: FileRow[]) {\n if (!files?.length) return nothing\n return html`<ul class=\"files\">\n ${files.map(file => html`<li><a href=${file.fullpath} target=\"_blank\" rel=\"noopener\" download=${file.name}><md-icon>attach_file</md-icon>${file.name}</a></li>`)}\n </ul>`\n }\n\n private renderBox(one: InquiryItem, handlerMoves: string[]) {\n const said = !!this.text.trim() \|\| this.files.length > 0\n const canClose = (one.moves ?? []).includes('CLOSED')\n return html`<div class=\"box\">\n <textarea .value=${this.text} placeholder=${t(one.asHandler ? 'inquiry.text.reply-placeholder-handler' : 'inquiry.text.reply-placeholder')} @input=${(e: any) => (this.text = e.target.value)}></textarea>\n <div class=\"row\">\n ${this.files.map(file => html`<span class=\"hint\">${file.name}</span>`)}\n <ox-input-file quiet hide-filelist multiple icon=\"attach_file\" .progress=${this.progress} @change=${(e: CustomEvent) => this.pick(e)}></ox-input-file>\n <span class=\"spacer\"></span>\n ${one.asHandler && !one.assignee ? html`<md-text-button ?disabled=${this.busy} @click=${() => this.act(() => inquiryApi.take(one.id))}>${t('inquiry.button.take')}</md-text-button>` : nothing}\n ${one.asHandler\n ? handlerMoves.map(status => html`<md-text-button ?disabled=${this.busy} @click=${() => this.move(one, status)}>${moveWord(status)}</md-text-button>`)\n : nothing}\n ${canClose ? html`<md-text-button ?disabled=${this.busy} @click=${() => this.move(one, 'CLOSED')}>${moveWord('CLOSED')}</md-text-button>` : nothing}\n <md-outlined-button ?disabled=${!said \|\| this.busy} @click=${() => this.reply(one, false)}>${t('inquiry.button.reply')}</md-outlined-button>\n ${one.asHandler ? html`<md-filled-button ?disabled=${!said \|\| this.busy} @click=${() => this.reply(one, true)}>${t('inquiry.button.answer')}</md-filled-button>` : nothing}\n </div>\n <span class=\"hint\">${t('inquiry.text.move-hint')}</span>\n </div>`\n }\n\n private pick(e: CustomEvent) {\n const picked = [...((e.detail as File[]) ?? [])]\n if (!picked.length) return\n ;(e.target as any).reset?.()\n this.files = [...this.files, ...picked]\n }\n\n private async act(work: () => Promise<unknown>) {\n this.busy = true\n try {\n await work()\n this.text = ''\n this.files = []\n inquiriesChanged()\n await this.load()\n } catch (error) {\n notify({ level: 'error', message: reasonOf(error) })\n } finally {\n this.busy = false\n this.progress = undefined\n }\n }\n\n private reply(one: InquiryItem, asAnswer: boolean) {\n return this.act(() => inquiryApi.reply(one.id, this.text.trim(), asAnswer, this.files, fraction => (this.progress = fraction)))\n }\n\n / What is written in the box goes with the move as its reason. */\n private move(one: InquiryItem, status: string) {\n return this.act(() => inquiryApi.move(one.id, status, this.text.trim() \|\| undefined))\n }\n}\n"]}
1	+ {"version":3,"file":"inquiry-thread.js","sourceRoot":"","sources":["../../client/components/inquiry-thread.ts"],"names":[],"mappings":"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","sourcesContent":["/\n One inquiry as its thread (ADR-0184 decisions 2-4): what was asked, from which screen and application, the files, and\n * the replies between its writer and the handlers. Below it, the reply box and the moves the person may make.\n /\nimport '@material/web/icon/icon.js'\nimport '@material/web/button/filled-button.js'\nimport '@material/web/button/outlined-button.js'\nimport '@material/web/button/text-button.js'\nimport '@operato/input/ox-input-file.js'\n\nimport gql from 'graphql-tag'\nimport { css, html, LitElement, nothing } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport { MutationController, QueryController, uploadContext } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { ButtonStyles, FormFieldStyles } from '@operato/styles'\n\nimport { FULL_FIELDS, inquiriesChanged, type FileRow, type InquiryItem } from '../utils/inquiry-api.js'\nimport { KIND_ICONS, kindWord, statusWord, t, visibilityWord, when } from '../utils/inquiry-words.js'\n\n/* The words of a move button - a move to CLOSED by its writer and by a handler read the same. /\nconst moveWord = (status: string) => t(`inquiry.move.${status}`, { defaultValue: statusWord(status) })\n\n@customElement('inquiry-thread')\nexport class InquiryThread extends localize(i18next)(LitElement) {\n static styles = [\n FormFieldStyles,\n ButtonStyles,\n css`\n :host {\n display: flex;\n flex-direction: column;\n gap: var(--spacing-medium, 8px);\n color: var(--md-sys-color-on-surface);\n }\n h2 {\n margin: 0;\n font-size: var(--ui-t-title, 16px);\n }\n .meta {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: var(--spacing-small, 4px) var(--spacing-medium, 8px);\n font-size: var(--ui-t-small, 12px);\n color: var(--ui-muted, var(--md-sys-color-on-surface-variant));\n }\n .chip {\n display: inline-flex;\n align-items: center;\n gap: 2px;\n padding: 0 var(--spacing-small, 4px);\n border-radius: var(--border-radius, 4px);\n border: 1px solid var(--ui-line-soft, var(--md-sys-color-outline-variant));\n line-height: 1.6;\n }\n .chip md-icon {\n --md-icon-size: 14px;\n }\n .chip.status {\n color: var(--md-sys-color-primary);\n border-color: currentColor;\n }\n .text {\n white-space: pre-wrap;\n word-break: break-word;\n line-height: 1.6;\n }\n .context {\n font-size: var(--ui-t-small, 12px);\n color: var(--ui-muted, var(--md-sys-color-on-surface-variant));\n word-break: break-all;\n }\n .context a {\n color: inherit;\n }\n ul.files {\n margin: 0;\n padding: 0;\n list-style: none;\n display: flex;\n flex-wrap: wrap;\n gap: var(--spacing-small, 4px) var(--spacing-medium, 8px);\n font-size: var(--ui-t-small, 12px);\n }\n ul.files a {\n display: inline-flex;\n align-items: center;\n gap: 2px;\n color: var(--md-sys-color-primary);\n }\n ul.files md-icon {\n --md-icon-size: 14px;\n }\n ol.replies {\n margin: 0;\n padding: 0;\n list-style: none;\n display: flex;\n flex-direction: column;\n gap: var(--spacing-medium, 8px);\n }\n ol.replies li {\n padding: var(--spacing-medium, 8px) var(--spacing-large, 12px);\n border-radius: var(--border-radius, 4px);\n border: 1px solid var(--ui-line-soft, var(--md-sys-color-outline-variant));\n display: flex;\n flex-direction: column;\n gap: 4px;\n }\n ol.replies li.handler {\n background: var(--ui-panel-2, var(--md-sys-color-surface-container));\n }\n ol.replies li.answer {\n border-color: var(--md-sys-color-primary);\n }\n .move {\n font-size: var(--ui-t-small, 12px);\n color: var(--md-sys-color-primary);\n font-weight: 600;\n }\n .box {\n display: flex;\n flex-direction: column;\n gap: var(--spacing-small, 4px);\n }\n textarea {\n min-height: 96px;\n font-family: inherit;\n box-sizing: border-box;\n width: 100%;\n }\n .hint {\n font-size: var(--ui-t-small, 12px);\n color: var(--ui-muted, var(--md-sys-color-on-surface-variant));\n }\n .row {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: var(--spacing-small, 4px) var(--spacing-medium, 8px);\n }\n .row .spacer {\n flex: 1;\n }\n `\n ]\n\n @property() inquiryId = ''\n @state() text = ''\n @state() files: File[] = []\n / Set only while files go up - the picker shows its bar then. /\n @state() progress?: number\n\n / The inquiry and its replies, read for the one shown (ADR-0190). /\n private inquiry = new QueryController(this, gql`query ($id: String!) { inquiry(id: $id) { ${FULL_FIELDS} } }`, {\n variables: () => (this.inquiryId ? { id: this.inquiryId } : undefined)\n })\n\n / Every move on it reads it again once it is done. /\n private saves = {\n reply: this.change(gql`\n mutation ($id: String!, $body: String, $answer: Boolean, $attachments: [Upload!]) {\n replyInquiry(id: $id, body: $body, answer: $answer, attachments: $attachments) { id }\n }\n `),\n move: this.change(gql`mutation ($id: String!, $status: String!, $reason: String) { moveInquiry(id: $id, status: $status, reason: $reason) { id } }`),\n take: this.change(gql`mutation ($id: String!) { takeInquiry(id: $id) { id } }`)\n }\n\n / Its writer reading the handlers' words - the badge counts again. /\n private seen = new MutationController(this, gql`mutation ($id: String!) { readInquiry(id: $id) { id } }`)\n\n private change(mutation: any) {\n return new MutationController(this, mutation, { refetch: () => [this.inquiry] })\n }\n\n private get one(): InquiryItem \| null {\n return this.inquiry.data?.inquiry ?? null\n }\n\n private get busy() {\n return Object.values(this.saves).some(save => save.pending)\n }\n\n / The answer its writer is shown with new words on it: those words are read. /\n private seenFor?: unknown\n\n async updated() {\n const one = this.one\n if (!one?.mine \|\| !one.isNew \|\| this.seenFor === this.inquiry.data) return\n this.seenFor = this.inquiry.data\n if (await this.seen.run({ id: one.id })) inquiriesChanged()\n }\n\n render() {\n if (this.inquiry.data && !this.one) return html`<p class=\"hint\">${t('inquiry.text.not-found')}</p>`\n const one = this.one\n if (!one) return nothing\n const replies = one.replies ?? []\n const handlerMoves = (one.moves ?? []).filter(status => status !== 'CLOSED')\n return html`\n <div class=\"meta\">\n <span class=\"chip\"><md-icon>${KIND_ICONS[one.kind] ?? 'help'}</md-icon>${kindWord(one.kind)}</span>\n <span class=\"chip status\">${statusWord(one.status)}</span>\n ${one.visibility === 'PRIVATE' ? html`<span class=\"chip\"><md-icon>lock</md-icon>${visibilityWord(one.visibility)}</span>` : nothing}\n <span>${one.creator?.name ?? ''} · ${when(one.createdAt)}</span>\n ${one.assignee ? html`<span>${t('inquiry.text.assignee', { name: one.assignee.name ?? '' })}</span>` : nothing}\n </div>\n <h2>${one.title}</h2>\n ${one.body ? html`<div class=\"text\">${one.body}</div>` : nothing} ${this.renderFiles(one.attachments)}\n <div class=\"context\">\n ${one.pageUrl ? html`<div>${t('inquiry.field.page')}: ${/^https?:\\/\\//i.test(one.pageUrl) ? html`<a href=${one.pageUrl} target=\"_blank\" rel=\"noopener\">${one.pageUrl}</a>` : one.pageUrl}</div>` : nothing}\n ${one.appName ? html`<div>${t('inquiry.field.app')}: ${one.appName}${one.appVersion ? ` ${one.appVersion}` : ''}</div>` : nothing}\n </div>\n\n ${replies.length\n ? html`<ol class=\"replies\">\n ${replies.map(\n reply => html`<li class=${[reply.byHandler ? 'handler' : '', reply.answer ? 'answer' : ''].join(' ')}>\n <div class=\"meta\">\n <span>${reply.creator?.name ?? ''}</span>\n ${reply.byHandler ? html`<span class=\"chip\">${t('inquiry.text.handler')}</span>` : nothing}\n ${reply.answer ? html`<span class=\"chip status\"><md-icon>check</md-icon>${t('inquiry.text.answer')}</span>` : nothing}\n <span>${when(reply.createdAt)}</span>\n </div>\n ${reply.status && !reply.answer ? html`<span class=\"move\">${t('inquiry.text.moved', { status: statusWord(reply.status) })}</span>` : nothing}\n ${reply.body ? html`<div class=\"text\">${reply.body}</div>` : nothing} ${this.renderFiles(reply.attachments)}\n </li>`\n )}\n </ol>`\n : nothing}\n ${one.canReply ? this.renderBox(one, handlerMoves) : one.status === 'CLOSED' ? html`<p class=\"hint\">${t('inquiry.text.closed-note')}</p>` : nothing}\n `\n }\n\n private renderFiles(files?: FileRow[]) {\n if (!files?.length) return nothing\n return html`<ul class=\"files\">\n ${files.map(file => html`<li><a href=${file.fullpath} target=\"_blank\" rel=\"noopener\" download=${file.name}><md-icon>attach_file</md-icon>${file.name}</a></li>`)}\n </ul>`\n }\n\n private renderBox(one: InquiryItem, handlerMoves: string[]) {\n const said = !!this.text.trim() \|\| this.files.length > 0\n const canClose = (one.moves ?? []).includes('CLOSED')\n return html`<div class=\"box\">\n <textarea .value=${this.text} placeholder=${t(one.asHandler ? 'inquiry.text.reply-placeholder-handler' : 'inquiry.text.reply-placeholder')} @input=${(e: any) => (this.text = e.target.value)}></textarea>\n <div class=\"row\">\n ${this.files.map(file => html`<span class=\"hint\">${file.name}</span>`)}\n <ox-input-file quiet hide-filelist multiple icon=\"attach_file\" .progress=${this.progress} @change=${(e: CustomEvent) => this.pick(e)}></ox-input-file>\n <span class=\"spacer\"></span>\n ${one.asHandler && !one.assignee ? html`<md-text-button ?disabled=${this.busy} @click=${() => this.act(this.saves.take, { id: one.id })}>${t('inquiry.button.take')}</md-text-button>` : nothing}\n ${one.asHandler\n ? handlerMoves.map(status => html`<md-text-button ?disabled=${this.busy} @click=${() => this.move(one, status)}>${moveWord(status)}</md-text-button>`)\n : nothing}\n ${canClose ? html`<md-text-button ?disabled=${this.busy} @click=${() => this.move(one, 'CLOSED')}>${moveWord('CLOSED')}</md-text-button>` : nothing}\n <md-outlined-button ?disabled=${!said \|\| this.busy} @click=${() => this.reply(one, false)}>${t('inquiry.button.reply')}</md-outlined-button>\n ${one.asHandler ? html`<md-filled-button ?disabled=${!said \|\| this.busy} @click=${() => this.reply(one, true)}>${t('inquiry.button.answer')}</md-filled-button>` : nothing}\n </div>\n <span class=\"hint\">${t('inquiry.text.move-hint')}</span>\n </div>`\n }\n\n private pick(e: CustomEvent) {\n const picked = [...((e.detail as File[]) ?? [])]\n if (!picked.length) return\n ;(e.target as any).reset?.()\n this.files = [...this.files, ...picked]\n }\n\n private async act(save: MutationController, variables: Record<string, unknown>, context?: Record<string, unknown>) {\n const done = await save.run(variables, { context })\n this.progress = undefined\n if (!done) return\n this.text = ''\n this.files = []\n inquiriesChanged()\n }\n\n private reply(one: InquiryItem, asAnswer: boolean) {\n const files = this.files\n return this.act(\n this.saves.reply,\n { id: one.id, body: this.text.trim(), answer: asAnswer, attachments: files.length ? files : null },\n files.length ? uploadContext(fraction => (this.progress = fraction)) : undefined\n )\n }\n\n / What is written in the box goes with the move as its reason. */\n private move(one: InquiryItem, status: string) {\n return this.act(this.saves.move, { id: one.id, status, reason: this.text.trim() \|\| undefined })\n }\n}\n"]}

package/dist-client/components/inquiry-writer.d.ts CHANGED Viewed

@@ -16,10 +16,11 @@ export declare class InquiryWriter extends InquiryWriter_base {
     body: string;
     privately: boolean;
     files: File[];
-    sending: boolean;
     progress?: number;
     render(): import("lit-html").TemplateResult<1>;
     private pick;
+    private create;
+    private get sending();
     private send;
 }
 export {};

package/dist-client/components/inquiry-writer.js CHANGED Viewed

@@ -10,13 +10,15 @@ import '@material/web/button/text-button.js';
 import '@operato/input/ox-input-file.js';
 import '@operato/input/ox-input-select-buttons.js';
 import '@operato/popup/ox-popup-actions.js';
+import gql from 'graphql-tag';
 import { css, html, LitElement, nothing } from 'lit';
 import { customElement, property, state } from 'lit/decorators.js';
+import { MutationController, uploadContext } from '@operato/graphql';
 import { i18next, localize } from '@operato/i18n';
 import { notify, openPopup } from '@operato/layout';
 import { CommonPopupStyles, FormFieldStyles, PopupBodyStyles, PopupFieldStyles } from '@operato/styles';
-import { inquiriesChanged, inquiryApi } from '../utils/inquiry-api.js';
-import { KINDS, kindWord, reasonOf, t } from '../utils/inquiry-words.js';
+import { inquiriesChanged } from '../utils/inquiry-api.js';
+import { KINDS, kindWord, t } from '../utils/inquiry-words.js';
 const MAX_TITLE = 200;
 /** Opens the window, carrying the screen it is opened on. */
 export function openInquiryWriter(kind = 'QUESTION') {
@@ -37,7 +39,11 @@ let InquiryWriter = class InquiryWriter extends localize(i18next)(LitElement) {
         this.body = '';
         this.privately = false;
         this.files = [];
-        this.sending = false;
+        this.create = new MutationController(this, gql `
+      mutation ($input: InquiryInput!, $attachments: [Upload!]) {
+        createInquiry(input: $input, attachments: $attachments) { id }
+      }
+    `);
     }
     /* The house shape of a popup (page-standard sections 7, 8): only the body scrolls, fields are labels above native
        inputs, the one button row is `ox-popup-actions`. */
@@ -170,28 +176,28 @@ let InquiryWriter = class InquiryWriter extends localize(i18next)(LitElement) {
         e.target.reset?.();
         this.files = [...this.files, ...picked];
     }
+    get sending() {
+        return this.create.pending;
+    }
     async send() {
-        this.sending = true;
-        try {
-            await inquiryApi.create({
+        const files = this.files;
+        const done = await this.create.run({
+            input: {
                 kind: this.kind,
                 title: this.title.trim(),
                 body: this.body,
                 visibility: this.privately ? 'PRIVATE' : 'DOMAIN',
                 pageUrl: this.pageUrl
-            }, this.files, fraction => (this.progress = fraction));
-            inquiriesChanged();
-            notify({ message: t('inquiry.text.sent') });
-            /* The writer stays on the screen they were on - the answer comes as a notice and on the menu's badge. */
-            this.dispatchEvent(new CustomEvent('close'));
-        }
-        catch (error) {
-            notify({ level: 'error', message: reasonOf(error) });
-        }
-        finally {
-            this.sending = false;
-            this.progress = undefined;
-        }
+            },
+            attachments: files.length ? files : null
+        }, { context: files.length ? uploadContext(fraction => (this.progress = fraction)) : undefined });
+        this.progress = undefined;
+        if (!done)
+            return;
+        inquiriesChanged();
+        notify({ message: t('inquiry.text.sent') });
+        /* The writer stays on the screen they were on - the answer comes as a notice and on the menu's badge. */
+        this.dispatchEvent(new CustomEvent('close'));
     }
 };
 __decorate([
@@ -218,10 +224,6 @@ __decorate([
     state(),
     __metadata("design:type", Array)
 ], InquiryWriter.prototype, "files", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], InquiryWriter.prototype, "sending", void 0);
 __decorate([
     state(),
     __metadata("design:type", Number)

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

	@@ -1 +1 @@
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"]}
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 gql from 'graphql-tag'\nimport { css, html, LitElement, nothing } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport { MutationController, uploadContext } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { notify, openPopup } from '@operato/layout'\nimport { CommonPopupStyles, FormFieldStyles, PopupBodyStyles, PopupFieldStyles } from '@operato/styles'\n\nimport { inquiriesChanged } from '../utils/inquiry-api.js'\nimport { KINDS, kindWord, 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 / 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 create = new MutationController(\n this,\n gql`\n mutation ($input: InquiryInput!, $attachments: [Upload!]) {\n createInquiry(input: $input, attachments: $attachments) { id }\n }\n `\n )\n\n private get sending() {\n return this.create.pending\n }\n\n private async send() {\n const files = this.files\n const done = await this.create.run(\n {\n input: {\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 attachments: files.length ? files : null\n },\n { context: files.length ? uploadContext(fraction => (this.progress = fraction)) : undefined }\n )\n this.progress = undefined\n if (!done) return\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 }\n}\n"]}

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

@@ -18,7 +18,6 @@ export declare class InquiryList extends InquiryList_base {
     handler: boolean;
     openId: string;
     private grist;
-    private thread;
     private onChanged;
     get context(): {
         actions: ({

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

@@ -128,9 +128,7 @@ let InquiryList = class InquiryList extends localize(i18next)(PageView) {
             this.openId = id;
             this.updateContext();
         }
-        else if (id)
-            this.thread?.load(true);
-        else if (this.gristConfig)
+        else if (!id && this.gristConfig)
             this.grist?.fetch();
     }
     async pageInitialized() {
@@ -230,10 +228,6 @@ __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);

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 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"]}
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: 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"]}