@things-factory/compliance 0.0.0-stage → 10.1.255

package/dist-client/components/compliance-my-privacy-requests.js

@@ -0,0 +1,232 @@
+import { __decorate, __metadata } from "tslib";
+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 gql from 'graphql-tag';
+import { css, html, LitElement, nothing } from 'lit';
+import { customElement, state } from 'lit/decorators.js';
+import { client } 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';
+const REQUEST_KINDS = ['ACCESS', 'CORRECTION', 'DELETION', 'SUSPENSION'];
+/** Opens the request form; resolves with the request raised, or null when closed. */
+export function openPrivacyRequestForm() {
+    return new Promise(resolve => {
+        let done = null;
+        const popup = openPopup(html `<compliance-privacy-request-form @close=${() => popup.close()} @raised=${(e) => ((done = e.detail), popup.close())}></compliance-privacy-request-form>`, { backdrop: true, size: 'medium', title: i18next.t('title.privacy-request-raise') });
+        popup.onclosed = () => resolve(done);
+    });
+}
+/** 내 개인정보 요구 쓰기 - what is asked of one's own personal information. */
+let CompliancePrivacyRequestForm = class CompliancePrivacyRequestForm extends localize(i18next)(LitElement) {
+    constructor() {
+        super(...arguments);
+        this.kind = 'ACCESS';
+        this.details = '';
+        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;
+      }
+      [guide] p {
+        margin: 0;
+        color: var(--ui-muted);
+        line-height: var(--popup-line-height);
+      }
+      ox-input-select-buttons {
+        align-self: flex-start;
+      }
+      textarea {
+        min-height: 96px;
+      }
+    `
+    ]; }
+    render() {
+        return html `
+      <div class="body">
+        <div guide><p>${i18next.t('text.privacy-request-guide')}</p></div>
+        <div class="field">
+          <ox-input-select-buttons
+            .value=${this.kind}
+            .options=${REQUEST_KINDS.map(code => ({ display: wordOf('privacy-request-kind', code), value: code }))}
+            @change=${(e) => e.detail && (this.kind = e.detail)}
+          ></ox-input-select-buttons>
+        </div>
+        <label class="field">
+          <span>${i18next.t('field.privacy-request-details')}</span>
+          <textarea .value=${this.details} @input=${(e) => (this.details = e.target.value)}></textarea>
+          <span invalid>${this.message}</span>
+        </label>
+      </div>
+
+      <ox-popup-actions>
+        <md-text-button slot="cancel" @click=${() => this.dispatchEvent(new CustomEvent('close'))}>${i18next.t('button.cancel')}</md-text-button>
+        <md-filled-button slot="confirm" ?disabled=${this.working} @click=${() => this.raise()}>${i18next.t('button.privacy-request-raise')}</md-filled-button>
+      </ox-popup-actions>
+    `;
+    }
+    async raise() {
+        this.message = '';
+        this.working = true;
+        try {
+            const response = await client.mutate({
+                mutation: gql `
+          mutation ($request: NewMyPrivacyRequest!) {
+            raiseMyPrivacyRequest(request: $request) { id dueOn }
+          }
+        `,
+                variables: { request: { kind: this.kind, details: this.details } }
+            });
+            if (response.errors?.length)
+                throw response;
+            notify({ message: i18next.t('text.privacy-request-raised', { dueOn: response.data.raiseMyPrivacyRequest.dueOn }) });
+            this.dispatchEvent(new CustomEvent('raised', { detail: response.data.raiseMyPrivacyRequest }));
+        }
+        catch (error) {
+            this.message = failureOf(error);
+        }
+        finally {
+            this.working = false;
+        }
+    }
+};
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], CompliancePrivacyRequestForm.prototype, "kind", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], CompliancePrivacyRequestForm.prototype, "details", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], CompliancePrivacyRequestForm.prototype, "working", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], CompliancePrivacyRequestForm.prototype, "message", void 0);
+CompliancePrivacyRequestForm = __decorate([
+    customElement('compliance-privacy-request-form')
+], CompliancePrivacyRequestForm);
+export { CompliancePrivacyRequestForm };
+/**
+ * 내 개인정보 요구 (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.
+ */
+let ComplianceMyPrivacyRequests = class ComplianceMyPrivacyRequests extends localize(i18next)(LitElement) {
+    constructor() {
+        super(...arguments);
+        this.requests = [];
+        this.message = '';
+    }
+    static { this.styles = css `
+    :host {
+      display: flex;
+      flex-direction: column;
+      gap: var(--spacing-medium, 8px);
+      color: var(--ui-ink);
+      font-size: var(--ui-t-body, 13px);
+      line-height: 1.6;
+    }
+    .head {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      gap: var(--spacing-medium, 8px);
+    }
+    .muted {
+      color: var(--ui-muted);
+    }
+    ul {
+      margin: 0;
+      padding: 0;
+      list-style: none;
+    }
+    li {
+      padding: var(--spacing-medium, 8px) 0;
+      border-top: 1px solid var(--ui-line-soft, var(--md-sys-color-outline-variant));
+    }
+    p {
+      margin: var(--spacing-small, 4px) 0 0;
+      white-space: pre-wrap;
+    }
+  `; }
+    connectedCallback() {
+        super.connectedCallback();
+        this.read();
+    }
+    render() {
+        return html `
+      <div class="head">
+        <span class="muted">${i18next.t('text.privacy-request-my-guide')}</span>
+        <md-filled-tonal-button @click=${() => this.raise()}>${i18next.t('button.privacy-request-raise')}</md-filled-tonal-button>
+      </div>
+      ${this.message ? html `<span class="muted">${this.message}</span>` : nothing}
+      ${this.requests.length
+            ? html `<ul>
+            ${this.requests.map(one => html `<li>
+                <strong>${wordOf('privacy-request-kind', one.kind)}</strong> · ${one.receivedOn} ·
+                ${one.repliedOn
+                ? i18next.t('text.privacy-request-replied', { day: one.repliedOn })
+                : i18next.t('text.privacy-request-due', { day: one.extendedDueOn || one.dueOn })}
+                <p>${one.details}</p>
+                ${one.extensionReason ? html `<p class="muted">${i18next.t('field.privacy-request-extension-reason')}: ${one.extensionReason}</p>` : nothing}
+                ${one.repliedOn && one.handling ? html `<p>${one.handling}</p>` : nothing}
+              </li>`)}
+          </ul>`
+            : html `<span class="muted">${i18next.t('text.privacy-request-my-empty')}</span>`}
+    `;
+    }
+    async read() {
+        try {
+            const response = await client.query({
+                query: gql `
+          query {
+            myPrivacyRequests { id kind details receivedOn dueOn extendedDueOn extensionReason handling repliedOn }
+          }
+        `,
+                fetchPolicy: 'network-only'
+            });
+            if (response.errors?.length)
+                throw response;
+            this.requests = response.data.myPrivacyRequests ?? [];
+            this.message = '';
+        }
+        catch (error) {
+            this.message = failureOf(error);
+        }
+    }
+    async raise() {
+        if (await openPrivacyRequestForm())
+            this.read();
+    }
+};
+__decorate([
+    state(),
+    __metadata("design:type", Array)
+], ComplianceMyPrivacyRequests.prototype, "requests", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], ComplianceMyPrivacyRequests.prototype, "message", void 0);
+ComplianceMyPrivacyRequests = __decorate([
+    customElement('compliance-my-privacy-requests')
+], ComplianceMyPrivacyRequests);
+export { ComplianceMyPrivacyRequests };
+//# sourceMappingURL=compliance-my-privacy-requests.js.map

package/dist-client/components/compliance-my-privacy-requests.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"compliance-my-privacy-requests.js","sourceRoot":"","sources":["../../client/components/compliance-my-privacy-requests.ts"],"names":[],"mappings":";AAAA,OAAO,uCAAuC,CAAA;AAC9C,OAAO,6CAA6C,CAAA;AACpD,OAAO,qCAAqC,CAAA;AAC5C,OAAO,2CAA2C,CAAA;AAClD,OAAO,oCAAoC,CAAA;AAE3C,OAAO,GAAG,MAAM,aAAa,CAAA;AAC7B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,KAAK,CAAA;AACpD,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAExD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AACnD,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;AAEvG,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AAE/C,MAAM,aAAa,GAAG,CAAC,QAAQ,EAAE,YAAY,EAAE,UAAU,EAAE,YAAY,CAAC,CAAA;AAExE,qFAAqF;AACrF,MAAM,UAAU,sBAAsB;IACpC,OAAO,IAAI,OAAO,CAAC,OAAO,CAAC,EAAE;QAC3B,IAAI,IAAI,GAAQ,IAAI,CAAA;QACpB,MAAM,KAAK,GAAQ,SAAS,CAC1B,IAAI,CAAA,2CAA2C,GAAG,EAAE,CAAC,KAAK,CAAC,KAAK,EAAE,YAAY,CAAC,CAAc,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,MAAM,CAAC,EAAE,KAAK,CAAC,KAAK,EAAE,CAAC,qCAAqC,EACzK,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,6BAA6B,CAAC,EAAE,CACpF,CAAA;QACD,KAAK,CAAC,QAAQ,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;IACtC,CAAC,CAAC,CAAA;AACJ,CAAC;AAED,sEAAsE;AAE/D,IAAM,4BAA4B,GAAlC,MAAM,4BAA6B,SAAQ,QAAQ,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC;IAAxE;;QA4BY,SAAI,GAAG,QAAQ,CAAA;QACf,YAAO,GAAG,EAAE,CAAA;QACZ,YAAO,GAAG,KAAK,CAAA;QACf,YAAO,GAAG,EAAE,CAAA;IAgD/B,CAAC;aA9EQ,WAAM,GAAG;QACd,iBAAiB;QACjB,eAAe;QACf,eAAe;QACf,gBAAgB;QAChB,GAAG,CAAA;;;;;;;;;;;;;;;;;;;KAmBF;KACF,AAzBY,CAyBZ;IAOD,MAAM;QACJ,OAAO,IAAI,CAAA;;wBAES,OAAO,CAAC,CAAC,CAAC,4BAA4B,CAAC;;;qBAG1C,IAAI,CAAC,IAAI;uBACP,aAAa,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,MAAM,CAAC,sBAAsB,EAAE,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC;sBAC5F,CAAC,CAAc,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC,MAAM,CAAC;;;;kBAI1D,OAAO,CAAC,CAAC,CAAC,+BAA+B,CAAC;6BAC/B,IAAI,CAAC,OAAO,WAAW,CAAC,CAAM,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;0BACrE,IAAI,CAAC,OAAO;;;;;+CAKS,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,OAAO,CAAC,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC;qDAC1E,IAAI,CAAC,OAAO,WAAW,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,OAAO,CAAC,CAAC,CAAC,8BAA8B,CAAC;;KAEtI,CAAA;IACH,CAAC;IAEO,KAAK,CAAC,KAAK;QACjB,IAAI,CAAC,OAAO,GAAG,EAAE,CAAA;QACjB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAA;QACnB,IAAI,CAAC;YACH,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,MAAM,CAAC;gBACnC,QAAQ,EAAE,GAAG,CAAA;;;;SAIZ;gBACD,SAAS,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,EAAE;aACnE,CAAC,CAAA;YACF,IAAI,QAAQ,CAAC,MAAM,EAAE,MAAM;gBAAE,MAAM,QAAQ,CAAA;YAC3C,MAAM,CAAC,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,6BAA6B,EAAE,EAAE,KAAK,EAAE,QAAQ,CAAC,IAAI,CAAC,qBAAqB,CAAC,KAAK,EAAE,CAAC,EAAE,CAAC,CAAA;YACnH,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,QAAQ,EAAE,EAAE,MAAM,EAAE,QAAQ,CAAC,IAAI,CAAC,qBAAqB,EAAE,CAAC,CAAC,CAAA;QAChG,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,IAAI,CAAC,OAAO,GAAG,SAAS,CAAC,KAAK,CAAC,CAAA;QACjC,CAAC;gBAAS,CAAC;YACT,IAAI,CAAC,OAAO,GAAG,KAAK,CAAA;QACtB,CAAC;IACH,CAAC;;AAlDgB;IAAhB,KAAK,EAAE;;0DAAwB;AACf;IAAhB,KAAK,EAAE;;6DAAqB;AACZ;IAAhB,KAAK,EAAE;;6DAAwB;AACf;IAAhB,KAAK,EAAE;;6DAAqB;AA/BlB,4BAA4B;IADxC,aAAa,CAAC,iCAAiC,CAAC;GACpC,4BAA4B,CA+ExC;;AAED;;;GAGG;AAEI,IAAM,2BAA2B,GAAjC,MAAM,2BAA4B,SAAQ,QAAQ,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC;IAAvE;;QAkCY,aAAQ,GAAU,EAAE,CAAA;QACpB,YAAO,GAAG,EAAE,CAAA;IAqD/B,CAAC;aAvFQ,WAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BlB,AA/BY,CA+BZ;IAKD,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAA;QACzB,IAAI,CAAC,IAAI,EAAE,CAAA;IACb,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA;;8BAEe,OAAO,CAAC,CAAC,CAAC,+BAA+B,CAAC;yCAC/B,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,OAAO,CAAC,CAAC,CAAC,8BAA8B,CAAC;;QAEhG,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAA,uBAAuB,IAAI,CAAC,OAAO,SAAS,CAAC,CAAC,CAAC,OAAO;QACzE,IAAI,CAAC,QAAQ,CAAC,MAAM;YACpB,CAAC,CAAC,IAAI,CAAA;cACA,IAAI,CAAC,QAAQ,CAAC,GAAG,CACjB,GAAG,CAAC,EAAE,CAAC,IAAI,CAAA;0BACC,MAAM,CAAC,sBAAsB,EAAE,GAAG,CAAC,IAAI,CAAC,eAAe,GAAG,CAAC,UAAU;kBAC7E,GAAG,CAAC,SAAS;gBACb,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,8BAA8B,EAAE,EAAE,GAAG,EAAE,GAAG,CAAC,SAAS,EAAE,CAAC;gBACnE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,0BAA0B,EAAE,EAAE,GAAG,EAAE,GAAG,CAAC,aAAa,IAAI,GAAG,CAAC,KAAK,EAAE,CAAC;qBAC7E,GAAG,CAAC,OAAO;kBACd,GAAG,CAAC,eAAe,CAAC,CAAC,CAAC,IAAI,CAAA,oBAAoB,OAAO,CAAC,CAAC,CAAC,wCAAwC,CAAC,KAAK,GAAG,CAAC,eAAe,MAAM,CAAC,CAAC,CAAC,OAAO;kBACzI,GAAG,CAAC,SAAS,IAAI,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAA,MAAM,GAAG,CAAC,QAAQ,MAAM,CAAC,CAAC,CAAC,OAAO;oBACpE,CACP;gBACG;YACR,CAAC,CAAC,IAAI,CAAA,uBAAuB,OAAO,CAAC,CAAC,CAAC,+BAA+B,CAAC,SAAS;KACnF,CAAA;IACH,CAAC;IAEO,KAAK,CAAC,IAAI;QAChB,IAAI,CAAC;YACH,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;gBAClC,KAAK,EAAE,GAAG,CAAA;;;;SAIT;gBACD,WAAW,EAAE,cAAc;aAC5B,CAAC,CAAA;YACF,IAAI,QAAQ,CAAC,MAAM,EAAE,MAAM;gBAAE,MAAM,QAAQ,CAAA;YAC3C,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,iBAAiB,IAAI,EAAE,CAAA;YACrD,IAAI,CAAC,OAAO,GAAG,EAAE,CAAA;QACnB,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,IAAI,CAAC,OAAO,GAAG,SAAS,CAAC,KAAK,CAAC,CAAA;QACjC,CAAC;IACH,CAAC;IAEO,KAAK,CAAC,KAAK;QACjB,IAAI,MAAM,sBAAsB,EAAE;YAAE,IAAI,CAAC,IAAI,EAAE,CAAA;IACjD,CAAC;;AArDgB;IAAhB,KAAK,EAAE;;6DAA6B;AACpB;IAAhB,KAAK,EAAE;;4DAAqB;AAnClB,2BAA2B;IADvC,aAAa,CAAC,gCAAgC,CAAC;GACnC,2BAA2B,CAwFvC","sourcesContent":["import '@material/web/button/filled-button.js'\nimport '@material/web/button/filled-tonal-button.js'\nimport '@material/web/button/text-button.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, state } from 'lit/decorators.js'\n\nimport { client } 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\nconst REQUEST_KINDS = ['ACCESS', 'CORRECTION', 'DELETION', 'SUSPENSION']\n\n/** Opens the request form; resolves with the request raised, or null when closed. */\nexport function openPrivacyRequestForm(): Promise<any | null> {\n  return new Promise(resolve => {\n    let done: any = null\n    const popup: any = openPopup(\n      html`<compliance-privacy-request-form @close=${() => popup.close()} @raised=${(e: CustomEvent) => ((done = e.detail), popup.close())}></compliance-privacy-request-form>`,\n      { backdrop: true, size: 'medium', title: i18next.t('title.privacy-request-raise') }\n    )\n    popup.onclosed = () => resolve(done)\n  })\n}\n\n/** 내 개인정보 요구 쓰기 - what is asked of one's own personal information. */\n@customElement('compliance-privacy-request-form')\nexport class CompliancePrivacyRequestForm 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      ox-input-select-buttons {\n        align-self: flex-start;\n      }\n      textarea {\n        min-height: 96px;\n      }\n    `\n  ]\n\n  @state() private kind = 'ACCESS'\n  @state() private details = ''\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.privacy-request-guide')}</p></div>\n        <div class=\"field\">\n          <ox-input-select-buttons\n            .value=${this.kind}\n            .options=${REQUEST_KINDS.map(code => ({ display: wordOf('privacy-request-kind', code), value: code }))}\n            @change=${(e: CustomEvent) => e.detail && (this.kind = e.detail)}\n          ></ox-input-select-buttons>\n        </div>\n        <label class=\"field\">\n          <span>${i18next.t('field.privacy-request-details')}</span>\n          <textarea .value=${this.details} @input=${(e: any) => (this.details = e.target.value)}></textarea>\n          <span invalid>${this.message}</span>\n        </label>\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.raise()}>${i18next.t('button.privacy-request-raise')}</md-filled-button>\n      </ox-popup-actions>\n    `\n  }\n\n  private async raise() {\n    this.message = ''\n    this.working = true\n    try {\n      const response = await client.mutate({\n        mutation: gql`\n          mutation ($request: NewMyPrivacyRequest!) {\n            raiseMyPrivacyRequest(request: $request) { id dueOn }\n          }\n        `,\n        variables: { request: { kind: this.kind, details: this.details } }\n      })\n      if (response.errors?.length) throw response\n      notify({ message: i18next.t('text.privacy-request-raised', { dueOn: response.data.raiseMyPrivacyRequest.dueOn }) })\n      this.dispatchEvent(new CustomEvent('raised', { detail: response.data.raiseMyPrivacyRequest }))\n    } catch (error) {\n      this.message = failureOf(error)\n    } finally {\n      this.working = false\n    }\n  }\n}\n\n/**\n * 내 개인정보 요구 (ADR-0187 decisions 10, 22) - inside 「회사 규정과 안내」: ask to see, correct, delete or stop the\n * processing of one's own personal information, and see each one's due day and answer.\n */\n@customElement('compliance-my-privacy-requests')\nexport class ComplianceMyPrivacyRequests extends localize(i18next)(LitElement) {\n  static styles = css`\n    :host {\n      display: flex;\n      flex-direction: column;\n      gap: var(--spacing-medium, 8px);\n      color: var(--ui-ink);\n      font-size: var(--ui-t-body, 13px);\n      line-height: 1.6;\n    }\n    .head {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: var(--spacing-medium, 8px);\n    }\n    .muted {\n      color: var(--ui-muted);\n    }\n    ul {\n      margin: 0;\n      padding: 0;\n      list-style: none;\n    }\n    li {\n      padding: var(--spacing-medium, 8px) 0;\n      border-top: 1px solid var(--ui-line-soft, var(--md-sys-color-outline-variant));\n    }\n    p {\n      margin: var(--spacing-small, 4px) 0 0;\n      white-space: pre-wrap;\n    }\n  `\n\n  @state() private requests: any[] = []\n  @state() private message = ''\n\n  connectedCallback() {\n    super.connectedCallback()\n    this.read()\n  }\n\n  render() {\n    return html`\n      <div class=\"head\">\n        <span class=\"muted\">${i18next.t('text.privacy-request-my-guide')}</span>\n        <md-filled-tonal-button @click=${() => this.raise()}>${i18next.t('button.privacy-request-raise')}</md-filled-tonal-button>\n      </div>\n      ${this.message ? html`<span class=\"muted\">${this.message}</span>` : nothing}\n      ${this.requests.length\n        ? html`<ul>\n            ${this.requests.map(\n              one => html`<li>\n                <strong>${wordOf('privacy-request-kind', one.kind)}</strong> · ${one.receivedOn} ·\n                ${one.repliedOn\n                  ? i18next.t('text.privacy-request-replied', { day: one.repliedOn })\n                  : i18next.t('text.privacy-request-due', { day: one.extendedDueOn || one.dueOn })}\n                <p>${one.details}</p>\n                ${one.extensionReason ? html`<p class=\"muted\">${i18next.t('field.privacy-request-extension-reason')}: ${one.extensionReason}</p>` : nothing}\n                ${one.repliedOn && one.handling ? html`<p>${one.handling}</p>` : nothing}\n              </li>`\n            )}\n          </ul>`\n        : html`<span class=\"muted\">${i18next.t('text.privacy-request-my-empty')}</span>`}\n    `\n  }\n\n  private async read() {\n    try {\n      const response = await client.query({\n        query: gql`\n          query {\n            myPrivacyRequests { id kind details receivedOn dueOn extendedDueOn extensionReason handling repliedOn }\n          }\n        `,\n        fetchPolicy: 'network-only'\n      })\n      if (response.errors?.length) throw response\n      this.requests = response.data.myPrivacyRequests ?? []\n      this.message = ''\n    } catch (error) {\n      this.message = failureOf(error)\n    }\n  }\n\n  private async raise() {\n    if (await openPrivacyRequestForm()) this.read()\n  }\n}\n"]}

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

@@ -0,0 +1,19 @@
+import '@material/web/button/filled-tonal-button.js';
+import { LitElement } from 'lit';
+declare const ComplianceMyReports_base: (new (...args: any[]) => LitElement) & typeof LitElement;
+/**
+ * 신고하기 (ADR-0187 decisions 10, 21) - the employee's way in, inside 「회사 규정과 안내」: report a case, and follow
+ * what they reported or what happened to them - where it stands, the protection given, the result told. Never the
+ * investigation; the server hands out none of it here.
+ */
+export declare class ComplianceMyReports extends ComplianceMyReports_base {
+    static styles: import("lit").CSSResult;
+    private reports;
+    private message;
+    connectedCallback(): void;
+    render(): import("lit-html").TemplateResult<1>;
+    private item;
+    private read;
+    private report;
+}
+export {};

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

@@ -0,0 +1,137 @@
+import { __decorate, __metadata } from "tslib";
+import '@material/web/button/filled-tonal-button.js';
+import gql from 'graphql-tag';
+import { css, html, LitElement, nothing } from 'lit';
+import { customElement, state } from 'lit/decorators.js';
+import { client } from '@operato/graphql';
+import { i18next, localize } from '@operato/i18n';
+import { failureOf, wordOf } from '../words.js';
+import { openComplianceCaseForm } from './compliance-case-form.js';
+/**
+ * 신고하기 (ADR-0187 decisions 10, 21) - the employee's way in, inside 「회사 규정과 안내」: report a case, and follow
+ * what they reported or what happened to them - where it stands, the protection given, the result told. Never the
+ * investigation; the server hands out none of it here.
+ */
+let ComplianceMyReports = class ComplianceMyReports extends localize(i18next)(LitElement) {
+    constructor() {
+        super(...arguments);
+        this.reports = [];
+        this.message = '';
+    }
+    static { this.styles = css `
+    :host {
+      display: flex;
+      flex-direction: column;
+      gap: var(--spacing-medium, 8px);
+      color: var(--ui-ink);
+      font-size: var(--ui-t-body, 13px);
+      line-height: 1.6;
+    }
+    .head {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      gap: var(--spacing-medium, 8px);
+    }
+    .muted {
+      color: var(--ui-muted);
+    }
+    ul {
+      margin: 0;
+      padding: 0;
+      list-style: none;
+    }
+    li {
+      padding: var(--spacing-medium, 8px) 0;
+      border-top: 1px solid var(--ui-line-soft, var(--md-sys-color-outline-variant));
+    }
+    dl {
+      display: grid;
+      grid-template-columns: max-content 1fr;
+      gap: 2px var(--spacing-large, 12px);
+      margin: var(--spacing-small, 4px) 0 0;
+    }
+    dt {
+      color: var(--ui-muted);
+    }
+    dd {
+      margin: 0;
+      white-space: pre-wrap;
+    }
+    [outside] {
+      margin: var(--spacing-small, 4px) 0 0;
+      color: var(--ui-crit, var(--md-sys-color-error));
+    }
+  `; }
+    connectedCallback() {
+        super.connectedCallback();
+        this.read();
+    }
+    render() {
+        return html `
+      <div class="head">
+        <span class="muted">${i18next.t('text.compliance-case-my-guide')}</span>
+        <md-filled-tonal-button @click=${() => this.report()}>${i18next.t('button.compliance-case-report')}</md-filled-tonal-button>
+      </div>
+      ${this.message ? html `<span class="muted">${this.message}</span>` : nothing}
+      ${this.reports.length
+            ? html `<ul>
+            ${this.reports.map(one => this.item(one))}
+          </ul>`
+            : html `<span class="muted">${i18next.t('text.compliance-case-my-empty')}</span>`}
+    `;
+    }
+    item(one) {
+        const row = (field, value) => (value ? html `<dt>${i18next.t(`field.compliance-case-${field}`)}</dt><dd>${value}</dd>` : nothing);
+        return html `<li>
+      <strong>${wordOf('compliance-case-kind', one.kind)}</strong> · ${one.receivedOn} · ${wordOf('compliance-case-status', one.status)}
+      ${one.standing === 'VICTIM' ? html ` · <span class="muted">${i18next.t('text.compliance-case-standing-victim')}</span>` : nothing}
+      ${one.noInsideHandler
+            ? html `<p outside>${i18next.t('text.compliance-case-no-inside-handler')} ${i18next.t('text.compliance-case-ministry-route')}</p>`
+            : nothing}
+      <dl>
+        ${row('accused', one.accusedNames?.join(', '))} ${row('description', one.description)} ${row('protection-measures', one.protectionMeasures)}
+        ${row('victim-opinion', one.victimOpinion)} ${row('result-notice', one.resultNotice)} ${row('result-told-on', one.resultToldOn)} ${row('closed-on', one.closedOn)}
+      </dl>
+    </li>`;
+    }
+    async read() {
+        try {
+            const response = await client.query({
+                query: gql `
+          query {
+            myComplianceReports {
+              id kind status standing receivedOn noInsideHandler occurredOn description accusedNames victimName
+              protectionMeasures victimOpinion resultNotice resultToldOn closedOn
+            }
+          }
+        `,
+                fetchPolicy: 'network-only'
+            });
+            if (response.errors?.length)
+                throw response;
+            this.reports = response.data.myComplianceReports ?? [];
+            this.message = '';
+        }
+        catch (error) {
+            this.message = failureOf(error);
+        }
+    }
+    async report() {
+        if (await openComplianceCaseForm())
+            this.read();
+    }
+};
+__decorate([
+    state(),
+    __metadata("design:type", Array)
+], ComplianceMyReports.prototype, "reports", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], ComplianceMyReports.prototype, "message", void 0);
+ComplianceMyReports = __decorate([
+    customElement('compliance-my-reports')
+], ComplianceMyReports);
+export { ComplianceMyReports };
+//# sourceMappingURL=compliance-my-reports.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"compliance-my-reports.js","sourceRoot":"","sources":["../../client/components/compliance-my-reports.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/button/filled-tonal-button.js'\n\nimport gql from 'graphql-tag'\nimport { css, html, LitElement, nothing } from 'lit'\nimport { customElement, state } from 'lit/decorators.js'\n\nimport { client } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\n\nimport { failureOf, wordOf } from '../words.js'\nimport { openComplianceCaseForm } from './compliance-case-form.js'\n\n/**\n * 신고하기 (ADR-0187 decisions 10, 21) - the employee's way in, inside 「회사 규정과 안내」: report a case, and follow\n * what they reported or what happened to them - where it stands, the protection given, the result told. Never the\n * investigation; the server hands out none of it here.\n */\n@customElement('compliance-my-reports')\nexport class ComplianceMyReports extends localize(i18next)(LitElement) {\n  static styles = css`\n    :host {\n      display: flex;\n      flex-direction: column;\n      gap: var(--spacing-medium, 8px);\n      color: var(--ui-ink);\n      font-size: var(--ui-t-body, 13px);\n      line-height: 1.6;\n    }\n    .head {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: var(--spacing-medium, 8px);\n    }\n    .muted {\n      color: var(--ui-muted);\n    }\n    ul {\n      margin: 0;\n      padding: 0;\n      list-style: none;\n    }\n    li {\n      padding: var(--spacing-medium, 8px) 0;\n      border-top: 1px solid var(--ui-line-soft, var(--md-sys-color-outline-variant));\n    }\n    dl {\n      display: grid;\n      grid-template-columns: max-content 1fr;\n      gap: 2px var(--spacing-large, 12px);\n      margin: var(--spacing-small, 4px) 0 0;\n    }\n    dt {\n      color: var(--ui-muted);\n    }\n    dd {\n      margin: 0;\n      white-space: pre-wrap;\n    }\n    [outside] {\n      margin: var(--spacing-small, 4px) 0 0;\n      color: var(--ui-crit, var(--md-sys-color-error));\n    }\n  `\n\n  @state() private reports: any[] = []\n  @state() private message = ''\n\n  connectedCallback() {\n    super.connectedCallback()\n    this.read()\n  }\n\n  render() {\n    return html`\n      <div class=\"head\">\n        <span class=\"muted\">${i18next.t('text.compliance-case-my-guide')}</span>\n        <md-filled-tonal-button @click=${() => this.report()}>${i18next.t('button.compliance-case-report')}</md-filled-tonal-button>\n      </div>\n      ${this.message ? html`<span class=\"muted\">${this.message}</span>` : nothing}\n      ${this.reports.length\n        ? html`<ul>\n            ${this.reports.map(one => this.item(one))}\n          </ul>`\n        : html`<span class=\"muted\">${i18next.t('text.compliance-case-my-empty')}</span>`}\n    `\n  }\n\n  private item(one: any) {\n    const row = (field: string, value: any) => (value ? html`<dt>${i18next.t(`field.compliance-case-${field}`)}</dt><dd>${value}</dd>` : nothing)\n    return html`<li>\n      <strong>${wordOf('compliance-case-kind', one.kind)}</strong> · ${one.receivedOn} · ${wordOf('compliance-case-status', one.status)}\n      ${one.standing === 'VICTIM' ? html` · <span class=\"muted\">${i18next.t('text.compliance-case-standing-victim')}</span>` : nothing}\n      ${one.noInsideHandler\n        ? html`<p outside>${i18next.t('text.compliance-case-no-inside-handler')} ${i18next.t('text.compliance-case-ministry-route')}</p>`\n        : nothing}\n      <dl>\n        ${row('accused', one.accusedNames?.join(', '))} ${row('description', one.description)} ${row('protection-measures', one.protectionMeasures)}\n        ${row('victim-opinion', one.victimOpinion)} ${row('result-notice', one.resultNotice)} ${row('result-told-on', one.resultToldOn)} ${row('closed-on', one.closedOn)}\n      </dl>\n    </li>`\n  }\n\n  private async read() {\n    try {\n      const response = await client.query({\n        query: gql`\n          query {\n            myComplianceReports {\n              id kind status standing receivedOn noInsideHandler occurredOn description accusedNames victimName\n              protectionMeasures victimOpinion resultNotice resultToldOn closedOn\n            }\n          }\n        `,\n        fetchPolicy: 'network-only'\n      })\n      if (response.errors?.length) throw response\n      this.reports = response.data.myComplianceReports ?? []\n      this.message = ''\n    } catch (error) {\n      this.message = failureOf(error)\n    }\n  }\n\n  private async report() {\n    if (await openComplianceCaseForm()) this.read()\n  }\n}\n"]}

package/dist-client/components/guide-link.d.ts

@@ -0,0 +1,13 @@
+import { LitElement, nothing } from 'lit';
+/**
+ * A screen's way to its topic of the guide on the law (ADR-0187 decision 13): a quiet link that opens the topic in
+ * 회사 규정과 안내, at the page's width. A topic the guide does not carry shows nothing.
+ */
+export declare class ComplianceGuideLink extends LitElement {
+    static styles: import("lit").CSSResult;
+    /** The guide's section id - `severance`, `leave`. */
+    section: string;
+    private topicTitle;
+    connectedCallback(): Promise<void>;
+    render(): import("lit-html").TemplateResult<1> | typeof nothing;
+}

package/dist-client/components/guide-link.js

@@ -0,0 +1,55 @@
+import { __decorate, __metadata } from "tslib";
+import { css, html, LitElement, nothing } from 'lit';
+import { customElement, property, state } from 'lit/decorators.js';
+import { i18next } from '@operato/i18n';
+import { navigate } from '@operato/shell';
+import { guideSections } from '../regulation/regulation-guide.js';
+/**
+ * A screen's way to its topic of the guide on the law (ADR-0187 decision 13): a quiet link that opens the topic in
+ * 회사 규정과 안내, at the page's width. A topic the guide does not carry shows nothing.
+ */
+let ComplianceGuideLink = class ComplianceGuideLink extends LitElement {
+    constructor() {
+        super(...arguments);
+        /** The guide's section id - `severance`, `leave`. */
+        this.section = '';
+        this.topicTitle = '';
+    }
+    static { this.styles = css `
+    :host {
+      display: flex;
+      justify-content: flex-end;
+    }
+    a {
+      cursor: pointer;
+      font-size: var(--ui-t-small, 12px);
+      color: var(--md-sys-color-primary);
+      text-decoration: none;
+    }
+    a:hover {
+      text-decoration: underline;
+    }
+  `; }
+    async connectedCallback() {
+        super.connectedCallback();
+        this.topicTitle = (await guideSections()).find(one => one.id === this.section)?.title ?? '';
+    }
+    render() {
+        return this.topicTitle
+            ? html `<a @click=${() => navigate(`regulations?tab=guide&guide=${encodeURIComponent(this.section)}`)}>${i18next.t('text.regulations-tab-guide')} · ${this.topicTitle} ›</a>`
+            : nothing;
+    }
+};
+__decorate([
+    property(),
+    __metadata("design:type", Object)
+], ComplianceGuideLink.prototype, "section", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], ComplianceGuideLink.prototype, "topicTitle", void 0);
+ComplianceGuideLink = __decorate([
+    customElement('compliance-guide-link')
+], ComplianceGuideLink);
+export { ComplianceGuideLink };
+//# sourceMappingURL=guide-link.js.map

package/dist-client/components/guide-link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"guide-link.js","sourceRoot":"","sources":["../../client/components/guide-link.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,KAAK,CAAA;AACpD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAElE,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAEzC,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAA;AAEjE;;;GAGG;AAEI,IAAM,mBAAmB,GAAzB,MAAM,mBAAoB,SAAQ,UAAU;IAA5C;;QAiBL,qDAAqD;QACzC,YAAO,GAAG,EAAE,CAAA;QAEP,eAAU,GAAG,EAAE,CAAA;IAYlC,CAAC;aA/BQ,WAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;GAclB,AAdY,CAcZ;IAOD,KAAK,CAAC,iBAAiB;QACrB,KAAK,CAAC,iBAAiB,EAAE,CAAA;QACzB,IAAI,CAAC,UAAU,GAAG,CAAC,MAAM,aAAa,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,KAAK,IAAI,CAAC,OAAO,CAAC,EAAE,KAAK,IAAI,EAAE,CAAA;IAC7F,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAC,UAAU;YACpB,CAAC,CAAC,IAAI,CAAA,aAAa,GAAG,EAAE,CAAC,QAAQ,CAAC,+BAA+B,kBAAkB,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,4BAA4B,CAAC,MAAM,IAAI,CAAC,UAAU,QAAQ;YAC5K,CAAC,CAAC,OAAO,CAAA;IACb,CAAC;;AAbW;IAAX,QAAQ,EAAE;;oDAAa;AAEP;IAAhB,KAAK,EAAE;;uDAAwB;AApBrB,mBAAmB;IAD/B,aAAa,CAAC,uBAAuB,CAAC;GAC1B,mBAAmB,CAgC/B","sourcesContent":["import { css, html, LitElement, nothing } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport { i18next } from '@operato/i18n'\nimport { navigate } from '@operato/shell'\n\nimport { guideSections } from '../regulation/regulation-guide.js'\n\n/**\n * A screen's way to its topic of the guide on the law (ADR-0187 decision 13): a quiet link that opens the topic in\n * 회사 규정과 안내, at the page's width. A topic the guide does not carry shows nothing.\n */\n@customElement('compliance-guide-link')\nexport class ComplianceGuideLink extends LitElement {\n  static styles = css`\n    :host {\n      display: flex;\n      justify-content: flex-end;\n    }\n    a {\n      cursor: pointer;\n      font-size: var(--ui-t-small, 12px);\n      color: var(--md-sys-color-primary);\n      text-decoration: none;\n    }\n    a:hover {\n      text-decoration: underline;\n    }\n  `\n\n  /** The guide's section id - `severance`, `leave`. */\n  @property() section = ''\n\n  @state() private topicTitle = ''\n\n  async connectedCallback() {\n    super.connectedCallback()\n    this.topicTitle = (await guideSections()).find(one => one.id === this.section)?.title ?? ''\n  }\n\n  render() {\n    return this.topicTitle\n      ? html`<a @click=${() => navigate(`regulations?tab=guide&guide=${encodeURIComponent(this.section)}`)}>${i18next.t('text.regulations-tab-guide')} · ${this.topicTitle} ›</a>`\n      : nothing\n  }\n}\n"]}

package/dist-client/components/invention-report-form.d.ts

@@ -0,0 +1,30 @@
+import '@material/web/button/filled-button.js';
+import '@material/web/button/text-button.js';
+import '@operato/input/ox-input-file.js';
+import '@operato/input/ox-select.js';
+import '@operato/popup/ox-popup-actions.js';
+import '@operato/popup/ox-popup-list.js';
+import { LitElement } from 'lit';
+/** Opens the form; resolves with the reported invention, or null when the person closed it. */
+export declare function openInventionReportForm(): Promise<any | null>;
+declare const InventionReportForm_base: (new (...args: any[]) => LitElement) & typeof LitElement;
+/**
+ * 직무발명 신고 (ADR-0187 decision 24 · 발명진흥법 §12) - what the invention is, who invented it with the reporter, the
+ * papers that show it. The company tells whether it succeeds to the right within four months of the report.
+ */
+export declare class InventionReportForm extends InventionReportForm_base {
+    static styles: import("lit").CSSResult[];
+    private inventionTitle;
+    private content;
+    private reportedOn;
+    private coInventorIds;
+    private files;
+    private people;
+    private working;
+    private progress?;
+    private message;
+    connectedCallback(): Promise<void>;
+    render(): import("lit-html").TemplateResult<1>;
+    private report;
+}
+export {};