Angular

npm install @encorekit/web-sdk

// encore.service.ts
import { Injectable } from '@angular/core';
import Encore, { type PlacementOptions } 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: string, options?: PlacementOptions) {
    return Encore.placement(placementId, options).show(); // never rejects; branch on result.status
  }
}

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

  // saveLessonProgress(), persistClaim() and goToNextLesson() are your own methods.

  async onFinishClicked() {
    await this.saveLessonProgress();
    const result = await this.encore.show('milestone_reached', { useCase: 'rewardUsers' });
    if (result.status === 'claimed') {
      // The SDK has opened the advertiser. transactionId is absent if its write failed.
      if (result.transactionId) await this.persistClaim(result.transactionId);
    }
    this.goToNextLesson(); // whatever the result, continue your flow
  }
}