src/app/store/customer/effects/service.effects.ts

/**
 * Licensed to the Apache Software Foundation (ASF) under one
 * or more contributor license agreements.  See the NOTICE file
 * distributed with this work for additional information
 * regarding copyright ownership.  The ASF licenses this file
 * to you under the Apache License, Version 2.0 (the
 * "License"); you may not use this file except in compliance
 * with the License.  You may obtain a copy of the License at
 *
 *   http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing,
 * software distributed under the License is distributed on an
 * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
 * KIND, either express or implied.  See the License for the
 * specific language governing permissions and limitations
 * under the License.
 */
import {Injectable} from '@angular/core';
import {Actions, Effect} from '@ngrx/effects';
import {Observable} from 'rxjs/Observable';
import {Action} from '@ngrx/store';
import {of} from 'rxjs/observable/of';
import * as customerActions from '../customer.actions';
import {CustomerService} from '/home/pembe/Desktop/fineract-cn-web-app/src/app/sevices/customer/customer.service';
import {emptySearchResult} from '../../../common/store/search.reducer';

@Injectable()
export class CustomerSearchApiEffects {

  @Effect()
  search$: Observable<Action> = this.actions$
    .ofType(customerActions.SEARCH)
    .debounceTime(300)
    .map((action: customerActions.SearchAction) => action.payload)
    .switchMap(fetchRequest => {
      const nextSearch$ = this.actions$.ofType(customerActions.SEARCH).skip(1);

      return this.customerService.fetchCustomers(fetchRequest)
        .takeUntil(nextSearch$)
        .map(customerPage => new customerActions.SearchCompleteAction({
          elements: customerPage.customers,
          totalElements: customerPage.totalElements,
          totalPages: customerPage.totalPages
        }))
        .catch(() => of(new customerActions.SearchCompleteAction(emptySearchResult())));
    });

  constructor(private actions$: Actions, private customerService: CustomerService) { }

}