import { inject, Pipe, PipeTransform } from '@angular/core';
import { Observable, of } from 'rxjs';
import { TalyStateService } from '../services/taly-state.service';

@Pipe({
  name: 'interpolateFromStore',
  standalone: true
})
export class InterpolateFromStorePipe implements PipeTransform {
  private talyStateService = inject(TalyStateService, { optional: true });

  transform(message: string | undefined): Observable<string> {
    if (!this.talyStateService) {
      return of(message || '');
    }

    return this.talyStateService.interpolateFromStore$(message);
  }
}