@sneat/extensions-schedulus-shared 0.3.0

package/esm2022/lib/components/happening-participants/happening-participants.component.js

@@ -0,0 +1,195 @@
+import { ChangeDetectionStrategy, Component, computed, EventEmitter, inject, input, Output, signal, } from '@angular/core';
+import { IonButton, IonButtons, IonCard, IonCardTitle, IonIcon, IonItem, IonItemDivider, IonItemGroup, IonLabel, } from '@ionic/angular/standalone';
+import { SneatUserService } from '@sneat/auth-core';
+import { ContactsChecklistComponent, ContactsSelectorService, ContactsSelectorModule, } from '@sneat/contactus-shared';
+import { AnalyticsService } from '@sneat/core';
+import { addRelatedItem, getRelatedItemIDs, removeRelatedItem, } from '@sneat/dto';
+import { WithSpaceInput } from '@sneat/space-services';
+import { ClassName } from '@sneat/ui';
+import { HappeningService, } from '../../services/happening.service';
+import * as i0 from "@angular/core";
+function capitalizeFirstChar(str) {
+    if (!str) {
+        return '';
+    }
+    return str.charAt(0).toUpperCase() + str.slice(1);
+}
+export class HappeningParticipantsComponent extends WithSpaceInput {
+    constructor() {
+        super();
+        this.happeningService = inject(HappeningService);
+        this.$happening = input.required(...(ngDevMode ? [{ debugName: "$happening" }] : []));
+        // protected readonly $space = computed(() => this.$happening().space);
+        // protected readonly $spaceID = computed(() => this.$space().id);
+        this.userService = inject(SneatUserService);
+        this.$membersTabLabel = computed(() => {
+            const spaceType = this.$space().type;
+            return spaceType === 'family'
+                ? 'Family members'
+                : spaceType
+                    ? capitalizeFirstChar(spaceType) + ' members'
+                    : 'Members';
+        }, ...(ngDevMode ? [{ debugName: "$membersTabLabel" }] : []));
+        this.$showMembersList = computed(() => this.$space().type === 'family', ...(ngDevMode ? [{ debugName: "$showMembersList" }] : []));
+        this.happeningChange = new EventEmitter();
+        this.$relatedContactIDs = computed(() => {
+            const happening = this.$happening();
+            return getRelatedItemIDs(happening.dbo?.related || happening.brief?.related, 'contactus', 'contacts', this.$spaceID());
+        }, ...(ngDevMode ? [{ debugName: "$relatedContactIDs" }] : []));
+        this.contactSelectorService = inject(ContactsSelectorService);
+        this.analytics = inject(AnalyticsService);
+        this.emitHappeningChange = (happening) => this.happeningChange.emit(happening);
+        this.$isAddingContact = signal(false, ...(ngDevMode ? [{ debugName: "$isAddingContact" }] : []));
+    }
+    onCheckChanged(args) {
+        this.analytics.logEvent(`happening/participants/${args.checked ? 'checked' : 'unchecked'}`);
+        const happening = this.$happening();
+        if (!happening.id) {
+            this.addRemoveRelated([args]);
+            args.resolve();
+            return;
+        }
+        const request = {
+            spaceID: this.$spaceID(),
+            happeningID: happening?.id,
+            contact: { id: args.id },
+        };
+        const apiCall = args.checked
+            ? this.happeningService.addParticipant
+            : this.happeningService.removeParticipant;
+        apiCall(request).subscribe({
+            next: () => {
+                this.addRemoveRelated([args]);
+                args.resolve();
+            },
+            error: args.reject,
+        });
+    }
+    addRemoveRelated(args) {
+        let happening = this.$happening();
+        const { brief, dbo } = happening;
+        if (!brief || !dbo) {
+            return;
+        }
+        let happeningBase = {
+            ...(dbo || brief),
+        };
+        args.forEach((arg) => {
+            const itemKey = {
+                module: 'contactus',
+                collection: 'contacts',
+                spaceID: happening.space.id,
+                itemID: arg.id,
+            };
+            happeningBase = {
+                ...happeningBase,
+                related: arg.checked
+                    ? addRelatedItem(happeningBase.related, itemKey, {
+                        participant: {
+                            created: {
+                                at: '' + new Date().toISOString(),
+                                by: this.userService.currentUserID || '',
+                            },
+                        },
+                    })
+                    : removeRelatedItem(happeningBase.related, itemKey),
+            };
+        });
+        happening = {
+            ...happening,
+            brief: {
+                ...brief,
+                ...happeningBase,
+            },
+            dbo: {
+                ...dbo, // TODO: It does not make much sense to update DTO as brief should be enough?
+                ...happeningBase,
+            },
+        };
+        this.emitHappeningChange(happening);
+    }
+    addContact(event, source) {
+        this.analytics.logEvent('happening/participants/add_contact', { source });
+        const spaceID = this.$spaceID();
+        this.$isAddingContact.set(true);
+        const happeningID = this.$happening().id;
+        const componentProps = {
+            space: this.$space(),
+            okButtonLabel: 'Add',
+        };
+        this.contactSelectorService
+            .selectMultipleContacts({
+            title: 'Add participants',
+            selectedItems: [],
+            componentProps: componentProps,
+            onSelected: (selectedContacts) => {
+                return new Promise((resolve, reject) => {
+                    const existingContactIDs = this.$relatedContactIDs();
+                    const contactsToAdd = selectedContacts?.filter((c) => !existingContactIDs?.includes(c.id));
+                    if (contactsToAdd?.length) {
+                        const request = {
+                            spaceID,
+                            happeningID,
+                            contacts: contactsToAdd.map((c) => ({
+                                id: c.id,
+                            })),
+                        };
+                        this.happeningService.addParticipants(request).subscribe({
+                            error: (err) => reject(err),
+                            next: () => {
+                                const args = request.contacts.map((c) => ({
+                                    event,
+                                    id: c.id,
+                                    checked: true,
+                                    resolve,
+                                    reject,
+                                }));
+                                this.addRemoveRelated(args);
+                                resolve();
+                            },
+                        });
+                    }
+                    else {
+                        // No contacts to add - resolve immediately
+                        resolve();
+                    }
+                });
+            },
+        })
+            .then(() => {
+            this.$isAddingContact.set(false);
+            // alert(
+            // 	`${selectedContacts?.length || 0} contacts added added as participants`,
+            // );
+        })
+            .catch((err) => {
+            this.$isAddingContact.set(false);
+            alert(err);
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: HappeningParticipantsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: HappeningParticipantsComponent, isStandalone: true, selector: "sneat-happening-participants", inputs: { $happening: { classPropertyName: "$happening", publicName: "$happening", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { happeningChange: "happeningChange" }, providers: [
+            { provide: ClassName, useValue: 'HappeningParticipantsComponent' },
+        ], usesInheritance: true, ngImport: i0, template: "<ion-card>\n  <!-- We intentionally do not user ion-item-divider here -->\n  <ion-item lines=\"full\" class=\"sneat-tiny-end-padding\">\n    <ion-card-title>Participants</ion-card-title>\n    <ion-buttons slot=\"end\">\n      <ion-button\n        color=\"primary\"\n        [disabled]=\"$isAddingContact()\"\n        (click)=\"addContact($event, 'participants')\"\n      >\n        <ion-icon name=\"add\" />\n        <ion-label>Add participant</ion-label>\n      </ion-button>\n    </ion-buttons>\n  </ion-item>\n  @if ($showMembersList()) {\n    <ion-item color=\"light\" lines=\"full\">\n      <ion-label>{{ $membersTabLabel() }}</ion-label>\n    </ion-item>\n    <sneat-contacts-checklist\n      [$space]=\"$space()\"\n      [$lastItemLine]=\"'full'\"\n      [$checkedContactIDs]=\"$relatedContactIDs()\"\n      noContactsMessage=\"No members\"\n      (checkedChange)=\"onCheckChanged($event)\"\n    />\n  }\n  <ion-item-group>\n    <ion-item-divider color=\"light\" class=\"sneat-tiny-end-padding\">\n      <ion-label>Contacts</ion-label>\n      <ion-buttons slot=\"end\">\n        <ion-button\n          [disabled]=\"$isAddingContact()\"\n          color=\"primary\"\n          (click)=\"addContact($event, 'contacts')\"\n          title=\"Add contact\"\n        >\n          <ion-icon name=\"add\" />\n          <ion-label>Add</ion-label>\n        </ion-button>\n      </ion-buttons>\n    </ion-item-divider>\n    <sneat-contacts-checklist\n      [$space]=\"$space()\"\n      [$spaceRoles]=\"[]\"\n      [$spaceRolesToExclude]=\"['member']\"\n      [$onlySelected]=\"true\"\n      [$lastItemLine]=\"'full'\"\n      [$checkedContactIDs]=\"$relatedContactIDs()\"\n      noContactsMessage=\"No contacts added as participants\"\n      (checkedChange)=\"onCheckChanged($event)\"\n    />\n    <!--\t\t<ion-item-divider>-->\n    <!--\t\t\tNo contacts has been added to participants yet.-->\n    <!--\t\t</ion-item-divider>-->\n  </ion-item-group>\n</ion-card>\n", dependencies: [{ kind: "component", type: ContactsChecklistComponent, selector: "sneat-contacts-checklist", inputs: ["$lastItemLine", "$spaceRoles", "$spaceRolesToExclude", "$onlySelected", "$checkedContactIDs", "$space", "roles", "noContactsMessage"], outputs: ["checkedChange"] }, { kind: "ngmodule", type: ContactsSelectorModule }, { kind: "component", type: IonCard, selector: "ion-card", inputs: ["button", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { 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: IonCardTitle, selector: "ion-card-title", inputs: ["color", "mode"] }, { 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: IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: IonItemGroup, selector: "ion-item-group" }, { kind: "component", type: IonItemDivider, selector: "ion-item-divider", inputs: ["color", "mode", "sticky"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: HappeningParticipantsComponent, decorators: [{
+            type: Component,
+            args: [{ imports: [
+                        ContactsChecklistComponent,
+                        ContactsSelectorModule,
+                        IonCard,
+                        IonItem,
+                        IonCardTitle,
+                        IonButtons,
+                        IonButton,
+                        IonIcon,
+                        IonLabel,
+                        IonItemGroup,
+                        IonItemDivider,
+                    ], providers: [
+                        { provide: ClassName, useValue: 'HappeningParticipantsComponent' },
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, selector: 'sneat-happening-participants', template: "<ion-card>\n  <!-- We intentionally do not user ion-item-divider here -->\n  <ion-item lines=\"full\" class=\"sneat-tiny-end-padding\">\n    <ion-card-title>Participants</ion-card-title>\n    <ion-buttons slot=\"end\">\n      <ion-button\n        color=\"primary\"\n        [disabled]=\"$isAddingContact()\"\n        (click)=\"addContact($event, 'participants')\"\n      >\n        <ion-icon name=\"add\" />\n        <ion-label>Add participant</ion-label>\n      </ion-button>\n    </ion-buttons>\n  </ion-item>\n  @if ($showMembersList()) {\n    <ion-item color=\"light\" lines=\"full\">\n      <ion-label>{{ $membersTabLabel() }}</ion-label>\n    </ion-item>\n    <sneat-contacts-checklist\n      [$space]=\"$space()\"\n      [$lastItemLine]=\"'full'\"\n      [$checkedContactIDs]=\"$relatedContactIDs()\"\n      noContactsMessage=\"No members\"\n      (checkedChange)=\"onCheckChanged($event)\"\n    />\n  }\n  <ion-item-group>\n    <ion-item-divider color=\"light\" class=\"sneat-tiny-end-padding\">\n      <ion-label>Contacts</ion-label>\n      <ion-buttons slot=\"end\">\n        <ion-button\n          [disabled]=\"$isAddingContact()\"\n          color=\"primary\"\n          (click)=\"addContact($event, 'contacts')\"\n          title=\"Add contact\"\n        >\n          <ion-icon name=\"add\" />\n          <ion-label>Add</ion-label>\n        </ion-button>\n      </ion-buttons>\n    </ion-item-divider>\n    <sneat-contacts-checklist\n      [$space]=\"$space()\"\n      [$spaceRoles]=\"[]\"\n      [$spaceRolesToExclude]=\"['member']\"\n      [$onlySelected]=\"true\"\n      [$lastItemLine]=\"'full'\"\n      [$checkedContactIDs]=\"$relatedContactIDs()\"\n      noContactsMessage=\"No contacts added as participants\"\n      (checkedChange)=\"onCheckChanged($event)\"\n    />\n    <!--\t\t<ion-item-divider>-->\n    <!--\t\t\tNo contacts has been added to participants yet.-->\n    <!--\t\t</ion-item-divider>-->\n  </ion-item-group>\n</ion-card>\n" }]
+        }], ctorParameters: () => [], propDecorators: { $happening: [{ type: i0.Input, args: [{ isSignal: true, alias: "$happening", required: true }] }], happeningChange: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=happening-participants.component.js.map

package/esm2022/lib/components/happening-participants/happening-participants.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"happening-participants.component.js","sourceRoot":"","sources":["../../../../../../../../../libs/extensions/schedulus/shared/src/lib/components/happening-participants/happening-participants.component.ts","../../../../../../../../../libs/extensions/schedulus/shared/src/lib/components/happening-participants/happening-participants.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  EventEmitter,\n  inject,\n  input,\n  Output,\n  signal,\n} from '@angular/core';\nimport {\n  IonButton,\n  IonButtons,\n  IonCard,\n  IonCardTitle,\n  IonIcon,\n  IonItem,\n  IonItemDivider,\n  IonItemGroup,\n  IonLabel,\n} from '@ionic/angular/standalone';\nimport { SneatUserService } from '@sneat/auth-core';\nimport {\n  ContactsChecklistComponent,\n  ContactsSelectorService,\n  ContactsSelectorModule,\n  ICheckChangedArgs,\n  IContactSelectorProps,\n} from '@sneat/contactus-shared';\nimport { AnalyticsService } from '@sneat/core';\nimport {\n  addRelatedItem,\n  getRelatedItemIDs,\n  ISpaceModuleItemRef,\n  removeRelatedItem,\n} from '@sneat/dto';\nimport { IHappeningContext, IHappeningBase } from '@sneat/mod-schedulus-core';\nimport { WithSpaceInput } from '@sneat/space-services';\nimport { ClassName } from '@sneat/ui';\nimport {\n  HappeningService,\n  IHappeningContactRequest,\n  IHappeningContactsRequest,\n} from '../../services/happening.service';\n\nfunction capitalizeFirstChar(str: string): string {\n  if (!str) {\n    return '';\n  }\n  return str.charAt(0).toUpperCase() + str.slice(1);\n}\n\n@Component({\n  imports: [\n    ContactsChecklistComponent,\n    ContactsSelectorModule,\n    IonCard,\n    IonItem,\n    IonCardTitle,\n    IonButtons,\n    IonButton,\n    IonIcon,\n    IonLabel,\n    IonItemGroup,\n    IonItemDivider,\n  ],\n  providers: [\n    { provide: ClassName, useValue: 'HappeningParticipantsComponent' },\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  selector: 'sneat-happening-participants',\n  templateUrl: 'happening-participants.component.html',\n})\nexport class HappeningParticipantsComponent extends WithSpaceInput {\n  private readonly happeningService = inject(HappeningService);\n\n  public readonly $happening = input.required<IHappeningContext>();\n\n  // protected readonly $space = computed(() => this.$happening().space);\n  // protected readonly $spaceID = computed(() => this.$space().id);\n\n  private readonly userService = inject(SneatUserService);\n\n  protected readonly $membersTabLabel = computed(() => {\n    const spaceType = this.$space().type;\n    return spaceType === 'family'\n      ? 'Family members'\n      : spaceType\n        ? capitalizeFirstChar(spaceType) + ' members'\n        : 'Members';\n  });\n\n  protected readonly $showMembersList = computed(\n    () => this.$space().type === 'family',\n  );\n\n  @Output() readonly happeningChange = new EventEmitter<IHappeningContext>();\n\n  protected readonly $relatedContactIDs = computed(() => {\n    const happening = this.$happening();\n    return getRelatedItemIDs(\n      happening.dbo?.related || happening.brief?.related,\n      'contactus',\n      'contacts',\n      this.$spaceID(),\n    );\n  });\n\n  private readonly contactSelectorService = inject(ContactsSelectorService);\n\n  private readonly analytics = inject(AnalyticsService);\n\n  public constructor() {\n    super();\n  }\n\n  protected onCheckChanged(args: ICheckChangedArgs): void {\n    this.analytics.logEvent(\n      `happening/participants/${args.checked ? 'checked' : 'unchecked'}`,\n    );\n    const happening = this.$happening();\n\n    if (!happening.id) {\n      this.addRemoveRelated([args]);\n      args.resolve();\n      return;\n    }\n\n    const request: IHappeningContactRequest = {\n      spaceID: this.$spaceID(),\n      happeningID: happening?.id,\n      contact: { id: args.id },\n    };\n    const apiCall = args.checked\n      ? this.happeningService.addParticipant\n      : this.happeningService.removeParticipant;\n    apiCall(request).subscribe({\n      next: () => {\n        this.addRemoveRelated([args]);\n        args.resolve();\n      },\n      error: args.reject,\n    });\n  }\n\n  private readonly emitHappeningChange = (happening: IHappeningContext) =>\n    this.happeningChange.emit(happening);\n\n  private addRemoveRelated(args: readonly ICheckChangedArgs[]): void {\n    let happening = this.$happening();\n    const { brief, dbo } = happening;\n    if (!brief || !dbo) {\n      return;\n    }\n    let happeningBase: IHappeningBase = {\n      ...(dbo || brief),\n    };\n    args.forEach((arg) => {\n      const itemKey: ISpaceModuleItemRef = {\n        module: 'contactus',\n        collection: 'contacts',\n        spaceID: happening.space.id,\n        itemID: arg.id,\n      };\n      happeningBase = {\n        ...happeningBase,\n        related: arg.checked\n          ? addRelatedItem(happeningBase.related, itemKey, {\n              participant: {\n                created: {\n                  at: '' + new Date().toISOString(),\n                  by: this.userService.currentUserID || '',\n                },\n              },\n            })\n          : removeRelatedItem(happeningBase.related, itemKey),\n      };\n    });\n\n    happening = {\n      ...happening,\n      brief: {\n        ...brief,\n        ...happeningBase,\n      },\n      dbo: {\n        ...dbo, // TODO: It does not make much sense to update DTO as brief should be enough?\n        ...happeningBase,\n      },\n    };\n    this.emitHappeningChange(happening);\n  }\n\n  protected $isAddingContact = signal(false);\n\n  protected addContact(event: Event, source: string): void {\n    this.analytics.logEvent('happening/participants/add_contact', { source });\n    const spaceID = this.$spaceID();\n    this.$isAddingContact.set(true);\n    const happeningID = this.$happening().id;\n    const componentProps: IContactSelectorProps = {\n      space: this.$space(),\n      okButtonLabel: 'Add',\n    };\n    this.contactSelectorService\n      .selectMultipleContacts({\n        title: 'Add participants',\n        selectedItems: [],\n        componentProps: componentProps,\n        onSelected: (selectedContacts): Promise<void> => {\n          return new Promise((resolve, reject) => {\n            const existingContactIDs = this.$relatedContactIDs();\n            const contactsToAdd = selectedContacts?.filter(\n              (c) => !existingContactIDs?.includes(c.id),\n            );\n            if (contactsToAdd?.length) {\n              const request: IHappeningContactsRequest = {\n                spaceID,\n                happeningID,\n                contacts: contactsToAdd.map((c) => ({\n                  id: c.id,\n                })),\n              };\n              this.happeningService.addParticipants(request).subscribe({\n                error: (err) => reject(err),\n                next: () => {\n                  const args: readonly ICheckChangedArgs[] =\n                    request.contacts.map((c) => ({\n                      event,\n                      id: c.id,\n                      checked: true,\n                      resolve,\n                      reject,\n                    }));\n                  this.addRemoveRelated(args);\n                  resolve();\n                },\n              });\n            } else {\n              // No contacts to add - resolve immediately\n              resolve();\n            }\n          });\n        },\n      })\n      .then(() => {\n        this.$isAddingContact.set(false);\n        // alert(\n        // \t`${selectedContacts?.length || 0} contacts added added as participants`,\n        // );\n      })\n      .catch((err) => {\n        this.$isAddingContact.set(false);\n        alert(err);\n      });\n  }\n}\n","<ion-card>\n  <!-- We intentionally do not user ion-item-divider here -->\n  <ion-item lines=\"full\" class=\"sneat-tiny-end-padding\">\n    <ion-card-title>Participants</ion-card-title>\n    <ion-buttons slot=\"end\">\n      <ion-button\n        color=\"primary\"\n        [disabled]=\"$isAddingContact()\"\n        (click)=\"addContact($event, 'participants')\"\n      >\n        <ion-icon name=\"add\" />\n        <ion-label>Add participant</ion-label>\n      </ion-button>\n    </ion-buttons>\n  </ion-item>\n  @if ($showMembersList()) {\n    <ion-item color=\"light\" lines=\"full\">\n      <ion-label>{{ $membersTabLabel() }}</ion-label>\n    </ion-item>\n    <sneat-contacts-checklist\n      [$space]=\"$space()\"\n      [$lastItemLine]=\"'full'\"\n      [$checkedContactIDs]=\"$relatedContactIDs()\"\n      noContactsMessage=\"No members\"\n      (checkedChange)=\"onCheckChanged($event)\"\n    />\n  }\n  <ion-item-group>\n    <ion-item-divider color=\"light\" class=\"sneat-tiny-end-padding\">\n      <ion-label>Contacts</ion-label>\n      <ion-buttons slot=\"end\">\n        <ion-button\n          [disabled]=\"$isAddingContact()\"\n          color=\"primary\"\n          (click)=\"addContact($event, 'contacts')\"\n          title=\"Add contact\"\n        >\n          <ion-icon name=\"add\" />\n          <ion-label>Add</ion-label>\n        </ion-button>\n      </ion-buttons>\n    </ion-item-divider>\n    <sneat-contacts-checklist\n      [$space]=\"$space()\"\n      [$spaceRoles]=\"[]\"\n      [$spaceRolesToExclude]=\"['member']\"\n      [$onlySelected]=\"true\"\n      [$lastItemLine]=\"'full'\"\n      [$checkedContactIDs]=\"$relatedContactIDs()\"\n      noContactsMessage=\"No contacts added as participants\"\n      (checkedChange)=\"onCheckChanged($event)\"\n    />\n    <!--\t\t<ion-item-divider>-->\n    <!--\t\t\tNo contacts has been added to participants yet.-->\n    <!--\t\t</ion-item-divider>-->\n  </ion-item-group>\n</ion-card>\n"]}