@sneat/contactus-shared 0.2.0

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

@@ -0,0 +1,60 @@
+import { ChangeDetectionStrategy, Component, Input, input, computed, } from '@angular/core';
+import { IonCard } from '@ionic/angular/standalone';
+import { zipMapBriefsWithIDs } from '@sneat/space-models';
+import { MembersCardHeaderComponent } from '../members-card-header/members-card-header.component';
+import { MembersListComponent } from '../members-list';
+import * as i0 from "@angular/core";
+export class MembersShortListCardComponent {
+    constructor() {
+        this.$space = input.required(...(ngDevMode ? [{ debugName: "$space" }] : []));
+        this.$contactusSpaceDbo = input.required(...(ngDevMode ? [{ debugName: "$contactusSpaceDbo" }] : []));
+        this.$spaceContacts = computed(() => zipMapBriefsWithIDs(this.$contactusSpaceDbo()?.contacts), ...(ngDevMode ? [{ debugName: "$spaceContacts" }] : []));
+        this.filterMembers = (contacts) => {
+            return !this.role
+                ? contacts
+                : contacts?.filter((m) => m.brief?.roles?.some((r) => r === this.role));
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: MembersShortListCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: MembersShortListCardComponent, isStandalone: true, selector: "sneat-members-short-list", inputs: { $space: { classPropertyName: "$space", publicName: "$space", isSignal: true, isRequired: true, transformFunction: null }, $contactusSpaceDbo: { classPropertyName: "$contactusSpaceDbo", publicName: "$contactusSpaceDbo", isSignal: true, isRequired: true, transformFunction: null }, role: { classPropertyName: "role", publicName: "role", isSignal: false, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    <ion-card>
+      <sneat-members-card-header
+        [$space]="$space()"
+        [$contactusSpace]="{
+          id: $space().id || '',
+          dbo: $contactusSpaceDbo() || null,
+        }"
+      />
+      <sneat-members-list
+        [$space]="$space()"
+        [$members]="$spaceContacts()"
+      ></sneat-members-list>
+    </ion-card>
+  `, isInline: true, dependencies: [{ kind: "component", type: IonCard, selector: "ion-card", inputs: ["button", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: MembersListComponent, selector: "sneat-members-list", inputs: ["$members", "$role", "contactsByMember", "hideRoles"], outputs: ["selfRemoved"] }, { kind: "component", type: MembersCardHeaderComponent, selector: "sneat-members-card-header", inputs: ["$space", "$contactusSpace"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: MembersShortListCardComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'sneat-members-short-list',
+                    template: `
+    <ion-card>
+      <sneat-members-card-header
+        [$space]="$space()"
+        [$contactusSpace]="{
+          id: $space().id || '',
+          dbo: $contactusSpaceDbo() || null,
+        }"
+      />
+      <sneat-members-list
+        [$space]="$space()"
+        [$members]="$spaceContacts()"
+      ></sneat-members-list>
+    </ion-card>
+  `,
+                    imports: [IonCard, MembersListComponent, MembersCardHeaderComponent],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { $space: [{ type: i0.Input, args: [{ isSignal: true, alias: "$space", required: true }] }], $contactusSpaceDbo: [{ type: i0.Input, args: [{ isSignal: true, alias: "$contactusSpaceDbo", required: true }] }], role: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=members-short-list-card.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"members-short-list-card.component.js","sourceRoot":"","sources":["../../../../../../../../libs/contactus/shared/src/lib/components/members-short-list-card/members-short-list-card.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,KAAK,EACL,KAAK,EACL,QAAQ,GACT,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AAEpD,OAAO,EAAiB,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AACzE,OAAO,EAAE,0BAA0B,EAAE,MAAM,sDAAsD,CAAC;AAClG,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;;AAsBvD,MAAM,OAAO,6BAA6B;IApB1C;QAqBkB,WAAM,GAAG,KAAK,CAAC,QAAQ,iDAAiB,CAAC;QAEzC,uBAAkB,GAAG,KAAK,CAAC,QAAQ,6DAEhD,CAAC;QAEe,mBAAc,GAAG,QAAQ,CAAC,GAAG,EAAE,CAChD,mBAAmB,CAAC,IAAI,CAAC,kBAAkB,EAAE,EAAE,QAAQ,CAAC,0DACzD,CAAC;QAIe,kBAAa,GAAG,CAC/B,QAAuC,EACG,EAAE;YAC5C,OAAO,CAAC,IAAI,CAAC,IAAI;gBACf,CAAC,CAAC,QAAQ;gBACV,CAAC,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QAC5E,CAAC,CAAC;KACH;8GApBY,6BAA6B;kGAA7B,6BAA6B,8eAlB9B;;;;;;;;;;;;;;GAcT,4DACS,OAAO,yLAAE,oBAAoB,yJAAE,0BAA0B;;2FAGxD,6BAA6B;kBApBzC,SAAS;mBAAC;oBACT,QAAQ,EAAE,0BAA0B;oBACpC,QAAQ,EAAE;;;;;;;;;;;;;;GAcT;oBACD,OAAO,EAAE,CAAC,OAAO,EAAE,oBAAoB,EAAE,0BAA0B,CAAC;oBACpE,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD;;sBAYE,KAAK","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  Input,\n  input,\n  computed,\n} from '@angular/core';\nimport { IonCard } from '@ionic/angular/standalone';\nimport { IContactusSpaceDbo, IContactWithBrief } from '@sneat/contactus-core';\nimport { ISpaceContext, zipMapBriefsWithIDs } from '@sneat/space-models';\nimport { MembersCardHeaderComponent } from '../members-card-header/members-card-header.component';\nimport { MembersListComponent } from '../members-list';\n\n@Component({\n  selector: 'sneat-members-short-list',\n  template: `\n    <ion-card>\n      <sneat-members-card-header\n        [$space]=\"$space()\"\n        [$contactusSpace]=\"{\n          id: $space().id || '',\n          dbo: $contactusSpaceDbo() || null,\n        }\"\n      />\n      <sneat-members-list\n        [$space]=\"$space()\"\n        [$members]=\"$spaceContacts()\"\n      ></sneat-members-list>\n    </ion-card>\n  `,\n  imports: [IonCard, MembersListComponent, MembersCardHeaderComponent],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MembersShortListCardComponent {\n  public readonly $space = input.required<ISpaceContext>();\n\n  public readonly $contactusSpaceDbo = input.required<\n    IContactusSpaceDbo | null | undefined\n  >();\n\n  protected readonly $spaceContacts = computed(() =>\n    zipMapBriefsWithIDs(this.$contactusSpaceDbo()?.contacts),\n  );\n\n  @Input() public role?: string;\n\n  private readonly filterMembers = (\n    contacts?: readonly IContactWithBrief[],\n  ): readonly IContactWithBrief[] | undefined => {\n    return !this.role\n      ? contacts\n      : contacts?.filter((m) => m.brief?.roles?.some((r) => r === this.role));\n  };\n}\n"]}

package/esm2022/lib/components/shared-with/index.js

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

package/esm2022/lib/components/shared-with/index.js.map

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

package/esm2022/lib/components/shared-with/shared-with.component.js

@@ -0,0 +1,25 @@
+import { Component, Input } from '@angular/core';
+import { IonCard, IonCardHeader, IonCardTitle, IonCheckbox, IonIcon, IonItem, IonLabel, IonSelect, IonSelectOption, IonToggle, } from '@ionic/angular/standalone';
+import * as i0 from "@angular/core";
+export class SharedWithComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SharedWithComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.0", type: SharedWithComponent, isStandalone: true, selector: "sneat-shared-with", inputs: { title: "title" }, ngImport: i0, template: "<ion-card>\n  <ion-card-header>\n    <ion-card-title>{{ title }}</ion-card-title>\n  </ion-card-header>\n  <ion-item>\n    <ion-label>Group</ion-label>\n    <ion-select disabled=\"true\" value=\"family\" interface=\"popover\">\n      <ion-select-option value=\"personal\">Personal</ion-select-option>\n      <ion-select-option value=\"family\">Family</ion-select-option>\n    </ion-select>\n  </ion-item>\n  <ion-item color=\"light\">\n    <ion-checkbox slot=\"start\" />\n    <ion-label><b>Adults</b></ion-label>\n  </ion-item>\n  <ion-item>\n    <ion-toggle slot=\"end\" />\n    <ion-label>Janet</ion-label>\n  </ion-item>\n  <ion-item>\n    <ion-toggle slot=\"end\" />\n    <ion-label>Jack</ion-label>\n  </ion-item>\n  <ion-item color=\"light\">\n    <ion-checkbox slot=\"start\" />\n    <ion-label>Kids</ion-label>\n  </ion-item>\n  <ion-item>\n    <ion-toggle slot=\"end\" />\n    <ion-label>Janet</ion-label>\n  </ion-item>\n  <ion-item>\n    <ion-toggle slot=\"end\" />\n    <ion-label>Jack</ion-label>\n  </ion-item>\n  <ion-item button=\"\">\n    <ion-icon name=\"add\" slot=\"start\" color=\"primary\" />\n    <ion-label color=\"primary\">Add member</ion-label>\n  </ion-item>\n</ion-card>\n", dependencies: [{ kind: "component", type: IonCard, selector: "ion-card", inputs: ["button", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: IonCardHeader, selector: "ion-card-header", inputs: ["color", "mode", "translucent"] }, { 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: IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: IonSelect, selector: "ion-select", inputs: ["cancelText", "color", "compareWith", "disabled", "errorText", "expandedIcon", "fill", "helperText", "interface", "interfaceOptions", "justify", "label", "labelPlacement", "mode", "multiple", "name", "okText", "placeholder", "selectedText", "shape", "toggleIcon", "value"] }, { kind: "component", type: IonSelectOption, selector: "ion-select-option", inputs: ["disabled", "value"] }, { kind: "component", type: IonCardTitle, selector: "ion-card-title", inputs: ["color", "mode"] }, { kind: "component", type: IonCheckbox, selector: "ion-checkbox", inputs: ["checked", "color", "disabled", "errorText", "helperText", "indeterminate", "justify", "labelPlacement", "mode", "name", "value"] }, { kind: "component", type: IonToggle, selector: "ion-toggle", inputs: ["checked", "color", "disabled", "enableOnOffLabels", "errorText", "helperText", "justify", "labelPlacement", "mode", "name", "value"] }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SharedWithComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sneat-shared-with', imports: [
+                        IonCard,
+                        IonCardHeader,
+                        IonItem,
+                        IonLabel,
+                        IonSelect,
+                        IonSelectOption,
+                        IonCardTitle,
+                        IonCheckbox,
+                        IonToggle,
+                        IonIcon,
+                    ], template: "<ion-card>\n  <ion-card-header>\n    <ion-card-title>{{ title }}</ion-card-title>\n  </ion-card-header>\n  <ion-item>\n    <ion-label>Group</ion-label>\n    <ion-select disabled=\"true\" value=\"family\" interface=\"popover\">\n      <ion-select-option value=\"personal\">Personal</ion-select-option>\n      <ion-select-option value=\"family\">Family</ion-select-option>\n    </ion-select>\n  </ion-item>\n  <ion-item color=\"light\">\n    <ion-checkbox slot=\"start\" />\n    <ion-label><b>Adults</b></ion-label>\n  </ion-item>\n  <ion-item>\n    <ion-toggle slot=\"end\" />\n    <ion-label>Janet</ion-label>\n  </ion-item>\n  <ion-item>\n    <ion-toggle slot=\"end\" />\n    <ion-label>Jack</ion-label>\n  </ion-item>\n  <ion-item color=\"light\">\n    <ion-checkbox slot=\"start\" />\n    <ion-label>Kids</ion-label>\n  </ion-item>\n  <ion-item>\n    <ion-toggle slot=\"end\" />\n    <ion-label>Janet</ion-label>\n  </ion-item>\n  <ion-item>\n    <ion-toggle slot=\"end\" />\n    <ion-label>Jack</ion-label>\n  </ion-item>\n  <ion-item button=\"\">\n    <ion-icon name=\"add\" slot=\"start\" color=\"primary\" />\n    <ion-label color=\"primary\">Add member</ion-label>\n  </ion-item>\n</ion-card>\n" }]
+        }], propDecorators: { title: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=shared-with.component.js.map

package/esm2022/lib/components/shared-with/shared-with.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared-with.component.js","sourceRoot":"","sources":["../../../../../../../../libs/contactus/shared/src/lib/components/shared-with/shared-with.component.ts","../../../../../../../../libs/contactus/shared/src/lib/components/shared-with/shared-with.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EACL,OAAO,EACP,aAAa,EACb,YAAY,EACZ,WAAW,EACX,OAAO,EACP,OAAO,EACP,QAAQ,EACR,SAAS,EACT,eAAe,EACf,SAAS,GACV,MAAM,2BAA2B,CAAC;;AAkBnC,MAAM,OAAO,mBAAmB;8GAAnB,mBAAmB;kGAAnB,mBAAmB,yGC9BhC,orCAwCA,4CDtBI,OAAO,yLACP,aAAa,sGACb,OAAO,0NACP,QAAQ,6FACR,SAAS,kVACT,eAAe,6FACf,YAAY,sFACZ,WAAW,qMACX,SAAS,uMACT,OAAO;;2FAGE,mBAAmB;kBAhB/B,SAAS;+BACE,mBAAmB,WAEpB;wBACP,OAAO;wBACP,aAAa;wBACb,OAAO;wBACP,QAAQ;wBACR,SAAS;wBACT,eAAe;wBACf,YAAY;wBACZ,WAAW;wBACX,SAAS;wBACT,OAAO;qBACR;;sBAGA,KAAK","sourcesContent":["import { Component, Input } from '@angular/core';\nimport {\n  IonCard,\n  IonCardHeader,\n  IonCardTitle,\n  IonCheckbox,\n  IonIcon,\n  IonItem,\n  IonLabel,\n  IonSelect,\n  IonSelectOption,\n  IonToggle,\n} from '@ionic/angular/standalone';\n\n@Component({\n  selector: 'sneat-shared-with',\n  templateUrl: './shared-with.component.html',\n  imports: [\n    IonCard,\n    IonCardHeader,\n    IonItem,\n    IonLabel,\n    IonSelect,\n    IonSelectOption,\n    IonCardTitle,\n    IonCheckbox,\n    IonToggle,\n    IonIcon,\n  ],\n})\nexport class SharedWithComponent {\n  @Input() title?: string;\n}\n","<ion-card>\n  <ion-card-header>\n    <ion-card-title>{{ title }}</ion-card-title>\n  </ion-card-header>\n  <ion-item>\n    <ion-label>Group</ion-label>\n    <ion-select disabled=\"true\" value=\"family\" interface=\"popover\">\n      <ion-select-option value=\"personal\">Personal</ion-select-option>\n      <ion-select-option value=\"family\">Family</ion-select-option>\n    </ion-select>\n  </ion-item>\n  <ion-item color=\"light\">\n    <ion-checkbox slot=\"start\" />\n    <ion-label><b>Adults</b></ion-label>\n  </ion-item>\n  <ion-item>\n    <ion-toggle slot=\"end\" />\n    <ion-label>Janet</ion-label>\n  </ion-item>\n  <ion-item>\n    <ion-toggle slot=\"end\" />\n    <ion-label>Jack</ion-label>\n  </ion-item>\n  <ion-item color=\"light\">\n    <ion-checkbox slot=\"start\" />\n    <ion-label>Kids</ion-label>\n  </ion-item>\n  <ion-item>\n    <ion-toggle slot=\"end\" />\n    <ion-label>Janet</ion-label>\n  </ion-item>\n  <ion-item>\n    <ion-toggle slot=\"end\" />\n    <ion-label>Jack</ion-label>\n  </ion-item>\n  <ion-item button=\"\">\n    <ion-icon name=\"add\" slot=\"start\" color=\"primary\" />\n    <ion-label color=\"primary\">Add member</ion-label>\n  </ion-item>\n</ion-card>\n"]}

package/esm2022/lib/components/with-new-contact-input.js

@@ -0,0 +1,18 @@
+import { Directive, EventEmitter, input, Output } from '@angular/core';
+import { WithSpaceInput } from '@sneat/space-services';
+import * as i0 from "@angular/core";
+export class WithNewContactInput extends WithSpaceInput {
+    constructor() {
+        super(...arguments);
+        this.$contact = input.required(...(ngDevMode ? [{ debugName: "$contact" }] : []));
+        this.contactChange = new EventEmitter();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: WithNewContactInput, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: WithNewContactInput, isStandalone: true, inputs: { $contact: { classPropertyName: "$contact", publicName: "$contact", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { contactChange: "contactChange" }, usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: WithNewContactInput, decorators: [{
+            type: Directive
+        }], propDecorators: { $contact: [{ type: i0.Input, args: [{ isSignal: true, alias: "$contact", required: true }] }], contactChange: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=with-new-contact-input.js.map

package/esm2022/lib/components/with-new-contact-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"with-new-contact-input.js","sourceRoot":"","sources":["../../../../../../../libs/contactus/shared/src/lib/components/with-new-contact-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAEvE,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;;AAGvD,MAAM,OAAO,mBAAoB,SAAQ,cAAc;IADvD;;QAEkB,aAAQ,GAAG,KAAK,CAAC,QAAQ,mDAAgC,CAAC;QACvD,kBAAa,GAC9B,IAAI,YAAY,EAAgC,CAAC;KACpD;8GAJY,mBAAmB;kGAAnB,mBAAmB;;2FAAnB,mBAAmB;kBAD/B,SAAS;;sBAGP,MAAM","sourcesContent":["import { Directive, EventEmitter, input, Output } from '@angular/core';\nimport { NewContactBaseDboAndSpaceRef } from '@sneat/contactus-core';\nimport { WithSpaceInput } from '@sneat/space-services';\n\n@Directive()\nexport class WithNewContactInput extends WithSpaceInput {\n  public readonly $contact = input.required<NewContactBaseDboAndSpaceRef>();\n  @Output() readonly contactChange =\n    new EventEmitter<NewContactBaseDboAndSpaceRef>();\n}\n"]}

package/esm2022/lib/constants.js

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

package/esm2022/lib/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../libs/contactus/shared/src/lib/constants.ts"],"names":[],"mappings":"","sourcesContent":["import { EnumAsUnionOfKeys } from '@sneat/core';\n\nexport const enum MemberPageID {\n  // Read README-DEV-FAQ.md#enum-as-union-of-keys\n  member = 'member',\n  'edit-member' = 'edit-member',\n  'member-budget' = 'member-budget',\n  'member-assets' = 'member-assets',\n  'member-contacts' = 'member-contacts',\n  'member-documents' = 'member-documents',\n  'member-schedule' = 'member-schedule',\n  'remove-member' = 'remove-member',\n  'member-sizes' = 'member-sizes',\n}\n\nexport type MemberPages = EnumAsUnionOfKeys<typeof MemberPageID>; // Read README-DEV-FAQ.md#enum-as-union-of-keys\n"]}

package/esm2022/lib/index.js

@@ -0,0 +1,3 @@
+export * from './ui-types';
+export * from './constants';
+//# sourceMappingURL=index.js.map

package/esm2022/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../libs/contactus/shared/src/lib/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC","sourcesContent":["export * from './ui-types';\nexport * from './constants';\n"]}

package/esm2022/lib/modals/contact-names-modal/contact-names-modal.component.js

@@ -0,0 +1,88 @@
+import { ChangeDetectionStrategy, Component, inject, Input, signal, } from '@angular/core';
+import { IonButton, IonButtons, IonContent, IonFooter, IonHeader, IonIcon, IonLabel, IonTitle, IonToolbar, } from '@ionic/angular/standalone';
+import { ContactService, } from '@sneat/contactus-services';
+import { NamesFormComponent } from '../../components/contact-forms/person-forms/names-form';
+import { ClassName, SneatBaseModalComponent } from '@sneat/ui';
+import * as i0 from "@angular/core";
+export class ContactNamesModalComponent extends SneatBaseModalComponent {
+    constructor() {
+        super(...arguments);
+        this.names = {};
+        this.contactService = inject(ContactService);
+        this.$saving = signal(false, ...(ngDevMode ? [{ debugName: "$saving" }] : []));
+        this.personalbar = personalbar;
+    }
+    onNamesChanged(names) {
+        this.names = names;
+    }
+    saveChanges() {
+        this.$saving.set(true);
+        const contactID = this.contactID;
+        if (!contactID) {
+            this.errorLogger.logError('Contact ID is required');
+            return;
+        }
+        const spaceID = this.spaceID;
+        if (!spaceID) {
+            this.errorLogger.logError('Space ID is required');
+            return;
+        }
+        const names = this.names;
+        if (!names) {
+            this.errorLogger.logError('Names are required');
+            return;
+        }
+        const request = {
+            contactID,
+            spaceID,
+            names,
+        };
+        this.contactService.updateContact(request).subscribe({
+            next: () => {
+                this.$saving.set(false);
+                this.dismissModal(names);
+            },
+            error: (err) => {
+                this.$saving.set(false);
+                this.errorLogger.logError(err);
+            },
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ContactNamesModalComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.0", type: ContactNamesModalComponent, isStandalone: true, selector: "sneat-contact-names-modal", inputs: { spaceID: "spaceID", contactID: "contactID", names: "names" }, providers: [
+            {
+                provide: ClassName,
+                useValue: 'ContactNamesModalComponent',
+            },
+        ], usesInheritance: true, ngImport: i0, template: "<ion-header>\n  <ion-toolbar color=\"light\">\n    <ion-title>Edit names</ion-title>\n    <ion-buttons slot=\"end\">\n      <ion-button (click)=\"close()\">\n        <ion-icon name=\"close-outline\" />\n      </ion-button>\n    </ion-buttons>\n  </ion-toolbar>\n</ion-header>\n\n<ion-content>\n  <sneat-names-form\n    [name]=\"names\"\n    [showHeader]=\"false\"\n    (namesChanged)=\"onNamesChanged($event)\"\n  />\n</ion-content>\n\n<ion-footer>\n  <ion-toolbar>\n    <ion-buttons slot=\"end\">\n      <ion-button\n        [disabled]=\"$saving()\"\n        fill=\"solid\"\n        color=\"primary\"\n        (click)=\"saveChanges()\"\n      >\n        <ion-label>Save</ion-label>\n      </ion-button>\n      <ion-button (click)=\"close()\">\n        <ion-label>Cancel</ion-label>\n      </ion-button>\n    </ion-buttons>\n  </ion-toolbar>\n</ion-footer>\n", dependencies: [{ 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: IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: NamesFormComponent, selector: "sneat-names-form", inputs: ["showHeader", "name", "isActive", "disabled", "fields", "showNextButton"], outputs: ["keyupEnter", "namesChanged", "next"] }, { kind: "component", type: IonFooter, selector: "ion-footer", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ContactNamesModalComponent, decorators: [{
+            type: Component,
+            args: [{ imports: [
+                        IonButton,
+                        IonButtons,
+                        IonContent,
+                        IonHeader,
+                        IonIcon,
+                        IonTitle,
+                        IonToolbar,
+                        NamesFormComponent,
+                        IonFooter,
+                        IonLabel,
+                    ], providers: [
+                        {
+                            provide: ClassName,
+                            useValue: 'ContactNamesModalComponent',
+                        },
+                    ], selector: 'sneat-contact-names-modal', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ion-header>\n  <ion-toolbar color=\"light\">\n    <ion-title>Edit names</ion-title>\n    <ion-buttons slot=\"end\">\n      <ion-button (click)=\"close()\">\n        <ion-icon name=\"close-outline\" />\n      </ion-button>\n    </ion-buttons>\n  </ion-toolbar>\n</ion-header>\n\n<ion-content>\n  <sneat-names-form\n    [name]=\"names\"\n    [showHeader]=\"false\"\n    (namesChanged)=\"onNamesChanged($event)\"\n  />\n</ion-content>\n\n<ion-footer>\n  <ion-toolbar>\n    <ion-buttons slot=\"end\">\n      <ion-button\n        [disabled]=\"$saving()\"\n        fill=\"solid\"\n        color=\"primary\"\n        (click)=\"saveChanges()\"\n      >\n        <ion-label>Save</ion-label>\n      </ion-button>\n      <ion-button (click)=\"close()\">\n        <ion-label>Cancel</ion-label>\n      </ion-button>\n    </ion-buttons>\n  </ion-toolbar>\n</ion-footer>\n" }]
+        }], propDecorators: { spaceID: [{
+                type: Input,
+                args: [{ required: true }]
+            }], contactID: [{
+                type: Input,
+                args: [{ required: true }]
+            }], names: [{
+                type: Input,
+                args: [{ required: true }]
+            }] } });
+//# sourceMappingURL=contact-names-modal.component.js.map

package/esm2022/lib/modals/contact-names-modal/contact-names-modal.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"contact-names-modal.component.js","sourceRoot":"","sources":["../../../../../../../../libs/contactus/shared/src/lib/modals/contact-names-modal/contact-names-modal.component.ts","../../../../../../../../libs/contactus/shared/src/lib/modals/contact-names-modal/contact-names-modal.component.html"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,MAAM,EACN,KAAK,EACL,MAAM,GACP,MAAM,eAAe,CAAC;AACvB,OAAO,EACL,SAAS,EACT,UAAU,EACV,UAAU,EACV,SAAS,EACT,SAAS,EACT,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,UAAU,GACX,MAAM,2BAA2B,CAAC;AAEnC,OAAO,EACL,cAAc,GAEf,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,kBAAkB,EAAE,MAAM,wDAAwD,CAAC;AAC5F,OAAO,EAAE,SAAS,EAAE,uBAAuB,EAAE,MAAM,WAAW,CAAC;;AAyB/D,MAAM,OAAO,0BAA2B,SAAQ,uBAAuB;IAvBvE;;QA0BoC,UAAK,GAAiB,EAAE,CAAC;QAE1C,mBAAc,GAAG,MAAM,CAAC,cAAc,CAAC,CAAC;QAEtC,YAAO,GAAG,MAAM,CAAC,KAAK,mDAAC,CAAC;QAwCxB,gBAAW,GAAG,WAAW,CAAC;KAC9C;IAvCW,cAAc,CAAC,KAAmB;QAC1C,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;IACrB,CAAC;IAES,WAAW;QACnB,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QACvB,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC;QACjC,IAAI,CAAC,SAAS,EAAE,CAAC;YACf,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,wBAAwB,CAAC,CAAC;YACpD,OAAO;QACT,CAAC;QACD,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;QAC7B,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,sBAAsB,CAAC,CAAC;YAClD,OAAO;QACT,CAAC;QACD,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;QACzB,IAAI,CAAC,KAAK,EAAE,CAAC;YACX,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,oBAAoB,CAAC,CAAC;YAChD,OAAO;QACT,CAAC;QACD,MAAM,OAAO,GAA0B;YACrC,SAAS;YACT,OAAO;YACP,KAAK;SACN,CAAC;QACF,IAAI,CAAC,cAAc,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC;YACnD,IAAI,EAAE,GAAG,EAAE;gBACT,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;gBACxB,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;YAC3B,CAAC;YACD,KAAK,EAAE,CAAC,GAAG,EAAE,EAAE;gBACb,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;gBACxB,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;YACjC,CAAC;SACF,CAAC,CAAC;IACL,CAAC;8GA7CU,0BAA0B;kGAA1B,0BAA0B,gJAV1B;YACT;gBACE,OAAO,EAAE,SAAS;gBAClB,QAAQ,EAAE,4BAA4B;aACvC;SACF,iDC5CH,41BAoCA,4CDRI,SAAS,oPACT,UAAU,8EACV,UAAU,wKACV,SAAS,oGACT,OAAO,2JACP,QAAQ,iFACR,UAAU,mFACV,kBAAkB,kMAClB,SAAS,oGACT,QAAQ;;2FAYC,0BAA0B;kBAvBtC,SAAS;8BACC;wBACP,SAAS;wBACT,UAAU;wBACV,UAAU;wBACV,SAAS;wBACT,OAAO;wBACP,QAAQ;wBACR,UAAU;wBACV,kBAAkB;wBAClB,SAAS;wBACT,QAAQ;qBACT,aACU;wBACT;4BACE,OAAO,EAAE,SAAS;4BAClB,QAAQ,EAAE,4BAA4B;yBACvC;qBACF,YACS,2BAA2B,mBAEpB,uBAAuB,CAAC,MAAM;;sBAG9C,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;;sBACxB,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;;sBACxB,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  inject,\n  Input,\n  signal,\n} from '@angular/core';\nimport {\n  IonButton,\n  IonButtons,\n  IonContent,\n  IonFooter,\n  IonHeader,\n  IonIcon,\n  IonLabel,\n  IonTitle,\n  IonToolbar,\n} from '@ionic/angular/standalone';\nimport { IPersonNames } from '@sneat/auth-models';\nimport {\n  ContactService,\n  IUpdateContactRequest,\n} from '@sneat/contactus-services';\nimport { NamesFormComponent } from '../../components/contact-forms/person-forms/names-form';\nimport { ClassName, SneatBaseModalComponent } from '@sneat/ui';\n\n@Component({\n  imports: [\n    IonButton,\n    IonButtons,\n    IonContent,\n    IonHeader,\n    IonIcon,\n    IonTitle,\n    IonToolbar,\n    NamesFormComponent,\n    IonFooter,\n    IonLabel,\n  ],\n  providers: [\n    {\n      provide: ClassName,\n      useValue: 'ContactNamesModalComponent',\n    },\n  ],\n  selector: 'sneat-contact-names-modal',\n  templateUrl: './contact-names-modal.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ContactNamesModalComponent extends SneatBaseModalComponent {\n  @Input({ required: true }) spaceID?: string;\n  @Input({ required: true }) contactID?: string;\n  @Input({ required: true }) public names: IPersonNames = {};\n\n  private readonly contactService = inject(ContactService);\n\n  protected readonly $saving = signal(false);\n\n  protected onNamesChanged(names: IPersonNames): void {\n    this.names = names;\n  }\n\n  protected saveChanges(): void {\n    this.$saving.set(true);\n    const contactID = this.contactID;\n    if (!contactID) {\n      this.errorLogger.logError('Contact ID is required');\n      return;\n    }\n    const spaceID = this.spaceID;\n    if (!spaceID) {\n      this.errorLogger.logError('Space ID is required');\n      return;\n    }\n    const names = this.names;\n    if (!names) {\n      this.errorLogger.logError('Names are required');\n      return;\n    }\n    const request: IUpdateContactRequest = {\n      contactID,\n      spaceID,\n      names,\n    };\n    this.contactService.updateContact(request).subscribe({\n      next: () => {\n        this.$saving.set(false);\n        this.dismissModal(names);\n      },\n      error: (err) => {\n        this.$saving.set(false);\n        this.errorLogger.logError(err);\n      },\n    });\n  }\n\n  protected readonly personalbar = personalbar;\n}\n","<ion-header>\n  <ion-toolbar color=\"light\">\n    <ion-title>Edit names</ion-title>\n    <ion-buttons slot=\"end\">\n      <ion-button (click)=\"close()\">\n        <ion-icon name=\"close-outline\" />\n      </ion-button>\n    </ion-buttons>\n  </ion-toolbar>\n</ion-header>\n\n<ion-content>\n  <sneat-names-form\n    [name]=\"names\"\n    [showHeader]=\"false\"\n    (namesChanged)=\"onNamesChanged($event)\"\n  />\n</ion-content>\n\n<ion-footer>\n  <ion-toolbar>\n    <ion-buttons slot=\"end\">\n      <ion-button\n        [disabled]=\"$saving()\"\n        fill=\"solid\"\n        color=\"primary\"\n        (click)=\"saveChanges()\"\n      >\n        <ion-label>Save</ion-label>\n      </ion-button>\n      <ion-button (click)=\"close()\">\n        <ion-label>Cancel</ion-label>\n      </ion-button>\n    </ion-buttons>\n  </ion-toolbar>\n</ion-footer>\n"]}

package/esm2022/lib/modals/invite-modal/index.js

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

package/esm2022/lib/modals/invite-modal/index.js.map

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

package/esm2022/lib/modals/invite-modal/invite-modal.component.js

@@ -0,0 +1,255 @@
+import { ChangeDetectionStrategy, Component, Input, Pipe, inject, } from '@angular/core';
+import { FormControl, FormsModule, ReactiveFormsModule, UntypedFormGroup, Validators, } from '@angular/forms';
+import { IonButton, IonButtons, IonCardContent, IonContent, IonHeader, IonIcon, IonInput, IonItem, IonLabel, IonSegment, IonSegmentButton, IonSpinner, IonText, IonTextarea, IonTitle, IonToolbar, ModalController, ToastController, } from '@ionic/angular/standalone';
+import { ContactTitlePipe, getContactTitle, } from '../../pipes/contact-title.pipe';
+import { ErrorLogger } from '@sneat/core';
+import { InviteService } from '@sneat/contactus-services';
+import { throwError } from 'rxjs';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+export class EncodeSmsText {
+    transform(text) {
+        return encodeURIComponent(text);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: EncodeSmsText, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.0", ngImport: i0, type: EncodeSmsText, isStandalone: true, name: "encodeSmsText" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: EncodeSmsText, decorators: [{
+            type: Pipe,
+            args: [{ name: 'encodeSmsText' }]
+        }] });
+export class InviteModalComponent {
+    constructor() {
+        this.errorLogger = inject(ErrorLogger);
+        this.modalController = inject(ModalController);
+        this.toastController = inject(ToastController);
+        this.inviteService = inject(InviteService);
+        this.tab = 'email';
+        this.creatingInvite = false;
+        this.email = new FormControl('', [
+            Validators.required,
+            Validators.email,
+        ]);
+        this.phone = new FormControl('', Validators.required);
+        this.message = new FormControl('');
+        this.emailForm = new UntypedFormGroup({
+            email: this.email,
+            message: this.message,
+        });
+        this.smsForm = new UntypedFormGroup({
+            phone: this.phone,
+            message: this.message,
+        });
+    }
+    async close() {
+        await this.modalController.dismiss();
+    }
+    getInviteText(invite) {
+        if (!this.member) {
+            throw new Error('!this.member');
+        }
+        const receiver = getContactTitle(this.member);
+        let m = `Hi ${receiver}, please join our family @ Sneat.app - https://sneat.app/pwa/join/family?id=${invite.id}#pin=${invite.pin}`;
+        if (this.message.value) {
+            m += '\n\n' + this.message.value;
+        }
+        return m;
+    }
+    composeInvite(channel, protocol, address) {
+        this.creatingInvite = true;
+        switch (protocol) {
+            case 'sms':
+                this.smsForm.disable();
+                break;
+            case 'mailto':
+                this.emailForm.disable();
+                break;
+        }
+        this.createInvite({ channel, address }).subscribe({
+            next: (response) => {
+                const m = this.getInviteText(response.invite);
+                const body = encodeURIComponent(m);
+                const url = protocol +
+                    `:${address}?subject=You+are+invited+to+join+${this.space?.type}&body=${body}`;
+                this.creatingInvite = false;
+                switch (protocol) {
+                    case 'sms':
+                        this.smsForm.enable();
+                        break;
+                    case 'mailto':
+                        this.emailForm.enable();
+                        break;
+                }
+                window.open(url);
+            },
+            error: (err) => {
+                this.creatingInvite = false;
+                switch (protocol) {
+                    case 'sms':
+                        this.smsForm.enable();
+                        break;
+                    case 'mailto':
+                        this.emailForm.enable();
+                        break;
+                }
+                this.errorLogger.logError(err, 'failed to create an invite for SMS channel');
+            },
+        });
+    }
+    composeEmail() {
+        this.composeInvite('email', 'mailto', this.email.value || '');
+    }
+    composeSMS() {
+        this.composeInvite('sms', 'sms', this.phone.value || '');
+    }
+    sendInvite() {
+        if (!this.space) {
+            this.errorLogger.logError('can not send invite without team context');
+            return;
+        }
+        if (!this.member) {
+            this.errorLogger.logError('can not send invite without member context');
+            return;
+        }
+        switch (this.tab) {
+            case 'email':
+                this.emailForm.markAllAsTouched();
+                break;
+            case 'sms':
+                this.smsForm.markAllAsTouched();
+                break;
+        }
+        if (this.tab === 'email' && !this.email.value) {
+            this.error = 'Email address is required';
+            return;
+        }
+        if (this.tab === 'sms' && !this.phone.value) {
+            this.error = 'Phone number is required';
+            return;
+        }
+        const address = this.tab === 'email' ? this.email.value : this.phone.value;
+        this.createInvite({
+            channel: this.tab,
+            address: address || '',
+            send: true,
+        }).subscribe({
+            next: async () => {
+                // console.log('personal invite created:', response);
+                await this.showToast('Invite has been created and will be sent shortly', 2000);
+                await this.modalController.dismiss();
+            },
+            error: this.errorLogger.logErrorHandler('failed to create an invite for a member'),
+        });
+    }
+    createInvite(to) {
+        if (!this.space) {
+            return throwError(() => 'can not create invite without team context');
+        }
+        if (!this.member) {
+            return throwError(() => 'can not create invite without member context');
+        }
+        const request = {
+            spaceID: this.space.id,
+            to: {
+                ...to,
+                memberID: this.member.id,
+            },
+            message: this.message.value || '',
+        };
+        return this.inviteService.createInviteForMember(request);
+    }
+    async copyLinkToClipboard() {
+        if (!this.link) {
+            return;
+        }
+        await navigator.clipboard.writeText(this.link);
+        await this.showToast('Invite link has been copied to your clipboard');
+    }
+    async copyLinkWithInviteTextToClipboard() {
+        if (!this.link) {
+            return;
+        }
+        await navigator.clipboard.writeText(this.link);
+        await this.showToast('Invite text with a link has been copied to your clipboard');
+    }
+    async showToast(message, duration = 1500) {
+        await this.modalController.dismiss();
+        const toast = await this.toastController.create({
+            message,
+            duration,
+            position: 'middle',
+            keyboardClose: true,
+            color: 'tertiary',
+            buttons: [{ role: 'cancel', icon: 'close' }],
+        });
+        await toast.present();
+    }
+    onTabChanged() {
+        if (this.tab === 'link' && !this.link) {
+            this.generateLink();
+        }
+    }
+    generateLink() {
+        // console.log('generateLink()', this.space, this.member);
+        if (!this.space) {
+            return;
+        }
+        if (!this.member) {
+            return;
+        }
+        const request = {
+            spaceID: this.space.id,
+            to: {
+                channel: 'link',
+                memberID: this.member.id,
+            },
+            message: this.message.value || '',
+        };
+        this.inviteService.getInviteLinkForMember(request).subscribe({
+            next: (response) => {
+                // console.log('response', response);
+                const { id, pin } = response.invite;
+                const host = location.host.startsWith('localhost:')
+                    ? location.host
+                    : 'sneat.app/pwa';
+                const protocol = location.host.startsWith('localhost:')
+                    ? 'http'
+                    : 'https';
+                this.link = `${protocol}://${host}/join/${this.space?.brief?.type}?id=${id}#pin=${pin}`;
+            },
+            error: this.errorLogger.logErrorHandler('failed to generate an invite link'),
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: InviteModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: InviteModalComponent, isStandalone: true, selector: "sneat-invite-modal", inputs: { space: "space", member: "member" }, providers: [InviteService], ngImport: i0, template: "<ion-header>\n  <ion-toolbar color=\"primary\">\n    <ion-title>\n      @if (member) {\n        Invite {{ member | contactTitle }} to join\n      } @else {\n        Invite member to join\n      }\n    </ion-title>\n    <ion-buttons slot=\"end\">\n      <ion-button (click)=\"close()\">\n        <ion-icon name=\"close-outline\" />\n      </ion-button>\n    </ion-buttons>\n  </ion-toolbar>\n</ion-header>\n<ion-content>\n  <ion-segment [(ngModel)]=\"tab\" (ionChange)=\"onTabChanged()\">\n    <ion-segment-button value=\"email\">By Email</ion-segment-button>\n    <ion-segment-button value=\"sms\">By SMS</ion-segment-button>\n    <ion-segment-button value=\"link\">Get link</ion-segment-button>\n  </ion-segment>\n  <form>\n    <ion-item>\n      @if (tab === \"email\") {\n        <ion-input\n          placeholder=\"email@address\"\n          label=\"To\"\n          labelPlacement=\"stacked\"\n          [required]=\"true\"\n          [formControl]=\"email\"\n        />\n      }\n      @if (tab === \"sms\") {\n        <ion-input\n          label=\"Invite link\"\n          labelPlacement=\"stacked\"\n          placeholder=\"phone #\"\n          [formControl]=\"phone\"\n        />\n      }\n      @if (tab === \"link\") {\n        <ion-input\n          label=\"Invite link\"\n          labelPlacement=\"stacked\"\n          readonly=\"readonly\"\n          [disabled]=\"!link\"\n          [value]=\"link ?? 'Generating...'\"\n          [color]=\"link ? 'primary' : 'medium'\"\n        />\n        @if (link) {\n          <ion-buttons slot=\"end\">\n            <ion-button color=\"medium\" (click)=\"copyLinkToClipboard()\">\n              <ion-icon name=\"copy-outline\" />\n            </ion-button>\n          </ion-buttons>\n        } @else {\n          <ion-spinner color=\"warning\" slot=\"end\" name=\"lines\"></ion-spinner>\n        }\n      }\n    </ion-item>\n    <ion-item>\n      <ion-textarea\n        [formControl]=\"message\"\n        maxlength=\"100\"\n        label=\"Message\"\n        labelPlacement=\"stacked\"\n      />\n    </ion-item>\n    @switch (tab) {\n      @case (\"email\") {\n        <ion-card-content>\n          <p>\n            @if (!email.value) {\n              <ion-text color=\"danger\"\n                >Email address is required for sending an invite.</ion-text\n              >\n            }\n            @if (email.value && !email.valid) {\n              <ion-text color=\"danger\">\n                A valid email address is required for sending an invite.\n              </ion-text>\n            }\n          </p>\n          <ion-button (click)=\"sendInvite()\" [disabled]=\"!email.valid\">\n            <ion-icon name=\"mail-outline\" slot=\"start\" />\n            <ion-label>Send invite</ion-label>\n          </ion-button>\n          <ion-button\n            [disabled]=\"true\"\n            fill=\"clear\"\n            color=\"medium\"\n            style=\"text-transform: none\"\n            >or\n          </ion-button>\n          <ion-button\n            (click)=\"composeEmail()\"\n            fill=\"outline\"\n            [disabled]=\"!email.valid\"\n          >\n            <ion-icon name=\"mail-outline\" slot=\"start\" />\n            <ion-label>Compose email</ion-label>\n          </ion-button>\n        </ion-card-content>\n      }\n      @case (\"sms\") {\n        <ion-card-content>\n          <ion-button\n            style=\"text-transform: none\"\n            fill=\"outline\"\n            (click)=\"composeSMS()\"\n          >\n            <ion-icon name=\"phone-portrait-outline\" slot=\"start\" />\n            <ion-label>Compose SMS</ion-label>\n            @if (creatingInvite) {\n              <ion-spinner\n                name=\"lines-small\"\n                color=\"medium\"\n                class=\"ion-margin-start\"\n                slot=\"end\"\n              />\n            }\n          </ion-button>\n          <p>\n            <ion-text color=\"medium\"\n              >This works on mobiles or if your computer supports sending SMS\n            </ion-text>\n          </p>\n        </ion-card-content>\n      }\n      @case (\"link\") {\n        <ion-card-content>\n          <ion-button\n            fill=\"outline\"\n            (click)=\"copyLinkWithInviteTextToClipboard()\"\n            [disabled]=\"creatingInvite || !link\"\n          >\n            <ion-icon slot=\"start\" name=\"copy-outline\" />\n            <ion-label style=\"text-transform: none\"\n              >Copy invite text with a link\n            </ion-label>\n          </ion-button>\n        </ion-card-content>\n      }\n    }\n\n    @if (error) {\n      <ion-card-content>\n        <ion-text class=\"ion-margin\" color=\"danger\">{{ error }}</ion-text>\n      </ion-card-content>\n    }\n  </form>\n</ion-content>\n", dependencies: [{ kind: "component", type: IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { 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: IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: IonSegment, selector: "ion-segment", inputs: ["color", "disabled", "mode", "scrollable", "selectOnFocus", "swipeGesture", "value"] }, { kind: "component", type: IonSegmentButton, selector: "ion-segment-button", inputs: ["contentId", "disabled", "layout", "mode", "type", "value"] }, { 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: IonInput, selector: "ion-input", inputs: ["accept", "autocapitalize", "autocomplete", "autocorrect", "autofocus", "clearInput", "clearOnEdit", "color", "counter", "counterFormatter", "debounce", "disabled", "enterkeyhint", "errorText", "fill", "helperText", "inputmode", "label", "labelPlacement", "max", "maxlength", "min", "minlength", "mode", "multiple", "name", "pattern", "placeholder", "readonly", "required", "shape", "size", "spellcheck", "step", "type", "value"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: IonCardContent, selector: "ion-card-content", inputs: ["mode"] }, { kind: "component", type: IonTextarea, selector: "ion-textarea", inputs: ["autoGrow", "autocapitalize", "autofocus", "clearOnEdit", "color", "cols", "counter", "counterFormatter", "debounce", "disabled", "enterkeyhint", "errorText", "fill", "helperText", "inputmode", "label", "labelPlacement", "maxlength", "minlength", "mode", "name", "placeholder", "readonly", "required", "rows", "shape", "spellcheck", "value", "wrap"] }, { kind: "component", type: IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: IonText, selector: "ion-text", inputs: ["color", "mode"] }, { kind: "component", type: IonSpinner, selector: "ion-spinner", inputs: ["color", "duration", "name", "paused"] }, { kind: "pipe", type: ContactTitlePipe, name: "contactTitle" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: InviteModalComponent, decorators: [{
+            type: Component,
+            args: [{ imports: [
+                        IonHeader,
+                        IonToolbar,
+                        IonTitle,
+                        IonButtons,
+                        IonButton,
+                        IonIcon,
+                        IonContent,
+                        IonSegment,
+                        IonSegmentButton,
+                        IonItem,
+                        IonInput,
+                        ReactiveFormsModule,
+                        FormsModule,
+                        IonCardContent,
+                        IonTextarea,
+                        IonLabel,
+                        IonText,
+                        IonSpinner,
+                        ContactTitlePipe,
+                    ], providers: [InviteService], changeDetection: ChangeDetectionStrategy.OnPush, selector: 'sneat-invite-modal', template: "<ion-header>\n  <ion-toolbar color=\"primary\">\n    <ion-title>\n      @if (member) {\n        Invite {{ member | contactTitle }} to join\n      } @else {\n        Invite member to join\n      }\n    </ion-title>\n    <ion-buttons slot=\"end\">\n      <ion-button (click)=\"close()\">\n        <ion-icon name=\"close-outline\" />\n      </ion-button>\n    </ion-buttons>\n  </ion-toolbar>\n</ion-header>\n<ion-content>\n  <ion-segment [(ngModel)]=\"tab\" (ionChange)=\"onTabChanged()\">\n    <ion-segment-button value=\"email\">By Email</ion-segment-button>\n    <ion-segment-button value=\"sms\">By SMS</ion-segment-button>\n    <ion-segment-button value=\"link\">Get link</ion-segment-button>\n  </ion-segment>\n  <form>\n    <ion-item>\n      @if (tab === \"email\") {\n        <ion-input\n          placeholder=\"email@address\"\n          label=\"To\"\n          labelPlacement=\"stacked\"\n          [required]=\"true\"\n          [formControl]=\"email\"\n        />\n      }\n      @if (tab === \"sms\") {\n        <ion-input\n          label=\"Invite link\"\n          labelPlacement=\"stacked\"\n          placeholder=\"phone #\"\n          [formControl]=\"phone\"\n        />\n      }\n      @if (tab === \"link\") {\n        <ion-input\n          label=\"Invite link\"\n          labelPlacement=\"stacked\"\n          readonly=\"readonly\"\n          [disabled]=\"!link\"\n          [value]=\"link ?? 'Generating...'\"\n          [color]=\"link ? 'primary' : 'medium'\"\n        />\n        @if (link) {\n          <ion-buttons slot=\"end\">\n            <ion-button color=\"medium\" (click)=\"copyLinkToClipboard()\">\n              <ion-icon name=\"copy-outline\" />\n            </ion-button>\n          </ion-buttons>\n        } @else {\n          <ion-spinner color=\"warning\" slot=\"end\" name=\"lines\"></ion-spinner>\n        }\n      }\n    </ion-item>\n    <ion-item>\n      <ion-textarea\n        [formControl]=\"message\"\n        maxlength=\"100\"\n        label=\"Message\"\n        labelPlacement=\"stacked\"\n      />\n    </ion-item>\n    @switch (tab) {\n      @case (\"email\") {\n        <ion-card-content>\n          <p>\n            @if (!email.value) {\n              <ion-text color=\"danger\"\n                >Email address is required for sending an invite.</ion-text\n              >\n            }\n            @if (email.value && !email.valid) {\n              <ion-text color=\"danger\">\n                A valid email address is required for sending an invite.\n              </ion-text>\n            }\n          </p>\n          <ion-button (click)=\"sendInvite()\" [disabled]=\"!email.valid\">\n            <ion-icon name=\"mail-outline\" slot=\"start\" />\n            <ion-label>Send invite</ion-label>\n          </ion-button>\n          <ion-button\n            [disabled]=\"true\"\n            fill=\"clear\"\n            color=\"medium\"\n            style=\"text-transform: none\"\n            >or\n          </ion-button>\n          <ion-button\n            (click)=\"composeEmail()\"\n            fill=\"outline\"\n            [disabled]=\"!email.valid\"\n          >\n            <ion-icon name=\"mail-outline\" slot=\"start\" />\n            <ion-label>Compose email</ion-label>\n          </ion-button>\n        </ion-card-content>\n      }\n      @case (\"sms\") {\n        <ion-card-content>\n          <ion-button\n            style=\"text-transform: none\"\n            fill=\"outline\"\n            (click)=\"composeSMS()\"\n          >\n            <ion-icon name=\"phone-portrait-outline\" slot=\"start\" />\n            <ion-label>Compose SMS</ion-label>\n            @if (creatingInvite) {\n              <ion-spinner\n                name=\"lines-small\"\n                color=\"medium\"\n                class=\"ion-margin-start\"\n                slot=\"end\"\n              />\n            }\n          </ion-button>\n          <p>\n            <ion-text color=\"medium\"\n              >This works on mobiles or if your computer supports sending SMS\n            </ion-text>\n          </p>\n        </ion-card-content>\n      }\n      @case (\"link\") {\n        <ion-card-content>\n          <ion-button\n            fill=\"outline\"\n            (click)=\"copyLinkWithInviteTextToClipboard()\"\n            [disabled]=\"creatingInvite || !link\"\n          >\n            <ion-icon slot=\"start\" name=\"copy-outline\" />\n            <ion-label style=\"text-transform: none\"\n              >Copy invite text with a link\n            </ion-label>\n          </ion-button>\n        </ion-card-content>\n      }\n    }\n\n    @if (error) {\n      <ion-card-content>\n        <ion-text class=\"ion-margin\" color=\"danger\">{{ error }}</ion-text>\n      </ion-card-content>\n    }\n  </form>\n</ion-content>\n" }]
+        }], propDecorators: { space: [{
+                type: Input,
+                args: [{ required: true }]
+            }], member: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=invite-modal.component.js.map