Angular

npm install @encorekit/web-sdk

// encore.service.ts
import { Injectable } from '@angular/core';
import Encore from '@encorekit/web-sdk';
import { environment } from '../environments/environment';

@Injectable({ providedIn: 'root' })
export class EncoreService {
  constructor() {
    Encore.configure({ apiKey: environment.encoreApiKey });
  }

  identify(userId: string): void {
    Encore.identify(userId); // replaces the auto-generated anonymous UUID
  }

  show(placementId) {
    return Encore.placement(placementId).show(); // never rejects; branch on result.status
  }
}

export class CancelComponent {
  constructor(private encore: EncoreService) {}

  async onCancelClicked() {
    const result = await this.encore.show('cancel_flow');
    if (result.status !== 'claimed') {
      this.proceedWithCancellation(); // 'dismissed' or 'unavailable': continue your flow
    }
  }
}