@sneat/contactus-shared 0.2.0

package/esm2022/lib/components/members-by-role/family-members.component.js

@@ -0,0 +1,180 @@
+import { Component, EventEmitter, Input, Output, } from '@angular/core';
+import { SpaceMemberTypeEnum } from '@sneat/auth-models';
+import { addSpace, MemberGroupTypeAdults, MemberGroupTypeKids, MemberGroupTypeOther, MemberGroupTypePets, } from '@sneat/contactus-core';
+import { WithSpaceInput } from '@sneat/space-services';
+import { ClassName } from '@sneat/ui';
+import { MembersByRoleComponent } from '../members-by-role/members-by-role.component';
+import { zipMapBriefsWithIDs } from '@sneat/space-models';
+import * as i0 from "@angular/core";
+export class FamilyMembersComponent extends WithSpaceInput {
+    constructor() {
+        super(...arguments);
+        this.addMember = new EventEmitter();
+        this.adults = {
+            id: MemberGroupTypeAdults,
+            emoji: '🧓',
+            role: 'adult',
+            plural: 'Adults',
+            addLabel: 'Add adult',
+        };
+        this.children = {
+            id: MemberGroupTypeKids,
+            emoji: '🚸',
+            role: 'child',
+            plural: 'Children',
+            addLabel: 'Add child',
+        };
+        this.pets = {
+            id: MemberGroupTypePets,
+            emoji: '🐕',
+            plural: 'Pets',
+            addLabel: 'Add pet',
+            role: 'animal',
+        };
+        this.other = {
+            id: MemberGroupTypeOther,
+            emoji: '👻',
+            plural: 'Other',
+            addLabel: '',
+            role: 'other',
+        };
+        this.predefinedMemberGroups = [
+            this.adults,
+            this.children,
+            this.pets,
+            this.other,
+        ];
+        this.processContactusSpaceDbo = (contactusSpaceDbo) => {
+            // 'MembersPageComponent.processContactusSpaceDbo()',
+            // contactusSpaceDbo,
+            const space = this.$space();
+            this.members = zipMapBriefsWithIDs(contactusSpaceDbo?.contacts).map((m) => Object.assign(m, { space }));
+            this.processMembers();
+        };
+    }
+    ngOnChanges(changes) {
+        if (changes['contactusSpaceDbo']) {
+            this.processContactusSpaceDbo(this.contactusSpaceDbo);
+        }
+    }
+    processMembers() {
+        const space = this.$space();
+        if (!space) {
+            throw new Error('!this.$space()');
+        }
+        const adults = [];
+        const children = [];
+        const pets = [];
+        const other = [];
+        // this.adults = {...this.adults, members: []};
+        // this.children = {...this.children, members = []};
+        // this.other = {...this.other, members = []};
+        let addedToGroup = false;
+        this.members
+            ?.filter((c) => c.brief?.roles?.includes('member'))
+            .forEach((c) => {
+            if (c.brief?.type === 'animal') {
+                pets.push(c);
+                addedToGroup = true;
+            }
+            switch (c.brief?.ageGroup) {
+                case 'adult':
+                    adults?.push(c);
+                    addedToGroup = true;
+                    break;
+                case 'child':
+                    children?.push(c);
+                    addedToGroup = true;
+                    break;
+            }
+            if (c.dbo?.type === SpaceMemberTypeEnum.pet) {
+                addedToGroup = true;
+                pets.push(c);
+            }
+            if (c.brief?.groupIDs?.length) {
+                c.brief.groupIDs.forEach((groupID) => {
+                    const groupIndex = this.predefinedMemberGroups.findIndex((g) => g.id === groupID);
+                    let group;
+                    if (groupIndex < 0) {
+                        group = {
+                            id: groupID,
+                            role: groupID,
+                            plural: groupID + 's',
+                            contacts: [],
+                            emoji: '',
+                            addLabel: 'Add member',
+                        };
+                    }
+                    else {
+                        group = this.predefinedMemberGroups[groupIndex];
+                    }
+                    if (!group.contacts) {
+                        group = { ...group, contacts: [{ ...c, space }] };
+                    }
+                    else if (!group.contacts.find((m2) => m2.id === c.id)) {
+                        group = {
+                            ...group,
+                            contacts: [...group.contacts, { ...c, space }],
+                        };
+                    }
+                    this.predefinedMemberGroups = this.predefinedMemberGroups.map((g, i) => (i === groupIndex ? group : g));
+                    addedToGroup = true;
+                    // if (this.membersByGroupId[groupID]) {
+                    // 	this.membersByGroupId[groupID].push(m);
+                    // } else {
+                    // 	this.membersByGroupId[groupID] = [m];
+                    // }
+                });
+                // } else if (this.team.brief && isTeamSupportsMemberGroups(this.team.brief.type)) {
+                // 	if (this.noGroupMembers) {
+                // 		this.noGroupMembers.push(m);
+                // 	}
+            }
+            if (!addedToGroup) {
+                other.push(c);
+            }
+        });
+        this.adults = { ...this.adults, contacts: adults.map(addSpace(space)) };
+        this.children = {
+            ...this.children,
+            contacts: children.map(addSpace(space)),
+        };
+        this.pets = { ...this.pets, contacts: pets.map(addSpace(space)) };
+        this.other = { ...this.other, contacts: other.map(addSpace(space)) };
+        this.predefinedMemberGroups = [
+            this.adults,
+            this.children,
+            this.pets,
+            this.other,
+        ].map((g) => Object.assign(g, { contacts: g.contacts || [] }));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: FamilyMembersComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.0", type: FamilyMembersComponent, isStandalone: true, selector: "sneat-family-members", inputs: { contactusSpaceDbo: "contactusSpaceDbo" }, outputs: { addMember: "addMember" }, providers: [{ provide: ClassName, useValue: 'FamilyMembersComponent' }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `
+    <sneat-members-by-role
+      [$space]="$space()"
+      [memberGroups]="predefinedMemberGroups"
+      (addMember)="addMember.emit($event)"
+    />
+  `, isInline: true, dependencies: [{ kind: "component", type: MembersByRoleComponent, selector: "sneat-members-by-role", inputs: ["memberGroups"], outputs: ["addMember"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: FamilyMembersComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'sneat-family-members',
+                    template: `
+    <sneat-members-by-role
+      [$space]="$space()"
+      [memberGroups]="predefinedMemberGroups"
+      (addMember)="addMember.emit($event)"
+    />
+  `,
+                    imports: [MembersByRoleComponent],
+                    providers: [{ provide: ClassName, useValue: 'FamilyMembersComponent' }],
+                }]
+        }], propDecorators: { contactusSpaceDbo: [{
+                type: Input,
+                args: [{ required: true }]
+            }], addMember: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=family-members.component.js.map

package/esm2022/lib/components/members-by-role/family-members.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"family-members.component.js","sourceRoot":"","sources":["../../../../../../../../libs/contactus/shared/src/lib/components/members-by-role/family-members.component.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  EventEmitter,\n  Input,\n  OnChanges,\n  Output,\n  SimpleChanges,\n} from '@angular/core';\nimport { SpaceMemberTypeEnum } from '@sneat/auth-models';\nimport {\n  addSpace,\n  IContactBrief,\n  IContactDbo,\n  IContactusSpaceDbo,\n  IContactWithBrief,\n  MemberGroupType,\n  MemberGroupTypeAdults,\n  MemberGroupTypeKids,\n  MemberGroupTypeOther,\n  MemberGroupTypePets,\n} from '@sneat/contactus-core';\nimport { WithSpaceInput } from '@sneat/space-services';\nimport { ClassName } from '@sneat/ui';\nimport { MembersByRoleComponent } from '../members-by-role/members-by-role.component';\nimport { MemberGroup } from '../members-by-role/member-group';\nimport { IIdAndBriefAndOptionalDbo } from '@sneat/core';\nimport { zipMapBriefsWithIDs } from '@sneat/space-models';\n\n@Component({\n  selector: 'sneat-family-members',\n  template: `\n    <sneat-members-by-role\n      [$space]=\"$space()\"\n      [memberGroups]=\"predefinedMemberGroups\"\n      (addMember)=\"addMember.emit($event)\"\n    />\n  `,\n  imports: [MembersByRoleComponent],\n  providers: [{ provide: ClassName, useValue: 'FamilyMembersComponent' }],\n})\nexport class FamilyMembersComponent\n  extends WithSpaceInput\n  implements OnChanges\n{\n  @Input({ required: true })\n  public contactusSpaceDbo?: IContactusSpaceDbo | null;\n\n  @Output() public readonly addMember = new EventEmitter<MemberGroup>();\n\n  public members?: readonly IIdAndBriefAndOptionalDbo<\n    IContactBrief,\n    IContactDbo\n  >[];\n\n  protected adults: MemberGroup = {\n    id: MemberGroupTypeAdults,\n    emoji: '🧓',\n    role: 'adult',\n    plural: 'Adults',\n    addLabel: 'Add adult',\n  };\n  protected children: MemberGroup = {\n    id: MemberGroupTypeKids,\n    emoji: '🚸',\n    role: 'child',\n    plural: 'Children',\n    addLabel: 'Add child',\n  };\n  protected pets: MemberGroup = {\n    id: MemberGroupTypePets,\n    emoji: '🐕',\n    plural: 'Pets',\n    addLabel: 'Add pet',\n    role: 'animal',\n  };\n  protected other: MemberGroup = {\n    id: MemberGroupTypeOther,\n    emoji: '👻',\n    plural: 'Other',\n    addLabel: '',\n    role: 'other',\n  };\n\n  protected predefinedMemberGroups: readonly MemberGroup[] = [\n    this.adults,\n    this.children,\n    this.pets,\n    this.other,\n  ];\n\n  public ngOnChanges(changes: SimpleChanges): void {\n    if (changes['contactusSpaceDbo']) {\n      this.processContactusSpaceDbo(this.contactusSpaceDbo);\n    }\n  }\n\n  private readonly processContactusSpaceDbo = (\n    contactusSpaceDbo?: IContactusSpaceDbo | null,\n  ): void => {\n    // 'MembersPageComponent.processContactusSpaceDbo()',\n    // contactusSpaceDbo,\n    const space = this.$space();\n    this.members = zipMapBriefsWithIDs(contactusSpaceDbo?.contacts).map((m) =>\n      Object.assign(m, { space }),\n    );\n    this.processMembers();\n  };\n\n  private processMembers(): void {\n    const space = this.$space();\n    if (!space) {\n      throw new Error('!this.$space()');\n    }\n    const adults: IContactWithBrief[] = [];\n    const children: IContactWithBrief[] = [];\n    const pets: IContactWithBrief[] = [];\n    const other: IContactWithBrief[] = [];\n    // this.adults = {...this.adults, members: []};\n    // this.children = {...this.children, members = []};\n    // this.other = {...this.other, members = []};\n    let addedToGroup = false;\n    this.members\n      ?.filter((c) => c.brief?.roles?.includes('member'))\n      .forEach((c) => {\n        if (c.brief?.type === 'animal') {\n          pets.push(c);\n          addedToGroup = true;\n        }\n        switch (c.brief?.ageGroup) {\n          case 'adult':\n            adults?.push(c);\n            addedToGroup = true;\n            break;\n          case 'child':\n            children?.push(c);\n            addedToGroup = true;\n            break;\n        }\n        if (c.dbo?.type === SpaceMemberTypeEnum.pet) {\n          addedToGroup = true;\n          pets.push(c);\n        }\n        if (c.brief?.groupIDs?.length) {\n          c.brief.groupIDs.forEach((groupID) => {\n            const groupIndex = this.predefinedMemberGroups.findIndex(\n              (g) => g.id === groupID,\n            );\n            let group: MemberGroup;\n            if (groupIndex < 0) {\n              group = {\n                id: groupID as MemberGroupType,\n                role: groupID,\n                plural: groupID + 's',\n                contacts: [],\n                emoji: '',\n                addLabel: 'Add member',\n              };\n            } else {\n              group = this.predefinedMemberGroups[groupIndex];\n            }\n            if (!group.contacts) {\n              group = { ...group, contacts: [{ ...c, space }] };\n            } else if (!group.contacts.find((m2) => m2.id === c.id)) {\n              group = {\n                ...group,\n                contacts: [...group.contacts, { ...c, space }],\n              };\n            }\n            this.predefinedMemberGroups = this.predefinedMemberGroups.map(\n              (g, i) => (i === groupIndex ? group : g),\n            );\n            addedToGroup = true;\n            // if (this.membersByGroupId[groupID]) {\n            // \tthis.membersByGroupId[groupID].push(m);\n            // } else {\n            // \tthis.membersByGroupId[groupID] = [m];\n            // }\n          });\n          // } else if (this.team.brief && isTeamSupportsMemberGroups(this.team.brief.type)) {\n          // \tif (this.noGroupMembers) {\n          // \t\tthis.noGroupMembers.push(m);\n          // \t}\n        }\n        if (!addedToGroup) {\n          other.push(c);\n        }\n      });\n    this.adults = { ...this.adults, contacts: adults.map(addSpace(space)) };\n    this.children = {\n      ...this.children,\n      contacts: children.map(addSpace(space)),\n    };\n    this.pets = { ...this.pets, contacts: pets.map(addSpace(space)) };\n    this.other = { ...this.other, contacts: other.map(addSpace(space)) };\n    this.predefinedMemberGroups = [\n      this.adults,\n      this.children,\n      this.pets,\n      this.other,\n    ].map((g) => Object.assign(g, { contacts: g.contacts || [] }));\n  }\n}\n"]}

package/esm2022/lib/components/members-by-role/index.js

@@ -0,0 +1,4 @@
+export * from './members-by-role.component';
+export * from './member-group';
+export * from './family-members.component';
+//# sourceMappingURL=index.js.map

package/esm2022/lib/components/members-by-role/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../libs/contactus/shared/src/lib/components/members-by-role/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC;AAC5C,cAAc,gBAAgB,CAAC;AAC/B,cAAc,4BAA4B,CAAC","sourcesContent":["export * from './members-by-role.component';\nexport * from './member-group';\nexport * from './family-members.component';\n"]}

package/esm2022/lib/components/members-by-role/member-group.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=member-group.js.map

package/esm2022/lib/components/members-by-role/member-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"member-group.js","sourceRoot":"","sources":["../../../../../../../../libs/contactus/shared/src/lib/components/members-by-role/member-group.ts"],"names":[],"mappings":"","sourcesContent":["import {\n  IContactWithBriefAndSpace,\n  MemberGroupType,\n} from '@sneat/contactus-core';\n\nexport interface MemberGroup {\n  readonly id: MemberGroupType;\n  readonly role: string;\n  readonly emoji: string;\n  readonly plural: string;\n  readonly addLabel: string;\n  readonly contacts?: readonly IContactWithBriefAndSpace[];\n}\n"]}

package/esm2022/lib/components/members-by-role/members-by-role.component.js

@@ -0,0 +1,34 @@
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, } from '@angular/core';
+import { IonButton, IonButtons, IonIcon, IonItem, IonItemGroup, IonLabel, IonSpinner, } from '@ionic/angular/standalone';
+import { WithSpaceInput } from '@sneat/space-services';
+import { ClassName } from '@sneat/ui';
+import { MembersListComponent } from '../members-list';
+import * as i0 from "@angular/core";
+export class MembersByRoleComponent extends WithSpaceInput {
+    constructor() {
+        super(...arguments);
+        this.addMember = new EventEmitter();
+        this.contactsByMember = {};
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: MembersByRoleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: MembersByRoleComponent, isStandalone: true, selector: "sneat-members-by-role", inputs: { memberGroups: "memberGroups" }, outputs: { addMember: "addMember" }, providers: [{ provide: ClassName, useValue: 'MembersByRoleComponent' }], usesInheritance: true, ngImport: i0, template: "@for (group of memberGroups; track group.id) {\n  <ion-item-group>\n    @if (group.addLabel || group.contacts?.length) {\n      <ion-item color=\"light\" class=\"sneat-tiny-end-padding\" lines=\"full\">\n        <ion-label>{{ group.emoji }}&nbsp;&nbsp;{{ group.plural }}</ion-label>\n        @if (group.addLabel) {\n          <ion-buttons slot=\"end\">\n            <ion-button\n              [title]=\"group.addLabel\"\n              (click)=\"addMember.emit(group)\"\n            >\n              <ion-icon name=\"add\" slot=\"start\" />\n              <ion-label>Add</ion-label>\n            </ion-button>\n          </ion-buttons>\n        }\n      </ion-item>\n\n      @if (group.contacts === undefined) {\n        <ion-item>\n          <ion-spinner name=\"lines-small\" color=\"medium\" />\n          <ion-label color=\"medium\">Loading...</ion-label>\n        </ion-item>\n      }\n\n      <!--\t\t\t<ion-item>group.members: {{ group.members|json }}</ion-item>-->\n      <sneat-members-list\n        [$space]=\"$space()\"\n        [$members]=\"group.contacts || []\"\n        [contactsByMember]=\"contactsByMember\"\n        [hideRoles]=\"[group.role, 'member']\"\n      />\n    }\n  </ion-item-group>\n}\n", dependencies: [{ kind: "component", type: MembersListComponent, selector: "sneat-members-list", inputs: ["$members", "$role", "contactsByMember", "hideRoles"], outputs: ["selfRemoved"] }, { kind: "component", type: IonItemGroup, selector: "ion-item-group" }, { kind: "component", type: IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: IonSpinner, selector: "ion-spinner", inputs: ["color", "duration", "name", "paused"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: MembersByRoleComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sneat-members-by-role', imports: [
+                        MembersListComponent,
+                        IonItemGroup,
+                        IonLabel,
+                        IonButtons,
+                        IonButton,
+                        IonIcon,
+                        IonItem,
+                        IonSpinner,
+                    ], providers: [{ provide: ClassName, useValue: 'MembersByRoleComponent' }], changeDetection: ChangeDetectionStrategy.OnPush, template: "@for (group of memberGroups; track group.id) {\n  <ion-item-group>\n    @if (group.addLabel || group.contacts?.length) {\n      <ion-item color=\"light\" class=\"sneat-tiny-end-padding\" lines=\"full\">\n        <ion-label>{{ group.emoji }}&nbsp;&nbsp;{{ group.plural }}</ion-label>\n        @if (group.addLabel) {\n          <ion-buttons slot=\"end\">\n            <ion-button\n              [title]=\"group.addLabel\"\n              (click)=\"addMember.emit(group)\"\n            >\n              <ion-icon name=\"add\" slot=\"start\" />\n              <ion-label>Add</ion-label>\n            </ion-button>\n          </ion-buttons>\n        }\n      </ion-item>\n\n      @if (group.contacts === undefined) {\n        <ion-item>\n          <ion-spinner name=\"lines-small\" color=\"medium\" />\n          <ion-label color=\"medium\">Loading...</ion-label>\n        </ion-item>\n      }\n\n      <!--\t\t\t<ion-item>group.members: {{ group.members|json }}</ion-item>-->\n      <sneat-members-list\n        [$space]=\"$space()\"\n        [$members]=\"group.contacts || []\"\n        [contactsByMember]=\"contactsByMember\"\n        [hideRoles]=\"[group.role, 'member']\"\n      />\n    }\n  </ion-item-group>\n}\n" }]
+        }], propDecorators: { memberGroups: [{
+                type: Input,
+                args: [{ required: true }]
+            }], addMember: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=members-by-role.component.js.map

package/esm2022/lib/components/members-by-role/members-by-role.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"members-by-role.component.js","sourceRoot":"","sources":["../../../../../../../../libs/contactus/shared/src/lib/components/members-by-role/members-by-role.component.ts","../../../../../../../../libs/contactus/shared/src/lib/components/members-by-role/members-by-role.component.html"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,YAAY,EACZ,KAAK,EACL,MAAM,GACP,MAAM,eAAe,CAAC;AACvB,OAAO,EACL,SAAS,EACT,UAAU,EACV,OAAO,EACP,OAAO,EACP,YAAY,EACZ,QAAQ,EACR,UAAU,GACX,MAAM,2BAA2B,CAAC;AAEnC,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACtC,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;;AAmBvD,MAAM,OAAO,sBAAuB,SAAQ,cAAc;IAhB1D;;QAkB4B,cAAS,GAAG,IAAI,YAAY,EAAe,CAAC;QAE/D,qBAAgB,GAGnB,EAAE,CAAC;KACR;8GARY,sBAAsB;kGAAtB,sBAAsB,mJAHtB,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,wBAAwB,EAAE,CAAC,iDCnCzE,+rCAmCA,4CDTI,oBAAoB,yJACpB,YAAY,2DACZ,QAAQ,6FACR,UAAU,8EACV,SAAS,oPACT,OAAO,2JACP,OAAO,0NACP,UAAU;;2FAKD,sBAAsB;kBAhBlC,SAAS;+BACE,uBAAuB,WAExB;wBACP,oBAAoB;wBACpB,YAAY;wBACZ,QAAQ;wBACR,UAAU;wBACV,SAAS;wBACT,OAAO;wBACP,OAAO;wBACP,UAAU;qBACX,aACU,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,wBAAwB,EAAE,CAAC,mBACtD,uBAAuB,CAAC,MAAM;;sBAG9C,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;;sBACxB,MAAM","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  EventEmitter,\n  Input,\n  Output,\n} from '@angular/core';\nimport {\n  IonButton,\n  IonButtons,\n  IonIcon,\n  IonItem,\n  IonItemGroup,\n  IonLabel,\n  IonSpinner,\n} from '@ionic/angular/standalone';\nimport { IContactWithBriefAndSpace } from '@sneat/contactus-core';\nimport { WithSpaceInput } from '@sneat/space-services';\nimport { ClassName } from '@sneat/ui';\nimport { MembersListComponent } from '../members-list';\nimport { MemberGroup } from './member-group';\n\n@Component({\n  selector: 'sneat-members-by-role',\n  templateUrl: './members-by-role.component.html',\n  imports: [\n    MembersListComponent,\n    IonItemGroup,\n    IonLabel,\n    IonButtons,\n    IonButton,\n    IonIcon,\n    IonItem,\n    IonSpinner,\n  ],\n  providers: [{ provide: ClassName, useValue: 'MembersByRoleComponent' }],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MembersByRoleComponent extends WithSpaceInput {\n  @Input({ required: true }) public memberGroups?: readonly MemberGroup[];\n  @Output() public readonly addMember = new EventEmitter<MemberGroup>();\n\n  public contactsByMember: Record<\n    string,\n    readonly IContactWithBriefAndSpace[]\n  > = {};\n}\n","@for (group of memberGroups; track group.id) {\n  <ion-item-group>\n    @if (group.addLabel || group.contacts?.length) {\n      <ion-item color=\"light\" class=\"sneat-tiny-end-padding\" lines=\"full\">\n        <ion-label>{{ group.emoji }}&nbsp;&nbsp;{{ group.plural }}</ion-label>\n        @if (group.addLabel) {\n          <ion-buttons slot=\"end\">\n            <ion-button\n              [title]=\"group.addLabel\"\n              (click)=\"addMember.emit(group)\"\n            >\n              <ion-icon name=\"add\" slot=\"start\" />\n              <ion-label>Add</ion-label>\n            </ion-button>\n          </ion-buttons>\n        }\n      </ion-item>\n\n      @if (group.contacts === undefined) {\n        <ion-item>\n          <ion-spinner name=\"lines-small\" color=\"medium\" />\n          <ion-label color=\"medium\">Loading...</ion-label>\n        </ion-item>\n      }\n\n      <!--\t\t\t<ion-item>group.members: {{ group.members|json }}</ion-item>-->\n      <sneat-members-list\n        [$space]=\"$space()\"\n        [$members]=\"group.contacts || []\"\n        [contactsByMember]=\"contactsByMember\"\n        [hideRoles]=\"[group.role, 'member']\"\n      />\n    }\n  </ion-item-group>\n}\n"]}

package/esm2022/lib/components/members-card-header/members-card-header.component.js

@@ -0,0 +1,33 @@
+import { Component, ChangeDetectionStrategy, input, inject, } from '@angular/core';
+import { RouterLink } from '@angular/router';
+import { IonButton, IonButtons, IonIcon, IonItem, IonLabel, } from '@ionic/angular/standalone';
+import { SpaceNavService } from '@sneat/space-services';
+import * as i0 from "@angular/core";
+export class MembersCardHeaderComponent {
+    constructor() {
+        this.spaceNavService = inject(SpaceNavService);
+        this.$space = input.required(...(ngDevMode ? [{ debugName: "$space" }] : []));
+        this.$contactusSpace = input.required(...(ngDevMode ? [{ debugName: "$contactusSpace" }] : []));
+    }
+    goMembers(event) {
+        event.stopPropagation();
+        event.preventDefault();
+        const space = this.$space();
+        if (space) {
+            this.spaceNavService
+                .navigateForwardToSpacePage(space, 'members', {
+                state: {
+                    contactusSpace: this.$contactusSpace(),
+                },
+            })
+                .catch(console.error);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: MembersCardHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: MembersCardHeaderComponent, isStandalone: true, selector: "sneat-members-card-header", inputs: { $space: { classPropertyName: "$space", publicName: "$space", isSignal: true, isRequired: true, transformFunction: null }, $contactusSpace: { classPropertyName: "$contactusSpace", publicName: "$contactusSpace", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<ion-item\n  tappable=\"true\"\n  lines=\"full\"\n  routerLink=\"./members\"\n  (click)=\"goMembers($event)\"\n  color=\"divider\"\n  class=\"sneat-tiny-end-padding\"\n>\n  <ion-icon\n    color=\"primary\"\n    name=\"people-circle-outline\"\n    slot=\"start\"\n    class=\"sneat-hide-if-width-less-240\"\n  />\n  <ion-label color=\"primary\" style=\"font-weight: bold\">Members</ion-label>\n  <ion-buttons slot=\"end\">\n    <ion-button routerLink=\"new-member\" (click)=\"$event.stopPropagation()\">\n      <ion-icon name=\"add-outline\" slot=\"start\" />\n      <ion-label>Add</ion-label>\n    </ion-button>\n  </ion-buttons>\n</ion-item>\n", dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: MembersCardHeaderComponent, decorators: [{
+            type: Component,
+            args: [{ imports: [RouterLink, IonIcon, IonLabel, IonButtons, IonButton, IonItem], changeDetection: ChangeDetectionStrategy.OnPush, selector: 'sneat-members-card-header', template: "<ion-item\n  tappable=\"true\"\n  lines=\"full\"\n  routerLink=\"./members\"\n  (click)=\"goMembers($event)\"\n  color=\"divider\"\n  class=\"sneat-tiny-end-padding\"\n>\n  <ion-icon\n    color=\"primary\"\n    name=\"people-circle-outline\"\n    slot=\"start\"\n    class=\"sneat-hide-if-width-less-240\"\n  />\n  <ion-label color=\"primary\" style=\"font-weight: bold\">Members</ion-label>\n  <ion-buttons slot=\"end\">\n    <ion-button routerLink=\"new-member\" (click)=\"$event.stopPropagation()\">\n      <ion-icon name=\"add-outline\" slot=\"start\" />\n      <ion-label>Add</ion-label>\n    </ion-button>\n  </ion-buttons>\n</ion-item>\n" }]
+        }], propDecorators: { $space: [{ type: i0.Input, args: [{ isSignal: true, alias: "$space", required: true }] }], $contactusSpace: [{ type: i0.Input, args: [{ isSignal: true, alias: "$contactusSpace", required: true }] }] } });
+//# sourceMappingURL=members-card-header.component.js.map

package/esm2022/lib/components/members-card-header/members-card-header.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"members-card-header.component.js","sourceRoot":"","sources":["../../../../../../../../libs/contactus/shared/src/lib/components/members-card-header/members-card-header.component.ts","../../../../../../../../libs/contactus/shared/src/lib/components/members-card-header/members-card-header.component.html"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,uBAAuB,EACvB,KAAK,EACL,MAAM,GACP,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EACL,SAAS,EACT,UAAU,EACV,OAAO,EACP,OAAO,EACP,QAAQ,GACT,MAAM,2BAA2B,CAAC;AAInC,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;;AAQxD,MAAM,OAAO,0BAA0B;IANvC;QAOqB,oBAAe,GAAG,MAAM,CAAC,eAAe,CAAC,CAAC;QAE7C,WAAM,GAAG,KAAK,CAAC,QAAQ,iDAAiB,CAAC;QAEzC,oBAAe,GAC7B,KAAK,CAAC,QAAQ,0DAAyC,CAAC;KAgB3D;IAdW,SAAS,CAAC,KAAY;QAC9B,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;QAC5B,IAAI,KAAK,EAAE,CAAC;YACV,IAAI,CAAC,eAAe;iBACjB,0BAA0B,CAAC,KAAK,EAAE,SAAS,EAAE;gBAC5C,KAAK,EAAE;oBACL,cAAc,EAAE,IAAI,CAAC,eAAe,EAAE;iBACvC;aACF,CAAC;iBACD,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QAC1B,CAAC;IACH,CAAC;8GArBU,0BAA0B;kGAA1B,0BAA0B,gXCzBvC,soBAsBA,4CDFY,UAAU,oOAAE,OAAO,2JAAE,QAAQ,6FAAE,UAAU,8EAAE,SAAS,oPAAE,OAAO;;2FAK5D,0BAA0B;kBANtC,SAAS;8BACC,CAAC,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,CAAC,mBACvD,uBAAuB,CAAC,MAAM,YACrC,2BAA2B","sourcesContent":["import {\n  Component,\n  ChangeDetectionStrategy,\n  input,\n  inject,\n} from '@angular/core';\nimport { RouterLink } from '@angular/router';\nimport {\n  IonButton,\n  IonButtons,\n  IonIcon,\n  IonItem,\n  IonLabel,\n} from '@ionic/angular/standalone';\nimport { IContactusSpaceDbo } from '@sneat/contactus-core';\nimport { IIdAndOptionalDbo } from '@sneat/core';\nimport { ISpaceContext } from '@sneat/space-models';\nimport { SpaceNavService } from '@sneat/space-services';\n\n@Component({\n  imports: [RouterLink, IonIcon, IonLabel, IonButtons, IonButton, IonItem],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  selector: 'sneat-members-card-header',\n  templateUrl: './members-card-header.component.html',\n})\nexport class MembersCardHeaderComponent {\n  protected readonly spaceNavService = inject(SpaceNavService);\n\n  public readonly $space = input.required<ISpaceContext>();\n\n  public readonly $contactusSpace =\n    input.required<IIdAndOptionalDbo<IContactusSpaceDbo>>();\n\n  protected goMembers(event: Event): void {\n    event.stopPropagation();\n    event.preventDefault();\n    const space = this.$space();\n    if (space) {\n      this.spaceNavService\n        .navigateForwardToSpacePage(space, 'members', {\n          state: {\n            contactusSpace: this.$contactusSpace(),\n          },\n        })\n        .catch(console.error);\n    }\n  }\n}\n","<ion-item\n  tappable=\"true\"\n  lines=\"full\"\n  routerLink=\"./members\"\n  (click)=\"goMembers($event)\"\n  color=\"divider\"\n  class=\"sneat-tiny-end-padding\"\n>\n  <ion-icon\n    color=\"primary\"\n    name=\"people-circle-outline\"\n    slot=\"start\"\n    class=\"sneat-hide-if-width-less-240\"\n  />\n  <ion-label color=\"primary\" style=\"font-weight: bold\">Members</ion-label>\n  <ion-buttons slot=\"end\">\n    <ion-button routerLink=\"new-member\" (click)=\"$event.stopPropagation()\">\n      <ion-icon name=\"add-outline\" slot=\"start\" />\n      <ion-label>Add</ion-label>\n    </ion-button>\n  </ion-buttons>\n</ion-item>\n"]}

package/esm2022/lib/components/members-list/index.js

@@ -0,0 +1,2 @@
+export * from './members-list.component';
+//# sourceMappingURL=index.js.map

package/esm2022/lib/components/members-list/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../libs/contactus/shared/src/lib/components/members-list/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC","sourcesContent":["export * from './members-list.component';\n"]}

package/esm2022/lib/components/members-list/members-list.component.js

@@ -0,0 +1,164 @@
+import { Component, computed, EventEmitter, inject, input, Input, Output, signal, } from '@angular/core';
+import { RouterModule } from '@angular/router';
+import { IonAvatar, IonButton, IonButtons, IonIcon, IonImg, IonItem, IonItemOption, IonItemOptions, IonItemSliding, IonLabel, IonSkeletonText, IonRouterOutlet, ModalController, NavController, } from '@ionic/angular/standalone';
+import { listAddRemoveAnimation, SpaceTypeFamily } from '@sneat/core';
+import { ScheduleNavService, ScheduleNavServiceModule, } from '@sneat/mod-schedulus-core';
+import { WithSpaceInput } from '@sneat/space-services';
+import { ContactService, ContactusNavService } from '@sneat/contactus-services';
+import { SpaceNavService } from '@sneat/space-services';
+import { SneatUserService } from '@sneat/auth-core';
+import { ClassName } from '@sneat/ui';
+import { InviteModalComponent } from '../../modals/invite-modal';
+import { ContactTitlePipe } from '../../pipes';
+import { ContactRoleBadgesComponent } from '../contact-role-badges/contact-role-badges.component';
+import { InlistAgeGroupComponent } from '../inlist-options/inlist-age-group.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/router";
+// TODO: Is it deprecated and should we migrated to Contacts list? Document reason if not.
+export class MembersListComponent extends WithSpaceInput {
+    constructor() {
+        super(...arguments);
+        this.navService = inject(SpaceNavService);
+        this.navController = inject(NavController);
+        this.userService = inject(SneatUserService);
+        this.contactService = inject(ContactService);
+        this.scheduleNavService = inject(ScheduleNavService);
+        this.modalController = inject(ModalController);
+        this.routerOutlet = inject(IonRouterOutlet);
+        this.$selfRemove = signal(false, ...(ngDevMode ? [{ debugName: "$selfRemove" }] : []));
+        this.$members = input.required(...(ngDevMode ? [{ debugName: "$members" }] : []));
+        this.$role = input(...(ngDevMode ? [undefined, { debugName: "$role" }] : []));
+        this.selfRemoved = new EventEmitter();
+        // TODO: document what is contactsByMember.
+        this.contactsByMember = {};
+        this.hideRoles = ['member'];
+        // Holds filtered entries, use `allMembers` to pass input
+        this.$membersToDisplay = computed(() => {
+            const role = this.$role();
+            const members = this.$members();
+            return role
+                ? members?.filter((m) => m.brief?.roles?.some((r) => r === role))
+                : members;
+        }, ...(ngDevMode ? [{ debugName: "$membersToDisplay" }] : []));
+        this.contactusNavService = inject(ContactusNavService);
+        this.$isFamilySpace = computed(() => this.$spaceType() === SpaceTypeFamily, ...(ngDevMode ? [{ debugName: "$isFamilySpace" }] : []));
+    }
+    isAgeOptionsVisible(contact) {
+        // console.log('MembersListComponent.isAgeOptionsVisible()', member, teamDto);
+        return (this.$isFamilySpace() &&
+            contact.brief?.type === 'person' &&
+            (!contact.brief?.ageGroup || contact.brief?.ageGroup === 'unknown'));
+    }
+    isInviteButtonVisible(contact) {
+        return contact.brief?.type === 'person' && !contact.brief?.userID;
+    }
+    genderIcon(m) {
+        switch (m.brief?.gender) {
+            case 'male':
+                return 'man-outline';
+            case 'female':
+                return 'woman-outline';
+        }
+        return 'person-outline';
+    }
+    goMember(member) {
+        if (!this.$space()) {
+            this.errorLogger.logError('Can not navigate to space member without space context');
+            return false;
+        }
+        if (!member?.id) {
+            throw new Error('!member?.id');
+        }
+        this.contactusNavService.navigateToMember({
+            ...member,
+            space: this.$space(),
+        });
+        return false;
+    }
+    goSchedule(event, contact) {
+        event.stopPropagation();
+        event.preventDefault();
+        const space = this.$space();
+        if (space) {
+            this.scheduleNavService
+                .goCalendar(space, { member: contact.id })
+                .catch(this.errorLogger.logErrorHandler("failed to navigate to member's schedule page"));
+        }
+    }
+    removeMember(event, member) {
+        // event.preventDefault();
+        event.stopPropagation();
+        const space = this.$space();
+        if (!space) {
+            return;
+        }
+        this.$selfRemove.set(member.brief?.userID === this.userService.currentUserID);
+        const spaceID = space.id;
+        this.contactService
+            .removeSpaceMember({ spaceID: spaceID, contactID: member.id })
+            .subscribe({
+            next: (space) => {
+                if (spaceID !== space?.id) {
+                    return;
+                }
+                if (this.$selfRemove()) {
+                    this.selfRemoved.emit();
+                }
+                if (!space ||
+                    (this.userService.currentUserID &&
+                        space?.dbo?.userIDs?.indexOf(this.userService.currentUserID)) ||
+                    -1 < 0) {
+                    this.navService.navigateToSpaces('back');
+                }
+            },
+            error: (err) => {
+                this.$selfRemove.set(false);
+                this.errorLogger.logError(err, 'Failed to remove member from team');
+            },
+        });
+    }
+    async showInviteModal(event, member) {
+        event.stopPropagation();
+        event.preventDefault();
+        const modal = await this.modalController.create({
+            component: InviteModalComponent,
+            // swipeToClose: true,
+            presentingElement: this.routerOutlet.nativeEl,
+            componentProps: {
+                space: this.$space(),
+                member,
+            },
+        });
+        await modal.present();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: MembersListComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: MembersListComponent, isStandalone: true, selector: "sneat-members-list", inputs: { $members: { classPropertyName: "$members", publicName: "$members", isSignal: true, isRequired: true, transformFunction: null }, $role: { classPropertyName: "$role", publicName: "$role", isSignal: true, isRequired: false, transformFunction: null }, contactsByMember: { classPropertyName: "contactsByMember", publicName: "contactsByMember", isSignal: false, isRequired: false, transformFunction: null }, hideRoles: { classPropertyName: "hideRoles", publicName: "hideRoles", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { selfRemoved: "selfRemoved" }, providers: [{ provide: ClassName, useValue: 'MembersListComponent' }], usesInheritance: true, ngImport: i0, template: "@let membersToDisplay = $membersToDisplay();\n\n@if (!membersToDisplay) {\n  <ion-item>\n    <ion-avatar slot=\"start\" style=\"opacity: 0.3\">\n      <ion-img title=\"avatar\" src=\"//www.gravatar.com/avatar/gravatar\" />\n    </ion-avatar>\n    <ion-skeleton-text style=\"width: 50%\" animated=\"animated\" />\n  </ion-item>\n}\n\n@for (member of membersToDisplay; track member.id; let isLast = $last) {\n  <ion-item-sliding [@addRemove]=\"'added'\">\n    <ion-item\n      tappable=\"true\"\n      [lines]=\"isLast ? 'none' : undefined\"\n      routerLink=\"/space/{{ $spaceType() || 'UNKNOWN_TYPE' }}/{{\n        $spaceID()\n      }}/member/{{ member.id }}\"\n      (click)=\"goMember(member)\"\n      class=\"sneat-tiny-end-padding\"\n    >\n      @if (member?.brief?.avatar; as avatar) {\n        <ion-avatar>\n          @if (member.brief.avatar?.external?.url) {\n            <ion-img\n              title=\"avatar\"\n              [src]=\"member.brief.avatar?.external?.url\"\n            />\n          }\n          @if (\n            member.brief.avatar?.gravatar && !member.brief.avatar?.external?.url\n          ) {\n            <ion-img\n              title=\"avatar\"\n              src=\"//www.gravatar.com/avatar/{{\n                member.brief.avatar?.gravatar\n              }}\"\n            />\n          }\n        </ion-avatar>\n      } @else {\n        <ion-icon\n          slot=\"start\"\n          [name]=\"genderIcon(member)\"\n          class=\"sneat-hide-if-width-less-240\"\n        />\n      }\n\n      <ion-label>\n        {{ member | contactTitle }}\n        @if (!$role()) {\n          <sneat-contact-role-badges\n            [roles]=\"member.brief.roles\"\n            [hideRoles]=\"hideRoles\"\n          />\n        }\n      </ion-label>\n      @if (isAgeOptionsVisible(member)) {\n        <sneat-inlist-age-group [contactID]=\"member.id\" [$space]=\"$space()\" />\n      }\n      <ion-buttons slot=\"end\">\n        @if (isInviteButtonVisible(member)) {\n          <ion-button\n            title=\"Invite\"\n            color=\"danger\"\n            (click)=\"showInviteModal($event, member)\"\n          >\n            <ion-icon\n              name=\"ticket-outline\"\n              class=\"sneat-hide-if-width-greater-320\"\n            />\n            <span\n              class=\"sneat-hide-if-width-less-320\"\n              style=\"margin-left: 0.5em\"\n              >Invite</span\n            >\n          </ion-button>\n        }\n        <ion-button (click)=\"goSchedule($event, member)\">\n          <ion-icon name=\"calendar-outline\" />\n        </ion-button>\n        @if (!member.brief.userID && member.brief.invitesCount) {\n          <ion-button color=\"danger\"> Resend invite</ion-button>\n        }\n      </ion-buttons>\n    </ion-item>\n    <ion-item-options side=\"start\">\n      <ion-item-option color=\"danger\" (click)=\"removeMember($event, member)\">\n        Remove\n      </ion-item-option>\n    </ion-item-options>\n    <ion-item-options side=\"end\">\n      <ion-item-option color=\"danger\" (click)=\"removeMember($event, member)\">\n        Remove\n      </ion-item-option>\n    </ion-item-options>\n  </ion-item-sliding>\n} @empty {\n  <ion-item lines=\"none\">\n    <ion-label color=\"medium\">No members</ion-label>\n  </ion-item>\n}\n", dependencies: [{ kind: "ngmodule", type: ScheduleNavServiceModule }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: ContactRoleBadgesComponent, selector: "sneat-contact-role-badges", inputs: ["roles", "hideRoles"] }, { kind: "component", type: InlistAgeGroupComponent, selector: "sneat-inlist-age-group", inputs: ["contactID"] }, { kind: "component", type: IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: IonAvatar, selector: "ion-avatar" }, { kind: "component", type: IonImg, selector: "ion-img", inputs: ["alt", "src"] }, { kind: "component", type: IonSkeletonText, selector: "ion-skeleton-text", inputs: ["animated"] }, { kind: "component", type: IonItemSliding, selector: "ion-item-sliding", inputs: ["disabled"] }, { kind: "component", type: IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: IonItemOptions, selector: "ion-item-options", inputs: ["side"] }, { kind: "component", type: IonItemOption, selector: "ion-item-option", inputs: ["color", "disabled", "download", "expandable", "href", "mode", "rel", "target", "type"] }, { kind: "pipe", type: ContactTitlePipe, name: "contactTitle" }], animations: listAddRemoveAnimation }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: MembersListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sneat-members-list', animations: listAddRemoveAnimation, imports: [
+                        ScheduleNavServiceModule,
+                        RouterModule,
+                        ContactRoleBadgesComponent,
+                        InlistAgeGroupComponent,
+                        IonItem,
+                        IonAvatar,
+                        IonImg,
+                        IonSkeletonText,
+                        IonItemSliding,
+                        IonLabel,
+                        IonIcon,
+                        IonButtons,
+                        IonButton,
+                        IonItemOptions,
+                        IonItemOption,
+                        ContactTitlePipe,
+                    ], providers: [{ provide: ClassName, useValue: 'MembersListComponent' }], template: "@let membersToDisplay = $membersToDisplay();\n\n@if (!membersToDisplay) {\n  <ion-item>\n    <ion-avatar slot=\"start\" style=\"opacity: 0.3\">\n      <ion-img title=\"avatar\" src=\"//www.gravatar.com/avatar/gravatar\" />\n    </ion-avatar>\n    <ion-skeleton-text style=\"width: 50%\" animated=\"animated\" />\n  </ion-item>\n}\n\n@for (member of membersToDisplay; track member.id; let isLast = $last) {\n  <ion-item-sliding [@addRemove]=\"'added'\">\n    <ion-item\n      tappable=\"true\"\n      [lines]=\"isLast ? 'none' : undefined\"\n      routerLink=\"/space/{{ $spaceType() || 'UNKNOWN_TYPE' }}/{{\n        $spaceID()\n      }}/member/{{ member.id }}\"\n      (click)=\"goMember(member)\"\n      class=\"sneat-tiny-end-padding\"\n    >\n      @if (member?.brief?.avatar; as avatar) {\n        <ion-avatar>\n          @if (member.brief.avatar?.external?.url) {\n            <ion-img\n              title=\"avatar\"\n              [src]=\"member.brief.avatar?.external?.url\"\n            />\n          }\n          @if (\n            member.brief.avatar?.gravatar && !member.brief.avatar?.external?.url\n          ) {\n            <ion-img\n              title=\"avatar\"\n              src=\"//www.gravatar.com/avatar/{{\n                member.brief.avatar?.gravatar\n              }}\"\n            />\n          }\n        </ion-avatar>\n      } @else {\n        <ion-icon\n          slot=\"start\"\n          [name]=\"genderIcon(member)\"\n          class=\"sneat-hide-if-width-less-240\"\n        />\n      }\n\n      <ion-label>\n        {{ member | contactTitle }}\n        @if (!$role()) {\n          <sneat-contact-role-badges\n            [roles]=\"member.brief.roles\"\n            [hideRoles]=\"hideRoles\"\n          />\n        }\n      </ion-label>\n      @if (isAgeOptionsVisible(member)) {\n        <sneat-inlist-age-group [contactID]=\"member.id\" [$space]=\"$space()\" />\n      }\n      <ion-buttons slot=\"end\">\n        @if (isInviteButtonVisible(member)) {\n          <ion-button\n            title=\"Invite\"\n            color=\"danger\"\n            (click)=\"showInviteModal($event, member)\"\n          >\n            <ion-icon\n              name=\"ticket-outline\"\n              class=\"sneat-hide-if-width-greater-320\"\n            />\n            <span\n              class=\"sneat-hide-if-width-less-320\"\n              style=\"margin-left: 0.5em\"\n              >Invite</span\n            >\n          </ion-button>\n        }\n        <ion-button (click)=\"goSchedule($event, member)\">\n          <ion-icon name=\"calendar-outline\" />\n        </ion-button>\n        @if (!member.brief.userID && member.brief.invitesCount) {\n          <ion-button color=\"danger\"> Resend invite</ion-button>\n        }\n      </ion-buttons>\n    </ion-item>\n    <ion-item-options side=\"start\">\n      <ion-item-option color=\"danger\" (click)=\"removeMember($event, member)\">\n        Remove\n      </ion-item-option>\n    </ion-item-options>\n    <ion-item-options side=\"end\">\n      <ion-item-option color=\"danger\" (click)=\"removeMember($event, member)\">\n        Remove\n      </ion-item-option>\n    </ion-item-options>\n  </ion-item-sliding>\n} @empty {\n  <ion-item lines=\"none\">\n    <ion-label color=\"medium\">No members</ion-label>\n  </ion-item>\n}\n" }]
+        }], propDecorators: { $members: [{ type: i0.Input, args: [{ isSignal: true, alias: "$members", required: true }] }], $role: [{ type: i0.Input, args: [{ isSignal: true, alias: "$role", required: false }] }], selfRemoved: [{
+                type: Output
+            }], contactsByMember: [{
+                type: Input
+            }], hideRoles: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=members-list.component.js.map

package/esm2022/lib/components/members-list/members-list.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"members-list.component.js","sourceRoot":"","sources":["../../../../../../../../libs/contactus/shared/src/lib/components/members-list/members-list.component.ts","../../../../../../../../libs/contactus/shared/src/lib/components/members-list/members-list.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  computed,\n  EventEmitter,\n  inject,\n  input,\n  Input,\n  Output,\n  signal,\n} from '@angular/core';\nimport { RouterModule } from '@angular/router';\nimport {\n  IonAvatar,\n  IonButton,\n  IonButtons,\n  IonIcon,\n  IonImg,\n  IonItem,\n  IonItemOption,\n  IonItemOptions,\n  IonItemSliding,\n  IonLabel,\n  IonSkeletonText,\n  IonRouterOutlet,\n  ModalController,\n  NavController,\n} from '@ionic/angular/standalone';\nimport { listAddRemoveAnimation, SpaceTypeFamily } from '@sneat/core';\nimport {\n  ScheduleNavService,\n  ScheduleNavServiceModule,\n} from '@sneat/mod-schedulus-core';\nimport { WithSpaceInput } from '@sneat/space-services';\nimport { ContactService, ContactusNavService } from '@sneat/contactus-services';\nimport {\n  IContactWithBrief,\n  IContactWithBriefAndSpace,\n} from '@sneat/contactus-core';\nimport { SpaceNavService } from '@sneat/space-services';\nimport { SneatUserService } from '@sneat/auth-core';\nimport { ClassName } from '@sneat/ui';\nimport { InviteModalComponent } from '../../modals/invite-modal';\nimport { ContactTitlePipe } from '../../pipes';\nimport { ContactRoleBadgesComponent } from '../contact-role-badges/contact-role-badges.component';\nimport { InlistAgeGroupComponent } from '../inlist-options/inlist-age-group.component';\n\n@Component({\n  selector: 'sneat-members-list',\n  templateUrl: './members-list.component.html',\n  animations: listAddRemoveAnimation,\n  imports: [\n    ScheduleNavServiceModule,\n    RouterModule,\n    ContactRoleBadgesComponent,\n    InlistAgeGroupComponent,\n    IonItem,\n    IonAvatar,\n    IonImg,\n    IonSkeletonText,\n    IonItemSliding,\n    IonLabel,\n    IonIcon,\n    IonButtons,\n    IonButton,\n    IonItemOptions,\n    IonItemOption,\n    ContactTitlePipe,\n  ],\n  providers: [{ provide: ClassName, useValue: 'MembersListComponent' }],\n})\n// TODO: Is it deprecated and should we migrated to Contacts list? Document reason if not.\nexport class MembersListComponent extends WithSpaceInput {\n  private readonly navService = inject(SpaceNavService);\n  private readonly navController = inject(NavController);\n  private readonly userService = inject(SneatUserService);\n  private readonly contactService = inject(ContactService);\n  private readonly scheduleNavService = inject(ScheduleNavService);\n  private readonly modalController = inject(ModalController);\n  readonly routerOutlet = inject(IonRouterOutlet);\n\n  private $selfRemove = signal(false);\n\n  public readonly $members = input.required<readonly IContactWithBrief[]>();\n\n  public $role = input<string>();\n\n  @Output() readonly selfRemoved = new EventEmitter<void>();\n\n  // TODO: document what is contactsByMember.\n  @Input() public contactsByMember: Record<\n    string,\n    readonly IContactWithBriefAndSpace[]\n  > = {};\n\n  @Input() public hideRoles: readonly string[] = ['member'];\n\n  // Holds filtered entries, use `allMembers` to pass input\n  public readonly $membersToDisplay = computed<readonly IContactWithBrief[]>(\n    () => {\n      const role = this.$role();\n      const members = this.$members();\n      return role\n        ? members?.filter((m) => m.brief?.roles?.some((r) => r === role))\n        : members;\n    },\n  );\n\n  private readonly contactusNavService = inject(ContactusNavService);\n\n  private readonly $isFamilySpace = computed(\n    () => this.$spaceType() === SpaceTypeFamily,\n  );\n\n  protected isAgeOptionsVisible(contact: IContactWithBrief): boolean {\n    // console.log('MembersListComponent.isAgeOptionsVisible()', member, teamDto);\n    return (\n      this.$isFamilySpace() &&\n      contact.brief?.type === 'person' &&\n      (!contact.brief?.ageGroup || contact.brief?.ageGroup === 'unknown')\n    );\n  }\n\n  protected isInviteButtonVisible(contact: IContactWithBrief): boolean {\n    return contact.brief?.type === 'person' && !contact.brief?.userID;\n  }\n\n  public genderIcon(m: IContactWithBrief) {\n    switch (m.brief?.gender) {\n      case 'male':\n        return 'man-outline';\n      case 'female':\n        return 'woman-outline';\n    }\n    return 'person-outline';\n  }\n\n  public goMember(member?: IContactWithBrief): boolean {\n    if (!this.$space()) {\n      this.errorLogger.logError(\n        'Can not navigate to space member without space context',\n      );\n      return false;\n    }\n    if (!member?.id) {\n      throw new Error('!member?.id');\n    }\n    this.contactusNavService.navigateToMember({\n      ...member,\n      space: this.$space(),\n    });\n    return false;\n  }\n\n  public goSchedule(event: Event, contact: IContactWithBrief) {\n    event.stopPropagation();\n    event.preventDefault();\n    const space = this.$space();\n    if (space) {\n      this.scheduleNavService\n        .goCalendar(space, { member: contact.id })\n        .catch(\n          this.errorLogger.logErrorHandler(\n            \"failed to navigate to member's schedule page\",\n          ),\n        );\n    }\n  }\n\n  public removeMember(event: Event, member: IContactWithBrief) {\n    // event.preventDefault();\n    event.stopPropagation();\n    const space = this.$space();\n    if (!space) {\n      return;\n    }\n    this.$selfRemove.set(\n      member.brief?.userID === this.userService.currentUserID,\n    );\n    const spaceID = space.id;\n    this.contactService\n      .removeSpaceMember({ spaceID: spaceID, contactID: member.id })\n      .subscribe({\n        next: (space) => {\n          if (spaceID !== space?.id) {\n            return;\n          }\n          if (this.$selfRemove()) {\n            this.selfRemoved.emit();\n          }\n          if (\n            !space ||\n            (this.userService.currentUserID &&\n              space?.dbo?.userIDs?.indexOf(this.userService.currentUserID)) ||\n            -1 < 0\n          ) {\n            this.navService.navigateToSpaces('back');\n          }\n        },\n        error: (err: unknown) => {\n          this.$selfRemove.set(false);\n          this.errorLogger.logError(err, 'Failed to remove member from team');\n        },\n      });\n  }\n\n  protected async showInviteModal(\n    event: Event,\n    member: IContactWithBrief,\n  ): Promise<void> {\n    event.stopPropagation();\n    event.preventDefault();\n    const modal = await this.modalController.create({\n      component: InviteModalComponent,\n      // swipeToClose: true,\n      presentingElement: this.routerOutlet.nativeEl,\n      componentProps: {\n        space: this.$space(),\n        member,\n      },\n    });\n    await modal.present();\n  }\n}\n","@let membersToDisplay = $membersToDisplay();\n\n@if (!membersToDisplay) {\n  <ion-item>\n    <ion-avatar slot=\"start\" style=\"opacity: 0.3\">\n      <ion-img title=\"avatar\" src=\"//www.gravatar.com/avatar/gravatar\" />\n    </ion-avatar>\n    <ion-skeleton-text style=\"width: 50%\" animated=\"animated\" />\n  </ion-item>\n}\n\n@for (member of membersToDisplay; track member.id; let isLast = $last) {\n  <ion-item-sliding [@addRemove]=\"'added'\">\n    <ion-item\n      tappable=\"true\"\n      [lines]=\"isLast ? 'none' : undefined\"\n      routerLink=\"/space/{{ $spaceType() || 'UNKNOWN_TYPE' }}/{{\n        $spaceID()\n      }}/member/{{ member.id }}\"\n      (click)=\"goMember(member)\"\n      class=\"sneat-tiny-end-padding\"\n    >\n      @if (member?.brief?.avatar; as avatar) {\n        <ion-avatar>\n          @if (member.brief.avatar?.external?.url) {\n            <ion-img\n              title=\"avatar\"\n              [src]=\"member.brief.avatar?.external?.url\"\n            />\n          }\n          @if (\n            member.brief.avatar?.gravatar && !member.brief.avatar?.external?.url\n          ) {\n            <ion-img\n              title=\"avatar\"\n              src=\"//www.gravatar.com/avatar/{{\n                member.brief.avatar?.gravatar\n              }}\"\n            />\n          }\n        </ion-avatar>\n      } @else {\n        <ion-icon\n          slot=\"start\"\n          [name]=\"genderIcon(member)\"\n          class=\"sneat-hide-if-width-less-240\"\n        />\n      }\n\n      <ion-label>\n        {{ member | contactTitle }}\n        @if (!$role()) {\n          <sneat-contact-role-badges\n            [roles]=\"member.brief.roles\"\n            [hideRoles]=\"hideRoles\"\n          />\n        }\n      </ion-label>\n      @if (isAgeOptionsVisible(member)) {\n        <sneat-inlist-age-group [contactID]=\"member.id\" [$space]=\"$space()\" />\n      }\n      <ion-buttons slot=\"end\">\n        @if (isInviteButtonVisible(member)) {\n          <ion-button\n            title=\"Invite\"\n            color=\"danger\"\n            (click)=\"showInviteModal($event, member)\"\n          >\n            <ion-icon\n              name=\"ticket-outline\"\n              class=\"sneat-hide-if-width-greater-320\"\n            />\n            <span\n              class=\"sneat-hide-if-width-less-320\"\n              style=\"margin-left: 0.5em\"\n              >Invite</span\n            >\n          </ion-button>\n        }\n        <ion-button (click)=\"goSchedule($event, member)\">\n          <ion-icon name=\"calendar-outline\" />\n        </ion-button>\n        @if (!member.brief.userID && member.brief.invitesCount) {\n          <ion-button color=\"danger\"> Resend invite</ion-button>\n        }\n      </ion-buttons>\n    </ion-item>\n    <ion-item-options side=\"start\">\n      <ion-item-option color=\"danger\" (click)=\"removeMember($event, member)\">\n        Remove\n      </ion-item-option>\n    </ion-item-options>\n    <ion-item-options side=\"end\">\n      <ion-item-option color=\"danger\" (click)=\"removeMember($event, member)\">\n        Remove\n      </ion-item-option>\n    </ion-item-options>\n  </ion-item-sliding>\n} @empty {\n  <ion-item lines=\"none\">\n    <ion-label color=\"medium\">No members</ion-label>\n  </ion-item>\n}\n"]}