@things-factory/compliance 0.0.0-stage → 10.1.255

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

@@ -0,0 +1,335 @@
+import { __decorate, __metadata } from "tslib";
+import '@material/web/button/filled-button.js';
+import '@material/web/button/text-button.js';
+import '@material/web/icon/icon.js';
+import '@operato/input/ox-input-file.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 { client, 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 { failureOf, wordOf } from '../words.js';
+/** Opens one case's sheet; resolves when it closes. */
+export function openComplianceCaseSheet(id) {
+    return new Promise(resolve => {
+        const popup = openPopup(html `<compliance-case-sheet .caseId=${id} @close=${() => popup.close()}></compliance-case-sheet>`, {
+            backdrop: true,
+            size: 'large',
+            title: i18next.t('title.compliance-case-sheet')
+        });
+        popup.onclosed = () => resolve();
+    });
+}
+const HANDLING = ['investigationStartedOn', 'protectionMeasures', 'victimOpinion', 'finding', 'actionOnAccused', 'resultNotice', 'resultToldOn', 'closedOn'];
+const DAYS = ['investigationStartedOn', 'resultToldOn', 'closedOn'];
+const kebab = (name) => name.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase();
+const today = () => {
+    const now = new Date();
+    return new Date(now.getTime() - now.getTimezoneOffset() * 60000).toISOString().slice(0, 10);
+};
+/**
+ * 사건 처리 (ADR-0187 decision 21) - one case whole, for its handlers and investigators: the report, who investigates
+ * it, the investigation record, the protection of the victim with their view, the finding, what was done to those
+ * reported against, the result told and the closing. A value changed keeps a correction; nothing is deleted.
+ */
+let ComplianceCaseSheet = class ComplianceCaseSheet extends localize(i18next)(LitElement) {
+    constructor() {
+        super(...arguments);
+        this.caseId = '';
+        this.one = null;
+        this.form = {};
+        this.investigators = [];
+        this.found = [];
+        this.entryOn = today();
+        this.entryBody = '';
+        this.entryFiles = [];
+        this.working = false;
+        this.message = '';
+    }
+    static { this.styles = [
+        CommonPopupStyles,
+        PopupBodyStyles,
+        FormFieldStyles,
+        PopupFieldStyles,
+        css `
+      [invalid] {
+        color: var(--ui-crit, var(--md-sys-color-error));
+        font-size: var(--ui-t-small, 11.5px);
+      }
+      [invalid]:empty {
+        display: none;
+      }
+      dl {
+        display: grid;
+        grid-template-columns: max-content 1fr;
+        gap: 2px var(--spacing-large, 12px);
+        margin: 0;
+      }
+      dt {
+        color: var(--ui-muted);
+      }
+      dd {
+        margin: 0;
+        white-space: pre-wrap;
+      }
+      h4 {
+        margin: var(--spacing-medium, 8px) 0 0;
+      }
+      ul {
+        margin: 0;
+        padding: 0;
+        list-style: none;
+      }
+      li {
+        padding: var(--spacing-small, 4px) 0;
+        border-top: 1px solid var(--ui-line-soft, var(--md-sys-color-outline-variant));
+        white-space: pre-wrap;
+      }
+      .muted {
+        color: var(--ui-muted);
+      }
+      .chips,
+      .found {
+        display: flex;
+        flex-wrap: wrap;
+        gap: var(--spacing-small, 4px);
+      }
+      .chips button,
+      .found button {
+        display: inline-flex;
+        align-items: center;
+        gap: 2px;
+        padding: 2px var(--spacing-medium, 8px);
+        border: 1px solid var(--ui-line-soft, var(--md-sys-color-outline-variant));
+        border-radius: 999px;
+        background: none;
+        color: inherit;
+        font: inherit;
+        cursor: pointer;
+      }
+      .chips md-icon {
+        --md-icon-size: 14px;
+      }
+      textarea {
+        min-height: 64px;
+      }
+    `
+    ]; }
+    connectedCallback() {
+        super.connectedCallback();
+        this.read();
+    }
+    render() {
+        const one = this.one;
+        if (!one)
+            return html `<div class="body"><span invalid>${this.message}</span></div>`;
+        const closed = !!one.closedOn;
+        const fact = (field, value) => (value ? html `<dt>${i18next.t(`field.compliance-case-${field}`)}</dt><dd>${value}</dd>` : nothing);
+        return html `
+      <div class="body">
+        <dl>
+          ${fact('kind', wordOf('compliance-case-kind', one.kind))} ${fact('status', wordOf('compliance-case-status', one.status))} ${fact('received-on', one.receivedOn)}
+          ${fact('investigation-due-on', one.investigationDueOn)} ${fact('reporter', one.reporter?.name)} ${fact('victim', one.victim?.name)}
+          ${fact('accused', (one.accused ?? []).map((person) => person.name).join(', '))} ${fact('occurred-on', one.occurredOn)} ${fact('description', one.description)}
+          ${fact('attachments', (one.attachments ?? []).length ? html `${one.attachments.map((file) => html `<a href=${file.fullpath} target="_blank">${file.name}</a> `)}` : '')}
+        </dl>
+
+        <div class="field">
+          <span>${i18next.t('field.compliance-case-investigators')}</span>
+          <div class="chips">
+            ${this.investigators.map(person => html `<button type="button" ?disabled=${closed} aria-label=${i18next.t('button.compliance-case-remove')} @click=${() => (this.investigators = this.investigators.filter(other => other.id !== person.id))}>
+                  ${person.name}<md-icon>close</md-icon>
+                </button>`)}
+          </div>
+          ${closed
+            ? nothing
+            : html `<input placeholder=${i18next.t('text.compliance-case-find-person')} @input=${(e) => this.find(e.target.value)} />
+                <div class="found">
+                  ${this.found
+                .filter(person => !this.investigators.some(other => other.id === person.id))
+                .map(person => html `<button type="button" @click=${() => ((this.investigators = [...this.investigators, person]), (this.found = []))}>${person.note ? `${person.name} · ${person.note}` : person.name}</button>`)}
+                </div>`}
+        </div>
+
+        ${HANDLING.map(field => DAYS.includes(field)
+            ? html `<label class="field">
+                <span>${i18next.t(`field.compliance-case-${kebab(field)}`)}</span>
+                <input type="date" ?disabled=${closed} .value=${this.form[field] ?? ''} @input=${(e) => (this.form = { ...this.form, [field]: e.target.value })} />
+              </label>`
+            : html `<label class="field">
+                <span>${i18next.t(`field.compliance-case-${kebab(field)}`)}</span>
+                <textarea ?disabled=${closed} .value=${this.form[field] ?? ''} @input=${(e) => (this.form = { ...this.form, [field]: e.target.value })}></textarea>
+              </label>`)}
+
+        <h4>${i18next.t('field.compliance-case-entries')}</h4>
+        ${(one.entries ?? []).length
+            ? html `<ul>
+              ${one.entries.map((entry) => html `<li>
+                  <span class="muted">${entry.writtenOn} · ${entry.creator?.name ?? ''}</span><br />${entry.body}
+                  ${(entry.attachments ?? []).map((file) => html ` <a href=${file.fullpath} target="_blank">${file.name}</a>`)}
+                </li>`)}
+            </ul>`
+            : html `<span class="muted">${i18next.t('text.compliance-case-entries-empty')}</span>`}
+        ${closed
+            ? nothing
+            : html `<label class="field">
+                <span>${i18next.t('field.compliance-case-entry-written-on')}</span>
+                <input type="date" .value=${this.entryOn} @input=${(e) => (this.entryOn = e.target.value)} />
+              </label>
+              <label class="field">
+                <span>${i18next.t('field.compliance-case-entry-body')}</span>
+                <textarea .value=${this.entryBody} @input=${(e) => (this.entryBody = e.target.value)}></textarea>
+              </label>
+              <div class="field">
+                <ox-input-file multiple icon="attach_file" @change=${(e) => (this.entryFiles = [...(e.detail ?? [])])}></ox-input-file>
+                <md-text-button ?disabled=${this.working || !this.entryBody.trim()} @click=${() => this.addEntry()}>${i18next.t('button.compliance-case-add-entry')}</md-text-button>
+              </div>`}
+        ${(one.corrections ?? []).length
+            ? html `<h4>${i18next.t('field.compliance-case-corrections')}</h4>
+              <ul>
+                ${one.corrections.map((row) => html `<li class="muted">${new Date(row.createdAt).toLocaleString()} · ${row.creator?.name ?? ''} · ${i18next.t(`field.compliance-case-${kebab(row.field === 'investigatorIds' ? 'investigators' : row.field)}`)}: ${row.before ?? ''} → ${row.after ?? ''}</li>`)}
+              </ul>`
+            : nothing}
+        <span invalid>${this.message}</span>
+      </div>
+
+      <ox-popup-actions>
+        <md-text-button slot="cancel" @click=${() => this.dispatchEvent(new CustomEvent('close'))}>${i18next.t('button.close')}</md-text-button>
+        ${closed ? nothing : html `<md-filled-button slot="confirm" ?disabled=${this.working} @click=${() => this.save()}>${i18next.t('button.save')}</md-filled-button>`}
+      </ox-popup-actions>
+    `;
+    }
+    async read() {
+        try {
+            const response = await client.query({
+                query: gql `
+          query ($id: String!) {
+            complianceCase(id: $id) {
+              id kind status receivedOn investigationDueOn occurredOn description
+              investigationStartedOn protectionMeasures victimOpinion finding actionOnAccused resultNotice resultToldOn closedOn
+              reporter { id name } victim { id name } accused { id name } investigators { id name email }
+              attachments { id name fullpath }
+              entries { id writtenOn body creator { id name } attachments { id name fullpath } }
+              corrections { id field before after createdAt creator { id name } }
+            }
+          }
+        `,
+                variables: { id: this.caseId },
+                fetchPolicy: 'network-only'
+            });
+            if (response.errors?.length)
+                throw response;
+            const one = response.data.complianceCase;
+            this.one = one;
+            this.form = Object.fromEntries(HANDLING.map(field => [field, one[field] ?? '']));
+            this.investigators = (one.investigators ?? []).map((person) => ({ id: person.id, name: person.name, note: person.email }));
+        }
+        catch (error) {
+            this.message = failureOf(error);
+        }
+    }
+    async find(text) {
+        const response = await client.query({
+            query: gql `
+        query ($text: String!) {
+          complianceCaseInvestigatorChoices(text: $text) { id name note }
+        }
+      `,
+            variables: { text },
+            fetchPolicy: 'no-cache'
+        });
+        this.found = response.data?.complianceCaseInvestigatorChoices ?? [];
+    }
+    async save() {
+        await this.call(async () => {
+            const changed = HANDLING.filter(field => (this.form[field] ?? '') !== (this.one[field] ?? ''));
+            const before = (this.one.investigators ?? []).map((person) => person.id).sort().join();
+            const after = this.investigators.map(person => person.id).sort().join();
+            const patch = { id: this.one.id, ...Object.fromEntries(changed.map(field => [field, this.form[field] || null])) };
+            if (before !== after)
+                patch.investigatorIds = this.investigators.map(person => person.id);
+            return await client.mutate({ mutation: gql `mutation ($patch: ComplianceCaseHandling!) { handleComplianceCase(patch: $patch) { id } }`, variables: { patch } });
+        });
+    }
+    async addEntry() {
+        await this.call(async () => {
+            const response = await client.mutate({
+                mutation: gql `
+          mutation ($caseId: String!, $writtenOn: String!, $body: String!, $attach: [Upload!]) {
+            addComplianceCaseEntry(caseId: $caseId, writtenOn: $writtenOn, body: $body, attach: $attach) { id }
+          }
+        `,
+                variables: { caseId: this.one.id, writtenOn: this.entryOn, body: this.entryBody, attach: this.entryFiles },
+                ...(this.entryFiles.length ? { context: uploadContext(() => { }) } : {})
+            });
+            this.entryBody = '';
+            this.entryFiles = [];
+            return response;
+        });
+    }
+    async call(work) {
+        this.message = '';
+        this.working = true;
+        try {
+            const response = await work();
+            if (response.errors?.length)
+                throw response;
+            notify({ message: i18next.t('text.compliance-case-saved') });
+            await this.read();
+        }
+        catch (error) {
+            this.message = failureOf(error);
+        }
+        finally {
+            this.working = false;
+        }
+    }
+};
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", Object)
+], ComplianceCaseSheet.prototype, "caseId", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], ComplianceCaseSheet.prototype, "one", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], ComplianceCaseSheet.prototype, "form", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Array)
+], ComplianceCaseSheet.prototype, "investigators", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Array)
+], ComplianceCaseSheet.prototype, "found", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], ComplianceCaseSheet.prototype, "entryOn", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], ComplianceCaseSheet.prototype, "entryBody", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Array)
+], ComplianceCaseSheet.prototype, "entryFiles", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], ComplianceCaseSheet.prototype, "working", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], ComplianceCaseSheet.prototype, "message", void 0);
+ComplianceCaseSheet = __decorate([
+    customElement('compliance-case-sheet')
+], ComplianceCaseSheet);
+export { ComplianceCaseSheet };
+//# sourceMappingURL=compliance-case-sheet.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"compliance-case-sheet.js","sourceRoot":"","sources":["../../client/components/compliance-case-sheet.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/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\n/** Opens one case's sheet; resolves when it closes. */\nexport function openComplianceCaseSheet(id: string): Promise<void> {\n  return new Promise(resolve => {\n    const popup: any = openPopup(html`<compliance-case-sheet .caseId=${id} @close=${() => popup.close()}></compliance-case-sheet>`, {\n      backdrop: true,\n      size: 'large',\n      title: i18next.t('title.compliance-case-sheet')\n    })\n    popup.onclosed = () => resolve()\n  })\n}\n\nconst HANDLING = ['investigationStartedOn', 'protectionMeasures', 'victimOpinion', 'finding', 'actionOnAccused', 'resultNotice', 'resultToldOn', 'closedOn']\nconst DAYS = ['investigationStartedOn', 'resultToldOn', 'closedOn']\nconst kebab = (name: string) => name.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase()\nconst today = () => {\n  const now = new Date()\n  return new Date(now.getTime() - now.getTimezoneOffset() * 60000).toISOString().slice(0, 10)\n}\n\ntype Person = { id: string; name: string; note?: string }\n\n/**\n * 사건 처리 (ADR-0187 decision 21) - one case whole, for its handlers and investigators: the report, who investigates\n * it, the investigation record, the protection of the victim with their view, the finding, what was done to those\n * reported against, the result told and the closing. A value changed keeps a correction; nothing is deleted.\n */\n@customElement('compliance-case-sheet')\nexport class ComplianceCaseSheet 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      dl {\n        display: grid;\n        grid-template-columns: max-content 1fr;\n        gap: 2px var(--spacing-large, 12px);\n        margin: 0;\n      }\n      dt {\n        color: var(--ui-muted);\n      }\n      dd {\n        margin: 0;\n        white-space: pre-wrap;\n      }\n      h4 {\n        margin: var(--spacing-medium, 8px) 0 0;\n      }\n      ul {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n      }\n      li {\n        padding: var(--spacing-small, 4px) 0;\n        border-top: 1px solid var(--ui-line-soft, var(--md-sys-color-outline-variant));\n        white-space: pre-wrap;\n      }\n      .muted {\n        color: var(--ui-muted);\n      }\n      .chips,\n      .found {\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      textarea {\n        min-height: 64px;\n      }\n    `\n  ]\n\n  @property({ type: String }) caseId = ''\n\n  @state() private one: any = null\n  @state() private form: Record<string, string> = {}\n  @state() private investigators: Person[] = []\n  @state() private found: Person[] = []\n  @state() private entryOn = today()\n  @state() private entryBody = ''\n  @state() private entryFiles: File[] = []\n  @state() private working = false\n  @state() private message = ''\n\n  connectedCallback() {\n    super.connectedCallback()\n    this.read()\n  }\n\n  render() {\n    const one = this.one\n    if (!one) return html`<div class=\"body\"><span invalid>${this.message}</span></div>`\n    const closed = !!one.closedOn\n    const fact = (field: string, value: any) => (value ? html`<dt>${i18next.t(`field.compliance-case-${field}`)}</dt><dd>${value}</dd>` : nothing)\n    return html`\n      <div class=\"body\">\n        <dl>\n          ${fact('kind', wordOf('compliance-case-kind', one.kind))} ${fact('status', wordOf('compliance-case-status', one.status))} ${fact('received-on', one.receivedOn)}\n          ${fact('investigation-due-on', one.investigationDueOn)} ${fact('reporter', one.reporter?.name)} ${fact('victim', one.victim?.name)}\n          ${fact('accused', (one.accused ?? []).map((person: any) => person.name).join(', '))} ${fact('occurred-on', one.occurredOn)} ${fact('description', one.description)}\n          ${fact('attachments', (one.attachments ?? []).length ? html`${one.attachments.map((file: any) => html`<a href=${file.fullpath} target=\"_blank\">${file.name}</a> `)}` : '')}\n        </dl>\n\n        <div class=\"field\">\n          <span>${i18next.t('field.compliance-case-investigators')}</span>\n          <div class=\"chips\">\n            ${this.investigators.map(\n              person =>\n                html`<button type=\"button\" ?disabled=${closed} aria-label=${i18next.t('button.compliance-case-remove')} @click=${() => (this.investigators = this.investigators.filter(other => other.id !== person.id))}>\n                  ${person.name}<md-icon>close</md-icon>\n                </button>`\n            )}\n          </div>\n          ${closed\n            ? nothing\n            : html`<input placeholder=${i18next.t('text.compliance-case-find-person')} @input=${(e: any) => this.find(e.target.value)} />\n                <div class=\"found\">\n                  ${this.found\n                    .filter(person => !this.investigators.some(other => other.id === person.id))\n                    .map(person => html`<button type=\"button\" @click=${() => ((this.investigators = [...this.investigators, person]), (this.found = []))}>${person.note ? `${person.name} · ${person.note}` : person.name}</button>`)}\n                </div>`}\n        </div>\n\n        ${HANDLING.map(field =>\n          DAYS.includes(field)\n            ? html`<label class=\"field\">\n                <span>${i18next.t(`field.compliance-case-${kebab(field)}`)}</span>\n                <input type=\"date\" ?disabled=${closed} .value=${this.form[field] ?? ''} @input=${(e: any) => (this.form = { ...this.form, [field]: e.target.value })} />\n              </label>`\n            : html`<label class=\"field\">\n                <span>${i18next.t(`field.compliance-case-${kebab(field)}`)}</span>\n                <textarea ?disabled=${closed} .value=${this.form[field] ?? ''} @input=${(e: any) => (this.form = { ...this.form, [field]: e.target.value })}></textarea>\n              </label>`\n        )}\n\n        <h4>${i18next.t('field.compliance-case-entries')}</h4>\n        ${(one.entries ?? []).length\n          ? html`<ul>\n              ${one.entries.map(\n                (entry: any) => html`<li>\n                  <span class=\"muted\">${entry.writtenOn} · ${entry.creator?.name ?? ''}</span><br />${entry.body}\n                  ${(entry.attachments ?? []).map((file: any) => html` <a href=${file.fullpath} target=\"_blank\">${file.name}</a>`)}\n                </li>`\n              )}\n            </ul>`\n          : html`<span class=\"muted\">${i18next.t('text.compliance-case-entries-empty')}</span>`}\n        ${closed\n          ? nothing\n          : html`<label class=\"field\">\n                <span>${i18next.t('field.compliance-case-entry-written-on')}</span>\n                <input type=\"date\" .value=${this.entryOn} @input=${(e: any) => (this.entryOn = e.target.value)} />\n              </label>\n              <label class=\"field\">\n                <span>${i18next.t('field.compliance-case-entry-body')}</span>\n                <textarea .value=${this.entryBody} @input=${(e: any) => (this.entryBody = e.target.value)}></textarea>\n              </label>\n              <div class=\"field\">\n                <ox-input-file multiple icon=\"attach_file\" @change=${(e: CustomEvent) => (this.entryFiles = [...((e.detail as File[]) ?? [])])}></ox-input-file>\n                <md-text-button ?disabled=${this.working || !this.entryBody.trim()} @click=${() => this.addEntry()}>${i18next.t('button.compliance-case-add-entry')}</md-text-button>\n              </div>`}\n        ${(one.corrections ?? []).length\n          ? html`<h4>${i18next.t('field.compliance-case-corrections')}</h4>\n              <ul>\n                ${one.corrections.map(\n                  (row: any) =>\n                    html`<li class=\"muted\">${new Date(row.createdAt).toLocaleString()} · ${row.creator?.name ?? ''} · ${i18next.t(`field.compliance-case-${kebab(row.field === 'investigatorIds' ? 'investigators' : row.field)}`)}: ${row.before ?? ''} → ${row.after ?? ''}</li>`\n                )}\n              </ul>`\n          : nothing}\n        <span invalid>${this.message}</span>\n      </div>\n\n      <ox-popup-actions>\n        <md-text-button slot=\"cancel\" @click=${() => this.dispatchEvent(new CustomEvent('close'))}>${i18next.t('button.close')}</md-text-button>\n        ${closed ? nothing : html`<md-filled-button slot=\"confirm\" ?disabled=${this.working} @click=${() => this.save()}>${i18next.t('button.save')}</md-filled-button>`}\n      </ox-popup-actions>\n    `\n  }\n\n  private async read() {\n    try {\n      const response = await client.query({\n        query: gql`\n          query ($id: String!) {\n            complianceCase(id: $id) {\n              id kind status receivedOn investigationDueOn occurredOn description\n              investigationStartedOn protectionMeasures victimOpinion finding actionOnAccused resultNotice resultToldOn closedOn\n              reporter { id name } victim { id name } accused { id name } investigators { id name email }\n              attachments { id name fullpath }\n              entries { id writtenOn body creator { id name } attachments { id name fullpath } }\n              corrections { id field before after createdAt creator { id name } }\n            }\n          }\n        `,\n        variables: { id: this.caseId },\n        fetchPolicy: 'network-only'\n      })\n      if (response.errors?.length) throw response\n      const one = response.data.complianceCase\n      this.one = one\n      this.form = Object.fromEntries(HANDLING.map(field => [field, one[field] ?? '']))\n      this.investigators = (one.investigators ?? []).map((person: any) => ({ id: person.id, name: person.name, note: person.email }))\n    } catch (error) {\n      this.message = failureOf(error)\n    }\n  }\n\n  private async find(text: string) {\n    const response = await client.query({\n      query: gql`\n        query ($text: String!) {\n          complianceCaseInvestigatorChoices(text: $text) { id name note }\n        }\n      `,\n      variables: { text },\n      fetchPolicy: 'no-cache'\n    })\n    this.found = response.data?.complianceCaseInvestigatorChoices ?? []\n  }\n\n  private async save() {\n    await this.call(async () => {\n      const changed = HANDLING.filter(field => (this.form[field] ?? '') !== (this.one[field] ?? ''))\n      const before = (this.one.investigators ?? []).map((person: any) => person.id).sort().join()\n      const after = this.investigators.map(person => person.id).sort().join()\n      const patch: any = { id: this.one.id, ...Object.fromEntries(changed.map(field => [field, this.form[field] || null])) }\n      if (before !== after) patch.investigatorIds = this.investigators.map(person => person.id)\n      return await client.mutate({ mutation: gql`mutation ($patch: ComplianceCaseHandling!) { handleComplianceCase(patch: $patch) { id } }`, variables: { patch } })\n    })\n  }\n\n  private async addEntry() {\n    await this.call(async () => {\n      const response = await client.mutate({\n        mutation: gql`\n          mutation ($caseId: String!, $writtenOn: String!, $body: String!, $attach: [Upload!]) {\n            addComplianceCaseEntry(caseId: $caseId, writtenOn: $writtenOn, body: $body, attach: $attach) { id }\n          }\n        `,\n        variables: { caseId: this.one.id, writtenOn: this.entryOn, body: this.entryBody, attach: this.entryFiles },\n        ...(this.entryFiles.length ? { context: uploadContext(() => {}) } : {})\n      })\n      this.entryBody = ''\n      this.entryFiles = []\n      return response\n    })\n  }\n\n  private async call(work: () => Promise<any>) {\n    this.message = ''\n    this.working = true\n    try {\n      const response = await work()\n      if (response.errors?.length) throw response\n      notify({ message: i18next.t('text.compliance-case-saved') })\n      await this.read()\n    } catch (error) {\n      this.message = failureOf(error)\n    } finally {\n      this.working = false\n    }\n  }\n}\n"]}

package/dist-client/components/compliance-my-inventions.d.ts

@@ -0,0 +1,17 @@
+import '@material/web/button/filled-button.js';
+import { LitElement } from 'lit';
+declare const ComplianceMyInventions_base: (new (...args: any[]) => LitElement) & typeof LitElement;
+/**
+ * 직무발명 신고 - an employee's own entry (ADR-0187 decisions 10, 24): the inventions one is an inventor of, the day the
+ * company is to tell its decision by and what it told, and the way to report another. Nothing of anyone else's.
+ */
+export declare class ComplianceMyInventions extends ComplianceMyInventions_base {
+    static styles: import("lit").CSSResult;
+    private rows;
+    private failure;
+    connectedCallback(): void;
+    private read;
+    render(): import("lit-html").TemplateResult<1>;
+    private report;
+}
+export {};

package/dist-client/components/compliance-my-inventions.js

@@ -0,0 +1,133 @@
+import { __decorate, __metadata } from "tslib";
+import '@material/web/button/filled-button.js';
+import gql from 'graphql-tag';
+import { css, html, LitElement } from 'lit';
+import { customElement, state } from 'lit/decorators.js';
+import { client } from '@operato/graphql';
+import { i18next, localize } from '@operato/i18n';
+import { LegalRecordFiles } from '../legal-record/legal-record-files.js';
+import { failureOf, wordOf } from '../words.js';
+import { openInventionReportForm } from './invention-report-form.js';
+/**
+ * 직무발명 신고 - an employee's own entry (ADR-0187 decisions 10, 24): the inventions one is an inventor of, the day the
+ * company is to tell its decision by and what it told, and the way to report another. Nothing of anyone else's.
+ */
+let ComplianceMyInventions = class ComplianceMyInventions extends localize(i18next)(LitElement) {
+    constructor() {
+        super(...arguments);
+        this.rows = [];
+        this.failure = '';
+    }
+    static { this.styles = css `
+    :host {
+      display: flex;
+      flex-direction: column;
+      gap: var(--spacing-medium, 8px);
+    }
+    header {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      gap: var(--spacing-medium, 8px);
+    }
+    header p,
+    .none {
+      margin: 0;
+      color: var(--ui-muted, var(--md-sys-color-on-surface-variant));
+    }
+    table {
+      width: 100%;
+      border-collapse: collapse;
+    }
+    th,
+    td {
+      padding: 6px 4px;
+      text-align: left;
+      border-bottom: 1px solid var(--ui-line-soft, var(--md-sys-color-outline-variant));
+    }
+    th {
+      color: var(--ui-muted, var(--md-sys-color-on-surface-variant));
+      font-weight: normal;
+    }
+    td.day {
+      white-space: nowrap;
+    }
+    button[quiet] {
+      border: none;
+      background: none;
+      padding: 0;
+      color: var(--md-sys-color-primary);
+      font: inherit;
+      cursor: pointer;
+    }
+    .failure {
+      color: var(--md-sys-color-error);
+    }
+  `; }
+    connectedCallback() {
+        super.connectedCallback();
+        this.read();
+    }
+    async read() {
+        try {
+            const response = await client.query({
+                query: gql `query { myInventions { id title reportedOn decisionDueOn decision decisionToldOn inventors { id name } } }`,
+                fetchPolicy: 'network-only'
+            });
+            if (response.errors?.length)
+                throw response;
+            this.rows = response.data.myInventions;
+        }
+        catch (error) {
+            this.failure = failureOf(error);
+        }
+    }
+    render() {
+        return html `
+      <header>
+        <p>${i18next.t('text.invention-mine-guide')}</p>
+        <md-filled-button @click=${() => this.report()}>${i18next.t('button.invention-report')}</md-filled-button>
+      </header>
+      ${this.failure ? html `<p class="failure">${this.failure}</p>` : ''}
+      ${this.rows.length
+            ? html `<table>
+            <tr>
+              <th>${i18next.t('field.invention-title')}</th>
+              <th>${i18next.t('field.invention-inventors')}</th>
+              <th>${i18next.t('field.invention-reported-on')}</th>
+              <th>${i18next.t('field.invention-decision')}</th>
+              <th>${i18next.t('field.invention-files')}</th>
+            </tr>
+            ${this.rows.map(one => html `<tr>
+                <td>${one.title}</td>
+                <td>${(one.inventors ?? []).map((person) => person.name).join(', ')}</td>
+                <td class="day">${one.reportedOn}</td>
+                <td class="day">
+                  ${one.decision
+                ? `${wordOf('invention-decision', one.decision)} · ${one.decisionToldOn ?? ''}`
+                : i18next.t('text.invention-decision-due', { day: one.decisionDueOn })}
+                </td>
+                <td><button quiet @click=${() => LegalRecordFiles.open('inventionFiles', 'attachInventionFiles', one.id, one.title)}>${i18next.t('button.legal-record-files')}</button></td>
+              </tr>`)}
+          </table>`
+            : html `<p class="none">${i18next.t('text.invention-mine-empty')}</p>`}
+    `;
+    }
+    async report() {
+        if (await openInventionReportForm())
+            this.read();
+    }
+};
+__decorate([
+    state(),
+    __metadata("design:type", Array)
+], ComplianceMyInventions.prototype, "rows", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], ComplianceMyInventions.prototype, "failure", void 0);
+ComplianceMyInventions = __decorate([
+    customElement('compliance-my-inventions')
+], ComplianceMyInventions);
+export { ComplianceMyInventions };
+//# sourceMappingURL=compliance-my-inventions.js.map

package/dist-client/components/compliance-my-inventions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"compliance-my-inventions.js","sourceRoot":"","sources":["../../client/components/compliance-my-inventions.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/button/filled-button.js'\n\nimport gql from 'graphql-tag'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, state } from 'lit/decorators.js'\n\nimport { client } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\n\nimport { LegalRecordFiles } from '../legal-record/legal-record-files.js'\nimport { failureOf, wordOf } from '../words.js'\nimport { openInventionReportForm } from './invention-report-form.js'\n\n/**\n * 직무발명 신고 - an employee's own entry (ADR-0187 decisions 10, 24): the inventions one is an inventor of, the day the\n * company is to tell its decision by and what it told, and the way to report another. Nothing of anyone else's.\n */\n@customElement('compliance-my-inventions')\nexport class ComplianceMyInventions extends localize(i18next)(LitElement) {\n  static styles = css`\n    :host {\n      display: flex;\n      flex-direction: column;\n      gap: var(--spacing-medium, 8px);\n    }\n    header {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: var(--spacing-medium, 8px);\n    }\n    header p,\n    .none {\n      margin: 0;\n      color: var(--ui-muted, var(--md-sys-color-on-surface-variant));\n    }\n    table {\n      width: 100%;\n      border-collapse: collapse;\n    }\n    th,\n    td {\n      padding: 6px 4px;\n      text-align: left;\n      border-bottom: 1px solid var(--ui-line-soft, var(--md-sys-color-outline-variant));\n    }\n    th {\n      color: var(--ui-muted, var(--md-sys-color-on-surface-variant));\n      font-weight: normal;\n    }\n    td.day {\n      white-space: nowrap;\n    }\n    button[quiet] {\n      border: none;\n      background: none;\n      padding: 0;\n      color: var(--md-sys-color-primary);\n      font: inherit;\n      cursor: pointer;\n    }\n    .failure {\n      color: var(--md-sys-color-error);\n    }\n  `\n\n  @state() private rows: any[] = []\n  @state() private failure = ''\n\n  connectedCallback() {\n    super.connectedCallback()\n    this.read()\n  }\n\n  private async read() {\n    try {\n      const response = await client.query({\n        query: gql`query { myInventions { id title reportedOn decisionDueOn decision decisionToldOn inventors { id name } } }`,\n        fetchPolicy: 'network-only'\n      })\n      if (response.errors?.length) throw response\n      this.rows = response.data.myInventions\n    } catch (error) {\n      this.failure = failureOf(error)\n    }\n  }\n\n  render() {\n    return html`\n      <header>\n        <p>${i18next.t('text.invention-mine-guide')}</p>\n        <md-filled-button @click=${() => this.report()}>${i18next.t('button.invention-report')}</md-filled-button>\n      </header>\n      ${this.failure ? html`<p class=\"failure\">${this.failure}</p>` : ''}\n      ${this.rows.length\n        ? html`<table>\n            <tr>\n              <th>${i18next.t('field.invention-title')}</th>\n              <th>${i18next.t('field.invention-inventors')}</th>\n              <th>${i18next.t('field.invention-reported-on')}</th>\n              <th>${i18next.t('field.invention-decision')}</th>\n              <th>${i18next.t('field.invention-files')}</th>\n            </tr>\n            ${this.rows.map(\n              one => html`<tr>\n                <td>${one.title}</td>\n                <td>${(one.inventors ?? []).map((person: any) => person.name).join(', ')}</td>\n                <td class=\"day\">${one.reportedOn}</td>\n                <td class=\"day\">\n                  ${one.decision\n                    ? `${wordOf('invention-decision', one.decision)} · ${one.decisionToldOn ?? ''}`\n                    : i18next.t('text.invention-decision-due', { day: one.decisionDueOn })}\n                </td>\n                <td><button quiet @click=${() => LegalRecordFiles.open('inventionFiles', 'attachInventionFiles', one.id, one.title)}>${i18next.t('button.legal-record-files')}</button></td>\n              </tr>`\n            )}\n          </table>`\n        : html`<p class=\"none\">${i18next.t('text.invention-mine-empty')}</p>`}\n    `\n  }\n\n  private async report() {\n    if (await openInventionReportForm()) this.read()\n  }\n}\n"]}

package/dist-client/components/compliance-my-privacy-requests.d.ts

@@ -0,0 +1,34 @@
+import '@material/web/button/filled-button.js';
+import '@material/web/button/filled-tonal-button.js';
+import '@material/web/button/text-button.js';
+import '@operato/input/ox-input-select-buttons.js';
+import '@operato/popup/ox-popup-actions.js';
+import { LitElement } from 'lit';
+/** Opens the request form; resolves with the request raised, or null when closed. */
+export declare function openPrivacyRequestForm(): Promise<any | null>;
+declare const CompliancePrivacyRequestForm_base: (new (...args: any[]) => LitElement) & typeof LitElement;
+/** 내 개인정보 요구 쓰기 - what is asked of one's own personal information. */
+export declare class CompliancePrivacyRequestForm extends CompliancePrivacyRequestForm_base {
+    static styles: import("lit").CSSResult[];
+    private kind;
+    private details;
+    private working;
+    private message;
+    render(): import("lit-html").TemplateResult<1>;
+    private raise;
+}
+declare const ComplianceMyPrivacyRequests_base: (new (...args: any[]) => LitElement) & typeof LitElement;
+/**
+ * 내 개인정보 요구 (ADR-0187 decisions 10, 22) - inside 「회사 규정과 안내」: ask to see, correct, delete or stop the
+ * processing of one's own personal information, and see each one's due day and answer.
+ */
+export declare class ComplianceMyPrivacyRequests extends ComplianceMyPrivacyRequests_base {
+    static styles: import("lit").CSSResult;
+    private requests;
+    private message;
+    connectedCallback(): void;
+    render(): import("lit-html").TemplateResult<1>;
+    private read;
+    private raise;
+}
+export {};