@things-factory/contact 10.1.232 → 10.1.234

package/dist-client/components/contact-popup.d.ts

@@ -18,5 +18,6 @@ export declare class ContactPopup extends LitElement {
     onClose(): void;
     updated(changes: PropertyValues<this>): void;
     fetchContact(): Promise<void>;
-    updateContact(contact: Contact): Promise<void>;
+    /** Whether the contact was kept. A refusal is reported by the client; the editor keeps what was typed. */
+    updateContact(contact: Contact): Promise<boolean>;
 }

package/dist-client/components/contact-popup.js

@@ -64,9 +64,10 @@ let ContactPopup = class ContactPopup extends LitElement {
               .contact=${this.contact}
               .pickCounterparty=${this.pickCounterparty}
               @edit-cancel=${() => (this.editMode = false)}
-              @edit-done=${(e) => {
-                this.updateContact(e.detail);
-                this.editMode = false;
+              @edit-done=${async (e) => {
+                /* The editor stays open with what was typed until the save is kept - the client reports why it was not. */
+                if (await this.updateContact(e.detail))
+                    this.editMode = false;
             }}
             ></ox-contact-edit>`
             : html ` <ox-contact-view .contact=${this.contact}></ox-contact-view>`}
@@ -151,6 +152,7 @@ let ContactPopup = class ContactPopup extends LitElement {
         });
         this.contact = response.data.contact;
     }
+    /** Whether the contact was kept. A refusal is reported by the client; the editor keeps what was typed. */
     async updateContact(contact) {
         if (contact.id) {
             var { id, ...patch } = contact;
@@ -226,10 +228,13 @@ let ContactPopup = class ContactPopup extends LitElement {
                 }
             });
         }
+        if (response.errors?.length || !response.data?.contact)
+            return false;
         this.contact = response.data.contact;
         this.dispatchEvent(new CustomEvent('change', {
             detail: this.contact
         }));
+        return true;
     }
 };
 __decorate([

package/dist-client/components/contact-popup.js.map

@@ -1 +1 @@
-{"version":3,"file":"contact-popup.js","sourceRoot":"","sources":["../../client/components/contact-popup.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@operato/contact/ox-contact-view.js'\nimport '@operato/contact/ox-contact-edit.js'\nimport '@operato/app/selector/ox-selector-resource-object.js'\n\nimport { html, css, LitElement, PropertyValues } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\nimport gql from 'graphql-tag'\n\nimport { client } from '@operato/graphql'\nimport { Contact, ContactCounterparty } from '@operato/contact/ox-contact.js'\nimport { openPopup } from '@operato/layout'\nimport { i18next } from '@operato/i18n'\nimport { CommonHeaderStyles, ScrollbarStyles } from '@operato/styles'\nimport { OxContactEdit } from '@operato/contact/ox-contact-edit.js'\n\n@customElement('contact-popup')\nexport class ContactPopup extends LitElement {\n  static styles = [\n    ScrollbarStyles,\n    CommonHeaderStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n        color: var(--popup-content-color);\n        background-color: var(--popup-content-background-color);\n      }\n\n      [content] {\n        flex: 1;\n        padding: var(--spacing-medium);\n        overflow: auto;\n      }\n    `\n  ]\n\n  @property({ type: String }) contactId?: string\n  @property({ type: Boolean, attribute: 'edit-mode' }) editMode?: boolean = false\n  @property({ type: Boolean }) detachable?: boolean = false\n  @property({ type: Object }) closeCallback?: (contact?: Contact | null) => void\n\n  @state() contact: Contact = {}\n\n  @query('ox-contact-edit') editor!: OxContactEdit\n\n  render() {\n    return html`\n      <div content>\n        ${this.editMode\n          ? html`<ox-contact-edit\n              .contact=${this.contact}\n              .pickCounterparty=${this.pickCounterparty}\n              @edit-cancel=${() => (this.editMode = false)}\n              @edit-done=${(e: CustomEvent) => {\n                this.updateContact(e.detail)\n                this.editMode = false\n              }}\n            ></ox-contact-edit>`\n          : html` <ox-contact-view .contact=${this.contact}></ox-contact-view>`}\n      </div>\n\n      <div class=\"footer\">\n        ${!this.editMode\n          ? html`\n              ${this.detachable\n                ? html`\n                    <button\n                      danger\n                      @click=${() => {\n                        this.dispatchEvent(new CustomEvent('detach'))\n                        history.back()\n                      }}\n                    >\n                      <md-icon>link_off</md-icon>\n                      ${i18next.t('button.detach')}\n                    </button>\n                  `\n                : html``}\n              <div filler></div>\n              <button @click=${() => (this.editMode = true)}><md-icon>edit</md-icon>${i18next.t('button.edit')}</button>\n              <button @click=${this.onClose} ok><md-icon>close</md-icon>${i18next.t('button.close')}</button>\n            `\n          : html`\n              <button @click=${() => this.editor.reset()}>\n                <md-icon>restart_alt</md-icon>${i18next.t('button.reset')}\n              </button>\n              <div filler></div>\n              <button @click=${() => this.editor.cancel()}>\n                <md-icon>cancel</md-icon>${i18next.t('button.cancel')}\n              </button>\n              <button @click=${() => this.editor.save()} ok><md-icon>save</md-icon>${i18next.t('button.save')}</button>\n            `}\n      </div>\n    `\n  }\n\n  /* The counterparty is one of the domain's counterparties (biz-base), picked with the selector every reference column opens. */\n  private pickCounterparty = (current?: ContactCounterparty | null) =>\n    new Promise<ContactCounterparty | null | undefined>(resolve => {\n      let picked: ContactCounterparty | null | undefined\n      const popup = openPopup(\n        html`<ox-selector-resource-object\n          .value=${current?.id ?? ''}\n          .queryName=${'counterparties'}\n          .columns=${[\n            { name: 'id', hidden: true },\n            { name: 'name', header: i18next.t('field.counterparty'), filter: 'search' }\n          ]}\n          .confirmCallback=${(selected?: any) => (picked = selected ? { id: selected.id, name: selected.name } : null)}\n        ></ox-selector-resource-object>`,\n        {\n          backdrop: true,\n          size: 'large',\n          title: i18next.t('field.counterparty'),\n          search: { autofocus: true, handler: (instance: any, value: string) => instance.searchText(value) }\n        }\n      )\n      /* Closed without a choice: undefined, and the contact keeps its counterparty. */\n      popup.onclosed = () => resolve(picked)\n    })\n\n  onClose() {\n    this.closeCallback && this.closeCallback(this.contact?.id ? this.contact : null)\n\n    history.back()\n  }\n\n  updated(changes: PropertyValues<this>) {\n    if (changes.has('contactId') && this.contactId) {\n      this.fetchContact()\n    }\n  }\n\n  async fetchContact() {\n    const response = await client.query({\n      query: gql`\n        query ($id: String!) {\n          contact(id: $id) {\n            id\n            name\n            counterparty {\n              id\n              name\n            }\n            department\n            email\n            phone\n            address\n            note\n            items {\n              type\n              label\n              value\n            }\n            profile {\n              left\n              top\n              zoom\n              picture\n            }\n          }\n        }\n      `,\n      variables: {\n        id: this.contactId\n      }\n    })\n\n    this.contact = response.data.contact\n  }\n\n  async updateContact(contact: Contact) {\n    if (contact.id) {\n      var { id, ...patch } = contact\n\n      var response = await client.mutate({\n        mutation: gql`\n          mutation ($id: String!, $patch: ContactPatch!) {\n            contact: updateContact(id: $id, patch: $patch) {\n              id\n              name\n              counterparty {\n                id\n                name\n              }\n              email\n              phone\n              note\n              items {\n                label\n                type\n                value\n              }\n              profile {\n                left\n                top\n                zoom\n                picture\n              }\n            }\n          }\n        `,\n        variables: {\n          id,\n          patch\n        },\n        context: {\n          hasUpload: true\n        }\n      })\n    } else {\n      var response = await client.mutate({\n        mutation: gql`\n          mutation ($contact: NewContact!) {\n            contact: createContact(contact: $contact) {\n              id\n              name\n              counterparty {\n                id\n                name\n              }\n              email\n              phone\n              note\n              items {\n                label\n                type\n                value\n              }\n              profile {\n                left\n                top\n                zoom\n                picture\n              }\n            }\n          }\n        `,\n        variables: {\n          contact\n        },\n        context: {\n          hasUpload: true\n        }\n      })\n    }\n\n    this.contact = response.data.contact\n\n    this.dispatchEvent(\n      new CustomEvent('change', {\n        detail: this.contact\n      })\n    )\n  }\n}\n"]}
+{"version":3,"file":"contact-popup.js","sourceRoot":"","sources":["../../client/components/contact-popup.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@operato/contact/ox-contact-view.js'\nimport '@operato/contact/ox-contact-edit.js'\nimport '@operato/app/selector/ox-selector-resource-object.js'\n\nimport { html, css, LitElement, PropertyValues } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\nimport gql from 'graphql-tag'\n\nimport { client } from '@operato/graphql'\nimport { Contact, ContactCounterparty } from '@operato/contact/ox-contact.js'\nimport { openPopup } from '@operato/layout'\nimport { i18next } from '@operato/i18n'\nimport { CommonHeaderStyles, ScrollbarStyles } from '@operato/styles'\nimport { OxContactEdit } from '@operato/contact/ox-contact-edit.js'\n\n@customElement('contact-popup')\nexport class ContactPopup extends LitElement {\n  static styles = [\n    ScrollbarStyles,\n    CommonHeaderStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n        color: var(--popup-content-color);\n        background-color: var(--popup-content-background-color);\n      }\n\n      [content] {\n        flex: 1;\n        padding: var(--spacing-medium);\n        overflow: auto;\n      }\n    `\n  ]\n\n  @property({ type: String }) contactId?: string\n  @property({ type: Boolean, attribute: 'edit-mode' }) editMode?: boolean = false\n  @property({ type: Boolean }) detachable?: boolean = false\n  @property({ type: Object }) closeCallback?: (contact?: Contact | null) => void\n\n  @state() contact: Contact = {}\n\n  @query('ox-contact-edit') editor!: OxContactEdit\n\n  render() {\n    return html`\n      <div content>\n        ${this.editMode\n          ? html`<ox-contact-edit\n              .contact=${this.contact}\n              .pickCounterparty=${this.pickCounterparty}\n              @edit-cancel=${() => (this.editMode = false)}\n              @edit-done=${async (e: CustomEvent) => {\n                /* The editor stays open with what was typed until the save is kept - the client reports why it was not. */\n                if (await this.updateContact(e.detail)) this.editMode = false\n              }}\n            ></ox-contact-edit>`\n          : html` <ox-contact-view .contact=${this.contact}></ox-contact-view>`}\n      </div>\n\n      <div class=\"footer\">\n        ${!this.editMode\n          ? html`\n              ${this.detachable\n                ? html`\n                    <button\n                      danger\n                      @click=${() => {\n                        this.dispatchEvent(new CustomEvent('detach'))\n                        history.back()\n                      }}\n                    >\n                      <md-icon>link_off</md-icon>\n                      ${i18next.t('button.detach')}\n                    </button>\n                  `\n                : html``}\n              <div filler></div>\n              <button @click=${() => (this.editMode = true)}><md-icon>edit</md-icon>${i18next.t('button.edit')}</button>\n              <button @click=${this.onClose} ok><md-icon>close</md-icon>${i18next.t('button.close')}</button>\n            `\n          : html`\n              <button @click=${() => this.editor.reset()}>\n                <md-icon>restart_alt</md-icon>${i18next.t('button.reset')}\n              </button>\n              <div filler></div>\n              <button @click=${() => this.editor.cancel()}>\n                <md-icon>cancel</md-icon>${i18next.t('button.cancel')}\n              </button>\n              <button @click=${() => this.editor.save()} ok><md-icon>save</md-icon>${i18next.t('button.save')}</button>\n            `}\n      </div>\n    `\n  }\n\n  /* The counterparty is one of the domain's counterparties (biz-base), picked with the selector every reference column opens. */\n  private pickCounterparty = (current?: ContactCounterparty | null) =>\n    new Promise<ContactCounterparty | null | undefined>(resolve => {\n      let picked: ContactCounterparty | null | undefined\n      const popup = openPopup(\n        html`<ox-selector-resource-object\n          .value=${current?.id ?? ''}\n          .queryName=${'counterparties'}\n          .columns=${[\n            { name: 'id', hidden: true },\n            { name: 'name', header: i18next.t('field.counterparty'), filter: 'search' }\n          ]}\n          .confirmCallback=${(selected?: any) => (picked = selected ? { id: selected.id, name: selected.name } : null)}\n        ></ox-selector-resource-object>`,\n        {\n          backdrop: true,\n          size: 'large',\n          title: i18next.t('field.counterparty'),\n          search: { autofocus: true, handler: (instance: any, value: string) => instance.searchText(value) }\n        }\n      )\n      /* Closed without a choice: undefined, and the contact keeps its counterparty. */\n      popup.onclosed = () => resolve(picked)\n    })\n\n  onClose() {\n    this.closeCallback && this.closeCallback(this.contact?.id ? this.contact : null)\n\n    history.back()\n  }\n\n  updated(changes: PropertyValues<this>) {\n    if (changes.has('contactId') && this.contactId) {\n      this.fetchContact()\n    }\n  }\n\n  async fetchContact() {\n    const response = await client.query({\n      query: gql`\n        query ($id: String!) {\n          contact(id: $id) {\n            id\n            name\n            counterparty {\n              id\n              name\n            }\n            department\n            email\n            phone\n            address\n            note\n            items {\n              type\n              label\n              value\n            }\n            profile {\n              left\n              top\n              zoom\n              picture\n            }\n          }\n        }\n      `,\n      variables: {\n        id: this.contactId\n      }\n    })\n\n    this.contact = response.data.contact\n  }\n\n  /** Whether the contact was kept. A refusal is reported by the client; the editor keeps what was typed. */\n  async updateContact(contact: Contact): Promise<boolean> {\n    if (contact.id) {\n      var { id, ...patch } = contact\n\n      var response = await client.mutate({\n        mutation: gql`\n          mutation ($id: String!, $patch: ContactPatch!) {\n            contact: updateContact(id: $id, patch: $patch) {\n              id\n              name\n              counterparty {\n                id\n                name\n              }\n              email\n              phone\n              note\n              items {\n                label\n                type\n                value\n              }\n              profile {\n                left\n                top\n                zoom\n                picture\n              }\n            }\n          }\n        `,\n        variables: {\n          id,\n          patch\n        },\n        context: {\n          hasUpload: true\n        }\n      })\n    } else {\n      var response = await client.mutate({\n        mutation: gql`\n          mutation ($contact: NewContact!) {\n            contact: createContact(contact: $contact) {\n              id\n              name\n              counterparty {\n                id\n                name\n              }\n              email\n              phone\n              note\n              items {\n                label\n                type\n                value\n              }\n              profile {\n                left\n                top\n                zoom\n                picture\n              }\n            }\n          }\n        `,\n        variables: {\n          contact\n        },\n        context: {\n          hasUpload: true\n        }\n      })\n    }\n\n    if (response.errors?.length || !response.data?.contact) return false\n\n    this.contact = response.data.contact\n\n    this.dispatchEvent(\n      new CustomEvent('change', {\n        detail: this.contact\n      })\n    )\n    return true\n  }\n}\n"]}

package/dist-client/pages/contact-importer.d.ts

@@ -11,12 +11,21 @@ export declare class ContactImporter extends LitElement {
         pagination: {
             infinite: boolean;
         };
-        columns: {
+        columns: ({
             type: string;
             name: string;
             header: string;
             width: number;
-        }[];
+            record?: undefined;
+        } | {
+            type: string;
+            name: string;
+            header: string;
+            width: number;
+            record: {
+                renderer: (value: any) => any;
+            };
+        })[];
     };
     render(): import("lit-html").TemplateResult<1>;
     save(): Promise<void>;

package/dist-client/pages/contact-importer.js

@@ -14,7 +14,7 @@ export class ContactImporter extends LitElement {
         super(...arguments);
         this.contacts = [];
         this.columns = {
-            list: { fields: ['name', 'description'] },
+            list: { fields: ['name', 'counterparty', 'email'] },
             pagination: { infinite: true },
             columns: [
                 {
@@ -23,18 +23,18 @@ export class ContactImporter extends LitElement {
                     header: i18next.t('field.name'),
                     width: 150
                 },
+                /* What the import keeps - the export's columns. A contact has no description or active flag. */
                 {
                     type: 'string',
-                    name: 'description',
-                    header: i18next.t('field.description'),
-                    width: 200
+                    name: 'counterparty',
+                    header: i18next.t('field.counterparty'),
+                    width: 150,
+                    record: { renderer: (value) => (typeof value === 'string' ? value : value?.name ?? '') }
                 },
-                {
-                    type: 'checkbox',
-                    name: 'active',
-                    header: i18next.t('field.active'),
-                    width: 60
-                }
+                { type: 'string', name: 'email', header: i18next.t('field.email'), width: 200 },
+                { type: 'string', name: 'phone', header: i18next.t('field.phone'), width: 130 },
+                { type: 'string', name: 'address', header: i18next.t('field.address'), width: 200 },
+                { type: 'string', name: 'note', header: i18next.t('field.note'), width: 200 }
             ]
         };
     }

package/dist-client/pages/contact-importer.js.map

@@ -1 +1 @@
-{"version":3,"file":"contact-importer.js","sourceRoot":"","sources":["../../client/pages/contact-importer.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@operato/data-grist'\n\nimport gql from 'graphql-tag'\nimport { css, html, LitElement } from 'lit'\nimport { property } from 'lit/decorators.js'\n\nimport { client } from '@operato/graphql'\nimport { i18next } from '@operato/i18n'\nimport { notify } from '@operato/layout'\nimport { isMobileDevice } from '@operato/utils'\nimport { CommonHeaderStyles } from '@operato/styles'\n\nexport class ContactImporter extends LitElement {\n  static styles = [\n    CommonHeaderStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n\n        background-color: var(--md-sys-color-surface);\n      }\n\n      ox-grist {\n        flex: 1;\n      }\n    `\n  ]\n\n  @property({ type: Array }) contacts: any[] = []\n  @property({ type: Object }) columns = {\n    list: { fields: ['name', 'description'] },\n    pagination: { infinite: true },\n    columns: [\n      {\n        type: 'string',\n        name: 'name',\n        header: i18next.t('field.name'),\n        width: 150\n      },\n      {\n        type: 'string',\n        name: 'description',\n        header: i18next.t('field.description'),\n        width: 200\n      },\n      {\n        type: 'checkbox',\n        name: 'active',\n        header: i18next.t('field.active'),\n        width: 60\n      }\n    ]\n  }\n\n  render() {\n    return html`\n      <ox-grist\n        .mode=${isMobileDevice() ? 'LIST' : 'GRID'}\n        .config=${this.columns}\n        .data=${{\n          records: this.contacts\n        }}\n      ></ox-grist>\n\n      <div class=\"footer\">\n        <div filler></div>\n        <button @click=${this.save.bind(this)} done><md-icon>save</md-icon>${i18next.t('button.save')}</button>\n      </div>\n    `\n  }\n\n  async save() {\n    const { contacts, unknown } = await this.withCounterparties(this.contacts)\n    if (unknown.length) {\n      notify({ level: 'error', message: i18next.t('text.contact-counterparty-unknown', { names: unknown.join(', ') }) })\n      return\n    }\n    const response = await client.mutate({\n      mutation: gql`\n        mutation importContacts($contacts: [ContactPatch!]!) {\n          importContacts(contacts: $contacts)\n        }\n      `,\n      variables: { contacts }\n    })\n\n    if (response.errors?.length) return\n\n    this.dispatchEvent(new CustomEvent('imported'))\n  }\n\n  /* A counterparty comes in by its name, as the export writes it, and is looked up among the domain's counterparties by that name. */\n  private async withCounterparties(records: any[]) {\n    const nameOf = (value: unknown) => (typeof value === 'string' ? value.trim() : '')\n    const names = [...new Set(records.map(one => nameOf(one.counterparty)).filter(Boolean))]\n    const ids = new Map<string, string>()\n    if (names.length) {\n      const response = await client.query({\n        query: gql`\n          query ($filters: [Filter!]) {\n            counterparties(filters: $filters) {\n              items {\n                id\n                name\n              }\n            }\n          }\n        `,\n        variables: { filters: [{ name: 'name', operator: 'in', value: names }] }\n      })\n      for (const one of response.data?.counterparties?.items ?? []) ids.set(one.name, one.id)\n    }\n    const contacts = records.map(({ counterparty, ...rest }) => {\n      const id = counterparty?.id ?? ids.get(nameOf(counterparty))\n      return id ? { ...rest, counterparty: { id } } : rest\n    })\n    return { contacts, unknown: names.filter(name => !ids.has(name)) }\n  }\n}\n"]}
+{"version":3,"file":"contact-importer.js","sourceRoot":"","sources":["../../client/pages/contact-importer.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@operato/data-grist'\n\nimport gql from 'graphql-tag'\nimport { css, html, LitElement } from 'lit'\nimport { property } from 'lit/decorators.js'\n\nimport { client } from '@operato/graphql'\nimport { i18next } from '@operato/i18n'\nimport { notify } from '@operato/layout'\nimport { isMobileDevice } from '@operato/utils'\nimport { CommonHeaderStyles } from '@operato/styles'\n\nexport class ContactImporter extends LitElement {\n  static styles = [\n    CommonHeaderStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n\n        background-color: var(--md-sys-color-surface);\n      }\n\n      ox-grist {\n        flex: 1;\n      }\n    `\n  ]\n\n  @property({ type: Array }) contacts: any[] = []\n  @property({ type: Object }) columns = {\n    list: { fields: ['name', 'counterparty', 'email'] },\n    pagination: { infinite: true },\n    columns: [\n      {\n        type: 'string',\n        name: 'name',\n        header: i18next.t('field.name'),\n        width: 150\n      },\n      /* What the import keeps - the export's columns. A contact has no description or active flag. */\n      {\n        type: 'string',\n        name: 'counterparty',\n        header: i18next.t('field.counterparty'),\n        width: 150,\n        record: { renderer: (value: any) => (typeof value === 'string' ? value : value?.name ?? '') }\n      },\n      { type: 'string', name: 'email', header: i18next.t('field.email'), width: 200 },\n      { type: 'string', name: 'phone', header: i18next.t('field.phone'), width: 130 },\n      { type: 'string', name: 'address', header: i18next.t('field.address'), width: 200 },\n      { type: 'string', name: 'note', header: i18next.t('field.note'), width: 200 }\n    ]\n  }\n\n  render() {\n    return html`\n      <ox-grist\n        .mode=${isMobileDevice() ? 'LIST' : 'GRID'}\n        .config=${this.columns}\n        .data=${{\n          records: this.contacts\n        }}\n      ></ox-grist>\n\n      <div class=\"footer\">\n        <div filler></div>\n        <button @click=${this.save.bind(this)} done><md-icon>save</md-icon>${i18next.t('button.save')}</button>\n      </div>\n    `\n  }\n\n  async save() {\n    const { contacts, unknown } = await this.withCounterparties(this.contacts)\n    if (unknown.length) {\n      notify({ level: 'error', message: i18next.t('text.contact-counterparty-unknown', { names: unknown.join(', ') }) })\n      return\n    }\n    const response = await client.mutate({\n      mutation: gql`\n        mutation importContacts($contacts: [ContactPatch!]!) {\n          importContacts(contacts: $contacts)\n        }\n      `,\n      variables: { contacts }\n    })\n\n    if (response.errors?.length) return\n\n    this.dispatchEvent(new CustomEvent('imported'))\n  }\n\n  /* A counterparty comes in by its name, as the export writes it, and is looked up among the domain's counterparties by that name. */\n  private async withCounterparties(records: any[]) {\n    const nameOf = (value: unknown) => (typeof value === 'string' ? value.trim() : '')\n    const names = [...new Set(records.map(one => nameOf(one.counterparty)).filter(Boolean))]\n    const ids = new Map<string, string>()\n    if (names.length) {\n      const response = await client.query({\n        query: gql`\n          query ($filters: [Filter!]) {\n            counterparties(filters: $filters) {\n              items {\n                id\n                name\n              }\n            }\n          }\n        `,\n        variables: { filters: [{ name: 'name', operator: 'in', value: names }] }\n      })\n      for (const one of response.data?.counterparties?.items ?? []) ids.set(one.name, one.id)\n    }\n    const contacts = records.map(({ counterparty, ...rest }) => {\n      const id = counterparty?.id ?? ids.get(nameOf(counterparty))\n      return id ? { ...rest, counterparty: { id } } : rest\n    })\n    return { contacts, unknown: names.filter(name => !ids.has(name)) }\n  }\n}\n"]}

package/dist-client/pages/contact-list-page.js

@@ -86,7 +86,7 @@ let ContactListPage = class ContactListPage extends localize(i18next)(ScopedElem
                 { type: 'gutter', gutterName: 'row-selector', multiple: true },
                 { type: 'image',
                     name: 'profile',
-                    header: i18next.t('button.edit-contact'),
+                    header: i18next.t('field.photo'),
                     width: 80,
                     record: { align: 'center',
                         renderer: function (value, column, record, rowIndex, field) {

package/dist-client/pages/contact-list-page.js.map

@@ -1 +1 @@
-{"version":3,"file":"contact-list-page.js","sourceRoot":"","sources":["../../client/pages/contact-list-page.ts"],"names":[],"mappings":"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","sourcesContent":["import '@operato/data-grist'\n\nimport { CommonGristStyles, CommonHeaderStyles, ScrollbarStyles, WorkSurfacePageStyles } from '@operato/styles'\nimport { PageView } from '@operato/shell'\nimport { css, html } from 'lit'\nimport { customElement, property, 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 { isMobileDevice } from '@operato/utils'\n\nimport gql from 'graphql-tag'\n\nimport '../components/contact-popup'\nimport { ContactImporter } from './contact-importer'\n\n@customElement('contact-list-page')\nexport class ContactListPage extends localize(i18next)(ScopedElementsMixin(PageView)) {   static styles = [\n    /* The work surface frame for a list screen (ADR-0060 decision 8). */\n    WorkSurfacePageStyles,\n    ScrollbarStyles,\n    CommonGristStyles,\n    CommonHeaderStyles,\n    css`\n      :host {\n        --ox-pfp-size: 40px;\n        --grid-record-emphasized-background-color: #8b0000;\n        --grid-record-emphasized-color: #ff6b6b;\n      }\n\n      .header {         grid-template-areas: 'filters actions';\n }\n    `\n  ]\n\n  static get scopedElements() {     return {       'contact-importer': ContactImporter\n }\n }\n\n  @property({ type: Object }) gristConfig: any\n  @property({ type: String }) mode: 'CARD' | 'GRID' | 'LIST' = isMobileDevice() ? 'CARD' : 'GRID'\n\n  @query('ox-grist') private grist!: DataGrist\n\n  get context() {     return {       title: i18next.t('title.contact list'),\n      search: {         handler: (search: string) => {           this.grist.searchText = search\n },\n        value: this.grist?.searchText || ''\n },\n      filter: {         handler: () => {           this.grist.toggleHeadroom()\n }\n },\n      help: 'contact/contact',\n      actions: [\n        {           icon: 'add',\n          title: i18next.t('button.add'),\n          action: this.onCreateContact.bind(this)\n },\n        {           icon: 'delete',\n          title: i18next.t('button.delete'),\n          action: this.onDeleteContact.bind(this),\n          emphasis: {             danger: true\n }\n }\n      ],\n      exportable: {         name: i18next.t('title.contact list'),\n        data: this.exportHandler.bind(this)\n },\n      importable: {         handler: this.importHandler.bind(this)\n }\n }\n }\n\n  render() {     const mode = this.mode || (isMobileDevice() ? 'CARD' : 'GRID')\n\n    return html`\n      <ox-grist class=\"page-fill\" .mode=${mode} .config=${this.gristConfig} .fetchHandler=${this.fetchHandler.bind(this)}>\n      </ox-grist>\n    `\n }\n\n  async pageInitialized(lifecycle: any) {     this.gristConfig = {       pagination: { pages: [100, 200, 500] },\n      list: {         thumbnail: 'profile',\n        fields: ['name', 'counterparty'],\n        details: ['email', 'updatedAt']\n },\n      columns: [\n        { type: 'gutter', gutterName: 'sequence' },\n        { type: 'gutter', gutterName: 'row-selector', multiple: true },\n        {           type: 'image',\n          name: 'profile',\n          header: i18next.t('button.edit-contact'),\n          width: 80,\n          record: {             align: 'center',\n            renderer: function (value, column, record, rowIndex, field) {               return html`<ox-pfp-view .profile=${record.profile} .name=${record.name || '+'}></ox-pfp-view>`\n }\n }\n },\n        {           type: 'string',\n          name: 'name',\n          header: i18next.t('field.name'),\n          record: {             editable: false\n },\n          filter: 'search',\n          sortable: true,\n          width: 100\n },\n        {           type: 'object',\n          name: 'counterparty',\n          header: i18next.t('field.counterparty'),\n          record: {             editable: false,             renderer: (value: any) => value?.name ?? ''\n },\n          filter: 'search',\n          sortable: true,\n          width: 135\n },\n        {           type: 'string',\n          name: 'department',\n          header: i18next.t('field.department'),\n          record: {             editable: false\n },\n          sortable: false,\n          width: 135\n },\n        {           type: 'string',\n          name: 'email',\n          header: i18next.t('field.email'),\n          record: {             editable: false\n },\n          sortable: false,\n          width: 190\n },\n        {           type: 'string',\n          name: 'phone',\n          header: i18next.t('field.phone'),\n          record: {             editable: false\n },\n          sortable: false,\n          width: 120\n },\n        {           type: 'string',\n          name: 'address',\n          header: i18next.t('field.address'),\n          record: {             editable: false\n },\n          sortable: false,\n          width: 390\n },\n        {           type: 'resource-object',\n          name: 'updater',\n          header: i18next.t('field.updater'),\n          record: {             editable: false\n },\n          sortable: false,\n          width: 90\n },\n        {           type: 'datetime',\n          name: 'updatedAt',\n          header: i18next.t('field.updated_at'),\n          record: {             editable: false\n },\n          sortable: true,\n          width: 180\n },\n        {           type: 'image',\n          name: 'profile',\n          record: {             renderer: function (value, column, record, rowIndex, field) {               return html`<ox-pfp-view\n                style=\"height:90%; width: unset; aspect-ratio: 1 / 1;\"\n                .profile=${record.profile}\n                .name=${record.name}\n              ></ox-pfp-view>`\n }\n },\n          hidden: true\n }\n      ],\n      rows: {         handlers: {           click: (columns, data, column, record, rowIndex, target) => {             this.openContactPopup(record)\n }\n },\n        appendable: false,\n        selectable: {           multiple: true\n }\n },\n      sorters: [\n        {           name: 'counterparty'\n },\n        {           name: 'name'\n }\n      ]\n }\n }\n\n  async pageUpdated(changes: any, lifecycle: any) {     if (this.active) {       // do something here when this page just became as active\n }\n }\n\n  async fetchHandler({ page = 1, limit = 100, sortings = [], filters = [] }: FetchOption) {     const response = await client.query({       query: gql`\n        query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!]) {           responses: contacts(filters: $filters, pagination: $pagination, sortings: $sortings) {             items {               id\n              name\n              counterparty {\n                id\n                name\n              }\n              email\n              phone\n              address\n              department\n              note\n              profile {                 left\n                top\n                zoom\n                picture\n }\n              updater {                 id\n                name\n }\n              updatedAt\n }\n            total\n }\n }\n      `,\n      variables: {         filters,\n        pagination: { page, limit },\n        sortings\n }\n })\n\n    return {       total: response.data.responses.total || 0,\n      records: response.data.responses.items || []\n }\n }\n\n  async onDeleteContact() {     if (confirm(i18next.t('text.sure_to_x', { x: i18next.t('text.delete') }))) {       const ids = this.grist.selected.map(record => record.id)\n      if (ids && ids.length > 0) {         const response = await client.mutate({           mutation: gql`\n            mutation ($ids: [String!]!) {               deleteContacts(ids: $ids)\n }\n          `,\n          variables: {             ids\n }\n })\n\n        if (!response.errors) {           this.grist.fetch()\n          notify({             message: i18next.t('text.info_x_successfully', { x: i18next.t('text.delete') })\n })\n }\n }\n }\n }\n\n  async _updateContact() {     let patches = this.grist.dirtyRecords\n    if (patches && patches.length) {       patches = patches.map(patch => {         let patchField: any = patch.id ? { id: patch.id } : {}\n        const dirtyFields = patch.__dirtyfields__\n        for (let key in dirtyFields) {           patchField[key] = dirtyFields[key].after\n }\n        patchField.cuFlag = patch.__dirty__\n\n        return patchField\n })\n\n      const response = await client.mutate({         mutation: gql`\n          mutation ($patches: [ContactPatch!]!) {             updateMultipleContact(patches: $patches) {               name\n              counterparty {\n                id\n                name\n              }\n              email\n              profile {                 left\n                top\n                zoom\n                picture\n }\n              updater {                 id\n                name\n }\n              updatedAt\n }\n }\n        `,\n        variables: {           patches\n }\n })\n\n      if (!response.errors) {         this.grist.fetch()\n }\n }\n }\n\n  async exportHandler() {     const exportTargets = this.grist.selected.length ? this.grist.selected : this.grist.dirtyData.records\n    const targetFieldSet = new Set(['id', 'name', 'counterparty', 'email', 'phone', 'address', 'note'])\n\n    return exportTargets.map(contact => {       let tempObj = {}\n      for (const field of targetFieldSet) {         tempObj[field] = field === 'counterparty' ? contact.counterparty?.name : contact[field]\n }\n\n      return tempObj\n })\n }\n\n  async importHandler(records) {     const popup = openPopup(\n      html`\n        <contact-importer\n          .contacts=${records}\n          @imported=${() => {             history.back()\n            this.grist.fetch()\n }}\n        ></contact-importer>\n      `,\n      {         backdrop: true,\n        size: 'large',\n        title: i18next.t('title.import contact')\n }\n    )\n\n    popup.onclosed = () => {       this.grist.fetch()\n }\n }\n\n  async openContactPopup(record: any) {     const popup = openPopup(html` <contact-popup .contactId=${record.id}></contact-popup> `, {       backdrop: true,\n      size: 'large',\n      title: i18next.t('title.contact')\n })\n    popup.onclosed = () => {       this.grist.fetch()\n }\n }\n\n  async onCreateContact() {     const popup = openPopup(html` <contact-popup edit-mode></contact-popup> `, {       backdrop: true,\n      size: 'large',\n      title: i18next.t('title.contact')\n })\n    popup.onclosed = () => {       this.grist.fetch()\n }\n }\n}\n"]}
+{"version":3,"file":"contact-list-page.js","sourceRoot":"","sources":["../../client/pages/contact-list-page.ts"],"names":[],"mappings":";AAAA,OAAO,qBAAqB,CAAA;AAE5B,OAAO,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAA;AAC/G,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACzC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAC/B,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAClE,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAA;AAC9D,OAAO,EAAE,SAAS,EAAe,MAAM,qBAAqB,CAAA;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAE/C,OAAO,GAAG,MAAM,aAAa,CAAA;AAE7B,OAAO,6BAA6B,CAAA;AACpC,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAG7C,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,QAAQ,CAAC,OAAO,CAAC,CAAC,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IAA9E;;QAuBuB,SAAI,GAA6B,cAAc,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAA;IAqSjG,CAAC;aA5TgG,WAAM,GAAG;QACtG,qEAAqE;QACrE,qBAAqB;QACrB,eAAe;QACf,iBAAiB;QACjB,kBAAkB;QAClB,GAAG,CAAA;;;;;;;;;KASF;KACF,AAhBoG,CAgBpG;IAED,MAAM,KAAK,cAAc;QAAS,OAAO,EAAQ,kBAAkB,EAAE,eAAe;SACpF,CAAA;IACD,CAAC;IAOA,IAAI,OAAO;QAAS,OAAO,EAAQ,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,oBAAoB,CAAC;YACrE,MAAM,EAAE,EAAU,OAAO,EAAE,CAAC,MAAc,EAAE,EAAE;oBAAa,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,MAAM,CAAA;gBAC9F,CAAC;gBACM,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,UAAU,IAAI,EAAE,EACzC;YACI,MAAM,EAAE,EAAU,OAAO,EAAE,GAAG,EAAE;oBAAa,IAAI,CAAC,KAAK,CAAC,cAAc,EAAE,CAAA;gBAC7E,CAAC;aACA;YACI,IAAI,EAAE,iBAAiB;YACvB,OAAO,EAAE;gBACP,EAAY,IAAI,EAAE,KAAK;oBACrB,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC;oBAC9B,MAAM,EAAE,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC;iBAC/C;gBACM,EAAY,IAAI,EAAE,QAAQ;oBACxB,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC;oBACjC,MAAM,EAAE,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC;oBACvC,QAAQ,EAAE,EAAc,MAAM,EAAE,IAAI;qBAC5C;iBACA;aACK;YACD,UAAU,EAAE,EAAU,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,oBAAoB,CAAC;gBACzD,IAAI,EAAE,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC;aACzC;YACI,UAAU,EAAE,EAAU,OAAO,EAAE,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC;aAChE,EACA,CAAA;IACD,CAAC;IAEA,MAAM;QAAS,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,IAAI,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAA;QAE3E,OAAO,IAAI,CAAA;0CAC2B,IAAI,YAAY,IAAI,CAAC,WAAW,kBAAkB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC;;KAEnH,CAAA;IACJ,CAAC;IAEA,KAAK,CAAC,eAAe,CAAC,SAAc;QAAQ,IAAI,CAAC,WAAW,GAAG,EAAQ,UAAU,EAAE,EAAE,KAAK,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE;YACzG,IAAI,EAAE,EAAU,SAAS,EAAE,SAAS;gBAClC,MAAM,EAAE,CAAC,MAAM,EAAE,cAAc,CAAC;gBAChC,OAAO,EAAE,CAAC,OAAO,EAAE,WAAW,CAAC;aACrC;YACI,OAAO,EAAE;gBACP,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE;gBAC1C,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,cAAc,EAAE,QAAQ,EAAE,IAAI,EAAE;gBAC9D,EAAY,IAAI,EAAE,OAAO;oBACvB,IAAI,EAAE,SAAS;oBACf,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC;oBAChC,KAAK,EAAE,EAAE;oBACT,MAAM,EAAE,EAAc,KAAK,EAAE,QAAQ;wBACnC,QAAQ,EAAE,UAAU,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK;4BAAkB,OAAO,IAAI,CAAA,yBAAyB,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,IAAI,IAAI,GAAG,iBAAiB,CAAA;wBACtL,CAAC;qBACA;iBACA;gBACM,EAAY,IAAI,EAAE,QAAQ;oBACxB,IAAI,EAAE,MAAM;oBACZ,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC;oBAC/B,MAAM,EAAE,EAAc,QAAQ,EAAE,KAAK;qBAC7C;oBACQ,MAAM,EAAE,QAAQ;oBAChB,QAAQ,EAAE,IAAI;oBACd,KAAK,EAAE,GAAG;iBAClB;gBACM,EAAY,IAAI,EAAE,QAAQ;oBACxB,IAAI,EAAE,cAAc;oBACpB,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,oBAAoB,CAAC;oBACvC,MAAM,EAAE,EAAc,QAAQ,EAAE,KAAK,EAAc,QAAQ,EAAE,CAAC,KAAU,EAAE,EAAE,CAAC,KAAK,EAAE,IAAI,IAAI,EAAE;qBACtG;oBACQ,MAAM,EAAE,QAAQ;oBAChB,QAAQ,EAAE,IAAI;oBACd,KAAK,EAAE,GAAG,EAClB;gBACM,EAAY,IAAI,EAAE,QAAQ;oBACxB,IAAI,EAAE,YAAY;oBAClB,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,kBAAkB,CAAC;oBACrC,MAAM,EAAE,EAAc,QAAQ,EAAE,KAAK;qBAC7C;oBACQ,QAAQ,EAAE,KAAK;oBACf,KAAK,EAAE,GAAG;iBAClB;gBACM,EAAY,IAAI,EAAE,QAAQ;oBACxB,IAAI,EAAE,OAAO;oBACb,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC;oBAChC,MAAM,EAAE,EAAc,QAAQ,EAAE,KAAK;qBAC7C;oBACQ,QAAQ,EAAE,KAAK;oBACf,KAAK,EAAE,GAAG;iBAClB;gBACM,EAAY,IAAI,EAAE,QAAQ;oBACxB,IAAI,EAAE,OAAO;oBACb,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC;oBAChC,MAAM,EAAE,EAAc,QAAQ,EAAE,KAAK;qBAC7C;oBACQ,QAAQ,EAAE,KAAK;oBACf,KAAK,EAAE,GAAG;iBAClB;gBACM,EAAY,IAAI,EAAE,QAAQ;oBACxB,IAAI,EAAE,SAAS;oBACf,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC;oBAClC,MAAM,EAAE,EAAc,QAAQ,EAAE,KAAK;qBAC7C;oBACQ,QAAQ,EAAE,KAAK;oBACf,KAAK,EAAE,GAAG;iBAClB;gBACM,EAAY,IAAI,EAAE,iBAAiB;oBACjC,IAAI,EAAE,SAAS;oBACf,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC;oBAClC,MAAM,EAAE,EAAc,QAAQ,EAAE,KAAK;qBAC7C;oBACQ,QAAQ,EAAE,KAAK;oBACf,KAAK,EAAE,EAAE;iBACjB;gBACM,EAAY,IAAI,EAAE,UAAU;oBAC1B,IAAI,EAAE,WAAW;oBACjB,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,kBAAkB,CAAC;oBACrC,MAAM,EAAE,EAAc,QAAQ,EAAE,KAAK;qBAC7C;oBACQ,QAAQ,EAAE,IAAI;oBACd,KAAK,EAAE,GAAG;iBAClB;gBACM,EAAY,IAAI,EAAE,OAAO;oBACvB,IAAI,EAAE,SAAS;oBACf,MAAM,EAAE,EAAc,QAAQ,EAAE,UAAU,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK;4BAAkB,OAAO,IAAI,CAAA;;2BAE5F,MAAM,CAAC,OAAO;wBACjB,MAAM,CAAC,IAAI;8BACL,CAAA;wBAC7B,CAAC;qBACA;oBACQ,MAAM,EAAE,IAAI;iBACpB;aACK;YACD,IAAI,EAAE,EAAU,QAAQ,EAAE,EAAY,KAAK,EAAE,CAAC,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE;wBAAe,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAA;oBAClJ,CAAC;iBACA;gBACM,UAAU,EAAE,KAAK;gBACjB,UAAU,EAAE,EAAY,QAAQ,EAAE,IAAI;iBAC5C;aACA;YACI,OAAO,EAAE;gBACP,EAAY,IAAI,EAAE,cAAc;iBACtC;gBACM,EAAY,IAAI,EAAE,MAAM;iBAC9B;aACK,EACL,CAAA;IACD,CAAC;IAEA,KAAK,CAAC,WAAW,CAAC,OAAY,EAAE,SAAc;QAAQ,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC,CAAO,yDAAyD;QACzI,CAAC;IACD,CAAC;IAEA,KAAK,CAAC,YAAY,CAAC,EAAE,IAAI,GAAG,CAAC,EAAE,KAAK,GAAG,GAAG,EAAE,QAAQ,GAAG,EAAE,EAAE,OAAO,GAAG,EAAE,EAAe;QAAQ,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC,EAAQ,KAAK,EAAE,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;OAyB/I;YACD,SAAS,EAAE,EAAU,OAAO;gBAC1B,UAAU,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE;gBAC3B,QAAQ;aACd;SACA,CAAC,CAAA;QAEC,OAAO,EAAQ,KAAK,EAAE,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,IAAI,CAAC;YACtD,OAAO,EAAE,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,IAAI,EAAE;SAChD,CAAA;IACD,CAAC;IAEA,KAAK,CAAC,eAAe;QAAS,IAAI,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,gBAAgB,EAAE,EAAE,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC;YAAO,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,CAAC,CAAA;YACrK,IAAI,GAAG,IAAI,GAAG,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBAAS,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,MAAM,CAAC,EAAY,QAAQ,EAAE,GAAG,CAAA;;;WAG9F;oBACD,SAAS,EAAE,EAAc,GAAG;qBACpC;iBACA,CAAC,CAAA;gBAEK,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC;oBAAW,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAA;oBAClD,MAAM,CAAC,EAAc,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,0BAA0B,EAAE,EAAE,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,EAAE,CAAC;qBAC5G,CAAC,CAAA;gBACF,CAAC;YACD,CAAC;QACD,CAAC;IACD,CAAC;IAEA,KAAK,CAAC,cAAc;QAAS,IAAI,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,CAAA;QAChE,IAAI,OAAO,IAAI,OAAO,CAAC,MAAM,EAAE,CAAC;YAAO,OAAO,GAAG,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;gBAAW,IAAI,UAAU,GAAQ,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAA;gBAClI,MAAM,WAAW,GAAG,KAAK,CAAC,eAAe,CAAA;gBACzC,KAAK,IAAI,GAAG,IAAI,WAAW,EAAE,CAAC;oBAAW,UAAU,CAAC,GAAG,CAAC,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC,KAAK,CAAA;gBACxF,CAAC;gBACM,UAAU,CAAC,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;gBAEnC,OAAO,UAAU,CAAA;YACxB,CAAC,CAAC,CAAA;YAEG,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,MAAM,CAAC,EAAU,QAAQ,EAAE,GAAG,CAAA;;;;;;;;;;;;;;;;;;SAkBzD;gBACD,SAAS,EAAE,EAAY,OAAO;iBACpC;aACA,CAAC,CAAA;YAEG,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC;gBAAS,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAA;YACvD,CAAC;QACD,CAAC;IACD,CAAC;IAEA,KAAK,CAAC,aAAa;QAAS,MAAM,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,OAAO,CAAA;QAC/H,MAAM,cAAc,GAAG,IAAI,GAAG,CAAC,CAAC,IAAI,EAAE,MAAM,EAAE,cAAc,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC,CAAA;QAEnG,OAAO,aAAa,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE;YAAS,IAAI,OAAO,GAAG,EAAE,CAAA;YAC1D,KAAK,MAAM,KAAK,IAAI,cAAc,EAAE,CAAC;gBAAS,OAAO,CAAC,KAAK,CAAC,GAAG,KAAK,KAAK,cAAc,CAAC,CAAC,CAAC,OAAO,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;YAC1I,CAAC;YAEI,OAAO,OAAO,CAAA;QACnB,CAAC,CAAC,CAAA;IACF,CAAC;IAEA,KAAK,CAAC,aAAa,CAAC,OAAO;QAAQ,MAAM,KAAK,GAAG,SAAS,CACtD,IAAI,CAAA;;sBAEY,OAAO;sBACP,GAAG,EAAE;YAAe,OAAO,CAAC,IAAI,EAAE,CAAA;YAC5C,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAA;QAC7B,CAAC;;OAEK,EACD,EAAU,QAAQ,EAAE,IAAI;YACtB,IAAI,EAAE,OAAO;YACb,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,sBAAsB,CAAC;SAC9C,CACG,CAAA;QAED,KAAK,CAAC,QAAQ,GAAG,GAAG,EAAE;YAAS,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAA;QACpD,CAAC,CAAA;IACD,CAAC;IAEA,KAAK,CAAC,gBAAgB,CAAC,MAAW;QAAQ,MAAM,KAAK,GAAG,SAAS,CAAC,IAAI,CAAA,8BAA8B,MAAM,CAAC,EAAE,oBAAoB,EAAE,EAAQ,QAAQ,EAAE,IAAI;YACrJ,IAAI,EAAE,OAAO;YACb,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC;SACrC,CAAC,CAAA;QACC,KAAK,CAAC,QAAQ,GAAG,GAAG,EAAE;YAAS,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAA;QACpD,CAAC,CAAA;IACD,CAAC;IAEA,KAAK,CAAC,eAAe;QAAS,MAAM,KAAK,GAAG,SAAS,CAAC,IAAI,CAAA,6CAA6C,EAAE,EAAQ,QAAQ,EAAE,IAAI;YAC3H,IAAI,EAAE,OAAO;YACb,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC;SACrC,CAAC,CAAA;QACC,KAAK,CAAC,QAAQ,GAAG,GAAG,EAAE;YAAS,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAA;QACpD,CAAC,CAAA;IACD,CAAC;;AArS4B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;oDAAiB;AAChB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;6CAAoE;AAEpE;IAA1B,KAAK,CAAC,UAAU,CAAC;8BAAiB,SAAS;8CAAA;AAzBjC,eAAe;IAD3B,aAAa,CAAC,mBAAmB,CAAC;GACtB,eAAe,CA4T3B","sourcesContent":["import '@operato/data-grist'\n\nimport { CommonGristStyles, CommonHeaderStyles, ScrollbarStyles, WorkSurfacePageStyles } from '@operato/styles'\nimport { PageView } from '@operato/shell'\nimport { css, html } from 'lit'\nimport { customElement, property, 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 { isMobileDevice } from '@operato/utils'\n\nimport gql from 'graphql-tag'\n\nimport '../components/contact-popup'\nimport { ContactImporter } from './contact-importer'\n\n@customElement('contact-list-page')\nexport class ContactListPage extends localize(i18next)(ScopedElementsMixin(PageView)) {   static styles = [\n    /* The work surface frame for a list screen (ADR-0060 decision 8). */\n    WorkSurfacePageStyles,\n    ScrollbarStyles,\n    CommonGristStyles,\n    CommonHeaderStyles,\n    css`\n      :host {\n        --ox-pfp-size: 40px;\n        --grid-record-emphasized-background-color: #8b0000;\n        --grid-record-emphasized-color: #ff6b6b;\n      }\n\n      .header {         grid-template-areas: 'filters actions';\n }\n    `\n  ]\n\n  static get scopedElements() {     return {       'contact-importer': ContactImporter\n }\n }\n\n  @property({ type: Object }) gristConfig: any\n  @property({ type: String }) mode: 'CARD' | 'GRID' | 'LIST' = isMobileDevice() ? 'CARD' : 'GRID'\n\n  @query('ox-grist') private grist!: DataGrist\n\n  get context() {     return {       title: i18next.t('title.contact list'),\n      search: {         handler: (search: string) => {           this.grist.searchText = search\n },\n        value: this.grist?.searchText || ''\n },\n      filter: {         handler: () => {           this.grist.toggleHeadroom()\n }\n },\n      help: 'contact/contact',\n      actions: [\n        {           icon: 'add',\n          title: i18next.t('button.add'),\n          action: this.onCreateContact.bind(this)\n },\n        {           icon: 'delete',\n          title: i18next.t('button.delete'),\n          action: this.onDeleteContact.bind(this),\n          emphasis: {             danger: true\n }\n }\n      ],\n      exportable: {         name: i18next.t('title.contact list'),\n        data: this.exportHandler.bind(this)\n },\n      importable: {         handler: this.importHandler.bind(this)\n }\n }\n }\n\n  render() {     const mode = this.mode || (isMobileDevice() ? 'CARD' : 'GRID')\n\n    return html`\n      <ox-grist class=\"page-fill\" .mode=${mode} .config=${this.gristConfig} .fetchHandler=${this.fetchHandler.bind(this)}>\n      </ox-grist>\n    `\n }\n\n  async pageInitialized(lifecycle: any) {     this.gristConfig = {       pagination: { pages: [100, 200, 500] },\n      list: {         thumbnail: 'profile',\n        fields: ['name', 'counterparty'],\n        details: ['email', 'updatedAt']\n },\n      columns: [\n        { type: 'gutter', gutterName: 'sequence' },\n        { type: 'gutter', gutterName: 'row-selector', multiple: true },\n        {           type: 'image',\n          name: 'profile',\n          header: i18next.t('field.photo'),\n          width: 80,\n          record: {             align: 'center',\n            renderer: function (value, column, record, rowIndex, field) {               return html`<ox-pfp-view .profile=${record.profile} .name=${record.name || '+'}></ox-pfp-view>`\n }\n }\n },\n        {           type: 'string',\n          name: 'name',\n          header: i18next.t('field.name'),\n          record: {             editable: false\n },\n          filter: 'search',\n          sortable: true,\n          width: 100\n },\n        {           type: 'object',\n          name: 'counterparty',\n          header: i18next.t('field.counterparty'),\n          record: {             editable: false,             renderer: (value: any) => value?.name ?? ''\n },\n          filter: 'search',\n          sortable: true,\n          width: 135\n },\n        {           type: 'string',\n          name: 'department',\n          header: i18next.t('field.department'),\n          record: {             editable: false\n },\n          sortable: false,\n          width: 135\n },\n        {           type: 'string',\n          name: 'email',\n          header: i18next.t('field.email'),\n          record: {             editable: false\n },\n          sortable: false,\n          width: 190\n },\n        {           type: 'string',\n          name: 'phone',\n          header: i18next.t('field.phone'),\n          record: {             editable: false\n },\n          sortable: false,\n          width: 120\n },\n        {           type: 'string',\n          name: 'address',\n          header: i18next.t('field.address'),\n          record: {             editable: false\n },\n          sortable: false,\n          width: 390\n },\n        {           type: 'resource-object',\n          name: 'updater',\n          header: i18next.t('field.updater'),\n          record: {             editable: false\n },\n          sortable: false,\n          width: 90\n },\n        {           type: 'datetime',\n          name: 'updatedAt',\n          header: i18next.t('field.updated_at'),\n          record: {             editable: false\n },\n          sortable: true,\n          width: 180\n },\n        {           type: 'image',\n          name: 'profile',\n          record: {             renderer: function (value, column, record, rowIndex, field) {               return html`<ox-pfp-view\n                style=\"height:90%; width: unset; aspect-ratio: 1 / 1;\"\n                .profile=${record.profile}\n                .name=${record.name}\n              ></ox-pfp-view>`\n }\n },\n          hidden: true\n }\n      ],\n      rows: {         handlers: {           click: (columns, data, column, record, rowIndex, target) => {             this.openContactPopup(record)\n }\n },\n        appendable: false,\n        selectable: {           multiple: true\n }\n },\n      sorters: [\n        {           name: 'counterparty'\n },\n        {           name: 'name'\n }\n      ]\n }\n }\n\n  async pageUpdated(changes: any, lifecycle: any) {     if (this.active) {       // do something here when this page just became as active\n }\n }\n\n  async fetchHandler({ page = 1, limit = 100, sortings = [], filters = [] }: FetchOption) {     const response = await client.query({       query: gql`\n        query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!]) {           responses: contacts(filters: $filters, pagination: $pagination, sortings: $sortings) {             items {               id\n              name\n              counterparty {\n                id\n                name\n              }\n              email\n              phone\n              address\n              department\n              note\n              profile {                 left\n                top\n                zoom\n                picture\n }\n              updater {                 id\n                name\n }\n              updatedAt\n }\n            total\n }\n }\n      `,\n      variables: {         filters,\n        pagination: { page, limit },\n        sortings\n }\n })\n\n    return {       total: response.data.responses.total || 0,\n      records: response.data.responses.items || []\n }\n }\n\n  async onDeleteContact() {     if (confirm(i18next.t('text.sure_to_x', { x: i18next.t('text.delete') }))) {       const ids = this.grist.selected.map(record => record.id)\n      if (ids && ids.length > 0) {         const response = await client.mutate({           mutation: gql`\n            mutation ($ids: [String!]!) {               deleteContacts(ids: $ids)\n }\n          `,\n          variables: {             ids\n }\n })\n\n        if (!response.errors) {           this.grist.fetch()\n          notify({             message: i18next.t('text.info_x_successfully', { x: i18next.t('text.delete') })\n })\n }\n }\n }\n }\n\n  async _updateContact() {     let patches = this.grist.dirtyRecords\n    if (patches && patches.length) {       patches = patches.map(patch => {         let patchField: any = patch.id ? { id: patch.id } : {}\n        const dirtyFields = patch.__dirtyfields__\n        for (let key in dirtyFields) {           patchField[key] = dirtyFields[key].after\n }\n        patchField.cuFlag = patch.__dirty__\n\n        return patchField\n })\n\n      const response = await client.mutate({         mutation: gql`\n          mutation ($patches: [ContactPatch!]!) {             updateMultipleContact(patches: $patches) {               name\n              counterparty {\n                id\n                name\n              }\n              email\n              profile {                 left\n                top\n                zoom\n                picture\n }\n              updater {                 id\n                name\n }\n              updatedAt\n }\n }\n        `,\n        variables: {           patches\n }\n })\n\n      if (!response.errors) {         this.grist.fetch()\n }\n }\n }\n\n  async exportHandler() {     const exportTargets = this.grist.selected.length ? this.grist.selected : this.grist.dirtyData.records\n    const targetFieldSet = new Set(['id', 'name', 'counterparty', 'email', 'phone', 'address', 'note'])\n\n    return exportTargets.map(contact => {       let tempObj = {}\n      for (const field of targetFieldSet) {         tempObj[field] = field === 'counterparty' ? contact.counterparty?.name : contact[field]\n }\n\n      return tempObj\n })\n }\n\n  async importHandler(records) {     const popup = openPopup(\n      html`\n        <contact-importer\n          .contacts=${records}\n          @imported=${() => {             history.back()\n            this.grist.fetch()\n }}\n        ></contact-importer>\n      `,\n      {         backdrop: true,\n        size: 'large',\n        title: i18next.t('title.import contact')\n }\n    )\n\n    popup.onclosed = () => {       this.grist.fetch()\n }\n }\n\n  async openContactPopup(record: any) {     const popup = openPopup(html` <contact-popup .contactId=${record.id}></contact-popup> `, {       backdrop: true,\n      size: 'large',\n      title: i18next.t('title.contact')\n })\n    popup.onclosed = () => {       this.grist.fetch()\n }\n }\n\n  async onCreateContact() {     const popup = openPopup(html` <contact-popup edit-mode></contact-popup> `, {       backdrop: true,\n      size: 'large',\n      title: i18next.t('title.contact')\n })\n    popup.onclosed = () => {       this.grist.fetch()\n }\n }\n}\n"]}