@things-factory/sales 10.1.223 → 10.1.227

package/dist-client/index.d.ts

@@ -2,3 +2,4 @@ export { configureQuotationSection, type QuotationSection } from './quotation-at
 export { quotationStatusWord } from './quotation-words.js';
 export { configureOpportunitySection, type OpportunitySection } from './opportunity-attach.js';
 export { opportunityStageWord } from './opportunity-words.js';
+export { salesProductKindWord } from './sales-product-words.js';

package/dist-client/index.js

@@ -2,4 +2,5 @@ export { configureQuotationSection } from './quotation-attach.js';
 export { quotationStatusWord } from './quotation-words.js';
 export { configureOpportunitySection } from './opportunity-attach.js';
 export { opportunityStageWord } from './opportunity-words.js';
+export { salesProductKindWord } from './sales-product-words.js';
 //# sourceMappingURL=index.js.map

package/dist-client/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../client/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAyB,MAAM,uBAAuB,CAAA;AACxF,OAAO,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAA;AAC1D,OAAO,EAAE,2BAA2B,EAA2B,MAAM,yBAAyB,CAAA;AAC9F,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAA","sourcesContent":["export { configureQuotationSection, type QuotationSection } from './quotation-attach.js'\nexport { quotationStatusWord } from './quotation-words.js'\nexport { configureOpportunitySection, type OpportunitySection } from './opportunity-attach.js'\nexport { opportunityStageWord } from './opportunity-words.js'\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../client/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAyB,MAAM,uBAAuB,CAAA;AACxF,OAAO,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAA;AAC1D,OAAO,EAAE,2BAA2B,EAA2B,MAAM,yBAAyB,CAAA;AAC9F,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AAC7D,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAA","sourcesContent":["export { configureQuotationSection, type QuotationSection } from './quotation-attach.js'\nexport { quotationStatusWord } from './quotation-words.js'\nexport { configureOpportunitySection, type OpportunitySection } from './opportunity-attach.js'\nexport { opportunityStageWord } from './opportunity-words.js'\nexport { salesProductKindWord } from './sales-product-words.js'\n"]}

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

@@ -1,7 +1,13 @@
 import '@operato/data-grist/ox-grist.js';
 import '@operato/list-state/ox-page-state.js';
+import '@operato/input/ox-select.js';
+import '@operato/popup/ox-popup-list.js';
 import { PageView } from '@operato/shell';
-import { type DocumentValue } from '@things-factory/invoice/dist-client';
+import { type DocumentDefaults, type DocumentParty, type DocumentValue } from '@things-factory/invoice/dist-client';
+import '@things-factory/invoice/dist-client/document/document-party.js';
+import '../sales-product-pick';
+/** The next quotation number of a year after those given - 「Q2026-001」, 「Q2026-002」 … */
+export declare function nextQuotationNumber(numbers: string[], year: number): string;
 declare const QuotationEditor_base: (new (...args: any[]) => import("lit").LitElement) & typeof PageView;
 /**
  * 견적 편집 — the same head, lines and totals as an invoice, valid until a day.
@@ -22,10 +28,16 @@ export declare class QuotationEditor extends QuotationEditor_base {
     opportunities: {
         id: string;
         name: string;
-        counterparty?: {
-            name: string;
-        };
+        counterparty?: DocumentParty | null;
     }[];
+    /** The company's words a new quotation starts with, the terms it offers and how long an offer holds (ADR-0170). */
+    defaults: DocumentDefaults | null;
+    /** The counterparty the buyer was taken from on this screen - shown in the picker. */
+    party: DocumentParty | null;
+    /** The totals of the lines as typed - reckoned as the quotation will keep them, shown before it is saved. */
+    amounts: Partial<DocumentValue>;
+    /** Whether this person may write invoices - an accepted quotation then makes one. */
+    invoiceWriter: boolean;
     private grist?;
     get editable(): boolean;
     get context(): {
@@ -38,6 +50,27 @@ export declare class QuotationEditor extends QuotationEditor_base {
     pageUpdated(changes: any, lifecycle: any): Promise<void>;
     render(): import("lit-html").TemplateResult<1>;
     private renderDecline;
+    /**
+     * A line made from a product, after the lines there are - a copy the person then changes like any line (ADR-0171) -
+     * and the totals reckoned with it.
+     */
+    private addProduct;
+    /** The discount of the whole quotation as typed, and the totals after it. */
+    private discount;
+    /** A change of the head; a new currency reckons the lines in its minor unit; the last day follows a moved issue day. */
+    private edit;
+    /** The opportunity it answers - found by typing; choosing one takes its counterparty as the buyer when none is written. */
+    private renderOpportunity;
+    /** A counterparty as the other side: the buyer of a sale, the supplier of a purchase. */
+    private takeParty;
+    /**
+     * What a new quotation starts with, so a person writes only what is new: the next number of the year, the last day an
+     * offer holds, the company's own words (ADR-0170), and what they leave blank of our side as the last sales quotation
+     * wrote it.
+     */
+    private prefill;
+    /** Days an offer holds - the company's, or thirty. */
+    private get validDays();
     private opportunityChoices;
     private readOpportunities;
     private configure;
@@ -46,9 +79,20 @@ export declare class QuotationEditor extends QuotationEditor_base {
     private run;
     private input;
     private save;
-    /** Save what is on screen, then send it — its amounts are fixed from here on. */
+    /** Asked first - to whom and how much, fixed after - then save what is on screen and send it. */
     private send;
     private change;
-    private print;
+    /**
+     * An invoice draft of an accepted quotation (ADR-0170 decision 11): its parties, currency, language, terms, account,
+     * notes, discount and lines as the quotation has them, issued today and due the company's days after, the quotation
+     * named as its source - then opened to be checked and issued. The counterparty is the one of the other party's name,
+     * as the invoice editor links it.
+     */
+    private makeInvoice;
+    /**
+     * The saved quotation as it goes out (ADR-0170 decision 10) - the server's page in the language chosen there, the
+     * quotation's own first, to download as PDF or print. What is on screen and not saved is not in it.
+     */
+    private preview;
 }
 export {};

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

@@ -1,6 +1,8 @@
 import { __decorate, __metadata } from "tslib";
 import '@operato/data-grist/ox-grist.js';
 import '@operato/list-state/ox-page-state.js';
+import '@operato/input/ox-select.js';
+import '@operato/popup/ox-popup-list.js';
 import gql from 'graphql-tag';
 import { css, html, nothing } from 'lit';
 import { customElement, query, state } from 'lit/decorators.js';
@@ -8,16 +10,21 @@ 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 { documentHtml, DocumentFormStyles, documentLinesConfig, linesOf, printDocument, renderDocumentHead, renderDocumentTotals } from '@things-factory/invoice/dist-client';
+import { hasPrivilege } from '@things-factory/auth-base/dist-client';
+import { daysAfter, documentAmount, DocumentFormStyles, documentLinesConfig, linesOf, onLineChange, openDocumentPreview, reckonLines, renderDocumentHead, renderDocumentTotals, documentDefaults, headFromDefaults, nextInvoiceNumber, OUR_SIDE_FIELDS, oursFromLast, partyOfName } from '@things-factory/invoice/dist-client';
+import '@things-factory/invoice/dist-client/document/document-party.js';
 import { quotationSection } from '../quotation-attach';
+import '../sales-product-pick';
+import { lineOfProduct } from '../sales-product-pick';
 import { quotationStatusWord } from '../quotation-words';
 const FIELDS = `
   id number version status validUntil outcomeReason opportunityId opportunity { id name } direction currency language supplierName supplierAddress supplierRegistrationNumber
   buyerName buyerAddress buyerRegistrationNumber issueDate purchaseOrder paymentTerms bankDetails notes sourceReference
-  supplyAmount taxAmount totalAmount taxRounding currencyDigits
-  items { position description quantity unitPrice discount taxKind taxRate supplyAmount }
+  discountAmount lineSupplyAmount supplyAmount taxAmount totalAmount taxRounding currencyDigits
+  items { position description quantity unit unitPrice discount taxKind taxRate supplyAmount }
   taxGroups { taxKind taxRate supplyAmount taxAmount }
 `;
 const HEAD = [
@@ -38,9 +45,35 @@ const HEAD = [
     'notes',
     'sourceReference',
     'validUntil',
-    'opportunityId'
+    'opportunityId',
+    'discountAmount'
 ];
 const today = () => new Date().toLocaleDateString('en-CA');
+/** What an invoice made from a quotation takes of its head as it is. */
+const INVOICE_HEAD = [
+    'direction',
+    'currency',
+    'language',
+    'supplierName',
+    'supplierAddress',
+    'supplierRegistrationNumber',
+    'buyerName',
+    'buyerAddress',
+    'buyerRegistrationNumber',
+    'paymentTerms',
+    'bankDetails',
+    'notes'
+];
+/** How long an offer holds unless the person writes another last day. */
+const VALID_DAYS = 30;
+/** Days an invoice made from a quotation is due unless the company says otherwise - the invoice editor's. */
+const PAYMENT_DAYS = 30;
+/** The next quotation number of a year after those given - 「Q2026-001」, 「Q2026-002」 … */
+export function nextQuotationNumber(numbers, year) {
+    const prefix = `Q${year}-`;
+    const last = Math.max(0, ...numbers.filter(one => one?.startsWith(prefix)).map(one => Number(one.slice(prefix.length)) || 0));
+    return `${prefix}${String(last + 1).padStart(3, '0')}`;
+}
 /**
  * 견적 편집 — the same head, lines and totals as an invoice, valid until a day.
  *
@@ -58,6 +91,14 @@ let QuotationEditor = class QuotationEditor extends localize(i18next)(PageView)
         this.reason = '';
         /** The open opportunities a draft may answer, and the one it answers when that one is closed. */
         this.opportunities = [];
+        /** The company's words a new quotation starts with, the terms it offers and how long an offer holds (ADR-0170). */
+        this.defaults = null;
+        /** The counterparty the buyer was taken from on this screen - shown in the picker. */
+        this.party = null;
+        /** The totals of the lines as typed - reckoned as the quotation will keep them, shown before it is saved. */
+        this.amounts = {};
+        /** Whether this person may write invoices - an accepted quotation then makes one. */
+        this.invoiceWriter = false;
     }
     static { this.styles = [
         FormFieldStyles,
@@ -70,6 +111,16 @@ let QuotationEditor = class QuotationEditor extends localize(i18next)(PageView)
       ox-grist {
         height: calc(var(--form-element-height-medium) * 10);
       }
+      /* 상품에서 추가 sits over the lines, as wide as a head field. */
+      .pick {
+        display: flex;
+        flex-direction: column;
+        gap: var(--spacing-small);
+        max-width: 480px;
+        margin-bottom: var(--spacing-medium);
+        font-size: var(--ui-t-micro);
+        color: var(--ui-muted);
+      }
     `
     ]; }
     get editable() {
@@ -88,10 +139,12 @@ let QuotationEditor = class QuotationEditor extends localize(i18next)(PageView)
             else
                 actions.push({ title: i18next.t('button.quotation-accept'), emphasis: { raised: true }, action: () => this.change('acceptQuotation') });
         }
+        if (status === 'ACCEPTED' && this.invoiceWriter)
+            actions.push({ title: i18next.t('button.quotation-make-invoice'), icon: 'receipt_long', emphasis: { raised: true }, action: () => this.makeInvoice() });
         if (['SENT', 'REJECTED', 'EXPIRED'].includes(status))
             actions.push({ title: i18next.t('button.quotation-revise'), icon: 'edit_document', action: () => this.change('reviseQuotation') });
         if (this.quotation)
-            actions.push({ title: i18next.t('button.quotation-print'), icon: 'print', action: () => this.print() });
+            actions.push({ title: i18next.t('button.invoice-preview'), icon: 'preview', action: () => this.preview() });
         return {
             title: this.quotation ? `${i18next.t('title.quotation')} ${this.quotation.number} · v${this.quotation.version}` : i18next.t('title.quotation-new'),
             ...(this.quotation ? { description: quotationStatusWord(status) } : {}),
@@ -107,11 +160,20 @@ let QuotationEditor = class QuotationEditor extends localize(i18next)(PageView)
         const id = lifecycle?.params?.id;
         if (!this.opportunities.length)
             await this.readOpportunities();
+        if (!this.defaults)
+            this.defaults = await documentDefaults();
+        hasPrivilege({ category: 'invoice', privilege: 'mutation', domainOwnerGranted: true }).then(writer => {
+            this.invoiceWriter = !!writer;
+            this.updateContext();
+        });
         if (!id) {
             this.quotation = null;
             /* Written from an opportunity, the draft answers it. */
             this.form = { ...blank(), opportunityId: lifecycle?.params?.opportunity ?? '' };
+            this.amounts = {};
+            this.party = null;
             this.configure();
+            await this.prefill();
             this.updateContext();
             return;
         }
@@ -125,28 +187,38 @@ let QuotationEditor = class QuotationEditor extends localize(i18next)(PageView)
       <div class="page">
         <section class="page-section">
           <header class="page-section-header"><h3>${i18next.t('text.quotation-section-head')}</h3></header>
-          ${renderDocumentHead(this.form, editable, patch => (this.form = { ...this.form, ...patch }), html `<label
+          ${renderDocumentHead(this.form, editable, patch => this.edit(patch), html `<label
                 >${i18next.t('field.quotation-valid-until')}
                 <input type="date" .value=${this.form.validUntil ?? ''} ?disabled=${!editable} @input=${(e) => (this.form = { ...this.form, validUntil: e.target.value })}
               /></label>
-              <label
-                >${i18next.t('field.quotation-opportunity')}
-                <select .value=${this.form.opportunityId ?? ''} ?disabled=${!editable} @change=${(e) => (this.form = { ...this.form, opportunityId: e.target.value })}>
-                  <option value=""></option>
-                  ${this.opportunityChoices().map(one => html `<option value=${one.id} ?selected=${one.id === this.form.opportunityId}>${one.name}${one.counterparty?.name ? ` · ${one.counterparty.name}` : ''}</option>`)}
-                </select>
-              </label>`, 'field.quotation-number')}
+              ${this.renderOpportunity(editable)}`, 'field.quotation-number', {
+            terms: this.defaults?.paymentTerms,
+            /* In the group it fills - the buyer's of a sale, the supplier's of a purchase. */
+            party: html `<label
+                >${i18next.t('field.invoice-counterparty')}
+                <document-party-select .party=${this.party} ?disabled=${!editable} @party=${(e) => this.takeParty(e.detail)}></document-party-select>
+              </label>`
+        })}
         </section>
         <section class="page-section">
           <header class="page-section-header"><h3>${i18next.t('text.quotation-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.quotation
-            ? html `<section class="page-section">
-              <header class="page-section-header"><h3>${i18next.t('text.quotation-section-totals')}</h3></header>
-              ${renderDocumentTotals(this.quotation)}
-            </section>`
+          ${editable
+            ? html `<label class="pick"
+                >${i18next.t('field.sales-product-pick')}
+                <sales-product-pick .currency=${this.form.currency || 'KRW'} @product=${(e) => this.addProduct(e.detail)}></sales-product-pick>
+              </label>`
             : nothing}
+          <ox-grist
+            mode="GRID"
+            .config=${this.gristConfig}
+            .fetchHandler=${() => ({ total: this.form.items.length, records: this.form.items })}
+            @record-change=${(e) => (this.amounts = onLineChange(this.grist, e, this.form.currency, false, this.form.discountAmount))}
+          ></ox-grist>
+        </section>
+        <section class="page-section">
+          <header class="page-section-header"><h3>${i18next.t('text.quotation-section-totals')}</h3></header>
+          ${renderDocumentTotals({ ...this.amounts, currency: this.form.currency }, { value: this.form.discountAmount, editable, change: value => this.discount(value) })}
+        </section>
         ${this.quotation?.status === 'SENT' ? this.renderDecline() : nothing}
         ${this.quotation?.outcomeReason
             ? html `<section class="page-section">
@@ -179,6 +251,109 @@ let QuotationEditor = class QuotationEditor extends localize(i18next)(PageView)
       </div>
     </section>`;
     }
+    /**
+     * A line made from a product, after the lines there are - a copy the person then changes like any line (ADR-0171) -
+     * and the totals reckoned with it.
+     */
+    async addProduct(product) {
+        const grist = this.grist;
+        if (!grist || !product)
+            return;
+        grist.addRecord(lineOfProduct(product));
+        await grist.updateComplete;
+        this.amounts = reckonLines(grist, this.form.currency, false, this.form.discountAmount);
+        grist.refresh();
+    }
+    /** The discount of the whole quotation as typed, and the totals after it. */
+    discount(value) {
+        this.form = { ...this.form, discountAmount: value };
+        this.amounts = reckonLines(this.grist, this.form.currency, false, value);
+    }
+    /** A change of the head; a new currency reckons the lines in its minor unit; the last day follows a moved issue day. */
+    edit(patch) {
+        const currency = this.form.currency;
+        const following = patch.issueDate && this.form.validUntil === daysAfter(this.form.issueDate, this.validDays);
+        this.form = { ...this.form, ...patch, ...(following ? { validUntil: daysAfter(patch.issueDate, this.validDays) } : {}) };
+        if (patch.currency && patch.currency !== currency) {
+            this.configure();
+            this.amounts = reckonLines(this.grist, this.form.currency, false, this.form.discountAmount);
+        }
+    }
+    /** The opportunity it answers - found by typing; choosing one takes its counterparty as the buyer when none is written. */
+    renderOpportunity(editable) {
+        const choices = this.opportunityChoices();
+        const chosen = choices.find(one => one.id === this.form.opportunityId);
+        const label = (one) => `${one.name}${one.counterparty?.name ? ` · ${one.counterparty.name}` : ''}`;
+        return html `<label
+      >${i18next.t('field.quotation-opportunity')}
+      <ox-select
+        .value=${this.form.opportunityId ?? ''}
+        ?disabled=${!editable}
+        aria-label=${i18next.t('field.quotation-opportunity')}
+        @change=${(e) => {
+            const id = String(e.detail ?? '');
+            if (id === (this.form.opportunityId ?? ''))
+                return;
+            const opportunity = choices.find(one => one.id === id);
+            this.form = { ...this.form, opportunityId: id };
+            if (opportunity?.counterparty && !String(this.form.buyerName ?? '').trim())
+                this.takeParty(opportunity.counterparty);
+        }}
+      >
+        <span slot="label">${chosen ? label(chosen) : '—'}</span>
+        <ox-popup-list align-left nowrap with-search>
+          <div option value="">—</div>
+          ${choices.map(one => html `<div option value=${one.id}>${label(one)}</div>`)}
+        </ox-popup-list>
+      </ox-select>
+    </label>`;
+    }
+    /** A counterparty as the other side: the buyer of a sale, the supplier of a purchase. */
+    takeParty(party) {
+        this.party = party;
+        if (!party)
+            return;
+        const side = this.form.direction === 'PURCHASE' ? 'supplier' : 'buyer';
+        this.form = { ...this.form, [`${side}Name`]: party.name, [`${side}RegistrationNumber`]: party.businessNumber ?? this.form[`${side}RegistrationNumber`] ?? '' };
+    }
+    /**
+     * What a new quotation starts with, so a person writes only what is new: the next number of the year, the last day an
+     * offer holds, the company's own words (ADR-0170), and what they leave blank of our side as the last sales quotation
+     * wrote it.
+     */
+    async prefill() {
+        try {
+            const year = Number(this.form.issueDate.slice(0, 4));
+            const response = await client.query({
+                query: gql `
+          query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!]) {
+            numbered: quotations(filters: $filters, pagination: { page: 1, limit: 1000 }) { items { number } }
+            last: quotations(pagination: $pagination, sortings: $sortings) { items { direction ${OUR_SIDE_FIELDS.join(' ')} } }
+          }
+        `,
+                variables: { filters: [{ name: 'number', operator: 'like', value: `Q${year}-%` }], pagination: { page: 1, limit: 1 }, sortings: [{ name: 'createdAt', desc: true }] },
+                fetchPolicy: 'no-cache'
+            });
+            const last = (response.data?.last?.items ?? []).find((one) => one.direction === 'SALES');
+            this.form = { ...this.form, ...headFromDefaults(this.form, this.defaults) };
+            this.form = {
+                ...this.form,
+                ...oursFromLast(this.form, last),
+                number: this.form.number || nextQuotationNumber((response.data?.numbered?.items ?? []).map((one) => one.number), year),
+                validUntil: this.form.validUntil || daysAfter(this.form.issueDate, this.validDays)
+            };
+        }
+        catch {
+            /* Nothing to start from - the person writes it, as before. */
+        }
+        const opportunity = this.opportunities.find(one => one.id === this.form.opportunityId);
+        if (opportunity?.counterparty && !String(this.form.buyerName ?? '').trim())
+            this.takeParty(opportunity.counterparty);
+    }
+    /** Days an offer holds - the company's, or thirty. */
+    get validDays() {
+        return this.defaults?.validDays || VALID_DAYS;
+    }
     opportunityChoices() {
         const answered = this.quotation?.opportunity;
         return answered && !this.opportunities.some(one => one.id === answered.id) ? [answered, ...this.opportunities] : this.opportunities;
@@ -189,7 +364,7 @@ let QuotationEditor = class QuotationEditor extends localize(i18next)(PageView)
                 query: gql `
           query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!]) {
             opportunities(filters: $filters, pagination: $pagination, sortings: $sortings) {
-              items { id name counterparty { name } }
+              items { id name counterparty { id name businessNumber } }
             }
           }
         `,
@@ -231,6 +406,7 @@ let QuotationEditor = class QuotationEditor extends localize(i18next)(PageView)
     show(quotation) {
         this.quotation = quotation;
         this.form = { ...quotation, items: quotation.items.map((item) => ({ ...item })) };
+        this.amounts = quotation;
         this.reason = '';
         this.configure();
         this.grist?.fetch();
@@ -253,6 +429,7 @@ let QuotationEditor = class QuotationEditor extends localize(i18next)(PageView)
     input() {
         const input = Object.fromEntries(HEAD.map(key => [key, this.form[key] === '' ? null : this.form[key] ?? null]));
         input.items = linesOf(this.grist).map(({ receivedTaxAmount, ...line }) => line);
+        input.discountAmount = input.discountAmount === null ? 0 : Number(input.discountAmount);
         return input;
     }
     async save() {
@@ -276,8 +453,21 @@ let QuotationEditor = class QuotationEditor extends localize(i18next)(PageView)
             navigate(`quotation-editor?id=${saved.id}`);
         return saved;
     }
-    /** Save what is on screen, then send it — its amounts are fixed from here on. */
+    /** Asked first - to whom and how much, fixed after - then save what is on screen and send it. */
     async send() {
+        const purchase = this.form.direction === 'PURCHASE';
+        const words = {
+            party: (purchase ? this.form.supplierName : this.form.buyerName) || '—',
+            total: documentAmount(this.amounts.totalAmount ?? 0, this.form.currency || 'KRW')
+        };
+        const confirmed = await OxPrompt.open({
+            title: i18next.t('button.quotation-send'),
+            text: purchase ? i18next.t('text.quotation-send-confirm-purchase', words) : i18next.t('text.quotation-send-confirm', words),
+            confirmButton: { text: i18next.t('button.quotation-send') },
+            cancelButton: { text: i18next.t('button.cancel') }
+        });
+        if (!confirmed)
+            return;
         const saved = await this.save();
         if (saved)
             await this.change('sendQuotation');
@@ -301,17 +491,81 @@ let QuotationEditor = class QuotationEditor extends localize(i18next)(PageView)
         this.show(changed);
         this.updateContext();
     }
-    print() {
+    /**
+     * An invoice draft of an accepted quotation (ADR-0170 decision 11): its parties, currency, language, terms, account,
+     * notes, discount and lines as the quotation has them, issued today and due the company's days after, the quotation
+     * named as its source - then opened to be checked and issued. The counterparty is the one of the other party's name,
+     * as the invoice editor links it.
+     */
+    async makeInvoice() {
         const quotation = this.quotation;
-        const lng = quotation.language === 'en' ? 'en' : 'ko';
-        printDocument(documentHtml(quotation, {
-            title: i18next.t('title.quotation-print', { lng }),
-            numberLabel: 'field.quotation-number',
-            terms: [
-                { label: i18next.t('field.quotation-version', { lng }), value: `v${quotation.version}` },
-                { label: i18next.t('field.quotation-valid-until', { lng }), value: quotation.validUntil }
-            ]
-        }));
+        const created = await this.run(async () => {
+            const last = await client.query({
+                query: gql `
+          query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!]) {
+            invoices(filters: $filters, pagination: $pagination, sortings: $sortings) { items { number } }
+          }
+        `,
+                variables: { filters: [{ name: 'direction', operator: 'eq', value: 'SALES' }], pagination: { page: 1, limit: 1 }, sortings: [{ name: 'createdAt', desc: true }] },
+                fetchPolicy: 'no-cache'
+            });
+            const issueDate = today();
+            const party = await partyOfName(quotation.direction === 'PURCHASE' ? quotation.supplierName : quotation.buyerName);
+            const response = await client.mutate({
+                mutation: gql `
+          mutation ($invoice: NewInvoice!) {
+            createInvoice(invoice: $invoice) { id }
+          }
+        `,
+                variables: {
+                    invoice: {
+                        number: nextInvoiceNumber(last.data?.invoices?.items?.[0]?.number, Number(issueDate.slice(0, 4))),
+                        counterpartyId: party?.id ?? null,
+                        ...Object.fromEntries(INVOICE_HEAD.map(key => [key, quotation[key] ?? null])),
+                        issueDate,
+                        dueDate: daysAfter(issueDate, this.defaults?.paymentDays ?? PAYMENT_DAYS),
+                        sourceReference: i18next.t('text.quotation-invoice-source', { number: quotation.number, version: quotation.version }),
+                        taxBasis: 'CALCULATED',
+                        discountAmount: Number(quotation.discountAmount ?? 0),
+                        items: quotation.items.map(({ description, quantity, unit, unitPrice, discount, taxKind, taxRate }) => ({
+                            description,
+                            quantity,
+                            unit: unit ?? null,
+                            unitPrice,
+                            discount,
+                            taxKind,
+                            taxRate
+                        }))
+                    }
+                }
+            });
+            if (response.errors?.length)
+                throw response;
+            return response.data.createInvoice;
+        });
+        if (created)
+            navigate(`invoice-editor?id=${created.id}`);
+    }
+    /**
+     * The saved quotation as it goes out (ADR-0170 decision 10) - the server's page in the language chosen there, the
+     * quotation's own first, to download as PDF or print. What is on screen and not saved is not in it.
+     */
+    preview() {
+        const { id, number, version, language } = this.quotation;
+        openDocumentPreview(async (format, lng) => {
+            const response = await client.query({
+                query: gql `
+            query ($id: String!, $format: DocumentFileFormat!, $language: String) {
+              quotationDocumentFile(id: $id, format: $format, language: $language) { fileName mimeType content }
+            }
+          `,
+                variables: { id, format, language: lng },
+                fetchPolicy: 'no-cache'
+            });
+            if (!response.data?.quotationDocumentFile)
+                throw response.errors?.[0] ?? new Error(i18next.t('text.quotation-not-found'));
+            return response.data.quotationDocumentFile;
+        }, language, `${i18next.t('title.invoice-preview')} · ${number} · v${version}`);
     }
 };
 __decorate([
@@ -346,6 +600,22 @@ __decorate([
     state(),
     __metadata("design:type", Array)
 ], QuotationEditor.prototype, "opportunities", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], QuotationEditor.prototype, "defaults", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], QuotationEditor.prototype, "party", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], QuotationEditor.prototype, "amounts", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], QuotationEditor.prototype, "invoiceWriter", void 0);
 __decorate([
     query('ox-grist'),
     __metadata("design:type", DataGrist)
@@ -355,6 +625,6 @@ QuotationEditor = __decorate([
 ], QuotationEditor);
 export { QuotationEditor };
 function blank() {
-    return { number: '', direction: 'SALES', currency: 'KRW', language: 'ko', supplierName: '', buyerName: '', issueDate: today(), validUntil: '', items: [] };
+    return { number: '', direction: 'SALES', currency: 'KRW', language: 'ko', supplierName: '', buyerName: '', issueDate: today(), validUntil: '', discountAmount: 0, items: [] };
 }
 //# sourceMappingURL=quotation-editor.js.map