@sneat/contactus-shared 0.2.0

package/esm2022/lib/components/contact-forms/location-form/location-form.component.js

@@ -0,0 +1,194 @@
+import { Component, EventEmitter, input, Input, Output, ViewChild, inject, } from '@angular/core';
+import { FormControl, FormGroup, FormsModule, ReactiveFormsModule, Validators, } from '@angular/forms';
+import { IonButton, IonCard, IonCardContent, IonIcon, IonInput, IonItem, IonItemDivider, IonLabel, IonSpinner, } from '@ionic/angular/standalone';
+import { createSetFocusToInput } from '@sneat/ui';
+import { ErrorLogger } from '@sneat/core';
+import { ContactService } from '@sneat/contactus-services';
+import { computeSpaceRefFromSpaceContext, } from '@sneat/space-models';
+import { AddressFormComponent } from '../../address-form';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+export class LocationFormComponent {
+    constructor() {
+        this.errorLogger = inject(ErrorLogger);
+        this.contactService = inject(ContactService);
+        this.$space = input.required(...(ngDevMode ? [{ debugName: "$space" }] : []));
+        this.$spaceRef = computeSpaceRefFromSpaceContext(this.$space);
+        this.countryID = '';
+        this.hideSubmitButton = false;
+        this.label = 'Location details';
+        this.contactType = 'location';
+        this.locationChange = new EventEmitter();
+        this.locationCreated = new EventEmitter();
+        this.isCreating = false;
+        this.title = new FormControl('', Validators.required);
+        this.form = new FormGroup({
+            title: this.title,
+        });
+        this.addressText = '';
+        this.setFocusToInput = createSetFocusToInput(this.errorLogger);
+        this.onContactCreated = (contact) => {
+            // contact = { ...contact, parentContact: this.parentContact };
+            this.location = contact;
+            this.emitContactChange();
+            this.locationCreated.emit(contact);
+        };
+    }
+    get disabled() {
+        return this.isCreating;
+    }
+    onAddressChanged(address) {
+        if (!this.location) {
+            return;
+        }
+        this.location = {
+            ...this.location,
+            dbo: {
+                ...this.location?.dbo,
+                type: this.contactType,
+                address,
+            },
+        };
+        this.locationChange.emit(this.location);
+    }
+    onTitleChanged() {
+        if (!this.location) {
+            const title = this.title.value || '';
+            const brief = { type: this.contactType, title };
+            this.location = {
+                id: '',
+                // team: this.team,
+                brief,
+            };
+        }
+        const title = this.title.value || '';
+        const dbo = (this.location.dbo || this.location.brief);
+        this.location = {
+            ...this.location,
+            dbo: { ...dbo, title },
+        };
+        this.locationChange.emit(this.location);
+    }
+    emitContactChange() {
+        this.locationChange.emit(this.location);
+    }
+    ngOnChanges(changes) {
+        if (changes['contactType']) {
+            if (!this.location?.dbo && this.contactType) {
+                this.location = {
+                    id: this.location?.id || '',
+                    // team: this.team,
+                    brief: { type: this.contactType },
+                };
+                this.emitContactChange();
+            }
+        }
+        if (changes['parentContact']) {
+            if (this.parentContact?.brief?.countryID && !this.countryID) {
+                this.countryID = this.parentContact.brief?.countryID || '';
+                this.setFocusToTitle();
+            }
+        }
+    }
+    setFocusToTitle() {
+        setTimeout(() => {
+            throw new Error('Fix for standalone');
+            // this.setFocusToInput(this.titleInput);
+        }, 100);
+    }
+    submit() {
+        const contactDto = this.location?.dbo;
+        if (!contactDto) {
+            alert('contact brief is not defined');
+            return;
+        }
+        if (!this.$spaceRef().id) {
+            return;
+        }
+        // if (!this.parentContact) {
+        // 	return;
+        // }
+        const { title } = contactDto;
+        const { address } = contactDto || { type: this.contactType };
+        if (!title) {
+            alert('title is required');
+            return;
+        }
+        if (!address) {
+            alert('address is required');
+            return;
+        }
+        if (!address.countryID) {
+            alert('country is required');
+            return;
+        }
+        if (!address.city) {
+            alert('city is required');
+            return;
+        }
+        if (!address.lines) {
+            alert('address lines are required');
+            return;
+        }
+        const space = this.$spaceRef();
+        const request = {
+            status: 'active',
+            spaceID: space.id,
+            type: 'location',
+            parentContactID: this.parentContact?.id,
+            location: {
+                title,
+                address,
+            },
+        };
+        this.isCreating = true;
+        this.contactService.createContact(space, request).subscribe({
+            next: this.onContactCreated,
+            error: (err) => {
+                this.errorLogger.logError(err, 'Failed to create new contact');
+                this.isCreating = false;
+            },
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: LocationFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: LocationFormComponent, isStandalone: true, selector: "sneat-location-form", inputs: { $space: { classPropertyName: "$space", publicName: "$space", isSignal: true, isRequired: true, transformFunction: null }, contactRole: { classPropertyName: "contactRole", publicName: "contactRole", isSignal: false, isRequired: false, transformFunction: null }, countryID: { classPropertyName: "countryID", publicName: "countryID", isSignal: false, isRequired: false, transformFunction: null }, location: { classPropertyName: "location", publicName: "location", isSignal: false, isRequired: false, transformFunction: null }, parentContact: { classPropertyName: "parentContact", publicName: "parentContact", isSignal: false, isRequired: false, transformFunction: null }, hideSubmitButton: { classPropertyName: "hideSubmitButton", publicName: "hideSubmitButton", isSignal: false, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: false, isRequired: false, transformFunction: null }, contactType: { classPropertyName: "contactType", publicName: "contactType", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { locationChange: "locationChange", locationCreated: "locationCreated" }, viewQueries: [{ propertyName: "titleInput", first: true, predicate: ["titleInput"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-container>\n  <ion-card>\n    <ion-item-divider color=\"light\">\n      {{ label }}\n    </ion-item-divider>\n    <ion-item>\n      <ion-label color=\"medium\">Title</ion-label>\n      <ion-input\n        #titleInput\n        placeholder=\"required\"\n        [formControl]=\"title\"\n        (ionChange)=\"onTitleChanged()\"\n      />\n    </ion-item>\n\n    <!--\t\t<ion-item>-->\n    <!--\t\t\t<ion-label position=\"stacked\">Address</ion-label>-->\n    <!--\t\t\t<ion-textarea-->\n    <!--\t\t\t\t[(ngModel)]=\"addressText\"-->\n    <!--\t\t\t\t[disabled]=\"disabled\"-->\n    <!--\t\t\t\t(ionChange)=\"onInputChange()\"-->\n    <!--\t\t\t\t[required]=\"contact?.dto?.type === 'location'\"-->\n    <!--\t\t\t></ion-textarea>-->\n    <!--\t\t</ion-item>-->\n  </ion-card>\n\n  @if (title.value) {\n    <sneat-address-form\n      [address]=\"location?.dbo?.address\"\n      (addressChange)=\"onAddressChanged($event)\"\n    />\n  }\n  <!--\t\t(save)=\"saveAddress($event)\"-->\n\n  <!--\tcontact: {{contact|json}}-->\n\n  @if (!hideSubmitButton) {\n    <ion-card>\n      <ion-card-content>\n        <ion-button size=\"large\" [disabled]=\"isCreating\" (click)=\"submit()\">\n          <ion-icon name=\"save-outline\" slot=\"start\" />\n          @if (isCreating) {\n            <ion-label>Create location record...</ion-label>\n            <ion-spinner slot=\"end\" name=\"lines-small\" />\n          } @else {\n            <ion-label>Create location record</ion-label>\n          }\n        </ion-button>\n      </ion-card-content>\n    </ion-card>\n  }\n</ng-container>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "component", type: AddressFormComponent, selector: "sneat-address-form", inputs: ["mode", "title", "address", "requiredFields"], outputs: ["save", "addressChange", "formCreated"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: IonCard, selector: "ion-card", inputs: ["button", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: IonItemDivider, selector: "ion-item-divider", inputs: ["color", "mode", "sticky"] }, { 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: 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: "component", type: IonCardContent, selector: "ion-card-content", inputs: ["mode"] }, { 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: IonSpinner, selector: "ion-spinner", inputs: ["color", "duration", "name", "paused"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: LocationFormComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sneat-location-form', imports: [
+                        FormsModule,
+                        AddressFormComponent,
+                        ReactiveFormsModule,
+                        IonCard,
+                        IonItemDivider,
+                        IonItem,
+                        IonLabel,
+                        IonInput,
+                        IonCardContent,
+                        IonButton,
+                        IonIcon,
+                        IonSpinner,
+                    ], template: "<ng-container>\n  <ion-card>\n    <ion-item-divider color=\"light\">\n      {{ label }}\n    </ion-item-divider>\n    <ion-item>\n      <ion-label color=\"medium\">Title</ion-label>\n      <ion-input\n        #titleInput\n        placeholder=\"required\"\n        [formControl]=\"title\"\n        (ionChange)=\"onTitleChanged()\"\n      />\n    </ion-item>\n\n    <!--\t\t<ion-item>-->\n    <!--\t\t\t<ion-label position=\"stacked\">Address</ion-label>-->\n    <!--\t\t\t<ion-textarea-->\n    <!--\t\t\t\t[(ngModel)]=\"addressText\"-->\n    <!--\t\t\t\t[disabled]=\"disabled\"-->\n    <!--\t\t\t\t(ionChange)=\"onInputChange()\"-->\n    <!--\t\t\t\t[required]=\"contact?.dto?.type === 'location'\"-->\n    <!--\t\t\t></ion-textarea>-->\n    <!--\t\t</ion-item>-->\n  </ion-card>\n\n  @if (title.value) {\n    <sneat-address-form\n      [address]=\"location?.dbo?.address\"\n      (addressChange)=\"onAddressChanged($event)\"\n    />\n  }\n  <!--\t\t(save)=\"saveAddress($event)\"-->\n\n  <!--\tcontact: {{contact|json}}-->\n\n  @if (!hideSubmitButton) {\n    <ion-card>\n      <ion-card-content>\n        <ion-button size=\"large\" [disabled]=\"isCreating\" (click)=\"submit()\">\n          <ion-icon name=\"save-outline\" slot=\"start\" />\n          @if (isCreating) {\n            <ion-label>Create location record...</ion-label>\n            <ion-spinner slot=\"end\" name=\"lines-small\" />\n          } @else {\n            <ion-label>Create location record</ion-label>\n          }\n        </ion-button>\n      </ion-card-content>\n    </ion-card>\n  }\n</ng-container>\n" }]
+        }], propDecorators: { $space: [{ type: i0.Input, args: [{ isSignal: true, alias: "$space", required: true }] }], contactRole: [{
+                type: Input
+            }], countryID: [{
+                type: Input
+            }], location: [{
+                type: Input
+            }], parentContact: [{
+                type: Input
+            }], hideSubmitButton: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], contactType: [{
+                type: Input
+            }], locationChange: [{
+                type: Output
+            }], locationCreated: [{
+                type: Output
+            }], titleInput: [{
+                type: ViewChild,
+                args: ['titleInput', { static: false }]
+            }] } });
+//# sourceMappingURL=location-form.component.js.map

package/esm2022/lib/components/contact-forms/location-form/location-form.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"location-form.component.js","sourceRoot":"","sources":["../../../../../../../../../libs/contactus/shared/src/lib/components/contact-forms/location-form/location-form.component.ts","../../../../../../../../../libs/contactus/shared/src/lib/components/contact-forms/location-form/location-form.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  EventEmitter,\n  input,\n  Input,\n  OnChanges,\n  Output,\n  SimpleChanges,\n  ViewChild,\n  inject,\n} from '@angular/core';\nimport {\n  FormControl,\n  FormGroup,\n  FormsModule,\n  ReactiveFormsModule,\n  Validators,\n} from '@angular/forms';\nimport {\n  IonButton,\n  IonCard,\n  IonCardContent,\n  IonIcon,\n  IonInput,\n  IonItem,\n  IonItemDivider,\n  IonLabel,\n  IonSpinner,\n} from '@ionic/angular/standalone';\nimport { createSetFocusToInput } from '@sneat/ui';\nimport {\n  ContactRole,\n  ContactType,\n  IAddress,\n  IContactBrief,\n  IContactDbo,\n  ICreateContactRequest,\n  IContactWithOptionalDbo,\n  IContactWithDboAndSpace,\n  IContactContext,\n} from '@sneat/contactus-core';\nimport { ErrorLogger, IErrorLogger } from '@sneat/core';\nimport { ContactService } from '@sneat/contactus-services';\nimport {\n  computeSpaceRefFromSpaceContext,\n  ISpaceContext,\n} from '@sneat/space-models';\nimport { AddressFormComponent } from '../../address-form';\n\n@Component({\n  selector: 'sneat-location-form',\n  templateUrl: './location-form.component.html',\n  imports: [\n    FormsModule,\n    AddressFormComponent,\n    ReactiveFormsModule,\n    IonCard,\n    IonItemDivider,\n    IonItem,\n    IonLabel,\n    IonInput,\n    IonCardContent,\n    IonButton,\n    IonIcon,\n    IonSpinner,\n  ],\n})\nexport class LocationFormComponent implements OnChanges {\n  private readonly errorLogger = inject<IErrorLogger>(ErrorLogger);\n  private readonly contactService = inject(ContactService);\n\n  public readonly $space = input.required<ISpaceContext>();\n  protected readonly $spaceRef = computeSpaceRefFromSpaceContext(this.$space);\n\n  @Input() contactRole?: ContactRole;\n  @Input() countryID = '';\n  @Input() location?: IContactWithOptionalDbo;\n  @Input() parentContact?: IContactContext;\n  @Input() hideSubmitButton = false;\n  @Input() label = 'Location details';\n  @Input() contactType: ContactType = 'location';\n\n  @Output() readonly locationChange =\n    new EventEmitter<IContactWithOptionalDbo>();\n\n  @Output() readonly locationCreated =\n    new EventEmitter<IContactWithOptionalDbo>();\n\n  @ViewChild('titleInput', { static: false }) titleInput?: IonInput;\n\n  isCreating = false;\n\n  protected readonly title = new FormControl<string>('', Validators.required);\n\n  protected readonly form = new FormGroup({\n    title: this.title,\n  });\n\n  addressText = '';\n\n  get disabled(): boolean {\n    return this.isCreating;\n  }\n\n  private readonly setFocusToInput = createSetFocusToInput(this.errorLogger);\n\n  onAddressChanged(address: IAddress): void {\n    if (!this.location) {\n      return;\n    }\n    this.location = {\n      ...this.location,\n      dbo: {\n        ...this.location?.dbo,\n        type: this.contactType,\n        address,\n      },\n    };\n    this.locationChange.emit(this.location);\n  }\n\n  onTitleChanged(): void {\n    if (!this.location) {\n      const title = this.title.value || '';\n      const brief: IContactBrief = { type: this.contactType, title };\n      this.location = {\n        id: '',\n        // team: this.team,\n        brief,\n      };\n    }\n    const title = this.title.value || '';\n    const dbo = (this.location.dbo || this.location.brief) as IContactDbo;\n    this.location = {\n      ...this.location,\n      dbo: { ...dbo, title },\n    };\n    this.locationChange.emit(this.location);\n  }\n\n  private emitContactChange(): void {\n    this.locationChange.emit(this.location);\n  }\n\n  private readonly onContactCreated = (\n    contact: IContactWithDboAndSpace,\n  ): void => {\n    // contact = { ...contact, parentContact: this.parentContact };\n    this.location = contact;\n    this.emitContactChange();\n    this.locationCreated.emit(contact);\n  };\n\n  ngOnChanges(changes: SimpleChanges): void {\n    if (changes['contactType']) {\n      if (!this.location?.dbo && this.contactType) {\n        this.location = {\n          id: this.location?.id || '',\n          // team: this.team,\n          brief: { type: this.contactType },\n        };\n        this.emitContactChange();\n      }\n    }\n    if (changes['parentContact']) {\n      if (this.parentContact?.brief?.countryID && !this.countryID) {\n        this.countryID = this.parentContact.brief?.countryID || '';\n        this.setFocusToTitle();\n      }\n    }\n  }\n\n  private setFocusToTitle(): void {\n    setTimeout(() => {\n      throw new Error('Fix for standalone');\n      // this.setFocusToInput(this.titleInput);\n    }, 100);\n  }\n\n  submit(): void {\n    const contactDto = this.location?.dbo;\n    if (!contactDto) {\n      alert('contact brief is not defined');\n      return;\n    }\n    if (!this.$spaceRef().id) {\n      return;\n    }\n    // if (!this.parentContact) {\n    // \treturn;\n    // }\n    const { title } = contactDto;\n    const { address } = contactDto || { type: this.contactType };\n    if (!title) {\n      alert('title is required');\n      return;\n    }\n    if (!address) {\n      alert('address is required');\n      return;\n    }\n    if (!address.countryID) {\n      alert('country is required');\n      return;\n    }\n    if (!address.city) {\n      alert('city is required');\n      return;\n    }\n    if (!address.lines) {\n      alert('address lines are required');\n      return;\n    }\n    const space = this.$spaceRef();\n    const request: ICreateContactRequest = {\n      status: 'active',\n      spaceID: space.id,\n      type: 'location',\n      parentContactID: this.parentContact?.id,\n      location: {\n        title,\n        address,\n      },\n    };\n    this.isCreating = true;\n    this.contactService.createContact(space, request).subscribe({\n      next: this.onContactCreated,\n      error: (err: unknown) => {\n        this.errorLogger.logError(err, 'Failed to create new contact');\n        this.isCreating = false;\n      },\n    });\n  }\n}\n","<ng-container>\n  <ion-card>\n    <ion-item-divider color=\"light\">\n      {{ label }}\n    </ion-item-divider>\n    <ion-item>\n      <ion-label color=\"medium\">Title</ion-label>\n      <ion-input\n        #titleInput\n        placeholder=\"required\"\n        [formControl]=\"title\"\n        (ionChange)=\"onTitleChanged()\"\n      />\n    </ion-item>\n\n    <!--\t\t<ion-item>-->\n    <!--\t\t\t<ion-label position=\"stacked\">Address</ion-label>-->\n    <!--\t\t\t<ion-textarea-->\n    <!--\t\t\t\t[(ngModel)]=\"addressText\"-->\n    <!--\t\t\t\t[disabled]=\"disabled\"-->\n    <!--\t\t\t\t(ionChange)=\"onInputChange()\"-->\n    <!--\t\t\t\t[required]=\"contact?.dto?.type === 'location'\"-->\n    <!--\t\t\t></ion-textarea>-->\n    <!--\t\t</ion-item>-->\n  </ion-card>\n\n  @if (title.value) {\n    <sneat-address-form\n      [address]=\"location?.dbo?.address\"\n      (addressChange)=\"onAddressChanged($event)\"\n    />\n  }\n  <!--\t\t(save)=\"saveAddress($event)\"-->\n\n  <!--\tcontact: {{contact|json}}-->\n\n  @if (!hideSubmitButton) {\n    <ion-card>\n      <ion-card-content>\n        <ion-button size=\"large\" [disabled]=\"isCreating\" (click)=\"submit()\">\n          <ion-icon name=\"save-outline\" slot=\"start\" />\n          @if (isCreating) {\n            <ion-label>Create location record...</ion-label>\n            <ion-spinner slot=\"end\" name=\"lines-small\" />\n          } @else {\n            <ion-label>Create location record</ion-label>\n          }\n        </ion-button>\n      </ion-card-content>\n    </ion-card>\n  }\n</ng-container>\n"]}

package/esm2022/lib/components/contact-forms/new-contact/index.js

@@ -0,0 +1,5 @@
+export * from './new-contact-form.component';
+export * from './new-person-form.component';
+export * from './new-company-form.component';
+export * from './new-pet-form.component';
+//# sourceMappingURL=index.js.map

package/esm2022/lib/components/contact-forms/new-contact/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../libs/contactus/shared/src/lib/components/contact-forms/new-contact/index.ts"],"names":[],"mappings":"AAAA,cAAc,8BAA8B,CAAC;AAC7C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,0BAA0B,CAAC","sourcesContent":["export * from './new-contact-form.component';\nexport * from './new-person-form.component';\nexport * from './new-company-form.component';\nexport * from './new-pet-form.component';\n"]}

package/esm2022/lib/components/contact-forms/new-contact/new-company-form.component.js

@@ -0,0 +1,115 @@
+import { JsonPipe } from '@angular/common';
+import { Component, Input, inject, } from '@angular/core';
+import { FormControl, FormGroup, FormsModule, Validators, } from '@angular/forms';
+import { IonButton, IonCard, IonCardHeader, IonCardTitle, IonItem, IonLabel, IonList, IonSpinner, } from '@ionic/angular/standalone';
+import { ClassName, SelectFromListComponent } from '@sneat/ui';
+import { excludeEmpty } from '@sneat/core';
+import { validateAddress, } from '@sneat/contactus-core';
+import { ContactService } from '@sneat/contactus-services';
+import { LocationFormComponent } from '../location-form';
+import { NewContactFormBaseComponent } from './new-contact-form-base.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+export class NewCompanyFormComponent extends NewContactFormBaseComponent {
+    constructor() {
+        super(...arguments);
+        this.contactService = inject(ContactService);
+        this.contactRole = undefined;
+        this.hideRole = false;
+        this.Object = Object;
+        this.isCreating = false;
+        this.form = new FormGroup({
+            role: new FormControl(undefined, Validators.required),
+            title: new FormControl('', Validators.required),
+        });
+    }
+    ngOnChanges(changes) {
+        if (changes['contactRole']) {
+            this.form.patchValue({ role: this.contactRole });
+        }
+    }
+    get formIsValid() {
+        try {
+            return (!!this.contactRole &&
+                !!this.contact?.dbo?.title &&
+                !!validateAddress(this.contact.dbo?.address));
+        }
+        catch {
+            // console.error(e);
+            return false;
+        }
+    }
+    onContactChanged(contact) {
+        // console.log('onContactChanged()', contact);
+        this.contact = contact;
+    }
+    create() {
+        // console.log('create()', this.contactRole, this.contact);
+        if (!this.contact?.dbo?.title) {
+            alert('Contact title is a required field');
+            return;
+        }
+        if (!this.contactRole) {
+            alert('Contact role is a required field');
+            return;
+        }
+        const spaceRef = this.$contact().space;
+        try {
+            const address = validateAddress(this.contact.dbo?.address);
+            const request = excludeEmpty({
+                status: 'active',
+                type: 'company',
+                company: excludeEmpty({
+                    title: this.contact.dbo?.title?.trim() || '',
+                    address,
+                    roles: [this.contactRole],
+                }),
+                roles: [this.contactRole],
+                spaceID: spaceRef.id,
+            });
+            this.isCreating = true;
+            this.contactService.createContact(spaceRef, request).subscribe({
+                next: (contact) => {
+                    // console.log('created contact:', contact);
+                    this.contactCreated.emit(contact);
+                },
+                error: (err) => {
+                    this.errorLogger.logError(err, 'Failed to create contact');
+                    this.isCreating = false;
+                },
+            });
+        }
+        catch (e) {
+            alert(e);
+            return;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NewCompanyFormComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: NewCompanyFormComponent, isStandalone: true, selector: "sneat-new-company-form", inputs: { contactRoles: "contactRoles", contactRole: "contactRole", hideRole: "hideRole", parentContact: "parentContact" }, providers: [{ provide: ClassName, useValue: 'NewCompanyFormComponent' }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ion-card>\n  contactRole: {{ contactRole }} contactRoles: {{ contactRoles?.length }}\n  @if (!contactRole || !hideRole) {\n    aaa\n    <sneat-select-from-list\n      label=\"Role\"\n      [disabled]=\"isCreating\"\n      [items]=\"contactRoles\"\n      [(ngModel)]=\"contactRole\"\n    />\n  }\n</ion-card>\n\n@if (!!contactRole) {\n  <sneat-location-form\n    contactType=\"company\"\n    label=\"Company details\"\n    [$space]=\"$contact().space\"\n    [parentContact]=\"parentContact\"\n    [location]=\"contact\"\n    (locationChange)=\"onContactChanged($event)\"\n    [hideSubmitButton]=\"true\"\n  />\n}\n\n<!--team: {{team|json}}-->\n<!--contact: {{contact|json}}-->\n\n<div class=\"ion-padding-horizontal ion-margin-bottom\">\n  <!--suppress PointlessBooleanExpressionJS -->\n  <ion-button\n    (click)=\"create()\"\n    [disabled]=\"isCreating || (false && !formIsValid)\"\n  >\n    @if (isCreating) {\n      <ion-label>Creating company...</ion-label>\n      <ion-spinner name=\"lines-small\" slot=\"end\" />\n    } @else {\n      <ion-label>Create company</ion-label>\n    }\n  </ion-button>\n</div>\n\n@if (!form.valid && form.errors) {\n  <ion-card>\n    <ion-card-header>\n      <ion-card-title color=\"danger\">Errors</ion-card-title>\n    </ion-card-header>\n    <ion-list>\n      @for (err of Object.values(form.errors); track err) {\n        <ion-item>\n          <ion-label>{{ err | json }}</ion-label>\n        </ion-item>\n      }\n    </ion-list>\n  </ion-card>\n}\n", dependencies: [{ kind: "component", type: SelectFromListComponent, selector: "sneat-select-from-list", inputs: ["value", "filterLabel", "label", "listLabel", "listLabelColor", "isFilterable", "isLoading", "items", "items$", "lastItemLines", "labelPlacement", "justify", "other", "canAdd", "filterItem", "selectMode", "isReadonly", "$isProcessing", "sortBy"], outputs: ["valueChange", "filterChanged"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { 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: 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: IonCardTitle, selector: "ion-card-title", inputs: ["color", "mode"] }, { kind: "component", type: IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }, { kind: "component", type: IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { 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: IonSpinner, selector: "ion-spinner", inputs: ["color", "duration", "name", "paused"] }, { kind: "component", type: LocationFormComponent, selector: "sneat-location-form", inputs: ["$space", "contactRole", "countryID", "location", "parentContact", "hideSubmitButton", "label", "contactType"], outputs: ["locationChange", "locationCreated"] }, { kind: "pipe", type: JsonPipe, name: "json" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NewCompanyFormComponent, decorators: [{
+            type: Component,
+            args: [{ imports: [
+                        SelectFromListComponent,
+                        FormsModule,
+                        JsonPipe,
+                        IonItem,
+                        IonCard,
+                        IonCardHeader,
+                        IonCardTitle,
+                        IonList,
+                        IonLabel,
+                        IonButton,
+                        IonSpinner,
+                        LocationFormComponent,
+                    ], selector: 'sneat-new-company-form', providers: [{ provide: ClassName, useValue: 'NewCompanyFormComponent' }], template: "<ion-card>\n  contactRole: {{ contactRole }} contactRoles: {{ contactRoles?.length }}\n  @if (!contactRole || !hideRole) {\n    aaa\n    <sneat-select-from-list\n      label=\"Role\"\n      [disabled]=\"isCreating\"\n      [items]=\"contactRoles\"\n      [(ngModel)]=\"contactRole\"\n    />\n  }\n</ion-card>\n\n@if (!!contactRole) {\n  <sneat-location-form\n    contactType=\"company\"\n    label=\"Company details\"\n    [$space]=\"$contact().space\"\n    [parentContact]=\"parentContact\"\n    [location]=\"contact\"\n    (locationChange)=\"onContactChanged($event)\"\n    [hideSubmitButton]=\"true\"\n  />\n}\n\n<!--team: {{team|json}}-->\n<!--contact: {{contact|json}}-->\n\n<div class=\"ion-padding-horizontal ion-margin-bottom\">\n  <!--suppress PointlessBooleanExpressionJS -->\n  <ion-button\n    (click)=\"create()\"\n    [disabled]=\"isCreating || (false && !formIsValid)\"\n  >\n    @if (isCreating) {\n      <ion-label>Creating company...</ion-label>\n      <ion-spinner name=\"lines-small\" slot=\"end\" />\n    } @else {\n      <ion-label>Create company</ion-label>\n    }\n  </ion-button>\n</div>\n\n@if (!form.valid && form.errors) {\n  <ion-card>\n    <ion-card-header>\n      <ion-card-title color=\"danger\">Errors</ion-card-title>\n    </ion-card-header>\n    <ion-list>\n      @for (err of Object.values(form.errors); track err) {\n        <ion-item>\n          <ion-label>{{ err | json }}</ion-label>\n        </ion-item>\n      }\n    </ion-list>\n  </ion-card>\n}\n" }]
+        }], propDecorators: { contactRoles: [{
+                type: Input
+            }], contactRole: [{
+                type: Input
+            }], hideRole: [{
+                type: Input
+            }], parentContact: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=new-company-form.component.js.map

package/esm2022/lib/components/contact-forms/new-contact/new-company-form.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"new-company-form.component.js","sourceRoot":"","sources":["../../../../../../../../../libs/contactus/shared/src/lib/components/contact-forms/new-contact/new-company-form.component.ts","../../../../../../../../../libs/contactus/shared/src/lib/components/contact-forms/new-contact/new-company-form.component.html"],"names":[],"mappings":"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","sourcesContent":["import { JsonPipe } from '@angular/common';\nimport {\n  Component,\n  Input,\n  OnChanges,\n  SimpleChanges,\n  inject,\n} from '@angular/core';\nimport {\n  FormControl,\n  FormGroup,\n  FormsModule,\n  Validators,\n} from '@angular/forms';\nimport {\n  IonButton,\n  IonCard,\n  IonCardHeader,\n  IonCardTitle,\n  IonItem,\n  IonLabel,\n  IonList,\n  IonSpinner,\n} from '@ionic/angular/standalone';\nimport { ClassName, ISelectItem, SelectFromListComponent } from '@sneat/ui';\nimport { excludeEmpty } from '@sneat/core';\nimport {\n  ContactRole,\n  ContactType,\n  validateAddress,\n  IContactContext,\n  ICreateContactCompanyRequest,\n  IContactWithOptionalDbo,\n} from '@sneat/contactus-core';\nimport { ContactService } from '@sneat/contactus-services';\nimport { LocationFormComponent } from '../location-form';\nimport { NewContactFormBaseComponent } from './new-contact-form-base.component';\n\n@Component({\n  imports: [\n    SelectFromListComponent,\n    FormsModule,\n    JsonPipe,\n    IonItem,\n    IonCard,\n    IonCardHeader,\n    IonCardTitle,\n    IonList,\n    IonLabel,\n    IonButton,\n    IonSpinner,\n    LocationFormComponent,\n  ],\n  selector: 'sneat-new-company-form',\n  templateUrl: './new-company-form.component.html',\n  providers: [{ provide: ClassName, useValue: 'NewCompanyFormComponent' }],\n})\nexport class NewCompanyFormComponent\n  extends NewContactFormBaseComponent\n  implements OnChanges\n{\n  private readonly contactService = inject(ContactService);\n\n  @Input() contactRoles?: ISelectItem[];\n  @Input() contactRole?: ContactRole = undefined;\n  @Input() hideRole = false;\n  @Input() parentContact?: IContactContext;\n\n  protected readonly Object = Object;\n\n  protected isCreating = false;\n\n  protected contact?: IContactWithOptionalDbo;\n\n  protected readonly form = new FormGroup({\n    role: new FormControl<ContactRole | undefined>(\n      undefined,\n      Validators.required,\n    ),\n    title: new FormControl<string>('', Validators.required),\n  });\n\n  ngOnChanges(changes: SimpleChanges): void {\n    if (changes['contactRole']) {\n      this.form.patchValue({ role: this.contactRole });\n    }\n  }\n\n  get formIsValid(): boolean {\n    try {\n      return (\n        !!this.contactRole &&\n        !!this.contact?.dbo?.title &&\n        !!validateAddress(this.contact.dbo?.address)\n      );\n    } catch {\n      // console.error(e);\n      return false;\n    }\n  }\n\n  onContactChanged(contact: IContactWithOptionalDbo): void {\n    // console.log('onContactChanged()', contact);\n    this.contact = contact;\n  }\n\n  create(): void {\n    // console.log('create()', this.contactRole, this.contact);\n    if (!this.contact?.dbo?.title) {\n      alert('Contact title is a required field');\n      return;\n    }\n    if (!this.contactRole) {\n      alert('Contact role is a required field');\n      return;\n    }\n    const spaceRef = this.$contact().space;\n    try {\n      const address = validateAddress(this.contact.dbo?.address);\n      const request: ICreateContactCompanyRequest = excludeEmpty({\n        status: 'active',\n        type: 'company' as ContactType,\n        company: excludeEmpty({\n          title: this.contact.dbo?.title?.trim() || '',\n          address,\n          roles: [this.contactRole],\n        }),\n        roles: [this.contactRole],\n        spaceID: spaceRef.id,\n      });\n      this.isCreating = true;\n      this.contactService.createContact(spaceRef, request).subscribe({\n        next: (contact) => {\n          // console.log('created contact:', contact);\n          this.contactCreated.emit(contact);\n        },\n        error: (err: unknown) => {\n          this.errorLogger.logError(err, 'Failed to create contact');\n          this.isCreating = false;\n        },\n      });\n    } catch (e) {\n      alert(e);\n      return;\n    }\n  }\n}\n","<ion-card>\n  contactRole: {{ contactRole }} contactRoles: {{ contactRoles?.length }}\n  @if (!contactRole || !hideRole) {\n    aaa\n    <sneat-select-from-list\n      label=\"Role\"\n      [disabled]=\"isCreating\"\n      [items]=\"contactRoles\"\n      [(ngModel)]=\"contactRole\"\n    />\n  }\n</ion-card>\n\n@if (!!contactRole) {\n  <sneat-location-form\n    contactType=\"company\"\n    label=\"Company details\"\n    [$space]=\"$contact().space\"\n    [parentContact]=\"parentContact\"\n    [location]=\"contact\"\n    (locationChange)=\"onContactChanged($event)\"\n    [hideSubmitButton]=\"true\"\n  />\n}\n\n<!--team: {{team|json}}-->\n<!--contact: {{contact|json}}-->\n\n<div class=\"ion-padding-horizontal ion-margin-bottom\">\n  <!--suppress PointlessBooleanExpressionJS -->\n  <ion-button\n    (click)=\"create()\"\n    [disabled]=\"isCreating || (false && !formIsValid)\"\n  >\n    @if (isCreating) {\n      <ion-label>Creating company...</ion-label>\n      <ion-spinner name=\"lines-small\" slot=\"end\" />\n    } @else {\n      <ion-label>Create company</ion-label>\n    }\n  </ion-button>\n</div>\n\n@if (!form.valid && form.errors) {\n  <ion-card>\n    <ion-card-header>\n      <ion-card-title color=\"danger\">Errors</ion-card-title>\n    </ion-card-header>\n    <ion-list>\n      @for (err of Object.values(form.errors); track err) {\n        <ion-item>\n          <ion-label>{{ err | json }}</ion-label>\n        </ion-item>\n      }\n    </ion-list>\n  </ion-card>\n}\n"]}

package/esm2022/lib/components/contact-forms/new-contact/new-contact-form-base.component.js

@@ -0,0 +1,34 @@
+import { computed, Directive, EventEmitter, input, Output, } from '@angular/core';
+import { ContactFormBaseComponent } from '../contact-form-base.component';
+import * as i0 from "@angular/core";
+export class NewContactFormBaseComponent extends ContactFormBaseComponent {
+    constructor() {
+        super(...arguments);
+        // In the $contact we accumulate all the data we need to create a new contact
+        this.$contact = input.required(...(ngDevMode ? [{ debugName: "$contact" }] : []));
+        this.$contactType = computed(() => this.$contact().dbo.type, ...(ngDevMode ? [{ debugName: "$contactType" }] : []));
+        this.$emails = computed(() => {
+            const emails = this.$contact().dbo.emails;
+            return Object.entries(emails || {}).map(([address, props]) => Object.assign({ address }, props));
+        }, ...(ngDevMode ? [{ debugName: "$emails" }] : []));
+        this.$phones = computed(() => {
+            const phones = this.$contact().dbo.phones;
+            return Object.entries(phones || {}).map(([number, props]) => Object.assign({ number }, props));
+        }, ...(ngDevMode ? [{ debugName: "$phones" }] : []));
+        this.contactChange = new EventEmitter();
+        this.creatingChange = new EventEmitter();
+        this.contactCreated = new EventEmitter();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NewContactFormBaseComponent, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: NewContactFormBaseComponent, isStandalone: true, inputs: { $contact: { classPropertyName: "$contact", publicName: "$contact", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { contactChange: "contactChange", creatingChange: "creatingChange", contactCreated: "contactCreated" }, usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NewContactFormBaseComponent, decorators: [{
+            type: Directive
+        }], propDecorators: { $contact: [{ type: i0.Input, args: [{ isSignal: true, alias: "$contact", required: true }] }], contactChange: [{
+                type: Output
+            }], creatingChange: [{
+                type: Output
+            }], contactCreated: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=new-contact-form-base.component.js.map

package/esm2022/lib/components/contact-forms/new-contact/new-contact-form-base.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"new-contact-form-base.component.js","sourceRoot":"","sources":["../../../../../../../../../libs/contactus/shared/src/lib/components/contact-forms/new-contact/new-contact-form-base.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,KAAK,EACL,MAAM,GACP,MAAM,eAAe,CAAC;AAOvB,OAAO,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;;AAG1E,MAAM,OAAgB,2BAA4B,SAAQ,wBAAwB;IADlF;;QAEE,6EAA6E;QAC7D,aAAQ,GAAG,KAAK,CAAC,QAAQ,mDAAgC,CAAC;QACvD,iBAAY,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,GAAG,CAAC,IAAI,wDAAC,CAAC;QAExD,YAAO,GAAG,QAAQ,CAAW,GAAG,EAAE;YACnD,MAAM,MAAM,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC;YAC1C,OAAO,MAAM,CAAC,OAAO,CAAC,MAAM,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,EAAE,KAAK,CAAC,EAAE,EAAE,CAC3D,MAAM,CAAC,MAAM,CAAC,EAAE,OAAO,EAAE,EAAE,KAAK,CAAC,CAClC,CAAC;QACJ,CAAC,mDAAC,CAAC;QAEgB,YAAO,GAAG,QAAQ,CAAW,GAAG,EAAE;YACnD,MAAM,MAAM,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC;YAC1C,OAAO,MAAM,CAAC,OAAO,CAAC,MAAM,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,EAAE,KAAK,CAAC,EAAE,EAAE,CAC1D,MAAM,CAAC,MAAM,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK,CAAC,CACjC,CAAC;QACJ,CAAC,mDAAC,CAAC;QAEgB,kBAAa,GAC9B,IAAI,YAAY,EAAgC,CAAC;QAEzB,mBAAc,GAAG,IAAI,YAAY,EAAW,CAAC;QAC7C,mBAAc,GACtC,IAAI,YAAY,EAA+B,CAAC;KACnD;8GAzBqB,2BAA2B;kGAA3B,2BAA2B;;2FAA3B,2BAA2B;kBADhD,SAAS;;sBAoBP,MAAM;;sBAGN,MAAM;;sBACN,MAAM","sourcesContent":["import {\n  computed,\n  Directive,\n  EventEmitter,\n  input,\n  Output,\n} from '@angular/core';\nimport {\n  ContactIdAndDboWithSpaceRef,\n  IEmail,\n  IPhone,\n  NewContactBaseDboAndSpaceRef,\n} from '@sneat/contactus-core';\nimport { ContactFormBaseComponent } from '../contact-form-base.component';\n\n@Directive()\nexport abstract class NewContactFormBaseComponent extends ContactFormBaseComponent {\n  // In the $contact we accumulate all the data we need to create a new contact\n  public readonly $contact = input.required<NewContactBaseDboAndSpaceRef>();\n  protected readonly $contactType = computed(() => this.$contact().dbo.type);\n\n  protected readonly $emails = computed<IEmail[]>(() => {\n    const emails = this.$contact().dbo.emails;\n    return Object.entries(emails || {}).map(([address, props]) =>\n      Object.assign({ address }, props),\n    );\n  });\n\n  protected readonly $phones = computed<IPhone[]>(() => {\n    const phones = this.$contact().dbo.phones;\n    return Object.entries(phones || {}).map(([number, props]) =>\n      Object.assign({ number }, props),\n    );\n  });\n\n  @Output() readonly contactChange =\n    new EventEmitter<NewContactBaseDboAndSpaceRef>();\n\n  @Output() public readonly creatingChange = new EventEmitter<boolean>();\n  @Output() public readonly contactCreated =\n    new EventEmitter<ContactIdAndDboWithSpaceRef>();\n}\n"]}

package/esm2022/lib/components/contact-forms/new-contact/new-contact-form.component.js

@@ -0,0 +1,82 @@
+import { ChangeDetectionStrategy, Component, inject, effect, Input, signal, runInInjectionContext, Injector, } from '@angular/core';
+import { IonSegment, IonSegmentButton } from '@ionic/angular/standalone';
+import { ContactRolePet, RoleSpaceMember, } from '@sneat/contactus-core';
+import { ClassName } from '@sneat/ui';
+import { Observable } from 'rxjs';
+import { NewCompanyFormComponent } from './new-company-form.component';
+import { NewContactFormBaseComponent } from './new-contact-form-base.component';
+import { NewPersonFormComponent, } from './new-person-form.component';
+import { ContactTypeAnimal } from '@sneat/contactus-core';
+import { NewPetFormComponent } from './new-pet-form.component';
+import * as i0 from "@angular/core";
+export class NewContactFormComponent extends NewContactFormBaseComponent {
+    constructor() {
+        super(...arguments);
+        this.$tab = signal(undefined, ...(ngDevMode ? [{ debugName: "$tab" }] : []));
+        this.injector = inject(Injector);
+    }
+    ngOnInit() {
+        runInInjectionContext(this.injector, () => {
+            effect(() => {
+                const contactType = this.$contactType();
+                switch (contactType) {
+                    case 'person':
+                    case 'company':
+                    case 'location':
+                        this.$tab.set(contactType);
+                        break;
+                    case undefined:
+                        this.$tab.set('person');
+                }
+            });
+        });
+    }
+    onTabChange(event) {
+        const tab = event.detail.value;
+        if (tab === 'pet') {
+            let contact = this.$contact();
+            if (!contact?.dbo) {
+                contact = {
+                    ...contact,
+                    dbo: {
+                        type: ContactTypeAnimal,
+                        roles: [RoleSpaceMember, ContactRolePet],
+                    },
+                };
+            }
+            else {
+                contact = {
+                    ...contact,
+                    dbo: {
+                        ...contact.dbo,
+                        type: ContactTypeAnimal,
+                        roles: [RoleSpaceMember, ContactRolePet],
+                    },
+                };
+            }
+            this.contactChange.emit(contact);
+        }
+        this.$tab.set(tab);
+    }
+    onContactChanged(contact) {
+        // console.log('onContactChanged', contact);
+        this.contactChange.emit(contact);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NewContactFormComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: NewContactFormComponent, isStandalone: true, selector: "sneat-new-contact-form", inputs: { command: "command", selectGroupAndRole$: "selectGroupAndRole$" }, providers: [{ provide: ClassName, useValue: 'NewContactFormComponent' }], usesInheritance: true, ngImport: i0, template: "<div class=\"ion-padding-horizontal\">\n  <ion-segment [value]=\"$tab()\" (ionChange)=\"onTabChange($event)\">\n    <ion-segment-button value=\"person\">Person</ion-segment-button>\n    <ion-segment-button value=\"pet\">Pet</ion-segment-button>\n    <ion-segment-button value=\"company\">Company</ion-segment-button>\n  </ion-segment>\n</div>\n\n@switch ($tab()) {\n  @case (\"person\") {\n    <sneat-new-person-form\n      [$space]=\"$space()\"\n      [isInModal]=\"true\"\n      [$contact]=\"$contact()\"\n      [command]=\"command\"\n      [selectGroupAndRole$]=\"selectGroupAndRole$\"\n      (contactChange)=\"onContactChanged($event)\"\n      (creatingChange)=\"creatingChange.emit($event)\"\n    />\n  }\n  @case (\"pet\") {\n    <sneat-new-pet-form\n      [$space]=\"$space()\"\n      [$hideRole]=\"$hideRole()\"\n      [$contact]=\"$contact()\"\n      (contactChange)=\"onContactChanged($event)\"\n    />\n  }\n  @case (\"company\") {\n    <sneat-new-company-form\n      [$space]=\"$space()\"\n      [$contact]=\"$contact()\"\n      (contactChange)=\"onContactChanged($event)\"\n      [$hideRole]=\"$hideRole()\"\n    />\n  }\n}\n", dependencies: [{ 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: NewPersonFormComponent, selector: "sneat-new-person-form", inputs: ["isInModal", "command", "selectGroupAndRole$", "$fixedGroupID", "$fixedRoleID", "$assetID", "$parentContactID"], outputs: ["contactRoleChange", "contactGroupChange"] }, { kind: "component", type: NewCompanyFormComponent, selector: "sneat-new-company-form", inputs: ["contactRoles", "contactRole", "hideRole", "parentContact"] }, { kind: "component", type: NewPetFormComponent, selector: "sneat-new-pet-form" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NewContactFormComponent, decorators: [{
+            type: Component,
+            args: [{ imports: [
+                        IonSegment,
+                        IonSegmentButton,
+                        NewPersonFormComponent,
+                        NewCompanyFormComponent,
+                        NewPetFormComponent,
+                    ], providers: [{ provide: ClassName, useValue: 'NewContactFormComponent' }], changeDetection: ChangeDetectionStrategy.OnPush, selector: 'sneat-new-contact-form', template: "<div class=\"ion-padding-horizontal\">\n  <ion-segment [value]=\"$tab()\" (ionChange)=\"onTabChange($event)\">\n    <ion-segment-button value=\"person\">Person</ion-segment-button>\n    <ion-segment-button value=\"pet\">Pet</ion-segment-button>\n    <ion-segment-button value=\"company\">Company</ion-segment-button>\n  </ion-segment>\n</div>\n\n@switch ($tab()) {\n  @case (\"person\") {\n    <sneat-new-person-form\n      [$space]=\"$space()\"\n      [isInModal]=\"true\"\n      [$contact]=\"$contact()\"\n      [command]=\"command\"\n      [selectGroupAndRole$]=\"selectGroupAndRole$\"\n      (contactChange)=\"onContactChanged($event)\"\n      (creatingChange)=\"creatingChange.emit($event)\"\n    />\n  }\n  @case (\"pet\") {\n    <sneat-new-pet-form\n      [$space]=\"$space()\"\n      [$hideRole]=\"$hideRole()\"\n      [$contact]=\"$contact()\"\n      (contactChange)=\"onContactChanged($event)\"\n    />\n  }\n  @case (\"company\") {\n    <sneat-new-company-form\n      [$space]=\"$space()\"\n      [$contact]=\"$contact()\"\n      (contactChange)=\"onContactChanged($event)\"\n      [$hideRole]=\"$hideRole()\"\n    />\n  }\n}\n" }]
+        }], propDecorators: { command: [{
+                type: Input
+            }], selectGroupAndRole$: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=new-contact-form.component.js.map

package/esm2022/lib/components/contact-forms/new-contact/new-contact-form.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"new-contact-form.component.js","sourceRoot":"","sources":["../../../../../../../../../libs/contactus/shared/src/lib/components/contact-forms/new-contact/new-contact-form.component.ts","../../../../../../../../../libs/contactus/shared/src/lib/components/contact-forms/new-contact/new-contact-form.component.html"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,MAAM,EACN,MAAM,EACN,KAAK,EACL,MAAM,EAEN,qBAAqB,EACrB,QAAQ,GACT,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AACzE,OAAO,EAEL,cAAc,EAEd,eAAe,GAChB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAElC,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAE,2BAA2B,EAAE,MAAM,mCAAmC,CAAC;AAChF,OAAO,EAEL,sBAAsB,GACvB,MAAM,6BAA6B,CAAC;AAErC,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;;AAiB/D,MAAM,OAAO,uBACX,SAAQ,2BAA2B;IAdrC;;QAiBqB,SAAI,GAAG,MAAM,CAAgC,SAAS,gDAAC,CAAC;QAK1D,aAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;KAkD9C;IAhDQ,QAAQ;QACb,qBAAqB,CAAC,IAAI,CAAC,QAAQ,EAAE,GAAG,EAAE;YACxC,MAAM,CAAC,GAAG,EAAE;gBACV,MAAM,WAAW,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC;gBACxC,QAAQ,WAAW,EAAE,CAAC;oBACpB,KAAK,QAAQ,CAAC;oBACd,KAAK,SAAS,CAAC;oBACf,KAAK,UAAU;wBACb,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;wBAC3B,MAAM;oBACR,KAAK,SAAS;wBACZ,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;gBAC5B,CAAC;YACH,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC;IAES,WAAW,CAAC,KAAkB;QACtC,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAC,KAA0B,CAAC;QACpD,IAAI,GAAG,KAAK,KAAK,EAAE,CAAC;YAClB,IAAI,OAAO,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;YAC9B,IAAI,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC;gBAClB,OAAO,GAAG;oBACR,GAAG,OAAO;oBACV,GAAG,EAAE;wBACH,IAAI,EAAE,iBAAiB;wBACvB,KAAK,EAAE,CAAC,eAAe,EAAE,cAAc,CAAC;qBACzC;iBACF,CAAC;YACJ,CAAC;iBAAM,CAAC;gBACN,OAAO,GAAG;oBACR,GAAG,OAAO;oBACV,GAAG,EAAE;wBACH,GAAG,OAAO,CAAC,GAAG;wBACd,IAAI,EAAE,iBAAiB;wBACvB,KAAK,EAAE,CAAC,eAAe,EAAE,cAAc,CAAC;qBACzC;iBACF,CAAC;YACJ,CAAC;YACD,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QACnC,CAAC;QACD,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACrB,CAAC;IAES,gBAAgB,CAAC,OAAqC;QAC9D,4CAA4C;QAC5C,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,OAAsC,CAAC,CAAC;IAClE,CAAC;8GA1DU,uBAAuB;kGAAvB,uBAAuB,iJALvB,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,yBAAyB,EAAE,CAAC,iDCzC1E,onCAqCA,4CDFI,UAAU,uJACV,gBAAgB,qIAChB,sBAAsB,kPACtB,uBAAuB,yIACvB,mBAAmB;;2FAOV,uBAAuB;kBAbnC,SAAS;8BACC;wBACP,UAAU;wBACV,gBAAgB;wBAChB,sBAAsB;wBACtB,uBAAuB;wBACvB,mBAAmB;qBACpB,aACU,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,yBAAyB,EAAE,CAAC,mBACvD,uBAAuB,CAAC,MAAM,YACrC,wBAAwB;;sBASjC,KAAK;;sBACL,KAAK","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  inject,\n  effect,\n  Input,\n  signal,\n  OnInit,\n  runInInjectionContext,\n  Injector,\n} from '@angular/core';\nimport { IonSegment, IonSegmentButton } from '@ionic/angular/standalone';\nimport {\n  ContactIdAndDboWithSpaceRef,\n  ContactRolePet,\n  NewContactBaseDboAndSpaceRef,\n  RoleSpaceMember,\n} from '@sneat/contactus-core';\nimport { ClassName } from '@sneat/ui';\nimport { Observable } from 'rxjs';\nimport { IContactAddEventArgs } from '../../contact-events';\nimport { NewCompanyFormComponent } from './new-company-form.component';\nimport { NewContactFormBaseComponent } from './new-contact-form-base.component';\nimport {\n  NewContactFormCommand,\n  NewPersonFormComponent,\n} from './new-person-form.component';\n\nimport { ContactTypeAnimal } from '@sneat/contactus-core';\nimport { NewPetFormComponent } from './new-pet-form.component';\n\ntype NewContactFormTab = 'person' | 'pet' | 'company' | 'location';\n\n@Component({\n  imports: [\n    IonSegment,\n    IonSegmentButton,\n    NewPersonFormComponent,\n    NewCompanyFormComponent,\n    NewPetFormComponent,\n  ],\n  providers: [{ provide: ClassName, useValue: 'NewContactFormComponent' }],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  selector: 'sneat-new-contact-form',\n  templateUrl: './new-contact-form.component.html',\n})\nexport class NewContactFormComponent\n  extends NewContactFormBaseComponent\n  implements OnInit\n{\n  protected readonly $tab = signal<NewContactFormTab | undefined>(undefined);\n\n  @Input() command?: Observable<NewContactFormCommand>;\n  @Input() selectGroupAndRole$?: Observable<IContactAddEventArgs | undefined>;\n\n  private readonly injector = inject(Injector);\n\n  public ngOnInit(): void {\n    runInInjectionContext(this.injector, () => {\n      effect(() => {\n        const contactType = this.$contactType();\n        switch (contactType) {\n          case 'person':\n          case 'company':\n          case 'location':\n            this.$tab.set(contactType);\n            break;\n          case undefined:\n            this.$tab.set('person');\n        }\n      });\n    });\n  }\n\n  protected onTabChange(event: CustomEvent): void {\n    const tab = event.detail.value as NewContactFormTab;\n    if (tab === 'pet') {\n      let contact = this.$contact();\n      if (!contact?.dbo) {\n        contact = {\n          ...contact,\n          dbo: {\n            type: ContactTypeAnimal,\n            roles: [RoleSpaceMember, ContactRolePet],\n          },\n        };\n      } else {\n        contact = {\n          ...contact,\n          dbo: {\n            ...contact.dbo,\n            type: ContactTypeAnimal,\n            roles: [RoleSpaceMember, ContactRolePet],\n          },\n        };\n      }\n      this.contactChange.emit(contact);\n    }\n    this.$tab.set(tab);\n  }\n\n  protected onContactChanged(contact: NewContactBaseDboAndSpaceRef): void {\n    // console.log('onContactChanged', contact);\n    this.contactChange.emit(contact as ContactIdAndDboWithSpaceRef);\n  }\n}\n","<div class=\"ion-padding-horizontal\">\n  <ion-segment [value]=\"$tab()\" (ionChange)=\"onTabChange($event)\">\n    <ion-segment-button value=\"person\">Person</ion-segment-button>\n    <ion-segment-button value=\"pet\">Pet</ion-segment-button>\n    <ion-segment-button value=\"company\">Company</ion-segment-button>\n  </ion-segment>\n</div>\n\n@switch ($tab()) {\n  @case (\"person\") {\n    <sneat-new-person-form\n      [$space]=\"$space()\"\n      [isInModal]=\"true\"\n      [$contact]=\"$contact()\"\n      [command]=\"command\"\n      [selectGroupAndRole$]=\"selectGroupAndRole$\"\n      (contactChange)=\"onContactChanged($event)\"\n      (creatingChange)=\"creatingChange.emit($event)\"\n    />\n  }\n  @case (\"pet\") {\n    <sneat-new-pet-form\n      [$space]=\"$space()\"\n      [$hideRole]=\"$hideRole()\"\n      [$contact]=\"$contact()\"\n      (contactChange)=\"onContactChanged($event)\"\n    />\n  }\n  @case (\"company\") {\n    <sneat-new-company-form\n      [$space]=\"$space()\"\n      [$contact]=\"$contact()\"\n      (contactChange)=\"onContactChanged($event)\"\n      [$hideRole]=\"$hideRole()\"\n    />\n  }\n}\n"]}