@things-factory/saas 0.0.0-stage → 10.1.236

package/dist-client/pages/saas-account-page.js

@@ -0,0 +1,352 @@
+import { __decorate, __metadata } from "tslib";
+import '@operato/data-grist/ox-grist.js';
+import '../components/saas-bill-editor.js';
+import gql from 'graphql-tag';
+import { css, html, nothing } from 'lit';
+import { customElement, query, state } from 'lit/decorators.js';
+import { DataGrist, getEditor } from '@operato/data-grist';
+import { client } from '@operato/graphql';
+import { i18next, localize } from '@operato/i18n';
+import { navigate, PageView } from '@operato/shell';
+import { CommonButtonStyles, CommonGristStyles, ScrollbarStyles } from '@operato/styles';
+import { saveGrid } from '@things-factory/asset/dist-client/grid.js';
+import { hasPrivilege } from '@things-factory/auth-base/dist-client';
+import { SaasBillEditor } from '../components/saas-bill-editor.js';
+import { amountText, BILLINGS, fieldWord, optionsOf, picker, SUBSCRIPTION_STATUSES } from '../words.js';
+const TABS = ['subscriptions', 'seats', 'bills', 'admins'];
+const SUBSCRIPTION_FIELDS = ['name', 'billing', 'quantity', 'unitPrice', 'amount', 'budget', 'everyMonths', 'startOn', 'renewalOn', 'autoRenew', 'noticeDays', 'department', 'asset', 'status', 'endedOn', 'description'];
+const SEAT_FIELDS = ['employee', 'holder', 'fromOn', 'untilOn', 'description'];
+/**
+ * 구독 서비스 한 계정 — tab by tab its subscriptions, the seats of one of them, its bills month by month and who administers
+ * it (ADR-0177 decisions 2-6). The keepers keep all of it; an admin keeps what is under their own account, not the account
+ * or its admins.
+ */
+let SaasAccountPage = class SaasAccountPage extends localize(i18next)(PageView) {
+    constructor() {
+        super(...arguments);
+        this.accountId = '';
+        this.subscriptions = [];
+        this.subscriptionId = '';
+        this.tab = 'subscriptions';
+        this.keeper = false;
+    }
+    static { this.styles = [
+        CommonGristStyles,
+        ScrollbarStyles,
+        css `
+      :host {
+        display: flex;
+        flex-direction: column;
+        overflow: hidden;
+      }
+      .head {
+        display: flex;
+        flex-wrap: wrap;
+        align-items: baseline;
+        gap: var(--spacing-small, 4px) var(--spacing-large, 12px);
+        padding: var(--spacing-medium, 8px) var(--spacing-large, 12px);
+        color: var(--md-sys-color-on-surface-variant);
+      }
+      .tabs {
+        display: flex;
+        gap: var(--spacing-small, 4px);
+        overflow-x: auto;
+        padding: 0 var(--spacing-large, 12px) var(--spacing-medium, 8px);
+      }
+      .tabs button {
+        flex: none;
+        padding: 4px var(--spacing-large, 12px);
+        border: 1px solid var(--ui-line-soft, var(--md-sys-color-outline-variant));
+        border-radius: 999px;
+        background: none;
+        color: var(--md-sys-color-on-surface);
+        font: inherit;
+        font-size: var(--ui-t-body, 14px);
+        cursor: pointer;
+      }
+      .tabs button[aria-selected='true'] {
+        border-color: var(--md-sys-color-primary);
+        background: var(--md-sys-color-primary-container);
+        color: var(--md-sys-color-on-primary-container);
+      }
+      .tabs.sub button {
+        font-size: var(--ui-t-caption, 12px);
+      }
+      .empty {
+        padding: var(--spacing-large, 12px);
+        color: var(--md-sys-color-on-surface-variant);
+      }
+      ox-grist {
+        flex: 1;
+        overflow-y: auto;
+      }
+    `
+    ]; }
+    get context() {
+        const editing = this.tab !== 'admins' || this.keeper;
+        const actions = this.tab === 'bills'
+            ? [{ title: i18next.t('button.saas-bill-new'), icon: 'add', action: () => this.openBill() }]
+            : editing && (this.tab !== 'seats' || this.subscriptionId)
+                ? [
+                    { title: i18next.t('button.add'), icon: 'add', action: () => this.grist.addRecordToTop(this.blank()) },
+                    { title: i18next.t('button.delete'), action: () => this.save(true), ...CommonButtonStyles.delete },
+                    { title: i18next.t('button.save'), action: () => this.save(), ...CommonButtonStyles.save }
+                ]
+                : [];
+        return { title: this.account?.name ?? i18next.t('title.saas-account-page'), actions };
+    }
+    async pageUpdated(changes, lifecycle) {
+        if (!this.active)
+            return;
+        const params = lifecycle?.params ?? {};
+        this.tab = TABS.includes(params.tab) ? params.tab : 'subscriptions';
+        const id = params.id ?? '';
+        if (id !== this.accountId || changes.active) {
+            this.accountId = id;
+            this.keeper = await hasPrivilege({ category: 'saas', privilege: 'mutation', domainOwnerGranted: true });
+            await this.read();
+        }
+        this.subscriptionId = params.subscription ?? this.seatPlans()[0]?.id ?? '';
+        this.gristConfig = this.configOf(this.tab);
+        this.updateContext();
+    }
+    seatPlans() {
+        return this.subscriptions.filter(one => one.billing === 'SEAT');
+    }
+    async read() {
+        if (!this.accountId)
+            return;
+        const response = await client.query({
+            query: gql `
+        query ($id: String!) {
+          saasAccount(id: $id) { id name identifier purpose currency billingDay secretLocation paymentAccount { id name } parent { id name } admins { id name controlNo } }
+          saasSubscriptions(accountId: $id) { id name billing status }
+        }
+      `,
+            variables: { id: this.accountId },
+            fetchPolicy: 'network-only'
+        });
+        this.account = response.data?.saasAccount;
+        this.subscriptions = response.data?.saasSubscriptions ?? [];
+    }
+    blank() {
+        const today = new Date().toISOString().slice(0, 10);
+        if (this.tab === 'subscriptions')
+            return { billing: 'FIXED', everyMonths: 1, startOn: today, autoRenew: true, status: 'ACTIVE' };
+        return this.tab === 'seats' ? { fromOn: today } : {};
+    }
+    render() {
+        const one = this.account;
+        const tabs = this.account?.parent ? ['admins'] : TABS;
+        return html `
+      <div class="head">
+        ${one
+            ? html `<span>
+              ${[
+                one.identifier,
+                one.parent ? i18next.t('text.saas-account-under', { name: one.parent.name }) : null,
+                one.purpose,
+                one.currency,
+                one.billingDay ? i18next.t('text.saas-account-billing-day', { day: one.billingDay }) : null,
+                one.paymentAccount?.name,
+                one.secretLocation ? i18next.t('text.saas-account-secret-at', { where: one.secretLocation }) : null
+            ]
+                .filter(Boolean)
+                .join(' · ')}
+            </span>`
+            : nothing}
+      </div>
+      <div class="tabs" role="tablist">
+        ${tabs.map(tab => html `<button role="tab" aria-selected=${String(this.tab === tab)} @click=${() => navigate(`saas-account-page?id=${this.accountId}&tab=${tab}`)}>${i18next.t(`text.saas-tab-${tab}`)}</button>`)}
+      </div>
+      ${this.tab === 'seats'
+            ? this.seatPlans().length
+                ? html `<div class="tabs sub" role="tablist">
+              ${this.seatPlans().map(sub => html `<button role="tab" aria-selected=${String(this.subscriptionId === sub.id)} @click=${() => navigate(`saas-account-page?id=${this.accountId}&tab=seats&subscription=${sub.id}`)}>
+                    ${sub.name}
+                  </button>`)}
+            </div>`
+                : html `<div class="empty">${i18next.t('text.saas-seats-no-plan')}</div>`
+            : nothing}
+      ${this.gristConfig && (this.tab !== 'seats' || this.subscriptionId)
+            ? html `<ox-grist .mode=${'GRID'} .config=${this.gristConfig} .fetchHandler=${this.fetchHandler.bind(this)}></ox-grist>`
+            : nothing}
+    `;
+    }
+    configOf(tab) {
+        const editable = { editable: tab !== 'bills' && (tab !== 'admins' || this.keeper) };
+        const set = `saas-${tab === 'subscriptions' ? 'subscription' : tab === 'seats' ? 'seat' : tab === 'bills' ? 'bill' : 'admin'}`;
+        const text = (name, width, extra = {}) => ({ type: 'string', name, header: fieldWord(set, name), width, ...extra, record: { ...editable, ...extra.record } });
+        const day = (name, extra = {}) => text(name, 100, { ...extra, record: { align: 'center', ...extra.record } });
+        const money = (name, extra = {}) => ({ type: 'float', name, header: fieldWord(set, name), width: 110, ...extra, record: { ...editable, align: 'right', renderer: (value) => amountText(value), ...extra.record } });
+        const int = (name, width = 70) => ({ type: 'integer', name, header: fieldWord(set, name), width, record: { ...editable, align: 'right' } });
+        const object = (name, width, queryName, columns) => ({
+            type: 'object',
+            name,
+            header: fieldWord(set, name),
+            width,
+            record: { ...editable, editor: getEditor('resource-object'), options: picker(queryName, columns) }
+        });
+        const columns = {
+            subscriptions: [
+                text('name', 200, { record: { mandatory: true } }),
+                { type: 'select', name: 'billing', header: fieldWord(set, 'billing'), width: 90, record: { ...editable, mandatory: true, options: optionsOf('saas-billing', BILLINGS) } },
+                money('quantity', { width: 70, record: { renderer: (value) => amountText(value) } }),
+                money('unitPrice'),
+                money('amount'),
+                money('budget'),
+                int('everyMonths'),
+                day('startOn', { record: { mandatory: true } }),
+                day('renewalOn'),
+                { type: 'checkbox', name: 'autoRenew', header: fieldWord(set, 'autoRenew'), width: 70, record: editable },
+                int('noticeDays'),
+                { type: 'integer', name: 'seatsHeld', header: fieldWord(set, 'seatsHeld'), width: 70, record: { align: 'right' } },
+                object('department', 120, 'departments', [{ name: 'name', header: fieldWord(set, 'department') }]),
+                object('asset', 140, 'assets', [{ name: 'name', header: fieldWord(set, 'asset') }]),
+                { type: 'select', name: 'status', header: fieldWord(set, 'status'), width: 90, record: { ...editable, options: optionsOf('saas-subscription-status', SUBSCRIPTION_STATUSES) } },
+                day('endedOn'),
+                text('description', 200)
+            ],
+            seats: [
+                object('employee', 140, 'employees', [{ name: 'name', header: fieldWord(set, 'employee') }, { name: 'controlNo', header: i18next.t('field.control-no') }]),
+                text('holder', 140),
+                day('fromOn'),
+                day('untilOn'),
+                text('description', 240)
+            ],
+            bills: [
+                text('month', 90, { record: { align: 'center' } }),
+                day('billedOn'),
+                money('total', { width: 140, header: `${fieldWord(set, 'total')} (${this.account?.currency ?? ''})` }),
+                { type: 'string', name: 'lines', header: fieldWord(set, 'lines'), width: 360, record: { renderer: (lines) => (lines ?? []).map(line => `${line.subscription?.name ?? line.label ?? ''} ${amountText(line.amount)}`).join(' · ') } },
+                text('description', 200)
+            ],
+            admins: [
+                object('employee', 160, 'employees', [{ name: 'name', header: fieldWord(set, 'employee') }, { name: 'controlNo', header: i18next.t('field.control-no') }]),
+                { type: 'string', name: 'controlNo', header: i18next.t('field.control-no'), width: 100 }
+            ]
+        };
+        return {
+            rows: { appendable: !!editable.editable, selectable: { multiple: !!editable.editable } },
+            pagination: { infinite: true },
+            emptyNote: { title: i18next.t(`text.saas-${tab}-empty`) },
+            columns: [
+                { type: 'gutter', gutterName: 'sequence' },
+                ...(editable.editable ? [{ type: 'gutter', gutterName: 'row-selector', multiple: true }] : []),
+                ...(tab === 'bills'
+                    ? [{ type: 'gutter', gutterName: 'button', icon: 'edit', handlers: { click: (_c, _d, _col, record) => record?.id && this.openBill(record) } }]
+                    : tab === 'subscriptions'
+                        ? [
+                            {
+                                type: 'gutter',
+                                gutterName: 'button',
+                                icon: 'group',
+                                handlers: { click: (_c, _d, _col, record) => record?.id && record.billing === 'SEAT' && navigate(`saas-account-page?id=${this.accountId}&tab=seats&subscription=${record.id}`) }
+                            }
+                        ]
+                        : []),
+                ...columns[tab]
+            ]
+        };
+    }
+    async fetchHandler() {
+        if (!this.accountId)
+            return { total: 0, records: [] };
+        if (this.tab === 'admins') {
+            const records = (this.account?.admins ?? []).map((one) => ({ id: one.id, employee: { id: one.id, name: one.name }, controlNo: one.controlNo }));
+            return { total: records.length, records };
+        }
+        const queries = {
+            subscriptions: `rows: saasSubscriptions(accountId: $id) { id name billing quantity unitPrice amount budget everyMonths startOn renewalOn autoRenew noticeDays seatsHeld department { id name } asset { id name } status endedOn description }`,
+            seats: `rows: saasSeats(subscriptionId: $id) { id employee { id name } holder fromOn untilOn description }`,
+            bills: `rows: saasBills(accountId: $id) { id month billedOn total description lines { subscription { id name } label amount } }`
+        };
+        const response = await client.query({
+            query: gql `query ($id: String!) { ${queries[this.tab]} }`,
+            variables: { id: this.tab === 'seats' ? this.subscriptionId : this.accountId },
+            fetchPolicy: 'network-only'
+        });
+        if (response.errors?.length)
+            throw response;
+        return { total: response.data.rows.length, records: response.data.rows };
+    }
+    openBill(bill) {
+        SaasBillEditor.open({
+            accountId: this.accountId,
+            currency: this.account?.currency ?? '',
+            subscriptions: this.subscriptions,
+            bill,
+            saved: () => this.grist?.fetch()
+        });
+    }
+    async save(deleting = false) {
+        if (this.tab === 'admins')
+            return this.saveAdmins(deleting);
+        /* A picked row goes as its id. */
+        const shape = ({ department, asset, employee, ...patch }) => ({
+            ...patch,
+            ...(department === undefined ? {} : { departmentId: department?.id ?? null }),
+            ...(asset === undefined ? {} : { assetId: asset?.id ?? null }),
+            ...(employee === undefined ? {} : { employeeId: employee?.id ?? null })
+        });
+        const saved = this.tab === 'subscriptions'
+            ? await saveGrid(this.grist, SUBSCRIPTION_FIELDS, 'updateMultipleSaasSubscription', 'SaasSubscriptionPatch', { accountId: this.accountId }, deleting, shape)
+            : await saveGrid(this.grist, SEAT_FIELDS, 'updateMultipleSaasSeat', 'SaasSeatPatch', { subscriptionId: this.subscriptionId }, deleting, shape);
+        if (saved) {
+            this.grist.fetch();
+            if (this.tab === 'subscriptions')
+                await this.read();
+        }
+    }
+    /** The admins are a field of the account - the grid's rows, less the deleted, saved as its list. */
+    async saveAdmins(deleting) {
+        const removed = new Set(deleting ? this.grist.selected.map((one) => one.employee?.id ?? one.id) : []);
+        const rows = (this.grist.dirtyData?.records ?? []).filter((one) => one.__dirty__ !== '-' && one.employee?.id && !removed.has(one.employee.id));
+        const adminIds = [...new Set(rows.map((one) => one.employee.id))];
+        const grist = {
+            dirtyRecords: [{ id: this.accountId, __dirty__: 'M', __dirtyfields__: { adminIds: true }, adminIds }],
+            selected: []
+        };
+        if (await saveGrid(grist, ['adminIds'], 'updateMultipleSaasAccount', 'SaasAccountPatch')) {
+            await this.read();
+            this.grist.fetch();
+        }
+    }
+};
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], SaasAccountPage.prototype, "accountId", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], SaasAccountPage.prototype, "account", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Array)
+], SaasAccountPage.prototype, "subscriptions", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], SaasAccountPage.prototype, "subscriptionId", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", String)
+], SaasAccountPage.prototype, "tab", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], SaasAccountPage.prototype, "keeper", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], SaasAccountPage.prototype, "gristConfig", void 0);
+__decorate([
+    query('ox-grist'),
+    __metadata("design:type", DataGrist)
+], SaasAccountPage.prototype, "grist", void 0);
+SaasAccountPage = __decorate([
+    customElement('saas-account-page')
+], SaasAccountPage);
+export { SaasAccountPage };
+//# sourceMappingURL=saas-account-page.js.map

package/dist-client/pages/saas-account-page.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"saas-account-page.js","sourceRoot":"","sources":["../../client/pages/saas-account-page.ts"],"names":[],"mappings":"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","sourcesContent":["import '@operato/data-grist/ox-grist.js'\nimport '../components/saas-bill-editor.js'\n\nimport gql from 'graphql-tag'\nimport { css, html, nothing } from 'lit'\nimport { customElement, query, state } from 'lit/decorators.js'\n\nimport { DataGrist, getEditor } from '@operato/data-grist'\nimport { client } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { navigate, PageView } from '@operato/shell'\nimport { CommonButtonStyles, CommonGristStyles, ScrollbarStyles } from '@operato/styles'\nimport { saveGrid } from '@things-factory/asset/dist-client/grid.js'\nimport { hasPrivilege } from '@things-factory/auth-base/dist-client'\n\nimport { SaasBillEditor } from '../components/saas-bill-editor.js'\nimport { amountText, BILLINGS, fieldWord, optionsOf, picker, SUBSCRIPTION_STATUSES } from '../words.js'\n\ntype Tab = 'subscriptions' | 'seats' | 'bills' | 'admins'\nconst TABS: Tab[] = ['subscriptions', 'seats', 'bills', 'admins']\n\nconst SUBSCRIPTION_FIELDS = ['name', 'billing', 'quantity', 'unitPrice', 'amount', 'budget', 'everyMonths', 'startOn', 'renewalOn', 'autoRenew', 'noticeDays', 'department', 'asset', 'status', 'endedOn', 'description']\nconst SEAT_FIELDS = ['employee', 'holder', 'fromOn', 'untilOn', 'description']\n\n/**\n * 구독 서비스 한 계정 — tab by tab its subscriptions, the seats of one of them, its bills month by month and who administers\n * it (ADR-0177 decisions 2-6). The keepers keep all of it; an admin keeps what is under their own account, not the account\n * or its admins.\n */\n@customElement('saas-account-page')\nexport class SaasAccountPage extends localize(i18next)(PageView) {\n  static styles = [\n    CommonGristStyles,\n    ScrollbarStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n        overflow: hidden;\n      }\n      .head {\n        display: flex;\n        flex-wrap: wrap;\n        align-items: baseline;\n        gap: var(--spacing-small, 4px) var(--spacing-large, 12px);\n        padding: var(--spacing-medium, 8px) var(--spacing-large, 12px);\n        color: var(--md-sys-color-on-surface-variant);\n      }\n      .tabs {\n        display: flex;\n        gap: var(--spacing-small, 4px);\n        overflow-x: auto;\n        padding: 0 var(--spacing-large, 12px) var(--spacing-medium, 8px);\n      }\n      .tabs button {\n        flex: none;\n        padding: 4px var(--spacing-large, 12px);\n        border: 1px solid var(--ui-line-soft, var(--md-sys-color-outline-variant));\n        border-radius: 999px;\n        background: none;\n        color: var(--md-sys-color-on-surface);\n        font: inherit;\n        font-size: var(--ui-t-body, 14px);\n        cursor: pointer;\n      }\n      .tabs button[aria-selected='true'] {\n        border-color: var(--md-sys-color-primary);\n        background: var(--md-sys-color-primary-container);\n        color: var(--md-sys-color-on-primary-container);\n      }\n      .tabs.sub button {\n        font-size: var(--ui-t-caption, 12px);\n      }\n      .empty {\n        padding: var(--spacing-large, 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  @state() accountId = ''\n  @state() account?: any\n  @state() subscriptions: any[] = []\n  @state() subscriptionId = ''\n  @state() tab: Tab = 'subscriptions'\n  @state() keeper = false\n  @state() gristConfig: any\n  @query('ox-grist') private grist!: DataGrist\n\n  get context() {\n    const editing = this.tab !== 'admins' || this.keeper\n    const actions =\n      this.tab === 'bills'\n        ? [{ title: i18next.t('button.saas-bill-new'), icon: 'add', action: () => this.openBill() }]\n        : editing && (this.tab !== 'seats' || this.subscriptionId)\n          ? [\n              { title: i18next.t('button.add'), icon: 'add', action: () => this.grist.addRecordToTop(this.blank()) },\n              { title: i18next.t('button.delete'), action: () => this.save(true), ...CommonButtonStyles.delete },\n              { title: i18next.t('button.save'), action: () => this.save(), ...CommonButtonStyles.save }\n            ]\n          : []\n    return { title: this.account?.name ?? i18next.t('title.saas-account-page'), actions }\n  }\n\n  async pageUpdated(changes: any, lifecycle: any) {\n    if (!this.active) return\n    const params = lifecycle?.params ?? {}\n    this.tab = TABS.includes(params.tab) ? params.tab : 'subscriptions'\n    const id = params.id ?? ''\n    if (id !== this.accountId || changes.active) {\n      this.accountId = id\n      this.keeper = await hasPrivilege({ category: 'saas', privilege: 'mutation', domainOwnerGranted: true })\n      await this.read()\n    }\n    this.subscriptionId = params.subscription ?? this.seatPlans()[0]?.id ?? ''\n    this.gristConfig = this.configOf(this.tab)\n    this.updateContext()\n  }\n\n  private seatPlans() {\n    return this.subscriptions.filter(one => one.billing === 'SEAT')\n  }\n\n  private async read() {\n    if (!this.accountId) return\n    const response = await client.query({\n      query: gql`\n        query ($id: String!) {\n          saasAccount(id: $id) { id name identifier purpose currency billingDay secretLocation paymentAccount { id name } parent { id name } admins { id name controlNo } }\n          saasSubscriptions(accountId: $id) { id name billing status }\n        }\n      `,\n      variables: { id: this.accountId },\n      fetchPolicy: 'network-only'\n    })\n    this.account = response.data?.saasAccount\n    this.subscriptions = response.data?.saasSubscriptions ?? []\n  }\n\n  private blank(): any {\n    const today = new Date().toISOString().slice(0, 10)\n    if (this.tab === 'subscriptions') return { billing: 'FIXED', everyMonths: 1, startOn: today, autoRenew: true, status: 'ACTIVE' }\n    return this.tab === 'seats' ? { fromOn: today } : {}\n  }\n\n  render() {\n    const one = this.account\n    const tabs = this.account?.parent ? (['admins'] as Tab[]) : TABS\n    return html`\n      <div class=\"head\">\n        ${one\n          ? html`<span>\n              ${[\n                one.identifier,\n                one.parent ? i18next.t('text.saas-account-under', { name: one.parent.name }) : null,\n                one.purpose,\n                one.currency,\n                one.billingDay ? i18next.t('text.saas-account-billing-day', { day: one.billingDay }) : null,\n                one.paymentAccount?.name,\n                one.secretLocation ? i18next.t('text.saas-account-secret-at', { where: one.secretLocation }) : null\n              ]\n                .filter(Boolean)\n                .join(' · ')}\n            </span>`\n          : nothing}\n      </div>\n      <div class=\"tabs\" role=\"tablist\">\n        ${tabs.map(\n          tab => html`<button role=\"tab\" aria-selected=${String(this.tab === tab)} @click=${() => navigate(`saas-account-page?id=${this.accountId}&tab=${tab}`)}>${i18next.t(`text.saas-tab-${tab}`)}</button>`\n        )}\n      </div>\n      ${this.tab === 'seats'\n        ? this.seatPlans().length\n          ? html`<div class=\"tabs sub\" role=\"tablist\">\n              ${this.seatPlans().map(\n                sub =>\n                  html`<button role=\"tab\" aria-selected=${String(this.subscriptionId === sub.id)} @click=${() => navigate(`saas-account-page?id=${this.accountId}&tab=seats&subscription=${sub.id}`)}>\n                    ${sub.name}\n                  </button>`\n              )}\n            </div>`\n          : html`<div class=\"empty\">${i18next.t('text.saas-seats-no-plan')}</div>`\n        : nothing}\n      ${this.gristConfig && (this.tab !== 'seats' || this.subscriptionId)\n        ? html`<ox-grist .mode=${'GRID'} .config=${this.gristConfig} .fetchHandler=${this.fetchHandler.bind(this)}></ox-grist>`\n        : nothing}\n    `\n  }\n\n  private configOf(tab: Tab) {\n    const editable = { editable: tab !== 'bills' && (tab !== 'admins' || this.keeper) }\n    const set = `saas-${tab === 'subscriptions' ? 'subscription' : tab === 'seats' ? 'seat' : tab === 'bills' ? 'bill' : 'admin'}`\n    const text = (name: string, width: number, extra: any = {}) => ({ type: 'string', name, header: fieldWord(set, name), width, ...extra, record: { ...editable, ...extra.record } })\n    const day = (name: string, extra: any = {}) => text(name, 100, { ...extra, record: { align: 'center', ...extra.record } })\n    const money = (name: string, extra: any = {}) => ({ type: 'float', name, header: fieldWord(set, name), width: 110, ...extra, record: { ...editable, align: 'right', renderer: (value: number) => amountText(value), ...extra.record } })\n    const int = (name: string, width = 70) => ({ type: 'integer', name, header: fieldWord(set, name), width, record: { ...editable, align: 'right' } })\n    const object = (name: string, width: number, queryName: string, columns: { name: string; header?: string }[]) => ({\n      type: 'object',\n      name,\n      header: fieldWord(set, name),\n      width,\n      record: { ...editable, editor: getEditor('resource-object'), options: picker(queryName, columns) }\n    })\n    const columns: Record<Tab, any[]> = {\n      subscriptions: [\n        text('name', 200, { record: { mandatory: true } }),\n        { type: 'select', name: 'billing', header: fieldWord(set, 'billing'), width: 90, record: { ...editable, mandatory: true, options: optionsOf('saas-billing', BILLINGS) } },\n        money('quantity', { width: 70, record: { renderer: (value: number) => amountText(value) } }),\n        money('unitPrice'),\n        money('amount'),\n        money('budget'),\n        int('everyMonths'),\n        day('startOn', { record: { mandatory: true } }),\n        day('renewalOn'),\n        { type: 'checkbox', name: 'autoRenew', header: fieldWord(set, 'autoRenew'), width: 70, record: editable },\n        int('noticeDays'),\n        { type: 'integer', name: 'seatsHeld', header: fieldWord(set, 'seatsHeld'), width: 70, record: { align: 'right' } },\n        object('department', 120, 'departments', [{ name: 'name', header: fieldWord(set, 'department') }]),\n        object('asset', 140, 'assets', [{ name: 'name', header: fieldWord(set, 'asset') }]),\n        { type: 'select', name: 'status', header: fieldWord(set, 'status'), width: 90, record: { ...editable, options: optionsOf('saas-subscription-status', SUBSCRIPTION_STATUSES) } },\n        day('endedOn'),\n        text('description', 200)\n      ],\n      seats: [\n        object('employee', 140, 'employees', [{ name: 'name', header: fieldWord(set, 'employee') }, { name: 'controlNo', header: i18next.t('field.control-no') }]),\n        text('holder', 140),\n        day('fromOn'),\n        day('untilOn'),\n        text('description', 240)\n      ],\n      bills: [\n        text('month', 90, { record: { align: 'center' } }),\n        day('billedOn'),\n        money('total', { width: 140, header: `${fieldWord(set, 'total')} (${this.account?.currency ?? ''})` }),\n        { type: 'string', name: 'lines', header: fieldWord(set, 'lines'), width: 360, record: { renderer: (lines: any[]) => (lines ?? []).map(line => `${line.subscription?.name ?? line.label ?? ''} ${amountText(line.amount)}`).join(' · ') } },\n        text('description', 200)\n      ],\n      admins: [\n        object('employee', 160, 'employees', [{ name: 'name', header: fieldWord(set, 'employee') }, { name: 'controlNo', header: i18next.t('field.control-no') }]),\n        { type: 'string', name: 'controlNo', header: i18next.t('field.control-no'), width: 100 }\n      ]\n    }\n    return {\n      rows: { appendable: !!editable.editable, selectable: { multiple: !!editable.editable } },\n      pagination: { infinite: true },\n      emptyNote: { title: i18next.t(`text.saas-${tab}-empty`) },\n      columns: [\n        { type: 'gutter', gutterName: 'sequence' },\n        ...(editable.editable ? [{ type: 'gutter', gutterName: 'row-selector', multiple: true }] : []),\n        ...(tab === 'bills'\n          ? [{ type: 'gutter', gutterName: 'button', icon: 'edit', handlers: { click: (_c: any, _d: any, _col: any, record: any) => record?.id && this.openBill(record) } }]\n          : tab === 'subscriptions'\n            ? [\n                {\n                  type: 'gutter',\n                  gutterName: 'button',\n                  icon: 'group',\n                  handlers: { click: (_c: any, _d: any, _col: any, record: any) => record?.id && record.billing === 'SEAT' && navigate(`saas-account-page?id=${this.accountId}&tab=seats&subscription=${record.id}`) }\n                }\n              ]\n            : []),\n        ...columns[tab]\n      ]\n    }\n  }\n\n  async fetchHandler() {\n    if (!this.accountId) return { total: 0, records: [] }\n    if (this.tab === 'admins') {\n      const records = (this.account?.admins ?? []).map((one: any) => ({ id: one.id, employee: { id: one.id, name: one.name }, controlNo: one.controlNo }))\n      return { total: records.length, records }\n    }\n    const queries: Record<Exclude<Tab, 'admins'>, string> = {\n      subscriptions: `rows: saasSubscriptions(accountId: $id) { id name billing quantity unitPrice amount budget everyMonths startOn renewalOn autoRenew noticeDays seatsHeld department { id name } asset { id name } status endedOn description }`,\n      seats: `rows: saasSeats(subscriptionId: $id) { id employee { id name } holder fromOn untilOn description }`,\n      bills: `rows: saasBills(accountId: $id) { id month billedOn total description lines { subscription { id name } label amount } }`\n    }\n    const response = await client.query({\n      query: gql`query ($id: String!) { ${queries[this.tab]} }`,\n      variables: { id: this.tab === 'seats' ? this.subscriptionId : this.accountId },\n      fetchPolicy: 'network-only'\n    })\n    if (response.errors?.length) throw response\n    return { total: response.data.rows.length, records: response.data.rows }\n  }\n\n  private openBill(bill?: any) {\n    SaasBillEditor.open({\n      accountId: this.accountId,\n      currency: this.account?.currency ?? '',\n      subscriptions: this.subscriptions,\n      bill,\n      saved: () => this.grist?.fetch()\n    })\n  }\n\n  private async save(deleting = false) {\n    if (this.tab === 'admins') return this.saveAdmins(deleting)\n    /* A picked row goes as its id. */\n    const shape = ({ department, asset, employee, ...patch }: any) => ({\n      ...patch,\n      ...(department === undefined ? {} : { departmentId: department?.id ?? null }),\n      ...(asset === undefined ? {} : { assetId: asset?.id ?? null }),\n      ...(employee === undefined ? {} : { employeeId: employee?.id ?? null })\n    })\n    const saved =\n      this.tab === 'subscriptions'\n        ? await saveGrid(this.grist, SUBSCRIPTION_FIELDS, 'updateMultipleSaasSubscription', 'SaasSubscriptionPatch', { accountId: this.accountId }, deleting, shape)\n        : await saveGrid(this.grist, SEAT_FIELDS, 'updateMultipleSaasSeat', 'SaasSeatPatch', { subscriptionId: this.subscriptionId }, deleting, shape)\n    if (saved) {\n      this.grist.fetch()\n      if (this.tab === 'subscriptions') await this.read()\n    }\n  }\n\n  /** The admins are a field of the account - the grid's rows, less the deleted, saved as its list. */\n  private async saveAdmins(deleting: boolean) {\n    const removed = new Set(deleting ? this.grist.selected.map((one: any) => one.employee?.id ?? one.id) : [])\n    const rows = (this.grist.dirtyData?.records ?? []).filter((one: any) => one.__dirty__ !== '-' && one.employee?.id && !removed.has(one.employee.id))\n    const adminIds = [...new Set(rows.map((one: any) => one.employee.id))]\n    const grist = {\n      dirtyRecords: [{ id: this.accountId, __dirty__: 'M', __dirtyfields__: { adminIds: true }, adminIds }],\n      selected: []\n    } as any\n    if (await saveGrid(grist, ['adminIds'], 'updateMultipleSaasAccount', 'SaasAccountPatch')) {\n      await this.read()\n      this.grist.fetch()\n    }\n  }\n}\n\n"]}

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

@@ -0,0 +1,23 @@
+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 {};