import { PortfolioConnect } from '@cas-parser/connect';

function App() {
  return (
    <PortfolioConnect
      accessToken="your_access_token"
      onSuccess={(data) => console.log('Portfolio:', data)}
    >
      {({ open }) => (
        <button onClick={open}>Import Portfolio</button>
      )}
    </PortfolioConnect>
  );
}

<PortfolioConnect
  accessToken="your_access_token"
  config={{
    // Branding
    logoUrl: 'https://yourapp.com/logo.png',
    title: 'Import Your Investments',
    subtitle: 'Mutual Funds, Stocks, Bonds — all in one place',

    // Home-screen layout — pick the preset that matches your audience.
    // 'actions' (default) | 'asset-type' (advisor-friendly) | 'unified' (upload-first)
    homeLayout: 'actions',

    // Features
    enableGenerator: true,     // MF statement via email
    enableCdslFetch: true,     // CDSL statement via OTP
    enableInbox: true,         // Gmail OAuth import
    enableInboundEmail: false, // Forward-email flow (unique inbound address)

    // Restrict portfolio types
    allowedTypes: ['CAMS_KFINTECH', 'CDSL', 'NSDL'],

    // Pre-fill user details (used across CDSL OTP, MF email, inbound forms)
    prefill: {
      pan: 'ABCDE1234F',
      email: 'user@example.com',
      boId: '1234567890123456',  // CDSL BO ID
      dob: '1990-01-15',         // CDSL DOB
    },

    // MF-statement-by-email options
    generator: {
      fromDate: '2020-01-01',
      toDate: '2024-12-31',
      password: 'Abcdefghi12$',  // PDF encryption password (defaults to this)
    },

    // Gmail inbox import — required when enableInbox is on
    inbox: {
      redirectUri: 'https://your-app.com/oauth/callback',
    },

    // UI options
    showShortcuts: true,    // Email search shortcuts (Gmail / Outlook / Yahoo)
    showPortalLinks: true,  // Links to download portals
  }}
  onSuccess={handleSuccess}
  onError={handleError}
  onEvent={(event, metadata) => analytics.track(event, metadata)}
>
  {({ open, isReady }) => (
    <button onClick={open} disabled={!isReady}>
      Import Portfolio
    </button>
  )}
</PortfolioConnect>

// Example: advisor-friendly asset-type layout
<PortfolioConnect
  accessToken="your_access_token"
  config={{
    homeLayout: 'asset-type',
    enableCdslFetch: true,
    enableGenerator: true,
  }}
  onSuccess={(data) => console.log(data)}
/>

import { PortfolioConnect, extractPortfolioSummary } from '@cas-parser/connect';

<PortfolioConnect
  accessToken="..."
  onSuccess={(data) => {
    const summary = extractPortfolioSummary(data);
    console.log(summary);
    // {
    //   totalValue:   number | null,  // ₹ across all assets
    //   folios:       number | null,  // mutual fund folio count
    //   holdings:     number | null,  // sum of demat instruments
    //   asOn:         string | null,  // statement date
    //   casType:      'Mutual Funds' | 'Stocks (CDSL)' | 'Stocks (NSDL)' | string | null,
    //   investorName: string | null,
    // }
  }}
>
  {({ open }) => <button onClick={open}>Import</button>}
</PortfolioConnect>