@sneat/contactus-shared 0.2.0

package/esm2022/lib/components/contact-forms/pesson-wizard/person-wizard.component.js

@@ -0,0 +1,369 @@
+import { Component, computed, EventEmitter, input, Input, Output, signal, ViewChild, inject, } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import { IonButton, IonCard, IonIcon, IonLabel, IonSegment, IonSegmentButton, } from '@ionic/angular/standalone';
+import { SneatUserService } from '@sneat/auth-core';
+import { isNameEmpty } from '@sneat/auth-models';
+import { excludeUndefined, formNexInAnimation, } from '@sneat/core';
+import { getRelatedItemIDs, } from '@sneat/dto';
+import { ClassName } from '@sneat/ui';
+import { UserSpaceBriefProvider } from '../../../providers/user-space-brief.provider';
+import { NewContactFormBaseComponent } from '../new-contact/new-contact-form-base.component';
+import { AgeGroupFormComponent } from '../person-forms/age-group';
+import { EmailsFormComponent } from '../emails-form';
+import { GenderFormComponent } from '../person-forms/gender-form';
+import { NamesFormComponent, } from '../person-forms/names-form';
+import { PhonesFormComponent } from '../phones-form';
+import { ContactRelationshipFormComponent } from '../relationship-form/contact-relationship-form.component';
+import { RolesFormComponent } from '../roles-form';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+export class PersonWizardComponent extends NewContactFormBaseComponent {
+    constructor() {
+        super(...arguments);
+        this.userService = inject(SneatUserService);
+        this.requires = {};
+        this.disabled = false;
+        this.hideRelationship = false;
+        this.hidePetOption = true;
+        this.displayAgeGroupValue = false;
+        this.nameFields = {
+            firstName: { hide: false },
+            lastName: { hide: false },
+            middleName: { hide: false },
+            nickName: { hide: true, required: false },
+            fullName: { hide: false, required: false },
+        };
+        this.$fields = input.required(...(ngDevMode ? [{ debugName: "$fields" }] : []));
+        this.isReadyToSubmit = false;
+        this.isReadyToSubmitChange = new EventEmitter();
+        this.show = {};
+        this.$wizardStep = signal('contactType', ...(ngDevMode ? [{ debugName: "$wizardStep" }] : []));
+        this.tab = 'emails';
+        this.$relatedToUser = computed(() => {
+            const userContactID = this.userSpaceBrief.$userContactID();
+            return userContactID
+                ? {
+                    spaceID: this.$spaceID(),
+                    module: 'contactus',
+                    collection: 'contacts',
+                    itemID: userContactID,
+                }
+                : undefined;
+        }, ...(ngDevMode ? [{ debugName: "$relatedToUser" }] : []));
+        this.$relatedTo = computed(() => {
+            const key = this.$relatedToUser();
+            if (!key) {
+                return undefined;
+            }
+            return {
+                key,
+                title: '', // getContactTitle({ id: '', ...this.$contact() }),
+                related: this.$contact().dbo.related || {},
+            };
+        }, ...(ngDevMode ? [{ debugName: "$relatedTo" }] : []));
+        // private readonly $userSpaces = signal<
+        // 	Readonly<Record<string, IUserSpaceBrief>> | undefined
+        // >(undefined);
+        this.userSpaceBrief = new UserSpaceBriefProvider(this.destroyed$, this.$spaceID, this.userService);
+        this.formOrder = [
+            { id: 'contactType' },
+            { id: 'ageGroup' },
+            { id: 'gender' },
+            // relatedAs to current user or a specific contact
+            {
+                id: 'relatedAs',
+                filter: (a) => a.contactType === 'person',
+            },
+            { id: 'name' },
+            {
+                id: 'roles',
+                filter: (a) => a.contactType !== 'animal' && a.spaceType !== 'family',
+            },
+            {
+                id: 'communicationChannels',
+                filter: (a) => a.contactType !== 'animal',
+            },
+            { id: 'submitButton' },
+        ];
+    }
+    ngOnInit() {
+        this.setContactData(this.$contact().dbo, {
+            name: 'contactType',
+            hasValue: true,
+        });
+        // runInInjectionContext(this.injector, () => {
+        // 	effect(() => {
+        // 		// This effect currently does not makes sense
+        // 		// as we have different component for different contact types
+        // 		const contact = this.$contact();
+        // 		console.log('$contact() changed', contact);
+        // 		if (this.$wizardStep() === 'contactType') {
+        // 			if (contact.dbo.type) {
+        // 				this.onContactTypeChanged();
+        // 				this.setContactData(contact.dbo, {
+        // 					name: 'contactType',
+        // 					hasValue: true,
+        // 				});
+        // 			}
+        // 		}
+        // 	});
+        // });
+    }
+    ngOnChanges(changes) {
+        if (changes['fields']) {
+            this.openNext('contactType');
+        }
+    }
+    setContactData(dbo, changedProp) {
+        this.contactChange.emit({ ...this.$contact(), dbo });
+        if (changedProp.hasValue) {
+            this.openNext(changedProp.name);
+        }
+    }
+    onNameChanged(name) {
+        if (!this.show.nameNext && !isNameEmpty(name)) {
+            this.show = { ...this.show, nameNext: true };
+        }
+        this.setContactData({ ...this.$contact().dbo, names: name }, { name: 'name', hasValue: false });
+    }
+    onContactChanged() {
+        // this.setRelatedPerson(
+        // 	{ ...this.newPerson, petKind },
+        // 	{ name: 'petKind', hasValue: !!petKind },
+        // );
+    }
+    onGenderChanged(gender) {
+        this.setContactData({ ...this.$contact().dbo, gender }, { name: 'gender', hasValue: !!gender });
+    }
+    onContactTypeChanged() {
+        switch (this.$contact().dbo.type) {
+            case 'animal':
+                this.nameFields = {
+                    ...this.nameFields,
+                    nickName: { hide: false, required: true },
+                    firstName: { hide: true },
+                    lastName: { hide: true },
+                    middleName: { hide: true },
+                };
+                break;
+            case 'person':
+                this.nameFields = {
+                    ...this.nameFields,
+                    nickName: { hide: true, required: false },
+                    firstName: { hide: false },
+                    lastName: { hide: false },
+                    middleName: { hide: false },
+                };
+                break;
+        }
+    }
+    onAgeGroupChanged(ageGroup) {
+        if (ageGroup) {
+            this.show = { ...this.show, ageGroup: this.displayAgeGroupValue };
+        }
+        if (this.$contact().dbo.type !== 'person') {
+            this.setContactData({ ...this.$contact().dbo, type: 'person' }, {
+                name: 'contactType',
+                hasValue: true,
+            });
+            this.onContactTypeChanged();
+        }
+        const relatedPerson = excludeUndefined({
+            ...this.$contact().dbo,
+            ageGroup: ageGroup === 'pet' ? undefined : ageGroup,
+            type: ageGroup === 'pet' ? 'animal' : 'person',
+        });
+        this.setContactData(relatedPerson, {
+            name: 'ageGroup',
+            hasValue: !!ageGroup || this.$contact().dbo.type === 'animal',
+        });
+    }
+    onEmailsChanged(emails) {
+        this.setContactData({ ...this.$contact().dbo, emails: {} }, {
+            name: 'communicationChannels',
+            hasValue: !!Object.keys(emails || {})?.length ||
+                !!Object.keys(this.$contact().dbo.phones || {})?.length,
+        });
+    }
+    onPhoneChanged(phones) {
+        this.setContactData({ ...this.$contact().dbo, phones: {} }, {
+            name: 'communicationChannels',
+            hasValue: !!Object.keys(phones || {})?.length ||
+                !!Object.keys(this.$contact().dbo.emails || {})?.length,
+        });
+    }
+    onRelatedAsChanged(rolesToTarget) {
+        // 'PersonWizardState.onRelatedAsChanged() rolesToTarget=',
+        // rolesToTarget,
+        const itemID = this.userSpaceBrief.$userContactID();
+        if (!itemID) {
+            throw new Error('!$userContactID()');
+        }
+        const userContactRelatedItem = {
+            rolesToItem: rolesToTarget,
+        };
+        const related = {
+            contactus: {
+                contacts: { [itemID]: userContactRelatedItem },
+            },
+        };
+        let contactDbo = {
+            ...this.$contact().dbo,
+            related,
+        };
+        if (!this.$contact().dbo.ageGroup) {
+            const relationship = Object.keys(rolesToTarget || []).length
+                ? Object.keys(rolesToTarget)[0]
+                : undefined;
+            contactDbo = {
+                ...this.$contact().dbo,
+                ageGroup: relationship === 'parent' ||
+                    relationship === 'spouse' ||
+                    relationship === 'partner' ||
+                    relationship === 'grandparent'
+                    ? 'adult'
+                    : 'child',
+            };
+        }
+        this.setContactData(contactDbo, {
+            name: 'relatedAs',
+            hasValue: !!rolesToTarget,
+        });
+    }
+    nextFromName(event) {
+        event.stopPropagation();
+        if (!this.namesFormComponent) {
+            throw Error('!namesFormComponent');
+        }
+        if (!this.namesFormComponent.namesForm) {
+            throw Error('!namesFormComponent.namesForm');
+        }
+        this.namesFormComponent.namesForm.markAllAsTouched();
+        if (!this.namesFormComponent.namesForm.valid) {
+            const errors = this.namesFormComponent?.namesForm.errors;
+            if (errors) {
+                alert('Problem with names:\n' +
+                    Object.entries(errors)
+                        .map((err) => `\t${err[0]}: ${err[1]}`)
+                        .join('\n'));
+            }
+            return;
+        }
+        this.openNext('name');
+        this.show = { ...this.show, nameNext: false };
+    }
+    skipStep(step) {
+        if (!step.filter) {
+            return false;
+        }
+        const { dbo } = this.$contact();
+        const spaceType = this.$spaceType(), contactType = this.$contactType();
+        if (!spaceType || !contactType) {
+            return false;
+        }
+        if (!step?.filter({
+            spaceType: spaceType,
+            contactType: contactType,
+            dbo: dbo,
+        })) {
+            return false;
+        }
+        return false;
+    }
+    openNext(currentStepID) {
+        for (;;) {
+            const i = this.formOrder.findIndex((step) => step.id === currentStepID);
+            if (i < 0) {
+                // `openNext have not found ${currentStepID} in this.formOrder=${this.formOrder.join(
+                //   ',',
+                // )}`,
+                return;
+            }
+            if (i === this.formOrder.length - 1) {
+                // last element
+                return;
+            }
+            const nextStep = this.formOrder[i + 1];
+            if (this.skipStep(nextStep)) {
+                currentStepID = nextStep.id;
+                continue;
+            }
+            if (!this.show[nextStep.id]) {
+                const nextField = this.$fields()[nextStep.id];
+                const showNextField = nextField ? !nextField.hide : true;
+                this.show = { ...this.show, [nextStep.id]: showNextField };
+                if (!showNextField) {
+                    this.openNext(nextStep.id);
+                }
+                this.$wizardStep.set(nextStep.id);
+                if (this.stepHasValue(nextStep.id)) {
+                    currentStepID = nextStep.id;
+                    continue;
+                }
+            }
+            break; // <---------- Exit point
+        }
+        if (this.show.submitButton) {
+            this.isReadyToSubmit = true;
+            this.isReadyToSubmitChange.emit();
+        }
+    }
+    stepHasValue(name) {
+        const p = this.$contact().dbo;
+        switch (name) {
+            case 'name':
+                return !!p.names && Object.values(p.names).some((v) => !!v);
+            case 'ageGroup':
+                return !!p.ageGroup;
+            case 'gender':
+                return !!p.gender && p.gender !== 'unknown';
+            case 'relatedAs':
+                return (getRelatedItemIDs(p.related, 'contactus', 'contacts', this.$contact().space.id).length > 0);
+            case 'roles':
+                return !!p.roles?.length;
+        }
+        return undefined;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: PersonWizardComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: PersonWizardComponent, isStandalone: true, selector: "sneat-person-wizard", inputs: { requires: { classPropertyName: "requires", publicName: "requires", isSignal: false, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: null }, hideRelationship: { classPropertyName: "hideRelationship", publicName: "hideRelationship", isSignal: false, isRequired: false, transformFunction: null }, hidePetOption: { classPropertyName: "hidePetOption", publicName: "hidePetOption", isSignal: false, isRequired: false, transformFunction: null }, displayAgeGroupValue: { classPropertyName: "displayAgeGroupValue", publicName: "displayAgeGroupValue", isSignal: false, isRequired: false, transformFunction: null }, nameFields: { classPropertyName: "nameFields", publicName: "nameFields", isSignal: false, isRequired: false, transformFunction: null }, $fields: { classPropertyName: "$fields", publicName: "$fields", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { isReadyToSubmitChange: "isReadyToSubmitChange" }, providers: [{ provide: ClassName, useValue: 'PersonWizardComponent' }], viewQueries: [{ propertyName: "namesFormComponent", first: true, predicate: NamesFormComponent, descendants: true }, { propertyName: "genderFormComponent", first: true, predicate: GenderFormComponent, descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<!--<h2>Person wizard</h2>-->\n<!--<p>wizardStep: {{ wizardStep }}</p>-->\n<!--<p>fields: {{ fields | json }}</p>-->\n<!--<p>nameFields: {{ nameFields | json }}</p>-->\n<!--<p>show: {{ show | json }};</p>-->\n<!--<p>contact: {{ $contact() | json }}</p>-->\n<!--<p>wizardStep: {{wizardStep}}</p>-->\n\n<p>$wizardStep: {{ $wizardStep() }}</p>\n\n@if (show.ageGroup) {\n  <sneat-age-group-form\n    [spaceType]=\"$contact().space.type\"\n    [hidePetOption]=\"hidePetOption\"\n    [disabled]=\"disabled\"\n    [$ageGroup]=\"$contact().dbo.ageGroup\"\n    (ageGroupChange)=\"onAgeGroupChanged($event)\"\n  />\n}\n\n@if (show.gender) {\n  <ion-card>\n    <sneat-gender-form\n      [disabled]=\"disabled\"\n      [$spaceID]=\"$spaceID()\"\n      [$contactID]=\"undefined\"\n      [$genderID]=\"$contact().dbo.gender\"\n      (genderChange)=\"onGenderChanged($event)\"\n    />\n  </ion-card>\n}\n\n@if (!requires.relatedAs?.hide && show.relatedAs && $contact().space.id) {\n  <sneat-contact-relationship-form\n    [$contactID]=\"''\"\n    [$userSpaceContactID]=\"null\"\n    [isActive]=\"$wizardStep() === 'relatedAs'\"\n    [disabled]=\"disabled\"\n    [$space]=\"$contact().space\"\n    [$relatedTo]=\"$relatedTo()\"\n    [$ageGroup]=\"$contact().dbo.ageGroup\"\n    (relatedAsChange)=\"onRelatedAsChanged($event)\"\n  />\n  <!--[relatedAs]=\"newPerson.related?.relatedAs?.length === 1 ? newPerson.relatedTo?.relatedAs?.[0] : undefined\"-->\n}\n\n@if (show.name) {\n  <ion-card>\n    <sneat-names-form\n      [name]=\"$contact().dbo.names\"\n      [isActive]=\"$wizardStep() === 'name'\"\n      [showNextButton]=\"false\"\n      [fields]=\"nameFields\"\n      (namesChanged)=\"onNameChanged($event)\"\n      [disabled]=\"disabled\"\n      (next)=\"nextFromName($event)\"\n    />\n  </ion-card>\n}\n\n@if (!requires.roles?.hide && show.roles) {\n  <sneat-roles-form\n    [$space]=\"$contact().space\"\n    [isActive]=\"$wizardStep() === 'roles'\"\n    [disabled]=\"disabled\"\n  />\n}\n\n@if (show.communicationChannels) {\n  <ion-segment [(ngModel)]=\"tab\">\n    <ion-segment-button value=\"emails\">Emails</ion-segment-button>\n    <ion-segment-button value=\"phones\">Phones</ion-segment-button>\n  </ion-segment>\n  @switch (tab) {\n    @case (\"emails\") {\n      <sneat-emails-form\n        [hideHeader]=\"true\"\n        [emails]=\"$emails()\"\n        (emailsChange)=\"onEmailsChanged($event)\"\n      />\n    }\n    @case (\"phones\") {\n      <sneat-phones-form\n        [hideHeader]=\"true\"\n        [phones]=\"$phones()\"\n        (phonesChange)=\"onPhoneChanged($event)\"\n      />\n    }\n  }\n}\n\n@if ($wizardStep() === \"communicationChannels\") {\n  <ion-button\n    class=\"ion-margin\"\n    size=\"medium\"\n    [color]=\"show.nameNext ? 'primary' : 'medium'\"\n    (click)=\"openNext($wizardStep())\"\n  >\n    <ion-label>Next</ion-label>\n    <ion-icon name=\"arrow-forward-circle-outline\" slot=\"end\"></ion-icon>\n  </ion-button>\n}\n", dependencies: [{ kind: "component", type: AgeGroupFormComponent, selector: "sneat-age-group-form", inputs: ["spaceType", "$ageGroup", "disabled", "hidePetOption", "hideUndisclosedOption"], outputs: ["ageGroupChange"] }, { kind: "component", type: GenderFormComponent, selector: "sneat-gender-form", inputs: ["lastItemLines", "hideSkipButton", "disabled", "$spaceID", "$contactID", "$genderID"], outputs: ["genderChange"] }, { kind: "component", type: NamesFormComponent, selector: "sneat-names-form", inputs: ["showHeader", "name", "isActive", "disabled", "fields", "showNextButton"], outputs: ["keyupEnter", "namesChanged", "next"] }, { kind: "component", type: RolesFormComponent, selector: "sneat-roles-form", inputs: ["isActive", "disabled"], outputs: ["rolesChange"] }, { 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: PhonesFormComponent, selector: "sneat-phones-form", inputs: ["disabled", "hideHeader", "isActiveInWizard", "phones"], outputs: ["phonesChange"] }, { kind: "component", type: EmailsFormComponent, selector: "sneat-emails-form", inputs: ["hideHeader", "isActiveInWizard", "disabled", "emails"], outputs: ["emailsChange"] }, { 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: IonCard, selector: "ion-card", inputs: ["button", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: ContactRelationshipFormComponent, selector: "sneat-contact-relationship-form", inputs: ["$contactID", "$ageGroup", "$relatedTo", "$userSpaceContactID", "isActive", "disabled"], outputs: ["relatedAsChange"] }, { 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: IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }], animations: [formNexInAnimation] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: PersonWizardComponent, decorators: [{
+            type: Component,
+            args: [{ animations: [formNexInAnimation], imports: [
+                        AgeGroupFormComponent,
+                        GenderFormComponent,
+                        NamesFormComponent,
+                        RolesFormComponent,
+                        FormsModule,
+                        PhonesFormComponent,
+                        EmailsFormComponent,
+                        IonSegment,
+                        IonSegmentButton,
+                        IonCard,
+                        ContactRelationshipFormComponent,
+                        IonButton,
+                        IonLabel,
+                        IonIcon,
+                    ], selector: 'sneat-person-wizard', providers: [{ provide: ClassName, useValue: 'PersonWizardComponent' }], template: "<!--<h2>Person wizard</h2>-->\n<!--<p>wizardStep: {{ wizardStep }}</p>-->\n<!--<p>fields: {{ fields | json }}</p>-->\n<!--<p>nameFields: {{ nameFields | json }}</p>-->\n<!--<p>show: {{ show | json }};</p>-->\n<!--<p>contact: {{ $contact() | json }}</p>-->\n<!--<p>wizardStep: {{wizardStep}}</p>-->\n\n<p>$wizardStep: {{ $wizardStep() }}</p>\n\n@if (show.ageGroup) {\n  <sneat-age-group-form\n    [spaceType]=\"$contact().space.type\"\n    [hidePetOption]=\"hidePetOption\"\n    [disabled]=\"disabled\"\n    [$ageGroup]=\"$contact().dbo.ageGroup\"\n    (ageGroupChange)=\"onAgeGroupChanged($event)\"\n  />\n}\n\n@if (show.gender) {\n  <ion-card>\n    <sneat-gender-form\n      [disabled]=\"disabled\"\n      [$spaceID]=\"$spaceID()\"\n      [$contactID]=\"undefined\"\n      [$genderID]=\"$contact().dbo.gender\"\n      (genderChange)=\"onGenderChanged($event)\"\n    />\n  </ion-card>\n}\n\n@if (!requires.relatedAs?.hide && show.relatedAs && $contact().space.id) {\n  <sneat-contact-relationship-form\n    [$contactID]=\"''\"\n    [$userSpaceContactID]=\"null\"\n    [isActive]=\"$wizardStep() === 'relatedAs'\"\n    [disabled]=\"disabled\"\n    [$space]=\"$contact().space\"\n    [$relatedTo]=\"$relatedTo()\"\n    [$ageGroup]=\"$contact().dbo.ageGroup\"\n    (relatedAsChange)=\"onRelatedAsChanged($event)\"\n  />\n  <!--[relatedAs]=\"newPerson.related?.relatedAs?.length === 1 ? newPerson.relatedTo?.relatedAs?.[0] : undefined\"-->\n}\n\n@if (show.name) {\n  <ion-card>\n    <sneat-names-form\n      [name]=\"$contact().dbo.names\"\n      [isActive]=\"$wizardStep() === 'name'\"\n      [showNextButton]=\"false\"\n      [fields]=\"nameFields\"\n      (namesChanged)=\"onNameChanged($event)\"\n      [disabled]=\"disabled\"\n      (next)=\"nextFromName($event)\"\n    />\n  </ion-card>\n}\n\n@if (!requires.roles?.hide && show.roles) {\n  <sneat-roles-form\n    [$space]=\"$contact().space\"\n    [isActive]=\"$wizardStep() === 'roles'\"\n    [disabled]=\"disabled\"\n  />\n}\n\n@if (show.communicationChannels) {\n  <ion-segment [(ngModel)]=\"tab\">\n    <ion-segment-button value=\"emails\">Emails</ion-segment-button>\n    <ion-segment-button value=\"phones\">Phones</ion-segment-button>\n  </ion-segment>\n  @switch (tab) {\n    @case (\"emails\") {\n      <sneat-emails-form\n        [hideHeader]=\"true\"\n        [emails]=\"$emails()\"\n        (emailsChange)=\"onEmailsChanged($event)\"\n      />\n    }\n    @case (\"phones\") {\n      <sneat-phones-form\n        [hideHeader]=\"true\"\n        [phones]=\"$phones()\"\n        (phonesChange)=\"onPhoneChanged($event)\"\n      />\n    }\n  }\n}\n\n@if ($wizardStep() === \"communicationChannels\") {\n  <ion-button\n    class=\"ion-margin\"\n    size=\"medium\"\n    [color]=\"show.nameNext ? 'primary' : 'medium'\"\n    (click)=\"openNext($wizardStep())\"\n  >\n    <ion-label>Next</ion-label>\n    <ion-icon name=\"arrow-forward-circle-outline\" slot=\"end\"></ion-icon>\n  </ion-button>\n}\n" }]
+        }], propDecorators: { requires: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], hideRelationship: [{
+                type: Input
+            }], hidePetOption: [{
+                type: Input
+            }], displayAgeGroupValue: [{
+                type: Input
+            }], nameFields: [{
+                type: Input
+            }], $fields: [{ type: i0.Input, args: [{ isSignal: true, alias: "$fields", required: true }] }], isReadyToSubmitChange: [{
+                type: Output
+            }], namesFormComponent: [{
+                type: ViewChild,
+                args: [NamesFormComponent]
+            }], genderFormComponent: [{
+                type: ViewChild,
+                args: [GenderFormComponent]
+            }] } });
+//# sourceMappingURL=person-wizard.component.js.map

package/esm2022/lib/components/contact-forms/pesson-wizard/person-wizard.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"person-wizard.component.js","sourceRoot":"","sources":["../../../../../../../../../libs/contactus/shared/src/lib/components/contact-forms/pesson-wizard/person-wizard.component.ts","../../../../../../../../../libs/contactus/shared/src/lib/components/contact-forms/pesson-wizard/person-wizard.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  computed,\n  EventEmitter,\n  input,\n  Input,\n  OnChanges,\n  OnInit,\n  Output,\n  signal,\n  SimpleChanges,\n  ViewChild,\n  inject,\n} from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport {\n  IonButton,\n  IonCard,\n  IonIcon,\n  IonLabel,\n  IonSegment,\n  IonSegmentButton,\n} from '@ionic/angular/standalone';\nimport { SneatUserService } from '@sneat/auth-core';\nimport { IPersonNames, isNameEmpty } from '@sneat/auth-models';\nimport {\n  AgeGroupID,\n  excludeUndefined,\n  formNexInAnimation,\n  Gender,\n  SpaceType,\n} from '@sneat/core';\nimport { IFormField } from '@sneat/core';\nimport {\n  ContactType,\n  IContactBase,\n  IEmail,\n  IPersonRequirements,\n  IPhone,\n  IRelatedPerson,\n} from '@sneat/contactus-core';\nimport {\n  getRelatedItemIDs,\n  IRelatedItem,\n  IRelatedModules,\n  IRelatedTo,\n  IRelationshipRoles,\n  ISpaceModuleItemRef,\n} from '@sneat/dto';\nimport { ClassName } from '@sneat/ui';\nimport { UserSpaceBriefProvider } from '../../../providers/user-space-brief.provider';\nimport { NewContactFormBaseComponent } from '../new-contact/new-contact-form-base.component';\nimport { AgeGroupFormComponent } from '../person-forms/age-group';\nimport { EmailsFormComponent } from '../emails-form';\nimport { GenderFormComponent } from '../person-forms/gender-form';\nimport {\n  INamesFormFields,\n  NamesFormComponent,\n} from '../person-forms/names-form';\nimport { PhonesFormComponent } from '../phones-form';\nimport { ContactRelationshipFormComponent } from '../relationship-form/contact-relationship-form.component';\nimport { RolesFormComponent } from '../roles-form';\n\nexport interface PersonWizardState {\n  // wizard state\n  readonly contactType?: boolean;\n  readonly ageGroup?: boolean;\n  readonly name?: boolean;\n  readonly nameNext?: boolean;\n  readonly gender?: boolean;\n  readonly roles?: boolean;\n  readonly relatedAs?: boolean;\n  readonly communicationChannels?: boolean;\n  readonly submitButton?: boolean;\n}\n\ntype WizardStepID = keyof PersonWizardState;\n\n// interface WizardStepCondition {\n// \treadonly contactTypes: readonly MemberContactType[];\n// \treadonly contactRoles?: readonly string[];\n// \treadonly spaceTypes?: readonly SpaceType[];\n// \treadonly isRelatedToSpaceItem?: boolean;\n// \treadonly isMember?: boolean;\n// }\n\ninterface IWizardFilterArgs {\n  readonly contactType: ContactType;\n  readonly spaceType: SpaceType;\n  readonly dbo?: IContactBase;\n}\n\ntype StepFilterFunc = (args: IWizardFilterArgs) => boolean;\n\n// interface WizardStepFilter {\n// \treadonly hideFor?: WizardStepCondition;\n// \treadonly showFor?: WizardStepCondition;\n// }\n\ninterface WizardStepDef {\n  readonly id: WizardStepID;\n  readonly filter?: StepFilterFunc;\n}\n\nexport type IPersonFormWizardFields = {\n  [id in keyof PersonWizardState]: IFormField;\n};\n\n@Component({\n  animations: [formNexInAnimation],\n  imports: [\n    AgeGroupFormComponent,\n    GenderFormComponent,\n    NamesFormComponent,\n    RolesFormComponent,\n    FormsModule,\n    PhonesFormComponent,\n    EmailsFormComponent,\n    IonSegment,\n    IonSegmentButton,\n    IonCard,\n    ContactRelationshipFormComponent,\n    IonButton,\n    IonLabel,\n    IonIcon,\n  ],\n  selector: 'sneat-person-wizard',\n  templateUrl: './person-wizard.component.html',\n  providers: [{ provide: ClassName, useValue: 'PersonWizardComponent' }],\n})\nexport class PersonWizardComponent\n  extends NewContactFormBaseComponent\n  implements OnInit, OnChanges\n{\n  private readonly userService = inject(SneatUserService);\n\n  @Input() requires: IPersonRequirements = {};\n  @Input() disabled = false;\n  @Input() hideRelationship = false;\n  @Input() hidePetOption = true;\n\n  @Input() displayAgeGroupValue = false;\n\n  @Input() nameFields: INamesFormFields = {\n    firstName: { hide: false },\n    lastName: { hide: false },\n    middleName: { hide: false },\n    nickName: { hide: true, required: false },\n    fullName: { hide: false, required: false },\n  };\n\n  public readonly $fields = input.required<Readonly<IPersonFormWizardFields>>();\n\n  public isReadyToSubmit = false;\n  @Output() readonly isReadyToSubmitChange = new EventEmitter<boolean>();\n\n  public show: PersonWizardState = {};\n\n  public readonly $wizardStep = signal<WizardStepID>('contactType');\n\n  tab?: 'emails' | 'phones' = 'emails';\n\n  @ViewChild(NamesFormComponent) namesFormComponent?: NamesFormComponent;\n  @ViewChild(GenderFormComponent) genderFormComponent?: GenderFormComponent;\n\n  protected readonly $relatedToUser = computed<ISpaceModuleItemRef | undefined>(\n    () => {\n      const userContactID = this.userSpaceBrief.$userContactID();\n      return userContactID\n        ? {\n            spaceID: this.$spaceID(),\n            module: 'contactus',\n            collection: 'contacts',\n            itemID: userContactID,\n          }\n        : undefined;\n    },\n  );\n  protected readonly $relatedTo = computed<IRelatedTo | undefined>(() => {\n    const key = this.$relatedToUser();\n    if (!key) {\n      return undefined;\n    }\n    return {\n      key,\n      title: '', // getContactTitle({ id: '', ...this.$contact() }),\n      related: this.$contact().dbo.related || {},\n    };\n  });\n\n  // private readonly $userSpaces = signal<\n  // \tReadonly<Record<string, IUserSpaceBrief>> | undefined\n  // >(undefined);\n\n  protected readonly userSpaceBrief = new UserSpaceBriefProvider(\n    this.destroyed$,\n    this.$spaceID,\n    this.userService,\n  );\n\n  public ngOnInit() {\n    this.setContactData(this.$contact().dbo, {\n      name: 'contactType',\n      hasValue: true,\n    });\n    // runInInjectionContext(this.injector, () => {\n    // \teffect(() => {\n    // \t\t// This effect currently does not makes sense\n    // \t\t// as we have different component for different contact types\n    // \t\tconst contact = this.$contact();\n    // \t\tconsole.log('$contact() changed', contact);\n    // \t\tif (this.$wizardStep() === 'contactType') {\n    // \t\t\tif (contact.dbo.type) {\n    // \t\t\t\tthis.onContactTypeChanged();\n    // \t\t\t\tthis.setContactData(contact.dbo, {\n    // \t\t\t\t\tname: 'contactType',\n    // \t\t\t\t\thasValue: true,\n    // \t\t\t\t});\n    // \t\t\t}\n    // \t\t}\n    // \t});\n    // });\n  }\n\n  private readonly formOrder: readonly WizardStepDef[] = [\n    { id: 'contactType' },\n    { id: 'ageGroup' },\n    { id: 'gender' },\n    // relatedAs to current user or a specific contact\n    {\n      id: 'relatedAs',\n      filter: (a) => a.contactType === 'person',\n    },\n    { id: 'name' },\n    {\n      id: 'roles',\n      filter: (a) => a.contactType !== 'animal' && a.spaceType !== 'family',\n    },\n    {\n      id: 'communicationChannels',\n      filter: (a) => a.contactType !== 'animal',\n    },\n    { id: 'submitButton' },\n  ];\n\n  public ngOnChanges(changes: SimpleChanges): void {\n    if (changes['fields']) {\n      this.openNext('contactType');\n    }\n  }\n\n  private setContactData(\n    dbo: IContactBase,\n    changedProp: Readonly<{\n      readonly name: WizardStepID;\n      readonly hasValue: boolean;\n    }>,\n  ): void {\n    this.contactChange.emit({ ...this.$contact(), dbo });\n    if (changedProp.hasValue) {\n      this.openNext(changedProp.name);\n    }\n  }\n\n  protected onNameChanged(name: IPersonNames): void {\n    if (!this.show.nameNext && !isNameEmpty(name)) {\n      this.show = { ...this.show, nameNext: true };\n    }\n    this.setContactData(\n      { ...this.$contact().dbo, names: name },\n      { name: 'name', hasValue: false },\n    );\n  }\n\n  protected onContactChanged(): void {\n    // this.setRelatedPerson(\n    // \t{ ...this.newPerson, petKind },\n    // \t{ name: 'petKind', hasValue: !!petKind },\n    // );\n  }\n\n  protected onGenderChanged(gender?: Gender): void {\n    this.setContactData(\n      { ...this.$contact().dbo, gender },\n      { name: 'gender', hasValue: !!gender },\n    );\n  }\n\n  private onContactTypeChanged(): void {\n    switch (this.$contact().dbo.type) {\n      case 'animal':\n        this.nameFields = {\n          ...this.nameFields,\n          nickName: { hide: false, required: true },\n          firstName: { hide: true },\n          lastName: { hide: true },\n          middleName: { hide: true },\n        };\n        break;\n      case 'person':\n        this.nameFields = {\n          ...this.nameFields,\n          nickName: { hide: true, required: false },\n          firstName: { hide: false },\n          lastName: { hide: false },\n          middleName: { hide: false },\n        };\n        break;\n    }\n  }\n\n  protected onAgeGroupChanged(ageGroup?: AgeGroupID): void {\n    if (ageGroup) {\n      this.show = { ...this.show, ageGroup: this.displayAgeGroupValue };\n    }\n    if (this.$contact().dbo.type !== 'person') {\n      this.setContactData(\n        { ...this.$contact().dbo, type: 'person' },\n        {\n          name: 'contactType',\n          hasValue: true,\n        },\n      );\n      this.onContactTypeChanged();\n    }\n    const relatedPerson: IRelatedPerson = excludeUndefined({\n      ...this.$contact().dbo,\n      ageGroup: ageGroup === 'pet' ? undefined : ageGroup,\n      type: ageGroup === 'pet' ? 'animal' : 'person',\n    });\n    this.setContactData(relatedPerson, {\n      name: 'ageGroup',\n      hasValue: !!ageGroup || this.$contact().dbo.type === 'animal',\n    });\n  }\n\n  protected onEmailsChanged(emails: readonly IEmail[]): void {\n    this.setContactData(\n      { ...this.$contact().dbo, emails: {} },\n      {\n        name: 'communicationChannels',\n        hasValue:\n          !!Object.keys(emails || {})?.length ||\n          !!Object.keys(this.$contact().dbo.phones || {})?.length,\n      },\n    );\n  }\n\n  protected onPhoneChanged(phones: readonly IPhone[]): void {\n    this.setContactData(\n      { ...this.$contact().dbo, phones: {} },\n      {\n        name: 'communicationChannels',\n        hasValue:\n          !!Object.keys(phones || {})?.length ||\n          !!Object.keys(this.$contact().dbo.emails || {})?.length,\n      },\n    );\n  }\n\n  protected onRelatedAsChanged(rolesToTarget: IRelationshipRoles): void {\n    // 'PersonWizardState.onRelatedAsChanged() rolesToTarget=',\n    // rolesToTarget,\n\n    const itemID = this.userSpaceBrief.$userContactID();\n    if (!itemID) {\n      throw new Error('!$userContactID()');\n    }\n\n    const userContactRelatedItem: IRelatedItem = {\n      rolesToItem: rolesToTarget,\n    };\n\n    const related: IRelatedModules = {\n      contactus: {\n        contacts: { [itemID]: userContactRelatedItem },\n      },\n    };\n\n    let contactDbo: IContactBase = {\n      ...this.$contact().dbo,\n      related,\n    };\n\n    if (!this.$contact().dbo.ageGroup) {\n      const relationship = Object.keys(rolesToTarget || []).length\n        ? Object.keys(rolesToTarget)[0]\n        : undefined;\n      contactDbo = {\n        ...this.$contact().dbo,\n        ageGroup:\n          relationship === 'parent' ||\n          relationship === 'spouse' ||\n          relationship === 'partner' ||\n          relationship === 'grandparent'\n            ? 'adult'\n            : 'child',\n      };\n    }\n    this.setContactData(contactDbo, {\n      name: 'relatedAs',\n      hasValue: !!rolesToTarget,\n    });\n  }\n\n  protected nextFromName(event: Event): void {\n    event.stopPropagation();\n\n    if (!this.namesFormComponent) {\n      throw Error('!namesFormComponent');\n    }\n    if (!this.namesFormComponent.namesForm) {\n      throw Error('!namesFormComponent.namesForm');\n    }\n\n    this.namesFormComponent.namesForm.markAllAsTouched();\n    if (!this.namesFormComponent.namesForm.valid) {\n      const errors = this.namesFormComponent?.namesForm.errors;\n      if (errors) {\n        alert(\n          'Problem with names:\\n' +\n            Object.entries(errors)\n              .map((err) => `\\t${err[0]}: ${err[1]}`)\n              .join('\\n'),\n        );\n      }\n      return;\n    }\n    this.openNext('name');\n    this.show = { ...this.show, nameNext: false };\n  }\n\n  private skipStep(step: WizardStepDef): boolean {\n    if (!step.filter) {\n      return false;\n    }\n\n    const { dbo } = this.$contact();\n    const spaceType = this.$spaceType(),\n      contactType = this.$contactType();\n    if (!spaceType || !contactType) {\n      return false;\n    }\n    if (\n      !step?.filter({\n        spaceType: spaceType,\n        contactType: contactType,\n        dbo: dbo,\n      })\n    ) {\n      return false;\n    }\n\n    return false;\n  }\n\n  protected openNext(currentStepID: keyof PersonWizardState): void {\n    for (;;) {\n      const i = this.formOrder.findIndex((step) => step.id === currentStepID);\n      if (i < 0) {\n        // `openNext have not found ${currentStepID} in this.formOrder=${this.formOrder.join(\n        //   ',',\n        // )}`,\n        return;\n      }\n      if (i === this.formOrder.length - 1) {\n        // last element\n        return;\n      }\n      const nextStep = this.formOrder[i + 1];\n      if (this.skipStep(nextStep)) {\n        currentStepID = nextStep.id;\n        continue;\n      }\n\n      if (!this.show[nextStep.id]) {\n        const nextField = this.$fields()[nextStep.id];\n        const showNextField = nextField ? !nextField.hide : true;\n        this.show = { ...this.show, [nextStep.id]: showNextField };\n        if (!showNextField) {\n          this.openNext(nextStep.id);\n        }\n        this.$wizardStep.set(nextStep.id);\n        if (this.stepHasValue(nextStep.id)) {\n          currentStepID = nextStep.id;\n          continue;\n        }\n      }\n      break; // <---------- Exit point\n    }\n    if (this.show.submitButton) {\n      this.isReadyToSubmit = true;\n      this.isReadyToSubmitChange.emit();\n    }\n  }\n\n  private stepHasValue(name: WizardStepID): boolean | undefined {\n    const p = this.$contact().dbo;\n    switch (name) {\n      case 'name':\n        return !!p.names && Object.values(p.names).some((v) => !!v);\n      case 'ageGroup':\n        return !!p.ageGroup;\n      case 'gender':\n        return !!p.gender && p.gender !== 'unknown';\n      case 'relatedAs':\n        return (\n          getRelatedItemIDs(\n            p.related,\n            'contactus',\n            'contacts',\n            this.$contact().space.id,\n          ).length > 0\n        );\n      case 'roles':\n        return !!p.roles?.length;\n    }\n    return undefined;\n  }\n}\n","<!--<h2>Person wizard</h2>-->\n<!--<p>wizardStep: {{ wizardStep }}</p>-->\n<!--<p>fields: {{ fields | json }}</p>-->\n<!--<p>nameFields: {{ nameFields | json }}</p>-->\n<!--<p>show: {{ show | json }};</p>-->\n<!--<p>contact: {{ $contact() | json }}</p>-->\n<!--<p>wizardStep: {{wizardStep}}</p>-->\n\n<p>$wizardStep: {{ $wizardStep() }}</p>\n\n@if (show.ageGroup) {\n  <sneat-age-group-form\n    [spaceType]=\"$contact().space.type\"\n    [hidePetOption]=\"hidePetOption\"\n    [disabled]=\"disabled\"\n    [$ageGroup]=\"$contact().dbo.ageGroup\"\n    (ageGroupChange)=\"onAgeGroupChanged($event)\"\n  />\n}\n\n@if (show.gender) {\n  <ion-card>\n    <sneat-gender-form\n      [disabled]=\"disabled\"\n      [$spaceID]=\"$spaceID()\"\n      [$contactID]=\"undefined\"\n      [$genderID]=\"$contact().dbo.gender\"\n      (genderChange)=\"onGenderChanged($event)\"\n    />\n  </ion-card>\n}\n\n@if (!requires.relatedAs?.hide && show.relatedAs && $contact().space.id) {\n  <sneat-contact-relationship-form\n    [$contactID]=\"''\"\n    [$userSpaceContactID]=\"null\"\n    [isActive]=\"$wizardStep() === 'relatedAs'\"\n    [disabled]=\"disabled\"\n    [$space]=\"$contact().space\"\n    [$relatedTo]=\"$relatedTo()\"\n    [$ageGroup]=\"$contact().dbo.ageGroup\"\n    (relatedAsChange)=\"onRelatedAsChanged($event)\"\n  />\n  <!--[relatedAs]=\"newPerson.related?.relatedAs?.length === 1 ? newPerson.relatedTo?.relatedAs?.[0] : undefined\"-->\n}\n\n@if (show.name) {\n  <ion-card>\n    <sneat-names-form\n      [name]=\"$contact().dbo.names\"\n      [isActive]=\"$wizardStep() === 'name'\"\n      [showNextButton]=\"false\"\n      [fields]=\"nameFields\"\n      (namesChanged)=\"onNameChanged($event)\"\n      [disabled]=\"disabled\"\n      (next)=\"nextFromName($event)\"\n    />\n  </ion-card>\n}\n\n@if (!requires.roles?.hide && show.roles) {\n  <sneat-roles-form\n    [$space]=\"$contact().space\"\n    [isActive]=\"$wizardStep() === 'roles'\"\n    [disabled]=\"disabled\"\n  />\n}\n\n@if (show.communicationChannels) {\n  <ion-segment [(ngModel)]=\"tab\">\n    <ion-segment-button value=\"emails\">Emails</ion-segment-button>\n    <ion-segment-button value=\"phones\">Phones</ion-segment-button>\n  </ion-segment>\n  @switch (tab) {\n    @case (\"emails\") {\n      <sneat-emails-form\n        [hideHeader]=\"true\"\n        [emails]=\"$emails()\"\n        (emailsChange)=\"onEmailsChanged($event)\"\n      />\n    }\n    @case (\"phones\") {\n      <sneat-phones-form\n        [hideHeader]=\"true\"\n        [phones]=\"$phones()\"\n        (phonesChange)=\"onPhoneChanged($event)\"\n      />\n    }\n  }\n}\n\n@if ($wizardStep() === \"communicationChannels\") {\n  <ion-button\n    class=\"ion-margin\"\n    size=\"medium\"\n    [color]=\"show.nameNext ? 'primary' : 'medium'\"\n    (click)=\"openNext($wizardStep())\"\n  >\n    <ion-label>Next</ion-label>\n    <ion-icon name=\"arrow-forward-circle-outline\" slot=\"end\"></ion-icon>\n  </ion-button>\n}\n"]}

package/esm2022/lib/components/contact-forms/pet-kind-and-breed-form/index.js

@@ -0,0 +1,2 @@
+export * from './pet-kind-and-breed-form.component';
+//# sourceMappingURL=index.js.map

package/esm2022/lib/components/contact-forms/pet-kind-and-breed-form/index.js.map

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

package/esm2022/lib/components/contact-forms/pet-kind-and-breed-form/pet-kind-and-breed-form.component.js

@@ -0,0 +1,66 @@
+import { Component, EventEmitter, Output } from '@angular/core';
+import { IonCard, IonItemDivider, IonLabel } from '@ionic/angular/standalone';
+import { ClassName, SelectFromListComponent } from '@sneat/ui';
+import { ContactTypeAnimal } from '@sneat/contactus-core';
+import { EditContactFormBaseComponent } from '../contact-form-base.component';
+import * as i0 from "@angular/core";
+export class PetKindAndBreedFormComponent extends EditContactFormBaseComponent {
+    constructor() {
+        super();
+        this.petKindChange = new EventEmitter();
+        this.breeds = [
+            { id: 'bulldog', title: 'Bulldog' },
+            { id: 'beagle', title: 'Beagle' },
+            { id: 'poodle', title: 'Poodle' },
+            { id: 'golden-retriever', title: 'Golden Retriever' },
+            { id: 'other', title: 'Other' },
+        ];
+        this.petKinds = [
+            { id: 'dog', emoji: '🐕', title: 'Dog' },
+            { id: 'cat', emoji: '🐈', title: 'Cat' },
+            { id: 'amphibian', title: 'Amphibian', emoji: '🐸' },
+            { id: 'bird', emoji: '🐦', title: 'Bird' },
+            { id: 'fish', emoji: '🐠', title: 'Fish' },
+            { id: 'rodent', title: 'Rodent', emoji: '🐹' },
+            // { id: 'mouse', emoji: '🐭', title: 'Mouse' },
+            // { id: 'rat', emoji: '🐁', title: 'Rat' },
+            // { id: 'hamster', emoji: '🐹', title: 'Hamster' },
+            { id: 'horse', emoji: '🐴', title: 'Horse' },
+            { id: 'reptile', title: 'Reptile', emoji: '🐍' },
+            { id: 'turtle', emoji: '🐢', title: 'Turtle' },
+            // { id: 'snake', emoji: '🐍', title: 'Snake' },
+            // { id: 'lizard', emoji: '🦎', title: 'Lizard' },
+            { id: 'other', emoji: '🐾', title: 'Other' },
+        ];
+    }
+    onPetKindChanged(petKind) {
+        const contact = this.$contact();
+        this.contactChange.emit({
+            ...contact,
+            dbo: {
+                ...(contact?.dbo || { type: ContactTypeAnimal }),
+                petKind: petKind,
+                petBreed: petKind ? contact?.dbo?.petBreed : undefined,
+            },
+        });
+    }
+    onPetBreedChanged(petBreed) {
+        const contact = this.$contact();
+        this.contactChange.emit({
+            ...contact,
+            dbo: {
+                ...(contact?.dbo || { type: ContactTypeAnimal }),
+                petBreed,
+            },
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: PetKindAndBreedFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: PetKindAndBreedFormComponent, isStandalone: true, selector: "sneat-pet-kind-and-breed-form", outputs: { petKindChange: "petKindChange" }, providers: [{ provide: ClassName, useValue: 'PetKindAndBreedFormComponent' }], usesInheritance: true, ngImport: i0, template: "@let petKind = $contact().dbo.petKind;\n\n<ion-card>\n  @if (!petKind) {\n    <ion-item-divider color=\"primary\">\n      <ion-label>What kind of an animal is your pet?</ion-label>\n    </ion-item-divider>\n  }\n  <sneat-select-from-list\n    label=\"Pet kind\"\n    [value]=\"petKind\"\n    [items]=\"petKinds\"\n    (valueChange)=\"onPetKindChanged($event)\"\n  />\n\n  @if (petKind === \"dog\") {\n    @if (!$contact().dbo.petBreed) {\n      <ion-item-divider color=\"primary\">\n        <ion-label>What breed is your dog?</ion-label>\n      </ion-item-divider>\n    }\n    <sneat-select-from-list\n      label=\"Breed\"\n      [value]=\"\"\n      [items]=\"breeds\"\n      (valueChange)=\"onPetBreedChanged($event)\"\n    />\n  }\n</ion-card>\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: "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: IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: PetKindAndBreedFormComponent, decorators: [{
+            type: Component,
+            args: [{ imports: [SelectFromListComponent, IonCard, IonItemDivider, IonLabel], selector: 'sneat-pet-kind-and-breed-form', providers: [{ provide: ClassName, useValue: 'PetKindAndBreedFormComponent' }], template: "@let petKind = $contact().dbo.petKind;\n\n<ion-card>\n  @if (!petKind) {\n    <ion-item-divider color=\"primary\">\n      <ion-label>What kind of an animal is your pet?</ion-label>\n    </ion-item-divider>\n  }\n  <sneat-select-from-list\n    label=\"Pet kind\"\n    [value]=\"petKind\"\n    [items]=\"petKinds\"\n    (valueChange)=\"onPetKindChanged($event)\"\n  />\n\n  @if (petKind === \"dog\") {\n    @if (!$contact().dbo.petBreed) {\n      <ion-item-divider color=\"primary\">\n        <ion-label>What breed is your dog?</ion-label>\n      </ion-item-divider>\n    }\n    <sneat-select-from-list\n      label=\"Breed\"\n      [value]=\"\"\n      [items]=\"breeds\"\n      (valueChange)=\"onPetBreedChanged($event)\"\n    />\n  }\n</ion-card>\n" }]
+        }], ctorParameters: () => [], propDecorators: { petKindChange: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=pet-kind-and-breed-form.component.js.map

package/esm2022/lib/components/contact-forms/pet-kind-and-breed-form/pet-kind-and-breed-form.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pet-kind-and-breed-form.component.js","sourceRoot":"","sources":["../../../../../../../../../libs/contactus/shared/src/lib/components/contact-forms/pet-kind-and-breed-form/pet-kind-and-breed-form.component.ts","../../../../../../../../../libs/contactus/shared/src/lib/components/contact-forms/pet-kind-and-breed-form/pet-kind-and-breed-form.component.html"],"names":[],"mappings":"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","sourcesContent":["import { Component, EventEmitter, Output } from '@angular/core';\nimport { IonCard, IonItemDivider, IonLabel } from '@ionic/angular/standalone';\nimport { ClassName, ISelectItem, SelectFromListComponent } from '@sneat/ui';\nimport { ContactTypeAnimal, PetKind } from '@sneat/contactus-core';\nimport { EditContactFormBaseComponent } from '../contact-form-base.component';\n\n@Component({\n  imports: [SelectFromListComponent, IonCard, IonItemDivider, IonLabel],\n  selector: 'sneat-pet-kind-and-breed-form',\n  templateUrl: './pet-kind-and-breed-form.component.html',\n  providers: [{ provide: ClassName, useValue: 'PetKindAndBreedFormComponent' }],\n})\nexport class PetKindAndBreedFormComponent extends EditContactFormBaseComponent {\n  @Output() readonly petKindChange = new EventEmitter<PetKind | undefined>();\n\n  protected breeds: readonly ISelectItem[] = [\n    { id: 'bulldog', title: 'Bulldog' },\n    { id: 'beagle', title: 'Beagle' },\n    { id: 'poodle', title: 'Poodle' },\n    { id: 'golden-retriever', title: 'Golden Retriever' },\n    { id: 'other', title: 'Other' },\n  ];\n\n  protected readonly petKinds: ISelectItem[] = [\n    { id: 'dog', emoji: '🐕', title: 'Dog' },\n    { id: 'cat', emoji: '🐈', title: 'Cat' },\n    { id: 'amphibian', title: 'Amphibian', emoji: '🐸' },\n    { id: 'bird', emoji: '🐦', title: 'Bird' },\n    { id: 'fish', emoji: '🐠', title: 'Fish' },\n    { id: 'rodent', title: 'Rodent', emoji: '🐹' },\n    // { id: 'mouse', emoji: '🐭', title: 'Mouse' },\n    // { id: 'rat', emoji: '🐁', title: 'Rat' },\n    // { id: 'hamster', emoji: '🐹', title: 'Hamster' },\n    { id: 'horse', emoji: '🐴', title: 'Horse' },\n    { id: 'reptile', title: 'Reptile', emoji: '🐍' },\n    { id: 'turtle', emoji: '🐢', title: 'Turtle' },\n    // { id: 'snake', emoji: '🐍', title: 'Snake' },\n    // { id: 'lizard', emoji: '🦎', title: 'Lizard' },\n    { id: 'other', emoji: '🐾', title: 'Other' },\n  ];\n\n  public constructor() {\n    super();\n  }\n\n  protected onPetKindChanged(petKind: string): void {\n    const contact = this.$contact();\n    this.contactChange.emit({\n      ...contact,\n      dbo: {\n        ...(contact?.dbo || { type: ContactTypeAnimal }),\n        petKind: petKind as PetKind,\n        petBreed: petKind ? contact?.dbo?.petBreed : undefined,\n      },\n    });\n  }\n\n  protected onPetBreedChanged(petBreed: string): void {\n    const contact = this.$contact();\n    this.contactChange.emit({\n      ...contact,\n      dbo: {\n        ...(contact?.dbo || { type: ContactTypeAnimal }),\n        petBreed,\n      },\n    });\n  }\n}\n","@let petKind = $contact().dbo.petKind;\n\n<ion-card>\n  @if (!petKind) {\n    <ion-item-divider color=\"primary\">\n      <ion-label>What kind of an animal is your pet?</ion-label>\n    </ion-item-divider>\n  }\n  <sneat-select-from-list\n    label=\"Pet kind\"\n    [value]=\"petKind\"\n    [items]=\"petKinds\"\n    (valueChange)=\"onPetKindChanged($event)\"\n  />\n\n  @if (petKind === \"dog\") {\n    @if (!$contact().dbo.petBreed) {\n      <ion-item-divider color=\"primary\">\n        <ion-label>What breed is your dog?</ion-label>\n      </ion-item-divider>\n    }\n    <sneat-select-from-list\n      label=\"Breed\"\n      [value]=\"\"\n      [items]=\"breeds\"\n      (valueChange)=\"onPetBreedChanged($event)\"\n    />\n  }\n</ion-card>\n"]}

package/esm2022/lib/components/contact-forms/phones-form/index.js

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

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

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