npm - @things-factory/tax-invoice - Versions diffs - 10.1.122 → 10.1.127 - Mend

@things-factory/tax-invoice 10.1.122 → 10.1.127

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (69) hide show

package/dist-client/bootstrap.js CHANGED Viewed

@@ -1,2 +1,5 @@
-export default function bootstrap() { }
+import { registerTaxInvoiceKind } from './entity360/tax-invoice-360.js';
+export default function bootstrap() {
+    registerTaxInvoiceKind();
+}
 //# sourceMappingURL=bootstrap.js.map

package/dist-client/bootstrap.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"bootstrap.js","sourceRoot":"","sources":["../client/bootstrap.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,SAAS,~~KAAI~~,CAAC","sourcesContent":["~~export~~ default function bootstrap() {}\n"]}
1	+ {"version":3,"file":"bootstrap.js","sourceRoot":"","sources":["../client/bootstrap.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAA;AAEvE,MAAM,CAAC,OAAO,UAAU,SAAS;IAC/B,sBAAsB,EAAE,CAAA;AAC1B,CAAC","sourcesContent":["import { registerTaxInvoiceKind } from './entity360/tax-invoice-360.js'\n\nexport default function bootstrap() {\n registerTaxInvoiceKind()\n}\n"]}

package/dist-client/entity360/tax-invoice-360.d.ts ADDED Viewed

@@ -0,0 +1,54 @@
+import { LitElement } from 'lit';
+import { type Entity360DoorAnswer, type Entity360Subject } from '@operato/layout';
+type Invoice = {
+    id: string;
+    category: string;
+    approvalNo?: string;
+    originalApprovalNo?: string;
+    issueDate?: string;
+    signatureDate?: string;
+    transmissionDate?: string;
+    invoiceType?: string;
+    purpose?: string;
+    issueChannel?: string;
+    remark0?: string;
+    supplierBusinessRegistrationNumber?: string;
+    supplierBusinessName?: string;
+    supplierRepresentativeName?: string;
+    buyerBusinessRegistrationNumber?: string;
+    buyerBusinessName?: string;
+    buyerRepresentativeName?: string;
+    supplyAmount?: number;
+    taxAmount?: number;
+    totalAmount?: number;
+    taxInvoiceItems?: {
+        sequence?: number;
+        supplyDate?: string;
+        itemName?: string;
+        specification?: string;
+        quantity?: number;
+        unitPrice?: number;
+        supplyPrice?: number;
+        taxPrice?: number;
+    }[];
+};
+/** 1234567890 → 123-45-67890; anything else as it is. */
+export declare const businessNumber: (value?: string) => string;
+/** The other party: the buyer of a sale, the supplier of a purchase. */
+export declare const counterpartOf: (value: {
+    category?: string;
+    supplierBusinessName?: string;
+    buyerBusinessName?: string;
+}) => string;
+/** Applications may use their own domain-scoped ledger read door without granting framework privileges. */
+export declare function configureTaxInvoice360Query(field: string): void;
+export declare function registerTaxInvoiceKind(): void;
+export declare class TaxInvoiceOverviewSection extends LitElement {
+    static styles: import("lit").CSSResult;
+    subject?: Entity360Subject;
+    answer?: Entity360DoorAnswer<Invoice | undefined>;
+    updated(changed: Map<string, unknown>): void;
+    private read;
+    render(): import("lit-html").TemplateResult<1>;
+}
+export {};

package/dist-client/entity360/tax-invoice-360.js ADDED Viewed

@@ -0,0 +1,194 @@
+import { __decorate, __metadata } from "tslib";
+import gql from 'graphql-tag';
+import { css, html, LitElement } from 'lit';
+import { customElement, property, state } from 'lit/decorators.js';
+import { client } from '@operato/graphql';
+import { i18next } from '@operato/i18n';
+import { readEntity360Door, registerEntity360Kind, registerEntity360Section } from '@operato/layout';
+import { CATEGORY, Category, INVOICE_TYPE, PURPOSE } from '../pages/tax-invoice/tax-invoice-list-page';
+/** 1234567890 → 123-45-67890; anything else as it is. */
+export const businessNumber = (value) => (value && /^\d{10}$/.test(value) ? value.replace(/(\d{3})(\d{2})(\d{5})/, '$1-$2-$3') : value || '');
+const amount = (value) => (value === null || value === undefined ? '' : Number(value).toLocaleString(i18next.language || 'ko'));
+/** The other party: the buyer of a sale, the supplier of a purchase. */
+export const counterpartOf = (value) => (value.category === Category.EXPORT ? value.buyerBusinessName : value.supplierBusinessName) || '';
+let invoiceQueryField = 'taxInvoice';
+/** Applications may use their own domain-scoped ledger read door without granting framework privileges. */
+export function configureTaxInvoice360Query(field) {
+    if (!/^[A-Za-z_][A-Za-z0-9_]*$/.test(field))
+        throw new Error('Invalid invoice query field');
+    invoiceQueryField = field;
+}
+export function registerTaxInvoiceKind() {
+    registerEntity360Kind({
+        kind: 'tax-invoice',
+        typenames: ['TaxInvoice'],
+        title: ({ value }) => `${i18next.t('title.tax invoice')} · ${counterpartOf(value) || value.name || value.approvalNo || ''}`,
+        context: ({ value }) => [CATEGORY[value.category], value.issueDate, value.approvalNo].filter(Boolean).join(' · ')
+    });
+    registerEntity360Section('tax-invoice', {
+        name: 'overview',
+        order: 10,
+        render: subject => html `<tax-invoice-overview-section .subject=${subject}></tax-invoice-overview-section>`
+    });
+}
+let TaxInvoiceOverviewSection = class TaxInvoiceOverviewSection extends LitElement {
+    static { this.styles = css `
+    :host { font-size: var(--ui-t-body, 13px); line-height: 1.5; }
+    h4 { font: inherit; font-weight: 600; margin: 12px 0 4px; }
+    .info { font-size: var(--ui-t-body, 13px); margin-top: 0; }
+    .info th { width: 1%; padding: 6px 8px; background: var(--md-sys-color-surface-container, transparent); font-size: var(--ui-t-small, 11.5px); }
+    .info td { padding: 6px 8px; }
+    .info { border-top: 1px solid var(--md-sys-color-outline-variant); }
+    .items th { padding: 5px 6px; background: var(--md-sys-color-surface-container, transparent); }
+    .items td { padding: 7px 6px; }
+    th, .date { white-space: nowrap; }
+    .info td { overflow-wrap: anywhere; }
+    .secondary { display: block; color: var(--md-sys-color-on-surface-variant); font-size: var(--ui-t-small, 11.5px); }
+    .item-layout { container-type: inline-size; }
+    .items { table-layout: fixed; }
+    .items-wide { display: none; }
+    .items-wide .wide-name { width: 32%; }
+    .items-wide .wide-date { width: 90px; }
+    .items-wide .wide-spec { width: 8%; }
+    @container (min-width: 720px) {
+      .items-compact { display: none; }
+      .items-wide { display: table; }
+    }
+    .item-col { width: 58%; }
+    .item-name { overflow-wrap: anywhere; }
+    .total { font-weight: 600; }
+    dl {
+      margin: 0;
+      display: grid;
+      grid-template-columns: max-content 1fr;
+      gap: var(--spacing-small, 4px) var(--spacing-large, 12px);
+      font-size: var(--ui-t-body, 13px);
+    }
+    dt {
+      color: var(--md-sys-color-on-surface-variant);
+    }
+    dd {
+      margin: 0;
+      color: var(--md-sys-color-on-surface);
+      overflow-wrap: anywhere;
+      font-variant-numeric: tabular-nums;
+    }
+    table {
+      width: 100%;
+      margin-top: var(--spacing-medium, 8px);
+      border-collapse: collapse;
+      font-size: var(--ui-t-small, 11.5px);
+      font-variant-numeric: tabular-nums;
+      color: var(--md-sys-color-on-surface);
+    }
+    th {
+      text-align: left;
+      font-weight: normal;
+      color: var(--md-sys-color-on-surface-variant);
+    }
+    th,
+    td {
+      padding: var(--spacing-tiny, 2px) var(--spacing-small, 4px);
+      border-bottom: 1px solid var(--md-sys-color-outline-variant);
+      vertical-align: top;
+    }
+    .num {
+      text-align: right;
+      white-space: nowrap;
+    }
+  `; }
+    updated(changed) {
+        if (changed.has('subject'))
+            this.read();
+    }
+    async read() {
+        const id = this.subject?.id;
+        this.answer = undefined;
+        if (!id)
+            return;
+        let response;
+        try {
+            response = await client.query({
+                query: gql(`
+          query ($id: String!) {
+            taxInvoice: ${invoiceQueryField}(id: $id) {
+              id category approvalNo originalApprovalNo issueDate signatureDate transmissionDate invoiceType purpose issueChannel remark0
+              supplierBusinessRegistrationNumber supplierBusinessName supplierRepresentativeName
+              buyerBusinessRegistrationNumber buyerBusinessName buyerRepresentativeName
+              supplyAmount taxAmount totalAmount
+              taxInvoiceItems { sequence supplyDate itemName specification quantity unitPrice supplyPrice taxPrice }
+            }
+          }
+        `),
+                variables: { id },
+                fetchPolicy: 'no-cache',
+                errorPolicy: 'all'
+            });
+        }
+        catch (e) {
+            response = { data: null, errors: e?.graphQLErrors?.length ? e.graphQLErrors : [{ message: e?.message ?? String(e) }] };
+        }
+        if (this.subject?.id !== id)
+            return;
+        this.answer = readEntity360Door(response, data => data?.taxInvoice);
+    }
+    render() {
+        const answer = this.answer;
+        const one = answer?.data;
+        const t = (key) => i18next.t(key);
+        const items = [...(one?.taxInvoiceItems ?? [])].sort((a, b) => (a.sequence ?? 0) - (b.sequence ?? 0));
+        return html `<ox-entity360-section .heading=${t('title.tax invoice')} .state=${answer?.state ?? 'loading'} .message=${answer?.message ?? ''}>
+      ${one
+            ? html `
+            <table class="info" aria-label=${t('title.tax invoice')}>
+              <tbody>
+                <tr><th>${t('field.tax invoice category')}</th><td colspan="3">${CATEGORY[one.category] ?? one.category} · ${INVOICE_TYPE[one.invoiceType] ?? one.invoiceType} · ${PURPOSE[one.purpose] ?? ''}</td></tr>
+                <tr><th>${t('field.approval no')}</th><td colspan="3">${one.approvalNo}</td></tr>
+                ${one.originalApprovalNo ? html `<tr><th>${t('field.original approval no')}</th><td colspan="3">${one.originalApprovalNo}</td></tr>` : ''}
+                <tr><th>${t('field.issue date')}</th><td class="date">${one.issueDate}</td><th>${t('field.signature date')}</th><td class="date">${one.signatureDate ?? '—'}</td></tr>
+                <tr><th>${t('field.transmission date')}</th><td class="date">${one.transmissionDate ?? '—'}</td><th>${t('field.issue channel')}</th><td>${one.issueChannel ?? '—'}</td></tr>
+                <tr><th>${t('field.tax invoice supplier')}</th><td colspan="3">${one.supplierBusinessName}<span class="secondary">${businessNumber(one.supplierBusinessRegistrationNumber)} · ${one.supplierRepresentativeName ?? ''}</span></td></tr>
+                <tr><th>${t('field.tax invoice buyer')}</th><td colspan="3">${one.buyerBusinessName}<span class="secondary">${businessNumber(one.buyerBusinessRegistrationNumber)} · ${one.buyerRepresentativeName ?? ''}</span></td></tr>
+                <tr><th>${t('field.supply amount')}</th><td class="num">${amount(one.supplyAmount)}</td><th>${t('field.tax amount')}</th><td class="num">${amount(one.taxAmount)}</td></tr>
+                <tr><th>${t('field.total amount')}</th><td colspan="3" class="num total">${amount(one.totalAmount)}</td></tr>
+                ${one.remark0 ? html `<tr><th>${t('field.remark0')}</th><td colspan="3">${one.remark0}</td></tr>` : ''}
+              </tbody>
+            </table>
+            ${items.length ? html `<h4>${t('field.tax invoice item name')} (${items.length})</h4>
+              <div class="item-layout"><table class="items items-compact"><colgroup><col class="item-col"/><col/><col/></colgroup>
+                <thead><tr><th>${t('field.tax invoice item name')}</th><th class="num">${t('field.supply amount')}</th><th class="num">${t('field.tax amount')}</th></tr></thead>
+                <tbody>${items.map(item => html `<tr>
+                  <td><span class="item-name">${item.itemName ?? ''}</span><span class="secondary">${item.supplyDate ?? ''}${item.specification ? html ` · ${item.specification}` : ''}</span><span class="secondary">${t('field.tax invoice quantity')} ${amount(item.quantity)} · ${t('field.tax invoice price')} ${amount(item.unitPrice)}</span></td>
+                  <td class="num">${amount(item.supplyPrice)}</td><td class="num">${amount(item.taxPrice)}</td>
+                </tr>`)}</tbody>
+              </table>
+              <table class="items items-wide">
+                <colgroup><col class="wide-date"/><col class="wide-name"/><col class="wide-spec"/><col/><col/><col/><col/></colgroup>
+                <thead><tr>
+                  <th>${t('field.tax invoice supply date')}</th><th>${t('field.tax invoice item name')}</th><th>${t('field.tax invoice ea')}</th>
+                  <th class="num">${t('field.tax invoice quantity')}</th><th class="num">${t('field.tax invoice price')}</th><th class="num">${t('field.supply amount')}</th><th class="num">${t('field.tax amount')}</th>
+                </tr></thead>
+                <tbody>${items.map(item => html `<tr>
+                  <td class="date">${item.supplyDate ?? ''}</td><td class="item-name">${item.itemName ?? ''}</td><td>${item.specification ?? ''}</td>
+                  <td class="num">${amount(item.quantity)}</td><td class="num">${amount(item.unitPrice)}</td><td class="num">${amount(item.supplyPrice)}</td><td class="num">${amount(item.taxPrice)}</td>
+                </tr>`)}</tbody>
+              </table></div>` : ''}`
+            : ''}
+    </ox-entity360-section>`;
+    }
+};
+__decorate([
+    property({ attribute: false }),
+    __metadata("design:type", Object)
+], TaxInvoiceOverviewSection.prototype, "subject", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], TaxInvoiceOverviewSection.prototype, "answer", void 0);
+TaxInvoiceOverviewSection = __decorate([
+    customElement('tax-invoice-overview-section')
+], TaxInvoiceOverviewSection);
+export { TaxInvoiceOverviewSection };
+//# sourceMappingURL=tax-invoice-360.js.map

package/dist-client/entity360/tax-invoice-360.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"tax-invoice-360.js","sourceRoot":"","sources":["../../client/entity360/tax-invoice-360.ts"],"names":[],"mappings":"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","sourcesContent":["import gql from 'graphql-tag'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport { client } from '@operato/graphql'\nimport { i18next } from '@operato/i18n'\nimport { readEntity360Door, registerEntity360Kind, registerEntity360Section, type Entity360DoorAnswer, type Entity360Subject } from '@operato/layout'\n\nimport { CATEGORY, Category, INVOICE_TYPE, PURPOSE } from '../pages/tax-invoice/tax-invoice-list-page'\n\n/*\n * A tax invoice's 360 (ADR-0067). The framework draws the invoice itself — parties, amounts, items.\n * An application adds its own sections (what the invoice is bound to) with registerEntity360Section('tax-invoice', …).\n */\n\ntype Invoice = {\n id: string\n category: string\n approvalNo?: string\n originalApprovalNo?: string\n issueDate?: string\n signatureDate?: string\n transmissionDate?: string\n invoiceType?: string\n purpose?: string\n issueChannel?: string\n remark0?: string\n supplierBusinessRegistrationNumber?: string\n supplierBusinessName?: string\n supplierRepresentativeName?: string\n buyerBusinessRegistrationNumber?: string\n buyerBusinessName?: string\n buyerRepresentativeName?: string\n supplyAmount?: number\n taxAmount?: number\n totalAmount?: number\n taxInvoiceItems?: { sequence?: number; supplyDate?: string; itemName?: string; specification?: string; quantity?: number; unitPrice?: number; supplyPrice?: number; taxPrice?: number }[]\n}\n\n/** 1234567890 → 123-45-67890; anything else as it is. */\nexport const businessNumber = (value?: string) => (value && /^\\d{10}$/.test(value) ? value.replace(/(\\d{3})(\\d{2})(\\d{5})/, '$1-$2-$3') : value || '')\n\nconst amount = (value?: number | null) => (value === null || value === undefined ? '' : Number(value).toLocaleString(i18next.language || 'ko'))\n\n/** The other party: the buyer of a sale, the supplier of a purchase. */\nexport const counterpartOf = (value: { category?: string; supplierBusinessName?: string; buyerBusinessName?: string }) =>\n (value.category === Category.EXPORT ? value.buyerBusinessName : value.supplierBusinessName) || ''\n\nlet invoiceQueryField = 'taxInvoice'\n/** Applications may use their own domain-scoped ledger read door without granting framework privileges. */\nexport function configureTaxInvoice360Query(field: string): void {\n if (!/^[A-Za-z_][A-Za-z0-9_]*$/.test(field)) throw new Error('Invalid invoice query field')\n invoiceQueryField = field\n}\n\nexport function registerTaxInvoiceKind() {\n registerEntity360Kind({\n kind: 'tax-invoice',\n typenames: ['TaxInvoice'],\n title: ({ value }) => `${i18next.t('title.tax invoice')} · ${counterpartOf(value) || value.name || value.approvalNo || ''}`,\n context: ({ value }) => [CATEGORY[value.category], value.issueDate, value.approvalNo].filter(Boolean).join(' · ')\n })\n registerEntity360Section('tax-invoice', {\n name: 'overview',\n order: 10,\n render: subject => html`<tax-invoice-overview-section .subject=${subject}></tax-invoice-overview-section>`\n })\n}\n\n@customElement('tax-invoice-overview-section')\nexport class TaxInvoiceOverviewSection extends LitElement {\n static styles = css`\n :host { font-size: var(--ui-t-body, 13px); line-height: 1.5; }\n h4 { font: inherit; font-weight: 600; margin: 12px 0 4px; }\n .info { font-size: var(--ui-t-body, 13px); margin-top: 0; }\n .info th { width: 1%; padding: 6px 8px; background: var(--md-sys-color-surface-container, transparent); font-size: var(--ui-t-small, 11.5px); }\n .info td { padding: 6px 8px; }\n .info { border-top: 1px solid var(--md-sys-color-outline-variant); }\n .items th { padding: 5px 6px; background: var(--md-sys-color-surface-container, transparent); }\n .items td { padding: 7px 6px; }\n\n th, .date { white-space: nowrap; }\n .info td { overflow-wrap: anywhere; }\n .secondary { display: block; color: var(--md-sys-color-on-surface-variant); font-size: var(--ui-t-small, 11.5px); }\n .item-layout { container-type: inline-size; }\n .items { table-layout: fixed; }\n .items-wide { display: none; }\n .items-wide .wide-name { width: 32%; }\n .items-wide .wide-date { width: 90px; }\n .items-wide .wide-spec { width: 8%; }\n @container (min-width: 720px) {\n .items-compact { display: none; }\n .items-wide { display: table; }\n }\n .item-col { width: 58%; }\n .item-name { overflow-wrap: anywhere; }\n .total { font-weight: 600; }\n\n dl {\n margin: 0;\n display: grid;\n grid-template-columns: max-content 1fr;\n gap: var(--spacing-small, 4px) var(--spacing-large, 12px);\n font-size: var(--ui-t-body, 13px);\n }\n dt {\n color: var(--md-sys-color-on-surface-variant);\n }\n dd {\n margin: 0;\n color: var(--md-sys-color-on-surface);\n overflow-wrap: anywhere;\n font-variant-numeric: tabular-nums;\n }\n table {\n width: 100%;\n margin-top: var(--spacing-medium, 8px);\n border-collapse: collapse;\n font-size: var(--ui-t-small, 11.5px);\n font-variant-numeric: tabular-nums;\n color: var(--md-sys-color-on-surface);\n }\n th {\n text-align: left;\n font-weight: normal;\n color: var(--md-sys-color-on-surface-variant);\n }\n th,\n td {\n padding: var(--spacing-tiny, 2px) var(--spacing-small, 4px);\n border-bottom: 1px solid var(--md-sys-color-outline-variant);\n vertical-align: top;\n }\n .num {\n text-align: right;\n white-space: nowrap;\n }\n `\n\n @property({ attribute: false }) subject?: Entity360Subject\n @state() answer?: Entity360DoorAnswer<Invoice | undefined>\n\n updated(changed: Map<string, unknown>) {\n if (changed.has('subject')) this.read()\n }\n\n private async read() {\n const id = this.subject?.id\n this.answer = undefined\n if (!id) return\n let response: any\n try {\n response = await client.query({\n query: gql(`\n query ($id: String!) {\n taxInvoice: ${invoiceQueryField}(id: $id) {\n id category approvalNo originalApprovalNo issueDate signatureDate transmissionDate invoiceType purpose issueChannel remark0\n supplierBusinessRegistrationNumber supplierBusinessName supplierRepresentativeName\n buyerBusinessRegistrationNumber buyerBusinessName buyerRepresentativeName\n supplyAmount taxAmount totalAmount\n taxInvoiceItems { sequence supplyDate itemName specification quantity unitPrice supplyPrice taxPrice }\n }\n }\n `),\n variables: { id },\n fetchPolicy: 'no-cache',\n errorPolicy: 'all'\n } as any)\n } catch (e: any) {\n response = { data: null, errors: e?.graphQLErrors?.length ? e.graphQLErrors : [{ message: e?.message ?? String(e) }] }\n }\n if (this.subject?.id !== id) return\n this.answer = readEntity360Door(response, data => data?.taxInvoice)\n }\n\n render() {\n const answer = this.answer\n const one = answer?.data\n const t = (key: string) => i18next.t(key)\n const items = [...(one?.taxInvoiceItems ?? [])].sort((a, b) => (a.sequence ?? 0) - (b.sequence ?? 0))\n return html`<ox-entity360-section .heading=${t('title.tax invoice')} .state=${answer?.state ?? 'loading'} .message=${answer?.message ?? ''}>\n ${one\n ? html`\n <table class=\"info\" aria-label=${t('title.tax invoice')}>\n <tbody>\n <tr><th>${t('field.tax invoice category')}</th><td colspan=\"3\">${CATEGORY[one.category] ?? one.category} · ${INVOICE_TYPE[one.invoiceType!] ?? one.invoiceType} · ${PURPOSE[one.purpose!] ?? ''}</td></tr>\n <tr><th>${t('field.approval no')}</th><td colspan=\"3\">${one.approvalNo}</td></tr>\n ${one.originalApprovalNo ? html`<tr><th>${t('field.original approval no')}</th><td colspan=\"3\">${one.originalApprovalNo}</td></tr>` : ''}\n <tr><th>${t('field.issue date')}</th><td class=\"date\">${one.issueDate}</td><th>${t('field.signature date')}</th><td class=\"date\">${one.signatureDate ?? '—'}</td></tr>\n <tr><th>${t('field.transmission date')}</th><td class=\"date\">${one.transmissionDate ?? '—'}</td><th>${t('field.issue channel')}</th><td>${one.issueChannel ?? '—'}</td></tr>\n <tr><th>${t('field.tax invoice supplier')}</th><td colspan=\"3\">${one.supplierBusinessName}<span class=\"secondary\">${businessNumber(one.supplierBusinessRegistrationNumber)} · ${one.supplierRepresentativeName ?? ''}</span></td></tr>\n <tr><th>${t('field.tax invoice buyer')}</th><td colspan=\"3\">${one.buyerBusinessName}<span class=\"secondary\">${businessNumber(one.buyerBusinessRegistrationNumber)} · ${one.buyerRepresentativeName ?? ''}</span></td></tr>\n <tr><th>${t('field.supply amount')}</th><td class=\"num\">${amount(one.supplyAmount)}</td><th>${t('field.tax amount')}</th><td class=\"num\">${amount(one.taxAmount)}</td></tr>\n <tr><th>${t('field.total amount')}</th><td colspan=\"3\" class=\"num total\">${amount(one.totalAmount)}</td></tr>\n ${one.remark0 ? html`<tr><th>${t('field.remark0')}</th><td colspan=\"3\">${one.remark0}</td></tr>` : ''}\n </tbody>\n </table>\n ${items.length ? html`<h4>${t('field.tax invoice item name')} (${items.length})</h4>\n <div class=\"item-layout\"><table class=\"items items-compact\"><colgroup><col class=\"item-col\"/><col/><col/></colgroup>\n <thead><tr><th>${t('field.tax invoice item name')}</th><th class=\"num\">${t('field.supply amount')}</th><th class=\"num\">${t('field.tax amount')}</th></tr></thead>\n <tbody>${items.map(item => html`<tr>\n <td><span class=\"item-name\">${item.itemName ?? ''}</span><span class=\"secondary\">${item.supplyDate ?? ''}${item.specification ? html` · ${item.specification}` : ''}</span><span class=\"secondary\">${t('field.tax invoice quantity')} ${amount(item.quantity)} · ${t('field.tax invoice price')} ${amount(item.unitPrice)}</span></td>\n <td class=\"num\">${amount(item.supplyPrice)}</td><td class=\"num\">${amount(item.taxPrice)}</td>\n </tr>`)}</tbody>\n </table>\n <table class=\"items items-wide\">\n <colgroup><col class=\"wide-date\"/><col class=\"wide-name\"/><col class=\"wide-spec\"/><col/><col/><col/><col/></colgroup>\n <thead><tr>\n <th>${t('field.tax invoice supply date')}</th><th>${t('field.tax invoice item name')}</th><th>${t('field.tax invoice ea')}</th>\n <th class=\"num\">${t('field.tax invoice quantity')}</th><th class=\"num\">${t('field.tax invoice price')}</th><th class=\"num\">${t('field.supply amount')}</th><th class=\"num\">${t('field.tax amount')}</th>\n </tr></thead>\n <tbody>${items.map(item => html`<tr>\n <td class=\"date\">${item.supplyDate ?? ''}</td><td class=\"item-name\">${item.itemName ?? ''}</td><td>${item.specification ?? ''}</td>\n <td class=\"num\">${amount(item.quantity)}</td><td class=\"num\">${amount(item.unitPrice)}</td><td class=\"num\">${amount(item.supplyPrice)}</td><td class=\"num\">${amount(item.taxPrice)}</td>\n </tr>`)}</tbody>\n </table></div>` : ''}`\n : ''}\n </ox-entity360-section>`\n }\n}\n"]}

package/dist-client/pages/tax-invoice/tax-invoice-list-page.d.ts CHANGED Viewed

@@ -16,6 +16,7 @@ export declare enum InvoiceType {
     'TAX_INVOICE' = "0101",
     'SMALL_BUSINESS_TAX_INVOICE' = "0102",
     'CONSIGNMENT_TAX_INVOICE' = "0103",
+    'IMPORT_TAX_INVOICE' = "0104",
     'SMALL_BUSINESS_CONSIGNMENT_TAX_INVOICE' = "0105",
     'REVISED_TAX_INVOICE' = "0201",
     'REVISED_SMALL_BUSINESS_TAX_INVOICE' = "0202",
@@ -33,6 +34,7 @@ export declare const INVOICE_TYPE: {
     "0101": string;
     "0102": string;
     "0103": string;
+    "0104": string;
     "0105": string;
     "0201": string;
     "0202": string;

package/dist-client/pages/tax-invoice/tax-invoice-list-page.js CHANGED Viewed

@@ -27,6 +27,7 @@ export var InvoiceType;
     InvoiceType["TAX_INVOICE"] = "0101";
     InvoiceType["SMALL_BUSINESS_TAX_INVOICE"] = "0102";
     InvoiceType["CONSIGNMENT_TAX_INVOICE"] = "0103";
+    InvoiceType["IMPORT_TAX_INVOICE"] = "0104";
     InvoiceType["SMALL_BUSINESS_CONSIGNMENT_TAX_INVOICE"] = "0105";
     InvoiceType["REVISED_TAX_INVOICE"] = "0201";
     InvoiceType["REVISED_SMALL_BUSINESS_TAX_INVOICE"] = "0202";
@@ -44,6 +45,7 @@ export const INVOICE_TYPE = {
     [InvoiceType.TAX_INVOICE]: '일반 전자세금계산서',
     [InvoiceType.SMALL_BUSINESS_TAX_INVOICE]: '영세율 전자세금계산서',
     [InvoiceType.CONSIGNMENT_TAX_INVOICE]: '위수탁 전자세금계산서',
+    [InvoiceType.IMPORT_TAX_INVOICE]: '수입 전자세금계산서',
     [InvoiceType.SMALL_BUSINESS_CONSIGNMENT_TAX_INVOICE]: '영세율 위수탁 전자세금계산서',
     [InvoiceType.REVISED_TAX_INVOICE]: '수정 일반 전자세금계산서',
     [InvoiceType.REVISED_SMALL_BUSINESS_TAX_INVOICE]: '수정 영세율 전자세금계산서',

package/dist-client/pages/tax-invoice/tax-invoice-list-page.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tax-invoice-list-page.js","sourceRoot":"","sources":["../../../client/pages/tax-invoice/tax-invoice-list-page.ts"],"names":[],"mappings":"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","sourcesContent":["import '@operato/data-grist'\n\nimport { CommonButtonStyles, CommonHeaderStyles, CommonGristStyles, ScrollbarStyles } from '@operato/styles'\nimport { PageView } from '@operato/shell'\nimport { css, html } from 'lit'\nimport { customElement, property, state, query } from 'lit/decorators.js'\nimport { ScopedElementsMixin } from '@open-wc/scoped-elements'\nimport { DataGrist, FetchOption } from '@operato/data-grist'\nimport { client } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { notify, openPopup } from '@operato/layout'\nimport { OxPrompt } from '@operato/popup'\nimport { isMobileDevice } from '@operato/utils'\nimport gql from 'graphql-tag'\n\nimport './tax-invoice-detail-popup'\n\nexport enum Category {\n EXPORT = '10',\n IMPORT = '20',\n NTS = '30'\n}\nexport const CATEGORY = {\n [Category.EXPORT]: '매출',\n [Category.IMPORT]: '매입',\n [Category.NTS]: 'NTS'\n}\n\nexport enum InvoiceType {\n 'TAX_INVOICE' = '0101',\n 'SMALL_BUSINESS_TAX_INVOICE' = '0102',\n 'CONSIGNMENT_TAX_INVOICE' = '0103',\n 'SMALL_BUSINESS_CONSIGNMENT_TAX_INVOICE' = '0105',\n 'REVISED_TAX_INVOICE' = '0201',\n 'REVISED_SMALL_BUSINESS_TAX_INVOICE' = '0202',\n 'REVISED_CONSIGNMENT_TAX_INVOICE' = '0203',\n 'REVISED_IMPORT_TAX_INVOICE' = '0204',\n 'REVISED_SMALL_BUSINESS_CONSIGNMENT_TAX_INVOICE' = '0205',\n 'INVOICE' = '0301',\n 'CONSIGNMENT_INVOICE' = '0303',\n 'IMPORT_INVOICE' = '0304',\n 'REVISED_INVOICE' = '0401',\n 'REVISED_CONSIGNMENT_INVOICE' = '0403',\n 'REVISED_IMPORT_INVOICE' = '0404'\n}\nexport const INVOICE_TYPE = {\n [InvoiceType.TAX_INVOICE]: '일반 전자세금계산서',\n [InvoiceType.SMALL_BUSINESS_TAX_INVOICE]: '영세율 전자세금계산서',\n [InvoiceType.CONSIGNMENT_TAX_INVOICE]: '위수탁 전자세금계산서',\n [InvoiceType.SMALL_BUSINESS_CONSIGNMENT_TAX_INVOICE]: '영세율 위수탁 전자세금계산서',\n [InvoiceType.REVISED_TAX_INVOICE]: '수정 일반 전자세금계산서',\n [InvoiceType.REVISED_SMALL_BUSINESS_TAX_INVOICE]: '수정 영세율 전자세금계산서',\n [InvoiceType.REVISED_CONSIGNMENT_TAX_INVOICE]: '수정 위수탁 전자세금계산서',\n [InvoiceType.REVISED_IMPORT_TAX_INVOICE]: '수정 수입 전자세금계산서',\n [InvoiceType.REVISED_SMALL_BUSINESS_CONSIGNMENT_TAX_INVOICE]: '수정 영세율 위수탁 전자세금계산서',\n [InvoiceType.INVOICE]: '일반 전자계산서',\n [InvoiceType.CONSIGNMENT_INVOICE]: '위수탁 전자계산서',\n [InvoiceType.IMPORT_INVOICE]: '수입 전자계산서',\n [InvoiceType.REVISED_INVOICE]: '수정 일반 전자계산서',\n [InvoiceType.REVISED_CONSIGNMENT_INVOICE]: '수정 위수탁 전자계산서',\n [InvoiceType.REVISED_IMPORT_INVOICE]: '수정 수입 전자계산서'\n}\n\nexport enum Purpose {\n RECEIPT = '01',\n INVOICE = '02'\n}\nexport const PURPOSE = {\n [Purpose.RECEIPT]: '영수',\n [Purpose.INVOICE]: '청구'\n}\n\nexport enum BusinessRegistrationCategory {\n BUSINESS_REGISTRATION_NUMBER = '01', // 사업자등록번호\n RESIDENT_REGISTRATION_NUMBER = '02', // 주민등록번호\n FOREIGNER_REGISTRATION_NUMBER = '03' // 외국인등록번호\n}\nexport const BUSINESS_REGISTRATION_CATEGORY = {\n [BusinessRegistrationCategory.BUSINESS_REGISTRATION_NUMBER]: '사업자등록번호',\n [BusinessRegistrationCategory.RESIDENT_REGISTRATION_NUMBER]: '주민등록번호',\n [BusinessRegistrationCategory.FOREIGNER_REGISTRATION_NUMBER]: '외국인'\n}\n\n@customElement('tax-invoice-list-page')\nexport class TaxInvoiceListPage extends localize(i18next)(ScopedElementsMixin(PageView)) {\n static styles = [\n ScrollbarStyles,\n CommonGristStyles,\n CommonHeaderStyles,\n css`\n :host {\n display: flex;\n flex-direction: column;\n\n width: 100%;\n\n --grid-record-emphasized-background-color: red;\n --grid-record-emphasized-color: yellow;\n }\n\n div.summary {\n display: grid;\n grid-template-columns: 0.7fr 1fr 0.7fr 1fr 0.7fr 1fr 0.7fr 1fr;\n border: solid #d3dbe5;\n border-width: 2px 0;\n margin: 15px 40px;\n align-content: center;\n\n span.title {\n background-color: #e9edf6;\n text-align: center;\n display: flex;\n align-items: center;\n justify-content: center;\n height: 35px;\n font-weight: bold;\n }\n span.value {\n padding-left: 10px;\n display: flex;\n align-items: center;\n height: 35px;\n }\n }\n\n ox-grist {\n overflow-y: auto;\n flex: 1;\n }\n\n ox-filters-form {\n flex: 1;\n }\n `\n ]\n\n @property({ type: Object }) gristConfig: any\n @state() summary: { cnt: number; total_amount: number; supply_amount: number; tax_amount: number } \| null = null\n\n @query('ox-grist') private grist!: DataGrist\n\n get context() {\n return {\n /\n Full text search sits in the title bar, the way these applications carry it\n * (ADR-0060 decision 9; user instruction 2026-09-18 - framework screens included).\n * It searches the columns that declare a search filter.\n */\n search: {\n handler: (search: string) => {\n this.grist.searchText = search\n },\n value: this.grist?.searchText \|\| ''\n },\n title: i18next.t('title.tax invoice list'),\n help: 'tax-invoice/tax-invoice',\n actions: [\n {\n title: i18next.t('button.memo save'),\n action: this._updateTaxInvoice.bind(this),\n ...CommonButtonStyles.save\n }\n ],\n exportable: {\n name: i18next.t('title.tax invoice list'),\n data: this.exportHandler.bind(this),\n accept: ['xlsx']\n }\n }\n }\n\n render() {\n const mode = 'GRID'\n const summary = this.summary\n\n return html`\n <div class=\"summary\">\n <span class=\"title\">${i18next.t('field.summary total count')}</span>\n <span class=\"value\">${this._numberFormat(summary?.cnt)}</span>\n <span class=\"title\">${i18next.t('field.summary total amount')}</span>\n <span class=\"value\">${this._numberFormat(summary?.total_amount)}</span>\n <span class=\"title\">${i18next.t('field.summary supply amount')}</span>\n <span class=\"value\">${this._numberFormat(summary?.supply_amount)}</span>\n <span class=\"title\">${i18next.t('field.summary tax amount')}</span>\n <span class=\"value\">${this._numberFormat(summary?.tax_amount)}</span>\n </div>\n\n <ox-grist .mode=${mode} .config=${this.gristConfig} .fetchHandler=${this.fetchHandler.bind(this)}>\n <div slot=\"headroom\" class=\"header\">\n <div class=\"filters\">\n <ox-filters-form without-search autofocus></ox-filters-form>\n </div>\n </div>\n </ox-grist>\n `\n }\n\n async pageInitialized(lifecycle: any) {\n this.gristConfig = {\n columns: [\n { type: 'gutter', gutterName: 'sequence' },\n { type: 'gutter', gutterName: 'row-selector', multiple: true },\n {\n type: 'gutter',\n gutterName: 'button',\n icon: 'reorder',\n handlers: {\n click: (columns, data, column, record, rowIndex) => {\n this.openDetailPopup(record.id)\n }\n }\n },\n {\n type: 'string',\n name: 'memo',\n header: i18next.t('field.memo'),\n record: {\n editable: true\n },\n filter: 'search',\n width: 150\n },\n {\n type: 'string',\n name: 'category',\n header: i18next.t('field.tax invoice category'),\n record: {\n renderer: value => CATEGORY[value],\n classifier: function (record, rowIndex) {\n return {\n emphasized: record.category === Category.EXPORT ? ['#c6daf6', 'black'] : ['#fedbde', 'black']\n }\n },\n align: 'center'\n },\n filter: {\n type: 'select',\n value: Category.EXPORT,\n options: () => [\n {\n display: '전체',\n value: ''\n },\n {\n display: '매출',\n value: Category.EXPORT\n },\n {\n display: '매입',\n value: Category.IMPORT\n }\n ]\n },\n width: 80\n },\n {\n type: 'date',\n name: 'isMatched',\n header: i18next.t('field.is matched'),\n record: {\n align: 'center',\n renderer: value => (value ? 'Y' : '')\n },\n width: 80\n },\n {\n type: 'date',\n name: 'issueDate',\n header: i18next.t('field.issue date'),\n record: {\n align: 'center'\n },\n filter: {\n type: 'date',\n operator: 'between'\n },\n width: 120\n },\n {\n type: 'date',\n name: 'signatureDate',\n header: i18next.t('field.signature date'),\n record: {\n align: 'center'\n },\n width: 120\n },\n {\n type: 'string',\n name: 'supplierBusinessRegistrationNumber',\n header: i18next.t('field.supplier business registration number'),\n record: {\n align: 'center',\n renderer: value => value.replace(/(\\d{3})(\\d{2})(\\d{5})/g, '$1-$2-$3')\n },\n width: 150\n },\n {\n type: 'string',\n name: 'supplierBusinessName',\n header: i18next.t('field.supplier business name'),\n record: {\n align: 'center'\n },\n width: 140\n },\n {\n type: 'string',\n name: 'supplierRepresentativeName',\n header: i18next.t('field.supplier representative name'),\n record: {\n align: 'center'\n },\n width: 120\n },\n {\n type: 'number',\n name: 'totalAmount',\n header: i18next.t('field.total amount'),\n record: {\n renderer: value => value && this._numberFormat(value),\n align: 'center'\n },\n width: 90\n },\n {\n type: 'number',\n name: 'supplyAmount',\n header: i18next.t('field.supply amount'),\n record: {\n renderer: value => value && this._numberFormat(value),\n align: 'center'\n },\n width: 90\n },\n {\n type: 'number',\n name: 'taxAmount',\n header: i18next.t('field.tax amount'),\n record: {\n renderer: value => value && this._numberFormat(value),\n align: 'center'\n },\n width: 90\n },\n {\n type: 'string',\n name: 'approvalNo',\n header: i18next.t('field.approval no'),\n record: {\n align: 'center',\n renderer: value => value.replace(/(\\S{8})(\\S{8})(\\S{8})/g, '$1-$2-$3')\n },\n width: 200\n },\n {\n type: 'string',\n name: 'invoiceType',\n header: i18next.t('field.invoice type'),\n record: {\n renderer: value => INVOICE_TYPE[value],\n align: 'center'\n },\n width: 130\n },\n {\n type: 'string',\n name: 'remark0',\n header: i18next.t('field.remark0'),\n record: {\n align: 'center'\n },\n width: 80\n },\n {\n type: 'string',\n name: 'purpose',\n header: i18next.t('field.purpose'),\n record: {\n renderer: value => PURPOSE[value],\n align: 'center'\n },\n width: 80\n },\n {\n type: 'string',\n name: 'supplierContactEmail',\n header: i18next.t('field.supplier contact email'),\n record: {\n align: 'center'\n },\n width: 140\n },\n {\n type: 'string',\n name: 'buyer1stContactEmail',\n header: i18next.t('field.buyer 1st contact email'),\n record: {\n align: 'center'\n },\n width: 140\n },\n {\n type: 'string',\n name: 'buyer2ndContactEmail',\n header: i18next.t('field.buyer 2nd contact email'),\n record: {\n align: 'center'\n },\n width: 140\n }\n ],\n rows: {\n selectable: {\n multiple: true\n },\n appendable: false\n },\n sorters: [\n {\n name: 'issueDate'\n }\n ]\n }\n }\n\n async pageUpdated(changes: any, lifecycle: any) {\n if (this.active) {\n // do something here when this page just became as active\n }\n }\n\n async fetchHandler({ page = 1, limit = 100, sortings = [], filters = [] }: FetchOption) {\n const response = await client.query({\n query: gql`\n query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!], $summaryFilters: [Filter!]) {\n taxInvoices(filters: $filters, pagination: $pagination, sortings: $sortings) {\n items {\n id\n memo\n category\n issueDate\n signatureDate\n supplierBusinessRegistrationNumber\n supplierBusinessName\n supplierRepresentativeName\n totalAmount\n supplyAmount\n taxAmount\n approvalNo\n invoiceType\n remark0\n purpose\n supplierContactEmail\n buyer1stContactEmail\n buyer2ndContactEmail\n isMatched\n updater {\n id\n name\n }\n updatedAt\n }\n total\n }\n taxInvoicesSummary(filters: $summaryFilters) {\n summary\n }\n }\n `,\n variables: {\n filters,\n pagination: { page, limit },\n sortings,\n summaryFilters: filters\n }\n })\n\n // 합계 필드 갱신\n this.summary = response.data.taxInvoicesSummary.summary\n\n return {\n total: response.data.taxInvoices.total \|\| 0,\n records: response.data.taxInvoices.items \|\| []\n }\n }\n\n async _updateTaxInvoice() {\n let patches = this.grist.dirtyRecords\n if (patches && patches.length) {\n patches = patches.map(patch => {\n let patchField: any = patch.id ? { id: patch.id } : {}\n const dirtyFields = patch.__dirtyfields__\n for (let key in dirtyFields) {\n patchField[key] = dirtyFields[key].after\n }\n patchField.cuFlag = patch.__dirty__\n\n return patchField\n })\n\n const response = await client.mutate({\n mutation: gql`\n mutation ($patches: [TaxInvoicePatch!]!) {\n updateMultipleTaxInvoice(patches: $patches) {\n id\n }\n }\n `,\n variables: {\n patches\n }\n })\n\n if (!response.errors) {\n this.grist.fetch()\n notify({ message: i18next.t('text.info_x_successfully', { x: i18next.t('text.save') }) })\n } else {\n notify({ message: i18next.t('error.fail-save'), level: 'error' })\n }\n }\n }\n\n async exportHandler() {\n const exportTargets = this.grist.selected.length ? this.grist.selected : this.grist.dirtyData.records\n const targetFieldSet = new Set(['id', 'name'])\n\n return exportTargets.map(taxInvoice => {\n let tempObj = {}\n for (const field of targetFieldSet) {\n tempObj[field] = taxInvoice[field]\n }\n\n return tempObj\n })\n }\n\n private openDetailPopup(id: string) {\n openPopup(html` <tax-invoice-detail-popup .taxInvoiceId=${id}> </tax-invoice-detail-popup>`, {\n backdrop: true,\n size: 'large',\n title: i18next.t('title.tax invoice detail')\n })\n }\n\n private _numberFormat = (num: number \| undefined) => Intl.NumberFormat('en-US').format(num \|\| 0)\n}\n"]}
1	+ {"version":3,"file":"tax-invoice-list-page.js","sourceRoot":"","sources":["../../../client/pages/tax-invoice/tax-invoice-list-page.ts"],"names":[],"mappings":"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","sourcesContent":["import '@operato/data-grist'\n\nimport { CommonButtonStyles, CommonHeaderStyles, CommonGristStyles, ScrollbarStyles } from '@operato/styles'\nimport { PageView } from '@operato/shell'\nimport { css, html } from 'lit'\nimport { customElement, property, state, query } from 'lit/decorators.js'\nimport { ScopedElementsMixin } from '@open-wc/scoped-elements'\nimport { DataGrist, FetchOption } from '@operato/data-grist'\nimport { client } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { notify, openPopup } from '@operato/layout'\nimport { OxPrompt } from '@operato/popup'\nimport { isMobileDevice } from '@operato/utils'\nimport gql from 'graphql-tag'\n\nimport './tax-invoice-detail-popup'\n\nexport enum Category {\n EXPORT = '10',\n IMPORT = '20',\n NTS = '30'\n}\nexport const CATEGORY = {\n [Category.EXPORT]: '매출',\n [Category.IMPORT]: '매입',\n [Category.NTS]: 'NTS'\n}\n\nexport enum InvoiceType {\n 'TAX_INVOICE' = '0101',\n 'SMALL_BUSINESS_TAX_INVOICE' = '0102',\n 'CONSIGNMENT_TAX_INVOICE' = '0103',\n 'IMPORT_TAX_INVOICE' = '0104',\n 'SMALL_BUSINESS_CONSIGNMENT_TAX_INVOICE' = '0105',\n 'REVISED_TAX_INVOICE' = '0201',\n 'REVISED_SMALL_BUSINESS_TAX_INVOICE' = '0202',\n 'REVISED_CONSIGNMENT_TAX_INVOICE' = '0203',\n 'REVISED_IMPORT_TAX_INVOICE' = '0204',\n 'REVISED_SMALL_BUSINESS_CONSIGNMENT_TAX_INVOICE' = '0205',\n 'INVOICE' = '0301',\n 'CONSIGNMENT_INVOICE' = '0303',\n 'IMPORT_INVOICE' = '0304',\n 'REVISED_INVOICE' = '0401',\n 'REVISED_CONSIGNMENT_INVOICE' = '0403',\n 'REVISED_IMPORT_INVOICE' = '0404'\n}\nexport const INVOICE_TYPE = {\n [InvoiceType.TAX_INVOICE]: '일반 전자세금계산서',\n [InvoiceType.SMALL_BUSINESS_TAX_INVOICE]: '영세율 전자세금계산서',\n [InvoiceType.CONSIGNMENT_TAX_INVOICE]: '위수탁 전자세금계산서',\n [InvoiceType.IMPORT_TAX_INVOICE]: '수입 전자세금계산서',\n [InvoiceType.SMALL_BUSINESS_CONSIGNMENT_TAX_INVOICE]: '영세율 위수탁 전자세금계산서',\n [InvoiceType.REVISED_TAX_INVOICE]: '수정 일반 전자세금계산서',\n [InvoiceType.REVISED_SMALL_BUSINESS_TAX_INVOICE]: '수정 영세율 전자세금계산서',\n [InvoiceType.REVISED_CONSIGNMENT_TAX_INVOICE]: '수정 위수탁 전자세금계산서',\n [InvoiceType.REVISED_IMPORT_TAX_INVOICE]: '수정 수입 전자세금계산서',\n [InvoiceType.REVISED_SMALL_BUSINESS_CONSIGNMENT_TAX_INVOICE]: '수정 영세율 위수탁 전자세금계산서',\n [InvoiceType.INVOICE]: '일반 전자계산서',\n [InvoiceType.CONSIGNMENT_INVOICE]: '위수탁 전자계산서',\n [InvoiceType.IMPORT_INVOICE]: '수입 전자계산서',\n [InvoiceType.REVISED_INVOICE]: '수정 일반 전자계산서',\n [InvoiceType.REVISED_CONSIGNMENT_INVOICE]: '수정 위수탁 전자계산서',\n [InvoiceType.REVISED_IMPORT_INVOICE]: '수정 수입 전자계산서'\n}\n\nexport enum Purpose {\n RECEIPT = '01',\n INVOICE = '02'\n}\nexport const PURPOSE = {\n [Purpose.RECEIPT]: '영수',\n [Purpose.INVOICE]: '청구'\n}\n\nexport enum BusinessRegistrationCategory {\n BUSINESS_REGISTRATION_NUMBER = '01', // 사업자등록번호\n RESIDENT_REGISTRATION_NUMBER = '02', // 주민등록번호\n FOREIGNER_REGISTRATION_NUMBER = '03' // 외국인등록번호\n}\nexport const BUSINESS_REGISTRATION_CATEGORY = {\n [BusinessRegistrationCategory.BUSINESS_REGISTRATION_NUMBER]: '사업자등록번호',\n [BusinessRegistrationCategory.RESIDENT_REGISTRATION_NUMBER]: '주민등록번호',\n [BusinessRegistrationCategory.FOREIGNER_REGISTRATION_NUMBER]: '외국인'\n}\n\n@customElement('tax-invoice-list-page')\nexport class TaxInvoiceListPage extends localize(i18next)(ScopedElementsMixin(PageView)) {\n static styles = [\n ScrollbarStyles,\n CommonGristStyles,\n CommonHeaderStyles,\n css`\n :host {\n display: flex;\n flex-direction: column;\n\n width: 100%;\n\n --grid-record-emphasized-background-color: red;\n --grid-record-emphasized-color: yellow;\n }\n\n div.summary {\n display: grid;\n grid-template-columns: 0.7fr 1fr 0.7fr 1fr 0.7fr 1fr 0.7fr 1fr;\n border: solid #d3dbe5;\n border-width: 2px 0;\n margin: 15px 40px;\n align-content: center;\n\n span.title {\n background-color: #e9edf6;\n text-align: center;\n display: flex;\n align-items: center;\n justify-content: center;\n height: 35px;\n font-weight: bold;\n }\n span.value {\n padding-left: 10px;\n display: flex;\n align-items: center;\n height: 35px;\n }\n }\n\n ox-grist {\n overflow-y: auto;\n flex: 1;\n }\n\n ox-filters-form {\n flex: 1;\n }\n `\n ]\n\n @property({ type: Object }) gristConfig: any\n @state() summary: { cnt: number; total_amount: number; supply_amount: number; tax_amount: number } \| null = null\n\n @query('ox-grist') private grist!: DataGrist\n\n get context() {\n return {\n /\n Full text search sits in the title bar, the way these applications carry it\n * (ADR-0060 decision 9; user instruction 2026-09-18 - framework screens included).\n * It searches the columns that declare a search filter.\n */\n search: {\n handler: (search: string) => {\n this.grist.searchText = search\n },\n value: this.grist?.searchText \|\| ''\n },\n title: i18next.t('title.tax invoice list'),\n help: 'tax-invoice/tax-invoice',\n actions: [\n {\n title: i18next.t('button.memo save'),\n action: this._updateTaxInvoice.bind(this),\n ...CommonButtonStyles.save\n }\n ],\n exportable: {\n name: i18next.t('title.tax invoice list'),\n data: this.exportHandler.bind(this),\n accept: ['xlsx']\n }\n }\n }\n\n render() {\n const mode = 'GRID'\n const summary = this.summary\n\n return html`\n <div class=\"summary\">\n <span class=\"title\">${i18next.t('field.summary total count')}</span>\n <span class=\"value\">${this._numberFormat(summary?.cnt)}</span>\n <span class=\"title\">${i18next.t('field.summary total amount')}</span>\n <span class=\"value\">${this._numberFormat(summary?.total_amount)}</span>\n <span class=\"title\">${i18next.t('field.summary supply amount')}</span>\n <span class=\"value\">${this._numberFormat(summary?.supply_amount)}</span>\n <span class=\"title\">${i18next.t('field.summary tax amount')}</span>\n <span class=\"value\">${this._numberFormat(summary?.tax_amount)}</span>\n </div>\n\n <ox-grist .mode=${mode} .config=${this.gristConfig} .fetchHandler=${this.fetchHandler.bind(this)}>\n <div slot=\"headroom\" class=\"header\">\n <div class=\"filters\">\n <ox-filters-form without-search autofocus></ox-filters-form>\n </div>\n </div>\n </ox-grist>\n `\n }\n\n async pageInitialized(lifecycle: any) {\n this.gristConfig = {\n columns: [\n { type: 'gutter', gutterName: 'sequence' },\n { type: 'gutter', gutterName: 'row-selector', multiple: true },\n {\n type: 'gutter',\n gutterName: 'button',\n icon: 'reorder',\n handlers: {\n click: (columns, data, column, record, rowIndex) => {\n this.openDetailPopup(record.id)\n }\n }\n },\n {\n type: 'string',\n name: 'memo',\n header: i18next.t('field.memo'),\n record: {\n editable: true\n },\n filter: 'search',\n width: 150\n },\n {\n type: 'string',\n name: 'category',\n header: i18next.t('field.tax invoice category'),\n record: {\n renderer: value => CATEGORY[value],\n classifier: function (record, rowIndex) {\n return {\n emphasized: record.category === Category.EXPORT ? ['#c6daf6', 'black'] : ['#fedbde', 'black']\n }\n },\n align: 'center'\n },\n filter: {\n type: 'select',\n value: Category.EXPORT,\n options: () => [\n {\n display: '전체',\n value: ''\n },\n {\n display: '매출',\n value: Category.EXPORT\n },\n {\n display: '매입',\n value: Category.IMPORT\n }\n ]\n },\n width: 80\n },\n {\n type: 'date',\n name: 'isMatched',\n header: i18next.t('field.is matched'),\n record: {\n align: 'center',\n renderer: value => (value ? 'Y' : '')\n },\n width: 80\n },\n {\n type: 'date',\n name: 'issueDate',\n header: i18next.t('field.issue date'),\n record: {\n align: 'center'\n },\n filter: {\n type: 'date',\n operator: 'between'\n },\n width: 120\n },\n {\n type: 'date',\n name: 'signatureDate',\n header: i18next.t('field.signature date'),\n record: {\n align: 'center'\n },\n width: 120\n },\n {\n type: 'string',\n name: 'supplierBusinessRegistrationNumber',\n header: i18next.t('field.supplier business registration number'),\n record: {\n align: 'center',\n renderer: value => value.replace(/(\\d{3})(\\d{2})(\\d{5})/g, '$1-$2-$3')\n },\n width: 150\n },\n {\n type: 'string',\n name: 'supplierBusinessName',\n header: i18next.t('field.supplier business name'),\n record: {\n align: 'center'\n },\n width: 140\n },\n {\n type: 'string',\n name: 'supplierRepresentativeName',\n header: i18next.t('field.supplier representative name'),\n record: {\n align: 'center'\n },\n width: 120\n },\n {\n type: 'number',\n name: 'totalAmount',\n header: i18next.t('field.total amount'),\n record: {\n renderer: value => value && this._numberFormat(value),\n align: 'center'\n },\n width: 90\n },\n {\n type: 'number',\n name: 'supplyAmount',\n header: i18next.t('field.supply amount'),\n record: {\n renderer: value => value && this._numberFormat(value),\n align: 'center'\n },\n width: 90\n },\n {\n type: 'number',\n name: 'taxAmount',\n header: i18next.t('field.tax amount'),\n record: {\n renderer: value => value && this._numberFormat(value),\n align: 'center'\n },\n width: 90\n },\n {\n type: 'string',\n name: 'approvalNo',\n header: i18next.t('field.approval no'),\n record: {\n align: 'center',\n renderer: value => value.replace(/(\\S{8})(\\S{8})(\\S{8})/g, '$1-$2-$3')\n },\n width: 200\n },\n {\n type: 'string',\n name: 'invoiceType',\n header: i18next.t('field.invoice type'),\n record: {\n renderer: value => INVOICE_TYPE[value],\n align: 'center'\n },\n width: 130\n },\n {\n type: 'string',\n name: 'remark0',\n header: i18next.t('field.remark0'),\n record: {\n align: 'center'\n },\n width: 80\n },\n {\n type: 'string',\n name: 'purpose',\n header: i18next.t('field.purpose'),\n record: {\n renderer: value => PURPOSE[value],\n align: 'center'\n },\n width: 80\n },\n {\n type: 'string',\n name: 'supplierContactEmail',\n header: i18next.t('field.supplier contact email'),\n record: {\n align: 'center'\n },\n width: 140\n },\n {\n type: 'string',\n name: 'buyer1stContactEmail',\n header: i18next.t('field.buyer 1st contact email'),\n record: {\n align: 'center'\n },\n width: 140\n },\n {\n type: 'string',\n name: 'buyer2ndContactEmail',\n header: i18next.t('field.buyer 2nd contact email'),\n record: {\n align: 'center'\n },\n width: 140\n }\n ],\n rows: {\n selectable: {\n multiple: true\n },\n appendable: false\n },\n sorters: [\n {\n name: 'issueDate'\n }\n ]\n }\n }\n\n async pageUpdated(changes: any, lifecycle: any) {\n if (this.active) {\n // do something here when this page just became as active\n }\n }\n\n async fetchHandler({ page = 1, limit = 100, sortings = [], filters = [] }: FetchOption) {\n const response = await client.query({\n query: gql`\n query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!], $summaryFilters: [Filter!]) {\n taxInvoices(filters: $filters, pagination: $pagination, sortings: $sortings) {\n items {\n id\n memo\n category\n issueDate\n signatureDate\n supplierBusinessRegistrationNumber\n supplierBusinessName\n supplierRepresentativeName\n totalAmount\n supplyAmount\n taxAmount\n approvalNo\n invoiceType\n remark0\n purpose\n supplierContactEmail\n buyer1stContactEmail\n buyer2ndContactEmail\n isMatched\n updater {\n id\n name\n }\n updatedAt\n }\n total\n }\n taxInvoicesSummary(filters: $summaryFilters) {\n summary\n }\n }\n `,\n variables: {\n filters,\n pagination: { page, limit },\n sortings,\n summaryFilters: filters\n }\n })\n\n // 합계 필드 갱신\n this.summary = response.data.taxInvoicesSummary.summary\n\n return {\n total: response.data.taxInvoices.total \|\| 0,\n records: response.data.taxInvoices.items \|\| []\n }\n }\n\n async _updateTaxInvoice() {\n let patches = this.grist.dirtyRecords\n if (patches && patches.length) {\n patches = patches.map(patch => {\n let patchField: any = patch.id ? { id: patch.id } : {}\n const dirtyFields = patch.__dirtyfields__\n for (let key in dirtyFields) {\n patchField[key] = dirtyFields[key].after\n }\n patchField.cuFlag = patch.__dirty__\n\n return patchField\n })\n\n const response = await client.mutate({\n mutation: gql`\n mutation ($patches: [TaxInvoicePatch!]!) {\n updateMultipleTaxInvoice(patches: $patches) {\n id\n }\n }\n `,\n variables: {\n patches\n }\n })\n\n if (!response.errors) {\n this.grist.fetch()\n notify({ message: i18next.t('text.info_x_successfully', { x: i18next.t('text.save') }) })\n } else {\n notify({ message: i18next.t('error.fail-save'), level: 'error' })\n }\n }\n }\n\n async exportHandler() {\n const exportTargets = this.grist.selected.length ? this.grist.selected : this.grist.dirtyData.records\n const targetFieldSet = new Set(['id', 'name'])\n\n return exportTargets.map(taxInvoice => {\n let tempObj = {}\n for (const field of targetFieldSet) {\n tempObj[field] = taxInvoice[field]\n }\n\n return tempObj\n })\n }\n\n private openDetailPopup(id: string) {\n openPopup(html` <tax-invoice-detail-popup .taxInvoiceId=${id}> </tax-invoice-detail-popup>`, {\n backdrop: true,\n size: 'large',\n title: i18next.t('title.tax invoice detail')\n })\n }\n\n private _numberFormat = (num: number \| undefined) => Intl.NumberFormat('en-US').format(num \|\| 0)\n}\n"]}