@things-factory/compliance 10.1.256 → 10.1.257

package/dist-client/components/compliance-case-form.d.ts

@@ -14,7 +14,7 @@ export declare function openComplianceCaseForm(handler?: boolean): Promise<any |
 declare const ComplianceCaseForm_base: (new (...args: any[]) => LitElement) & typeof LitElement;
 /**
  * 신고하기 (ADR-0187 decision 21) - what happened, to whom, by whom and when, with files. When every case handler is
- * among those named, the form says nobody inside the company will investigate it and shows the labour ministry's way.
+ * among those named, the form says the investigation starts once the company names a case handler (amendment 5).
  */
 export declare class ComplianceCaseForm extends ComplianceCaseForm_base {
     static styles: import("lit").CSSResult[];
@@ -27,15 +27,20 @@ export declare class ComplianceCaseForm extends ComplianceCaseForm_base {
     private receivedOn;
     private description;
     private files;
-    private found;
-    private noneInside;
-    private working;
-    private message;
+    private searched;
+    private people;
+    private handlerLeft;
+    private saves;
+    private get found();
+    private get noneInside();
+    private get save();
+    private get working();
+    private get message();
     render(): import("lit-html").TemplateResult<1>;
     /** People named so far, and a name box that finds employees still working here. */
     private picker;
     private find;
-    /** The people named against, and whether a case handler is left to take it. */
+    /** The people named against - whether a case handler is left is read for them. */
     private setAccused;
     private submit;
 }

package/dist-client/components/compliance-case-form.js

@@ -8,7 +8,7 @@ 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 { client, uploadContext } from '@operato/graphql';
+import { MutationController, QueryController, uploadContext } from '@operato/graphql';
 import { i18next, localize } from '@operato/i18n';
 import { notify, openPopup } from '@operato/layout';
 import { CommonPopupStyles, FormFieldStyles, PopupBodyStyles, PopupFieldStyles } from '@operato/styles';
@@ -31,7 +31,7 @@ const today = () => {
 };
 /**
  * 신고하기 (ADR-0187 decision 21) - what happened, to whom, by whom and when, with files. When every case handler is
- * among those named, the form says nobody inside the company will investigate it and shows the labour ministry's way.
+ * among those named, the form says the investigation starts once the company names a case handler (amendment 5).
  */
 let ComplianceCaseForm = class ComplianceCaseForm extends localize(i18next)(LitElement) {
     constructor() {
@@ -45,10 +45,32 @@ let ComplianceCaseForm = class ComplianceCaseForm extends localize(i18next)(LitE
         this.receivedOn = today();
         this.description = '';
         this.files = [];
-        this.found = { for: '', people: [] };
-        this.noneInside = false;
-        this.working = false;
-        this.message = '';
+        /* The words typed to find a person, and the field they are typed in. */
+        this.searched = { for: '', text: '' };
+        /* The people the words find, and whether a case handler is left to take it once the accused are named (ADR-0190). */
+        this.people = new QueryController(this, gql `
+      query ($text: String!) {
+        complianceCasePeople(text: $text) { id name note }
+      }
+    `, { variables: () => (this.searched.text.trim() ? { text: this.searched.text } : undefined), keepPrevious: true });
+        this.handlerLeft = new QueryController(this, gql `
+      query ($ids: [String!]!) {
+        complianceCaseHandlerLeft(accusedIds: $ids)
+      }
+    `, { variables: () => (this.accused.length ? { ids: this.accused.map(one => one.id) } : undefined) });
+        /* Its failure is drawn at the foot of the form. */
+        this.saves = {
+            record: new MutationController(this, gql `
+        mutation ($case: NewComplianceCase!, $attach: [Upload!]) {
+          written: recordComplianceCase(case: $case, attach: $attach) { id noInsideHandler }
+        }
+      `, { showsError: true }),
+            report: new MutationController(this, gql `
+        mutation ($report: NewComplianceCaseReport!, $attach: [Upload!]) {
+          written: reportComplianceCase(report: $report, attach: $attach) { id noInsideHandler }
+        }
+      `, { showsError: true })
+        };
     }
     static { this.styles = [
         CommonPopupStyles,
@@ -111,6 +133,23 @@ let ComplianceCaseForm = class ComplianceCaseForm extends localize(i18next)(LitE
       }
     `
     ]; }
+    get found() {
+        if (!this.searched.text.trim())
+            return { for: '', people: [] };
+        return { for: this.searched.for, people: this.people.data?.complianceCasePeople ?? [] };
+    }
+    get noneInside() {
+        return this.accused.length > 0 && this.handlerLeft.data?.complianceCaseHandlerLeft === false;
+    }
+    get save() {
+        return this.handler ? this.saves.record : this.saves.report;
+    }
+    get working() {
+        return this.save.pending;
+    }
+    get message() {
+        return this.save.error ? failureOf(this.save.error) : '';
+    }
     render() {
         return html `
       <div class="body">
@@ -135,7 +174,6 @@ let ComplianceCaseForm = class ComplianceCaseForm extends localize(i18next)(LitE
         ${this.noneInside
             ? html `<div outside>
               <p>${i18next.t('text.compliance-case-no-inside-handler')}</p>
-              <p>${i18next.t('text.compliance-case-ministry-route')}</p>
             </div>`
             : nothing}
         ${this.picker('victim', this.victim ? [this.victim] : [], one => (this.victim = one), () => (this.victim = null))}
@@ -176,82 +214,35 @@ let ComplianceCaseForm = class ComplianceCaseForm extends localize(i18next)(LitE
       <input placeholder=${i18next.t('text.compliance-case-find-person')} @input=${(e) => this.find(field, e.target.value)} />
       ${found.length
             ? html `<div class="found">
-            ${found.map(one => html `<button type="button" @click=${() => ((this.found = { for: '', people: [] }), add(one))}>${one.note ? `${one.name} · ${one.note}` : one.name}</button>`)}
+            ${found.map(one => html `<button type="button" @click=${() => ((this.searched = { for: '', text: '' }), add(one))}>${one.note ? `${one.name} · ${one.note}` : one.name}</button>`)}
           </div>`
             : nothing}
     </label>`;
     }
-    async find(field, text) {
-        const response = await client.query({
-            query: gql `
-        query ($text: String!) {
-          complianceCasePeople(text: $text) { id name note }
-        }
-      `,
-            variables: { text },
-            fetchPolicy: 'no-cache'
-        });
-        this.found = { for: field, people: response.data?.complianceCasePeople ?? [] };
+    find(field, text) {
+        this.searched = { for: field, text };
     }
-    /** The people named against, and whether a case handler is left to take it. */
-    async setAccused(people) {
+    /** The people named against - whether a case handler is left is read for them. */
+    setAccused(people) {
         this.accused = people;
-        if (!people.length)
-            return (this.noneInside = false);
-        const response = await client.query({
-            query: gql `
-        query ($ids: [String!]!) {
-          complianceCaseHandlerLeft(accusedIds: $ids)
-        }
-      `,
-            variables: { ids: people.map(one => one.id) },
-            fetchPolicy: 'no-cache'
-        });
-        this.noneInside = response.data?.complianceCaseHandlerLeft === false;
     }
     async submit() {
-        this.message = '';
-        this.working = true;
-        try {
-            const report = {
-                kind: this.kind,
-                accusedIds: this.accused.map(one => one.id),
-                victimId: this.victim?.id ?? null,
-                occurredOn: this.occurredOn || null,
-                description: this.description
-            };
-            const upload = this.files.length ? { context: uploadContext(() => { }) } : {};
-            const response = this.handler
-                ? await client.mutate({
-                    mutation: gql `
-              mutation ($case: NewComplianceCase!, $attach: [Upload!]) {
-                written: recordComplianceCase(case: $case, attach: $attach) { id noInsideHandler }
-              }
-            `,
-                    variables: { case: { ...report, reporterId: this.reporter?.id ?? null, receivedOn: this.receivedOn }, attach: this.files },
-                    ...upload
-                })
-                : await client.mutate({
-                    mutation: gql `
-              mutation ($report: NewComplianceCaseReport!, $attach: [Upload!]) {
-                written: reportComplianceCase(report: $report, attach: $attach) { id noInsideHandler }
-              }
-            `,
-                    variables: { report, attach: this.files },
-                    ...upload
-                });
-            if (response.errors?.length)
-                throw response;
-            const written = response.data.written;
-            notify({ message: i18next.t(written.noInsideHandler ? 'text.compliance-case-reported-outside' : 'text.compliance-case-reported') });
-            this.dispatchEvent(new CustomEvent('reported', { detail: written }));
-        }
-        catch (error) {
-            this.message = failureOf(error);
-        }
-        finally {
-            this.working = false;
-        }
+        const report = {
+            kind: this.kind,
+            accusedIds: this.accused.map(one => one.id),
+            victimId: this.victim?.id ?? null,
+            occurredOn: this.occurredOn || null,
+            description: this.description
+        };
+        const context = this.files.length ? uploadContext(() => { }) : undefined;
+        const done = this.handler
+            ? await this.saves.record.run({ case: { ...report, reporterId: this.reporter?.id ?? null, receivedOn: this.receivedOn }, attach: this.files }, { context })
+            : await this.saves.report.run({ report, attach: this.files }, { context });
+        if (!done)
+            return;
+        const written = done.written;
+        notify({ message: i18next.t(written.noInsideHandler ? 'text.compliance-case-reported-outside' : 'text.compliance-case-reported') });
+        this.dispatchEvent(new CustomEvent('reported', { detail: written }));
     }
 };
 __decorate([
@@ -293,19 +284,7 @@ __decorate([
 __decorate([
     state(),
     __metadata("design:type", Object)
-], ComplianceCaseForm.prototype, "found", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], ComplianceCaseForm.prototype, "noneInside", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], ComplianceCaseForm.prototype, "working", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], ComplianceCaseForm.prototype, "message", void 0);
+], ComplianceCaseForm.prototype, "searched", void 0);
 ComplianceCaseForm = __decorate([
     customElement('compliance-case-form')
 ], ComplianceCaseForm);

package/dist-client/components/compliance-case-form.js.map

@@ -1 +1 @@
-{"version":3,"file":"compliance-case-form.js","sourceRoot":"","sources":["../../client/components/compliance-case-form.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/button/filled-button.js'\nimport '@material/web/button/text-button.js'\nimport '@material/web/icon/icon.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 { client, 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 { failureOf, wordOf } from '../words.js'\n\nexport const CASE_KINDS = ['HARASSMENT', 'SEXUAL_HARASSMENT']\n\ntype Person = { id: string; name: string; note?: string }\n\n/**\n * Opens the report form; resolves with the written case, or null when closed. `handler` is the case handler writing a\n * report received another way - who reported it and the day it came.\n */\nexport function openComplianceCaseForm(handler = false): Promise<any | null> {\n  return new Promise(resolve => {\n    let done: any = null\n    const popup: any = openPopup(\n      html`<compliance-case-form .handler=${handler} @close=${() => popup.close()} @reported=${(e: CustomEvent) => ((done = e.detail), popup.close())}></compliance-case-form>`,\n      { backdrop: true, size: 'medium', title: i18next.t(handler ? 'title.compliance-case-record' : 'title.compliance-case-report') }\n    )\n    popup.onclosed = () => resolve(done)\n  })\n}\n\nconst today = () => {\n  const now = new Date()\n  return new Date(now.getTime() - now.getTimezoneOffset() * 60000).toISOString().slice(0, 10)\n}\n\n/**\n * 신고하기 (ADR-0187 decision 21) - what happened, to whom, by whom and when, with files. When every case handler is\n * among those named, the form says nobody inside the company will investigate it and shows the labour ministry's way.\n */\n@customElement('compliance-case-form')\nexport class ComplianceCaseForm extends localize(i18next)(LitElement) {\n  static styles = [\n    CommonPopupStyles,\n    PopupBodyStyles,\n    FormFieldStyles,\n    PopupFieldStyles,\n    css`\n      [invalid] {\n        color: var(--ui-crit, var(--md-sys-color-error));\n        font-size: var(--ui-t-small, 11.5px);\n      }\n      [invalid]:empty {\n        display: none;\n      }\n      [guide] p {\n        margin: 0;\n        color: var(--ui-muted);\n        line-height: var(--popup-line-height);\n      }\n      [outside] {\n        padding: var(--spacing-medium, 8px);\n        border: 1px solid var(--ui-crit, var(--md-sys-color-error));\n        border-radius: var(--md-sys-shape-corner-small, 4px);\n        line-height: var(--popup-line-height);\n      }\n      [outside] p {\n        margin: 0;\n      }\n      ox-input-select-buttons {\n        align-self: flex-start;\n      }\n      .chips {\n        display: flex;\n        flex-wrap: wrap;\n        gap: var(--spacing-small, 4px);\n      }\n      .chips button,\n      .found button {\n        display: inline-flex;\n        align-items: center;\n        gap: 2px;\n        padding: 2px var(--spacing-medium, 8px);\n        border: 1px solid var(--ui-line-soft, var(--md-sys-color-outline-variant));\n        border-radius: 999px;\n        background: none;\n        color: inherit;\n        font: inherit;\n        cursor: pointer;\n      }\n      .chips md-icon {\n        --md-icon-size: 14px;\n      }\n      .found {\n        display: flex;\n        flex-wrap: wrap;\n        gap: var(--spacing-small, 4px);\n      }\n      textarea {\n        min-height: 120px;\n      }\n    `\n  ]\n\n  @property({ type: Boolean }) handler = false\n\n  @state() private kind = 'HARASSMENT'\n  @state() private accused: Person[] = []\n  @state() private victim: Person | null = null\n  @state() private reporter: Person | null = null\n  @state() private occurredOn = ''\n  @state() private receivedOn = today()\n  @state() private description = ''\n  @state() private files: File[] = []\n  @state() private found: { for: string; people: Person[] } = { for: '', people: [] }\n  @state() private noneInside = false\n  @state() private working = false\n  @state() private message = ''\n\n  render() {\n    return html`\n      <div class=\"body\">\n        <div guide><p>${i18next.t('text.compliance-case-report-guide')}</p></div>\n\n        <div class=\"field\">\n          <ox-input-select-buttons\n            .value=${this.kind}\n            .options=${CASE_KINDS.map(code => ({ display: wordOf('compliance-case-kind', code), value: code }))}\n            @change=${(e: CustomEvent) => e.detail && (this.kind = e.detail)}\n          ></ox-input-select-buttons>\n        </div>\n\n        ${this.handler\n          ? html`${this.picker('reporter', this.reporter ? [this.reporter] : [], one => (this.reporter = one), () => (this.reporter = null))}\n              <label class=\"field\">\n                <span>${i18next.t('field.compliance-case-received-on')}</span>\n                <input type=\"date\" .value=${this.receivedOn} @input=${(e: any) => (this.receivedOn = e.target.value)} />\n              </label>`\n          : nothing}\n        ${this.picker(\n          'accused',\n          this.accused,\n          one => this.setAccused([...this.accused.filter(other => other.id !== one.id), one]),\n          one => this.setAccused(this.accused.filter(other => other.id !== one.id))\n        )}\n        ${this.noneInside\n          ? html`<div outside>\n              <p>${i18next.t('text.compliance-case-no-inside-handler')}</p>\n              <p>${i18next.t('text.compliance-case-ministry-route')}</p>\n            </div>`\n          : nothing}\n        ${this.picker('victim', this.victim ? [this.victim] : [], one => (this.victim = one), () => (this.victim = null))}\n\n        <label class=\"field\">\n          <span>${i18next.t('field.compliance-case-occurred-on')}</span>\n          <input type=\"date\" .value=${this.occurredOn} @input=${(e: any) => (this.occurredOn = e.target.value)} />\n        </label>\n\n        <label class=\"field\">\n          <span>${i18next.t('field.compliance-case-description')}</span>\n          <textarea .value=${this.description} @input=${(e: any) => (this.description = e.target.value)}></textarea>\n        </label>\n\n        <div class=\"field\">\n          <span>${i18next.t('field.compliance-case-attachments')}</span>\n          <ox-input-file multiple icon=\"attach_file\" @change=${(e: CustomEvent) => (this.files = [...((e.detail as File[]) ?? [])])}></ox-input-file>\n          <span invalid>${this.message}</span>\n        </div>\n      </div>\n\n      <ox-popup-actions>\n        <md-text-button slot=\"cancel\" @click=${() => this.dispatchEvent(new CustomEvent('close'))}>${i18next.t('button.cancel')}</md-text-button>\n        <md-filled-button slot=\"confirm\" ?disabled=${this.working} @click=${() => this.submit()}>${i18next.t(this.handler ? 'button.compliance-case-record' : 'button.compliance-case-report')}</md-filled-button>\n      </ox-popup-actions>\n    `\n  }\n\n  /** People named so far, and a name box that finds employees still working here. */\n  private picker(field: string, chosen: Person[], add: (one: Person) => void, remove: (one: Person) => void) {\n    const found = this.found.for === field ? this.found.people.filter(one => !chosen.some(other => other.id === one.id)) : []\n    return html`<label class=\"field\">\n      <span>${i18next.t(`field.compliance-case-${field}`)}</span>\n      ${chosen.length\n        ? html`<div class=\"chips\">\n            ${chosen.map(one => html`<button type=\"button\" aria-label=${i18next.t('button.compliance-case-remove')} @click=${() => remove(one)}>${one.name}<md-icon>close</md-icon></button>`)}\n          </div>`\n        : nothing}\n      <input placeholder=${i18next.t('text.compliance-case-find-person')} @input=${(e: any) => this.find(field, e.target.value)} />\n      ${found.length\n        ? html`<div class=\"found\">\n            ${found.map(one => html`<button type=\"button\" @click=${() => ((this.found = { for: '', people: [] }), add(one))}>${one.note ? `${one.name} · ${one.note}` : one.name}</button>`)}\n          </div>`\n        : nothing}\n    </label>`\n  }\n\n  private async find(field: string, text: string) {\n    const response = await client.query({\n      query: gql`\n        query ($text: String!) {\n          complianceCasePeople(text: $text) { id name note }\n        }\n      `,\n      variables: { text },\n      fetchPolicy: 'no-cache'\n    })\n    this.found = { for: field, people: response.data?.complianceCasePeople ?? [] }\n  }\n\n  /** The people named against, and whether a case handler is left to take it. */\n  private async setAccused(people: Person[]) {\n    this.accused = people\n    if (!people.length) return (this.noneInside = false)\n    const response = await client.query({\n      query: gql`\n        query ($ids: [String!]!) {\n          complianceCaseHandlerLeft(accusedIds: $ids)\n        }\n      `,\n      variables: { ids: people.map(one => one.id) },\n      fetchPolicy: 'no-cache'\n    })\n    this.noneInside = response.data?.complianceCaseHandlerLeft === false\n  }\n\n  private async submit() {\n    this.message = ''\n    this.working = true\n    try {\n      const report = {\n        kind: this.kind,\n        accusedIds: this.accused.map(one => one.id),\n        victimId: this.victim?.id ?? null,\n        occurredOn: this.occurredOn || null,\n        description: this.description\n      }\n      const upload = this.files.length ? { context: uploadContext(() => {}) } : {}\n      const response: any = this.handler\n        ? await client.mutate({\n            mutation: gql`\n              mutation ($case: NewComplianceCase!, $attach: [Upload!]) {\n                written: recordComplianceCase(case: $case, attach: $attach) { id noInsideHandler }\n              }\n            `,\n            variables: { case: { ...report, reporterId: this.reporter?.id ?? null, receivedOn: this.receivedOn }, attach: this.files },\n            ...upload\n          })\n        : await client.mutate({\n            mutation: gql`\n              mutation ($report: NewComplianceCaseReport!, $attach: [Upload!]) {\n                written: reportComplianceCase(report: $report, attach: $attach) { id noInsideHandler }\n              }\n            `,\n            variables: { report, attach: this.files },\n            ...upload\n          })\n      if (response.errors?.length) throw response\n      const written = response.data.written\n      notify({ message: i18next.t(written.noInsideHandler ? 'text.compliance-case-reported-outside' : 'text.compliance-case-reported') })\n      this.dispatchEvent(new CustomEvent('reported', { detail: written }))\n    } catch (error) {\n      this.message = failureOf(error)\n    } finally {\n      this.working = false\n    }\n  }\n}\n"]}
+{"version":3,"file":"compliance-case-form.js","sourceRoot":"","sources":["../../client/components/compliance-case-form.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/button/filled-button.js'\nimport '@material/web/button/text-button.js'\nimport '@material/web/icon/icon.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, QueryController, 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 { failureOf, wordOf } from '../words.js'\n\nexport const CASE_KINDS = ['HARASSMENT', 'SEXUAL_HARASSMENT']\n\ntype Person = { id: string; name: string; note?: string }\n\n/**\n * Opens the report form; resolves with the written case, or null when closed. `handler` is the case handler writing a\n * report received another way - who reported it and the day it came.\n */\nexport function openComplianceCaseForm(handler = false): Promise<any | null> {\n  return new Promise(resolve => {\n    let done: any = null\n    const popup: any = openPopup(\n      html`<compliance-case-form .handler=${handler} @close=${() => popup.close()} @reported=${(e: CustomEvent) => ((done = e.detail), popup.close())}></compliance-case-form>`,\n      { backdrop: true, size: 'medium', title: i18next.t(handler ? 'title.compliance-case-record' : 'title.compliance-case-report') }\n    )\n    popup.onclosed = () => resolve(done)\n  })\n}\n\nconst today = () => {\n  const now = new Date()\n  return new Date(now.getTime() - now.getTimezoneOffset() * 60000).toISOString().slice(0, 10)\n}\n\n/**\n * 신고하기 (ADR-0187 decision 21) - what happened, to whom, by whom and when, with files. When every case handler is\n * among those named, the form says the investigation starts once the company names a case handler (amendment 5).\n */\n@customElement('compliance-case-form')\nexport class ComplianceCaseForm extends localize(i18next)(LitElement) {\n  static styles = [\n    CommonPopupStyles,\n    PopupBodyStyles,\n    FormFieldStyles,\n    PopupFieldStyles,\n    css`\n      [invalid] {\n        color: var(--ui-crit, var(--md-sys-color-error));\n        font-size: var(--ui-t-small, 11.5px);\n      }\n      [invalid]:empty {\n        display: none;\n      }\n      [guide] p {\n        margin: 0;\n        color: var(--ui-muted);\n        line-height: var(--popup-line-height);\n      }\n      [outside] {\n        padding: var(--spacing-medium, 8px);\n        border: 1px solid var(--ui-crit, var(--md-sys-color-error));\n        border-radius: var(--md-sys-shape-corner-small, 4px);\n        line-height: var(--popup-line-height);\n      }\n      [outside] p {\n        margin: 0;\n      }\n      ox-input-select-buttons {\n        align-self: flex-start;\n      }\n      .chips {\n        display: flex;\n        flex-wrap: wrap;\n        gap: var(--spacing-small, 4px);\n      }\n      .chips button,\n      .found button {\n        display: inline-flex;\n        align-items: center;\n        gap: 2px;\n        padding: 2px var(--spacing-medium, 8px);\n        border: 1px solid var(--ui-line-soft, var(--md-sys-color-outline-variant));\n        border-radius: 999px;\n        background: none;\n        color: inherit;\n        font: inherit;\n        cursor: pointer;\n      }\n      .chips md-icon {\n        --md-icon-size: 14px;\n      }\n      .found {\n        display: flex;\n        flex-wrap: wrap;\n        gap: var(--spacing-small, 4px);\n      }\n      textarea {\n        min-height: 120px;\n      }\n    `\n  ]\n\n  @property({ type: Boolean }) handler = false\n\n  @state() private kind = 'HARASSMENT'\n  @state() private accused: Person[] = []\n  @state() private victim: Person | null = null\n  @state() private reporter: Person | null = null\n  @state() private occurredOn = ''\n  @state() private receivedOn = today()\n  @state() private description = ''\n  @state() private files: File[] = []\n  /* The words typed to find a person, and the field they are typed in. */\n  @state() private searched: { for: string; text: string } = { for: '', text: '' }\n\n  /* The people the words find, and whether a case handler is left to take it once the accused are named (ADR-0190). */\n  private people = new QueryController(\n    this,\n    gql`\n      query ($text: String!) {\n        complianceCasePeople(text: $text) { id name note }\n      }\n    `,\n    { variables: () => (this.searched.text.trim() ? { text: this.searched.text } : undefined), keepPrevious: true }\n  )\n\n  private handlerLeft = new QueryController(\n    this,\n    gql`\n      query ($ids: [String!]!) {\n        complianceCaseHandlerLeft(accusedIds: $ids)\n      }\n    `,\n    { variables: () => (this.accused.length ? { ids: this.accused.map(one => one.id) } : undefined) }\n  )\n\n  /* Its failure is drawn at the foot of the form. */\n  private saves = {\n    record: new MutationController(\n      this,\n      gql`\n        mutation ($case: NewComplianceCase!, $attach: [Upload!]) {\n          written: recordComplianceCase(case: $case, attach: $attach) { id noInsideHandler }\n        }\n      `,\n      { showsError: true }\n    ),\n    report: new MutationController(\n      this,\n      gql`\n        mutation ($report: NewComplianceCaseReport!, $attach: [Upload!]) {\n          written: reportComplianceCase(report: $report, attach: $attach) { id noInsideHandler }\n        }\n      `,\n      { showsError: true }\n    )\n  }\n\n  private get found(): { for: string; people: Person[] } {\n    if (!this.searched.text.trim()) return { for: '', people: [] }\n    return { for: this.searched.for, people: this.people.data?.complianceCasePeople ?? [] }\n  }\n\n  private get noneInside() {\n    return this.accused.length > 0 && this.handlerLeft.data?.complianceCaseHandlerLeft === false\n  }\n\n  private get save() {\n    return this.handler ? this.saves.record : this.saves.report\n  }\n\n  private get working() {\n    return this.save.pending\n  }\n\n  private get message() {\n    return this.save.error ? failureOf(this.save.error) : ''\n  }\n\n  render() {\n    return html`\n      <div class=\"body\">\n        <div guide><p>${i18next.t('text.compliance-case-report-guide')}</p></div>\n\n        <div class=\"field\">\n          <ox-input-select-buttons\n            .value=${this.kind}\n            .options=${CASE_KINDS.map(code => ({ display: wordOf('compliance-case-kind', code), value: code }))}\n            @change=${(e: CustomEvent) => e.detail && (this.kind = e.detail)}\n          ></ox-input-select-buttons>\n        </div>\n\n        ${this.handler\n          ? html`${this.picker('reporter', this.reporter ? [this.reporter] : [], one => (this.reporter = one), () => (this.reporter = null))}\n              <label class=\"field\">\n                <span>${i18next.t('field.compliance-case-received-on')}</span>\n                <input type=\"date\" .value=${this.receivedOn} @input=${(e: any) => (this.receivedOn = e.target.value)} />\n              </label>`\n          : nothing}\n        ${this.picker(\n          'accused',\n          this.accused,\n          one => this.setAccused([...this.accused.filter(other => other.id !== one.id), one]),\n          one => this.setAccused(this.accused.filter(other => other.id !== one.id))\n        )}\n        ${this.noneInside\n          ? html`<div outside>\n              <p>${i18next.t('text.compliance-case-no-inside-handler')}</p>\n            </div>`\n          : nothing}\n        ${this.picker('victim', this.victim ? [this.victim] : [], one => (this.victim = one), () => (this.victim = null))}\n\n        <label class=\"field\">\n          <span>${i18next.t('field.compliance-case-occurred-on')}</span>\n          <input type=\"date\" .value=${this.occurredOn} @input=${(e: any) => (this.occurredOn = e.target.value)} />\n        </label>\n\n        <label class=\"field\">\n          <span>${i18next.t('field.compliance-case-description')}</span>\n          <textarea .value=${this.description} @input=${(e: any) => (this.description = e.target.value)}></textarea>\n        </label>\n\n        <div class=\"field\">\n          <span>${i18next.t('field.compliance-case-attachments')}</span>\n          <ox-input-file multiple icon=\"attach_file\" @change=${(e: CustomEvent) => (this.files = [...((e.detail as File[]) ?? [])])}></ox-input-file>\n          <span invalid>${this.message}</span>\n        </div>\n      </div>\n\n      <ox-popup-actions>\n        <md-text-button slot=\"cancel\" @click=${() => this.dispatchEvent(new CustomEvent('close'))}>${i18next.t('button.cancel')}</md-text-button>\n        <md-filled-button slot=\"confirm\" ?disabled=${this.working} @click=${() => this.submit()}>${i18next.t(this.handler ? 'button.compliance-case-record' : 'button.compliance-case-report')}</md-filled-button>\n      </ox-popup-actions>\n    `\n  }\n\n  /** People named so far, and a name box that finds employees still working here. */\n  private picker(field: string, chosen: Person[], add: (one: Person) => void, remove: (one: Person) => void) {\n    const found = this.found.for === field ? this.found.people.filter(one => !chosen.some(other => other.id === one.id)) : []\n    return html`<label class=\"field\">\n      <span>${i18next.t(`field.compliance-case-${field}`)}</span>\n      ${chosen.length\n        ? html`<div class=\"chips\">\n            ${chosen.map(one => html`<button type=\"button\" aria-label=${i18next.t('button.compliance-case-remove')} @click=${() => remove(one)}>${one.name}<md-icon>close</md-icon></button>`)}\n          </div>`\n        : nothing}\n      <input placeholder=${i18next.t('text.compliance-case-find-person')} @input=${(e: any) => this.find(field, e.target.value)} />\n      ${found.length\n        ? html`<div class=\"found\">\n            ${found.map(one => html`<button type=\"button\" @click=${() => ((this.searched = { for: '', text: '' }), add(one))}>${one.note ? `${one.name} · ${one.note}` : one.name}</button>`)}\n          </div>`\n        : nothing}\n    </label>`\n  }\n\n  private find(field: string, text: string) {\n    this.searched = { for: field, text }\n  }\n\n  /** The people named against - whether a case handler is left is read for them. */\n  private setAccused(people: Person[]) {\n    this.accused = people\n  }\n\n  private async submit() {\n    const report = {\n      kind: this.kind,\n      accusedIds: this.accused.map(one => one.id),\n      victimId: this.victim?.id ?? null,\n      occurredOn: this.occurredOn || null,\n      description: this.description\n    }\n    const context = this.files.length ? uploadContext(() => {}) : undefined\n    const done = this.handler\n      ? await this.saves.record.run({ case: { ...report, reporterId: this.reporter?.id ?? null, receivedOn: this.receivedOn }, attach: this.files }, { context })\n      : await this.saves.report.run({ report, attach: this.files }, { context })\n    if (!done) return\n    const written = done.written\n    notify({ message: i18next.t(written.noInsideHandler ? 'text.compliance-case-reported-outside' : 'text.compliance-case-reported') })\n    this.dispatchEvent(new CustomEvent('reported', { detail: written }))\n  }\n}\n"]}

package/dist-client/components/compliance-case-sheet.d.ts

@@ -15,21 +15,23 @@ declare const ComplianceCaseSheet_base: (new (...args: any[]) => LitElement) & t
 export declare class ComplianceCaseSheet extends ComplianceCaseSheet_base {
     static styles: import("lit").CSSResult[];
     caseId: string;
-    private one;
-    private form;
-    private investigators;
-    private found;
-    private entryOn;
-    private entryBody;
-    private entryFiles;
-    private working;
-    private message;
-    connectedCallback(): void;
+    private searched;
+    private record;
+    private handling;
+    private entry;
+    private saves;
+    private saving;
+    private get one();
+    private get investigators();
+    private get working();
+    /** What went wrong last: the read, or a save. */
+    private get message();
+    private choices;
+    private get found();
     render(): import("lit-html").TemplateResult<1>;
-    private read;
     private find;
+    /** Only what was changed goes, as a correction of what was read. */
     private save;
     private addEntry;
-    private call;
 }
 export {};