@sumaris-net/ngx-components 2.6.15 → 2.6.17

package/fesm2015/sumaris-net.ngx-components.mjs

@@ -24906,6 +24906,16 @@ class MenuService extends StartableObservableService {
     _markAsClosed() {
         this._$opened.next(false);
     }
+    close() {
+        return __awaiter(this, void 0, void 0, function* () {
+            this._$opened.next(false);
+        });
+    }
+    open() {
+        return __awaiter(this, void 0, void 0, function* () {
+            this._$opened.next(true);
+        });
+    }
     ngOnStart() {
         return __awaiter(this, void 0, void 0, function* () {
             console.info(`${this._logPrefix}Starting...`);
@@ -25306,7 +25316,7 @@ class MenuComponent {
             this._subscription.add(this.menuService.opened
                 // Avoid duplicated events
                 .pipe(distinctUntilChanged())
-                .subscribe((value) => (value ? this.open() : this.close())));
+                .subscribe((value) => (value ? this.open({ emitEvent: false }) : this.close({ emitEvent: false }))));
             // TODO : Find a more reliable way to do this :
             //    Must be donne after menuService subscription :
             //    - In MenuService.ngOnStart accountChanges change will be emitted before the service is ready
@@ -25363,7 +25373,7 @@ class MenuComponent {
             }
         });
     }
-    open() {
+    open(opts) {
         return __awaiter(this, void 0, void 0, function* () {
             console.debug('[menu] Checking open event...');
             const opened = yield this.menu.isOpen(this.menuId);
@@ -25371,12 +25381,14 @@ class MenuComponent {
                 console.debug('[menu] Opening menu');
                 yield this.menu.open(this.menuId);
                 // Propagate to service
-                this.menuService._markAsOpened();
+                if (!opts || opts.emitEvent !== false) {
+                    this.menuService._markAsOpened();
+                }
             }
             return true;
         });
     }
-    close() {
+    close(opts) {
         return __awaiter(this, void 0, void 0, function* () {
             console.debug('[menu] Checking close event...');
             const opened = yield this.menu.isOpen(this.menuId);
@@ -25384,7 +25396,9 @@ class MenuComponent {
                 console.debug('[menu] Closing menu');
                 yield this.menu.close(this.menuId);
                 // Propagate to service
-                this.menuService._markAsClosed();
+                if (!opts || opts.emitEvent !== false) {
+                    this.menuService._markAsClosed();
+                }
             }
             return true;
         });
@@ -31021,7 +31035,9 @@ class AppEditor {
     }
     ngOnInit() {
         if (this.formButtonsBar) {
-            this.registerSubscription(this.formButtonsBar.onBack.subscribe(event => this.goBack(event)));
+            this.registerSubscription(this.formButtonsBar.onBack
+                .pipe(throttleTime(200)) // Avoid to be called twice
+                .subscribe(event => this.goBack(event)));
         }
     }
     ngAfterViewInit() {
@@ -35720,6 +35736,7 @@ class AbstractUserEventService extends BaseGraphqlService {
         this.queries = options.queries;
         this.mutations = options.mutations || {};
         this.subscriptions = options.subscriptions || {};
+        this.watchQueriesUpdatePolicy = options.watchQueriesUpdatePolicy || 'update-cache';
         this._logPrefix = '[user-event-service] ';
     }
     get countSubject() {
@@ -35864,10 +35881,18 @@ class AbstractUserEventService extends BaseGraphqlService {
                 return; // Rejected
             const withContent = !!entity.content;
             // Add user event locally
-            this.insertIntoMutableCachedQueries(this.graphql.cache, {
-                query: withContent ? this.queries.loadAllWithContent : this.queries.loadAll,
-                data: entity
-            });
+            if (this.watchQueriesUpdatePolicy === 'update-cache') {
+                if (withContent) {
+                    this.insertIntoMutableCachedQueries(this.graphql.cache, {
+                        query: this.queries.loadAllWithContent,
+                        data: entity
+                    });
+                }
+                this.insertIntoMutableCachedQueries(this.graphql.cache, {
+                    query: this.queries.loadAll,
+                    data: Object.assign(Object.assign({}, entity), { content: null })
+                });
+            }
             // Update count
             this._countSubject.next(this._countSubject.value + 1);
             // Add id
@@ -35990,16 +36015,14 @@ class AbstractUserEventService extends BaseGraphqlService {
                 variables: {
                     ids
                 },
-                update: (proxy) => {
-                    // Remove from caches
-                    this.removeFromMutableCachedQueriesByIds(proxy, {
-                        query: this.queries.loadAll,
-                        ids
-                    });
-                    this.removeFromMutableCachedQueriesByIds(proxy, {
-                        query: this.queries.loadAllWithContent,
-                        ids
-                    });
+                update: (cache) => {
+                    // Remove from cache
+                    if (this.watchQueriesUpdatePolicy === 'update-cache') {
+                        this.removeFromMutableCachedQueriesByIds(cache, {
+                            queries: this.getLoadQueries(),
+                            ids
+                        });
+                    }
                     if (this._debug)
                         console.debug(`${this._logPrefix}Events deleted in ${Date.now() - now}ms`);
                 }
@@ -36029,13 +36052,13 @@ class AbstractUserEventService extends BaseGraphqlService {
                             console.debug(`${this._logPrefix}User event saved in ${Date.now() - now}ms`, entity);
                         this.copyIdAndUpdateDate(savedEntity, entity);
                         // Add to cache
-                        if (withContent) {
-                            this.insertIntoMutableCachedQueries(proxy, {
-                                query: this.queries.loadAllWithContent,
-                                data: savedEntity
-                            });
-                        }
-                        else {
+                        if (this.watchQueriesUpdatePolicy === 'update-cache') {
+                            if (withContent) {
+                                this.insertIntoMutableCachedQueries(proxy, {
+                                    query: this.queries.loadAllWithContent,
+                                    data: savedEntity
+                                });
+                            }
                             this.insertIntoMutableCachedQueries(proxy, {
                                 query: this.queries.loadAll,
                                 data: Object.assign(Object.assign({}, savedEntity), { content: null })
@@ -36196,6 +36219,9 @@ class AbstractUserEventService extends BaseGraphqlService {
     copyIdAndUpdateDate(source, target) {
         EntityUtils.copyIdAndUpdateDate(source, target);
     }
+    getLoadQueries() {
+        return [this.queries.loadAll, this.queries.loadAllWithContent].filter(isNotNil);
+    }
 }
 AbstractUserEventService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AbstractUserEventService, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
 AbstractUserEventService.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.3.0", type: AbstractUserEventService, usesInheritance: true, ngImport: i0 });
@@ -36582,6 +36608,59 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
                 }]
         }] });
 
+var PersonFilter_1;
+// @dynamic
+let PersonFilter = PersonFilter_1 = class PersonFilter extends EntityFilter {
+    constructor() {
+        super(PersonFilter_1.TYPENAME);
+    }
+    static searchFilter(source) {
+        return source && PersonFilter_1.fromObject(source).asFilterFn();
+    }
+    fromObject(source, opts) {
+        super.fromObject(source, opts);
+        this.email = source.email;
+        this.pubkey = source.pubkey;
+        this.searchText = source.searchText;
+        this.statusIds = source.statusIds || (isNotNil(source.statusId) ? [source.statusId] : undefined);
+        this.userProfiles = source.userProfiles;
+        this.excludedIds = source.excludedIds;
+        this.searchAttribute = source.searchAttribute;
+        this.searchAttributes = source.searchAttributes;
+    }
+    asObject(opts) {
+        const target = super.asObject(opts);
+        target.email = this.email;
+        target.pubkey = this.pubkey;
+        target.searchText = this.searchText;
+        target.statusIds = this.statusIds;
+        target.userProfiles = this.userProfiles;
+        target.excludedIds = this.excludedIds;
+        target.searchAttribute = this.searchAttribute;
+        target.searchAttributes = this.searchAttributes;
+        return target;
+    }
+    buildFilter() {
+        const filterFns = super.buildFilter();
+        // Filter by status
+        if (isNotEmptyArray(this.statusIds)) {
+            filterFns.push(e => this.statusIds.includes(e.statusId));
+        }
+        // Filter excluded ids
+        if (isNotEmptyArray(this.excludedIds)) {
+            filterFns.push(e => isNil(e.id) || !this.excludedIds.includes(e.id));
+        }
+        // Search text
+        const searchTextFilter = EntityUtils.searchTextFilter(this.searchAttribute || this.searchAttributes || ['lastName', 'firstName', 'department.name'], this.searchText);
+        if (searchTextFilter)
+            filterFns.push(searchTextFilter);
+        return filterFns;
+    }
+};
+PersonFilter = PersonFilter_1 = __decorate([
+    EntityClass({ typename: 'PersonFilterVO' })
+], PersonFilter);
+
 const MessageTypes = {
     INBOX_MESSAGE: 'INBOX_MESSAGE',
     EMAIL: 'EMAIL',
@@ -36614,12 +36693,14 @@ let Message = class Message extends Entity {
         this.type = source.type;
         this.issuer = source.issuer && Person.fromObject(source.issuer);
         this.recipients = source.recipients && source.recipients.map(Person.fromObject);
+        this.recipientFilter = source.recipientFilter && PersonFilter.fromObject(source.recipientFilter) || undefined;
         this.subject = source.subject;
         this.body = source.body;
     }
     asObject(opts) {
         const target = super.asObject(opts);
         target.recipients = this.recipients && this.recipients.map(p => p.asObject(opts));
+        target.recipientFilter = this.recipientFilter && this.recipientFilter.asObject(opts) || undefined;
         return target;
     }
 };
@@ -36649,6 +36730,8 @@ class MessageForm extends AppForm {
         this.bodyMaxLength = 2000;
         this.bodyAutoHeight = true;
         this.canSelectType = false;
+        this.canRecipientFilter = false;
+        this.recipientFilterCount = 0;
         this.types = MessageTypeList;
         this.mobile = this.settings.mobile;
     }
@@ -36656,6 +36739,7 @@ class MessageForm extends AppForm {
         this.setForm(this.formBuilder.group({
             type: [MessageTypes.INBOX_MESSAGE, Validators.required],
             recipients: [null, Validators.required],
+            recipientFilter: [null],
             subject: [
                 null,
                 this.subjectMaxLength
@@ -36664,6 +36748,11 @@ class MessageForm extends AppForm {
             ],
             body: [null, this.bodyMaxLength ? Validators.compose([Validators.maxLength(this.bodyMaxLength)]) : Validators.required],
         }));
+        this.registerSubscription(this._form
+            .get('type')
+            .valueChanges.pipe(filter(isNotNil))
+            .subscribe((type) => this.updateFormGroup(this._form, { type })));
+        // Person combo
         const personAttributes = this.settings.getFieldDisplayAttributes('person', ['lastName', 'firstName', 'department.name']);
         this.registerAutocompleteField('recipients', {
             showAllOnFocus: false,
@@ -36681,15 +36770,53 @@ class MessageForm extends AppForm {
     isSamePerson(o1, o2) {
         return EntityUtils.equals(o1, o2, 'id');
     }
+    updateFormGroup(formGroup, opts) {
+        console.debug('[message-form] Updating form group...', opts);
+        // Recipient validator
+        const recipientsRequired = toBoolean(opts === null || opts === void 0 ? void 0 : opts.recipientRequired, (opts === null || opts === void 0 ? void 0 : opts.type) !== MessageTypes.FEED);
+        {
+            const control = formGroup.get('recipients');
+            if (recipientsRequired) {
+                if (!control.hasValidator(Validators.required)) {
+                    control.addValidators(Validators.required);
+                }
+                control.enable();
+            }
+            else {
+                if (control.hasValidator(Validators.required)) {
+                    control.removeValidators(Validators.required);
+                }
+                control.disable();
+            }
+        }
+        // Recipient filter validator
+        const recipientFilterRequired = this.canRecipientFilter && !recipientsRequired;
+        {
+            const control = formGroup.get('recipientFilter');
+            if (recipientFilterRequired) {
+                if (!control.hasValidator(Validators.required)) {
+                    control.addValidators(Validators.required);
+                }
+                control.enable();
+            }
+            else {
+                if (control.hasValidator(Validators.required)) {
+                    control.removeValidators(Validators.required);
+                }
+                control.disable();
+            }
+        }
+        formGroup.updateValueAndValidity();
+    }
     markForCheck() {
         this.cd.markForCheck();
     }
 }
 MessageForm.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: MessageForm, deps: [{ token: i0.Injector }, { token: i1$2.UntypedFormBuilder }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-MessageForm.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: MessageForm, selector: "app-message-form", inputs: { suggestFn: "suggestFn", subjectMinLength: "subjectMinLength", subjectMaxLength: "subjectMaxLength", bodyMaxLength: "bodyMaxLength", bodyAutoHeight: "bodyAutoHeight", canSelectType: "canSelectType" }, usesInheritance: true, ngImport: i0, template: "\n\n<form [formGroup]=\"form\" class=\"form-container\">\n\n  <!-- type -->\n  <mat-form-field *ngIf=\"canSelectType\">\n    <mat-select formControlName=\"type\" [placeholder]=\"'SOCIAL.MESSAGE.TYPE'|translate\">\n      <mat-option *ngFor=\"let item of types\" [value]=\"item.id\">\n        <ion-icon [name]=\"item.icon\"></ion-icon>\n        {{ item.label |translate }}\n      </mat-option>\n    </mat-select>\n  </mat-form-field>\n\n  <!-- Recipients -->\n  <mat-chips-field *ngIf=\"(form.controls.type.valueChanges|async) !== 'FEED'\"\n                   formControlName=\"recipients\"\n                   chipColor=\"accent\"\n                   [placeholder]=\"'SOCIAL.MESSAGE.RECIPIENTS'|translate\"\n                   [config]=\"autocompleteFields.recipients\"\n                   [equals]=\"isSamePerson\">\n  </mat-chips-field>\n\n  <!-- Subject -->\n  <mat-form-field>\n    <input matInput type=\"text\"\n           [placeholder]=\"'SOCIAL.MESSAGE.SUBJECT'|translate\"\n           formControlName=\"subject\"\n           autocomplete=\"off\"\n           required>\n    <mat-error *ngIf=\"form.controls.subject.hasError('required')\" translate>ERROR.FIELD_REQUIRED</mat-error>\n    <mat-error *ngIf=\"form.controls.subject.hasError('minlength')\">\n      {{ 'ERROR.FIELD_MIN_LENGTH_COMPACT'|translate }}\n    </mat-error>\n    <mat-error *ngIf=\"form.controls.subject.hasError('maxlength')\">\n      {{ 'ERROR.FIELD_MAX_LENGTH_COMPACT'|translate }}\n    </mat-error>\n    <mat-hint *ngIf=\"subjectMaxLength\" align=\"end\">\n      {{ 'INFO.TEXT_PROGRESS' | translate: { current: form.controls.subject.value?.length || 0, max: subjectMaxLength } }}\n    </mat-hint>\n  </mat-form-field>\n\n  <!-- Body -->\n  <mat-form-field floatLabel=\"never\">\n    <textarea matInput type=\"text\"\n              [placeholder]=\"'SOCIAL.MESSAGE.BODY_HELP'|translate\"\n              formControlName=\"body\"\n              [class.fixed-height]=\"!bodyAutoHeight\"\n              [cdkTextareaAutosize]=\"bodyAutoHeight\"\n              (keydown.control.enter)=\"doSubmit($event)\"\n    >\n    </textarea>\n    <mat-error *ngIf=\"form.controls.body.hasError('maxlength')\">\n      {{ 'ERROR.FIELD_MAX_LENGTH' | translate: form.controls.body.errors.maxlength }}\n    </mat-error>\n    <mat-hint *ngIf=\"bodyMaxLength\" align=\"end\">\n      {{ 'INFO.TEXT_PROGRESS' | translate: { current: form.controls.body.value?.length || 0, max: bodyMaxLength } }}\n    </mat-hint>\n  </mat-form-field>\n\n</form>\n", styles: ["textarea.fixed-height{height:11.5em}textarea{min-height:11.5em}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i6$1.MatError, selector: "mat-error", inputs: ["id"] }, { kind: "component", type: i6$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i6$1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i4.CdkTextareaAutosize, selector: "textarea[cdkTextareaAutosize]", inputs: ["cdkAutosizeMinRows", "cdkAutosizeMaxRows", "cdkTextareaAutosize", "placeholder"], exportAs: ["cdkTextareaAutosize"] }, { kind: "directive", type: i7.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i12.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i2$2.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: MatChipsField, selector: "mat-chips-field", inputs: ["equals", "logPrefix", "formControl", "formControlName", "floatLabel", "appearance", "placeholder", "suggestFn", "required", "mobile", "readonly", "clearable", "debounceTime", "displayWith", "displayAttributes", "displayColumnSizes", "displayColumnNames", "highlightAccent", "showAllOnFocus", "showPanelOnFocus", "autofocus", "config", "i18nPrefix", "noResultMessage", "class", "panelWidth", "matAutocompletePosition", "itemSize", "fetchMoreThreshold", "suggestLengthThreshold", "showLoadingSpinner", "chipColor", "debug", "filter", "tabindex", "items"], outputs: ["click", "blur", "focus", "dropButtonClick", "keydown.escape", "keyup.enter"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+MessageForm.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: MessageForm, selector: "app-message-form", inputs: { suggestFn: "suggestFn", subjectMinLength: "subjectMinLength", subjectMaxLength: "subjectMaxLength", bodyMaxLength: "bodyMaxLength", bodyAutoHeight: "bodyAutoHeight", canSelectType: "canSelectType", canRecipientFilter: "canRecipientFilter", recipientFilterCount: "recipientFilterCount" }, usesInheritance: true, ngImport: i0, template: "\n\n<form [formGroup]=\"form\" class=\"form-container\">\n\n  <!-- type -->\n  <mat-form-field *ngIf=\"canSelectType\">\n    <mat-select formControlName=\"type\" [placeholder]=\"'SOCIAL.MESSAGE.TYPE'|translate\">\n      <ng-container *ngFor=\"let item of types\">\n        <mat-option [value]=\"item.id\" *ngIf=\"item.id !== 'FEED' || canRecipientFilter\">\n          <ion-icon [name]=\"item.icon\"></ion-icon>\n          {{ item.label |translate }}\n        </mat-option>\n      </ng-container>\n    </mat-select>\n  </mat-form-field>\n\n  <!-- Recipients -->\n  <mat-chips-field *ngIf=\"(form.controls.type.valueChanges|async) !== 'FEED'; else recipientFilter\"\n                   formControlName=\"recipients\"\n                   chipColor=\"accent\"\n                   [placeholder]=\"'SOCIAL.MESSAGE.RECIPIENTS'|translate\"\n                   [config]=\"autocompleteFields.recipients\"\n                   [equals]=\"isSamePerson\">\n  </mat-chips-field>\n  <ng-template #recipientFilter>\n    <mat-form-field>\n      <mat-chip-list>\n        <mat-chip>{{'SOCIAL.MESSAGE.RECIPIENT_FILTER_COUNT'|translate: {count: recipientFilterCount} }}</mat-chip>\n      </mat-chip-list>\n      <input matInput hidden type=\"number\">\n    </mat-form-field>\n  </ng-template>\n\n  <!-- Subject -->\n  <mat-form-field>\n    <input matInput type=\"text\"\n           [placeholder]=\"'SOCIAL.MESSAGE.SUBJECT'|translate\"\n           formControlName=\"subject\"\n           autocomplete=\"off\"\n           required>\n    <mat-error *ngIf=\"form.controls.subject.hasError('required')\" translate>ERROR.FIELD_REQUIRED</mat-error>\n    <mat-error *ngIf=\"form.controls.subject.hasError('minlength')\">\n      {{ 'ERROR.FIELD_MIN_LENGTH_COMPACT'|translate }}\n    </mat-error>\n    <mat-error *ngIf=\"form.controls.subject.hasError('maxlength')\">\n      {{ 'ERROR.FIELD_MAX_LENGTH_COMPACT'|translate }}\n    </mat-error>\n    <mat-hint *ngIf=\"subjectMaxLength\" align=\"end\">\n      {{ 'INFO.TEXT_PROGRESS' | translate: { current: form.controls.subject.value?.length || 0, max: subjectMaxLength } }}\n    </mat-hint>\n  </mat-form-field>\n\n  <!-- Body -->\n  <mat-form-field floatLabel=\"never\">\n    <textarea matInput type=\"text\"\n              [placeholder]=\"'SOCIAL.MESSAGE.BODY_HELP'|translate\"\n              formControlName=\"body\"\n              [class.fixed-height]=\"!bodyAutoHeight\"\n              [cdkTextareaAutosize]=\"bodyAutoHeight\"\n              (keydown.control.enter)=\"doSubmit($event)\"\n    >\n    </textarea>\n    <mat-error *ngIf=\"form.controls.body.hasError('maxlength')\">\n      {{ 'ERROR.FIELD_MAX_LENGTH' | translate: form.controls.body.errors.maxlength }}\n    </mat-error>\n    <mat-hint *ngIf=\"bodyMaxLength\" align=\"end\">\n      {{ 'INFO.TEXT_PROGRESS' | translate: { current: form.controls.body.value?.length || 0, max: bodyMaxLength } }}\n    </mat-hint>\n  </mat-form-field>\n\n</form>\n", styles: ["textarea.fixed-height{height:11.5em}textarea{min-height:11.5em}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i6$1.MatError, selector: "mat-error", inputs: ["id"] }, { kind: "component", type: i6$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i6$1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i4.CdkTextareaAutosize, selector: "textarea[cdkTextareaAutosize]", inputs: ["cdkAutosizeMinRows", "cdkAutosizeMaxRows", "cdkTextareaAutosize", "placeholder"], exportAs: ["cdkTextareaAutosize"] }, { kind: "directive", type: i7.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i12.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i2$2.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: MatChipsField, selector: "mat-chips-field", inputs: ["equals", "logPrefix", "formControl", "formControlName", "floatLabel", "appearance", "placeholder", "suggestFn", "required", "mobile", "readonly", "clearable", "debounceTime", "displayWith", "displayAttributes", "displayColumnSizes", "displayColumnNames", "highlightAccent", "showAllOnFocus", "showPanelOnFocus", "autofocus", "config", "i18nPrefix", "noResultMessage", "class", "panelWidth", "matAutocompletePosition", "itemSize", "fetchMoreThreshold", "suggestLengthThreshold", "showLoadingSpinner", "chipColor", "debug", "filter", "tabindex", "items"], outputs: ["click", "blur", "focus", "dropButtonClick", "keydown.escape", "keyup.enter"] }, { kind: "component", type: i11$1.MatChipList, selector: "mat-chip-list", inputs: ["role", "aria-describedby", "errorStateMatcher", "multiple", "compareWith", "value", "required", "placeholder", "disabled", "aria-orientation", "selectable", "tabIndex"], outputs: ["change", "valueChange"], exportAs: ["matChipList"] }, { kind: "directive", type: i11$1.MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["color", "disableRipple", "tabIndex", "role", "selected", "value", "selectable", "disabled", "removable"], outputs: ["selectionChange", "destroyed", "removed"], exportAs: ["matChip"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: MessageForm, decorators: [{
             type: Component,
-            args: [{ selector: 'app-message-form', changeDetection: ChangeDetectionStrategy.OnPush, template: "\n\n<form [formGroup]=\"form\" class=\"form-container\">\n\n  <!-- type -->\n  <mat-form-field *ngIf=\"canSelectType\">\n    <mat-select formControlName=\"type\" [placeholder]=\"'SOCIAL.MESSAGE.TYPE'|translate\">\n      <mat-option *ngFor=\"let item of types\" [value]=\"item.id\">\n        <ion-icon [name]=\"item.icon\"></ion-icon>\n        {{ item.label |translate }}\n      </mat-option>\n    </mat-select>\n  </mat-form-field>\n\n  <!-- Recipients -->\n  <mat-chips-field *ngIf=\"(form.controls.type.valueChanges|async) !== 'FEED'\"\n                   formControlName=\"recipients\"\n                   chipColor=\"accent\"\n                   [placeholder]=\"'SOCIAL.MESSAGE.RECIPIENTS'|translate\"\n                   [config]=\"autocompleteFields.recipients\"\n                   [equals]=\"isSamePerson\">\n  </mat-chips-field>\n\n  <!-- Subject -->\n  <mat-form-field>\n    <input matInput type=\"text\"\n           [placeholder]=\"'SOCIAL.MESSAGE.SUBJECT'|translate\"\n           formControlName=\"subject\"\n           autocomplete=\"off\"\n           required>\n    <mat-error *ngIf=\"form.controls.subject.hasError('required')\" translate>ERROR.FIELD_REQUIRED</mat-error>\n    <mat-error *ngIf=\"form.controls.subject.hasError('minlength')\">\n      {{ 'ERROR.FIELD_MIN_LENGTH_COMPACT'|translate }}\n    </mat-error>\n    <mat-error *ngIf=\"form.controls.subject.hasError('maxlength')\">\n      {{ 'ERROR.FIELD_MAX_LENGTH_COMPACT'|translate }}\n    </mat-error>\n    <mat-hint *ngIf=\"subjectMaxLength\" align=\"end\">\n      {{ 'INFO.TEXT_PROGRESS' | translate: { current: form.controls.subject.value?.length || 0, max: subjectMaxLength } }}\n    </mat-hint>\n  </mat-form-field>\n\n  <!-- Body -->\n  <mat-form-field floatLabel=\"never\">\n    <textarea matInput type=\"text\"\n              [placeholder]=\"'SOCIAL.MESSAGE.BODY_HELP'|translate\"\n              formControlName=\"body\"\n              [class.fixed-height]=\"!bodyAutoHeight\"\n              [cdkTextareaAutosize]=\"bodyAutoHeight\"\n              (keydown.control.enter)=\"doSubmit($event)\"\n    >\n    </textarea>\n    <mat-error *ngIf=\"form.controls.body.hasError('maxlength')\">\n      {{ 'ERROR.FIELD_MAX_LENGTH' | translate: form.controls.body.errors.maxlength }}\n    </mat-error>\n    <mat-hint *ngIf=\"bodyMaxLength\" align=\"end\">\n      {{ 'INFO.TEXT_PROGRESS' | translate: { current: form.controls.body.value?.length || 0, max: bodyMaxLength } }}\n    </mat-hint>\n  </mat-form-field>\n\n</form>\n", styles: ["textarea.fixed-height{height:11.5em}textarea{min-height:11.5em}\n"] }]
+            args: [{ selector: 'app-message-form', changeDetection: ChangeDetectionStrategy.OnPush, template: "\n\n<form [formGroup]=\"form\" class=\"form-container\">\n\n  <!-- type -->\n  <mat-form-field *ngIf=\"canSelectType\">\n    <mat-select formControlName=\"type\" [placeholder]=\"'SOCIAL.MESSAGE.TYPE'|translate\">\n      <ng-container *ngFor=\"let item of types\">\n        <mat-option [value]=\"item.id\" *ngIf=\"item.id !== 'FEED' || canRecipientFilter\">\n          <ion-icon [name]=\"item.icon\"></ion-icon>\n          {{ item.label |translate }}\n        </mat-option>\n      </ng-container>\n    </mat-select>\n  </mat-form-field>\n\n  <!-- Recipients -->\n  <mat-chips-field *ngIf=\"(form.controls.type.valueChanges|async) !== 'FEED'; else recipientFilter\"\n                   formControlName=\"recipients\"\n                   chipColor=\"accent\"\n                   [placeholder]=\"'SOCIAL.MESSAGE.RECIPIENTS'|translate\"\n                   [config]=\"autocompleteFields.recipients\"\n                   [equals]=\"isSamePerson\">\n  </mat-chips-field>\n  <ng-template #recipientFilter>\n    <mat-form-field>\n      <mat-chip-list>\n        <mat-chip>{{'SOCIAL.MESSAGE.RECIPIENT_FILTER_COUNT'|translate: {count: recipientFilterCount} }}</mat-chip>\n      </mat-chip-list>\n      <input matInput hidden type=\"number\">\n    </mat-form-field>\n  </ng-template>\n\n  <!-- Subject -->\n  <mat-form-field>\n    <input matInput type=\"text\"\n           [placeholder]=\"'SOCIAL.MESSAGE.SUBJECT'|translate\"\n           formControlName=\"subject\"\n           autocomplete=\"off\"\n           required>\n    <mat-error *ngIf=\"form.controls.subject.hasError('required')\" translate>ERROR.FIELD_REQUIRED</mat-error>\n    <mat-error *ngIf=\"form.controls.subject.hasError('minlength')\">\n      {{ 'ERROR.FIELD_MIN_LENGTH_COMPACT'|translate }}\n    </mat-error>\n    <mat-error *ngIf=\"form.controls.subject.hasError('maxlength')\">\n      {{ 'ERROR.FIELD_MAX_LENGTH_COMPACT'|translate }}\n    </mat-error>\n    <mat-hint *ngIf=\"subjectMaxLength\" align=\"end\">\n      {{ 'INFO.TEXT_PROGRESS' | translate: { current: form.controls.subject.value?.length || 0, max: subjectMaxLength } }}\n    </mat-hint>\n  </mat-form-field>\n\n  <!-- Body -->\n  <mat-form-field floatLabel=\"never\">\n    <textarea matInput type=\"text\"\n              [placeholder]=\"'SOCIAL.MESSAGE.BODY_HELP'|translate\"\n              formControlName=\"body\"\n              [class.fixed-height]=\"!bodyAutoHeight\"\n              [cdkTextareaAutosize]=\"bodyAutoHeight\"\n              (keydown.control.enter)=\"doSubmit($event)\"\n    >\n    </textarea>\n    <mat-error *ngIf=\"form.controls.body.hasError('maxlength')\">\n      {{ 'ERROR.FIELD_MAX_LENGTH' | translate: form.controls.body.errors.maxlength }}\n    </mat-error>\n    <mat-hint *ngIf=\"bodyMaxLength\" align=\"end\">\n      {{ 'INFO.TEXT_PROGRESS' | translate: { current: form.controls.body.value?.length || 0, max: bodyMaxLength } }}\n    </mat-hint>\n  </mat-form-field>\n\n</form>\n", styles: ["textarea.fixed-height{height:11.5em}textarea{min-height:11.5em}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.Injector }, { type: i1$2.UntypedFormBuilder }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { suggestFn: [{
                 type: Input
             }], subjectMinLength: [{
@@ -36702,6 +36829,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
                 type: Input
             }], canSelectType: [{
                 type: Input
+            }], canRecipientFilter: [{
+                type: Input
+            }], recipientFilterCount: [{
+                type: Input
             }] } });
 
 class MessageModal {
@@ -36774,16 +36905,20 @@ class MessageModal {
     }
 }
 MessageModal.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: MessageModal, deps: [{ token: LocalSettingsService }, { token: i2$1.ModalController }, { token: AccountService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-MessageModal.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: MessageModal, selector: "app-message-modal", inputs: { suggestFn: "suggestFn", data: "data", canSelectType: "canSelectType" }, viewQueries: [{ propertyName: "form", first: true, predicate: ["form"], descendants: true, static: true }], ngImport: i0, template: "<ion-header>\n  <ion-toolbar color=\"secondary\">\n    <ion-buttons slot=\"start\">\n      <ion-button class=\"back-button\" (click)=\"cancel($event)\" visible-xs visible-sm visible-mobile>\n        <ion-icon slot=\"icon-only\" name=\"arrow-back\"></ion-icon>\n      </ion-button>\n    </ion-buttons>\n\n    <ion-title>\n      {{'SOCIAL.MESSAGE.NEW.TITLE' | translate}}\n    </ion-title>\n\n    <ion-buttons slot=\"end\">\n\n      <ion-button class=\"back-button\" (click)=\"doSubmit($event)\"\n                  [disabled]=\"!form.valid\"\n                  visible-xs visible-sm visible-mobile>\n        <ion-icon slot=\"icon-only\" name=\"checkmark\"></ion-icon>\n      </ion-button>\n    </ion-buttons>\n  </ion-toolbar>\n</ion-header>\n\n\n<ion-content class=\"ion-padding\" >\n\n  <ion-item *ngIf=\"form.error\" visible-xs visible-sm visible-mobile lines=\"none\">\n    <ion-icon color=\"danger\" slot=\"start\" name=\"alert-circle\"></ion-icon>\n    <ion-label color=\"danger\" class=\"error\" [innerHTML]=\"form.error|translate\"></ion-label>\n  </ion-item>\n\n  <app-message-form #form (onSubmit)=\"doSubmit($event)\"\n                    (onCancel)=\"cancel($event)\"\n                    [canSelectType]=\"canSelectType\"\n                    [suggestFn]=\"suggestFn\">\n  </app-message-form>\n\n</ion-content>\n\n\n<ion-footer hidden-xs hidden-sm hidden-mobile>\n\n  <ion-toolbar>\n\n    <ion-row class=\"ion-no-padding\" nowrap>\n      <ion-col></ion-col>\n\n      <!-- buttons -->\n      <ion-col size=\"auto\">\n        <ion-button fill=\"clear\" color=\"dark\" (click)=\"cancel($event)\">\n          <ion-label translate>COMMON.BTN_CANCEL</ion-label>\n        </ion-button>\n\n        <ion-button [fill]=\"form.invalid ? 'clear' : 'solid'\"\n                    [disabled]=\"form.loading || form.invalid\"\n                    (keyup.enter)=\"doSubmit($event)\"\n                    (click)=\"doSubmit($event)\" color=\"tertiary\">\n          <ion-label translate>COMMON.BTN_SEND</ion-label>\n        </ion-button>\n      </ion-col>\n    </ion-row>\n\n\n  </ion-toolbar>\n</ion-footer>\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$1.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: i2$1.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i2$1.IonCol, selector: "ion-col", inputs: ["offset", "offsetLg", "offsetMd", "offsetSm", "offsetXl", "offsetXs", "pull", "pullLg", "pullMd", "pullSm", "pullXl", "pullXs", "push", "pushLg", "pushMd", "pushSm", "pushXl", "pushXs", "size", "sizeLg", "sizeMd", "sizeSm", "sizeXl", "sizeXs"] }, { kind: "component", type: i2$1.IonContent, selector: "ion-content", inputs: ["color", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i2$1.IonFooter, selector: "ion-footer", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i2$1.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i2$1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i2$1.IonItem, selector: "ion-item", inputs: ["button", "color", "counter", "counterFormatter", "detail", "detailIcon", "disabled", "download", "fill", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "shape", "target", "type"] }, { kind: "component", type: i2$1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i2$1.IonRow, selector: "ion-row" }, { kind: "component", type: i2$1.IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: i2$1.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: MessageForm, selector: "app-message-form", inputs: ["suggestFn", "subjectMinLength", "subjectMaxLength", "bodyMaxLength", "bodyAutoHeight", "canSelectType"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+MessageModal.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: MessageModal, selector: "app-message-modal", inputs: { suggestFn: "suggestFn", data: "data", canSelectType: "canSelectType", canRecipientFilter: "canRecipientFilter", recipientFilterCount: "recipientFilterCount" }, viewQueries: [{ propertyName: "form", first: true, predicate: ["form"], descendants: true, static: true }], ngImport: i0, template: "<ion-header>\n  <ion-toolbar color=\"secondary\">\n    <ion-buttons slot=\"start\">\n      <ion-button class=\"back-button\" (click)=\"cancel($event)\" visible-xs visible-sm visible-mobile>\n        <ion-icon slot=\"icon-only\" name=\"arrow-back\"></ion-icon>\n      </ion-button>\n    </ion-buttons>\n\n    <ion-title>\n      {{'SOCIAL.MESSAGE.NEW.TITLE' | translate}}\n    </ion-title>\n\n    <ion-buttons slot=\"end\">\n\n      <ion-button class=\"back-button\" (click)=\"doSubmit($event)\"\n                  [disabled]=\"!form.valid\"\n                  visible-xs visible-sm visible-mobile>\n        <ion-icon slot=\"icon-only\" name=\"checkmark\"></ion-icon>\n      </ion-button>\n    </ion-buttons>\n  </ion-toolbar>\n</ion-header>\n\n\n<ion-content class=\"ion-padding\" >\n\n  <ion-item *ngIf=\"form.error\" visible-xs visible-sm visible-mobile lines=\"none\">\n    <ion-icon color=\"danger\" slot=\"start\" name=\"alert-circle\"></ion-icon>\n    <ion-label color=\"danger\" class=\"error\" [innerHTML]=\"form.error|translate\"></ion-label>\n  </ion-item>\n\n  <app-message-form #form (onSubmit)=\"doSubmit($event)\"\n                    (onCancel)=\"cancel($event)\"\n                    [canSelectType]=\"canSelectType\"\n                    [canRecipientFilter]=\"canRecipientFilter\"\n                    [recipientFilterCount]=\"recipientFilterCount\"\n                    [suggestFn]=\"suggestFn\">\n  </app-message-form>\n\n</ion-content>\n\n\n<ion-footer hidden-xs hidden-sm hidden-mobile>\n\n  <ion-toolbar>\n\n    <ion-row class=\"ion-no-padding\" nowrap>\n      <ion-col></ion-col>\n\n      <!-- buttons -->\n      <ion-col size=\"auto\">\n        <ion-button fill=\"clear\" color=\"dark\" (click)=\"cancel($event)\">\n          <ion-label translate>COMMON.BTN_CANCEL</ion-label>\n        </ion-button>\n\n        <ion-button [fill]=\"form.invalid ? 'clear' : 'solid'\"\n                    [disabled]=\"form.loading || form.invalid\"\n                    (keyup.enter)=\"doSubmit($event)\"\n                    (click)=\"doSubmit($event)\" color=\"tertiary\">\n          <ion-label translate>COMMON.BTN_SEND</ion-label>\n        </ion-button>\n      </ion-col>\n    </ion-row>\n\n\n  </ion-toolbar>\n</ion-footer>\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$1.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: i2$1.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i2$1.IonCol, selector: "ion-col", inputs: ["offset", "offsetLg", "offsetMd", "offsetSm", "offsetXl", "offsetXs", "pull", "pullLg", "pullMd", "pullSm", "pullXl", "pullXs", "push", "pushLg", "pushMd", "pushSm", "pushXl", "pushXs", "size", "sizeLg", "sizeMd", "sizeSm", "sizeXl", "sizeXs"] }, { kind: "component", type: i2$1.IonContent, selector: "ion-content", inputs: ["color", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i2$1.IonFooter, selector: "ion-footer", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i2$1.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i2$1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i2$1.IonItem, selector: "ion-item", inputs: ["button", "color", "counter", "counterFormatter", "detail", "detailIcon", "disabled", "download", "fill", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "shape", "target", "type"] }, { kind: "component", type: i2$1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i2$1.IonRow, selector: "ion-row" }, { kind: "component", type: i2$1.IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: i2$1.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: MessageForm, selector: "app-message-form", inputs: ["suggestFn", "subjectMinLength", "subjectMaxLength", "bodyMaxLength", "bodyAutoHeight", "canSelectType", "canRecipientFilter", "recipientFilterCount"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: MessageModal, decorators: [{
             type: Component,
-            args: [{ selector: 'app-message-modal', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ion-header>\n  <ion-toolbar color=\"secondary\">\n    <ion-buttons slot=\"start\">\n      <ion-button class=\"back-button\" (click)=\"cancel($event)\" visible-xs visible-sm visible-mobile>\n        <ion-icon slot=\"icon-only\" name=\"arrow-back\"></ion-icon>\n      </ion-button>\n    </ion-buttons>\n\n    <ion-title>\n      {{'SOCIAL.MESSAGE.NEW.TITLE' | translate}}\n    </ion-title>\n\n    <ion-buttons slot=\"end\">\n\n      <ion-button class=\"back-button\" (click)=\"doSubmit($event)\"\n                  [disabled]=\"!form.valid\"\n                  visible-xs visible-sm visible-mobile>\n        <ion-icon slot=\"icon-only\" name=\"checkmark\"></ion-icon>\n      </ion-button>\n    </ion-buttons>\n  </ion-toolbar>\n</ion-header>\n\n\n<ion-content class=\"ion-padding\" >\n\n  <ion-item *ngIf=\"form.error\" visible-xs visible-sm visible-mobile lines=\"none\">\n    <ion-icon color=\"danger\" slot=\"start\" name=\"alert-circle\"></ion-icon>\n    <ion-label color=\"danger\" class=\"error\" [innerHTML]=\"form.error|translate\"></ion-label>\n  </ion-item>\n\n  <app-message-form #form (onSubmit)=\"doSubmit($event)\"\n                    (onCancel)=\"cancel($event)\"\n                    [canSelectType]=\"canSelectType\"\n                    [suggestFn]=\"suggestFn\">\n  </app-message-form>\n\n</ion-content>\n\n\n<ion-footer hidden-xs hidden-sm hidden-mobile>\n\n  <ion-toolbar>\n\n    <ion-row class=\"ion-no-padding\" nowrap>\n      <ion-col></ion-col>\n\n      <!-- buttons -->\n      <ion-col size=\"auto\">\n        <ion-button fill=\"clear\" color=\"dark\" (click)=\"cancel($event)\">\n          <ion-label translate>COMMON.BTN_CANCEL</ion-label>\n        </ion-button>\n\n        <ion-button [fill]=\"form.invalid ? 'clear' : 'solid'\"\n                    [disabled]=\"form.loading || form.invalid\"\n                    (keyup.enter)=\"doSubmit($event)\"\n                    (click)=\"doSubmit($event)\" color=\"tertiary\">\n          <ion-label translate>COMMON.BTN_SEND</ion-label>\n        </ion-button>\n      </ion-col>\n    </ion-row>\n\n\n  </ion-toolbar>\n</ion-footer>\n" }]
+            args: [{ selector: 'app-message-modal', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ion-header>\n  <ion-toolbar color=\"secondary\">\n    <ion-buttons slot=\"start\">\n      <ion-button class=\"back-button\" (click)=\"cancel($event)\" visible-xs visible-sm visible-mobile>\n        <ion-icon slot=\"icon-only\" name=\"arrow-back\"></ion-icon>\n      </ion-button>\n    </ion-buttons>\n\n    <ion-title>\n      {{'SOCIAL.MESSAGE.NEW.TITLE' | translate}}\n    </ion-title>\n\n    <ion-buttons slot=\"end\">\n\n      <ion-button class=\"back-button\" (click)=\"doSubmit($event)\"\n                  [disabled]=\"!form.valid\"\n                  visible-xs visible-sm visible-mobile>\n        <ion-icon slot=\"icon-only\" name=\"checkmark\"></ion-icon>\n      </ion-button>\n    </ion-buttons>\n  </ion-toolbar>\n</ion-header>\n\n\n<ion-content class=\"ion-padding\" >\n\n  <ion-item *ngIf=\"form.error\" visible-xs visible-sm visible-mobile lines=\"none\">\n    <ion-icon color=\"danger\" slot=\"start\" name=\"alert-circle\"></ion-icon>\n    <ion-label color=\"danger\" class=\"error\" [innerHTML]=\"form.error|translate\"></ion-label>\n  </ion-item>\n\n  <app-message-form #form (onSubmit)=\"doSubmit($event)\"\n                    (onCancel)=\"cancel($event)\"\n                    [canSelectType]=\"canSelectType\"\n                    [canRecipientFilter]=\"canRecipientFilter\"\n                    [recipientFilterCount]=\"recipientFilterCount\"\n                    [suggestFn]=\"suggestFn\">\n  </app-message-form>\n\n</ion-content>\n\n\n<ion-footer hidden-xs hidden-sm hidden-mobile>\n\n  <ion-toolbar>\n\n    <ion-row class=\"ion-no-padding\" nowrap>\n      <ion-col></ion-col>\n\n      <!-- buttons -->\n      <ion-col size=\"auto\">\n        <ion-button fill=\"clear\" color=\"dark\" (click)=\"cancel($event)\">\n          <ion-label translate>COMMON.BTN_CANCEL</ion-label>\n        </ion-button>\n\n        <ion-button [fill]=\"form.invalid ? 'clear' : 'solid'\"\n                    [disabled]=\"form.loading || form.invalid\"\n                    (keyup.enter)=\"doSubmit($event)\"\n                    (click)=\"doSubmit($event)\" color=\"tertiary\">\n          <ion-label translate>COMMON.BTN_SEND</ion-label>\n        </ion-button>\n      </ion-col>\n    </ion-row>\n\n\n  </ion-toolbar>\n</ion-footer>\n" }]
         }], ctorParameters: function () { return [{ type: LocalSettingsService }, { type: i2$1.ModalController }, { type: AccountService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { suggestFn: [{
                 type: Input
             }], data: [{
                 type: Input
             }], canSelectType: [{
                 type: Input
+            }], canRecipientFilter: [{
+                type: Input
+            }], recipientFilterCount: [{
+                type: Input
             }], form: [{
                 type: ViewChild,
                 args: ['form', { static: true }]
@@ -36792,28 +36927,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
 class MessageModule {
 }
 MessageModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: MessageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-MessageModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: MessageModule, declarations: [MessageModal,
-        MessageForm], imports: [CommonModule,
-        CoreModule,
-        SharedModule], exports: [MessageModal] });
-MessageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: MessageModule, imports: [CommonModule,
-        CoreModule,
-        SharedModule] });
+MessageModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: MessageModule, declarations: [MessageModal, MessageForm], imports: [CommonModule, CoreModule, SharedModule, MatChipsModule], exports: [MessageModal] });
+MessageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: MessageModule, imports: [CommonModule, CoreModule, SharedModule, MatChipsModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: MessageModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [
-                        CommonModule,
-                        CoreModule,
-                        SharedModule
-                    ],
-                    declarations: [
-                        MessageModal,
-                        MessageForm
-                    ],
-                    exports: [
-                        MessageModal
-                    ]
+                    imports: [CommonModule, CoreModule, SharedModule, MatChipsModule],
+                    declarations: [MessageModal, MessageForm],
+                    exports: [MessageModal],
                 }]
         }] });
 
@@ -37300,9 +37421,9 @@ class MessageService extends BaseGraphqlService {
             // On dismiss
             const { data } = yield modal.onDidDismiss();
             if (!data || !(data instanceof Message))
-                return; // CANCELLED
+                return true; // CANCELLED
             // Send message
-            yield this.send(data, { showToast: options === null || options === void 0 ? void 0 : options.showToast });
+            return yield this.send(data, { showToast: options === null || options === void 0 ? void 0 : options.showToast });
         });
     }
     /* -- protected methods -- */
@@ -37326,59 +37447,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
                     }] }];
     } });
 
-var PersonFilter_1;
-// @dynamic
-let PersonFilter = PersonFilter_1 = class PersonFilter extends EntityFilter {
-    constructor() {
-        super(PersonFilter_1.TYPENAME);
-    }
-    static searchFilter(source) {
-        return source && PersonFilter_1.fromObject(source).asFilterFn();
-    }
-    fromObject(source, opts) {
-        super.fromObject(source, opts);
-        this.email = source.email;
-        this.pubkey = source.pubkey;
-        this.searchText = source.searchText;
-        this.statusIds = source.statusIds || (isNotNil(source.statusId) ? [source.statusId] : undefined);
-        this.userProfiles = source.userProfiles;
-        this.excludedIds = source.excludedIds;
-        this.searchAttribute = source.searchAttribute;
-        this.searchAttributes = source.searchAttributes;
-    }
-    asObject(opts) {
-        const target = super.asObject(opts);
-        target.email = this.email;
-        target.pubkey = this.pubkey;
-        target.searchText = this.searchText;
-        target.statusIds = this.statusIds;
-        target.userProfiles = this.userProfiles;
-        target.excludedIds = this.excludedIds;
-        target.searchAttribute = this.searchAttribute;
-        target.searchAttributes = this.searchAttributes;
-        return target;
-    }
-    buildFilter() {
-        const filterFns = super.buildFilter();
-        // Filter by status
-        if (isNotEmptyArray(this.statusIds)) {
-            filterFns.push(e => this.statusIds.includes(e.statusId));
-        }
-        // Filter excluded ids
-        if (isNotEmptyArray(this.excludedIds)) {
-            filterFns.push(e => isNil(e.id) || !this.excludedIds.includes(e.id));
-        }
-        // Search text
-        const searchTextFilter = EntityUtils.searchTextFilter(this.searchAttribute || this.searchAttributes || ['lastName', 'firstName', 'department.name'], this.searchText);
-        if (searchTextFilter)
-            filterFns.push(searchTextFilter);
-        return filterFns;
-    }
-};
-PersonFilter = PersonFilter_1 = __decorate([
-    EntityClass({ typename: 'PersonFilterVO' })
-], PersonFilter);
-
 const PersonFragments = {
     person: gql `
     fragment PersonFragment on PersonVO {
@@ -37715,11 +37783,16 @@ class UsersPage extends AppTable {
                 target.department = (_a = p.department) === null || _a === void 0 ? void 0 : _a.asObject();
                 return target;
             });
+            const recipientFilter = PersonFilter.fromObject(this.filter);
+            const canRecipientFilter = !recipientFilter.isEmpty() && (this.accountService.isAdmin() || this.accountService.isSupervisor());
             return this.messageService.openComposeModal({
                 suggestFn: (value, filter, sortBy, sortDirection) => this.dataService.suggest(value, filter, sortBy, sortDirection),
-                data: {
+                canRecipientFilter,
+                recipientFilterCount: this.totalRowCount,
+                data: Message.fromObject({
                     recipients,
-                },
+                    recipientFilter,
+                }),
             });
         });
     }