@things-factory/sales 0.0.0-stage → 10.1.177

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

@@ -0,0 +1,528 @@
+import { __decorate, __metadata } from "tslib";
+import '@operato/list-state/ox-page-state.js';
+import gql from 'graphql-tag';
+import { css, html, nothing } from 'lit';
+import { customElement, state } from 'lit/decorators.js';
+import { client } from '@operato/graphql';
+import { i18next, localize } from '@operato/i18n';
+import { notify } from '@operato/layout';
+import { navigate, PageView } from '@operato/shell';
+import { ButtonStyles, DocumentPageStyles, FormFieldStyles } from '@operato/styles';
+import { currencyChoices, documentAmount, DocumentFormStyles } from '@things-factory/invoice/dist-client';
+import { opportunitySection } from '../opportunity-attach';
+import { opportunityStageWord } from '../opportunity-words';
+import { quotationStatusWord } from '../quotation-words';
+const FIELDS = `
+  id name stage probability amount currency expectedCloseMonth closedOn lostReason description
+  counterpartyId endCustomerId ownerId counterparty { id name } endCustomer { id name } owner { id name }
+  quotations { id number version status issueDate validUntil totalAmount currency }
+`;
+const thisMonth = () => new Date().toLocaleDateString('en-CA').slice(0, 7);
+/**
+ * 영업 기회 편집 — with whom, for how much, by when and how likely.
+ *
+ * A person moves an open opportunity through the stages; changing the stage puts that stage's probability in, and the
+ * person may change it. An open one is closed as lost with the reason; a lost one is opened again by choosing an open
+ * stage. Winning is the application's: it closes the opportunity when the opportunity becomes its contract.
+ */
+let OpportunityEditor = class OpportunityEditor extends localize(i18next)(PageView) {
+    constructor() {
+        super(...arguments);
+        this.opportunity = null;
+        this.form = blank();
+        this.pickers = { counterparty: { search: '', found: [] }, endCustomer: { search: '', found: [] } };
+        this.stages = [];
+        this.owners = [];
+        this.events = [];
+        this.reason = '';
+        this.loading = false;
+        this.error = null;
+        this.busy = false;
+    }
+    static { this.styles = [
+        FormFieldStyles,
+        ButtonStyles,
+        DocumentPageStyles,
+        DocumentFormStyles,
+        css `
+      .party {
+        display: flex;
+        gap: var(--spacing-small);
+        align-items: center;
+      }
+      .party input {
+        flex: 1;
+      }
+      table {
+        width: 100%;
+        border-collapse: collapse;
+        font-variant-numeric: tabular-nums;
+      }
+      th,
+      td {
+        text-align: left;
+        padding: var(--spacing-small);
+        border-bottom: 1px solid var(--ui-line-soft);
+        font-size: var(--ui-t-body);
+      }
+      th.number,
+      td.number {
+        text-align: right;
+      }
+      td a {
+        color: inherit;
+        text-decoration: underline;
+      }
+    `
+    ]; }
+    isOpen(stage) {
+        return this.stages.some(one => one.stage === stage && one.open);
+    }
+    /** Won is final; a lost one is changed only by being opened again. */
+    get editable() {
+        return !this.busy && this.opportunity?.stage !== 'WON' && this.isOpen(this.form.stage);
+    }
+    get context() {
+        const actions = [];
+        if (this.editable)
+            actions.push({ title: i18next.t('button.save'), icon: 'save', emphasis: { raised: true }, action: () => this.save() });
+        return {
+            title: this.opportunity ? `${i18next.t('title.opportunity')} ${this.opportunity.name}` : i18next.t('title.opportunity-new'),
+            ...(this.opportunity ? { description: opportunityStageWord(this.opportunity.stage) } : {}),
+            frame: 'document',
+            /* Opened from the opportunity list; the menu marks it. */
+            menu: 'opportunity-list',
+            actions: this.error ? [] : actions
+        };
+    }
+    async pageUpdated(changes, lifecycle) {
+        if (!this.active || !(changes.active || changes.params))
+            return;
+        if (!this.stages.length)
+            await this.readChoices();
+        const id = lifecycle?.params?.id;
+        if (!id) {
+            this.opportunity = null;
+            this.form = blank(this.stages);
+            this.events = [];
+            this.updateContext();
+            return;
+        }
+        if (id !== this.opportunity?.id)
+            await this.load(id);
+    }
+    render() {
+        const attached = this.opportunity ? opportunitySection() : undefined;
+        const editable = this.editable;
+        const set = (patch) => (this.form = { ...this.form, ...patch });
+        const stageChoices = this.stages.filter(one => one.open || one.stage === this.opportunity?.stage);
+        return html `<ox-page-state .loading=${this.loading} .error=${this.error} @retry=${() => this.opportunity && this.load(this.opportunity.id)}>
+      <div class="page">
+        <section class="page-section">
+          <header class="page-section-header"><h3>${i18next.t('text.opportunity-section-head')}</h3></header>
+          <div class="form">
+            <label class="wide"
+              >${i18next.t('field.opportunity-name')}
+              <input .value=${this.form.name} ?disabled=${!editable} @input=${(e) => set({ name: e.target.value })}
+            /></label>
+            ${this.renderParty('counterparty', i18next.t('field.opportunity-counterparty'), editable)}
+            ${this.renderParty('endCustomer', i18next.t('field.opportunity-end-customer'), editable)}
+            <label
+              >${i18next.t('field.opportunity-amount')}
+              <input type="number" min="0" .value=${this.form.amount} ?disabled=${!editable} @input=${(e) => set({ amount: e.target.value })}
+            /></label>
+            <label
+              >${i18next.t('field.opportunity-currency')}
+              <select .value=${this.form.currency} ?disabled=${!editable} @change=${(e) => set({ currency: e.target.value })}>
+                ${currencyChoices().map((code) => html `<option value=${code} ?selected=${code === this.form.currency}>${code}</option>`)}
+              </select>
+            </label>
+            <label
+              >${i18next.t('field.opportunity-expected-close-month')}
+              <input type="month" .value=${this.form.expectedCloseMonth} ?disabled=${!editable} @input=${(e) => set({ expectedCloseMonth: e.target.value })}
+            /></label>
+            <label
+              >${i18next.t('field.opportunity-owner')}
+              <select .value=${this.form.ownerId} ?disabled=${!editable} @change=${(e) => set({ ownerId: e.target.value })}>
+                ${this.form.ownerId ? nothing : html `<option value="" selected>${i18next.t('text.opportunity-owner-me')}</option>`}
+                ${this.owners.map(one => html `<option value=${one.id} ?selected=${one.id === this.form.ownerId}>${one.name}</option>`)}
+              </select>
+            </label>
+            <label class="wide"
+              >${i18next.t('field.opportunity-description')}
+              <textarea .value=${this.form.description} ?disabled=${!editable} @input=${(e) => set({ description: e.target.value })}></textarea>
+            </label>
+          </div>
+        </section>
+        <section class="page-section">
+          <header class="page-section-header"><h3>${i18next.t('text.opportunity-section-stage')}</h3></header>
+          <div class="form">
+            <label
+              >${i18next.t('field.opportunity-stage')}
+              <select .value=${this.form.stage} ?disabled=${this.busy || this.opportunity?.stage === 'WON'} @change=${(e) => this.chooseStage(e.target.value)}>
+                ${stageChoices.map(one => html `<option value=${one.stage} ?selected=${one.stage === this.form.stage} ?disabled=${!one.open}>${opportunityStageWord(one.stage)}</option>`)}
+              </select>
+            </label>
+            <label
+              >${i18next.t('field.opportunity-probability')}
+              <input type="number" min="0" max="100" step="1" .value=${this.form.probability} ?disabled=${!editable} @input=${(e) => set({ probability: e.target.value })}
+            /></label>
+            ${this.opportunity?.closedOn
+            ? html `<label>${i18next.t('field.opportunity-closed-on')} <strong>${this.opportunity.closedOn}</strong></label>`
+            : nothing}
+          </div>
+        </section>
+        ${this.opportunity && this.isOpen(this.opportunity.stage) ? this.renderLose() : nothing}
+        ${this.opportunity?.lostReason
+            ? html `<section class="page-section">
+              <header class="page-section-header"><h3>${i18next.t('field.opportunity-lost-reason')}</h3></header>
+              <p>${this.opportunity.lostReason}</p>
+            </section>`
+            : nothing}
+        ${this.opportunity ? this.renderQuotations() : nothing}
+        ${attached && this.opportunity
+            ? html `<section class="page-section" @opportunity-changed=${() => this.load(this.opportunity.id)}>
+              <header class="page-section-header"><h3>${attached.heading()}</h3></header>
+              ${attached.render(this.opportunity)}
+            </section>`
+            : nothing}
+        ${this.events.length ? this.renderEvents() : nothing}
+      </div>
+    </ox-page-state>`;
+    }
+    /** A counterparty of the domain, found by name or business number. */
+    renderParty(which, label, editable) {
+        const picker = this.pickers[which];
+        const chosen = this.form[which];
+        return html `<label
+      >${label}
+      <span class="party">
+        <input
+          .value=${picker.search}
+          placeholder=${chosen?.name ?? i18next.t('text.opportunity-counterparty-search')}
+          ?disabled=${!editable}
+          @input=${(e) => this.setPicker(which, { search: e.target.value })}
+          @keydown=${(e) => e.key === 'Enter' && this.findParties(which)}
+        />
+        <button ?disabled=${!editable} @click=${() => this.findParties(which)}>${i18next.t('button.search')}</button>
+        ${which === 'endCustomer' && chosen ? html `<button ?disabled=${!editable} @click=${() => (this.form = { ...this.form, endCustomer: null })}>${i18next.t('button.opportunity-clear')}</button>` : nothing}
+      </span>
+      ${picker.found.length
+            ? html `<select ?disabled=${!editable} @change=${(e) => this.chooseParty(which, picker.found.find(one => one.id === e.target.value) ?? null)}>
+            <option value="">${chosen?.name ?? ''}</option>
+            ${picker.found.map(one => html `<option value=${one.id}>${one.name}${one.businessNumber ? ` (${one.businessNumber})` : ''}</option>`)}
+          </select>`
+            : nothing}
+    </label>`;
+    }
+    renderLose() {
+        return html `<section class="page-section">
+      <header class="page-section-header">
+        <h3>${i18next.t('text.opportunity-section-lose')}</h3>
+        <div class="page-section-actions">
+          <button ?disabled=${this.busy || !this.reason.trim()} @click=${() => this.lose()}>${i18next.t('button.opportunity-lose')}</button>
+        </div>
+      </header>
+      <div class="form">
+        <label class="wide"
+          >${i18next.t('field.opportunity-lost-reason')}
+          <input .value=${this.reason} ?disabled=${this.busy} @input=${(e) => (this.reason = e.target.value)}
+        /></label>
+      </div>
+    </section>`;
+    }
+    /** The quotations that answer this opportunity; a new one is written from here and answers it. */
+    renderQuotations() {
+        const quotations = this.opportunity.quotations ?? [];
+        return html `<section class="page-section">
+      <header class="page-section-header">
+        <h3>${i18next.t('text.opportunity-section-quotations')}</h3>
+        <div class="page-section-actions">
+          <button ?disabled=${this.busy || this.opportunity.stage === 'WON' || this.opportunity.stage === 'LOST'} @click=${() => navigate(`quotation-editor?opportunity=${this.opportunity.id}`)}>
+            ${i18next.t('button.opportunity-new-quotation')}
+          </button>
+        </div>
+      </header>
+      ${quotations.length
+            ? html `<table>
+            <thead>
+              <tr>
+                <th>${i18next.t('field.quotation-number')}</th>
+                <th>${i18next.t('field.quotation-version')}</th>
+                <th>${i18next.t('field.quotation-status')}</th>
+                <th>${i18next.t('field.quotation-issue-date')}</th>
+                <th class="number">${i18next.t('field.quotation-total-amount')}</th>
+              </tr>
+            </thead>
+            <tbody>
+              ${quotations.map(one => html `<tr>
+                  <td><a href=${`quotation-editor?id=${one.id}`}>${one.number}</a></td>
+                  <td>v${one.version}</td>
+                  <td>${quotationStatusWord(one.status)}</td>
+                  <td>${one.issueDate ?? ''}</td>
+                  <td class="number">${documentAmount(one.totalAmount, one.currency || 'KRW')}</td>
+                </tr>`)}
+            </tbody>
+          </table>`
+            : nothing}
+    </section>`;
+    }
+    renderEvents() {
+        return html `<section class="page-section">
+      <header class="page-section-header"><h3>${i18next.t('text.opportunity-section-history')}</h3></header>
+      <table>
+        <thead>
+          <tr>
+            <th>${i18next.t('field.opportunity-event-at')}</th>
+            <th>${i18next.t('field.opportunity-event-actor')}</th>
+            <th>${i18next.t('field.opportunity-event-action')}</th>
+            <th>${i18next.t('field.opportunity-stage')}</th>
+            <th class="number">${i18next.t('field.opportunity-probability')}</th>
+          </tr>
+        </thead>
+        <tbody>
+          ${this.events.map(one => html `<tr>
+              <td>${one.createdAt ? new Date(one.createdAt).toLocaleString() : ''}</td>
+              <td>${one.actor?.name ?? ''}</td>
+              <td>${eventWord(one.action)}${one.reason ? ` · ${one.reason}` : ''}</td>
+              <td>${one.fromStage ? `${opportunityStageWord(one.fromStage)} → ` : ''}${opportunityStageWord(one.stage)}</td>
+              <td class="number">${one.probability}%</td>
+            </tr>`)}
+        </tbody>
+      </table>
+    </section>`;
+    }
+    setPicker(which, patch) {
+        this.pickers = { ...this.pickers, [which]: { ...this.pickers[which], ...patch } };
+    }
+    chooseParty(which, party) {
+        if (!party)
+            return;
+        this.form = { ...this.form, [which]: party };
+        this.setPicker(which, { search: '', found: [] });
+    }
+    /** The stage's own probability comes in with it; the person may change it afterwards. */
+    chooseStage(stage) {
+        const given = this.stages.find(one => one.stage === stage);
+        this.form = { ...this.form, stage, probability: given ? String(given.probability) : this.form.probability };
+    }
+    async readChoices() {
+        try {
+            const response = await client.query({
+                query: gql `
+          query {
+            opportunityStages { stage probability open }
+            opportunityOwners { id name email }
+          }
+        `,
+                fetchPolicy: 'no-cache'
+            });
+            if (response.errors?.length)
+                throw response;
+            this.stages = response.data.opportunityStages;
+            this.owners = response.data.opportunityOwners;
+        }
+        catch (error) {
+            this.error = error;
+        }
+    }
+    async findParties(which) {
+        await this.run(async () => {
+            const response = await client.query({
+                query: gql `
+          query ($search: String, $pagination: Pagination) {
+            counterparties(search: $search, pagination: $pagination) {
+              items { id name businessNumber }
+            }
+          }
+        `,
+                variables: { search: this.pickers[which].search.trim() || undefined, pagination: { page: 1, limit: 30 } },
+                fetchPolicy: 'no-cache'
+            });
+            if (response.errors?.length)
+                throw response;
+            const found = response.data.counterparties.items ?? [];
+            if (found.length === 1)
+                this.chooseParty(which, found[0]);
+            else
+                this.setPicker(which, { found });
+        });
+    }
+    async load(id) {
+        this.loading = true;
+        this.error = null;
+        try {
+            const response = await client.query({
+                query: gql(`query ($id: String!) { opportunity(id: $id) { ${FIELDS} } opportunityEvents(opportunityId: $id) { id action fromStage stage probability reason createdAt actor { id name } } }`),
+                variables: { id },
+                fetchPolicy: 'no-cache'
+            });
+            if (response.errors?.length)
+                throw response;
+            if (!response.data.opportunity)
+                throw new Error(i18next.t('text.opportunity-not-found'));
+            this.show(response.data.opportunity, response.data.opportunityEvents);
+        }
+        catch (error) {
+            this.error = error;
+        }
+        finally {
+            this.loading = false;
+            this.updateContext();
+        }
+    }
+    show(opportunity, events) {
+        this.opportunity = opportunity;
+        this.events = events;
+        this.form = {
+            name: opportunity.name,
+            counterparty: opportunity.counterparty,
+            endCustomer: opportunity.endCustomer,
+            amount: String(opportunity.amount ?? 0),
+            currency: opportunity.currency,
+            expectedCloseMonth: opportunity.expectedCloseMonth,
+            stage: opportunity.stage,
+            probability: String(opportunity.probability),
+            ownerId: opportunity.ownerId ?? '',
+            description: opportunity.description ?? ''
+        };
+        this.reason = '';
+    }
+    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 { name, counterparty, endCustomer, amount, currency, expectedCloseMonth, stage, probability, ownerId, description } = this.form;
+        return {
+            name,
+            counterpartyId: counterparty?.id ?? '',
+            endCustomerId: endCustomer?.id ?? null,
+            amount: Number(amount || 0),
+            currency,
+            expectedCloseMonth,
+            stage,
+            probability: probability === '' ? null : Number(probability),
+            ownerId: ownerId || null,
+            description
+        };
+    }
+    async save() {
+        const id = this.opportunity?.id;
+        const saved = await this.run(async () => {
+            const response = await client.mutate({
+                mutation: gql(id
+                    ? `mutation ($id: String!, $opportunity: NewOpportunity!) { opportunity: updateOpportunity(id: $id, opportunity: $opportunity) { id } }`
+                    : `mutation ($opportunity: NewOpportunity!) { opportunity: createOpportunity(opportunity: $opportunity) { id } }`),
+                variables: { ...(id ? { id } : {}), opportunity: this.input() }
+            });
+            if (response.errors?.length)
+                throw response;
+            return response.data.opportunity;
+        });
+        if (!saved)
+            return;
+        if (!id)
+            navigate(`opportunity-editor?id=${saved.id}`);
+        else
+            await this.load(id);
+    }
+    async lose() {
+        const id = this.opportunity.id;
+        const lost = await this.run(async () => {
+            const response = await client.mutate({
+                mutation: gql `
+          mutation ($id: String!, $reason: String!) {
+            loseOpportunity(id: $id, reason: $reason) { id }
+          }
+        `,
+                variables: { id, reason: this.reason.trim() }
+            });
+            if (response.errors?.length)
+                throw response;
+            return response.data.loseOpportunity;
+        });
+        if (lost)
+            await this.load(id);
+    }
+};
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], OpportunityEditor.prototype, "opportunity", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], OpportunityEditor.prototype, "form", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], OpportunityEditor.prototype, "pickers", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Array)
+], OpportunityEditor.prototype, "stages", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Array)
+], OpportunityEditor.prototype, "owners", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Array)
+], OpportunityEditor.prototype, "events", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], OpportunityEditor.prototype, "reason", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], OpportunityEditor.prototype, "loading", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], OpportunityEditor.prototype, "error", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], OpportunityEditor.prototype, "busy", void 0);
+OpportunityEditor = __decorate([
+    customElement('opportunity-editor')
+], OpportunityEditor);
+export { OpportunityEditor };
+const eventWord = (action) => action === 'CREATED'
+    ? i18next.t('text.opportunity-event-created')
+    : action === 'STAGED'
+        ? i18next.t('text.opportunity-event-staged')
+        : action === 'WON'
+            ? i18next.t('text.opportunity-event-won')
+            : action === 'LOST'
+                ? i18next.t('text.opportunity-event-lost')
+                : i18next.t('text.opportunity-event-updated');
+function blank(stages = []) {
+    const lead = stages.find(one => one.stage === 'LEAD');
+    return {
+        name: '',
+        counterparty: null,
+        endCustomer: null,
+        amount: '0',
+        currency: 'KRW',
+        expectedCloseMonth: thisMonth(),
+        stage: 'LEAD',
+        probability: lead ? String(lead.probability) : '',
+        ownerId: '',
+        description: ''
+    };
+}
+//# sourceMappingURL=opportunity-editor.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"opportunity-editor.js","sourceRoot":"","sources":["../../client/pages/opportunity-editor.ts"],"names":[],"mappings":"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","sourcesContent":["import '@operato/list-state/ox-page-state.js'\n\nimport gql from 'graphql-tag'\nimport { css, html, nothing } from 'lit'\nimport { customElement, state } from 'lit/decorators.js'\n\nimport { client } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { notify } from '@operato/layout'\nimport { navigate, PageView } from '@operato/shell'\nimport { ButtonStyles, DocumentPageStyles, FormFieldStyles } from '@operato/styles'\nimport { currencyChoices, documentAmount, DocumentFormStyles } from '@things-factory/invoice/dist-client'\n\nimport { opportunitySection } from '../opportunity-attach'\nimport { opportunityStageWord } from '../opportunity-words'\nimport { quotationStatusWord } from '../quotation-words'\n\nconst FIELDS = `\n  id name stage probability amount currency expectedCloseMonth closedOn lostReason description\n  counterpartyId endCustomerId ownerId counterparty { id name } endCustomer { id name } owner { id name }\n  quotations { id number version status issueDate validUntil totalAmount currency }\n`\n\ntype Party = { id: string; name: string; businessNumber?: string }\ntype Picker = { search: string; found: Party[] }\ntype Form = {\n  name: string\n  counterparty: Party | null\n  endCustomer: Party | null\n  amount: string\n  currency: string\n  expectedCloseMonth: string\n  stage: string\n  probability: string\n  ownerId: string\n  description: string\n}\n\nconst thisMonth = () => new Date().toLocaleDateString('en-CA').slice(0, 7)\n\n/**\n * 영업 기회 편집 — with whom, for how much, by when and how likely.\n *\n * A person moves an open opportunity through the stages; changing the stage puts that stage's probability in, and the\n * person may change it. An open one is closed as lost with the reason; a lost one is opened again by choosing an open\n * stage. Winning is the application's: it closes the opportunity when the opportunity becomes its contract.\n */\n@customElement('opportunity-editor')\nexport class OpportunityEditor extends localize(i18next)(PageView) {\n  static styles = [\n    FormFieldStyles,\n    ButtonStyles,\n    DocumentPageStyles,\n    DocumentFormStyles,\n    css`\n      .party {\n        display: flex;\n        gap: var(--spacing-small);\n        align-items: center;\n      }\n      .party input {\n        flex: 1;\n      }\n      table {\n        width: 100%;\n        border-collapse: collapse;\n        font-variant-numeric: tabular-nums;\n      }\n      th,\n      td {\n        text-align: left;\n        padding: var(--spacing-small);\n        border-bottom: 1px solid var(--ui-line-soft);\n        font-size: var(--ui-t-body);\n      }\n      th.number,\n      td.number {\n        text-align: right;\n      }\n      td a {\n        color: inherit;\n        text-decoration: underline;\n      }\n    `\n  ]\n\n  @state() opportunity: any = null\n  @state() form: Form = blank()\n  @state() pickers: Record<'counterparty' | 'endCustomer', Picker> = { counterparty: { search: '', found: [] }, endCustomer: { search: '', found: [] } }\n  @state() stages: { stage: string; probability: number; open: boolean }[] = []\n  @state() owners: { id: string; name: string; email?: string }[] = []\n  @state() events: any[] = []\n  @state() reason = ''\n  @state() loading = false\n  @state() error: unknown = null\n  @state() busy = false\n\n  private isOpen(stage: string) {\n    return this.stages.some(one => one.stage === stage && one.open)\n  }\n\n  /** Won is final; a lost one is changed only by being opened again. */\n  get editable() {\n    return !this.busy && this.opportunity?.stage !== 'WON' && this.isOpen(this.form.stage)\n  }\n\n  get context() {\n    const actions: any[] = []\n    if (this.editable) actions.push({ title: i18next.t('button.save'), icon: 'save', emphasis: { raised: true }, action: () => this.save() })\n    return {\n      title: this.opportunity ? `${i18next.t('title.opportunity')} ${this.opportunity.name}` : i18next.t('title.opportunity-new'),\n      ...(this.opportunity ? { description: opportunityStageWord(this.opportunity.stage) } : {}),\n      frame: 'document',\n      /* Opened from the opportunity list; the menu marks it. */\n      menu: 'opportunity-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    if (!this.stages.length) await this.readChoices()\n    const id = lifecycle?.params?.id\n    if (!id) {\n      this.opportunity = null\n      this.form = blank(this.stages)\n      this.events = []\n      this.updateContext()\n      return\n    }\n    if (id !== this.opportunity?.id) await this.load(id)\n  }\n\n  render() {\n    const attached = this.opportunity ? opportunitySection() : undefined\n    const editable = this.editable\n    const set = (patch: Partial<Form>) => (this.form = { ...this.form, ...patch })\n    const stageChoices = this.stages.filter(one => one.open || one.stage === this.opportunity?.stage)\n    return html`<ox-page-state .loading=${this.loading} .error=${this.error} @retry=${() => this.opportunity && this.load(this.opportunity.id)}>\n      <div class=\"page\">\n        <section class=\"page-section\">\n          <header class=\"page-section-header\"><h3>${i18next.t('text.opportunity-section-head')}</h3></header>\n          <div class=\"form\">\n            <label class=\"wide\"\n              >${i18next.t('field.opportunity-name')}\n              <input .value=${this.form.name} ?disabled=${!editable} @input=${(e: any) => set({ name: e.target.value })}\n            /></label>\n            ${this.renderParty('counterparty', i18next.t('field.opportunity-counterparty'), editable)}\n            ${this.renderParty('endCustomer', i18next.t('field.opportunity-end-customer'), editable)}\n            <label\n              >${i18next.t('field.opportunity-amount')}\n              <input type=\"number\" min=\"0\" .value=${this.form.amount} ?disabled=${!editable} @input=${(e: any) => set({ amount: e.target.value })}\n            /></label>\n            <label\n              >${i18next.t('field.opportunity-currency')}\n              <select .value=${this.form.currency} ?disabled=${!editable} @change=${(e: any) => set({ currency: e.target.value })}>\n                ${currencyChoices().map((code: string) => html`<option value=${code} ?selected=${code === this.form.currency}>${code}</option>`)}\n              </select>\n            </label>\n            <label\n              >${i18next.t('field.opportunity-expected-close-month')}\n              <input type=\"month\" .value=${this.form.expectedCloseMonth} ?disabled=${!editable} @input=${(e: any) => set({ expectedCloseMonth: e.target.value })}\n            /></label>\n            <label\n              >${i18next.t('field.opportunity-owner')}\n              <select .value=${this.form.ownerId} ?disabled=${!editable} @change=${(e: any) => set({ ownerId: e.target.value })}>\n                ${this.form.ownerId ? nothing : html`<option value=\"\" selected>${i18next.t('text.opportunity-owner-me')}</option>`}\n                ${this.owners.map(one => html`<option value=${one.id} ?selected=${one.id === this.form.ownerId}>${one.name}</option>`)}\n              </select>\n            </label>\n            <label class=\"wide\"\n              >${i18next.t('field.opportunity-description')}\n              <textarea .value=${this.form.description} ?disabled=${!editable} @input=${(e: any) => set({ description: e.target.value })}></textarea>\n            </label>\n          </div>\n        </section>\n        <section class=\"page-section\">\n          <header class=\"page-section-header\"><h3>${i18next.t('text.opportunity-section-stage')}</h3></header>\n          <div class=\"form\">\n            <label\n              >${i18next.t('field.opportunity-stage')}\n              <select .value=${this.form.stage} ?disabled=${this.busy || this.opportunity?.stage === 'WON'} @change=${(e: any) => this.chooseStage(e.target.value)}>\n                ${stageChoices.map(one => html`<option value=${one.stage} ?selected=${one.stage === this.form.stage} ?disabled=${!one.open}>${opportunityStageWord(one.stage)}</option>`)}\n              </select>\n            </label>\n            <label\n              >${i18next.t('field.opportunity-probability')}\n              <input type=\"number\" min=\"0\" max=\"100\" step=\"1\" .value=${this.form.probability} ?disabled=${!editable} @input=${(e: any) => set({ probability: e.target.value })}\n            /></label>\n            ${this.opportunity?.closedOn\n              ? html`<label>${i18next.t('field.opportunity-closed-on')} <strong>${this.opportunity.closedOn}</strong></label>`\n              : nothing}\n          </div>\n        </section>\n        ${this.opportunity && this.isOpen(this.opportunity.stage) ? this.renderLose() : nothing}\n        ${this.opportunity?.lostReason\n          ? html`<section class=\"page-section\">\n              <header class=\"page-section-header\"><h3>${i18next.t('field.opportunity-lost-reason')}</h3></header>\n              <p>${this.opportunity.lostReason}</p>\n            </section>`\n          : nothing}\n        ${this.opportunity ? this.renderQuotations() : nothing}\n        ${attached && this.opportunity\n          ? html`<section class=\"page-section\" @opportunity-changed=${() => this.load(this.opportunity.id)}>\n              <header class=\"page-section-header\"><h3>${attached.heading()}</h3></header>\n              ${attached.render(this.opportunity)}\n            </section>`\n          : nothing}\n        ${this.events.length ? this.renderEvents() : nothing}\n      </div>\n    </ox-page-state>`\n  }\n\n  /** A counterparty of the domain, found by name or business number. */\n  private renderParty(which: 'counterparty' | 'endCustomer', label: string, editable: boolean) {\n    const picker = this.pickers[which]\n    const chosen = this.form[which]\n    return html`<label\n      >${label}\n      <span class=\"party\">\n        <input\n          .value=${picker.search}\n          placeholder=${chosen?.name ?? i18next.t('text.opportunity-counterparty-search')}\n          ?disabled=${!editable}\n          @input=${(e: any) => this.setPicker(which, { search: e.target.value })}\n          @keydown=${(e: KeyboardEvent) => e.key === 'Enter' && this.findParties(which)}\n        />\n        <button ?disabled=${!editable} @click=${() => this.findParties(which)}>${i18next.t('button.search')}</button>\n        ${which === 'endCustomer' && chosen ? html`<button ?disabled=${!editable} @click=${() => (this.form = { ...this.form, endCustomer: null })}>${i18next.t('button.opportunity-clear')}</button>` : nothing}\n      </span>\n      ${picker.found.length\n        ? html`<select ?disabled=${!editable} @change=${(e: any) => this.chooseParty(which, picker.found.find(one => one.id === e.target.value) ?? null)}>\n            <option value=\"\">${chosen?.name ?? ''}</option>\n            ${picker.found.map(one => html`<option value=${one.id}>${one.name}${one.businessNumber ? ` (${one.businessNumber})` : ''}</option>`)}\n          </select>`\n        : nothing}\n    </label>`\n  }\n\n  private renderLose() {\n    return html`<section class=\"page-section\">\n      <header class=\"page-section-header\">\n        <h3>${i18next.t('text.opportunity-section-lose')}</h3>\n        <div class=\"page-section-actions\">\n          <button ?disabled=${this.busy || !this.reason.trim()} @click=${() => this.lose()}>${i18next.t('button.opportunity-lose')}</button>\n        </div>\n      </header>\n      <div class=\"form\">\n        <label class=\"wide\"\n          >${i18next.t('field.opportunity-lost-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  /** The quotations that answer this opportunity; a new one is written from here and answers it. */\n  private renderQuotations() {\n    const quotations: any[] = this.opportunity.quotations ?? []\n    return html`<section class=\"page-section\">\n      <header class=\"page-section-header\">\n        <h3>${i18next.t('text.opportunity-section-quotations')}</h3>\n        <div class=\"page-section-actions\">\n          <button ?disabled=${this.busy || this.opportunity.stage === 'WON' || this.opportunity.stage === 'LOST'} @click=${() => navigate(`quotation-editor?opportunity=${this.opportunity.id}`)}>\n            ${i18next.t('button.opportunity-new-quotation')}\n          </button>\n        </div>\n      </header>\n      ${quotations.length\n        ? html`<table>\n            <thead>\n              <tr>\n                <th>${i18next.t('field.quotation-number')}</th>\n                <th>${i18next.t('field.quotation-version')}</th>\n                <th>${i18next.t('field.quotation-status')}</th>\n                <th>${i18next.t('field.quotation-issue-date')}</th>\n                <th class=\"number\">${i18next.t('field.quotation-total-amount')}</th>\n              </tr>\n            </thead>\n            <tbody>\n              ${quotations.map(\n                one => html`<tr>\n                  <td><a href=${`quotation-editor?id=${one.id}`}>${one.number}</a></td>\n                  <td>v${one.version}</td>\n                  <td>${quotationStatusWord(one.status)}</td>\n                  <td>${one.issueDate ?? ''}</td>\n                  <td class=\"number\">${documentAmount(one.totalAmount, one.currency || 'KRW')}</td>\n                </tr>`\n              )}\n            </tbody>\n          </table>`\n        : nothing}\n    </section>`\n  }\n\n  private renderEvents() {\n    return html`<section class=\"page-section\">\n      <header class=\"page-section-header\"><h3>${i18next.t('text.opportunity-section-history')}</h3></header>\n      <table>\n        <thead>\n          <tr>\n            <th>${i18next.t('field.opportunity-event-at')}</th>\n            <th>${i18next.t('field.opportunity-event-actor')}</th>\n            <th>${i18next.t('field.opportunity-event-action')}</th>\n            <th>${i18next.t('field.opportunity-stage')}</th>\n            <th class=\"number\">${i18next.t('field.opportunity-probability')}</th>\n          </tr>\n        </thead>\n        <tbody>\n          ${this.events.map(\n            one => html`<tr>\n              <td>${one.createdAt ? new Date(one.createdAt).toLocaleString() : ''}</td>\n              <td>${one.actor?.name ?? ''}</td>\n              <td>${eventWord(one.action)}${one.reason ? ` · ${one.reason}` : ''}</td>\n              <td>${one.fromStage ? `${opportunityStageWord(one.fromStage)} → ` : ''}${opportunityStageWord(one.stage)}</td>\n              <td class=\"number\">${one.probability}%</td>\n            </tr>`\n          )}\n        </tbody>\n      </table>\n    </section>`\n  }\n\n  private setPicker(which: 'counterparty' | 'endCustomer', patch: Partial<Picker>) {\n    this.pickers = { ...this.pickers, [which]: { ...this.pickers[which], ...patch } }\n  }\n\n  private chooseParty(which: 'counterparty' | 'endCustomer', party: Party | null) {\n    if (!party) return\n    this.form = { ...this.form, [which]: party }\n    this.setPicker(which, { search: '', found: [] })\n  }\n\n  /** The stage's own probability comes in with it; the person may change it afterwards. */\n  private chooseStage(stage: string) {\n    const given = this.stages.find(one => one.stage === stage)\n    this.form = { ...this.form, stage, probability: given ? String(given.probability) : this.form.probability }\n  }\n\n  private async readChoices() {\n    try {\n      const response = await client.query({\n        query: gql`\n          query {\n            opportunityStages { stage probability open }\n            opportunityOwners { id name email }\n          }\n        `,\n        fetchPolicy: 'no-cache'\n      })\n      if (response.errors?.length) throw response\n      this.stages = response.data.opportunityStages\n      this.owners = response.data.opportunityOwners\n    } catch (error) {\n      this.error = error\n    }\n  }\n\n  private async findParties(which: 'counterparty' | 'endCustomer') {\n    await this.run(async () => {\n      const response = await client.query({\n        query: gql`\n          query ($search: String, $pagination: Pagination) {\n            counterparties(search: $search, pagination: $pagination) {\n              items { id name businessNumber }\n            }\n          }\n        `,\n        variables: { search: this.pickers[which].search.trim() || undefined, pagination: { page: 1, limit: 30 } },\n        fetchPolicy: 'no-cache'\n      })\n      if (response.errors?.length) throw response\n      const found: Party[] = response.data.counterparties.items ?? []\n      if (found.length === 1) this.chooseParty(which, found[0])\n      else this.setPicker(which, { found })\n    })\n  }\n\n  private async load(id: string) {\n    this.loading = true\n    this.error = null\n    try {\n      const response = await client.query({\n        query: gql(`query ($id: String!) { opportunity(id: $id) { ${FIELDS} } opportunityEvents(opportunityId: $id) { id action fromStage stage probability reason createdAt actor { id name } } }`),\n        variables: { id },\n        fetchPolicy: 'no-cache'\n      })\n      if (response.errors?.length) throw response\n      if (!response.data.opportunity) throw new Error(i18next.t('text.opportunity-not-found'))\n      this.show(response.data.opportunity, response.data.opportunityEvents)\n    } catch (error) {\n      this.error = error\n    } finally {\n      this.loading = false\n      this.updateContext()\n    }\n  }\n\n  private show(opportunity: any, events: any[]) {\n    this.opportunity = opportunity\n    this.events = events\n    this.form = {\n      name: opportunity.name,\n      counterparty: opportunity.counterparty,\n      endCustomer: opportunity.endCustomer,\n      amount: String(opportunity.amount ?? 0),\n      currency: opportunity.currency,\n      expectedCloseMonth: opportunity.expectedCloseMonth,\n      stage: opportunity.stage,\n      probability: String(opportunity.probability),\n      ownerId: opportunity.ownerId ?? '',\n      description: opportunity.description ?? ''\n    }\n    this.reason = ''\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 { name, counterparty, endCustomer, amount, currency, expectedCloseMonth, stage, probability, ownerId, description } = this.form\n    return {\n      name,\n      counterpartyId: counterparty?.id ?? '',\n      endCustomerId: endCustomer?.id ?? null,\n      amount: Number(amount || 0),\n      currency,\n      expectedCloseMonth,\n      stage,\n      probability: probability === '' ? null : Number(probability),\n      ownerId: ownerId || null,\n      description\n    }\n  }\n\n  private async save() {\n    const id = this.opportunity?.id\n    const saved = await this.run(async () => {\n      const response = await client.mutate({\n        mutation: gql(\n          id\n            ? `mutation ($id: String!, $opportunity: NewOpportunity!) { opportunity: updateOpportunity(id: $id, opportunity: $opportunity) { id } }`\n            : `mutation ($opportunity: NewOpportunity!) { opportunity: createOpportunity(opportunity: $opportunity) { id } }`\n        ),\n        variables: { ...(id ? { id } : {}), opportunity: this.input() }\n      })\n      if (response.errors?.length) throw response\n      return response.data.opportunity as { id: string }\n    })\n    if (!saved) return\n    if (!id) navigate(`opportunity-editor?id=${saved.id}`)\n    else await this.load(id)\n  }\n\n  private async lose() {\n    const id = this.opportunity!.id\n    const lost = await this.run(async () => {\n      const response = await client.mutate({\n        mutation: gql`\n          mutation ($id: String!, $reason: String!) {\n            loseOpportunity(id: $id, reason: $reason) { id }\n          }\n        `,\n        variables: { id, reason: this.reason.trim() }\n      })\n      if (response.errors?.length) throw response\n      return response.data.loseOpportunity\n    })\n    if (lost) await this.load(id)\n  }\n}\n\nconst eventWord = (action?: string) =>\n  action === 'CREATED'\n    ? i18next.t('text.opportunity-event-created')\n    : action === 'STAGED'\n      ? i18next.t('text.opportunity-event-staged')\n      : action === 'WON'\n        ? i18next.t('text.opportunity-event-won')\n        : action === 'LOST'\n          ? i18next.t('text.opportunity-event-lost')\n          : i18next.t('text.opportunity-event-updated')\n\nfunction blank(stages: { stage: string; probability: number }[] = []): Form {\n  const lead = stages.find(one => one.stage === 'LEAD')\n  return {\n    name: '',\n    counterparty: null,\n    endCustomer: null,\n    amount: '0',\n    currency: 'KRW',\n    expectedCloseMonth: thisMonth(),\n    stage: 'LEAD',\n    probability: lead ? String(lead.probability) : '',\n    ownerId: '',\n    description: ''\n  }\n}\n"]}

package/dist-client/pages/opportunity-list.d.ts

@@ -0,0 +1,40 @@
+import '@operato/data-grist/ox-grist.js';
+import '@operato/data-grist/ox-filters-form.js';
+import { FetchOption } from '@operato/data-grist';
+import { PageView } from '@operato/shell';
+declare const OpportunityList_base: (new (...args: any[]) => import("lit").LitElement) & typeof PageView;
+/** 영업 기회 — every opportunity of the domain, narrowed by stage. The name opens its 360; the edit gutter its editor. */
+export declare class OpportunityList extends OpportunityList_base {
+    static styles: import("lit").CSSResult[];
+    gristConfig: any;
+    private grist;
+    get context(): {
+        title: string;
+        search: {
+            handler: (search: string) => void;
+            value: string;
+        };
+        filter: {
+            handler: () => void;
+        };
+        actions: {
+            title: string;
+            icon: string;
+            emphasis: {
+                raised: boolean;
+            };
+            action: () => void;
+        }[];
+        exportable: {
+            name: string;
+            data: () => any[];
+        };
+    };
+    render(): import("lit-html").TemplateResult<1>;
+    pageInitialized(): Promise<void>;
+    fetchHandler({ page, limit, sortings, filters, search }: FetchOption): Promise<{
+        total: any;
+        records: any;
+    }>;
+}
+export {};