Quickstart

<script src="https://cdn.jsdelivr.net/npm/@cesto/web-sdk/dist/cesto-invest.iife.js" defer></script>

<button
  data-cesto-invest="golden-age"
  data-cesto-pk="cesto_pk_your_key"
  data-cesto-amount="100"
>
  INVEST NOW
</button>

npm install @cesto/web-sdk

import { Cesto } from '@cesto/web-sdk';

const cesto = new Cesto({ apiKey: 'cesto_pk_your_key' });

document.querySelector('#invest').addEventListener('click', () => {
  const session = cesto.invest({
    basket: 'golden-age',
    amountUsd: 100,             // optional prefill
    onSuccess: (e) => console.log('invested', e.amountUsd, 'in', e.basket),
    onScheduled: (e) => console.log('scheduled for', e.scheduledFor),
    onError: (e) => console.error(e.code, e.message),
    onClose: () => console.log('dialog closed'),
  });

  // session.focus(); session.close(); session.isOpen;
});

npm install @cesto/react

import { CestoProvider, CestoInvestButton } from '@cesto/react';

export function App() {
  return (
    <CestoProvider
      apiKey="cesto_pk_your_key"
      theme={{ accent: '#00CC55', radius: '12px', scheme: 'dark' }}
      onSuccess={(e) => analytics.track('invest', e)}
    >
      <CestoInvestButton basket="golden-age" amountUsd={100} size="lg">
        Invest now
      </CestoInvestButton>
    </CestoProvider>
  );
}