@things-factory/invoice 10.1.256 → 10.1.258

package/dist-client/invoice-files.js.map

@@ -1 +1 @@
-{"version":3,"file":"invoice-files.js","sourceRoot":"","sources":["../client/invoice-files.ts"],"names":[],"mappings":";AAAA,OAAO,4BAA4B,CAAA;AACnC,0EAA0E;AAC1E,OAAO,qBAAqB,CAAA;AAC5B,OAAO,iCAAiC,CAAA;AAExC,OAAO,GAAG,MAAM,aAAa,CAAA;AAC7B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,KAAK,CAAA;AACpD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAElE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AACxD,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,gDAAgD,CAAA;AAE7E,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AAIlD,2GAA2G;AAC3G,MAAM,KAAK,GAAG,GAAG,EAAE,CAAC,MAAM,CAAC,UAAU,CAAC,mBAAmB,CAAC,CAAC,OAAO,CAAA;AAElE;;;GAGG;AAEI,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,QAAQ,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC;IAAxD;;QA6EI,UAAK,GAAkB,EAAE,CAAA;QACzB,cAAS,GAAG,KAAK,CAAA;QACjB,SAAI,GAAG,KAAK,CAAA;IA0HvB,CAAC;aAxMQ,WAAM,GAAG;QACd,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAuEF;KACF,AAzEY,CAyEZ;IAQD,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAA;QACzB,YAAY,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,kBAAkB,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAA;IAC9H,CAAC;IAED,OAAO,CAAC,OAA6B;QACnC,IAAI,OAAO,CAAC,GAAG,CAAC,WAAW,CAAC;YAAE,IAAI,CAAC,IAAI,EAAE,CAAA;IAC3C,CAAC;IAED,MAAM;QACJ,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,IAAI,CAAA;QAC7C,OAAO,IAAI,CAAA;QACP,IAAI,CAAC,KAAK,CAAC,MAAM;YACjB,CAAC,CAAC,IAAI,CAAA,sBAAsB,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC,QAAQ;YACnF,CAAC,CAAC,IAAI,CAAA,sBAAsB,OAAO,CAAC,CAAC,CAAC,yBAAyB,CAAC,SAAS;QACzE,IAAI,CAAC,SAAS;YACd,CAAC,CAAC,IAAI,CAAA;cACA,KAAK,EAAE;gBACP,CAAC,CAAC,IAAI,CAAA;;;;;;2BAMO,OAAO,CAAC,CAAC,CAAC,2BAA2B,CAAC;8BACnC,CAAC,QAAQ;8BACT,IAAI,CAAC,QAAQ;4BACf,CAAC,CAAc,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;kCAC1B;gBACpB,CAAC,CAAC,OAAO;;;;;;uBAMA,OAAO,CAAC,CAAC,CAAC,4BAA4B,CAAC;0BACpC,CAAC,QAAQ;0BACT,KAAK,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ;wBACrC,CAAC,CAAc,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;;iBAEvC;YACT,CAAC,CAAC,OAAO;KACZ,CAAA;IACH,CAAC;IAEO,IAAI,CAAC,GAAgB,EAAE,QAAiB;QAC9C,OAAO,IAAI,CAAA;gBACC,GAAG,CAAC,QAAQ,yCAAyC,GAAG,CAAC,IAAI;WAClE,GAAG,CAAC,QAAQ,EAAE,UAAU,CAAC,QAAQ,CAAC;YACnC,CAAC,CAAC,IAAI,CAAA,YAAY,GAAG,CAAC,QAAQ,QAAQ,GAAG,CAAC,IAAI,KAAK;YACnD,CAAC,CAAC,IAAI,CAAA,4BAA4B,GAAG,CAAC,QAAQ,UAAU,GAAG,CAAC,IAAI,cAAc,GAAG,CAAC,QAAQ,IAAI,EAAE,wBAAwB;;2BAEvG,GAAG,CAAC,IAAI;QAC3B,IAAI,CAAC,SAAS;YACd,CAAC,CAAC,IAAI,CAAA,mCAAmC,CAAC,QAAQ,UAAU,OAAO,CAAC,CAAC,CAAC,4BAA4B,CAAC,eAAe,OAAO,CAAC,CAAC,CAAC,4BAA4B,CAAC,WAAW,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC;;oBAE/K;YACZ,CAAC,CAAC,OAAO;YACL,CAAA;IACV,CAAC;IAEO,KAAK,CAAC,IAAI;QAChB,MAAM,EAAE,GAAG,IAAI,CAAC,SAAS,CAAA;QACzB,IAAI,CAAC,KAAK,GAAG,EAAE,CAAA;QACf,IAAI,CAAC,EAAE;YAAE,OAAM;QACf,IAAI,CAAC;YACH,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;gBAClC,KAAK,EAAE,GAAG,CAAC,mCAAmC,eAAe,EAAE,wDAAwD,CAAC;gBACxH,SAAS,EAAE,EAAE,EAAE,EAAE;gBACjB,WAAW,EAAE,UAAU;aACxB,CAAC,CAAA;YACF,IAAI,IAAI,CAAC,SAAS,KAAK,EAAE;gBAAE,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,IAAI,EAAE,CAAA;QAC7E,CAAC;QAAC,OAAO,KAAU,EAAE,CAAC;YACpB,MAAM,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC,CAAC,CAAC,EAAE,OAAO,IAAI,KAAK,EAAE,OAAO,IAAI,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,CAAA;QAC5G,CAAC;IACH,CAAC;IAEO,KAAK,CAAC,IAAI,CAAC,CAAc;QAC/B,MAAM,MAAM,GAAG,CAAC,GAAG,CAAE,CAAC,CAAC,MAAiB,IAAI,EAAE,CAAC,CAAC,CAAA;QAChD,oFAAoF;QACpF,IAAI,CAAC,MAAM,CAAC,MAAM;YAAE,OACnB;QAAC,CAAC,CAAC,MAAc,CAAC,KAAK,EAAE,EAAE,CAAA;QAC5B,MAAM,IAAI,CAAC,MAAM,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CAAA;IACvC,CAAC;IAEO,KAAK,CAAC,OAAO,CAAC,GAAgB;QACpC,MAAM,IAAI,GAAG,MAAM,QAAQ,CAAC,IAAI,CAAC;YAC/B,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,4BAA4B,CAAC;YAC9C,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,kCAAkC,EAAE,EAAE,IAAI,EAAE,GAAG,CAAC,IAAI,EAAE,CAAC;YACvE,aAAa,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,4BAA4B,CAAC,EAAE,WAAW,EAAE,IAAI,EAAS;YAC1F,YAAY,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,EAAE;SAC5C,CAAC,CAAA;QACT,IAAI,IAAI;YAAE,MAAM,IAAI,CAAC,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,CAAA;IACnD,CAAC;IAEO,KAAK,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,EAAE,EAAE,MAAM,GAAG,EAAE,EAA0C;QACvF,IAAI,CAAC,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,IAAI;YAAE,OAAM;QACxC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAA;QAChB,IAAI,CAAC;YACH,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,MAAM,CAAC;gBACnC,QAAQ,EAAE,GAAG,CAAA;;;;;;SAMZ;gBACD,SAAS,EAAE,EAAE,EAAE,EAAE,IAAI,CAAC,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE;gBACjD,OAAO,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;aACpF,CAAC,CAAA;YACF,IAAI,QAAQ,CAAC,MAAM,EAAE,MAAM;gBAAE,MAAM,IAAI,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAA;YACjG,MAAM,IAAI,CAAC,IAAI,EAAE,CAAA;QACnB,CAAC;QAAC,OAAO,KAAU,EAAE,CAAC;YACpB,MAAM,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC,CAAC,CAAC,EAAE,OAAO,IAAI,KAAK,EAAE,OAAO,IAAI,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,CAAA;QAC5G,CAAC;gBAAS,CAAC;YACT,IAAI,CAAC,IAAI,GAAG,KAAK,CAAA;YACjB,IAAI,CAAC,QAAQ,GAAG,SAAS,CAAA;QAC3B,CAAC;IACH,CAAC;;AA5HW;IAAX,QAAQ,EAAE;;+CAAmB;AACrB;IAAR,KAAK,EAAE;;2CAA0B;AACzB;IAAR,KAAK,EAAE;;+CAAkB;AACjB;IAAR,KAAK,EAAE;;0CAAa;AACZ;IAAR,KAAK,EAAE;;8CAAkB;AAhFf,YAAY;IADxB,aAAa,CAAC,eAAe,CAAC;GAClB,YAAY,CAyMxB","sourcesContent":["import '@material/web/icon/icon.js'\n/* The tile is not a subpath of its own; the package root registers it. */\nimport '@operato/attachment'\nimport '@operato/input/ox-input-file.js'\n\nimport gql from 'graphql-tag'\nimport { css, html, LitElement, nothing } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport { client, uploadContext } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { notify } from '@operato/layout'\nimport { OxPrompt } from '@operato/popup/ox-prompt.js'\nimport { hasPrivilege } from '@things-factory/auth-base/dist-client/index.js'\n\nimport { invoice360Query } from './invoice-attach'\n\ntype InvoiceFile = { id: string; name: string; mimetype?: string; fullpath: string }\n\n/** The phone's camera is offered where a finger taps - on a desktop the file button is the only way in. */\nconst touch = () => window.matchMedia('(pointer: coarse)').matches\n\n/**\n * The files an invoice keeps - the signed copy, the order, the delivery note. Each opens in its own tab. Whoever may\n * change invoices attaches (a photo taken on the spot, or any file) and takes one off; it is saved at once.\n */\n@customElement('invoice-files')\nexport class InvoiceFiles extends localize(i18next)(LitElement) {\n  static styles = [\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n        gap: var(--spacing-medium, 8px);\n        color: var(--ui-ink);\n      }\n      .tiles {\n        display: flex;\n        flex-wrap: wrap;\n        gap: var(--spacing-medium, 8px);\n        padding-top: 6px;\n      }\n      .tile {\n        position: relative;\n        display: flex;\n        flex-direction: column;\n        width: 72px;\n        gap: var(--spacing-tiny, 2px);\n      }\n      .tile a {\n        display: block;\n        width: 100%;\n        aspect-ratio: 1;\n        border-radius: var(--ui-r-small, 6px);\n        border: 1px solid var(--ui-line);\n        background: var(--ui-panel-2);\n        overflow: hidden;\n      }\n      .tile ox-attachment-tile,\n      .tile img {\n        width: 100%;\n        height: 100%;\n      }\n      .tile img {\n        object-fit: cover;\n      }\n      .name {\n        font-size: var(--ui-t-small, 11.5px);\n        color: var(--ui-muted);\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n      }\n      .tile button {\n        position: absolute;\n        top: -6px;\n        right: -6px;\n        display: grid;\n        place-items: center;\n        width: 20px;\n        height: 20px;\n        padding: 0;\n        border: 1px solid var(--ui-line);\n        border-radius: 50%;\n        background: var(--ui-panel);\n        color: var(--ui-muted);\n        cursor: pointer;\n      }\n      .tile button md-icon {\n        --md-icon-size: 14px;\n      }\n      .pickers {\n        display: flex;\n        flex-wrap: wrap;\n        gap: var(--spacing-small, 4px);\n      }\n      .none {\n        font-size: var(--ui-t-small, 11.5px);\n        color: var(--ui-muted);\n      }\n    `\n  ]\n\n  @property() invoiceId?: string\n  @state() files: InvoiceFile[] = []\n  @state() mayChange = false\n  @state() busy = false\n  @state() progress?: number\n\n  connectedCallback() {\n    super.connectedCallback()\n    hasPrivilege({ privilege: 'mutation', category: 'invoice', domainOwnerGranted: true }).then(may => (this.mayChange = !!may))\n  }\n\n  updated(changed: Map<string, unknown>) {\n    if (changed.has('invoiceId')) this.load()\n  }\n\n  render() {\n    const editable = this.mayChange && !this.busy\n    return html`\n      ${this.files.length\n        ? html`<div class=\"tiles\">${this.files.map(one => this.tile(one, editable))}</div>`\n        : html`<span class=\"none\">${i18next.t('text.invoice-files-none')}</span>`}\n      ${this.mayChange\n        ? html`<div class=\"pickers\">\n            ${touch()\n              ? html`<ox-input-file\n                  quiet\n                  hide-filelist\n                  accept=\"image/*\"\n                  capture=\"environment\"\n                  icon=\"photo_camera\"\n                  .label=${i18next.t('button.invoice-file-photo')}\n                  ?disabled=${!editable}\n                  .progress=${this.progress}\n                  @change=${(e: CustomEvent) => this.pick(e)}\n                ></ox-input-file>`\n              : nothing}\n            <ox-input-file\n              quiet\n              hide-filelist\n              multiple\n              icon=\"attach_file\"\n              .label=${i18next.t('button.invoice-file-attach')}\n              ?disabled=${!editable}\n              .progress=${touch() ? undefined : this.progress}\n              @change=${(e: CustomEvent) => this.pick(e)}\n            ></ox-input-file>\n          </div>`\n        : nothing}\n    `\n  }\n\n  private tile(one: InvoiceFile, editable: boolean) {\n    return html`<span class=\"tile\">\n      <a href=${one.fullpath} target=\"_blank\" rel=\"noopener\" title=${one.name}\n        >${one.mimetype?.startsWith('image/')\n          ? html`<img src=${one.fullpath} alt=${one.name} />`\n          : html`<ox-attachment-tile .src=${one.fullpath} .path=${one.name} .mimetype=${one.mimetype ?? ''}></ox-attachment-tile>`}</a\n      >\n      <span class=\"name\">${one.name}</span>\n      ${this.mayChange\n        ? html`<button type=\"button\" ?disabled=${!editable} title=${i18next.t('button.invoice-file-remove')} aria-label=${i18next.t('button.invoice-file-remove')} @click=${() => this.takeOff(one)}>\n            <md-icon>close</md-icon>\n          </button>`\n        : nothing}\n    </span>`\n  }\n\n  private async load() {\n    const id = this.invoiceId\n    this.files = []\n    if (!id) return\n    try {\n      const response = await client.query({\n        query: gql(`query ($id: String!) { invoice: ${invoice360Query()}(id: $id) { id files { id name mimetype fullpath } } }`),\n        variables: { id },\n        fetchPolicy: 'no-cache'\n      })\n      if (this.invoiceId === id) this.files = response.data?.invoice?.files ?? []\n    } catch (error: any) {\n      notify({ level: 'error', message: error?.graphQLErrors?.[0]?.message ?? error?.message ?? String(error) })\n    }\n  }\n\n  private async pick(e: CustomEvent) {\n    const picked = [...((e.detail as File[]) ?? [])]\n    /* The picker's own reset says `change` again, with nothing - that one is let go. */\n    if (!picked.length) return\n    ;(e.target as any).reset?.()\n    await this.change({ attach: picked })\n  }\n\n  private async takeOff(one: InvoiceFile) {\n    const sure = await OxPrompt.open({\n      title: i18next.t('button.invoice-file-remove'),\n      text: i18next.t('text.invoice-file-remove-confirm', { name: one.name }),\n      confirmButton: { text: i18next.t('button.invoice-file-remove'), destructive: true } as any,\n      cancelButton: { text: i18next.t('button.cancel') }\n    } as any)\n    if (sure) await this.change({ remove: [one.id] })\n  }\n\n  private async change({ attach = [], remove = [] }: { attach?: File[]; remove?: string[] }) {\n    if (!this.invoiceId || this.busy) return\n    this.busy = true\n    try {\n      const response = await client.mutate({\n        mutation: gql`\n          mutation ($id: String!, $attach: [Upload!], $remove: [String!]) {\n            changeInvoiceFiles(id: $id, attach: $attach, remove: $remove) {\n              id\n            }\n          }\n        `,\n        variables: { id: this.invoiceId, attach, remove },\n        context: attach.length ? uploadContext(fraction => (this.progress = fraction)) : {}\n      })\n      if (response.errors?.length) throw new Error(response.errors.map(one => one.message).join(' · '))\n      await this.load()\n    } catch (error: any) {\n      notify({ level: 'error', message: error?.graphQLErrors?.[0]?.message ?? error?.message ?? String(error) })\n    } finally {\n      this.busy = false\n      this.progress = undefined\n    }\n  }\n}\n"]}
+{"version":3,"file":"invoice-files.js","sourceRoot":"","sources":["../client/invoice-files.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\n/* The tile is not a subpath of its own; the package root registers it. */\nimport '@operato/attachment'\nimport '@operato/input/ox-input-file.js'\n\nimport gql from 'graphql-tag'\nimport { css, html, LitElement, nothing } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport { MutationController, QueryController, uploadContext } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { OxPrompt } from '@operato/popup/ox-prompt.js'\nimport { hasPrivilege } from '@things-factory/auth-base/dist-client/index.js'\n\nimport { invoice360Query } from './invoice-attach'\n\ntype InvoiceFile = { id: string; name: string; mimetype?: string; fullpath: string }\n\n/** The phone's camera is offered where a finger taps - on a desktop the file button is the only way in. */\nconst touch = () => window.matchMedia('(pointer: coarse)').matches\n\n/**\n * The files an invoice keeps - the signed copy, the order, the delivery note. Each opens in its own tab. Whoever may\n * change invoices attaches (a photo taken on the spot, or any file) and takes one off; it is saved at once.\n */\n@customElement('invoice-files')\nexport class InvoiceFiles extends localize(i18next)(LitElement) {\n  static styles = [\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n        gap: var(--spacing-medium, 8px);\n        color: var(--ui-ink);\n      }\n      .tiles {\n        display: flex;\n        flex-wrap: wrap;\n        gap: var(--spacing-medium, 8px);\n        padding-top: 6px;\n      }\n      .tile {\n        position: relative;\n        display: flex;\n        flex-direction: column;\n        width: 72px;\n        gap: var(--spacing-tiny, 2px);\n      }\n      .tile a {\n        display: block;\n        width: 100%;\n        aspect-ratio: 1;\n        border-radius: var(--ui-r-small, 6px);\n        border: 1px solid var(--ui-line);\n        background: var(--ui-panel-2);\n        overflow: hidden;\n      }\n      .tile ox-attachment-tile,\n      .tile img {\n        width: 100%;\n        height: 100%;\n      }\n      .tile img {\n        object-fit: cover;\n      }\n      .name {\n        font-size: var(--ui-t-small, 11.5px);\n        color: var(--ui-muted);\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n      }\n      .tile button {\n        position: absolute;\n        top: -6px;\n        right: -6px;\n        display: grid;\n        place-items: center;\n        width: 20px;\n        height: 20px;\n        padding: 0;\n        border: 1px solid var(--ui-line);\n        border-radius: 50%;\n        background: var(--ui-panel);\n        color: var(--ui-muted);\n        cursor: pointer;\n      }\n      .tile button md-icon {\n        --md-icon-size: 14px;\n      }\n      .pickers {\n        display: flex;\n        flex-wrap: wrap;\n        gap: var(--spacing-small, 4px);\n      }\n      .none {\n        font-size: var(--ui-t-small, 11.5px);\n        color: var(--ui-muted);\n      }\n    `\n  ]\n\n  @property() invoiceId?: string\n  @state() mayChange = false\n  @state() progress?: number\n\n  /* The files of the invoice named (ADR-0190). */\n  private filesRead = new QueryController(\n    this,\n    gql(`query ($id: String!) { invoice: ${invoice360Query()}(id: $id) { id files { id name mimetype fullpath } } }`),\n    { variables: () => (this.invoiceId ? { id: this.invoiceId } : undefined) }\n  )\n\n  /* Attaching or taking off reads the files again. */\n  private changing = new MutationController(\n    this,\n    gql`\n      mutation ($id: String!, $attach: [Upload!], $remove: [String!]) {\n        changeInvoiceFiles(id: $id, attach: $attach, remove: $remove) {\n          id\n        }\n      }\n    `,\n    { refetch: () => [this.filesRead] }\n  )\n\n  private get files(): InvoiceFile[] {\n    return this.filesRead.data?.invoice?.files ?? []\n  }\n\n  private get busy() {\n    return this.changing.pending\n  }\n\n  connectedCallback() {\n    super.connectedCallback()\n    hasPrivilege({ privilege: 'mutation', category: 'invoice', domainOwnerGranted: true }).then(may => (this.mayChange = !!may))\n  }\n\n  render() {\n    const editable = this.mayChange && !this.busy\n    return html`\n      ${this.files.length\n        ? html`<div class=\"tiles\">${this.files.map(one => this.tile(one, editable))}</div>`\n        : html`<span class=\"none\">${i18next.t('text.invoice-files-none')}</span>`}\n      ${this.mayChange\n        ? html`<div class=\"pickers\">\n            ${touch()\n              ? html`<ox-input-file\n                  quiet\n                  hide-filelist\n                  accept=\"image/*\"\n                  capture=\"environment\"\n                  icon=\"photo_camera\"\n                  .label=${i18next.t('button.invoice-file-photo')}\n                  ?disabled=${!editable}\n                  .progress=${this.progress}\n                  @change=${(e: CustomEvent) => this.pick(e)}\n                ></ox-input-file>`\n              : nothing}\n            <ox-input-file\n              quiet\n              hide-filelist\n              multiple\n              icon=\"attach_file\"\n              .label=${i18next.t('button.invoice-file-attach')}\n              ?disabled=${!editable}\n              .progress=${touch() ? undefined : this.progress}\n              @change=${(e: CustomEvent) => this.pick(e)}\n            ></ox-input-file>\n          </div>`\n        : nothing}\n    `\n  }\n\n  private tile(one: InvoiceFile, editable: boolean) {\n    return html`<span class=\"tile\">\n      <a href=${one.fullpath} target=\"_blank\" rel=\"noopener\" title=${one.name}\n        >${one.mimetype?.startsWith('image/')\n          ? html`<img src=${one.fullpath} alt=${one.name} />`\n          : html`<ox-attachment-tile .src=${one.fullpath} .path=${one.name} .mimetype=${one.mimetype ?? ''}></ox-attachment-tile>`}</a\n      >\n      <span class=\"name\">${one.name}</span>\n      ${this.mayChange\n        ? html`<button type=\"button\" ?disabled=${!editable} title=${i18next.t('button.invoice-file-remove')} aria-label=${i18next.t('button.invoice-file-remove')} @click=${() => this.takeOff(one)}>\n            <md-icon>close</md-icon>\n          </button>`\n        : nothing}\n    </span>`\n  }\n\n  private async pick(e: CustomEvent) {\n    const picked = [...((e.detail as File[]) ?? [])]\n    /* The picker's own reset says `change` again, with nothing - that one is let go. */\n    if (!picked.length) return\n    ;(e.target as any).reset?.()\n    await this.change({ attach: picked })\n  }\n\n  private async takeOff(one: InvoiceFile) {\n    const sure = await OxPrompt.open({\n      title: i18next.t('button.invoice-file-remove'),\n      text: i18next.t('text.invoice-file-remove-confirm', { name: one.name }),\n      confirmButton: { text: i18next.t('button.invoice-file-remove'), destructive: true } as any,\n      cancelButton: { text: i18next.t('button.cancel') }\n    } as any)\n    if (sure) await this.change({ remove: [one.id] })\n  }\n\n  private async change({ attach = [], remove = [] }: { attach?: File[]; remove?: string[] }) {\n    if (!this.invoiceId || this.busy) return\n    await this.changing.run({ id: this.invoiceId, attach, remove }, { context: attach.length ? uploadContext(fraction => (this.progress = fraction)) : {} })\n    this.progress = undefined\n  }\n}\n"]}

package/dist-client/pages/invoice-editor.d.ts

@@ -1,5 +1,6 @@
 import '@operato/data-grist/ox-grist.js';
 import '@operato/list-state/ox-page-state.js';
+import type { PropertyValues } from 'lit';
 import { PageView } from '@operato/shell';
 import { type DocumentValue } from '../document/document-form';
 import { type DocumentDefaults } from '../document/document-defaults';
@@ -13,19 +14,36 @@ declare const InvoiceEditor_base: (new (...args: any[]) => import("lit").LitElem
  */
 export declare class InvoiceEditor extends InvoiceEditor_base {
     static styles: import("lit").CSSResult[];
-    invoice: DocumentValue | null;
-    form: DocumentValue;
-    loading: boolean;
-    error: unknown;
-    busy: boolean;
-    voidReason: string;
+    /** What the address opens: an invoice by id, or a new one. */
+    private address?;
     gristConfig: any;
     /** The totals of the lines as typed - reckoned as the invoice will keep them, shown before it is saved. */
-    amounts: Partial<DocumentValue>;
-    /** The company's words a new invoice starts with, and the payment terms it offers (ADR-0170). */
-    defaults: DocumentDefaults | null;
-    /** The number a new invoice was offered - it follows the direction while the person leaves it. */
-    suggestedNumber: string;
+    private typedAmounts;
+    /** Whether this person may read the company's words - unknown, and nothing read, until asked. */
+    private defaultsReadable;
+    private companyDefaults;
+    private record;
+    private last;
+    private draft;
+    private voiding;
+    private saves;
+    private saving;
+    private get invoiceId();
+    /** The company's words a new invoice starts with, and the payment terms it offers (ADR-0170) - none until read. */
+    get defaults(): DocumentDefaults | null;
+    get invoice(): DocumentValue | null;
+    /** What the form shows unedited: the invoice read, or what a new one starts with. */
+    private get formRead();
+    /** The form as it shows: each field's edit, else what was read. */
+    get form(): DocumentValue;
+    /** The totals of the lines as typed, else as the invoice keeps them. */
+    get amounts(): Partial<DocumentValue>;
+    get voidReason(): string;
+    /** A failed read, or an invoice the address names that is not there. */
+    get error(): unknown;
+    get loading(): boolean;
+    /** Runs one request at a time. */
+    get busy(): boolean;
     private grist?;
     private get received();
     get editable(): boolean;
@@ -36,7 +54,11 @@ export declare class InvoiceEditor extends InvoiceEditor_base {
         description?: string;
         title: string;
     };
-    pageUpdated(changes: any, lifecycle: any): Promise<void>;
+    pageUpdated(changes: any, lifecycle: any): void;
+    private lined?;
+    private relined;
+    willUpdate(changes: PropertyValues): void;
+    updated(changes: PropertyValues): void;
     render(): import("lit-html").TemplateResult<1>;
     private renderTerms;
     /**
@@ -47,7 +69,8 @@ export declare class InvoiceEditor extends InvoiceEditor_base {
     private renderParty;
     /**
      * A party typed by name and not picked is the counterparty of that name when exactly one is - case and spaces aside;
-     * otherwise it stays unlinked and the editor says so.
+     * otherwise it stays unlinked and the editor says so. Looked up for the save and shown nowhere: the invoice read after
+     * it shows the link.
      */
     private linkByName;
     /**
@@ -55,10 +78,14 @@ export declare class InvoiceEditor extends InvoiceEditor_base {
      * due date the company's days after the issue, the company's own words (ADR-0170 decision 6), and what they leave
      * blank of our side as the last sales invoice wrote it.
      */
-    private prefill;
+    private get start();
+    /** The number a new invoice is offered once the last one is read - it follows the direction while the person leaves it. */
+    private get suggestedNumber();
     /** Days an invoice is due - the company's, or thirty. */
     private get paymentDays();
     private chooseParty;
+    /** Edits of several fields at once. */
+    private put;
     private renderVoid;
     private changeTaxBasis;
     /** The discount of the whole invoice as typed, and the totals after it. */
@@ -70,16 +97,12 @@ export declare class InvoiceEditor extends InvoiceEditor_base {
      */
     private edit;
     private configure;
-    private load;
-    private show;
-    /** Runs one request at a time; a refusal is said in the server's words. */
-    private run;
     private input;
+    /** A new one is opened once it is made; the edits sent are cleared once the save answered. Answers the invoice's id. */
     private save;
     /** Asked first - to whom and how much, fixed after - then save what is on screen and issue it. */
     private issue;
     private void;
-    private mutate;
     /**
      * The saved invoice as it goes out (ADR-0170 decision 10) - the server's page in the language chosen there, the
      * invoice's own first, to download as PDF or print. What is on screen and not saved is not in it.