Svelte

npm install @encorekit/web-sdk

<!-- App.svelte -->
<script lang="ts">
  import { onMount } from 'svelte';
  import Encore from '@encorekit/web-sdk';

  onMount(() => {
    Encore.configure({ apiKey: import.meta.env.VITE_ENCORE_API_KEY });
  });
</script>

<script lang="ts">
  import Encore from '@encorekit/web-sdk';

  // After login:
  Encore.identify(user.id); // replaces the auto-generated anonymous UUID

  async function onCancelClicked() {
    const result = await Encore.placement('cancel_flow').show(); // never rejects
    if (result.status !== 'claimed') {
      proceedWithCancellation(); // 'dismissed' or 'unavailable': continue your flow
    }
  }
</script>

<button on:click={onCancelClicked}>Cancel subscription</button>