@things-factory/sales 0.0.0-stage → 10.1.177

package/dist-client/pages/opportunity-list.js

@@ -0,0 +1,134 @@
+import { __decorate, __metadata } from "tslib";
+import '@operato/data-grist/ox-grist.js';
+import '@operato/data-grist/ox-filters-form.js';
+import gql from 'graphql-tag';
+import { html } 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 { entity360Name } from '@operato/layout';
+import { navigate, PageView } from '@operato/shell';
+import { CommonGristStyles, CommonHeaderStyles, ScrollbarStyles, WorkSurfacePageStyles } from '@operato/styles';
+import { isMobileDevice } from '@operato/utils';
+import { documentAmount } from '@things-factory/invoice/dist-client';
+import { opportunityStageWord } from '../opportunity-words';
+const STAGES = ['LEAD', 'PROPOSAL', 'QUOTED', 'NEGOTIATION', 'WON', 'LOST'];
+/** 영업 기회 — every opportunity of the domain, narrowed by stage. The name opens its 360; the edit gutter its editor. */
+let OpportunityList = class OpportunityList extends localize(i18next)(PageView) {
+    static { this.styles = [WorkSurfacePageStyles, CommonGristStyles, CommonHeaderStyles, ScrollbarStyles]; }
+    get context() {
+        return {
+            title: i18next.t('title.opportunity-list'),
+            search: {
+                handler: (search) => {
+                    this.grist.searchText = search;
+                },
+                value: this.grist?.searchText || ''
+            },
+            /* Narrowing by stage stays in the headroom, and this folds it. */
+            filter: {
+                handler: () => {
+                    this.grist.toggleHeadroom();
+                }
+            },
+            actions: [{ title: i18next.t('button.opportunity-new'), icon: 'add', emphasis: { raised: true }, action: () => navigate('opportunity-editor') }],
+            exportable: { name: i18next.t('title.opportunity-list'), data: () => this.grist.exportRecords() }
+        };
+    }
+    render() {
+        return html `<ox-grist
+      class="page-fill"
+      search-mode="term"
+      .mode=${isMobileDevice() ? 'CARD' : 'GRID'}
+      .config=${this.gristConfig}
+      .fetchHandler=${this.fetchHandler.bind(this)}
+    >
+      <div slot="headroom" class="header">
+        <div class="filters">
+          <ox-filters-form without-search autofocus></ox-filters-form>
+        </div>
+      </div>
+    </ox-grist>`;
+    }
+    async pageInitialized() {
+        const open = (record) => record?.id && navigate(`opportunity-editor?id=${record.id}`);
+        const party = (value) => (value ? entity360Name({ __typename: 'Counterparty', ...value }, value.name) : '');
+        const readonly = (type, name, header, width, extra = {}) => ({
+            type,
+            name,
+            header,
+            width,
+            sortable: true,
+            ...extra,
+            record: { editable: false, ...extra.record }
+        });
+        this.gristConfig = {
+            rows: { appendable: false, selectable: false },
+            pagination: { limit: 50, pages: [50, 100, 500] },
+            emptyNote: { title: i18next.t('text.opportunity-empty'), description: i18next.t('text.opportunity-empty-description') },
+            list: { fields: ['name', 'counterparty'], details: ['stage', 'expectedCloseMonth', 'amount'] },
+            columns: [
+                { type: 'gutter', gutterName: 'sequence' },
+                { type: 'gutter', gutterName: 'button', icon: 'edit_note', handlers: { click: (_c, _d, _col, record) => open(record) } },
+                readonly('string', 'name', i18next.t('field.opportunity-name'), 220, {
+                    record: { renderer: (_v, _c, record) => (record?.id ? entity360Name({ __typename: 'Opportunity', ...record }, record.name) : '') }
+                }),
+                readonly('string', 'counterparty', i18next.t('field.opportunity-counterparty'), 180, { sortable: false, record: { renderer: (value) => party(value) } }),
+                readonly('string', 'endCustomer', i18next.t('field.opportunity-end-customer'), 160, { sortable: false, record: { renderer: (value) => party(value) } }),
+                readonly('string', 'stage', i18next.t('field.opportunity-stage'), 90, {
+                    record: { renderer: (value) => opportunityStageWord(value) },
+                    filter: { type: 'select', operator: 'eq', options: [{ display: '', value: '' }, ...STAGES.map(stage => ({ display: opportunityStageWord(stage), value: stage }))] }
+                }),
+                readonly('integer', 'probability', i18next.t('field.opportunity-probability'), 70, { record: { align: 'right', renderer: (value) => `${value ?? 0}%` } }),
+                readonly('float', 'amount', i18next.t('field.opportunity-amount'), 150, {
+                    record: { align: 'right', renderer: (value, _c, record) => documentAmount(value, record?.currency || 'KRW') }
+                }),
+                readonly('string', 'expectedCloseMonth', i18next.t('field.opportunity-expected-close-month'), 100),
+                readonly('string', 'owner', i18next.t('field.opportunity-owner'), 110, { sortable: false, record: { renderer: (value) => value?.name ?? '' } })
+            ],
+            sorters: [{ name: 'expectedCloseMonth' }]
+        };
+    }
+    async fetchHandler({ page = 1, limit = 50, sortings = [], filters = [], search }) {
+        const response = await client.query({
+            query: gql `
+        query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!], $search: String) {
+          responses: opportunities(filters: $filters, pagination: $pagination, sortings: $sortings, search: $search) {
+            items {
+              id
+              name
+              stage
+              probability
+              amount
+              currency
+              expectedCloseMonth
+              counterparty { id name }
+              endCustomer { id name }
+              owner { id name }
+            }
+            total
+          }
+        }
+      `,
+            variables: { filters, pagination: { page, limit }, sortings, search: search?.trim() || undefined },
+            fetchPolicy: 'network-only'
+        });
+        if (response.errors?.length)
+            throw response;
+        return { total: response.data.responses.total, records: response.data.responses.items };
+    }
+};
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], OpportunityList.prototype, "gristConfig", void 0);
+__decorate([
+    query('ox-grist'),
+    __metadata("design:type", DataGrist)
+], OpportunityList.prototype, "grist", void 0);
+OpportunityList = __decorate([
+    customElement('opportunity-list')
+], OpportunityList);
+export { OpportunityList };
+//# sourceMappingURL=opportunity-list.js.map

package/dist-client/pages/opportunity-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"opportunity-list.js","sourceRoot":"","sources":["../../client/pages/opportunity-list.ts"],"names":[],"mappings":"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","sourcesContent":["import '@operato/data-grist/ox-grist.js'\nimport '@operato/data-grist/ox-filters-form.js'\n\nimport gql from 'graphql-tag'\nimport { html } from 'lit'\nimport { customElement, query, state } from 'lit/decorators.js'\n\nimport { DataGrist, FetchOption } from '@operato/data-grist'\nimport { client } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { entity360Name } from '@operato/layout'\nimport { navigate, PageView } from '@operato/shell'\nimport { CommonGristStyles, CommonHeaderStyles, ScrollbarStyles, WorkSurfacePageStyles } from '@operato/styles'\nimport { isMobileDevice } from '@operato/utils'\nimport { documentAmount } from '@things-factory/invoice/dist-client'\n\nimport { opportunityStageWord } from '../opportunity-words'\n\nconst STAGES = ['LEAD', 'PROPOSAL', 'QUOTED', 'NEGOTIATION', 'WON', 'LOST']\n\n/** 영업 기회 — every opportunity of the domain, narrowed by stage. The name opens its 360; the edit gutter its editor. */\n@customElement('opportunity-list')\nexport class OpportunityList extends localize(i18next)(PageView) {\n  static styles = [WorkSurfacePageStyles, CommonGristStyles, CommonHeaderStyles, ScrollbarStyles]\n\n  @state() gristConfig: any\n  @query('ox-grist') private grist!: DataGrist\n\n  get context() {\n    return {\n      title: i18next.t('title.opportunity-list'),\n      search: {\n        handler: (search: string) => {\n          this.grist.searchText = search\n        },\n        value: this.grist?.searchText || ''\n      },\n      /* Narrowing by stage stays in the headroom, and this folds it. */\n      filter: {\n        handler: () => {\n          this.grist.toggleHeadroom()\n        }\n      },\n      actions: [{ title: i18next.t('button.opportunity-new'), icon: 'add', emphasis: { raised: true }, action: () => navigate('opportunity-editor') }],\n      exportable: { name: i18next.t('title.opportunity-list'), data: () => this.grist.exportRecords() }\n    }\n  }\n\n  render() {\n    return html`<ox-grist\n      class=\"page-fill\"\n      search-mode=\"term\"\n      .mode=${isMobileDevice() ? 'CARD' : 'GRID'}\n      .config=${this.gristConfig}\n      .fetchHandler=${this.fetchHandler.bind(this)}\n    >\n      <div slot=\"headroom\" class=\"header\">\n        <div class=\"filters\">\n          <ox-filters-form without-search autofocus></ox-filters-form>\n        </div>\n      </div>\n    </ox-grist>`\n  }\n\n  async pageInitialized() {\n    const open = (record: any) => record?.id && navigate(`opportunity-editor?id=${record.id}`)\n    const party = (value?: { id: string; name: string }) => (value ? entity360Name({ __typename: 'Counterparty', ...value }, value.name) : '')\n    const readonly = (type: string, name: string, header: string, width: number, extra: any = {}) => ({\n      type,\n      name,\n      header,\n      width,\n      sortable: true,\n      ...extra,\n      record: { editable: false, ...extra.record }\n    })\n    this.gristConfig = {\n      rows: { appendable: false, selectable: false },\n      pagination: { limit: 50, pages: [50, 100, 500] },\n      emptyNote: { title: i18next.t('text.opportunity-empty'), description: i18next.t('text.opportunity-empty-description') },\n      list: { fields: ['name', 'counterparty'], details: ['stage', 'expectedCloseMonth', 'amount'] },\n      columns: [\n        { type: 'gutter', gutterName: 'sequence' },\n        { type: 'gutter', gutterName: 'button', icon: 'edit_note', handlers: { click: (_c: any, _d: any, _col: any, record: any) => open(record) } },\n        readonly('string', 'name', i18next.t('field.opportunity-name'), 220, {\n          record: { renderer: (_v: any, _c: any, record: any) => (record?.id ? entity360Name({ __typename: 'Opportunity', ...record }, record.name) : '') }\n        }),\n        readonly('string', 'counterparty', i18next.t('field.opportunity-counterparty'), 180, { sortable: false, record: { renderer: (value: any) => party(value) } }),\n        readonly('string', 'endCustomer', i18next.t('field.opportunity-end-customer'), 160, { sortable: false, record: { renderer: (value: any) => party(value) } }),\n        readonly('string', 'stage', i18next.t('field.opportunity-stage'), 90, {\n          record: { renderer: (value: string) => opportunityStageWord(value) },\n          filter: { type: 'select', operator: 'eq', options: [{ display: '', value: '' }, ...STAGES.map(stage => ({ display: opportunityStageWord(stage), value: stage }))] }\n        }),\n        readonly('integer', 'probability', i18next.t('field.opportunity-probability'), 70, { record: { align: 'right', renderer: (value: number) => `${value ?? 0}%` } }),\n        readonly('float', 'amount', i18next.t('field.opportunity-amount'), 150, {\n          record: { align: 'right', renderer: (value: number, _c: any, record: any) => documentAmount(value, record?.currency || 'KRW') }\n        }),\n        readonly('string', 'expectedCloseMonth', i18next.t('field.opportunity-expected-close-month'), 100),\n        readonly('string', 'owner', i18next.t('field.opportunity-owner'), 110, { sortable: false, record: { renderer: (value: any) => value?.name ?? '' } })\n      ],\n      sorters: [{ name: 'expectedCloseMonth' }]\n    }\n  }\n\n  async fetchHandler({ page = 1, limit = 50, sortings = [], filters = [], search }: FetchOption) {\n    const response = await client.query({\n      query: gql`\n        query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!], $search: String) {\n          responses: opportunities(filters: $filters, pagination: $pagination, sortings: $sortings, search: $search) {\n            items {\n              id\n              name\n              stage\n              probability\n              amount\n              currency\n              expectedCloseMonth\n              counterparty { id name }\n              endCustomer { id name }\n              owner { id name }\n            }\n            total\n          }\n        }\n      `,\n      variables: { filters, pagination: { page, limit }, sortings, search: search?.trim() || undefined },\n      fetchPolicy: 'network-only'\n    })\n    if (response.errors?.length) throw response\n    return { total: response.data.responses.total, records: response.data.responses.items }\n  }\n}\n"]}

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

@@ -0,0 +1,54 @@
+import '@operato/data-grist/ox-grist.js';
+import '@operato/list-state/ox-page-state.js';
+import { PageView } from '@operato/shell';
+import { type DocumentValue } from '@things-factory/invoice/dist-client';
+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.
+ *
+ * A draft is saved and sent; once sent its amounts are fixed, and the buyer's answer is recorded — accepted, or
+ * declined with a reason. To change a sent quotation, revise it: the next version keeps the number.
+ */
+export declare class QuotationEditor extends QuotationEditor_base {
+    static styles: import("lit").CSSResult[];
+    quotation: DocumentValue | null;
+    form: DocumentValue;
+    loading: boolean;
+    error: unknown;
+    busy: boolean;
+    reason: string;
+    gristConfig: any;
+    /** The open opportunities a draft may answer, and the one it answers when that one is closed. */
+    opportunities: {
+        id: string;
+        name: string;
+        counterparty?: {
+            name: string;
+        };
+    }[];
+    private grist?;
+    get editable(): boolean;
+    get context(): {
+        frame: string;
+        menu: string;
+        actions: any[];
+        description?: string | undefined;
+        title: string;
+    };
+    pageUpdated(changes: any, lifecycle: any): Promise<void>;
+    render(): import("lit-html").TemplateResult<1>;
+    private renderDecline;
+    private opportunityChoices;
+    private readOpportunities;
+    private configure;
+    private load;
+    private show;
+    private run;
+    private input;
+    private save;
+    /** Save what is on screen, then send it — its amounts are fixed from here on. */
+    private send;
+    private change;
+    private print;
+}
+export {};

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

@@ -0,0 +1,359 @@
+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 { 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 { quotationSection } from '../quotation-attach';
+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 }
+  taxGroups { taxKind taxRate supplyAmount taxAmount }
+`;
+const HEAD = [
+    'number',
+    'direction',
+    'currency',
+    'language',
+    'supplierName',
+    'supplierAddress',
+    'supplierRegistrationNumber',
+    'buyerName',
+    'buyerAddress',
+    'buyerRegistrationNumber',
+    'issueDate',
+    'purchaseOrder',
+    'paymentTerms',
+    'bankDetails',
+    'notes',
+    'sourceReference',
+    'validUntil',
+    'opportunityId'
+];
+const today = () => new Date().toLocaleDateString('en-CA');
+/**
+ * 견적 편집 — the same head, lines and totals as an invoice, valid until a day.
+ *
+ * A draft is saved and sent; once sent its amounts are fixed, and the buyer's answer is recorded — accepted, or
+ * declined with a reason. To change a sent quotation, revise it: the next version keeps the number.
+ */
+let QuotationEditor = class QuotationEditor extends localize(i18next)(PageView) {
+    constructor() {
+        super(...arguments);
+        this.quotation = null;
+        this.form = blank();
+        this.loading = false;
+        this.error = null;
+        this.busy = false;
+        this.reason = '';
+        /** The open opportunities a draft may answer, and the one it answers when that one is closed. */
+        this.opportunities = [];
+    }
+    static { this.styles = [
+        FormFieldStyles,
+        ButtonStyles,
+        DocumentPageStyles,
+        CommonGristStyles,
+        ScrollbarStyles,
+        DocumentFormStyles,
+        css `
+      ox-grist {
+        height: calc(var(--form-element-height-medium) * 10);
+      }
+    `
+    ]; }
+    get editable() {
+        return !this.quotation || this.quotation.status === 'DRAFT';
+    }
+    get context() {
+        const status = this.quotation?.status;
+        const actions = [];
+        if (this.editable) {
+            actions.push({ title: i18next.t('button.save'), icon: 'save', action: () => this.save() });
+            actions.push({ title: i18next.t('button.quotation-send'), icon: 'send', emphasis: { raised: true }, action: () => this.send() });
+        }
+        if (status === 'SENT') {
+            if (this.quotation.validUntil < today())
+                actions.push({ title: i18next.t('button.quotation-expire'), action: () => this.change('expireQuotation') });
+            else
+                actions.push({ title: i18next.t('button.quotation-accept'), emphasis: { raised: true }, action: () => this.change('acceptQuotation') });
+        }
+        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() });
+        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) } : {}),
+            frame: 'document',
+            /* Opened from the quotation list; the menu marks it. */
+            menu: 'quotation-list',
+            actions: this.error ? [] : actions
+        };
+    }
+    async pageUpdated(changes, lifecycle) {
+        if (!this.active || !(changes.active || changes.params))
+            return;
+        const id = lifecycle?.params?.id;
+        if (!this.opportunities.length)
+            await this.readOpportunities();
+        if (!id) {
+            this.quotation = null;
+            /* Written from an opportunity, the draft answers it. */
+            this.form = { ...blank(), opportunityId: lifecycle?.params?.opportunity ?? '' };
+            this.configure();
+            this.updateContext();
+            return;
+        }
+        if (id !== this.quotation?.id)
+            await this.load(id);
+    }
+    render() {
+        const attached = this.quotation ? quotationSection() : undefined;
+        const editable = this.editable && !this.busy;
+        return html `<ox-page-state .loading=${this.loading} .error=${this.error} @retry=${() => this.quotation && this.load(this.quotation.id)}>
+      <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
+                >${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>`)}
+        </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>`
+            : nothing}
+        ${this.quotation?.status === 'SENT' ? this.renderDecline() : nothing}
+        ${this.quotation?.outcomeReason
+            ? html `<section class="page-section">
+              <header class="page-section-header"><h3>${i18next.t('field.quotation-outcome-reason')}</h3></header>
+              <p>${this.quotation.outcomeReason}</p>
+            </section>`
+            : nothing}
+        ${attached && this.quotation
+            ? html `<section class="page-section">
+              <header class="page-section-header"><h3>${attached.heading()}</h3></header>
+              ${attached.render(this.quotation)}
+            </section>`
+            : nothing}
+      </div>
+    </ox-page-state>`;
+    }
+    renderDecline() {
+        return html `<section class="page-section">
+      <header class="page-section-header">
+        <h3>${i18next.t('text.quotation-section-decline')}</h3>
+        <div class="page-section-actions">
+          <button ?disabled=${this.busy || !this.reason.trim()} @click=${() => this.change('rejectQuotation', this.reason.trim())}>${i18next.t('button.quotation-reject')}</button>
+        </div>
+      </header>
+      <div class="form">
+        <label class="wide"
+          >${i18next.t('field.quotation-outcome-reason')}
+          <input .value=${this.reason} ?disabled=${this.busy} @input=${(e) => (this.reason = e.target.value)}
+        /></label>
+      </div>
+    </section>`;
+    }
+    opportunityChoices() {
+        const answered = this.quotation?.opportunity;
+        return answered && !this.opportunities.some(one => one.id === answered.id) ? [answered, ...this.opportunities] : this.opportunities;
+    }
+    async readOpportunities() {
+        try {
+            const response = await client.query({
+                query: gql `
+          query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!]) {
+            opportunities(filters: $filters, pagination: $pagination, sortings: $sortings) {
+              items { id name counterparty { name } }
+            }
+          }
+        `,
+                variables: {
+                    filters: [{ name: 'stage', operator: 'in', value: ['LEAD', 'PROPOSAL', 'QUOTED', 'NEGOTIATION'] }],
+                    pagination: { page: 1, limit: 500 },
+                    sortings: [{ name: 'name' }]
+                },
+                fetchPolicy: 'no-cache'
+            });
+            this.opportunities = response.data?.opportunities?.items ?? [];
+        }
+        catch (error) {
+            notify({ level: 'error', message: error?.graphQLErrors?.[0]?.message ?? error?.message ?? String(error) });
+        }
+    }
+    configure() {
+        this.gristConfig = documentLinesConfig({ editable: this.editable, 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!) { quotation(id: $id) { ${FIELDS} } }`), variables: { id }, fetchPolicy: 'no-cache' });
+            if (response.errors?.length)
+                throw response;
+            if (!response.data.quotation)
+                throw new Error(i18next.t('text.quotation-not-found'));
+            this.show(response.data.quotation);
+        }
+        catch (error) {
+            this.error = error;
+        }
+        finally {
+            this.loading = false;
+            this.updateContext();
+        }
+    }
+    show(quotation) {
+        this.quotation = quotation;
+        this.form = { ...quotation, items: quotation.items.map((item) => ({ ...item })) };
+        this.reason = '';
+        this.configure();
+        this.grist?.fetch();
+    }
+    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.items = linesOf(this.grist).map(({ receivedTaxAmount, ...line }) => line);
+        return input;
+    }
+    async save() {
+        const id = this.quotation?.id;
+        const saved = await this.run(async () => {
+            const response = await client.mutate({
+                mutation: gql(id
+                    ? `mutation ($id: String!, $quotation: NewQuotation!) { quotation: updateQuotation(id: $id, quotation: $quotation) { ${FIELDS} } }`
+                    : `mutation ($quotation: NewQuotation!) { quotation: createQuotation(quotation: $quotation) { ${FIELDS} } }`),
+                variables: { ...(id ? { id } : {}), quotation: this.input() }
+            });
+            if (response.errors?.length)
+                throw response;
+            return response.data.quotation;
+        });
+        if (!saved)
+            return undefined;
+        this.show(saved);
+        this.updateContext();
+        if (!id)
+            navigate(`quotation-editor?id=${saved.id}`);
+        return saved;
+    }
+    /** Save what is on screen, then send it — its amounts are fixed from here on. */
+    async send() {
+        const saved = await this.save();
+        if (saved)
+            await this.change('sendQuotation');
+    }
+    async change(mutation, reason) {
+        const changed = await this.run(async () => {
+            const response = await client.mutate({
+                mutation: gql(reason === undefined
+                    ? `mutation ($id: String!) { quotation: ${mutation}(id: $id) { ${FIELDS} } }`
+                    : `mutation ($id: String!, $reason: String!) { quotation: ${mutation}(id: $id, reason: $reason) { ${FIELDS} } }`),
+                variables: { id: this.quotation.id, ...(reason === undefined ? {} : { reason }) }
+            });
+            if (response.errors?.length)
+                throw response;
+            return response.data.quotation;
+        });
+        if (!changed)
+            return;
+        if (changed.id !== this.quotation?.id)
+            navigate(`quotation-editor?id=${changed.id}`);
+        this.show(changed);
+        this.updateContext();
+    }
+    print() {
+        const quotation = this.quotation;
+        const lng = quotation.language === 'en' ? 'en' : 'ko';
+        printDocument(documentHtml(quotation, {
+            title: i18next.t('title.quotation-print', { lng }),
+            terms: [
+                { label: i18next.t('field.quotation-version', { lng }), value: `v${quotation.version}` },
+                { label: i18next.t('field.quotation-valid-until', { lng }), value: quotation.validUntil }
+            ]
+        }));
+    }
+};
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], QuotationEditor.prototype, "quotation", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], QuotationEditor.prototype, "form", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], QuotationEditor.prototype, "loading", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], QuotationEditor.prototype, "error", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], QuotationEditor.prototype, "busy", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], QuotationEditor.prototype, "reason", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], QuotationEditor.prototype, "gristConfig", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Array)
+], QuotationEditor.prototype, "opportunities", void 0);
+__decorate([
+    query('ox-grist'),
+    __metadata("design:type", DataGrist)
+], QuotationEditor.prototype, "grist", void 0);
+QuotationEditor = __decorate([
+    customElement('quotation-editor')
+], QuotationEditor);
+export { QuotationEditor };
+function blank() {
+    return { number: '', direction: 'SALES', currency: 'KRW', language: 'ko', supplierName: '', buyerName: '', issueDate: today(), validUntil: '', items: [] };
+}
+//# sourceMappingURL=quotation-editor.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"quotation-editor.js","sourceRoot":"","sources":["../../client/pages/quotation-editor.ts"],"names":[],"mappings":"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","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 { navigate, PageView } from '@operato/shell'\nimport { ButtonStyles, CommonGristStyles, DocumentPageStyles, FormFieldStyles, ScrollbarStyles } from '@operato/styles'\nimport {\n  documentHtml,\n  DocumentFormStyles,\n  documentLinesConfig,\n  linesOf,\n  printDocument,\n  renderDocumentHead,\n  renderDocumentTotals,\n  type DocumentValue\n} from '@things-factory/invoice/dist-client'\n\nimport { quotationSection } from '../quotation-attach'\nimport { quotationStatusWord } from '../quotation-words'\n\nconst FIELDS = `\n  id number version status validUntil outcomeReason opportunityId opportunity { id name } direction currency language supplierName supplierAddress supplierRegistrationNumber\n  buyerName buyerAddress buyerRegistrationNumber issueDate purchaseOrder paymentTerms bankDetails notes sourceReference\n  supplyAmount taxAmount totalAmount taxRounding currencyDigits\n  items { position description quantity unitPrice discount taxKind taxRate supplyAmount }\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  'purchaseOrder',\n  'paymentTerms',\n  'bankDetails',\n  'notes',\n  'sourceReference',\n  'validUntil',\n  'opportunityId'\n]\n\nconst today = () => new Date().toLocaleDateString('en-CA')\n\n/**\n * 견적 편집 — the same head, lines and totals as an invoice, valid until a day.\n *\n * A draft is saved and sent; once sent its amounts are fixed, and the buyer's answer is recorded — accepted, or\n * declined with a reason. To change a sent quotation, revise it: the next version keeps the number.\n */\n@customElement('quotation-editor')\nexport class QuotationEditor 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() quotation: DocumentValue | null = null\n  @state() form: DocumentValue = blank()\n  @state() loading = false\n  @state() error: unknown = null\n  @state() busy = false\n  @state() reason = ''\n  @state() gristConfig: any\n  /** The open opportunities a draft may answer, and the one it answers when that one is closed. */\n  @state() opportunities: { id: string; name: string; counterparty?: { name: string } }[] = []\n\n  @query('ox-grist') private grist?: DataGrist\n\n  get editable() {\n    return !this.quotation || this.quotation.status === 'DRAFT'\n  }\n\n  get context() {\n    const status = this.quotation?.status\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.quotation-send'), icon: 'send', emphasis: { raised: true }, action: () => this.send() })\n    }\n    if (status === 'SENT') {\n      if (this.quotation!.validUntil < today()) actions.push({ title: i18next.t('button.quotation-expire'), action: () => this.change('expireQuotation') })\n      else actions.push({ title: i18next.t('button.quotation-accept'), emphasis: { raised: true }, action: () => this.change('acceptQuotation') })\n    }\n    if (['SENT', 'REJECTED', 'EXPIRED'].includes(status)) actions.push({ title: i18next.t('button.quotation-revise'), icon: 'edit_document', action: () => this.change('reviseQuotation') })\n    if (this.quotation) actions.push({ title: i18next.t('button.quotation-print'), icon: 'print', action: () => this.print() })\n    return {\n      title: this.quotation ? `${i18next.t('title.quotation')} ${this.quotation.number} · v${this.quotation.version}` : i18next.t('title.quotation-new'),\n      ...(this.quotation ? { description: quotationStatusWord(status) } : {}),\n      frame: 'document',\n      /* Opened from the quotation list; the menu marks it. */\n      menu: 'quotation-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 (!this.opportunities.length) await this.readOpportunities()\n    if (!id) {\n      this.quotation = null\n      /* Written from an opportunity, the draft answers it. */\n      this.form = { ...blank(), opportunityId: lifecycle?.params?.opportunity ?? '' }\n      this.configure()\n      this.updateContext()\n      return\n    }\n    if (id !== this.quotation?.id) await this.load(id)\n  }\n\n  render() {\n    const attached = this.quotation ? quotationSection() : undefined\n    const editable = this.editable && !this.busy\n    return html`<ox-page-state .loading=${this.loading} .error=${this.error} @retry=${() => this.quotation && this.load(this.quotation.id)}>\n      <div class=\"page\">\n        <section class=\"page-section\">\n          <header class=\"page-section-header\"><h3>${i18next.t('text.quotation-section-head')}</h3></header>\n          ${renderDocumentHead(\n            this.form,\n            editable,\n            patch => (this.form = { ...this.form, ...patch }),\n            html`<label\n                >${i18next.t('field.quotation-valid-until')}\n                <input type=\"date\" .value=${this.form.validUntil ?? ''} ?disabled=${!editable} @input=${(e: any) => (this.form = { ...this.form, validUntil: e.target.value })}\n              /></label>\n              <label\n                >${i18next.t('field.quotation-opportunity')}\n                <select .value=${this.form.opportunityId ?? ''} ?disabled=${!editable} @change=${(e: any) => (this.form = { ...this.form, opportunityId: e.target.value })}>\n                  <option value=\"\"></option>\n                  ${this.opportunityChoices().map(\n                    one => html`<option value=${one.id} ?selected=${one.id === this.form.opportunityId}>${one.name}${one.counterparty?.name ? ` · ${one.counterparty.name}` : ''}</option>`\n                  )}\n                </select>\n              </label>`\n          )}\n        </section>\n        <section class=\"page-section\">\n          <header class=\"page-section-header\"><h3>${i18next.t('text.quotation-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.quotation\n          ? html`<section class=\"page-section\">\n              <header class=\"page-section-header\"><h3>${i18next.t('text.quotation-section-totals')}</h3></header>\n              ${renderDocumentTotals(this.quotation)}\n            </section>`\n          : nothing}\n        ${this.quotation?.status === 'SENT' ? this.renderDecline() : nothing}\n        ${this.quotation?.outcomeReason\n          ? html`<section class=\"page-section\">\n              <header class=\"page-section-header\"><h3>${i18next.t('field.quotation-outcome-reason')}</h3></header>\n              <p>${this.quotation.outcomeReason}</p>\n            </section>`\n          : nothing}\n        ${attached && this.quotation\n          ? html`<section class=\"page-section\">\n              <header class=\"page-section-header\"><h3>${attached.heading()}</h3></header>\n              ${attached.render(this.quotation as any)}\n            </section>`\n          : nothing}\n      </div>\n    </ox-page-state>`\n  }\n\n  private renderDecline() {\n    return html`<section class=\"page-section\">\n      <header class=\"page-section-header\">\n        <h3>${i18next.t('text.quotation-section-decline')}</h3>\n        <div class=\"page-section-actions\">\n          <button ?disabled=${this.busy || !this.reason.trim()} @click=${() => this.change('rejectQuotation', this.reason.trim())}>${i18next.t('button.quotation-reject')}</button>\n        </div>\n      </header>\n      <div class=\"form\">\n        <label class=\"wide\"\n          >${i18next.t('field.quotation-outcome-reason')}\n          <input .value=${this.reason} ?disabled=${this.busy} @input=${(e: any) => (this.reason = e.target.value)}\n        /></label>\n      </div>\n    </section>`\n  }\n\n  private opportunityChoices() {\n    const answered = this.quotation?.opportunity\n    return answered && !this.opportunities.some(one => one.id === answered.id) ? [answered, ...this.opportunities] : this.opportunities\n  }\n\n  private async readOpportunities() {\n    try {\n      const response = await client.query({\n        query: gql`\n          query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!]) {\n            opportunities(filters: $filters, pagination: $pagination, sortings: $sortings) {\n              items { id name counterparty { name } }\n            }\n          }\n        `,\n        variables: {\n          filters: [{ name: 'stage', operator: 'in', value: ['LEAD', 'PROPOSAL', 'QUOTED', 'NEGOTIATION'] }],\n          pagination: { page: 1, limit: 500 },\n          sortings: [{ name: 'name' }]\n        },\n        fetchPolicy: 'no-cache'\n      })\n      this.opportunities = response.data?.opportunities?.items ?? []\n    } catch (error: any) {\n      notify({ level: 'error', message: error?.graphQLErrors?.[0]?.message ?? error?.message ?? String(error) })\n    }\n  }\n\n  private configure() {\n    this.gristConfig = documentLinesConfig({ editable: this.editable, 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!) { quotation(id: $id) { ${FIELDS} } }`), variables: { id }, fetchPolicy: 'no-cache' })\n      if (response.errors?.length) throw response\n      if (!response.data.quotation) throw new Error(i18next.t('text.quotation-not-found'))\n      this.show(response.data.quotation)\n    } catch (error) {\n      this.error = error\n    } finally {\n      this.loading = false\n      this.updateContext()\n    }\n  }\n\n  private show(quotation: DocumentValue) {\n    this.quotation = quotation\n    this.form = { ...quotation, items: quotation.items.map((item: any) => ({ ...item })) }\n    this.reason = ''\n    this.configure()\n    this.grist?.fetch()\n  }\n\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.items = linesOf(this.grist).map(({ receivedTaxAmount, ...line }: any) => line)\n    return input\n  }\n\n  private async save(): Promise<DocumentValue | undefined> {\n    const id = this.quotation?.id\n    const saved = await this.run(async () => {\n      const response = await client.mutate({\n        mutation: gql(\n          id\n            ? `mutation ($id: String!, $quotation: NewQuotation!) { quotation: updateQuotation(id: $id, quotation: $quotation) { ${FIELDS} } }`\n            : `mutation ($quotation: NewQuotation!) { quotation: createQuotation(quotation: $quotation) { ${FIELDS} } }`\n        ),\n        variables: { ...(id ? { id } : {}), quotation: this.input() }\n      })\n      if (response.errors?.length) throw response\n      return response.data.quotation as DocumentValue\n    })\n    if (!saved) return undefined\n    this.show(saved)\n    this.updateContext()\n    if (!id) navigate(`quotation-editor?id=${saved.id}`)\n    return saved\n  }\n\n  /** Save what is on screen, then send it — its amounts are fixed from here on. */\n  private async send() {\n    const saved = await this.save()\n    if (saved) await this.change('sendQuotation')\n  }\n\n  private async change(mutation: string, reason?: string) {\n    const changed = await this.run(async () => {\n      const response = await client.mutate({\n        mutation: gql(\n          reason === undefined\n            ? `mutation ($id: String!) { quotation: ${mutation}(id: $id) { ${FIELDS} } }`\n            : `mutation ($id: String!, $reason: String!) { quotation: ${mutation}(id: $id, reason: $reason) { ${FIELDS} } }`\n        ),\n        variables: { id: this.quotation!.id, ...(reason === undefined ? {} : { reason }) }\n      })\n      if (response.errors?.length) throw response\n      return response.data.quotation as DocumentValue\n    })\n    if (!changed) return\n    if (changed.id !== this.quotation?.id) navigate(`quotation-editor?id=${changed.id}`)\n    this.show(changed)\n    this.updateContext()\n  }\n\n  private print() {\n    const quotation = this.quotation!\n    const lng = quotation.language === 'en' ? 'en' : 'ko'\n    printDocument(\n      documentHtml(quotation, {\n        title: i18next.t('title.quotation-print', { lng }),\n        terms: [\n          { label: i18next.t('field.quotation-version', { lng }), value: `v${quotation.version}` },\n          { label: i18next.t('field.quotation-valid-until', { lng }), value: quotation.validUntil }\n        ]\n      })\n    )\n  }\n}\n\nfunction blank(): DocumentValue {\n  return { number: '', direction: 'SALES', currency: 'KRW', language: 'ko', supplierName: '', buyerName: '', issueDate: today(), validUntil: '', items: [] }\n}\n"]}