@things-factory/saas 0.0.0-stage → 10.1.234

package/dist-client/index.js

@@ -0,0 +1,4 @@
+export { SaasBillEditor } from './components/saas-bill-editor.js';
+export { registerSaasAccount360 } from './entity360/saas-account-360.js';
+export { trendTitle } from './words.js';
+//# sourceMappingURL=index.js.map

package/dist-client/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../client/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAA;AACjE,OAAO,EAAE,sBAAsB,EAAE,MAAM,iCAAiC,CAAA;AACxE,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA","sourcesContent":["export { SaasBillEditor } from './components/saas-bill-editor.js'\nexport { registerSaasAccount360 } from './entity360/saas-account-360.js'\nexport { trendTitle } from './words.js'\n"]}

package/dist-client/pages/saas-account-list.d.ts

@@ -0,0 +1,57 @@
+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 SaasAccountList_base: (new (...args: any[]) => import("lit").LitElement) & typeof PageView;
+/**
+ * 구독 서비스 — the accounts the domain holds with vendors (ADR-0177 decision 2), typed like a spreadsheet and saved together.
+ * An account opens to its subscriptions, their seats, its admins and its bills.
+ */
+export declare class SaasAccountList extends SaasAccountList_base {
+    static styles: import("lit").CSSResult[];
+    /** Only the accounts the signed-in person administers, opened and not kept here. */
+    protected mine: boolean;
+    gristConfig: any;
+    private grist;
+    get context(): {
+        title: string;
+        search: {
+            handler: (search: string) => string;
+            value: string;
+        };
+        filter: {
+            handler: () => void;
+        };
+        actions: ({
+            title: string;
+            icon: string;
+            action: () => void;
+        } | {
+            icon: string;
+            emphasis: {
+                raised: boolean;
+                outlined: boolean;
+                dense: boolean;
+                danger: boolean;
+            };
+            title: string;
+            action: () => Promise<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;
+    }>;
+    private save;
+}
+/** 내가 관리하는 구독 서비스 — the accounts the signed-in person is named an admin of, whatever their seat (ADR-0177 Q4). */
+export declare class MySaasAccountList extends SaasAccountList {
+    protected mine: boolean;
+}
+export {};

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

@@ -0,0 +1,175 @@
+import { __decorate, __metadata } from "tslib";
+import '@operato/data-grist/ox-grist.js';
+import '@operato/data-grist/ox-filters-form.js';
+import gql from 'graphql-tag';
+import { html } from 'lit';
+import { customElement, query, state } from 'lit/decorators.js';
+import { DataGrist, getEditor } from '@operato/data-grist';
+import { client } from '@operato/graphql';
+import { i18next, localize } from '@operato/i18n';
+import { entity360Name } from '@operato/layout';
+import { navigate, PageView } from '@operato/shell';
+import { CommonButtonStyles, CommonGristStyles, CommonHeaderStyles, ScrollbarStyles, WorkSurfacePageStyles } from '@operato/styles';
+import { isMobileDevice } from '@operato/utils';
+/* The register grids' save, the asset module's - this module saves its grids the same way. */
+import { saveGrid } from '@things-factory/asset/dist-client/grid.js';
+import { ACCOUNT_STATUSES, fieldWord, filterOptionsOf, optionsOf, picker, trendTitle } from '../words.js';
+const FIELDS = ['name', 'counterparty', 'identifier', 'parent', 'purpose', 'billingEmail', 'paymentAccount', 'currency', 'billingDay', 'secretLocation', 'increaseAlertRate', 'status', 'closedOn', 'description'];
+const ACCOUNT_FIELDS = `
+  id name counterparty { id name } identifier parent { id name } purpose admins { id name } billingEmail
+  paymentAccount { id name } currency billingDay secretLocation increaseAlertRate status closedOn description
+  trend { months values nextMonths expected currency }
+`;
+/**
+ * 구독 서비스 — the accounts the domain holds with vendors (ADR-0177 decision 2), typed like a spreadsheet and saved together.
+ * An account opens to its subscriptions, their seats, its admins and its bills.
+ */
+let SaasAccountList = class SaasAccountList extends localize(i18next)(PageView) {
+    constructor() {
+        super(...arguments);
+        /** Only the accounts the signed-in person administers, opened and not kept here. */
+        this.mine = false;
+    }
+    static { this.styles = [WorkSurfacePageStyles, CommonGristStyles, CommonHeaderStyles, ScrollbarStyles]; }
+    get context() {
+        const title = i18next.t(this.mine ? 'title.my-saas-account-list' : 'title.saas-account-list');
+        return {
+            title,
+            search: { handler: (search) => (this.grist.searchText = search), value: this.grist?.searchText || '' },
+            filter: { handler: () => this.grist.toggleHeadroom() },
+            actions: this.mine
+                ? []
+                : [
+                    { title: i18next.t('button.saas-cost-trend'), icon: 'monitoring', action: () => navigate('saas-cost-trend') },
+                    { title: i18next.t('button.add'), icon: 'add', action: () => this.grist.addRecordToTop({ currency: 'KRW', status: 'ACTIVE' }) },
+                    { title: i18next.t('button.delete'), action: () => this.save(true), ...CommonButtonStyles.delete },
+                    { title: i18next.t('button.save'), action: () => this.save(), ...CommonButtonStyles.save }
+                ],
+            exportable: { name: title, data: () => this.grist.exportRecords() }
+        };
+    }
+    render() {
+        return html `<ox-grist class="page-fill" search-mode="term" .mode=${isMobileDevice() ? 'CARD' : 'GRID'} .config=${this.gristConfig} .fetchHandler=${this.fetchHandler.bind(this)}>
+      <div slot="headroom" class="header">
+        <div class="filters"><ox-filters-form without-search autofocus></ox-filters-form></div>
+      </div>
+    </ox-grist>`;
+    }
+    async pageInitialized() {
+        const editable = { editable: !this.mine };
+        const text = (name, width, extra = {}) => ({ type: 'string', name, header: fieldWord('saas-account', name), width, sortable: true, ...extra, record: { ...editable, ...extra.record } });
+        const object = (name, width, queryName, columns) => ({
+            type: 'object',
+            name,
+            header: fieldWord('saas-account', name),
+            width,
+            record: { ...editable, editor: getEditor('resource-object'), options: picker(queryName, columns) }
+        });
+        const open = (record) => record?.id && navigate(`saas-account-page?id=${record.id}`);
+        this.gristConfig = {
+            rows: { appendable: !this.mine, selectable: { multiple: !this.mine } },
+            pagination: { limit: 100, pages: [50, 100] },
+            emptyNote: {
+                title: i18next.t(this.mine ? 'text.my-saas-account-empty' : 'text.saas-account-empty'),
+                description: i18next.t(this.mine ? 'text.my-saas-account-empty-description' : 'text.saas-account-empty-description')
+            },
+            list: { fields: ['name', 'identifier'], details: ['purpose', 'admins'] },
+            columns: [
+                { type: 'gutter', gutterName: 'sequence' },
+                ...(this.mine ? [] : [{ type: 'gutter', gutterName: 'row-selector', multiple: true }]),
+                { type: 'gutter', gutterName: 'button', icon: 'open_in_new', handlers: { click: (_c, _d, _col, record) => open(record) } },
+                /* The name opens the account's 360 (ADR-0067); a new row is typed into. */
+                text('name', 180, { record: { mandatory: true, renderer: (value, _c, record) => (record?.id ? entity360Name({ __typename: 'SaasAccount', ...record }, value) : value ?? '') } }),
+                /* The last twelve months billed, the next three expected dashed (ADR-0177 decision 10). */
+                { type: 'sparkline', name: 'trend', header: fieldWord('saas-account', 'trend'), width: 120, record: { options: { title: (value) => trendTitle(value) } } },
+                object('counterparty', 150, 'counterpartyChoices', [{ name: 'name', header: fieldWord('saas-account', 'counterparty') }]),
+                text('identifier', 150),
+                object('parent', 140, 'saasAccounts', [{ name: 'name', header: fieldWord('saas-account', 'parent') }]),
+                text('purpose', 120),
+                {
+                    type: 'string',
+                    name: 'admins',
+                    header: fieldWord('saas-account', 'admins'),
+                    width: 160,
+                    record: { renderer: (value) => (value ?? []).map(one => one.name).join(', ') }
+                },
+                object('paymentAccount', 150, 'bankAccounts', [{ name: 'name', header: fieldWord('saas-account', 'paymentAccount') }]),
+                text('currency', 60, { record: { align: 'center' } }),
+                { type: 'integer', name: 'billingDay', header: fieldWord('saas-account', 'billingDay'), width: 70, record: { ...editable, align: 'right' } },
+                { type: 'float', name: 'increaseAlertRate', header: fieldWord('saas-account', 'increaseAlertRate'), width: 80, hidden: true, record: { ...editable, align: 'right' } },
+                text('billingEmail', 160, { hidden: true }),
+                text('secretLocation', 160),
+                {
+                    type: 'select',
+                    name: 'status',
+                    header: fieldWord('saas-account', 'status'),
+                    width: 80,
+                    sortable: true,
+                    record: { ...editable, options: optionsOf('saas-account-status', ACCOUNT_STATUSES) },
+                    filter: { type: 'select', operator: 'eq', options: filterOptionsOf('saas-account-status', ACCOUNT_STATUSES) }
+                },
+                text('closedOn', 100, { record: { align: 'center' } }),
+                text('description', 200)
+            ],
+            sorters: [{ name: 'name' }]
+        };
+    }
+    async fetchHandler({ page = 1, limit = 100, sortings = [], filters = [], search }) {
+        if (this.mine) {
+            const response = await client.query({ query: gql `query { rows: mySaasAccounts { ${ACCOUNT_FIELDS} } }`, fetchPolicy: 'network-only' });
+            if (response.errors?.length)
+                throw response;
+            return { total: response.data.rows.length, records: response.data.rows };
+        }
+        const response = await client.query({
+            query: gql `
+        query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!], $search: String) {
+          responses: saasAccounts(filters: $filters, pagination: $pagination, sortings: $sortings, search: $search) {
+            items { ${ACCOUNT_FIELDS} }
+            total
+          }
+        }
+      `,
+            variables: { filters, pagination: { page, limit }, sortings, search: search?.trim() || undefined },
+            fetchPolicy: 'network-only'
+        });
+        if (response.errors?.length)
+            throw response;
+        return { total: response.data.responses.total, records: response.data.responses.items };
+    }
+    async save(deleting = false) {
+        /* A picked row goes as its id. */
+        const shape = ({ counterparty, parent, paymentAccount, ...patch }) => ({
+            ...patch,
+            ...(counterparty === undefined ? {} : { counterpartyId: counterparty?.id ?? null }),
+            ...(parent === undefined ? {} : { parentId: parent?.id ?? null }),
+            ...(paymentAccount === undefined ? {} : { paymentAccountId: paymentAccount?.id ?? null })
+        });
+        if (await saveGrid(this.grist, FIELDS, 'updateMultipleSaasAccount', 'SaasAccountPatch', {}, deleting, shape))
+            this.grist.fetch();
+    }
+};
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], SaasAccountList.prototype, "gristConfig", void 0);
+__decorate([
+    query('ox-grist'),
+    __metadata("design:type", DataGrist)
+], SaasAccountList.prototype, "grist", void 0);
+SaasAccountList = __decorate([
+    customElement('saas-account-list')
+], SaasAccountList);
+export { SaasAccountList };
+/** 내가 관리하는 구독 서비스 — the accounts the signed-in person is named an admin of, whatever their seat (ADR-0177 Q4). */
+let MySaasAccountList = class MySaasAccountList extends SaasAccountList {
+    constructor() {
+        super(...arguments);
+        this.mine = true;
+    }
+};
+MySaasAccountList = __decorate([
+    customElement('my-saas-account-list')
+], MySaasAccountList);
+export { MySaasAccountList };
+//# sourceMappingURL=saas-account-list.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"saas-account-list.js","sourceRoot":"","sources":["../../client/pages/saas-account-list.ts"],"names":[],"mappings":"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","sourcesContent":["import '@operato/data-grist/ox-grist.js'\nimport '@operato/data-grist/ox-filters-form.js'\n\nimport gql from 'graphql-tag'\nimport { html } from 'lit'\nimport { customElement, query, state } from 'lit/decorators.js'\n\nimport { DataGrist, FetchOption, getEditor } from '@operato/data-grist'\nimport { client } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { entity360Name } from '@operato/layout'\nimport { navigate, PageView } from '@operato/shell'\nimport { CommonButtonStyles, CommonGristStyles, CommonHeaderStyles, ScrollbarStyles, WorkSurfacePageStyles } from '@operato/styles'\nimport { isMobileDevice } from '@operato/utils'\n/* The register grids' save, the asset module's - this module saves its grids the same way. */\nimport { saveGrid } from '@things-factory/asset/dist-client/grid.js'\n\nimport { ACCOUNT_STATUSES, fieldWord, filterOptionsOf, optionsOf, picker, trendTitle } from '../words.js'\n\nconst FIELDS = ['name', 'counterparty', 'identifier', 'parent', 'purpose', 'billingEmail', 'paymentAccount', 'currency', 'billingDay', 'secretLocation', 'increaseAlertRate', 'status', 'closedOn', 'description']\nconst ACCOUNT_FIELDS = `\n  id name counterparty { id name } identifier parent { id name } purpose admins { id name } billingEmail\n  paymentAccount { id name } currency billingDay secretLocation increaseAlertRate status closedOn description\n  trend { months values nextMonths expected currency }\n`\n\n/**\n * 구독 서비스 — the accounts the domain holds with vendors (ADR-0177 decision 2), typed like a spreadsheet and saved together.\n * An account opens to its subscriptions, their seats, its admins and its bills.\n */\n@customElement('saas-account-list')\nexport class SaasAccountList extends localize(i18next)(PageView) {\n  static styles = [WorkSurfacePageStyles, CommonGristStyles, CommonHeaderStyles, ScrollbarStyles]\n\n  /** Only the accounts the signed-in person administers, opened and not kept here. */\n  protected mine = false\n\n  @state() gristConfig: any\n  @query('ox-grist') private grist!: DataGrist\n\n  get context() {\n    const title = i18next.t(this.mine ? 'title.my-saas-account-list' : 'title.saas-account-list')\n    return {\n      title,\n      search: { handler: (search: string) => (this.grist.searchText = search), value: this.grist?.searchText || '' },\n      filter: { handler: () => this.grist.toggleHeadroom() },\n      actions: this.mine\n        ? []\n        : [\n            { title: i18next.t('button.saas-cost-trend'), icon: 'monitoring', action: () => navigate('saas-cost-trend') },\n            { title: i18next.t('button.add'), icon: 'add', action: () => this.grist.addRecordToTop({ currency: 'KRW', status: 'ACTIVE' }) },\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      exportable: { name: title, data: () => this.grist.exportRecords() }\n    }\n  }\n\n  render() {\n    return html`<ox-grist class=\"page-fill\" search-mode=\"term\" .mode=${isMobileDevice() ? 'CARD' : 'GRID'} .config=${this.gristConfig} .fetchHandler=${this.fetchHandler.bind(this)}>\n      <div slot=\"headroom\" class=\"header\">\n        <div class=\"filters\"><ox-filters-form without-search autofocus></ox-filters-form></div>\n      </div>\n    </ox-grist>`\n  }\n\n  async pageInitialized() {\n    const editable = { editable: !this.mine }\n    const text = (name: string, width: number, extra: any = {}) => ({ type: 'string', name, header: fieldWord('saas-account', name), width, sortable: true, ...extra, record: { ...editable, ...extra.record } })\n    const object = (name: string, width: number, queryName: string, columns: { name: string; header?: string }[]) => ({\n      type: 'object',\n      name,\n      header: fieldWord('saas-account', name),\n      width,\n      record: { ...editable, editor: getEditor('resource-object'), options: picker(queryName, columns) }\n    })\n    const open = (record: any) => record?.id && navigate(`saas-account-page?id=${record.id}`)\n    this.gristConfig = {\n      rows: { appendable: !this.mine, selectable: { multiple: !this.mine } },\n      pagination: { limit: 100, pages: [50, 100] },\n      emptyNote: {\n        title: i18next.t(this.mine ? 'text.my-saas-account-empty' : 'text.saas-account-empty'),\n        description: i18next.t(this.mine ? 'text.my-saas-account-empty-description' : 'text.saas-account-empty-description')\n      },\n      list: { fields: ['name', 'identifier'], details: ['purpose', 'admins'] },\n      columns: [\n        { type: 'gutter', gutterName: 'sequence' },\n        ...(this.mine ? [] : [{ type: 'gutter', gutterName: 'row-selector', multiple: true }]),\n        { type: 'gutter', gutterName: 'button', icon: 'open_in_new', handlers: { click: (_c: any, _d: any, _col: any, record: any) => open(record) } },\n        /* The name opens the account's 360 (ADR-0067); a new row is typed into. */\n        text('name', 180, { record: { mandatory: true, renderer: (value: string, _c: any, record: any) => (record?.id ? entity360Name({ __typename: 'SaasAccount', ...record }, value) : value ?? '') } }),\n        /* The last twelve months billed, the next three expected dashed (ADR-0177 decision 10). */\n        { type: 'sparkline', name: 'trend', header: fieldWord('saas-account', 'trend'), width: 120, record: { options: { title: (value: any) => trendTitle(value) } } },\n        object('counterparty', 150, 'counterpartyChoices', [{ name: 'name', header: fieldWord('saas-account', 'counterparty') }]),\n        text('identifier', 150),\n        object('parent', 140, 'saasAccounts', [{ name: 'name', header: fieldWord('saas-account', 'parent') }]),\n        text('purpose', 120),\n        {\n          type: 'string',\n          name: 'admins',\n          header: fieldWord('saas-account', 'admins'),\n          width: 160,\n          record: { renderer: (value: any[]) => (value ?? []).map(one => one.name).join(', ') }\n        },\n        object('paymentAccount', 150, 'bankAccounts', [{ name: 'name', header: fieldWord('saas-account', 'paymentAccount') }]),\n        text('currency', 60, { record: { align: 'center' } }),\n        { type: 'integer', name: 'billingDay', header: fieldWord('saas-account', 'billingDay'), width: 70, record: { ...editable, align: 'right' } },\n        { type: 'float', name: 'increaseAlertRate', header: fieldWord('saas-account', 'increaseAlertRate'), width: 80, hidden: true, record: { ...editable, align: 'right' } },\n        text('billingEmail', 160, { hidden: true }),\n        text('secretLocation', 160),\n        {\n          type: 'select',\n          name: 'status',\n          header: fieldWord('saas-account', 'status'),\n          width: 80,\n          sortable: true,\n          record: { ...editable, options: optionsOf('saas-account-status', ACCOUNT_STATUSES) },\n          filter: { type: 'select', operator: 'eq', options: filterOptionsOf('saas-account-status', ACCOUNT_STATUSES) }\n        },\n        text('closedOn', 100, { record: { align: 'center' } }),\n        text('description', 200)\n      ],\n      sorters: [{ name: 'name' }]\n    }\n  }\n\n  async fetchHandler({ page = 1, limit = 100, sortings = [], filters = [], search }: FetchOption) {\n    if (this.mine) {\n      const response = await client.query({ query: gql`query { rows: mySaasAccounts { ${ACCOUNT_FIELDS} } }`, fetchPolicy: 'network-only' })\n      if (response.errors?.length) throw response\n      return { total: response.data.rows.length, records: response.data.rows }\n    }\n    const response = await client.query({\n      query: gql`\n        query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!], $search: String) {\n          responses: saasAccounts(filters: $filters, pagination: $pagination, sortings: $sortings, search: $search) {\n            items { ${ACCOUNT_FIELDS} }\n            total\n          }\n        }\n      `,\n      variables: { filters, pagination: { page, limit }, sortings, search: search?.trim() || undefined },\n      fetchPolicy: 'network-only'\n    })\n    if (response.errors?.length) throw response\n    return { total: response.data.responses.total, records: response.data.responses.items }\n  }\n\n  private async save(deleting = false) {\n    /* A picked row goes as its id. */\n    const shape = ({ counterparty, parent, paymentAccount, ...patch }: any) => ({\n      ...patch,\n      ...(counterparty === undefined ? {} : { counterpartyId: counterparty?.id ?? null }),\n      ...(parent === undefined ? {} : { parentId: parent?.id ?? null }),\n      ...(paymentAccount === undefined ? {} : { paymentAccountId: paymentAccount?.id ?? null })\n    })\n    if (await saveGrid(this.grist, FIELDS, 'updateMultipleSaasAccount', 'SaasAccountPatch', {}, deleting, shape)) this.grist.fetch()\n  }\n}\n\n/** 내가 관리하는 구독 서비스 — the accounts the signed-in person is named an admin of, whatever their seat (ADR-0177 Q4). */\n@customElement('my-saas-account-list')\nexport class MySaasAccountList extends SaasAccountList {\n  protected mine = true\n}\n"]}

package/dist-client/pages/saas-account-page.d.ts

@@ -0,0 +1,54 @@
+import '@operato/data-grist/ox-grist.js';
+import '../components/saas-bill-editor.js';
+import { PageView } from '@operato/shell';
+type Tab = 'subscriptions' | 'seats' | 'bills' | 'admins';
+declare const SaasAccountPage_base: (new (...args: any[]) => import("lit").LitElement) & typeof PageView;
+/**
+ * 구독 서비스 한 계정 — 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.
+ */
+export declare class SaasAccountPage extends SaasAccountPage_base {
+    static styles: import("lit").CSSResult[];
+    accountId: string;
+    account?: any;
+    subscriptions: any[];
+    subscriptionId: string;
+    tab: Tab;
+    keeper: boolean;
+    gristConfig: any;
+    private grist;
+    get context(): {
+        title: any;
+        actions: ({
+            title: string;
+            icon: string;
+            action: () => void;
+        } | {
+            icon: string;
+            emphasis: {
+                raised: boolean;
+                outlined: boolean;
+                dense: boolean;
+                danger: boolean;
+            };
+            title: string;
+            action: () => Promise<void>;
+        })[];
+    };
+    pageUpdated(changes: any, lifecycle: any): Promise<void>;
+    private seatPlans;
+    private read;
+    private blank;
+    render(): import("lit-html").TemplateResult<1>;
+    private configOf;
+    fetchHandler(): Promise<{
+        total: any;
+        records: any;
+    }>;
+    private openBill;
+    private save;
+    /** The admins are a field of the account - the grid's rows, less the deleted, saved as its list. */
+    private saveAdmins;
+}
+export {};