Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 | 2x 2x 2x 2x 2x 2x 2x 2x 9x 9x 9x 9x 9x 9x 2x 9x 9x 5x 5x 5x 2x 3x 2x 1x | import { ChangeDetectionStrategy, Component, Input, OnChanges, OnInit, SimpleChanges } from '@angular/core';
import { ActivatedRoute } from '@angular/router';
import { Observable, map, shareReplay, withLatestFrom } from 'rxjs';
import { CheckoutFacade } from 'ish-core/facades/checkout.facade';
import { FeatureToggleService } from 'ish-core/feature-toggle.module';
import { BasketView } from 'ish-core/models/basket/basket.model';
import { PaymentMethod } from 'ish-core/models/payment-method/payment-method.model';
import { PriceType } from 'ish-core/models/price/price.model';
import { whenTruthy } from 'ish-core/utils/operators';
@Component({
selector: 'ish-shopping-basket-payment',
templateUrl: './shopping-basket-payment.component.html',
changeDetection: ChangeDetectionStrategy.OnPush,
})
export class ShoppingBasketPaymentComponent implements OnInit, OnChanges {
@Input({ required: true }) basket: BasketView;
paymentMethods$: Observable<PaymentMethod[]>;
filteredPaymentMethods$: Observable<PaymentMethod[]>;
priceType$: Observable<PriceType>;
redirectStatus: string;
constructor(
private checkoutFacade: CheckoutFacade,
private featureToggleService: FeatureToggleService,
private route: ActivatedRoute
) {}
ngOnInit(): void {
this.priceType$ = this.checkoutFacade.priceType$;
this.paymentMethods$ = this.checkoutFacade.eligibleFastCheckoutPaymentMethods$.pipe(shareReplay(1));
this.filteredPaymentMethods$ = this.paymentMethods$.pipe(
whenTruthy(),
map(methods => methods.filter(method => !method.capabilities?.includes('PaypalCheckout')))
);
// if page is shown after cancelled/faulty redirect determine error message variable
this.redirectStatus = this.route.snapshot.queryParamMap.get('redirect');
}
ngOnChanges(changes: SimpleChanges): void {
Iif (
changes.basket &&
(changes.basket.previousValue?.recurrence !== changes.basket.currentValue?.recurrence ||
!changes.basket.currentValue?.recurrence) &&
this.basket
) {
this.checkoutFacade.loadEligiblePaymentMethods();
}
}
fastCheckout(paymentId: string) {
this.checkoutFacade.startFastCheckout(paymentId);
}
isApplicable(): boolean {
return this.featureToggleService.enabled('guestCheckout') || !!this.basket.user;
}
getPayPalPaymentMethod(): Observable<PaymentMethod> {
return this.paymentMethods$.pipe(
withLatestFrom(this.checkoutFacade.basket$),
map(([paymentMethods, basket]) => {
const paypalMethod = paymentMethods.find(method => method.capabilities?.includes('PaypalCheckout'));
// Return PayPal method if basket has no payment
if (!basket.payment) {
return paypalMethod;
}
// Return PayPal method if it's the current payment instrument and redirect is required
if (
(basket.payment.paymentInstrument?.id === paypalMethod?.id && basket.payment.redirectRequired) ||
basket.payment.paymentInstrument?.id !== paypalMethod?.id
) {
return paypalMethod;
}
return;
})
);
}
}
|