@bizdoc/core 1.13.12 → 1.13.13

package/src/lib/home/options/options.component.ts

@@ -1,95 +0,0 @@
-import { Component, OnDestroy, OnInit } from '@angular/core';
-import { MatDialog } from '@angular/material/dialog';
-import { Subject } from 'rxjs';
-import { takeUntil, startWith } from 'rxjs/operators';
-import { HubConnectionState } from '@microsoft/signalr';
-import { AvailabilityState, Guide } from '../../core/models';
-import { SessionService } from '../../core/session.service';
-import { OptionsService } from "../../options/options.service";
-import { PromptService } from '../../core/prompt.service';
-import { GuideService } from '../../core/guide/guide.service';
-import { HubService } from '../../core/hub.service';
-import { AboutDialog } from '../about/about.dialog';
-import { PopupRef } from "../../core/popup/popup-ref";
-import { Theme } from '../../core/configuration';
-
-@Component({
-  selector: 'bizdoc-quick-options',
-  templateUrl: './options.component.html',
-  styleUrls: ['./options.component.scss'],
-})
-/** options component*/
-export class QuickOptionsComponent implements OnInit, OnDestroy {
-  readonly name: string;
-  readonly by: string;
-  online: boolean;
-  theme: string;
-  available: AvailabilityState;
-  readonly languages: string[];
-  readonly themes = this._session.Themes;
-  readonly guides: Guide[];
-  readonly modes = ['Offline', 'Online', 'OutOfOffice', 'Vacation', 'WorkingHome'] as AvailabilityState[];
-  guidesCount: number;
-  currentLanguage: string;
-  private readonly _destroy = new Subject<void>();
-  /** options ctor */
-  constructor(private _ps: PromptService,
-    private _guide: GuideService,
-    private _options: OptionsService,
-    private _popupRef: PopupRef<QuickOptionsComponent>,
-    private _hub: HubService,
-    private _session: SessionService,
-    private _dialog: MatDialog) {
-    this.guides = this._guide.guides.filter(g => g.mode !== 'Private');
-    this.languages = this._session.languages;
-    this.currentLanguage = this._session.language;
-    this.available = this._session.state;
-    this.theme = this._session.theme.name;
-    this.name = this._session.profile.name;
-    this.by = this._session.profile.byName;
-  }
-  ngOnInit(): void {
-    this._hub.state$.pipe(startWith(this._hub.state), takeUntil(this._destroy)).subscribe(s =>
-      this.online = s === HubConnectionState.Connected
-    );
-    if (!this._session.isImpersonating) {
-      this.guidesCount = this.guides.filter(w => w.mode === 'Eager').length || null;
-    }
-  }
-  revive() {
-    this._hub.start();
-  }
-  about() {
-    this._close();
-    this._dialog.open(AboutDialog);
-  }
-  guide(guide: string) {
-    this._close();
-    this._guide.start(guide);
-  }
-  private _close() {
-    this._popupRef.close();
-  }
-
-  setAvailable(val: AvailabilityState) {
-    this._close();
-    this._session.state = val;
-  }
-  changeTheme(name: Theme) {
-    this._session.theme = name;
-    this._close();
-  }
-  changeLanguage(code: string) {
-    this._session.language = code;
-    this._ps.mask('Refreshing');
-    location.reload();
-  }
-  options() {
-    this._close();
-    this._options.open();
-  }
-  ngOnDestroy(): void {
-    this._destroy.next();
-    this._destroy.complete();
-  }
-}

package/src/lib/home/outofoffice/outofoffice.component.html

@@ -1,5 +0,0 @@
-<div class="mat-body" *ngIf="substitute">
-  <span [innerHTML]="'OutOfOfficeOn'|translate:substitute.name|sanitizeHtml"></span>
-  <button mat-stroked-button (click)="options()" color="warn">{{'ChangeOptions'|translate}}</button>
-  <button mat-icon-button (click)="dismiss()" [bizdocTooltip]="'Dismiss'|translate"><mat-icon>close</mat-icon></button>
-</div>

package/src/lib/home/outofoffice/outofoffice.component.scss

@@ -1,10 +0,0 @@
-div {
-  flex-direction: row;
-  box-sizing: border-box;
-  display: flex;
-  align-items: center;
-
-  span {
-    flex: 1 1 auto;
-  }
-}

package/src/lib/home/outofoffice/outofoffice.component.ts

@@ -1,33 +0,0 @@
-import { Component, Inject } from "@angular/core";
-import { MAT_SNACK_BAR_DATA, MatSnackBarRef } from "@angular/material/snack-bar";
-import { OptionsService } from "../../options/options.service";
-import { UserInfo } from '../../core/models';
-import { AccountService } from '../../core/account.service';
-
-@Component({
-  selector: 'bizdoc-outofoffice',
-  templateUrl: './outofoffice.component.html',
-  styleUrls: ['./outofoffice.component.scss']
-})
-/** */
-export class OutOfOfficeToast {
-  substitute: UserInfo;
-  constructor(private _service: OptionsService,
-    private _accounts: AccountService,
-    @Inject(MAT_SNACK_BAR_DATA) data: OutOfOfficeData,
-    private _ref: MatSnackBarRef<OutOfOfficeToast>) {
-    this._accounts.get(data.substituteId).subscribe(u => 
-    this.substitute = u
-    );
-  }
-  options() {
-    this._service.open('outofoffice');
-    this.dismiss();
-  }
-  dismiss() {
-    this._ref.dismiss();
-  }
-}
-export interface OutOfOfficeData {
-  substituteId: string;
-}

package/src/lib/home/progress-bar.directive.exp.ts

@@ -1,24 +0,0 @@
-import { Directive, ElementRef, Renderer2, Inject } from '@angular/core';
-import { AppHttpInterceptor } from '../core/http.interceptor';
-import { debounceTime } from 'rxjs/operators';
-import { HttpInterceptor, HTTP_INTERCEPTORS } from '@angular/common/http';
-
-/** See core/http.interceptor */
-@Directive({ selector: '[appProgressBar]' })
-export class ProgressBarDiective {
-  constructor(private _element: ElementRef, private _renderer: Renderer2, @Inject(HTTP_INTERCEPTORS) interceptors: HttpInterceptor[]) {
-    const interceptor = interceptors.find(i => i instanceof AppHttpInterceptor) as AppHttpInterceptor;
-    interceptor.active$.pipe(debounceTime(100)).subscribe(a => {
-      if (a)
-        this._simulate();
-      else
-        this._stop();
-    });
-  }
-  private _simulate(): any {
-    this._renderer.addClass(this._element.nativeElement, 'loading');
-  }
-  private _stop() {
-    this._renderer.removeClass(this._element.nativeElement, 'loading');
-  }
-}

package/src/lib/home/search.service.ts

@@ -1,87 +0,0 @@
-import { Injectable } from '@angular/core';
-import { SessionService } from '../core/session.service';
-import { TranslateService } from '../core/translate.service';
-import { MailboxService } from '../core/mailbox.service';
-import { GuideService } from '../core/guide/guide.service';
-import { Form } from '../core/models';
-import { CubeService } from '../cube/cube.service';
-@Injectable()
-export class SearchService {
-  constructor(private _guide: GuideService,
-    private _session: SessionService,
-    private _mailbox: MailboxService,
-    private _cube: CubeService,
-    private _translate: TranslateService) {
-  }
-  search(value: string): Index[] {
-    const profile = this._session.profile;
-    const xs: Index[] = [];
-    let form: Form;
-    if (value === '' || !value)
-      this._mailbox.findAll({ type: 'recent' }, { take: 5 }).subscribe(r => r.forEach(i => {
-        if (!form || form.name !== i.formId)
-          form = this._session.profile.forms.find(f => f.name === i.formId);
-        xs.push({ path: `mailbox/i/${i.id.encodeId()}`, title: `#${i.number}`, section: form.title, icon: form.icon })
-      }));
-    else if (value) {
-      const val = value.toLowerCase();
-      profile.cubes.forEach(c => c.views.forEach(v => {
-        if (v.title.toLowerCase().indexOf(val) > -1)
-          xs.push({ path: `cube/${c.name}/v/${v.name}`, title: v.title, section: c.title, icon: c.icon });
-      }));
-      profile.reports.forEach(r => {
-        if (r.title.toLowerCase().indexOf(val) > -1)
-          xs.push({ path: `reports/${r.name}`, title: r.title, section: this._translate.get('Reports'), icon: r.icon })
-      });
-      profile.utilities.forEach(u => {
-        if (u.title.toLowerCase().indexOf(val) > -1)
-          xs.push({ path: `admin/utilities/${u.name}`, title: u.title, section: this._translate.get('Utilities'), icon: u.icon })
-      });
-      profile.options.tags &&
-        profile.options.tags.forEach(t => {
-          if (t.toLowerCase().indexOf(val) > -1)
-            xs.push({ path: `mailbox/f?tag=${t}`, title: t, section: this._translate.get('Tags'), icon: 'bookmark' })
-        });
-      //profile.contacts.forEach()
-      //this._guide.guides.forEach(g => {
-      //  if (g.mode !== 'Private' && g.title.toLowerCase().indexOf(value) > -1)
-      //    xs.push({ fn: this._guide.start, args: [g.name], title: g.title, section: this._translate.get('Guides'), icon: 'help' })
-      //});
-      this._mailbox.senders(value).subscribe(r => r.forEach(s =>
-        xs.push({ path: `mailbox/f/ib?senderId=${s.id}`, title: s.name, section: this._translate.get('Senders'), icon: 'recent_actors' })
-      ));
-      const today = new Date();
-      this._mailbox.events(today, new Date(today.valueOf() + 604800000), value).
-        subscribe(r => r.forEach(e =>
-          xs.push({ path: `schedule?&date=${new Date(e.starting).valueOf().encodeId()}`, title: e.title, section: this._translate.get('Events'), icon: 'date_range' })
-        ));
-      this._mailbox.findAll({ contains: value }, { take: 5 }).subscribe(ms =>
-        ms.forEach(m => {
-          if (!form || form.name !== m.formId)
-            form = this._session.profile.forms.find(f => f.name === m.formId);
-          xs.push({ path: `mailbox/i/${m.id.encodeId()}`, title: `#${m.number}`, section: form.title, icon: form.icon });
-        })
-      );
-      this._cube.search(value, { take: 10 }).subscribe(cs =>
-        cs.forEach(r => {
-          const cube = this._session.profile.cubes.find(c => c.name === r.cube),
-            axis = cube.axes.find(a => a.name === r.axis);
-          xs.push({
-            path: `cube/${r.cube}/explore?${r.axis}=${encodeURIComponent(r.key)}`,
-            title: `${axis.title} ${r.value}`, section: cube.title, icon: cube.icon
-          });
-
-        })
-      );
-    }
-    return xs;
-  }
-}
-export interface Index {
-  path?: string;
-  title: string;
-  section: string;
-  icon?: string;
-  //  fn?: any;
-  //  args?: any[];
-}

package/src/lib/home/sign/sign.component.html

@@ -1,15 +0,0 @@
-<mat-nav-list role="list">
-  <mat-list-item role="listitem" (click)="impersonate()">
-    <mat-icon matListIcon>
-        admin_panel_settings
-    </mat-icon>
-    <h4 matLine>{{'Impersonate' | translate}}</h4>
-  </mat-list-item>
-  <mat-divider></mat-divider>
-  <mat-list-item role="listitem" (click)="signOut()">
-    <mat-icon matListIcon>
-        power_settings_new
-    </mat-icon>
-    <h4 matLine>{{'SignOut' | translate}}</h4>
-  </mat-list-item>
-</mat-nav-list>

package/src/lib/home/sign/sign.component.ts

@@ -1,42 +0,0 @@
-import { Component } from '@angular/core';
-import { MatDialog } from '@angular/material/dialog';
-import { ImpersonateDialog } from '../../impersonate/impersonate.component';
-import { PromptService } from '../../core/prompt.service';
-import { PopupRef } from "../../core/popup/popup-ref";
-import { AuthenticationImpl } from '../../core/authentication';
-
-@Component({
-  templateUrl: './sign.component.html',
-})
-/** sign component*/
-export class QuickSignComponent {
-  /** options ctor */
-  constructor(private _ps: PromptService,
-    private _auth: AuthenticationImpl,
-    private _dialog: MatDialog,
-    private _popupRef: PopupRef<QuickSignComponent>) {
-  }
-  signOut() {
-    this._popupRef.close();
-    const task = () => {
-      this._ps.mask('Goodbye');
-      location.assign('/');
-    };
-    this._ps.ask('SignOutAsk', 'SignOut', { ok: 'Yes', cancel: 'No' }).subscribe(ok => {
-      if (ok) {
-        if (this._auth.signOut) this._auth.signOut().
-          then(task);
-        else task();
-      }
-    });
-  }
-  impersonate() {
-    this._popupRef.close();
-    this._dialog.open(ImpersonateDialog, { closeOnNavigation: true }).afterClosed().subscribe(ok => {
-      if (ok) {
-        this._ps.mask('Refreshing');
-        location.replace('/');
-      }
-    });
-  }
-}

package/src/lib/home/submenu.directive.exp.ts

@@ -1,43 +0,0 @@
-import { Directive, ElementRef, Injectable, Input, OnDestroy, OnInit } from "@angular/core";
-import { Subject, takeUntil } from "rxjs";
-import { PanesRouter } from "../core/slots/router.service";
-import { NavigationSelected, NavigationStart, ParamNavigation } from "../core/slots/pane-ref";
-
-@Injectable({ providedIn: 'root' })
-export
-  class SubmenuService {
-  readonly navigate = new Subject();
-}
-
-@Directive({ selector: 'submenuLink' })
-export class SubmenuLinkDirective implements OnInit, OnDestroy {
-    constructor(
-        private _element: ElementRef<HTMLElement>,
-        private _slotsRouter: PanesRouter,
-        private _service: SubmenuService
-    ) { }
-    private readonly _destroy = new Subject<void>();
-    ngOnInit(): void {
-        this._slotsRouter.events.pipe(takeUntil(this._destroy)).subscribe(e => {
-            if ((e instanceof NavigationStart || e instanceof ParamNavigation || e instanceof NavigationSelected))
-                this._toggle(e.pane.path.startsWith(this.path));
-        });
-        this._element.nativeElement.addEventListener('mouseenter', this._navigate.bind(this));
-    }
-    private _navigate() {
-        this._service.navigate.next(this.path);
-    }
-    private _toggle(mode: boolean) {
-        if (mode)
-            this._element.nativeElement.classList.add(this.active);
-        else
-            this._element.nativeElement.classList.remove(this.active);
-    }
-    @Input('submenuLink') path: string;
-    @Input('submenuLinkActive') active?: string = 'active';
-    ngOnDestroy(): void {
-        this._element.nativeElement.removeEventListener('mouseenter', this._navigate.bind(this));
-        this._destroy.next();
-        this._destroy.complete();
-    }
-}

package/src/lib/home/tools.component.html

@@ -1,27 +0,0 @@
-<input type="text"
-       [@search]="searching"
-       (@search.done)="searching && focus()"
-       #input
-       (keydown.escape)="collapse($event)"
-       [attr.aria-label]="'Search'|translate"
-       [formControl]="search"
-       [matAutocomplete]="auto" class="search-box">
-<mat-autocomplete autoActiveFirstOption #auto="matAutocomplete" (optionSelected)="goto($event)" [displayWith]="displayWith">
-  <mat-option *ngFor="let option of results | async" [value]="option">
-    <ng-container *ngIf="option.section">
-      {{option.section}}
-      <mat-icon class="mat-icon-rtl-mirror" style="margin: 0;">chevron_right</mat-icon>
-    </ng-container>
-    {{option.title}}
-  </mat-option>
-</mat-autocomplete>
-<button mat-icon-button (click)="open($event)" [bizdocTooltip]="'Search'|translate" class="tool"><mat-icon>search</mat-icon></button>
-<button mat-icon-button (click)="notifs($event)" [bizdocTooltip]="'Notifications'|translate" bizdocTooltipPosition="start" class="tool"
-        [attr.aria-label]="'Notifications'| translate"
-        data-help="notifications">
-  <mat-icon matListIcon [matBadge]="profile.notificationsCount" [matBadgeHidden]="!profile.notificationsCount"
-            matBadgeColor="accent"
-            [class.filled]="profile.notificationsCount">
-    {{profile.options.notifications.active ? 'notifications':'notifications_off'}}
-  </mat-icon>
-</button>

package/src/lib/home/tools.component.scss

@@ -1,15 +0,0 @@
-:host {
-  padding-right: 8px;
-  padding-left: 8px;
-  /*  opacity: .1;
-
-  &:hover {
-    opacity: 1
-  }
-*/
-}
-
-input {
-  /*width: 300px;*/
-  font-size: large;
-}

package/src/lib/home/tools.component.ts

@@ -1,72 +0,0 @@
-import { ElementRef } from '@angular/core';
-import { ViewChild } from '@angular/core';
-import { Component, OnInit } from '@angular/core';
-import { FormControl } from '@angular/forms';
-import { MatAutocompleteSelectedEvent, MatAutocompleteTrigger } from '@angular/material/autocomplete';
-import { filter, map } from 'rxjs';
-import { Observable } from 'rxjs';
-import { searchAnimation } from '../core/animations';
-import { OpenPolicy } from '../core/configuration';
-import { isString } from '../core/functions';
-import { Profile } from '../core/models';
-import { Popup } from '../core/popup/popup.service';
-import { SessionService } from '../core/session.service';
-import { PanesRouter } from '../core/slots/router.service';
-import { QuickNotificationsComponent } from './notifications/notifications.component';
-import { Index, SearchService } from './search.service';
-
-/**
- * Desktop home component
- * */
-@Component({
-  selector: 'bizdoc-quicktools',
-  templateUrl: 'tools.component.html',
-  styleUrls: ['tools.component.scss'],
-  animations: [searchAnimation]
-})
-export class QuickToolsComponent implements OnInit {
-  @ViewChild('input') input: ElementRef<HTMLInputElement>;
-  @ViewChild('input', { read: MatAutocompleteTrigger }) trigger: MatAutocompleteTrigger;
-  profile: Profile;
-  readonly search = new FormControl();
-  results: Observable<Index[]>;
-  constructor(
-    private _popup: Popup,
-    private _session: SessionService,
-    private _service: SearchService,
-    private _router: PanesRouter,
-  ) {
-    this.profile = _session.profile;
-  }
-  ngOnInit(): void {
-    this.results = this.search.valueChanges.pipe(filter(v => isString(v)), map(v => this._service.search(v)));
-  }
-  notifs(evt: Event) {
-    this.profile.notifications.length &&
-      this._session.notificationsTouch();
-    this._popup.open(QuickNotificationsComponent, evt.srcElement as HTMLElement, { position: 'start' });
-  }
-  searching = false;
-  open(evt: Event) {
-    if (this.searching) this.collapse(evt);
-    else {
-      this.searching = true;
-    }
-  }
-  collapse(evt: Event) {
-    this.searching = false;
-    this.trigger.closePanel();
-    evt.stopPropagation();
-  }
-  focus() {
-    this.input.nativeElement.focus();
-    this.search.setValue('');
-    setTimeout(()=> this.trigger.openPanel(), 200);
-  }
-  displayWith = _ => null;
-  goto(evt: MatAutocompleteSelectedEvent) {
-    const { path } = evt.option.value as Index;
-    this._router.navigate([path], { policy: OpenPolicy.Clear });
-    this.searching = false;
-  }
-}

package/src/lib/home/welcome/welcome.dialog.exp.ts

@@ -1,35 +0,0 @@
-import { Component } from "@angular/core";
-import { MatDialogRef } from "@angular/material/dialog";
-import { SessionService } from "../../core/session.service";
-import { GuideService } from "../../core/guide/guide.service";
-import { GuideStep } from "../../core/models";
-import { FormControl } from "@angular/forms";
-const WELCOME_GUIDE_NAME = 'welcome';
-@Component({
-  selector: 'bizdoc-welcome',
-  templateUrl: './welcome.dialog.html'
-})
-export class WelcomeDialog {
-  name: string;
-  hide = new FormControl(true);
-  constructor(dialogRef: MatDialogRef<WelcomeDialog>, private _session: SessionService,
-    private _guide: GuideService) {
-    this.name = _session.profile.name;
-    dialogRef.afterClosed().subscribe(() => {
-      if (this.hide.value)
-        _session.guide(WELCOME_GUIDE_NAME);
-    });
-  }
-  start() {
-    const steps: GuideStep[] = [
-      { selector: '[tourAnchor=compose]', content: 'ComposeHelp', title: 'Compose' },
-      { selector: '[tourAnchor=quicknotif]', content: 'NotificationsHelp', title: 'Notifications' },
-      { selector: '[tourAnchor=chat]', content: 'ChatHelp', title: 'Chat' },
-      { navigate: 'mailbox/f/ib', selector: '[tourAnchor=folder]', content: 'MailboxHelp', title: 'Mailbox' },
-      { navigate: 'dashboard', selector: '[tourAnchor=dashboard]', content: 'DashboardHelp', title: 'Dashboard' }
-    ];
-    if (this._session.profile.cubes.length)
-      steps.push({ navigate: `cube/${this._session.profile.cubes[0].name}/${this._session.profile.cubes[0].views[0].name}`, selector: '[tourAnchor=cube]', content: 'CubeHelp', title: 'Cube' });
-    this._guide.start({name: 'welcome', steps });
-  }
-}

package/src/lib/home/welcome/welcome.dialog.html

@@ -1,14 +0,0 @@
-<h2 mat-dialog-title style="display:flex;flex-direction:row">
-  {{'Welcome' | translate}}
-  <span class="divider"></span>
-  <button mat-icon-button mat-dialog-close [bizdocTooltip]="'Close' | translate"><mat-icon>close</mat-icon></button>
-</h2>
-<mat-dialog-content class="mat-body-1">
-  <div [innerHTML]="'WelcomeMsg'|translate : name |sanitizeHtml"></div>
-  <br />
-</mat-dialog-content>
-<mat-dialog-actions style="display:flex;flex-direction:row">
-  <mat-checkbox [formControl]="hide"> {{'WelcomeHide' | translate}}</mat-checkbox>
-  <span class="divider"></span>
-  <button mat-button mat-dialog-close cdkFocusInitial color="accent" (click)="start()">{{'StartTour' | translate}}</button>
-</mat-dialog-actions>

package/src/lib/impersonate/impersonate.component.html

@@ -1,17 +0,0 @@
-<h2 mat-dialog-title>{{'Impersonate' | translate}}</h2>
-<mat-dialog-content>
-  <p class="mat-body-1">{{'ImpersonateHelp' | translate}}</p>
-  <mat-form-field>
-    <input matInput type="search" [matAutocomplete]="auto" [placeholder]="'Associate' | translate" required [formControl]="username"  />
-    <mat-autocomplete #auto="matAutocomplete" [displayWith]="display"
-                      (optionSelected)="change($event)">
-      <mat-option *ngFor="let u of users$ | async" [value]="u">
-        <span>{{u.name}}</span>
-      </mat-option>
-    </mat-autocomplete>
-  </mat-form-field>
-</mat-dialog-content>
-<mat-dialog-actions>
-  <button mat-raised-button (click)="go()" [disabled]="!item || logging" color="primary">{{'Login' | translate}}</button>
-  <button mat-button [mat-dialog-close]>{{'Cancel' | translate }}</button>
-</mat-dialog-actions>

package/src/lib/impersonate/impersonate.component.scss

@@ -1,3 +0,0 @@
-.mat-form-field {
-  width: 100%
-}

package/src/lib/impersonate/impersonate.component.spec.ts

@@ -1,24 +0,0 @@
-import { TestBed, async, ComponentFixture, ComponentFixtureAutoDetect } from '@angular/core/testing';
-import { BrowserModule, By } from "@angular/platform-browser";
-import { ImpersonateDialog } from './impersonate.component';
-
-let component: ImpersonateDialog;
-let fixture: ComponentFixture<ImpersonateDialog>;
-
-describe('impersonate component', () => {
-    beforeEach(async(() => {
-        TestBed.configureTestingModule({
-            declarations: [ ImpersonateDialog ],
-            imports: [ BrowserModule ],
-            providers: [
-                { provide: ComponentFixtureAutoDetect, useValue: true }
-            ]
-        });
-        fixture = TestBed.createComponent(ImpersonateDialog);
-        component = fixture.componentInstance;
-    }));
-
-    it('should do something', async(() => {
-        expect(true).toEqual(true);
-    }));
-});

package/src/lib/impersonate/impersonate.component.ts

@@ -1,60 +0,0 @@
-import { Component, OnDestroy } from '@angular/core';
-import { FormControl, Validators } from '@angular/forms';
-import { MatDialogRef } from '@angular/material/dialog';
-import { MatAutocompleteSelectedEvent } from '@angular/material/autocomplete';
-import { ENTER } from '@angular/cdk/keycodes';
-import { of, Subject } from 'rxjs';
-import { debounceTime, filter, map, shareReplay, switchMap, takeUntil } from 'rxjs/operators';
-import { UserInfo } from '../core/models';
-import { SessionService } from '../core/session.service';
-import { PromptService } from '../core/prompt.service';
-import { isString } from '../core/functions';
-
-@Component({
-  selector: 'bizdoc-impersonate',
-  templateUrl: './impersonate.component.html',
-  styleUrls: ['./impersonate.component.scss']
-})
-/** impersonate component*/
-export class ImpersonateDialog implements OnDestroy {
-  readonly username = new FormControl(null, Validators.required);
-  private readonly _destroy = new Subject<void>();
-
-  private readonly _me = this._session.userId;
-
-  readonly users$ = this.username.valueChanges.pipe(debounceTime(250), takeUntil(this._destroy), switchMap(v =>
-    isString(v) ? this._session.mayImpersonate(v).pipe(
-      map(us => {
-        const name = v.toLowerCase();
-        return us.
-          filter(u => u.name.toLowerCase().indexOf(name) > -1 && u.id !== this._me);
-      })) : of([])));
-  logging = false;
-  item?: UserInfo;
-  /** impersonate ctor */
-  constructor(private _sb: PromptService, private _session: SessionService, private _dialogRef: MatDialogRef<ImpersonateDialog>) {
-    _dialogRef.keydownEvents().pipe(takeUntil(this._destroy), filter(k => k.keyCode === ENTER)).
-      subscribe(() =>
-        this.item && this.go());
-  }
-  go() {
-    this.logging = true;
-    this._session.impersonate(this.item.id).subscribe(() => {
-      this.logging = false;
-      this._dialogRef.close(true);
-    }, () => {
-      this.logging = false;
-      this._sb.error()
-    });
-  }
-  display(item: UserInfo) {
-    return item ? item.name : null;
-  }
-  change(evt: MatAutocompleteSelectedEvent) {
-    this.item = evt.option.value as UserInfo;
-  }
-  ngOnDestroy(): void {
-    this._destroy.next();
-    this._destroy.complete();
-  }
-}