@things-factory/sales 10.1.223 → 10.1.227

package/dist-client/sales-product-pick.js

@@ -0,0 +1,210 @@
+import { __decorate, __metadata } from "tslib";
+import gql from 'graphql-tag';
+import { css, html, LitElement, nothing } from 'lit';
+import { customElement, property, state } from 'lit/decorators.js';
+import { client } from '@operato/graphql';
+import { i18next, localize } from '@operato/i18n';
+import { defaultTaxRate, documentNumber } from '@things-factory/invoice/dist-client';
+/**
+ * The line a product makes: its name (and specification), one of its unit at its price, taxed as it is. A copy - the
+ * line keeps no tie to the product, so the person changes its price or anything else, and a later price of the
+ * product never reaches a written quotation (the user, 2026-10-28).
+ */
+export function lineOfProduct(product) {
+    return {
+        description: product.spec ? `${product.name} · ${product.spec}` : product.name,
+        quantity: 1,
+        unit: product.unit,
+        unitPrice: product.unitPrice,
+        discount: 0,
+        taxKind: product.taxKind,
+        taxRate: defaultTaxRate(product.taxKind)
+    };
+}
+const CHOICES = gql `
+  query ($filters: [Filter!], $search: String, $pagination: Pagination, $sortings: [Sorting!]) {
+    products: salesProducts(filters: $filters, search: $search, pagination: $pagination, sortings: $sortings) {
+      items { id code name kind grade spec unit unitPrice currency taxKind }
+    }
+  }
+`;
+/**
+ * 상품에서 추가 — one field that finds the domain's products still offered, in the document's currency, as it is typed;
+ * a click takes one and fires `product` with it. The editor makes a line of it - a copy, which the person then changes
+ * like any line. The interaction is the counterparty picker's (invoice `document-party-select`).
+ */
+let SalesProductPick = class SalesProductPick extends localize(i18next)(LitElement) {
+    constructor() {
+        super(...arguments);
+        /** The document's currency - only products priced in it are offered. */
+        this.currency = 'KRW';
+        this.disabled = false;
+        this.search = '';
+        this.found = null;
+        this.active = 0;
+        this.asked = 0;
+    }
+    static { this.styles = css `
+    :host {
+      position: relative;
+      display: block;
+    }
+    input {
+      box-sizing: border-box;
+      width: 100%;
+      height: var(--form-element-height-medium, 32px);
+      padding: 0 var(--spacing-medium, 8px);
+      border: var(--input-field-border, 1px solid var(--md-sys-color-outline));
+      border-radius: var(--input-field-border-radius, var(--md-sys-shape-corner-small, 4px));
+      background: var(--input-field-background, var(--md-sys-color-surface-container-highest));
+      font: inherit;
+      font-size: var(--ui-t-body, 13px);
+      color: var(--ui-ink, var(--md-sys-color-on-surface));
+    }
+    input:focus-visible {
+      outline: none;
+      border-color: var(--md-sys-color-primary);
+    }
+    ul {
+      position: absolute;
+      z-index: 10;
+      left: 0;
+      right: 0;
+      top: calc(100% + 2px);
+      max-height: 260px;
+      overflow-y: auto;
+      margin: 0;
+      padding: var(--spacing-small, 4px) 0;
+      list-style: none;
+      border: 1px solid var(--md-sys-color-outline-variant);
+      border-radius: var(--ui-r, 10px);
+      background: var(--md-sys-color-surface-container-lowest);
+      box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
+    }
+    li {
+      display: flex;
+      justify-content: space-between;
+      gap: var(--spacing-large, 12px);
+      padding: 6px var(--spacing-large, 12px);
+      cursor: pointer;
+      font-size: var(--ui-t-body, 13px);
+      color: var(--ui-ink, var(--md-sys-color-on-surface));
+    }
+    li:hover,
+    li[active] {
+      background: var(--md-sys-color-surface-container-high);
+    }
+    li small {
+      white-space: nowrap;
+      font-variant-numeric: tabular-nums;
+    }
+    li small,
+    li.none {
+      color: var(--ui-muted, var(--md-sys-color-on-surface-variant));
+    }
+    li.none {
+      cursor: default;
+    }
+  `; }
+    render() {
+        return html `
+      <input
+        .value=${this.search}
+        placeholder=${i18next.t('text.sales-product-search')}
+        aria-label=${i18next.t('field.sales-product-pick')}
+        ?disabled=${this.disabled}
+        @focus=${() => this.find()}
+        @input=${(e) => ((this.search = e.target.value), this.findSoon())}
+        @keydown=${(e) => this.key(e)}
+        @blur=${() => setTimeout(() => (this.found = null), 150)}
+      />
+      ${this.found
+            ? html `<ul role="listbox">
+            ${this.found.length
+                ? this.found.map((one, index) => html `<li role="option" ?active=${index === this.active} @mousedown=${(e) => (e.preventDefault(), this.choose(one))}>
+                      <span>${one.name}${one.spec ? ` · ${one.spec}` : ''}</span>
+                      <small>${[one.grade, one.unit, documentNumber(one.unitPrice, one.currency)].filter(Boolean).join(' · ')}</small>
+                    </li>`)
+                : html `<li class="none">${i18next.t('text.sales-product-none')}</li>`}
+          </ul>`
+            : nothing}
+    `;
+    }
+    findSoon() {
+        clearTimeout(this.timer);
+        this.timer = setTimeout(() => this.find(), 250);
+    }
+    async find() {
+        if (this.disabled)
+            return;
+        const asked = ++this.asked;
+        try {
+            const response = await client.query({
+                query: CHOICES,
+                variables: {
+                    filters: [
+                        { name: 'active', operator: 'eq', value: true },
+                        { name: 'currency', operator: 'eq', value: this.currency || 'KRW' }
+                    ],
+                    search: this.search.trim() || undefined,
+                    pagination: { page: 1, limit: 30 },
+                    sortings: [{ name: 'code' }]
+                },
+                fetchPolicy: 'no-cache'
+            });
+            /* Only the answer to the last thing typed is shown. */
+            if (asked !== this.asked)
+                return;
+            this.found = response.data?.products?.items ?? [];
+            this.active = 0;
+        }
+        catch {
+            this.found = null;
+        }
+    }
+    key(e) {
+        if (!this.found?.length || e.isComposing)
+            return;
+        if (e.key === 'ArrowDown')
+            this.active = Math.min(this.active + 1, this.found.length - 1);
+        else if (e.key === 'ArrowUp')
+            this.active = Math.max(this.active - 1, 0);
+        else if (e.key === 'Enter')
+            this.choose(this.found[this.active]);
+        else if (e.key === 'Escape')
+            this.found = null;
+        else
+            return;
+        e.preventDefault();
+    }
+    choose(product) {
+        this.search = '';
+        this.found = null;
+        this.dispatchEvent(new CustomEvent('product', { detail: product, bubbles: true, composed: true }));
+    }
+};
+__decorate([
+    property(),
+    __metadata("design:type", Object)
+], SalesProductPick.prototype, "currency", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Object)
+], SalesProductPick.prototype, "disabled", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], SalesProductPick.prototype, "search", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], SalesProductPick.prototype, "found", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], SalesProductPick.prototype, "active", void 0);
+SalesProductPick = __decorate([
+    customElement('sales-product-pick')
+], SalesProductPick);
+export { SalesProductPick };
+//# sourceMappingURL=sales-product-pick.js.map

package/dist-client/sales-product-pick.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sales-product-pick.js","sourceRoot":"","sources":["../client/sales-product-pick.ts"],"names":[],"mappings":"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","sourcesContent":["import gql from 'graphql-tag'\nimport { css, html, LitElement, nothing } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport { client } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { defaultTaxRate, documentNumber } from '@things-factory/invoice/dist-client'\n\n/** A product as a quotation line takes it - what it is called and sold in, its price and taxation (ADR-0171). */\nexport type PickedProduct = {\n  id: string\n  code: string\n  name: string\n  kind: string\n  grade?: string | null\n  spec?: string | null\n  unit: string\n  unitPrice: number\n  currency: string\n  taxKind: string\n}\n\n/**\n * The line a product makes: its name (and specification), one of its unit at its price, taxed as it is. A copy - the\n * line keeps no tie to the product, so the person changes its price or anything else, and a later price of the\n * product never reaches a written quotation (the user, 2026-10-28).\n */\nexport function lineOfProduct(product: PickedProduct) {\n  return {\n    description: product.spec ? `${product.name} · ${product.spec}` : product.name,\n    quantity: 1,\n    unit: product.unit,\n    unitPrice: product.unitPrice,\n    discount: 0,\n    taxKind: product.taxKind,\n    taxRate: defaultTaxRate(product.taxKind)\n  }\n}\n\nconst CHOICES = gql`\n  query ($filters: [Filter!], $search: String, $pagination: Pagination, $sortings: [Sorting!]) {\n    products: salesProducts(filters: $filters, search: $search, pagination: $pagination, sortings: $sortings) {\n      items { id code name kind grade spec unit unitPrice currency taxKind }\n    }\n  }\n`\n\n/**\n * 상품에서 추가 — one field that finds the domain's products still offered, in the document's currency, as it is typed;\n * a click takes one and fires `product` with it. The editor makes a line of it - a copy, which the person then changes\n * like any line. The interaction is the counterparty picker's (invoice `document-party-select`).\n */\n@customElement('sales-product-pick')\nexport class SalesProductPick extends localize(i18next)(LitElement) {\n  static styles = css`\n    :host {\n      position: relative;\n      display: block;\n    }\n    input {\n      box-sizing: border-box;\n      width: 100%;\n      height: var(--form-element-height-medium, 32px);\n      padding: 0 var(--spacing-medium, 8px);\n      border: var(--input-field-border, 1px solid var(--md-sys-color-outline));\n      border-radius: var(--input-field-border-radius, var(--md-sys-shape-corner-small, 4px));\n      background: var(--input-field-background, var(--md-sys-color-surface-container-highest));\n      font: inherit;\n      font-size: var(--ui-t-body, 13px);\n      color: var(--ui-ink, var(--md-sys-color-on-surface));\n    }\n    input:focus-visible {\n      outline: none;\n      border-color: var(--md-sys-color-primary);\n    }\n    ul {\n      position: absolute;\n      z-index: 10;\n      left: 0;\n      right: 0;\n      top: calc(100% + 2px);\n      max-height: 260px;\n      overflow-y: auto;\n      margin: 0;\n      padding: var(--spacing-small, 4px) 0;\n      list-style: none;\n      border: 1px solid var(--md-sys-color-outline-variant);\n      border-radius: var(--ui-r, 10px);\n      background: var(--md-sys-color-surface-container-lowest);\n      box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);\n    }\n    li {\n      display: flex;\n      justify-content: space-between;\n      gap: var(--spacing-large, 12px);\n      padding: 6px var(--spacing-large, 12px);\n      cursor: pointer;\n      font-size: var(--ui-t-body, 13px);\n      color: var(--ui-ink, var(--md-sys-color-on-surface));\n    }\n    li:hover,\n    li[active] {\n      background: var(--md-sys-color-surface-container-high);\n    }\n    li small {\n      white-space: nowrap;\n      font-variant-numeric: tabular-nums;\n    }\n    li small,\n    li.none {\n      color: var(--ui-muted, var(--md-sys-color-on-surface-variant));\n    }\n    li.none {\n      cursor: default;\n    }\n  `\n\n  /** The document's currency - only products priced in it are offered. */\n  @property() currency = 'KRW'\n  @property({ type: Boolean }) disabled = false\n\n  @state() private search = ''\n  @state() private found: PickedProduct[] | null = null\n  @state() private active = 0\n\n  private timer?: ReturnType<typeof setTimeout>\n  private asked = 0\n\n  render() {\n    return html`\n      <input\n        .value=${this.search}\n        placeholder=${i18next.t('text.sales-product-search')}\n        aria-label=${i18next.t('field.sales-product-pick')}\n        ?disabled=${this.disabled}\n        @focus=${() => this.find()}\n        @input=${(e: any) => ((this.search = e.target.value), this.findSoon())}\n        @keydown=${(e: KeyboardEvent) => this.key(e)}\n        @blur=${() => setTimeout(() => (this.found = null), 150)}\n      />\n      ${this.found\n        ? html`<ul role=\"listbox\">\n            ${this.found.length\n              ? this.found.map(\n                  (one, index) =>\n                    html`<li role=\"option\" ?active=${index === this.active} @mousedown=${(e: Event) => (e.preventDefault(), this.choose(one))}>\n                      <span>${one.name}${one.spec ? ` · ${one.spec}` : ''}</span>\n                      <small>${[one.grade, one.unit, documentNumber(one.unitPrice, one.currency)].filter(Boolean).join(' · ')}</small>\n                    </li>`\n                )\n              : html`<li class=\"none\">${i18next.t('text.sales-product-none')}</li>`}\n          </ul>`\n        : nothing}\n    `\n  }\n\n  private findSoon() {\n    clearTimeout(this.timer)\n    this.timer = setTimeout(() => this.find(), 250)\n  }\n\n  private async find() {\n    if (this.disabled) return\n    const asked = ++this.asked\n    try {\n      const response = await client.query({\n        query: CHOICES,\n        variables: {\n          filters: [\n            { name: 'active', operator: 'eq', value: true },\n            { name: 'currency', operator: 'eq', value: this.currency || 'KRW' }\n          ],\n          search: this.search.trim() || undefined,\n          pagination: { page: 1, limit: 30 },\n          sortings: [{ name: 'code' }]\n        },\n        fetchPolicy: 'no-cache'\n      })\n      /* Only the answer to the last thing typed is shown. */\n      if (asked !== this.asked) return\n      this.found = response.data?.products?.items ?? []\n      this.active = 0\n    } catch {\n      this.found = null\n    }\n  }\n\n  private key(e: KeyboardEvent) {\n    if (!this.found?.length || e.isComposing) return\n    if (e.key === 'ArrowDown') this.active = Math.min(this.active + 1, this.found.length - 1)\n    else if (e.key === 'ArrowUp') this.active = Math.max(this.active - 1, 0)\n    else if (e.key === 'Enter') this.choose(this.found[this.active])\n    else if (e.key === 'Escape') this.found = null\n    else return\n    e.preventDefault()\n  }\n\n  private choose(product: PickedProduct) {\n    this.search = ''\n    this.found = null\n    this.dispatchEvent(new CustomEvent('product', { detail: product, bubbles: true, composed: true }))\n  }\n}\n"]}

package/dist-client/sales-product-words.d.ts

@@ -0,0 +1,2 @@
+/** What a product's kind reads as - goods, a service, labor. */
+export declare const salesProductKindWord: (kind?: string) => string;

package/dist-client/sales-product-words.js

@@ -0,0 +1,8 @@
+import { i18next } from '@operato/i18n';
+/** What a product's kind reads as - goods, a service, labor. */
+export const salesProductKindWord = (kind) => kind === 'SERVICE'
+    ? i18next.t('text.sales-product-kind-service')
+    : kind === 'LABOR'
+        ? i18next.t('text.sales-product-kind-labor')
+        : i18next.t('text.sales-product-kind-goods');
+//# sourceMappingURL=sales-product-words.js.map

package/dist-client/sales-product-words.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sales-product-words.js","sourceRoot":"","sources":["../client/sales-product-words.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAEvC,gEAAgE;AAChE,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,IAAa,EAAE,EAAE,CACpD,IAAI,KAAK,SAAS;IAChB,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,iCAAiC,CAAC;IAC9C,CAAC,CAAC,IAAI,KAAK,OAAO;QAChB,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,+BAA+B,CAAC;QAC5C,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,+BAA+B,CAAC,CAAA","sourcesContent":["import { i18next } from '@operato/i18n'\n\n/** What a product's kind reads as - goods, a service, labor. */\nexport const salesProductKindWord = (kind?: string) =>\n  kind === 'SERVICE'\n    ? i18next.t('text.sales-product-kind-service')\n    : kind === 'LABOR'\n      ? i18next.t('text.sales-product-kind-labor')\n      : i18next.t('text.sales-product-kind-goods')\n"]}