Vanilla JavaScript

<script src="/vendor/encore.min.js"></script>

<script>
  // The UMD global exposes the SDK instance on .default
  var EncoreSDK = Encore.default || Encore;

  EncoreSDK.configure({ apiKey: 'pk_live_yourpublishablekey' });

  // After login:
  EncoreSDK.identify('user-123'); // replaces the auto-generated anonymous UUID

  document.getElementById('cancel-btn').addEventListener('click', async function () {
    const result = await EncoreSDK.placement('cancel_flow').show(); // never rejects
    if (result.status !== 'claimed') {
      proceedWithCancellation(); // 'dismissed' or 'unavailable': continue your flow
    }
  });
</script>