Facades

import { inject } from '@angular/core';
import { AuthFacade } from '@/app/store/auth/auth.facade';
import { LoginStore } from '@/app/store/auth/login.store';

export class LoginComponent {
  private authFacade = inject(AuthFacade);
  private loginStore = inject(LoginStore);

  // Access loading state
  loading = this.loginStore.loading;
  error = this.loginStore.error;

  onSubmit(credentials: LoginPayload) {
    this.authFacade.login(credentials).subscribe({
      next: (user) => {
        console.log('Logged in as:', user.email);
        // Navigation handled by facade
      },
      error: (err) => {
        console.error('Login failed:', err.message);
      }
    });
  }
}

private readonly AUTO_REFRESH_OFFSET = 30_000; // 30s

private scheduleAutoRefresh(): void {
  const expiresIn = this.authStore.accessTokenExpiresIn();
  if (!expiresIn || expiresIn <= 0) return;

  const delay = Math.max(0, expiresIn - this.AUTO_REFRESH_OFFSET);
  
  this.refreshTimerId = setTimeout(() => {
    this.refreshSession().subscribe({
      next: () => console.log('Token refreshed'),
      error: (err) => this.handleRefreshError(err)
    });
  }, delay);
}

import { inject } from '@angular/core';
import { TripPlannerFacade } from '@/app/store/trips/trip-planner.facade';
import { TripPlannerStore } from '@/app/store/trips/trip-planner.store';

export class MapComponent {
  private facade = inject(TripPlannerFacade);
  private store = inject(TripPlannerStore);

  // Reactive signals from store
  routeSummary = this.store.routeSummary;
  fareQuote = this.store.fareQuote;
  isReady = this.store.isReadyToRequest;

  async ngOnInit() {
    // Initialize with current location
    await this.facade.init();
  }

  onMapClick(lngLat: { lng: number; lat: number }) {
    // User tapped map to select destination
    this.facade.recalcRouteAfterAdjust(lngLat);
  }
}

import { inject, computed } from '@angular/core';
import { TripActiveFacade } from '@/app/store/trips/trip-active.facade';

export class ActiveComponent {
  private facade = inject(TripActiveFacade);

  // Computed view model for template
  vm = computed(() => {
    const hasTrip = this.facade.hasTrip();
    const status = this.facade.status();
    
    const waitingSeconds = this.facade.waitingSeconds() ?? 0;
    const mm = Math.floor(waitingSeconds / 60).toString().padStart(2, '0');
    const ss = (waitingSeconds % 60).toString().padStart(2, '0');
    const waitingTime = `${mm}:${ss}`;

    return {
      hasTrip,
      status,
      driverName: this.facade.driverName(),
      driverRating: this.facade.driverRating(),
      plate: this.facade.plate(),
      vehicleTitle: this.facade.vehicleTitle(),
      etaMinutes: this.facade.etaMinutes(),
      price: this.facade.priceAmount(),
      currency: this.facade.priceCurrency(),
      waitingTime,
      penaltyApplied: this.facade.waitingPenaltyApplied(),
      penaltyText: this.facade.waitingPenaltyText(),
    };
  });
}

import { inject } from '@angular/core';
import { UserFacade } from '@/app/store/users/users.facade';
import { CreateUserPayload, CreateAuthCredentialsPayload } from '@/app/core/models/user/user.payload';

export class RegisterComponent {
  private usersFacade = inject(UserFacade);

  // Access registration state
  registerStatus = this.usersFacade.getRegisterStatus();

  onSubmit(userData: CreateUserPayload, credentials: CreateAuthCredentialsPayload) {
    this.usersFacade.register(userData, credentials).subscribe({
      next: (user) => {
        console.log('User registered:', user.id);
        // Navigate to login or auto-login
      },
      error: (err: ApiError) => {
        console.error('Registration failed:', err.message);
        // Error already shown via notification
      }
    });
  }
}