chore: do not use mapTos variants

this change looks forward to rxjs v8
for more info see ReactiveX/rxjs#6399

src/app/api/local-memory/data/product-categories-data.local-memory-api.service.ts

@@ -7,7 +7,7 @@
 
 import { Injectable } from '@angular/core';
 import { Observable, of, throwError } from 'rxjs';
-import { mapTo, tap } from 'rxjs/operators';
+import { map, tap } from 'rxjs/operators';
 import { ProductCategory } from 'src/models/entities/ProductCategory';
 import { matchesDateProperty, matchesIdProperty, matchesNumberProperty, matchesStringProperty } from '../entity-data.local-memory-api.functions';
 import { MOCK_PRODUCT_CATEGORIES } from '../mock/mock-product-categories.datasource';
@@ -38,7 +38,7 @@ export class ProductCategoriesDataLocalMemoryApiService
         ) :
         of()
       ).pipe(
-        mapTo(void 0),
+        map(() => void 0),
         tap(() => this.items.push(item))
       );
   }

src/app/api/local-memory/data/product-lists-data.local-memory-api.service.ts

@@ -7,7 +7,7 @@
 
 import { Inject, Injectable } from '@angular/core';
 import { from, Observable, of, throwError } from 'rxjs';
-import { mapTo, switchMap, tap, toArray } from 'rxjs/operators';
+import { switchMap, tap, toArray } from 'rxjs/operators';
 import { paginateItems } from 'src/functions/paginateItems';
 import { DataPage } from 'src/models/DataPage';
 import { Product } from 'src/models/entities/Product';
@@ -96,7 +96,7 @@ export class ProductListsDataLocalMemoryApiService
           fullListContents.add(p);
           list.totalCount = fullListContents.size;
         }),
-        mapTo(void 0)
+        map(() => void 0)
       );
     }
   }
@@ -125,7 +125,7 @@ export class ProductListsDataLocalMemoryApiService
           this.itemContentsMap.set(list.code, new Set(products));
           list.totalCount = products.length;
         }),
-        mapTo(void 0)
+        map(() => void 0)
       );
     }
   }

src/app/authorization.service.ts

@@ -7,7 +7,7 @@
 
 import { Inject, Injectable, OnDestroy } from '@angular/core';
 import { BehaviorSubject, interval, merge, Observable, of, Subscription } from 'rxjs';
-import { catchError, filter, mapTo, switchMap, take, takeUntil, tap } from 'rxjs/operators';
+import { catchError, filter, map, switchMap, take, takeUntil, tap } from 'rxjs/operators';
 import { API_INJECTION_TOKENS } from 'src/app/api/api-injection-tokens';
 import { environment } from 'src/environments/environment';
 import { AuthorizedAccess } from 'src/models/AuthorizedAccess';
@@ -73,7 +73,7 @@ export class AuthorizationService
       takeUntil(this.sessionService.userHasActiveSession$.pipe(filter(isActive => !isActive))),
       switchMap(() => this.accessApiService.getAuthorizedAccess()),
       tap(access => { this.authorizedAccessSource.next(access); }),
-      mapTo(true)
+      map(() => true)
     );
   }
 }

src/app/management/dialogs/images-array/images-array-dialog.component.ts

@@ -11,7 +11,7 @@ import { MAT_DIALOG_DATA } from '@angular/material/dialog';
 import { MatSelectionListChange } from '@angular/material/list';
 import { PageEvent } from '@angular/material/paginator';
 import { from, merge, Observable, Subject, Subscription } from 'rxjs';
-import { debounceTime, map, mapTo, tap, throttleTime } from 'rxjs/operators';
+import { debounceTime, map, tap, throttleTime } from 'rxjs/operators';
 import { Image } from 'src/models/entities/Image';
 import { ImageArrayOption } from './ImageArrayOption';
 import { ImagesArrayService } from './images-array.service';
@@ -47,7 +47,7 @@ export class ImagesArrayDialogComponent
 
   ngOnInit(): void {
     this.loading$ = merge(
-      this.filterChangeNotifier.pipe(mapTo(true)),
+      this.filterChangeNotifier.pipe(map(() => true)),
       this.service.loading$.pipe()
     );
     this.options$ = this.service.imagesPage$.pipe(

src/app/management/dialogs/sell-review/management-sell-review-dialog.component.ts

@@ -9,7 +9,7 @@ import { Component, Inject, OnDestroy } from '@angular/core';
 import { MAT_DIALOG_DATA } from '@angular/material/dialog';
 import { MatSnackBar } from '@angular/material/snack-bar';
 import { BehaviorSubject, Observable, Subscription, throwError } from 'rxjs';
-import { catchError, finalize, tap } from 'rxjs/operators';
+import { catchError, finalize, switchMap, tap } from 'rxjs/operators';
 import { COMMON_DISMISS_BUTTON_LABEL, COMMON_ERROR_MESSAGE } from 'src/text/messages';
 import { SELL_STATUS_NAMES_MAP } from 'src/text/sell-status-names';
 import { ManagementSalesService } from '../../routes/sales/management-sales.service';

src/app/management/directives/transactional-data-manager/transactional-data-manager.service.directive.ts

@@ -7,7 +7,7 @@
 
 import { Directive } from '@angular/core';
 import { forkJoin, Observable, of } from 'rxjs';
-import { catchError, filter, finalize, mapTo } from 'rxjs/operators';
+import { catchError, filter, finalize, map, switchMap } from 'rxjs/operators';
 import { ITransactionalEntityDataApiService } from 'src/app/api/transactional-entity.data-api.iservice';
 import { SharedDialogService } from 'src/app/shared/dialogs/shared-dialog.service';
 import { DataManagerServiceDirective } from '../data-manager/data-manager.service.directive';
@@ -34,7 +34,7 @@ export abstract class TransactionalDataManagerServiceDirective<T>
       filter(didConfirm => didConfirm),
       switchMap(() => forkJoin(items.map(item => (
         this.dataService.delete(item).pipe(
-          mapTo(true),
+          map(() => true),
           catchError(() => of(false))
         )
       )))),

src/app/management/management.service.ts

@@ -8,7 +8,7 @@
 import { Injectable, OnDestroy } from '@angular/core';
 import { ActivatedRoute, ActivationEnd, Router } from '@angular/router';
 import { BehaviorSubject, ReplaySubject, Subscription } from 'rxjs';
-import { filter, map, mapTo, tap, throttleTime } from 'rxjs/operators';
+import { filter, map, tap, throttleTime } from 'rxjs/operators';
 
 /**
  * Keeps track of general shared data in the management module, such as the sidenav state and the name of the active path
@@ -47,7 +47,7 @@ export class ManagementService
     return this.router.events.pipe(
       filter(ev => ev instanceof ActivationEnd),
       throttleTime(50),
-      mapTo(this.route.snapshot)
+      map(() => this.route.snapshot)
     );
   }
 }

src/app/management/routes/sales/management-sales.service.ts

@@ -6,7 +6,7 @@
  */
 
 import { Inject, Injectable } from '@angular/core';
-import { filter } from 'rxjs/operators';
+import { filter, switchMap } from 'rxjs/operators';
 import { API_INJECTION_TOKENS } from 'src/app/api/api-injection-tokens';
 import { ISalesDataApiService } from 'src/app/api/sales.data.api.iservice';
 import { SharedDialogService } from 'src/app/shared/dialogs/shared-dialog.service';

src/app/session.service.ts

@@ -7,7 +7,7 @@
 
 import { Inject, Injectable, OnDestroy } from '@angular/core';
 import { BehaviorSubject, Observable, of, ReplaySubject } from 'rxjs';
-import { catchError, finalize, mapTo, tap } from 'rxjs/operators';
+import { catchError, finalize, map, tap } from 'rxjs/operators';
 import { API_INJECTION_TOKENS } from 'src/app/api/api-injection-tokens';
 import { environment } from 'src/environments/environment';
 import { IAccessApiService } from './api/access-api.iservice';
@@ -42,7 +42,7 @@ export class SessionService
     this.isValidatingSessionSource.next(true);
 
     return this.accessApiService.getAuthorizedAccess().pipe(
-      mapTo(true),
+      map(() => true),
       catchError(() => of(false)),
       tap(isValid => { this.userHasActiveSessionSource.next(isValid); }),
       finalize(() => { this.isValidatingSessionSource.next(false); })

src/app/shared/components/image-upload-form/image-upload-form.component.ts

@@ -13,7 +13,7 @@ import {
 import { MatDialogRef } from '@angular/material/dialog';
 import { MatSnackBar } from '@angular/material/snack-bar';
 import { BehaviorSubject, concat, Observable, Subscription, throwError } from 'rxjs';
-import { catchError, finalize, map, mapTo, startWith, tap } from 'rxjs/operators';
+import { catchError, finalize, map, startWith, tap } from 'rxjs/operators';
 import { isJavaScriptObject } from 'src/functions/isJavaScriptObject';
 import { COMMON_DISMISS_BUTTON_LABEL } from 'src/text/messages';
 import { ImageManagerUploadService } from './image-upload-form.service';
@@ -172,6 +172,6 @@ export class ImageUploadFormComponent
         );
       }
     }
-    return uploads$.pipe(mapTo(void 0));
+    return uploads$.pipe(map(() => void 0));
   }
 }

src/app/shared/components/product-category-tree/product-category-tree.service.ts

@@ -7,7 +7,7 @@
 
 import { Inject, Injectable, OnDestroy } from '@angular/core';
 import { BehaviorSubject, forkJoin, Observable, of, Subscription } from 'rxjs';
-import { map, mapTo, switchMap, tap } from 'rxjs/operators';
+import { map, switchMap, tap } from 'rxjs/operators';
 import { API_INJECTION_TOKENS } from 'src/app/api/api-injection-tokens';
 import { ITransactionalEntityDataApiService } from 'src/app/api/transactional-entity.data-api.iservice';
 import { ProductCategory } from 'src/models/entities/ProductCategory';
@@ -55,7 +55,7 @@ export class ProductCategoryTreeService
         }
         this.categoriesSource.next(this.categoriesSource.value);
       }),
-      mapTo(target)
+      map(() => target)
     );
   }
 

src/app/shared/components/slideshow/slideshow.component.ts

@@ -9,7 +9,7 @@ import { Component, EventEmitter, forwardRef, Input, OnDestroy, OnInit, Output,
 import { ControlValueAccessor, FormControl, NG_VALUE_ACCESSOR } from '@angular/forms';
 import { Router } from '@angular/router';
 import { BehaviorSubject, interval, merge, Observable, Subscription } from 'rxjs';
-import { debounceTime, delay, mapTo, tap } from 'rxjs/operators';
+import { debounceTime, delay, map, tap } from 'rxjs/operators';
 import { fadeInOut } from 'src/animations/fadeInOut';
 import { Image } from 'src/models/entities/Image';
 
@@ -156,7 +156,7 @@ export class SlideshowComponent
   private autoImageRotationObservable(): Observable<void> {
     return interval(this.autoRotationInterval).pipe(
       tap(() => { this.slideForwards(); }),
-      mapTo(void 0)
+      map(() => void 0)
     );
   }
 

src/app/store/components/header/search-form/store-header-search-form.component.ts

@@ -10,7 +10,7 @@ import { FormBuilder, FormControl, FormGroup } from '@angular/forms';
 import { MatDialog } from '@angular/material/dialog';
 import { ActivatedRoute, Router } from '@angular/router';
 import { Subscription } from 'rxjs';
-import { debounceTime, tap } from 'rxjs/operators';
+import { debounceTime, switchMap, tap } from 'rxjs/operators';
 import { ProductCategoryPickerDialogComponent } from 'src/app/shared/dialogs/product-category-picker/product-category-picker-dialog.component';
 import { ProductSearchQuery } from 'src/models/ProductSearchQuery';
 import { StoreSearchService } from '../../../store-search.service';

src/app/store/dialogs/company-details/store-company-details-dialog.component.ts

@@ -7,7 +7,7 @@
 
 import { Component, Inject, OnInit } from '@angular/core';
 import { ReplaySubject, Subject } from 'rxjs';
-import { mapTo, pluck, startWith } from 'rxjs/operators';
+import { map, pluck, startWith } from 'rxjs/operators';
 import { IAboutPublicApiService } from 'src/app/api/about-public-api.iservice';
 import { API_INJECTION_TOKENS } from 'src/app/api/api-injection-tokens';
 import { CompanyDetails } from 'src/models/CompanyDetails';
@@ -22,8 +22,9 @@ export class StoreCompanyDetailsDialogComponent
 
   private dataSource: Subject<CompanyDetails> = new ReplaySubject();
 
+  // TODO move these observables
   data$ = this.dataSource.asObservable();
-  loading$ = this.data$.pipe(mapTo(false), startWith(true));
+  loading$ = this.data$.pipe(map(() => false), startWith(true));
   name$ = this.data$.pipe(pluck('name'));
   description$ = this.data$.pipe(pluck('description'));
   // bannerURL$ = this.data$.pipe(pluck('bannerImageURL'));

src/app/store/dialogs/login-form/store-login-form-dialog.component.ts

@@ -10,7 +10,7 @@ import { FormBuilder, FormControl, FormGroup, Validators } from '@angular/forms'
 import { MatDialogRef } from '@angular/material/dialog';
 import { MatSnackBar } from '@angular/material/snack-bar';
 import { BehaviorSubject, Observable, Subject, throwError } from 'rxjs';
-import { catchError, map, takeUntil, tap } from 'rxjs/operators';
+import { catchError, map, switchMap, takeUntil, tap } from 'rxjs/operators';
 import { AuthenticationService } from 'src/app/authentication.service';
 import { ProfileService } from 'src/app/profile.service';
 import { DialogSwitcherButtonComponent } from 'src/app/shared/components/dialog-switcher-button/dialog-switcher-button.component';

src/app/store/dialogs/product-details/store-product-details-dialog.component.ts

@@ -8,7 +8,7 @@
 import { Component, Inject, OnDestroy, OnInit } from '@angular/core';
 import { MAT_DIALOG_DATA } from '@angular/material/dialog';
 import { Observable, Subject, Subscription } from 'rxjs';
-import { map, startWith, take, tap } from 'rxjs/operators';
+import { map, startWith, switchMap, take, tap } from 'rxjs/operators';
 import { StoreCartService } from '../../store-cart.service';
 import { StoreProductDetailsDialogData } from './StoreProductDetailsDialogData';
 

src/app/store/dialogs/registration-form/store-registration-form-dialog.component.ts

@@ -10,7 +10,7 @@ import { FormBuilder, FormControl, FormGroup, Validators } from '@angular/forms'
 import { MatDialogRef } from '@angular/material/dialog';
 import { MatSnackBar } from '@angular/material/snack-bar';
 import { BehaviorSubject, throwError } from 'rxjs';
-import { catchError, takeUntil, tap } from 'rxjs/operators';
+import { catchError, switchMap, takeUntil, tap } from 'rxjs/operators';
 import { AuthenticationService } from 'src/app/authentication.service';
 import { ProfileService } from 'src/app/profile.service';
 import { EntityFormGroupFactoryService } from 'src/app/shared/entity-form-group-factory.service';

src/app/store/store-search.service.ts

@@ -9,7 +9,7 @@ import { Inject, Injectable, OnDestroy } from "@angular/core";
 import { PageEvent } from "@angular/material/paginator";
 import { ActivatedRoute, Router } from "@angular/router";
 import { BehaviorSubject, from, ReplaySubject } from "rxjs";
-import { tap } from "rxjs/operators";
+import { switchMap, tap } from "rxjs/operators";
 import { DataPage } from "src/models/DataPage";
 import { Product } from "src/models/entities/Product";
 import { ProductSearchQuery } from "src/models/ProductSearchQuery";