Post-Purchase Placements

import Encore from '@encorekit/web-sdk';

Encore.configure({ apiKey: 'pk_live_yourpublishablekey' });
Encore.identify(customerId); // you know the customer at this moment; identity powers attribution

const placement = Encore.placement('streak_day_7', {
  useCase: 'rewardUsers',
  headline: 'Nice work, Sam!',                        // optional; falls back to the copy resolved for your app
  subheadline: 'That is your fifth week running',
  appearance: { accentColor: '#0A6' },
});

// At the moment your app detects the achievement:
const result = await placement.show();

if (result.status === 'claimed') {
  // The advertiser tab is already open. The SDK renders nothing after a claim;
  // show your own confirmation here if you want one.
  await persistClaim(result.transactionId);
} else if (result.status === 'unavailable') {
  // No eligible offer, or nothing to present for this use case right now.
}

{
  useCase: 'rewardUsers';   // selects the Reward Users composition
  headline?: string;        // the sheet's headline for this presentation
  subheadline?: string;     // the line beneath it
  appearance?: AppearanceConfig; // theme colors + reward-sheet overrides
}

await Encore.placement('streak_day_7', {
  useCase: 'rewardUsers',
  headline: 'Nice work, Sam!',
  subheadline: 'That is your fifth week running',
}).show();

// Equivalent, without the builder:
await Encore.show(undefined, {
  useCase: 'rewardUsers',
  headline: 'Nice work, Sam!',
  subheadline: 'That is your fifth week running',
});