@things-factory/saas 10.1.240 → 10.1.242

package/dist-client/components/saas-bill-editor.js

@@ -1,211 +0,0 @@
-import { __decorate, __metadata } from "tslib";
-import '@material/web/button/filled-button.js';
-import '@material/web/button/text-button.js';
-import '@operato/data-grist/ox-grist.js';
-import '@operato/popup/ox-popup-actions.js';
-import gql from 'graphql-tag';
-import { css, html, LitElement } from 'lit';
-import { customElement, property, 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, openPopup } from '@operato/layout';
-import { closePopup } from '@operato/popup';
-import { CommonPopupStyles } from '@operato/styles';
-import { failureOf } from '@things-factory/asset/dist-client/grid.js';
-import { amountText, fieldWord, shiftMonth, thisMonth } from '../words.js';
-/**
- * One bill of an account for a month (ADR-0177 decisions 5, 9): a line a subscription - a new bill starts with one for each
- * in use - and lines on none for tax and credits. Saved whole; the cost trend is read from these.
- */
-let SaasBillEditor = class SaasBillEditor extends localize(i18next)(LitElement) {
-    constructor() {
-        super(...arguments);
-        this.accountId = '';
-        this.currency = '';
-        this.subscriptions = [];
-        this.month = shiftMonth(thisMonth(), -1);
-        this.billedOn = '';
-        this.description = '';
-        this.total = 0;
-        /* The lines it opens with - set once, so a re-render does not put them back over what was typed. */
-        this.initial = { records: [], total: 0 };
-    }
-    static { this.styles = [
-        CommonPopupStyles,
-        css `
-      :host {
-        display: flex;
-        flex-direction: column;
-        background-color: var(--md-sys-color-surface);
-        min-height: 420px;
-      }
-      .fields {
-        display: flex;
-        flex-wrap: wrap;
-        gap: var(--spacing-medium, 8px) var(--spacing-large, 12px);
-        padding: var(--spacing-large, 12px);
-      }
-      label {
-        display: flex;
-        flex-direction: column;
-        gap: 4px;
-        font-size: var(--ui-t-caption, 12px);
-        color: var(--md-sys-color-on-surface-variant);
-      }
-      label.wide {
-        flex: 1;
-        min-width: 200px;
-      }
-      input {
-        height: 32px;
-        padding: 0 8px;
-        border: 1px solid var(--ui-line-soft, var(--md-sys-color-outline-variant));
-        border-radius: var(--md-sys-shape-corner-small, 4px);
-        background: var(--md-sys-color-surface);
-        color: var(--md-sys-color-on-surface);
-        font: inherit;
-        font-size: var(--ui-t-body, 14px);
-      }
-      .total {
-        padding: 0 var(--spacing-large, 12px) var(--spacing-medium, 8px);
-        text-align: right;
-        font-size: var(--ui-t-body, 14px);
-      }
-      ox-grist {
-        flex: 1;
-        overflow-y: auto;
-      }
-    `
-    ]; }
-    static open(options) {
-        const title = options.bill ? i18next.t('title.saas-bill-edit', { month: options.bill.month }) : i18next.t('title.saas-bill-new');
-        return openPopup(html `<saas-bill-editor .accountId=${options.accountId} .currency=${options.currency} .subscriptions=${options.subscriptions} .bill=${options.bill} .saved=${options.saved}></saas-bill-editor>`, { backdrop: true, size: 'large', title });
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        if (this.bill) {
-            this.month = this.bill.month;
-            this.billedOn = this.bill.billedOn ?? '';
-            this.description = this.bill.description ?? '';
-        }
-        const records = this.lines;
-        this.initial = { records, total: records.length };
-        const options = [{ value: '', display: i18next.t('text.saas-bill-line-none') }, ...this.subscriptions.map(one => ({ value: one.id, display: one.name }))];
-        this.gristConfig = {
-            rows: { appendable: true, selectable: { multiple: true } },
-            pagination: { infinite: true },
-            columns: [
-                { type: 'gutter', gutterName: 'sequence' },
-                { type: 'gutter', gutterName: 'row-selector', multiple: true },
-                { type: 'select', name: 'subscriptionId', header: fieldWord('saas-bill-line', 'subscription'), width: 240, record: { editable: true, options } },
-                { type: 'string', name: 'label', header: fieldWord('saas-bill-line', 'label'), width: 160, record: { editable: true } },
-                { type: 'float', name: 'amount', header: fieldWord('saas-bill-line', 'amount') + ` (${this.currency})`, width: 140, record: { editable: true, align: 'right', renderer: (value) => amountText(value) } }
-            ]
-        };
-    }
-    get lines() {
-        return this.bill
-            ? this.bill.lines.map(line => ({ subscriptionId: line.subscription?.id ?? '', label: line.label ?? '', amount: line.amount }))
-            : this.subscriptions.filter(one => one.status !== 'CANCELLED' && one.billing !== 'OWNED').map(one => ({ subscriptionId: one.id, label: '', amount: null }));
-    }
-    render() {
-        return html `
-      <div class="fields">
-        <label>${fieldWord('saas-bill', 'month')} (YYYY-MM)<input type="month" .value=${this.month} @change=${(e) => (this.month = e.target.value)} /></label>
-        <label>${fieldWord('saas-bill', 'billedOn')}<input type="date" .value=${this.billedOn} @change=${(e) => (this.billedOn = e.target.value)} /></label>
-        <label class="wide">${fieldWord('saas-bill', 'description')}<input .value=${this.description} @change=${(e) => (this.description = e.target.value)} /></label>
-      </div>
-      <ox-grist .mode=${'GRID'} .config=${this.gristConfig} .data=${this.initial} @field-change=${() => this.sum()}></ox-grist>
-      <div class="total">${i18next.t('text.saas-bill-total', { total: amountText(this.total), currency: this.currency })}</div>
-      <ox-popup-actions>
-        <md-text-button slot="start" @click=${() => this.grist.addRecord({ subscriptionId: '', label: '', amount: null })}>${i18next.t('button.saas-bill-add-line')}</md-text-button>
-        <md-text-button slot="cancel" @click=${() => closePopup(this)}>${i18next.t('button.cancel')}</md-text-button>
-        <md-filled-button slot="confirm" @click=${() => this.save()}>${i18next.t('button.save')}</md-filled-button>
-      </ox-popup-actions>
-    `;
-    }
-    firstUpdated() {
-        this.sum();
-    }
-    records() {
-        return (this.grist?.dirtyData?.records ?? this.grist?.data?.records ?? []);
-    }
-    sum() {
-        this.total = this.records()
-            .filter(one => one.__dirty__ !== '-')
-            .reduce((sum, one) => sum + (Number(one.amount) || 0), 0);
-    }
-    async save() {
-        const lines = this.records()
-            .filter(one => one.__dirty__ !== '-' && (one.subscriptionId || one.label || Number(one.amount)))
-            .map(one => ({ subscriptionId: one.subscriptionId || null, label: one.label || null, amount: Number(one.amount) || 0 }));
-        try {
-            const response = await client.mutate({
-                mutation: gql `
-          mutation ($accountId: String!, $bill: SaasBillInput!) {
-            saveSaasBill(accountId: $accountId, bill: $bill) { id }
-          }
-        `,
-                variables: { accountId: this.accountId, bill: { id: this.bill?.id, month: this.month, billedOn: this.billedOn || null, description: this.description || null, lines } }
-            });
-            if (response.errors?.length)
-                throw response;
-            notify({ level: 'info', message: i18next.t('text.saas-bill-saved', { month: this.month }) });
-            this.saved?.();
-            closePopup(this);
-        }
-        catch (error) {
-            notify({ level: 'error', message: failureOf(error) });
-        }
-    }
-};
-__decorate([
-    property(),
-    __metadata("design:type", Object)
-], SaasBillEditor.prototype, "accountId", void 0);
-__decorate([
-    property(),
-    __metadata("design:type", Object)
-], SaasBillEditor.prototype, "currency", void 0);
-__decorate([
-    property({ type: Array }),
-    __metadata("design:type", Array)
-], SaasBillEditor.prototype, "subscriptions", void 0);
-__decorate([
-    property({ type: Object }),
-    __metadata("design:type", Object)
-], SaasBillEditor.prototype, "bill", void 0);
-__decorate([
-    property({ type: Object }),
-    __metadata("design:type", Function)
-], SaasBillEditor.prototype, "saved", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], SaasBillEditor.prototype, "month", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], SaasBillEditor.prototype, "billedOn", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], SaasBillEditor.prototype, "description", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], SaasBillEditor.prototype, "total", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], SaasBillEditor.prototype, "gristConfig", void 0);
-__decorate([
-    query('ox-grist'),
-    __metadata("design:type", DataGrist)
-], SaasBillEditor.prototype, "grist", void 0);
-SaasBillEditor = __decorate([
-    customElement('saas-bill-editor')
-], SaasBillEditor);
-export { SaasBillEditor };
-//# sourceMappingURL=saas-bill-editor.js.map

package/dist-client/components/saas-bill-editor.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"saas-bill-editor.js","sourceRoot":"","sources":["../../client/components/saas-bill-editor.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/button/filled-button.js'\nimport '@material/web/button/text-button.js'\nimport '@operato/data-grist/ox-grist.js'\nimport '@operato/popup/ox-popup-actions.js'\n\nimport gql from 'graphql-tag'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, 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, openPopup } from '@operato/layout'\nimport { closePopup } from '@operato/popup'\nimport { CommonPopupStyles } from '@operato/styles'\nimport { failureOf } from '@things-factory/asset/dist-client/grid.js'\n\nimport { amountText, fieldWord, shiftMonth, thisMonth } from '../words.js'\n\ntype Subscription = { id: string; name: string; billing: string; status: string }\ntype Bill = { id?: string; month: string; billedOn?: string | null; description?: string | null; lines: { subscription?: { id: string } | null; label?: string | null; amount: number }[] }\n\n/**\n * One bill of an account for a month (ADR-0177 decisions 5, 9): a line a subscription - a new bill starts with one for each\n * in use - and lines on none for tax and credits. Saved whole; the cost trend is read from these.\n */\n@customElement('saas-bill-editor')\nexport class SaasBillEditor extends localize(i18next)(LitElement) {\n  static styles = [\n    CommonPopupStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n        background-color: var(--md-sys-color-surface);\n        min-height: 420px;\n      }\n      .fields {\n        display: flex;\n        flex-wrap: wrap;\n        gap: var(--spacing-medium, 8px) var(--spacing-large, 12px);\n        padding: var(--spacing-large, 12px);\n      }\n      label {\n        display: flex;\n        flex-direction: column;\n        gap: 4px;\n        font-size: var(--ui-t-caption, 12px);\n        color: var(--md-sys-color-on-surface-variant);\n      }\n      label.wide {\n        flex: 1;\n        min-width: 200px;\n      }\n      input {\n        height: 32px;\n        padding: 0 8px;\n        border: 1px solid var(--ui-line-soft, var(--md-sys-color-outline-variant));\n        border-radius: var(--md-sys-shape-corner-small, 4px);\n        background: var(--md-sys-color-surface);\n        color: var(--md-sys-color-on-surface);\n        font: inherit;\n        font-size: var(--ui-t-body, 14px);\n      }\n      .total {\n        padding: 0 var(--spacing-large, 12px) var(--spacing-medium, 8px);\n        text-align: right;\n        font-size: var(--ui-t-body, 14px);\n      }\n      ox-grist {\n        flex: 1;\n        overflow-y: auto;\n      }\n    `\n  ]\n\n  @property() accountId = ''\n  @property() currency = ''\n  @property({ type: Array }) subscriptions: Subscription[] = []\n  @property({ type: Object }) bill?: Bill\n  @property({ type: Object }) saved?: () => void\n\n  @state() month = shiftMonth(thisMonth(), -1)\n  @state() billedOn = ''\n  @state() description = ''\n  @state() total = 0\n  @state() gristConfig: any\n  /* The lines it opens with - set once, so a re-render does not put them back over what was typed. */\n  private initial: any = { records: [], total: 0 }\n  @query('ox-grist') private grist!: DataGrist\n\n  static open(options: { accountId: string; currency: string; subscriptions: Subscription[]; bill?: Bill; saved?: () => void }) {\n    const title = options.bill ? i18next.t('title.saas-bill-edit', { month: options.bill.month }) : i18next.t('title.saas-bill-new')\n    return openPopup(\n      html`<saas-bill-editor .accountId=${options.accountId} .currency=${options.currency} .subscriptions=${options.subscriptions} .bill=${options.bill} .saved=${options.saved}></saas-bill-editor>`,\n      { backdrop: true, size: 'large', title }\n    )\n  }\n\n  connectedCallback() {\n    super.connectedCallback()\n    if (this.bill) {\n      this.month = this.bill.month\n      this.billedOn = this.bill.billedOn ?? ''\n      this.description = this.bill.description ?? ''\n    }\n    const records = this.lines\n    this.initial = { records, total: records.length }\n    const options = [{ value: '', display: i18next.t('text.saas-bill-line-none') }, ...this.subscriptions.map(one => ({ value: one.id, display: one.name }))]\n    this.gristConfig = {\n      rows: { appendable: true, selectable: { multiple: true } },\n      pagination: { infinite: true },\n      columns: [\n        { type: 'gutter', gutterName: 'sequence' },\n        { type: 'gutter', gutterName: 'row-selector', multiple: true },\n        { type: 'select', name: 'subscriptionId', header: fieldWord('saas-bill-line', 'subscription'), width: 240, record: { editable: true, options } },\n        { type: 'string', name: 'label', header: fieldWord('saas-bill-line', 'label'), width: 160, record: { editable: true } },\n        { type: 'float', name: 'amount', header: fieldWord('saas-bill-line', 'amount') + ` (${this.currency})`, width: 140, record: { editable: true, align: 'right', renderer: (value: number) => amountText(value) } }\n      ]\n    }\n  }\n\n  private get lines() {\n    return this.bill\n      ? this.bill.lines.map(line => ({ subscriptionId: line.subscription?.id ?? '', label: line.label ?? '', amount: line.amount }))\n      : this.subscriptions.filter(one => one.status !== 'CANCELLED' && one.billing !== 'OWNED').map(one => ({ subscriptionId: one.id, label: '', amount: null }))\n  }\n\n  render() {\n    return html`\n      <div class=\"fields\">\n        <label>${fieldWord('saas-bill', 'month')} (YYYY-MM)<input type=\"month\" .value=${this.month} @change=${(e: any) => (this.month = e.target.value)} /></label>\n        <label>${fieldWord('saas-bill', 'billedOn')}<input type=\"date\" .value=${this.billedOn} @change=${(e: any) => (this.billedOn = e.target.value)} /></label>\n        <label class=\"wide\">${fieldWord('saas-bill', 'description')}<input .value=${this.description} @change=${(e: any) => (this.description = e.target.value)} /></label>\n      </div>\n      <ox-grist .mode=${'GRID'} .config=${this.gristConfig} .data=${this.initial} @field-change=${() => this.sum()}></ox-grist>\n      <div class=\"total\">${i18next.t('text.saas-bill-total', { total: amountText(this.total), currency: this.currency })}</div>\n      <ox-popup-actions>\n        <md-text-button slot=\"start\" @click=${() => this.grist.addRecord({ subscriptionId: '', label: '', amount: null })}>${i18next.t('button.saas-bill-add-line')}</md-text-button>\n        <md-text-button slot=\"cancel\" @click=${() => closePopup(this)}>${i18next.t('button.cancel')}</md-text-button>\n        <md-filled-button slot=\"confirm\" @click=${() => this.save()}>${i18next.t('button.save')}</md-filled-button>\n      </ox-popup-actions>\n    `\n  }\n\n  firstUpdated() {\n    this.sum()\n  }\n\n  private records(): any[] {\n    return (this.grist?.dirtyData?.records ?? this.grist?.data?.records ?? []) as any[]\n  }\n\n  private sum() {\n    this.total = this.records()\n      .filter(one => one.__dirty__ !== '-')\n      .reduce((sum, one) => sum + (Number(one.amount) || 0), 0)\n  }\n\n  private async save() {\n    const lines = this.records()\n      .filter(one => one.__dirty__ !== '-' && (one.subscriptionId || one.label || Number(one.amount)))\n      .map(one => ({ subscriptionId: one.subscriptionId || null, label: one.label || null, amount: Number(one.amount) || 0 }))\n    try {\n      const response = await client.mutate({\n        mutation: gql`\n          mutation ($accountId: String!, $bill: SaasBillInput!) {\n            saveSaasBill(accountId: $accountId, bill: $bill) { id }\n          }\n        `,\n        variables: { accountId: this.accountId, bill: { id: this.bill?.id, month: this.month, billedOn: this.billedOn || null, description: this.description || null, lines } }\n      })\n      if ((response as any).errors?.length) throw response\n      notify({ level: 'info', message: i18next.t('text.saas-bill-saved', { month: this.month }) })\n      this.saved?.()\n      closePopup(this)\n    } catch (error) {\n      notify({ level: 'error', message: failureOf(error) })\n    }\n  }\n}\n"]}

package/dist-client/components/saas-candidates.d.ts

@@ -1,33 +0,0 @@
-import '@material/web/button/filled-button.js';
-import '@material/web/button/text-button.js';
-import '@operato/data-grist/ox-grist.js';
-import '@operato/popup/ox-popup-actions.js';
-import { LitElement } from 'lit';
-declare const SaasCandidates_base: (new (...args: any[]) => LitElement) & typeof LitElement;
-/**
- * 장부에서 찾기 (ADR-0177 개정 1) - whom the bank and card lines show paid month after month that is no account or
- * recurring item yet, a registered counterparty or a name the lines carry. Picked ones become accounts with a usage
- * subscription at their monthly average (a name is registered as a counterparty); ones that are no subscription are
- * hidden, and can be shown again.
- */
-export declare class SaasCandidates extends SaasCandidates_base {
-    static styles: import("lit").CSSResult[];
-    made?: () => void;
-    /** The hidden ones instead of the candidates. */
-    hidden: boolean;
-    data: any;
-    private grist;
-    private gristConfig;
-    static open(options?: {
-        made?: () => void;
-    }): import("@operato/layout").PopupHandle<unknown>;
-    connectedCallback(): void;
-    render(): import("lit-html").TemplateResult<1>;
-    private flip;
-    private read;
-    private picked;
-    private run;
-    private create;
-    private hide;
-}
-export {};

package/dist-client/components/saas-candidates.js

@@ -1,157 +0,0 @@
-import { __decorate, __metadata } from "tslib";
-import '@material/web/button/filled-button.js';
-import '@material/web/button/text-button.js';
-import '@operato/data-grist/ox-grist.js';
-import '@operato/popup/ox-popup-actions.js';
-import gql from 'graphql-tag';
-import { css, html, LitElement } from 'lit';
-import { customElement, property, 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, openPopup } from '@operato/layout';
-import { closePopup } from '@operato/popup';
-import { CommonPopupStyles } from '@operato/styles';
-import { failureOf } from '@things-factory/asset/dist-client/grid.js';
-import { amountText, fieldWord } from '../words.js';
-const CANDIDATES = gql `
-  query ($hidden: Boolean) {
-    saasCandidates(hidden: $hidden) { key counterpartyId counterpartyName months average firstDate lastDate lastAmount currency billingDay }
-  }
-`;
-/**
- * 장부에서 찾기 (ADR-0177 개정 1) - whom the bank and card lines show paid month after month that is no account or
- * recurring item yet, a registered counterparty or a name the lines carry. Picked ones become accounts with a usage
- * subscription at their monthly average (a name is registered as a counterparty); ones that are no subscription are
- * hidden, and can be shown again.
- */
-let SaasCandidates = class SaasCandidates extends localize(i18next)(LitElement) {
-    constructor() {
-        super(...arguments);
-        /** The hidden ones instead of the candidates. */
-        this.hidden = false;
-        this.data = { records: [], total: 0 };
-        this.gristConfig = {
-            rows: { appendable: false, selectable: { multiple: true } },
-            pagination: { infinite: true },
-            columns: [
-                { type: 'gutter', gutterName: 'sequence' },
-                { type: 'gutter', gutterName: 'row-selector', multiple: true },
-                { type: 'string', name: 'counterpartyName', header: fieldWord('saas-candidate', 'counterparty'), width: 200 },
-                { type: 'integer', name: 'months', header: fieldWord('saas-candidate', 'months'), width: 90, record: { align: 'right' } },
-                { type: 'float', name: 'average', header: fieldWord('saas-candidate', 'average'), width: 130, record: { align: 'right', renderer: (value, _c, record) => `${amountText(value)} ${record?.currency ?? ''}` } },
-                { type: 'string', name: 'lastDate', header: fieldWord('saas-candidate', 'last'), width: 200, record: { renderer: (value, _c, record) => `${value} · ${amountText(record?.lastAmount)}` } },
-                { type: 'integer', name: 'billingDay', header: fieldWord('saas-account', 'billingDay'), width: 80, record: { align: 'right', renderer: (value) => (value === 31 ? i18next.t('text.saas-candidate-month-end') : value ?? '') } }
-            ]
-        };
-    }
-    static { this.styles = [
-        CommonPopupStyles,
-        css `
-      :host {
-        display: flex;
-        flex-direction: column;
-        background-color: var(--md-sys-color-surface);
-        min-height: 420px;
-      }
-      .note {
-        padding: var(--spacing-medium, 8px) var(--spacing-large, 12px);
-        font-size: var(--ui-t-caption, 12px);
-        color: var(--md-sys-color-on-surface-variant);
-      }
-      ox-grist {
-        flex: 1;
-        overflow-y: auto;
-      }
-    `
-    ]; }
-    static open(options = {}) {
-        return openPopup(html `<saas-candidates .made=${options.made}></saas-candidates>`, { backdrop: true, size: 'large', title: i18next.t('title.saas-candidates') });
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this.read();
-    }
-    render() {
-        return html `
-      <div class="note">${i18next.t(this.hidden ? 'text.saas-candidates-hidden-note' : 'text.saas-candidates-note')}</div>
-      <ox-grist .mode=${'GRID'} .config=${this.gristConfig} .data=${this.data}></ox-grist>
-      <ox-popup-actions>
-        <md-text-button slot="start" @click=${() => this.flip()}>${i18next.t(this.hidden ? 'button.saas-candidates-show' : 'button.saas-candidates-hidden')}</md-text-button>
-        <md-text-button slot="cancel" @click=${() => closePopup(this)}>${i18next.t('button.close')}</md-text-button>
-        ${this.hidden
-            ? html `<md-filled-button slot="confirm" @click=${() => this.hide(false)}>${i18next.t('button.saas-candidates-unhide')}</md-filled-button>`
-            : html `<md-text-button slot="cancel" @click=${() => this.hide(true)}>${i18next.t('button.saas-candidates-hide')}</md-text-button>
-              <md-filled-button slot="confirm" @click=${() => this.create()}>${i18next.t('button.saas-candidates-create')}</md-filled-button>`}
-      </ox-popup-actions>
-    `;
-    }
-    async flip() {
-        this.hidden = !this.hidden;
-        await this.read();
-    }
-    async read() {
-        try {
-            const response = await client.query({ query: CANDIDATES, variables: { hidden: this.hidden }, fetchPolicy: 'no-cache' });
-            if (response.errors?.length)
-                throw response;
-            const records = response.data.saasCandidates;
-            this.data = { records, total: records.length };
-        }
-        catch (error) {
-            notify({ level: 'error', message: failureOf(error) });
-        }
-    }
-    picked() {
-        return (this.grist?.selected ?? []).map(one => one.key);
-    }
-    async run(mutation, variables) {
-        const ids = this.picked();
-        if (!ids.length) {
-            notify({ level: 'warn', message: i18next.t('text.saas-candidates-pick') });
-            return false;
-        }
-        try {
-            const response = await client.mutate({ mutation, variables: { ...variables, keys: ids } });
-            if (response.errors?.length)
-                throw response;
-            await this.read();
-            return true;
-        }
-        catch (error) {
-            notify({ level: 'error', message: failureOf(error) });
-            return false;
-        }
-    }
-    async create() {
-        const count = this.picked().length;
-        if (await this.run(gql `mutation ($keys: [String!]!) { createSaasAccountsFromCandidates(keys: $keys) { id } }`, {})) {
-            notify({ level: 'info', message: i18next.t('text.saas-candidates-made', { count }) });
-            this.made?.();
-        }
-    }
-    async hide(hide) {
-        await this.run(gql `mutation ($keys: [String!]!, $hide: Boolean!) { hideSaasCandidates(keys: $keys, hide: $hide) }`, { hide });
-    }
-};
-__decorate([
-    property({ type: Object }),
-    __metadata("design:type", Function)
-], SaasCandidates.prototype, "made", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], SaasCandidates.prototype, "hidden", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], SaasCandidates.prototype, "data", void 0);
-__decorate([
-    query('ox-grist'),
-    __metadata("design:type", DataGrist)
-], SaasCandidates.prototype, "grist", void 0);
-SaasCandidates = __decorate([
-    customElement('saas-candidates')
-], SaasCandidates);
-export { SaasCandidates };
-//# sourceMappingURL=saas-candidates.js.map

package/dist-client/components/saas-candidates.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"saas-candidates.js","sourceRoot":"","sources":["../../client/components/saas-candidates.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/button/filled-button.js'\nimport '@material/web/button/text-button.js'\nimport '@operato/data-grist/ox-grist.js'\nimport '@operato/popup/ox-popup-actions.js'\n\nimport gql from 'graphql-tag'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, 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, openPopup } from '@operato/layout'\nimport { closePopup } from '@operato/popup'\nimport { CommonPopupStyles } from '@operato/styles'\nimport { failureOf } from '@things-factory/asset/dist-client/grid.js'\n\nimport { amountText, fieldWord } from '../words.js'\n\nconst CANDIDATES = gql`\n  query ($hidden: Boolean) {\n    saasCandidates(hidden: $hidden) { key counterpartyId counterpartyName months average firstDate lastDate lastAmount currency billingDay }\n  }\n`\n\n/**\n * 장부에서 찾기 (ADR-0177 개정 1) - whom the bank and card lines show paid month after month that is no account or\n * recurring item yet, a registered counterparty or a name the lines carry. Picked ones become accounts with a usage\n * subscription at their monthly average (a name is registered as a counterparty); ones that are no subscription are\n * hidden, and can be shown again.\n */\n@customElement('saas-candidates')\nexport class SaasCandidates extends localize(i18next)(LitElement) {\n  static styles = [\n    CommonPopupStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n        background-color: var(--md-sys-color-surface);\n        min-height: 420px;\n      }\n      .note {\n        padding: var(--spacing-medium, 8px) var(--spacing-large, 12px);\n        font-size: var(--ui-t-caption, 12px);\n        color: var(--md-sys-color-on-surface-variant);\n      }\n      ox-grist {\n        flex: 1;\n        overflow-y: auto;\n      }\n    `\n  ]\n\n  @property({ type: Object }) made?: () => void\n\n  /** The hidden ones instead of the candidates. */\n  @state() hidden = false\n  @state() data: any = { records: [], total: 0 }\n  @query('ox-grist') private grist!: DataGrist\n\n  private gristConfig = {\n    rows: { appendable: false, selectable: { multiple: true } },\n    pagination: { infinite: true },\n    columns: [\n      { type: 'gutter', gutterName: 'sequence' },\n      { type: 'gutter', gutterName: 'row-selector', multiple: true },\n      { type: 'string', name: 'counterpartyName', header: fieldWord('saas-candidate', 'counterparty'), width: 200 },\n      { type: 'integer', name: 'months', header: fieldWord('saas-candidate', 'months'), width: 90, record: { align: 'right' } },\n      { type: 'float', name: 'average', header: fieldWord('saas-candidate', 'average'), width: 130, record: { align: 'right', renderer: (value: number, _c: any, record: any) => `${amountText(value)} ${record?.currency ?? ''}` } },\n      { type: 'string', name: 'lastDate', header: fieldWord('saas-candidate', 'last'), width: 200, record: { renderer: (value: string, _c: any, record: any) => `${value} · ${amountText(record?.lastAmount)}` } },\n      { type: 'integer', name: 'billingDay', header: fieldWord('saas-account', 'billingDay'), width: 80, record: { align: 'right', renderer: (value: number) => (value === 31 ? i18next.t('text.saas-candidate-month-end') : value ?? '') } }\n    ]\n  }\n\n  static open(options: { made?: () => void } = {}) {\n    return openPopup(html`<saas-candidates .made=${options.made}></saas-candidates>`, { backdrop: true, size: 'large', title: i18next.t('title.saas-candidates') })\n  }\n\n  connectedCallback() {\n    super.connectedCallback()\n    this.read()\n  }\n\n  render() {\n    return html`\n      <div class=\"note\">${i18next.t(this.hidden ? 'text.saas-candidates-hidden-note' : 'text.saas-candidates-note')}</div>\n      <ox-grist .mode=${'GRID'} .config=${this.gristConfig} .data=${this.data}></ox-grist>\n      <ox-popup-actions>\n        <md-text-button slot=\"start\" @click=${() => this.flip()}>${i18next.t(this.hidden ? 'button.saas-candidates-show' : 'button.saas-candidates-hidden')}</md-text-button>\n        <md-text-button slot=\"cancel\" @click=${() => closePopup(this)}>${i18next.t('button.close')}</md-text-button>\n        ${this.hidden\n          ? html`<md-filled-button slot=\"confirm\" @click=${() => this.hide(false)}>${i18next.t('button.saas-candidates-unhide')}</md-filled-button>`\n          : html`<md-text-button slot=\"cancel\" @click=${() => this.hide(true)}>${i18next.t('button.saas-candidates-hide')}</md-text-button>\n              <md-filled-button slot=\"confirm\" @click=${() => this.create()}>${i18next.t('button.saas-candidates-create')}</md-filled-button>`}\n      </ox-popup-actions>\n    `\n  }\n\n  private async flip() {\n    this.hidden = !this.hidden\n    await this.read()\n  }\n\n  private async read() {\n    try {\n      const response: any = await client.query({ query: CANDIDATES, variables: { hidden: this.hidden }, fetchPolicy: 'no-cache' })\n      if (response.errors?.length) throw response\n      const records = response.data.saasCandidates\n      this.data = { records, total: records.length }\n    } catch (error) {\n      notify({ level: 'error', message: failureOf(error) })\n    }\n  }\n\n  private picked(): string[] {\n    return ((this.grist?.selected ?? []) as any[]).map(one => one.key)\n  }\n\n  private async run(mutation: any, variables: any) {\n    const ids = this.picked()\n    if (!ids.length) {\n      notify({ level: 'warn', message: i18next.t('text.saas-candidates-pick') })\n      return false\n    }\n    try {\n      const response: any = await client.mutate({ mutation, variables: { ...variables, keys: ids } })\n      if (response.errors?.length) throw response\n      await this.read()\n      return true\n    } catch (error) {\n      notify({ level: 'error', message: failureOf(error) })\n      return false\n    }\n  }\n\n  private async create() {\n    const count = this.picked().length\n    if (await this.run(gql`mutation ($keys: [String!]!) { createSaasAccountsFromCandidates(keys: $keys) { id } }`, {})) {\n      notify({ level: 'info', message: i18next.t('text.saas-candidates-made', { count }) })\n      this.made?.()\n    }\n  }\n\n  private async hide(hide: boolean) {\n    await this.run(gql`mutation ($keys: [String!]!, $hide: Boolean!) { hideSaasCandidates(keys: $keys, hide: $hide) }`, { hide })\n  }\n}\n"]}

package/dist-client/pages/saas-cost-trend.d.ts

@@ -1,23 +0,0 @@
-import { PageView } from '@operato/shell';
-declare const SaasCostTrend_base: (new (...args: any[]) => import("lit").LitElement) & typeof PageView;
-/**
- * 비용 추이 — what the subscriptions cost month by month, from their bills (ADR-0177 decision 9): everything, each account
- * with its subscriptions under it, each department, in each bill's own currency. What the latest bills are worth telling
- * comes first. Nothing here is stored; it is read from the bills each time.
- */
-export declare class SaasCostTrend extends SaasCostTrend_base {
-    static styles: import("lit").CSSResult[];
-    from: string;
-    to: string;
-    trend?: any;
-    get context(): {
-        title: string;
-    };
-    pageUpdated(changes: any): Promise<void>;
-    private read;
-    private change;
-    private row;
-    private head;
-    render(): import("lit-html").TemplateResult<1>;
-}
-export {};