@things-factory/invoice 0.0.0-stage → 10.1.130

package/dist-client/entity360/invoice-360.js

@@ -0,0 +1,116 @@
+import { __decorate, __metadata } from "tslib";
+import gql from 'graphql-tag';
+import { css, html, LitElement } from 'lit';
+import { customElement, property, state } from 'lit/decorators.js';
+import { client } from '@operato/graphql';
+import { i18next } from '@operato/i18n';
+import { readEntity360Door, registerEntity360Kind, registerEntity360Section } from '@operato/layout';
+import { DocumentFormStyles, renderDocumentTotals } from '../document/document-form';
+import { invoice360Query } from '../invoice-attach';
+/** The other party: the buyer of a sale, the supplier of a purchase. */
+export const counterpartOf = (value) => (value.direction === 'PURCHASE' ? value.supplierName : value.buyerName) || '';
+export const invoiceStatusWord = (status) => status === 'ISSUED' ? i18next.t('text.invoice-status-issued') : status === 'VOID' ? i18next.t('text.invoice-status-void') : i18next.t('text.invoice-status-draft');
+/** An invoice's 360 (ADR-0067). The module draws the invoice; an application hangs its own sections on 'invoice'. */
+export function registerInvoiceKind() {
+    registerEntity360Kind({
+        kind: 'invoice',
+        typenames: ['Invoice'],
+        title: ({ value }) => `${i18next.t('title.invoice')} · ${counterpartOf(value) || value.number || ''}`,
+        context: ({ value }) => [value.number, value.issueDate, value.status ? invoiceStatusWord(value.status) : ''].filter(Boolean).join(' · ')
+    });
+    registerEntity360Section('invoice', {
+        name: 'overview',
+        order: 10,
+        render: subject => html `<invoice-overview-section .subject=${subject}></invoice-overview-section>`
+    });
+}
+let InvoiceOverviewSection = class InvoiceOverviewSection extends LitElement {
+    static { this.styles = [
+        DocumentFormStyles,
+        css `
+      :host {
+        font-size: var(--ui-t-body);
+        line-height: 1.5;
+      }
+      dl {
+        margin: 0 0 var(--spacing-large);
+        display: grid;
+        grid-template-columns: max-content 1fr;
+        gap: var(--spacing-small) var(--spacing-large);
+      }
+      dt {
+        color: var(--ui-muted);
+      }
+      dd {
+        margin: 0;
+        overflow-wrap: anywhere;
+        font-variant-numeric: tabular-nums;
+      }
+    `
+    ]; }
+    updated(changed) {
+        if (changed.has('subject'))
+            this.read();
+    }
+    async read() {
+        const id = this.subject?.id;
+        this.answer = undefined;
+        if (!id)
+            return;
+        let response;
+        try {
+            response = await client.query({
+                query: gql(`
+          query ($id: String!) {
+            invoice: ${invoice360Query()}(id: $id) {
+              id number status direction currency issueDate dueDate supplierName buyerName purchaseOrder
+              supplyAmount taxAmount totalAmount taxGroups { taxKind taxRate supplyAmount taxAmount }
+            }
+          }
+        `),
+                variables: { id },
+                fetchPolicy: 'no-cache',
+                errorPolicy: 'all'
+            });
+        }
+        catch (e) {
+            response = { data: null, errors: e?.graphQLErrors?.length ? e.graphQLErrors : [{ message: e?.message ?? String(e) }] };
+        }
+        if (this.subject?.id !== id)
+            return;
+        this.answer = readEntity360Door(response, data => data?.invoice);
+    }
+    render() {
+        const one = this.answer?.data;
+        return html `<ox-entity360-section .heading=${i18next.t('title.invoice')} .state=${this.answer?.state ?? 'loading'} .message=${this.answer?.message ?? ''}>
+      ${one
+            ? html `<dl>
+              <dt>${i18next.t('field.invoice-number')}</dt>
+              <dd>${one.number} · ${invoiceStatusWord(one.status)}</dd>
+              <dt>${i18next.t('field.invoice-supplier-name')}</dt>
+              <dd>${one.supplierName}</dd>
+              <dt>${i18next.t('field.invoice-buyer-name')}</dt>
+              <dd>${one.buyerName}</dd>
+              <dt>${i18next.t('field.invoice-issue-date')}</dt>
+              <dd>${one.issueDate ?? '—'}</dd>
+              <dt>${i18next.t('field.invoice-due-date')}</dt>
+              <dd>${one.dueDate ?? '—'}</dd>
+            </dl>
+            ${renderDocumentTotals(one)}`
+            : ''}
+    </ox-entity360-section>`;
+    }
+};
+__decorate([
+    property({ attribute: false }),
+    __metadata("design:type", Object)
+], InvoiceOverviewSection.prototype, "subject", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], InvoiceOverviewSection.prototype, "answer", void 0);
+InvoiceOverviewSection = __decorate([
+    customElement('invoice-overview-section')
+], InvoiceOverviewSection);
+export { InvoiceOverviewSection };
+//# sourceMappingURL=invoice-360.js.map

package/dist-client/entity360/invoice-360.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"invoice-360.js","sourceRoot":"","sources":["../../client/entity360/invoice-360.ts"],"names":[],"mappings":"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","sourcesContent":["import gql from 'graphql-tag'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport { client } from '@operato/graphql'\nimport { i18next } from '@operato/i18n'\nimport { readEntity360Door, registerEntity360Kind, registerEntity360Section, type Entity360DoorAnswer, type Entity360Subject } from '@operato/layout'\n\nimport { DocumentFormStyles, renderDocumentTotals } from '../document/document-form'\nimport { invoice360Query } from '../invoice-attach'\n\n/** The other party: the buyer of a sale, the supplier of a purchase. */\nexport const counterpartOf = (value: { direction?: string; supplierName?: string; buyerName?: string }) =>\n  (value.direction === 'PURCHASE' ? value.supplierName : value.buyerName) || ''\n\nexport const invoiceStatusWord = (status?: string) =>\n  status === 'ISSUED' ? i18next.t('text.invoice-status-issued') : status === 'VOID' ? i18next.t('text.invoice-status-void') : i18next.t('text.invoice-status-draft')\n\n/** An invoice's 360 (ADR-0067). The module draws the invoice; an application hangs its own sections on 'invoice'. */\nexport function registerInvoiceKind() {\n  registerEntity360Kind({\n    kind: 'invoice',\n    typenames: ['Invoice'],\n    title: ({ value }) => `${i18next.t('title.invoice')} · ${counterpartOf(value) || value.number || ''}`,\n    context: ({ value }) => [value.number, value.issueDate, value.status ? invoiceStatusWord(value.status) : ''].filter(Boolean).join(' · ')\n  })\n  registerEntity360Section('invoice', {\n    name: 'overview',\n    order: 10,\n    render: subject => html`<invoice-overview-section .subject=${subject}></invoice-overview-section>`\n  })\n}\n\n@customElement('invoice-overview-section')\nexport class InvoiceOverviewSection extends LitElement {\n  static styles = [\n    DocumentFormStyles,\n    css`\n      :host {\n        font-size: var(--ui-t-body);\n        line-height: 1.5;\n      }\n      dl {\n        margin: 0 0 var(--spacing-large);\n        display: grid;\n        grid-template-columns: max-content 1fr;\n        gap: var(--spacing-small) var(--spacing-large);\n      }\n      dt {\n        color: var(--ui-muted);\n      }\n      dd {\n        margin: 0;\n        overflow-wrap: anywhere;\n        font-variant-numeric: tabular-nums;\n      }\n    `\n  ]\n\n  @property({ attribute: false }) subject?: Entity360Subject\n  @state() answer?: Entity360DoorAnswer<any>\n\n  updated(changed: Map<string, unknown>) {\n    if (changed.has('subject')) this.read()\n  }\n\n  private async read() {\n    const id = this.subject?.id\n    this.answer = undefined\n    if (!id) return\n    let response: any\n    try {\n      response = await client.query({\n        query: gql(`\n          query ($id: String!) {\n            invoice: ${invoice360Query()}(id: $id) {\n              id number status direction currency issueDate dueDate supplierName buyerName purchaseOrder\n              supplyAmount taxAmount totalAmount taxGroups { taxKind taxRate supplyAmount taxAmount }\n            }\n          }\n        `),\n        variables: { id },\n        fetchPolicy: 'no-cache',\n        errorPolicy: 'all'\n      } as any)\n    } catch (e: any) {\n      response = { data: null, errors: e?.graphQLErrors?.length ? e.graphQLErrors : [{ message: e?.message ?? String(e) }] }\n    }\n    if (this.subject?.id !== id) return\n    this.answer = readEntity360Door(response, data => data?.invoice)\n  }\n\n  render() {\n    const one = this.answer?.data\n    return html`<ox-entity360-section .heading=${i18next.t('title.invoice')} .state=${this.answer?.state ?? 'loading'} .message=${this.answer?.message ?? ''}>\n      ${one\n        ? html`<dl>\n              <dt>${i18next.t('field.invoice-number')}</dt>\n              <dd>${one.number} · ${invoiceStatusWord(one.status)}</dd>\n              <dt>${i18next.t('field.invoice-supplier-name')}</dt>\n              <dd>${one.supplierName}</dd>\n              <dt>${i18next.t('field.invoice-buyer-name')}</dt>\n              <dd>${one.buyerName}</dd>\n              <dt>${i18next.t('field.invoice-issue-date')}</dt>\n              <dd>${one.issueDate ?? '—'}</dd>\n              <dt>${i18next.t('field.invoice-due-date')}</dt>\n              <dd>${one.dueDate ?? '—'}</dd>\n            </dl>\n            ${renderDocumentTotals(one)}`\n        : ''}\n    </ox-entity360-section>`\n  }\n}\n"]}

package/dist-client/index.d.ts

@@ -0,0 +1,6 @@
+export { configureInvoiceLinkSection, configureInvoice360Query, type InvoiceLinkSection } from './invoice-attach.js';
+export { counterpartOf, invoiceStatusWord } from './entity360/invoice-360.js';
+export { currencyChoices, currencyDigits, documentAmount } from './document/document-amount.js';
+export { DocumentFormStyles, HEAD_FIELDS, renderDocumentHead, renderDocumentTotals, type DocumentValue } from './document/document-form.js';
+export { documentLinesConfig, linesOf } from './document/document-lines.js';
+export { documentHtml, printDocument } from './document/document-print.js';

package/dist-client/index.js

@@ -0,0 +1,7 @@
+export { configureInvoiceLinkSection, configureInvoice360Query } from './invoice-attach.js';
+export { counterpartOf, invoiceStatusWord } from './entity360/invoice-360.js';
+export { currencyChoices, currencyDigits, documentAmount } from './document/document-amount.js';
+export { DocumentFormStyles, HEAD_FIELDS, renderDocumentHead, renderDocumentTotals } from './document/document-form.js';
+export { documentLinesConfig, linesOf } from './document/document-lines.js';
+export { documentHtml, printDocument } from './document/document-print.js';
+//# sourceMappingURL=index.js.map

package/dist-client/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../client/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,2BAA2B,EAAE,wBAAwB,EAA2B,MAAM,qBAAqB,CAAA;AACpH,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AAC7E,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAA;AAC/F,OAAO,EAAE,kBAAkB,EAAE,WAAW,EAAE,kBAAkB,EAAE,oBAAoB,EAAsB,MAAM,6BAA6B,CAAA;AAC3I,OAAO,EAAE,mBAAmB,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAA;AAC3E,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAA","sourcesContent":["export { configureInvoiceLinkSection, configureInvoice360Query, type InvoiceLinkSection } from './invoice-attach.js'\nexport { counterpartOf, invoiceStatusWord } from './entity360/invoice-360.js'\nexport { currencyChoices, currencyDigits, documentAmount } from './document/document-amount.js'\nexport { DocumentFormStyles, HEAD_FIELDS, renderDocumentHead, renderDocumentTotals, type DocumentValue } from './document/document-form.js'\nexport { documentLinesConfig, linesOf } from './document/document-lines.js'\nexport { documentHtml, printDocument } from './document/document-print.js'\n"]}

package/dist-client/invoice-attach.d.ts

@@ -0,0 +1,19 @@
+import { type TemplateResult } from 'lit';
+export type InvoiceLinkSection = {
+    /** The section's heading, already in the reader's words. */
+    heading: () => string;
+    /** The section's body for one saved invoice; it reads and writes through the application's own API. */
+    render: (invoice: {
+        id: string;
+        status: string;
+        direction: string;
+        currency: string;
+        totalAmount: number;
+    }) => TemplateResult;
+};
+/** The 「links」 section of the invoice editor — Office ties an invoice to contract rounds, payments and tax invoices. */
+export declare function configureInvoiceLinkSection(section: InvoiceLinkSection): void;
+export declare function invoiceLinkSection(): InvoiceLinkSection | undefined;
+/** An application may read the 360's invoice through its own domain-scoped door. */
+export declare function configureInvoice360Query(field: string): void;
+export declare function invoice360Query(): string;

package/dist-client/invoice-attach.js

@@ -0,0 +1,19 @@
+let linkSection;
+/** The 「links」 section of the invoice editor — Office ties an invoice to contract rounds, payments and tax invoices. */
+export function configureInvoiceLinkSection(section) {
+    linkSection = section;
+}
+export function invoiceLinkSection() {
+    return linkSection;
+}
+let invoiceQueryField = 'invoice';
+/** An application may read the 360's invoice through its own domain-scoped door. */
+export function configureInvoice360Query(field) {
+    if (!/^[A-Za-z_][A-Za-z0-9_]*$/.test(field))
+        throw new Error('Invalid invoice query field');
+    invoiceQueryField = field;
+}
+export function invoice360Query() {
+    return invoiceQueryField;
+}
+//# sourceMappingURL=invoice-attach.js.map

package/dist-client/invoice-attach.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"invoice-attach.js","sourceRoot":"","sources":["../client/invoice-attach.ts"],"names":[],"mappings":"AAcA,IAAI,WAA2C,CAAA;AAE/C,wHAAwH;AACxH,MAAM,UAAU,2BAA2B,CAAC,OAA2B;IACrE,WAAW,GAAG,OAAO,CAAA;AACvB,CAAC;AAED,MAAM,UAAU,kBAAkB;IAChC,OAAO,WAAW,CAAA;AACpB,CAAC;AAED,IAAI,iBAAiB,GAAG,SAAS,CAAA;AAEjC,oFAAoF;AACpF,MAAM,UAAU,wBAAwB,CAAC,KAAa;IACpD,IAAI,CAAC,0BAA0B,CAAC,IAAI,CAAC,KAAK,CAAC;QAAE,MAAM,IAAI,KAAK,CAAC,6BAA6B,CAAC,CAAA;IAC3F,iBAAiB,GAAG,KAAK,CAAA;AAC3B,CAAC;AAED,MAAM,UAAU,eAAe;IAC7B,OAAO,iBAAiB,CAAA;AAC1B,CAAC","sourcesContent":["import { type TemplateResult } from 'lit'\n\n/*\n * Where an application attaches its own work to an invoice — the same shape as tax-invoice's\n * configureTaxInvoice360Query (ADR-0120 decision 2). The invoice module knows no application words.\n */\n\nexport type InvoiceLinkSection = {\n  /** The section's heading, already in the reader's words. */\n  heading: () => string\n  /** The section's body for one saved invoice; it reads and writes through the application's own API. */\n  render: (invoice: { id: string; status: string; direction: string; currency: string; totalAmount: number }) => TemplateResult\n}\n\nlet linkSection: InvoiceLinkSection | undefined\n\n/** The 「links」 section of the invoice editor — Office ties an invoice to contract rounds, payments and tax invoices. */\nexport function configureInvoiceLinkSection(section: InvoiceLinkSection): void {\n  linkSection = section\n}\n\nexport function invoiceLinkSection(): InvoiceLinkSection | undefined {\n  return linkSection\n}\n\nlet invoiceQueryField = 'invoice'\n\n/** An application may read the 360's invoice through its own domain-scoped door. */\nexport function configureInvoice360Query(field: string): void {\n  if (!/^[A-Za-z_][A-Za-z0-9_]*$/.test(field)) throw new Error('Invalid invoice query field')\n  invoiceQueryField = field\n}\n\nexport function invoice360Query(): string {\n  return invoiceQueryField\n}\n"]}

package/dist-client/pages/invoice-editor.d.ts

@@ -0,0 +1,48 @@
+import '@operato/data-grist/ox-grist.js';
+import '@operato/list-state/ox-page-state.js';
+import { PageView } from '@operato/shell';
+import { type DocumentValue } from '../document/document-form';
+declare const InvoiceEditor_base: (new (...args: any[]) => import("lit").LitElement) & typeof PageView;
+/**
+ * 청구서 편집 — the head, the lines, the totals by tax kind and rate, and what an application links it to.
+ *
+ * A draft is written and saved; 「발행」 saves what is on screen and issues it, after which its amounts never change.
+ * An issued invoice is voided with a reason, in its own section. While a request runs only the inputs wait.
+ */
+export declare class InvoiceEditor extends InvoiceEditor_base {
+    static styles: import("lit").CSSResult[];
+    invoice: DocumentValue | null;
+    form: DocumentValue;
+    loading: boolean;
+    error: unknown;
+    busy: boolean;
+    voidReason: string;
+    gristConfig: any;
+    private grist?;
+    get editable(): boolean;
+    get context(): {
+        frame: string;
+        menu: string;
+        actions: any[];
+        description?: string;
+        title: string;
+    };
+    pageUpdated(changes: any, lifecycle: any): Promise<void>;
+    render(): import("lit-html").TemplateResult<1>;
+    private renderTerms;
+    private renderVoid;
+    private changeTaxBasis;
+    private configure;
+    private load;
+    private show;
+    /** Runs one request at a time; a refusal is said in the server's words. */
+    private run;
+    private input;
+    private save;
+    /** Save what is on screen, then issue it — its amounts are fixed from here on. */
+    private issue;
+    private void;
+    private mutate;
+    private print;
+}
+export {};

package/dist-client/pages/invoice-editor.js

@@ -0,0 +1,341 @@
+import { __decorate, __metadata } from "tslib";
+import '@operato/data-grist/ox-grist.js';
+import '@operato/list-state/ox-page-state.js';
+import gql from 'graphql-tag';
+import { css, html, nothing } from 'lit';
+import { customElement, query, state } from 'lit/decorators.js';
+import { DataGrist } from '@operato/data-grist';
+import { client } from '@operato/graphql';
+import { i18next, localize } from '@operato/i18n';
+import { notify } from '@operato/layout';
+import { OxPrompt } from '@operato/popup/ox-prompt.js';
+import { navigate, PageView } from '@operato/shell';
+import { ButtonStyles, CommonGristStyles, DocumentPageStyles, FormFieldStyles, ScrollbarStyles } from '@operato/styles';
+import { DocumentFormStyles, renderDocumentHead, renderDocumentTotals } from '../document/document-form';
+import { documentLinesConfig, linesOf } from '../document/document-lines';
+import { documentHtml, printDocument } from '../document/document-print';
+import { invoiceStatusWord } from '../entity360/invoice-360';
+import { invoiceLinkSection } from '../invoice-attach';
+const FIELDS = `
+  id number status direction currency language supplierName supplierAddress supplierRegistrationNumber buyerName buyerAddress
+  buyerRegistrationNumber issueDate dueDate purchaseOrder paymentTerms bankDetails notes sourceReference taxBasis voidReason
+  supplyAmount taxAmount totalAmount taxRounding currencyDigits
+  items { position description quantity unitPrice discount taxKind taxRate supplyAmount receivedTaxAmount }
+  taxGroups { taxKind taxRate supplyAmount taxAmount }
+`;
+const HEAD = [
+    'number',
+    'direction',
+    'currency',
+    'language',
+    'supplierName',
+    'supplierAddress',
+    'supplierRegistrationNumber',
+    'buyerName',
+    'buyerAddress',
+    'buyerRegistrationNumber',
+    'issueDate',
+    'dueDate',
+    'purchaseOrder',
+    'paymentTerms',
+    'bankDetails',
+    'notes',
+    'sourceReference',
+    'taxBasis'
+];
+const today = () => new Date().toLocaleDateString('en-CA');
+/**
+ * 청구서 편집 — the head, the lines, the totals by tax kind and rate, and what an application links it to.
+ *
+ * A draft is written and saved; 「발행」 saves what is on screen and issues it, after which its amounts never change.
+ * An issued invoice is voided with a reason, in its own section. While a request runs only the inputs wait.
+ */
+let InvoiceEditor = class InvoiceEditor extends localize(i18next)(PageView) {
+    constructor() {
+        super(...arguments);
+        this.invoice = null;
+        this.form = blank();
+        this.loading = false;
+        this.error = null;
+        this.busy = false;
+        this.voidReason = '';
+    }
+    static { this.styles = [
+        FormFieldStyles,
+        ButtonStyles,
+        DocumentPageStyles,
+        CommonGristStyles,
+        ScrollbarStyles,
+        DocumentFormStyles,
+        css `
+      ox-grist {
+        height: calc(var(--form-element-height-medium) * 10);
+      }
+    `
+    ]; }
+    get editable() {
+        return !this.invoice || this.invoice.status === 'DRAFT';
+    }
+    get context() {
+        const actions = [];
+        if (this.editable) {
+            actions.push({ title: i18next.t('button.save'), icon: 'save', action: () => this.save() });
+            actions.push({ title: i18next.t('button.invoice-issue'), icon: 'send', emphasis: { raised: true }, action: () => this.issue() });
+        }
+        if (this.invoice)
+            actions.push({ title: i18next.t('button.invoice-print'), icon: 'print', action: () => this.print() });
+        return {
+            title: this.invoice ? `${i18next.t('title.invoice')} ${this.invoice.number}` : i18next.t('title.invoice-new'),
+            ...(this.invoice ? { description: invoiceStatusWord(this.invoice.status) } : {}),
+            frame: 'document',
+            /* Opened from the invoice list; the menu marks it. */
+            menu: 'invoice-list',
+            actions: this.error ? [] : actions
+        };
+    }
+    async pageUpdated(changes, lifecycle) {
+        if (!this.active || !(changes.active || changes.params))
+            return;
+        const id = lifecycle?.params?.id;
+        if (!id) {
+            this.invoice = null;
+            this.form = blank();
+            this.configure();
+            this.updateContext();
+            return;
+        }
+        if (id !== this.invoice?.id)
+            await this.load(id);
+    }
+    render() {
+        const links = this.invoice ? invoiceLinkSection() : undefined;
+        return html `<ox-page-state .loading=${this.loading} .error=${this.error} @retry=${() => this.invoice && this.load(this.invoice.id)}>
+      <div class="page">
+        <section class="page-section">
+          <header class="page-section-header"><h3>${i18next.t('text.invoice-section-head')}</h3></header>
+          ${renderDocumentHead(this.form, this.editable && !this.busy, patch => (this.form = { ...this.form, ...patch }), this.renderTerms())}
+        </section>
+        <section class="page-section">
+          <header class="page-section-header"><h3>${i18next.t('text.invoice-section-lines')}</h3></header>
+          <ox-grist mode="GRID" .config=${this.gristConfig} .fetchHandler=${() => ({ total: this.form.items.length, records: this.form.items })}></ox-grist>
+        </section>
+        ${this.invoice
+            ? html `<section class="page-section">
+              <header class="page-section-header"><h3>${i18next.t('text.invoice-section-totals')}</h3></header>
+              ${renderDocumentTotals(this.invoice)}
+            </section>`
+            : nothing}
+        ${links && this.invoice
+            ? html `<section class="page-section">
+              <header class="page-section-header"><h3>${links.heading()}</h3></header>
+              ${links.render(this.invoice)}
+            </section>`
+            : nothing}
+        ${this.invoice?.status === 'ISSUED' ? this.renderVoid() : nothing}
+      </div>
+    </ox-page-state>`;
+    }
+    renderTerms() {
+        const editable = this.editable && !this.busy;
+        return html `<label
+        >${i18next.t('field.invoice-due-date')}
+        <input type="date" .value=${this.form.dueDate ?? ''} ?disabled=${!editable} @input=${(e) => (this.form = { ...this.form, dueDate: e.target.value })}
+      /></label>
+      ${this.form.direction === 'PURCHASE'
+            ? html `<label
+            >${i18next.t('field.invoice-tax-basis')}
+            <select ?disabled=${!editable} @change=${(e) => this.changeTaxBasis(e.target.value)}>
+              <option value="CALCULATED" ?selected=${this.form.taxBasis !== 'RECEIVED'}>${i18next.t('text.invoice-tax-basis-calculated')}</option>
+              <option value="RECEIVED" ?selected=${this.form.taxBasis === 'RECEIVED'}>${i18next.t('text.invoice-tax-basis-received')}</option>
+            </select></label
+          >`
+            : nothing}`;
+    }
+    renderVoid() {
+        return html `<section class="page-section">
+      <header class="page-section-header">
+        <h3>${i18next.t('text.invoice-section-void')}</h3>
+        <div class="page-section-actions">
+          <button danger ?disabled=${this.busy || !this.voidReason.trim()} @click=${() => this.void()}>${i18next.t('button.invoice-void')}</button>
+        </div>
+      </header>
+      <div class="form">
+        <label class="wide"
+          >${i18next.t('field.invoice-void-reason')}
+          <input .value=${this.voidReason} ?disabled=${this.busy} @input=${(e) => (this.voidReason = e.target.value)}
+        /></label>
+      </div>
+    </section>`;
+    }
+    changeTaxBasis(taxBasis) {
+        this.form = { ...this.form, items: linesOf(this.grist), taxBasis };
+        this.configure();
+    }
+    configure() {
+        this.gristConfig = documentLinesConfig({ editable: this.editable, received: this.form.taxBasis === 'RECEIVED', currency: this.form.currency || 'KRW' });
+    }
+    async load(id) {
+        this.loading = true;
+        this.error = null;
+        try {
+            const response = await client.query({ query: gql(`query ($id: String!) { invoice(id: $id) { ${FIELDS} } }`), variables: { id }, fetchPolicy: 'no-cache' });
+            if (response.errors?.length)
+                throw response;
+            if (!response.data.invoice)
+                throw new Error(i18next.t('text.invoice-not-found'));
+            this.show(response.data.invoice);
+        }
+        catch (error) {
+            this.error = error;
+        }
+        finally {
+            this.loading = false;
+            this.updateContext();
+        }
+    }
+    show(invoice) {
+        this.invoice = invoice;
+        this.form = { ...invoice, items: invoice.items.map((item) => ({ ...item })) };
+        this.voidReason = '';
+        this.configure();
+        this.grist?.fetch();
+    }
+    /** Runs one request at a time; a refusal is said in the server's words. */
+    async run(work) {
+        if (this.busy)
+            return undefined;
+        this.busy = true;
+        try {
+            return await work();
+        }
+        catch (error) {
+            notify({ level: 'error', message: error?.graphQLErrors?.[0]?.message ?? error?.errors?.[0]?.message ?? error?.message ?? String(error) });
+            return undefined;
+        }
+        finally {
+            this.busy = false;
+        }
+    }
+    input() {
+        const input = Object.fromEntries(HEAD.map(key => [key, this.form[key] === '' ? null : this.form[key] ?? null]));
+        input.taxBasis = input.direction === 'PURCHASE' ? input.taxBasis || 'CALCULATED' : 'CALCULATED';
+        input.items = linesOf(this.grist);
+        return input;
+    }
+    async save() {
+        const id = this.invoice?.id;
+        const saved = await this.run(async () => {
+            const response = await client.mutate({
+                mutation: gql(id
+                    ? `mutation ($id: String!, $invoice: NewInvoice!) { invoice: updateInvoice(id: $id, invoice: $invoice) { ${FIELDS} } }`
+                    : `mutation ($invoice: NewInvoice!) { invoice: createInvoice(invoice: $invoice) { ${FIELDS} } }`),
+                variables: { ...(id ? { id } : {}), invoice: this.input() }
+            });
+            if (response.errors?.length)
+                throw response;
+            return response.data.invoice;
+        });
+        if (!saved)
+            return undefined;
+        this.show(saved);
+        this.updateContext();
+        if (!id)
+            navigate(`invoice-editor?id=${saved.id}`);
+        return saved;
+    }
+    /** Save what is on screen, then issue it — its amounts are fixed from here on. */
+    async issue() {
+        const saved = await this.save();
+        if (!saved)
+            return;
+        const issued = await this.mutate(`mutation ($id: String!) { invoice: issueInvoice(id: $id) { ${FIELDS} } }`, { id: saved.id });
+        if (issued)
+            notify({ level: 'info', message: i18next.t('text.invoice-issued') });
+    }
+    async void() {
+        const confirmed = await OxPrompt.open({
+            title: i18next.t('button.invoice-void'),
+            text: i18next.t('text.invoice-void-confirm'),
+            confirmButton: { text: i18next.t('button.invoice-void'), destructive: true },
+            cancelButton: { text: i18next.t('button.cancel') }
+        });
+        if (!confirmed)
+            return;
+        await this.mutate(`mutation ($id: String!, $reason: String!) { invoice: voidInvoice(id: $id, reason: $reason) { ${FIELDS} } }`, {
+            id: this.invoice.id,
+            reason: this.voidReason.trim()
+        });
+    }
+    async mutate(mutation, variables) {
+        const changed = await this.run(async () => {
+            const response = await client.mutate({ mutation: gql(mutation), variables });
+            if (response.errors?.length)
+                throw response;
+            return response.data.invoice;
+        });
+        if (changed) {
+            this.show(changed);
+            this.updateContext();
+        }
+        return changed;
+    }
+    print() {
+        const invoice = this.invoice;
+        const lng = invoice.language === 'en' ? 'en' : 'ko';
+        printDocument(documentHtml(invoice, {
+            title: i18next.t('title.invoice-print', { lng }),
+            terms: [{ label: i18next.t('field.invoice-due-date', { lng }), value: invoice.dueDate }]
+        }));
+    }
+};
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], InvoiceEditor.prototype, "invoice", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], InvoiceEditor.prototype, "form", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], InvoiceEditor.prototype, "loading", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], InvoiceEditor.prototype, "error", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], InvoiceEditor.prototype, "busy", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], InvoiceEditor.prototype, "voidReason", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], InvoiceEditor.prototype, "gristConfig", void 0);
+__decorate([
+    query('ox-grist'),
+    __metadata("design:type", DataGrist)
+], InvoiceEditor.prototype, "grist", void 0);
+InvoiceEditor = __decorate([
+    customElement('invoice-editor')
+], InvoiceEditor);
+export { InvoiceEditor };
+function blank() {
+    return {
+        number: '',
+        direction: 'SALES',
+        currency: 'KRW',
+        language: 'ko',
+        supplierName: '',
+        buyerName: '',
+        issueDate: today(),
+        dueDate: '',
+        taxBasis: 'CALCULATED',
+        items: []
+    };
+}
+//# sourceMappingURL=invoice-editor.js.map

package/dist-client/pages/invoice-editor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"invoice-editor.js","sourceRoot":"","sources":["../../client/pages/invoice-editor.ts"],"names":[],"mappings":";AAAA,OAAO,iCAAiC,CAAA;AACxC,OAAO,sCAAsC,CAAA;AAE7C,OAAO,GAAG,MAAM,aAAa,CAAA;AAC7B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAA;AACxC,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAE/D,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AACtD,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACnD,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAEvH,OAAO,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,oBAAoB,EAAsB,MAAM,2BAA2B,CAAA;AAC5H,OAAO,EAAE,mBAAmB,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AACzE,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAA;AACxE,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAA;AAC5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AAEtD,MAAM,MAAM,GAAG;;;;;;CAMd,CAAA;AAED,MAAM,IAAI,GAAG;IACX,QAAQ;IACR,WAAW;IACX,UAAU;IACV,UAAU;IACV,cAAc;IACd,iBAAiB;IACjB,4BAA4B;IAC5B,WAAW;IACX,cAAc;IACd,yBAAyB;IACzB,WAAW;IACX,SAAS;IACT,eAAe;IACf,cAAc;IACd,aAAa;IACb,OAAO;IACP,iBAAiB;IACjB,UAAU;CACX,CAAA;AAED,MAAM,KAAK,GAAG,GAAG,EAAE,CAAC,IAAI,IAAI,EAAE,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAA;AAE1D;;;;;GAKG;AAEI,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,QAAQ,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC;IAAvD;;QAeI,YAAO,GAAyB,IAAI,CAAA;QACpC,SAAI,GAAkB,KAAK,EAAE,CAAA;QAC7B,YAAO,GAAG,KAAK,CAAA;QACf,UAAK,GAAY,IAAI,CAAA;QACrB,SAAI,GAAG,KAAK,CAAA;QACZ,eAAU,GAAG,EAAE,CAAA;IA8N1B,CAAC;aAjPQ,WAAM,GAAG;QACd,eAAe;QACf,YAAY;QACZ,kBAAkB;QAClB,iBAAiB;QACjB,eAAe;QACf,kBAAkB;QAClB,GAAG,CAAA;;;;KAIF;KACF,AAZY,CAYZ;IAYD,IAAI,QAAQ;QACV,OAAO,CAAC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,CAAC,MAAM,KAAK,OAAO,CAAA;IACzD,CAAC;IAED,IAAI,OAAO;QACT,MAAM,OAAO,GAAU,EAAE,CAAA;QACzB,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,OAAO,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE,CAAC,CAAA;YAC1F,OAAO,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,sBAAsB,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,EAAE,CAAC,CAAA;QAClI,CAAC;QACD,IAAI,IAAI,CAAC,OAAO;YAAE,OAAO,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,sBAAsB,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,EAAE,CAAC,CAAA;QACvH,OAAO;YACL,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,mBAAmB,CAAC;YAC7G,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,iBAAiB,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;YAChF,KAAK,EAAE,UAAU;YACjB,sDAAsD;YACtD,IAAI,EAAE,cAAc;YACpB,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO;SACnC,CAAA;IACH,CAAC;IAED,KAAK,CAAC,WAAW,CAAC,OAAY,EAAE,SAAc;QAC5C,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,CAAC,CAAC,OAAO,CAAC,MAAM,IAAI,OAAO,CAAC,MAAM,CAAC;YAAE,OAAM;QAC/D,MAAM,EAAE,GAAG,SAAS,EAAE,MAAM,EAAE,EAAE,CAAA;QAChC,IAAI,CAAC,EAAE,EAAE,CAAC;YACR,IAAI,CAAC,OAAO,GAAG,IAAI,CAAA;YACnB,IAAI,CAAC,IAAI,GAAG,KAAK,EAAE,CAAA;YACnB,IAAI,CAAC,SAAS,EAAE,CAAA;YAChB,IAAI,CAAC,aAAa,EAAE,CAAA;YACpB,OAAM;QACR,CAAC;QACD,IAAI,EAAE,KAAK,IAAI,CAAC,OAAO,EAAE,EAAE;YAAE,MAAM,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;IAClD,CAAC;IAED,MAAM;QACJ,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,kBAAkB,EAAE,CAAC,CAAC,CAAC,SAAS,CAAA;QAC7D,OAAO,IAAI,CAAA,2BAA2B,IAAI,CAAC,OAAO,WAAW,IAAI,CAAC,KAAK,WAAW,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC;;;oDAGlF,OAAO,CAAC,CAAC,CAAC,2BAA2B,CAAC;YAC9E,kBAAkB,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,GAAG,EAAE,GAAG,IAAI,CAAC,IAAI,EAAE,GAAG,KAAK,EAAE,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,CAAC;;;oDAGzF,OAAO,CAAC,CAAC,CAAC,4BAA4B,CAAC;0CACjD,IAAI,CAAC,WAAW,kBAAkB,GAAG,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,OAAO,EAAE,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;;UAErI,IAAI,CAAC,OAAO;YACZ,CAAC,CAAC,IAAI,CAAA;wDACwC,OAAO,CAAC,CAAC,CAAC,6BAA6B,CAAC;gBAChF,oBAAoB,CAAC,IAAI,CAAC,OAAO,CAAC;uBAC3B;YACb,CAAC,CAAC,OAAO;UACT,KAAK,IAAI,IAAI,CAAC,OAAO;YACrB,CAAC,CAAC,IAAI,CAAA;wDACwC,KAAK,CAAC,OAAO,EAAE;gBACvD,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAc,CAAC;uBAC1B;YACb,CAAC,CAAC,OAAO;UACT,IAAI,CAAC,OAAO,EAAE,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,OAAO;;qBAEpD,CAAA;IACnB,CAAC;IAEO,WAAW;QACjB,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,IAAI,CAAA;QAC5C,OAAO,IAAI,CAAA;WACJ,OAAO,CAAC,CAAC,CAAC,wBAAwB,CAAC;oCACV,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,EAAE,cAAc,CAAC,QAAQ,WAAW,CAAC,CAAM,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,GAAG,EAAE,GAAG,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC;;QAExJ,IAAI,CAAC,IAAI,CAAC,SAAS,KAAK,UAAU;YAClC,CAAC,CAAC,IAAI,CAAA;eACC,OAAO,CAAC,CAAC,CAAC,yBAAyB,CAAC;gCACnB,CAAC,QAAQ,YAAY,CAAC,CAAM,EAAE,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;qDAC/C,IAAI,CAAC,IAAI,CAAC,QAAQ,KAAK,UAAU,IAAI,OAAO,CAAC,CAAC,CAAC,mCAAmC,CAAC;mDACrF,IAAI,CAAC,IAAI,CAAC,QAAQ,KAAK,UAAU,IAAI,OAAO,CAAC,CAAC,CAAC,iCAAiC,CAAC;;YAExH;YACJ,CAAC,CAAC,OAAO,EAAE,CAAA;IACjB,CAAC;IAEO,UAAU;QAChB,OAAO,IAAI,CAAA;;cAED,OAAO,CAAC,CAAC,CAAC,2BAA2B,CAAC;;qCAEf,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,WAAW,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,OAAO,CAAC,CAAC,CAAC,qBAAqB,CAAC;;;;;aAK5H,OAAO,CAAC,CAAC,CAAC,2BAA2B,CAAC;0BACzB,IAAI,CAAC,UAAU,cAAc,IAAI,CAAC,IAAI,WAAW,CAAC,CAAM,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;;;eAG1G,CAAA;IACb,CAAC;IAEO,cAAc,CAAC,QAAgB;QACrC,IAAI,CAAC,IAAI,GAAG,EAAE,GAAG,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAA;QAClE,IAAI,CAAC,SAAS,EAAE,CAAA;IAClB,CAAC;IAEO,SAAS;QACf,IAAI,CAAC,WAAW,GAAG,mBAAmB,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,IAAI,CAAC,QAAQ,KAAK,UAAU,EAAE,QAAQ,EAAE,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,KAAK,EAAE,CAAC,CAAA;IACzJ,CAAC;IAEO,KAAK,CAAC,IAAI,CAAC,EAAU;QAC3B,IAAI,CAAC,OAAO,GAAG,IAAI,CAAA;QACnB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAA;QACjB,IAAI,CAAC;YACH,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,GAAG,CAAC,6CAA6C,MAAM,MAAM,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,EAAE,EAAE,WAAW,EAAE,UAAU,EAAE,CAAC,CAAA;YAC1J,IAAI,QAAQ,CAAC,MAAM,EAAE,MAAM;gBAAE,MAAM,QAAQ,CAAA;YAC3C,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO;gBAAE,MAAM,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAA;YAChF,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;QAClC,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,IAAI,CAAC,KAAK,GAAG,KAAK,CAAA;QACpB,CAAC;gBAAS,CAAC;YACT,IAAI,CAAC,OAAO,GAAG,KAAK,CAAA;YACpB,IAAI,CAAC,aAAa,EAAE,CAAA;QACtB,CAAC;IACH,CAAC;IAEO,IAAI,CAAC,OAAsB;QACjC,IAAI,CAAC,OAAO,GAAG,OAAO,CAAA;QACtB,IAAI,CAAC,IAAI,GAAG,EAAE,GAAG,OAAO,EAAE,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAS,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,CAAC,CAAC,EAAE,CAAA;QAClF,IAAI,CAAC,UAAU,GAAG,EAAE,CAAA;QACpB,IAAI,CAAC,SAAS,EAAE,CAAA;QAChB,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,CAAA;IACrB,CAAC;IAED,2EAA2E;IACnE,KAAK,CAAC,GAAG,CAAI,IAAsB;QACzC,IAAI,IAAI,CAAC,IAAI;YAAE,OAAO,SAAS,CAAA;QAC/B,IAAI,CAAC,IAAI,GAAG,IAAI,CAAA;QAChB,IAAI,CAAC;YACH,OAAO,MAAM,IAAI,EAAE,CAAA;QACrB,CAAC;QAAC,OAAO,KAAU,EAAE,CAAC;YACpB,MAAM,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC,CAAC,CAAC,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,OAAO,IAAI,KAAK,EAAE,OAAO,IAAI,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,CAAA;YACzI,OAAO,SAAS,CAAA;QAClB,CAAC;gBAAS,CAAC;YACT,IAAI,CAAC,IAAI,GAAG,KAAK,CAAA;QACnB,CAAC;IACH,CAAC;IAEO,KAAK;QACX,MAAM,KAAK,GAAkB,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,CAAA;QAC9H,KAAK,CAAC,QAAQ,GAAG,KAAK,CAAC,SAAS,KAAK,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,IAAI,YAAY,CAAC,CAAC,CAAC,YAAY,CAAA;QAC/F,KAAK,CAAC,KAAK,GAAG,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;QACjC,OAAO,KAAK,CAAA;IACd,CAAC;IAEO,KAAK,CAAC,IAAI;QAChB,MAAM,EAAE,GAAG,IAAI,CAAC,OAAO,EAAE,EAAE,CAAA;QAC3B,MAAM,KAAK,GAAG,MAAM,IAAI,CAAC,GAAG,CAAC,KAAK,IAAI,EAAE;YACtC,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,MAAM,CAAC;gBACnC,QAAQ,EAAE,GAAG,CACX,EAAE;oBACA,CAAC,CAAC,yGAAyG,MAAM,MAAM;oBACvH,CAAC,CAAC,kFAAkF,MAAM,MAAM,CACnG;gBACD,SAAS,EAAE,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,KAAK,EAAE,EAAE;aAC5D,CAAC,CAAA;YACF,IAAI,QAAQ,CAAC,MAAM,EAAE,MAAM;gBAAE,MAAM,QAAQ,CAAA;YAC3C,OAAO,QAAQ,CAAC,IAAI,CAAC,OAAwB,CAAA;QAC/C,CAAC,CAAC,CAAA;QACF,IAAI,CAAC,KAAK;YAAE,OAAO,SAAS,CAAA;QAC5B,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;QAChB,IAAI,CAAC,aAAa,EAAE,CAAA;QACpB,IAAI,CAAC,EAAE;YAAE,QAAQ,CAAC,qBAAqB,KAAK,CAAC,EAAE,EAAE,CAAC,CAAA;QAClD,OAAO,KAAK,CAAA;IACd,CAAC;IAED,kFAAkF;IAC1E,KAAK,CAAC,KAAK;QACjB,MAAM,KAAK,GAAG,MAAM,IAAI,CAAC,IAAI,EAAE,CAAA;QAC/B,IAAI,CAAC,KAAK;YAAE,OAAM;QAClB,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,MAAM,CAAC,8DAA8D,MAAM,MAAM,EAAE,EAAE,EAAE,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CAAA;QAC9H,IAAI,MAAM;YAAE,MAAM,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,qBAAqB,CAAC,EAAE,CAAC,CAAA;IAClF,CAAC;IAEO,KAAK,CAAC,IAAI;QAChB,MAAM,SAAS,GAAG,MAAM,QAAQ,CAAC,IAAI,CAAC;YACpC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,qBAAqB,CAAC;YACvC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,2BAA2B,CAAC;YAC5C,aAAa,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,qBAAqB,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE;YAC5E,YAAY,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,EAAE;SACnD,CAAC,CAAA;QACF,IAAI,CAAC,SAAS;YAAE,OAAM;QACtB,MAAM,IAAI,CAAC,MAAM,CAAC,gGAAgG,MAAM,MAAM,EAAE;YAC9H,EAAE,EAAE,IAAI,CAAC,OAAQ,CAAC,EAAE;YACpB,MAAM,EAAE,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE;SAC/B,CAAC,CAAA;IACJ,CAAC;IAEO,KAAK,CAAC,MAAM,CAAC,QAAgB,EAAE,SAAc;QACnD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,GAAG,CAAC,KAAK,IAAI,EAAE;YACxC,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,MAAM,CAAC,EAAE,QAAQ,EAAE,GAAG,CAAC,QAAQ,CAAC,EAAE,SAAS,EAAE,CAAC,CAAA;YAC5E,IAAI,QAAQ,CAAC,MAAM,EAAE,MAAM;gBAAE,MAAM,QAAQ,CAAA;YAC3C,OAAO,QAAQ,CAAC,IAAI,CAAC,OAAwB,CAAA;QAC/C,CAAC,CAAC,CAAA;QACF,IAAI,OAAO,EAAE,CAAC;YACZ,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;YAClB,IAAI,CAAC,aAAa,EAAE,CAAA;QACtB,CAAC;QACD,OAAO,OAAO,CAAA;IAChB,CAAC;IAEO,KAAK;QACX,MAAM,OAAO,GAAG,IAAI,CAAC,OAAQ,CAAA;QAC7B,MAAM,GAAG,GAAG,OAAO,CAAC,QAAQ,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA;QACnD,aAAa,CACX,YAAY,CAAC,OAAO,EAAE;YACpB,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,qBAAqB,EAAE,EAAE,GAAG,EAAE,CAAC;YAChD,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,wBAAwB,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,OAAO,CAAC,OAAO,EAAE,CAAC;SACzF,CAAC,CACH,CAAA;IACH,CAAC;;AAlOQ;IAAR,KAAK,EAAE;;8CAAqC;AACpC;IAAR,KAAK,EAAE;;2CAA8B;AAC7B;IAAR,KAAK,EAAE;;8CAAgB;AACf;IAAR,KAAK,EAAE;;4CAAsB;AACrB;IAAR,KAAK,EAAE;;2CAAa;AACZ;IAAR,KAAK,EAAE;;iDAAgB;AACf;IAAR,KAAK,EAAE;;kDAAiB;AAEE;IAA1B,KAAK,CAAC,UAAU,CAAC;8BAAiB,SAAS;4CAAA;AAvBjC,aAAa;IADzB,aAAa,CAAC,gBAAgB,CAAC;GACnB,aAAa,CAkPzB;;AAED,SAAS,KAAK;IACZ,OAAO;QACL,MAAM,EAAE,EAAE;QACV,SAAS,EAAE,OAAO;QAClB,QAAQ,EAAE,KAAK;QACf,QAAQ,EAAE,IAAI;QACd,YAAY,EAAE,EAAE;QAChB,SAAS,EAAE,EAAE;QACb,SAAS,EAAE,KAAK,EAAE;QAClB,OAAO,EAAE,EAAE;QACX,QAAQ,EAAE,YAAY;QACtB,KAAK,EAAE,EAAE;KACV,CAAA;AACH,CAAC","sourcesContent":["import '@operato/data-grist/ox-grist.js'\nimport '@operato/list-state/ox-page-state.js'\n\nimport gql from 'graphql-tag'\nimport { css, html, nothing } from 'lit'\nimport { customElement, query, state } from 'lit/decorators.js'\n\nimport { DataGrist } from '@operato/data-grist'\nimport { client } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { notify } from '@operato/layout'\nimport { OxPrompt } from '@operato/popup/ox-prompt.js'\nimport { navigate, PageView } from '@operato/shell'\nimport { ButtonStyles, CommonGristStyles, DocumentPageStyles, FormFieldStyles, ScrollbarStyles } from '@operato/styles'\n\nimport { DocumentFormStyles, renderDocumentHead, renderDocumentTotals, type DocumentValue } from '../document/document-form'\nimport { documentLinesConfig, linesOf } from '../document/document-lines'\nimport { documentHtml, printDocument } from '../document/document-print'\nimport { invoiceStatusWord } from '../entity360/invoice-360'\nimport { invoiceLinkSection } from '../invoice-attach'\n\nconst FIELDS = `\n  id number status direction currency language supplierName supplierAddress supplierRegistrationNumber buyerName buyerAddress\n  buyerRegistrationNumber issueDate dueDate purchaseOrder paymentTerms bankDetails notes sourceReference taxBasis voidReason\n  supplyAmount taxAmount totalAmount taxRounding currencyDigits\n  items { position description quantity unitPrice discount taxKind taxRate supplyAmount receivedTaxAmount }\n  taxGroups { taxKind taxRate supplyAmount taxAmount }\n`\n\nconst HEAD = [\n  'number',\n  'direction',\n  'currency',\n  'language',\n  'supplierName',\n  'supplierAddress',\n  'supplierRegistrationNumber',\n  'buyerName',\n  'buyerAddress',\n  'buyerRegistrationNumber',\n  'issueDate',\n  'dueDate',\n  'purchaseOrder',\n  'paymentTerms',\n  'bankDetails',\n  'notes',\n  'sourceReference',\n  'taxBasis'\n]\n\nconst today = () => new Date().toLocaleDateString('en-CA')\n\n/**\n * 청구서 편집 — the head, the lines, the totals by tax kind and rate, and what an application links it to.\n *\n * A draft is written and saved; 「발행」 saves what is on screen and issues it, after which its amounts never change.\n * An issued invoice is voided with a reason, in its own section. While a request runs only the inputs wait.\n */\n@customElement('invoice-editor')\nexport class InvoiceEditor extends localize(i18next)(PageView) {\n  static styles = [\n    FormFieldStyles,\n    ButtonStyles,\n    DocumentPageStyles,\n    CommonGristStyles,\n    ScrollbarStyles,\n    DocumentFormStyles,\n    css`\n      ox-grist {\n        height: calc(var(--form-element-height-medium) * 10);\n      }\n    `\n  ]\n\n  @state() invoice: DocumentValue | null = null\n  @state() form: DocumentValue = blank()\n  @state() loading = false\n  @state() error: unknown = null\n  @state() busy = false\n  @state() voidReason = ''\n  @state() gristConfig: any\n\n  @query('ox-grist') private grist?: DataGrist\n\n  get editable() {\n    return !this.invoice || this.invoice.status === 'DRAFT'\n  }\n\n  get context() {\n    const actions: any[] = []\n    if (this.editable) {\n      actions.push({ title: i18next.t('button.save'), icon: 'save', action: () => this.save() })\n      actions.push({ title: i18next.t('button.invoice-issue'), icon: 'send', emphasis: { raised: true }, action: () => this.issue() })\n    }\n    if (this.invoice) actions.push({ title: i18next.t('button.invoice-print'), icon: 'print', action: () => this.print() })\n    return {\n      title: this.invoice ? `${i18next.t('title.invoice')} ${this.invoice.number}` : i18next.t('title.invoice-new'),\n      ...(this.invoice ? { description: invoiceStatusWord(this.invoice.status) } : {}),\n      frame: 'document',\n      /* Opened from the invoice list; the menu marks it. */\n      menu: 'invoice-list',\n      actions: this.error ? [] : actions\n    }\n  }\n\n  async pageUpdated(changes: any, lifecycle: any) {\n    if (!this.active || !(changes.active || changes.params)) return\n    const id = lifecycle?.params?.id\n    if (!id) {\n      this.invoice = null\n      this.form = blank()\n      this.configure()\n      this.updateContext()\n      return\n    }\n    if (id !== this.invoice?.id) await this.load(id)\n  }\n\n  render() {\n    const links = this.invoice ? invoiceLinkSection() : undefined\n    return html`<ox-page-state .loading=${this.loading} .error=${this.error} @retry=${() => this.invoice && this.load(this.invoice.id)}>\n      <div class=\"page\">\n        <section class=\"page-section\">\n          <header class=\"page-section-header\"><h3>${i18next.t('text.invoice-section-head')}</h3></header>\n          ${renderDocumentHead(this.form, this.editable && !this.busy, patch => (this.form = { ...this.form, ...patch }), this.renderTerms())}\n        </section>\n        <section class=\"page-section\">\n          <header class=\"page-section-header\"><h3>${i18next.t('text.invoice-section-lines')}</h3></header>\n          <ox-grist mode=\"GRID\" .config=${this.gristConfig} .fetchHandler=${() => ({ total: this.form.items.length, records: this.form.items })}></ox-grist>\n        </section>\n        ${this.invoice\n          ? html`<section class=\"page-section\">\n              <header class=\"page-section-header\"><h3>${i18next.t('text.invoice-section-totals')}</h3></header>\n              ${renderDocumentTotals(this.invoice)}\n            </section>`\n          : nothing}\n        ${links && this.invoice\n          ? html`<section class=\"page-section\">\n              <header class=\"page-section-header\"><h3>${links.heading()}</h3></header>\n              ${links.render(this.invoice as any)}\n            </section>`\n          : nothing}\n        ${this.invoice?.status === 'ISSUED' ? this.renderVoid() : nothing}\n      </div>\n    </ox-page-state>`\n  }\n\n  private renderTerms() {\n    const editable = this.editable && !this.busy\n    return html`<label\n        >${i18next.t('field.invoice-due-date')}\n        <input type=\"date\" .value=${this.form.dueDate ?? ''} ?disabled=${!editable} @input=${(e: any) => (this.form = { ...this.form, dueDate: e.target.value })}\n      /></label>\n      ${this.form.direction === 'PURCHASE'\n        ? html`<label\n            >${i18next.t('field.invoice-tax-basis')}\n            <select ?disabled=${!editable} @change=${(e: any) => this.changeTaxBasis(e.target.value)}>\n              <option value=\"CALCULATED\" ?selected=${this.form.taxBasis !== 'RECEIVED'}>${i18next.t('text.invoice-tax-basis-calculated')}</option>\n              <option value=\"RECEIVED\" ?selected=${this.form.taxBasis === 'RECEIVED'}>${i18next.t('text.invoice-tax-basis-received')}</option>\n            </select></label\n          >`\n        : nothing}`\n  }\n\n  private renderVoid() {\n    return html`<section class=\"page-section\">\n      <header class=\"page-section-header\">\n        <h3>${i18next.t('text.invoice-section-void')}</h3>\n        <div class=\"page-section-actions\">\n          <button danger ?disabled=${this.busy || !this.voidReason.trim()} @click=${() => this.void()}>${i18next.t('button.invoice-void')}</button>\n        </div>\n      </header>\n      <div class=\"form\">\n        <label class=\"wide\"\n          >${i18next.t('field.invoice-void-reason')}\n          <input .value=${this.voidReason} ?disabled=${this.busy} @input=${(e: any) => (this.voidReason = e.target.value)}\n        /></label>\n      </div>\n    </section>`\n  }\n\n  private changeTaxBasis(taxBasis: string) {\n    this.form = { ...this.form, items: linesOf(this.grist), taxBasis }\n    this.configure()\n  }\n\n  private configure() {\n    this.gristConfig = documentLinesConfig({ editable: this.editable, received: this.form.taxBasis === 'RECEIVED', currency: this.form.currency || 'KRW' })\n  }\n\n  private async load(id: string) {\n    this.loading = true\n    this.error = null\n    try {\n      const response = await client.query({ query: gql(`query ($id: String!) { invoice(id: $id) { ${FIELDS} } }`), variables: { id }, fetchPolicy: 'no-cache' })\n      if (response.errors?.length) throw response\n      if (!response.data.invoice) throw new Error(i18next.t('text.invoice-not-found'))\n      this.show(response.data.invoice)\n    } catch (error) {\n      this.error = error\n    } finally {\n      this.loading = false\n      this.updateContext()\n    }\n  }\n\n  private show(invoice: DocumentValue) {\n    this.invoice = invoice\n    this.form = { ...invoice, items: invoice.items.map((item: any) => ({ ...item })) }\n    this.voidReason = ''\n    this.configure()\n    this.grist?.fetch()\n  }\n\n  /** Runs one request at a time; a refusal is said in the server's words. */\n  private async run<T>(work: () => Promise<T>): Promise<T | undefined> {\n    if (this.busy) return undefined\n    this.busy = true\n    try {\n      return await work()\n    } catch (error: any) {\n      notify({ level: 'error', message: error?.graphQLErrors?.[0]?.message ?? error?.errors?.[0]?.message ?? error?.message ?? String(error) })\n      return undefined\n    } finally {\n      this.busy = false\n    }\n  }\n\n  private input() {\n    const input: DocumentValue = Object.fromEntries(HEAD.map(key => [key, this.form[key] === '' ? null : this.form[key] ?? null]))\n    input.taxBasis = input.direction === 'PURCHASE' ? input.taxBasis || 'CALCULATED' : 'CALCULATED'\n    input.items = linesOf(this.grist)\n    return input\n  }\n\n  private async save(): Promise<DocumentValue | undefined> {\n    const id = this.invoice?.id\n    const saved = await this.run(async () => {\n      const response = await client.mutate({\n        mutation: gql(\n          id\n            ? `mutation ($id: String!, $invoice: NewInvoice!) { invoice: updateInvoice(id: $id, invoice: $invoice) { ${FIELDS} } }`\n            : `mutation ($invoice: NewInvoice!) { invoice: createInvoice(invoice: $invoice) { ${FIELDS} } }`\n        ),\n        variables: { ...(id ? { id } : {}), invoice: this.input() }\n      })\n      if (response.errors?.length) throw response\n      return response.data.invoice as DocumentValue\n    })\n    if (!saved) return undefined\n    this.show(saved)\n    this.updateContext()\n    if (!id) navigate(`invoice-editor?id=${saved.id}`)\n    return saved\n  }\n\n  /** Save what is on screen, then issue it — its amounts are fixed from here on. */\n  private async issue() {\n    const saved = await this.save()\n    if (!saved) return\n    const issued = await this.mutate(`mutation ($id: String!) { invoice: issueInvoice(id: $id) { ${FIELDS} } }`, { id: saved.id })\n    if (issued) notify({ level: 'info', message: i18next.t('text.invoice-issued') })\n  }\n\n  private async void() {\n    const confirmed = await OxPrompt.open({\n      title: i18next.t('button.invoice-void'),\n      text: i18next.t('text.invoice-void-confirm'),\n      confirmButton: { text: i18next.t('button.invoice-void'), destructive: true },\n      cancelButton: { text: i18next.t('button.cancel') }\n    })\n    if (!confirmed) return\n    await this.mutate(`mutation ($id: String!, $reason: String!) { invoice: voidInvoice(id: $id, reason: $reason) { ${FIELDS} } }`, {\n      id: this.invoice!.id,\n      reason: this.voidReason.trim()\n    })\n  }\n\n  private async mutate(mutation: string, variables: any) {\n    const changed = await this.run(async () => {\n      const response = await client.mutate({ mutation: gql(mutation), variables })\n      if (response.errors?.length) throw response\n      return response.data.invoice as DocumentValue\n    })\n    if (changed) {\n      this.show(changed)\n      this.updateContext()\n    }\n    return changed\n  }\n\n  private print() {\n    const invoice = this.invoice!\n    const lng = invoice.language === 'en' ? 'en' : 'ko'\n    printDocument(\n      documentHtml(invoice, {\n        title: i18next.t('title.invoice-print', { lng }),\n        terms: [{ label: i18next.t('field.invoice-due-date', { lng }), value: invoice.dueDate }]\n      })\n    )\n  }\n}\n\nfunction blank(): DocumentValue {\n  return {\n    number: '',\n    direction: 'SALES',\n    currency: 'KRW',\n    language: 'ko',\n    supplierName: '',\n    buyerName: '',\n    issueDate: today(),\n    dueDate: '',\n    taxBasis: 'CALCULATED',\n    items: []\n  }\n}\n"]}