Two-factor authentication is required for every Opalus account. It protects your money and your data even if your password is compromised.

Open your authenticator app (Google Authenticator, Microsoft Authenticator, or similar).
Scan this QR code, or enter the key manually.
Enter the 6-digit code the app shows.

{showKey &&

JBSWY3DPEHPK3PXP

}

setCode(e.target.value.replace(/\D/g, '').slice(0, 6))} placeholder="123456" /> {codeErr &&

That code isn't valid. Codes change every 30 seconds — try the current one.

}

setStage('sms')}>Can't use an authenticator app?

)} {stage === 'sms' && ( <> Two-factor · SMS

Set up with SMS

{!smsSent ? ( <> setPhone(e.target.value)} placeholder="+33 6 12 34 56 78" /> ) : ( <>

We've sent a code to {phone}.

setSmsCode(e.target.value.replace(/\D/g, '').slice(0, 6))} placeholder="123456" /> )}

{ setStage('totp'); setSmsSent(false); }}>Use an authenticator app instead

)} {stage === 'recovery' && ( <>

Save your recovery codes

These 10 codes are your way back in if you lose your authenticator. Each works once. They are shown only now.

{RECOVERY.map((c) => {c})}

{method === 'sms' && SMS codes work, but an authenticator app is more secure. You can switch anytime in Settings → Security.} I've stored my recovery codes somewhere safe )} ); } function state_onboarded() { try { return JSON.parse(localStorage.getItem('opalus_investor_v1') || '{}').onboarded; } catch (e) { return false; } } function AuthShell({ children }) { const { Logo } = AC; return (

Account security

{children}

); } /* ============================================================ ACCOUNT HUB ============================================================ */ const ACCOUNT_TABS = [ { key: 'settings', label: 'Settings' }, { key: 'notifications', label: 'Notifications' }, { key: 'messages', label: 'Messages' }, { key: 'complaints', label: 'Complaints' }, { key: 'data', label: 'Data & privacy' }, ]; function AccountScreen() { const { state, go } = window.useOpalus(); const tab = state.route.params.tab || 'settings'; return (

Account

Manage your account

{tab === 'settings' && } {tab === 'notifications' && } {tab === 'messages' && } {tab === 'complaints' && } {tab === 'data' && }

); } /* ---------- INV-33 · Settings ---------- */ function SettingsTab() { const { state, go } = window.useOpalus(); const { Card, Button } = AC; const [resi, setResi] = useState(false); return (

Profile

{resi && (

!}> Your eligibility for some projects may change. Existing investments are unaffected.

)}

Security

You'll stay signed in here; all other sessions will be signed out when you change your password.

{[['Change password', null], ['Two-factor method', 'Authenticator app'], ['Regenerate recovery codes', null], ['Active sessions', '2 devices']].map(([k, v], i) => (

{k}

{v &&

{v}

}

))}

iPhone · Paris · current

This device

MacBook Pro · Paris · 2 days ago

); } /* ---------- INV-24 · Bank-account management (own-name beneficiaries) ---------- Saved SEPA withdrawal destinations. Must be in the investor's own legal name (matched to their verified identity). Added accounts start 'pending' until a (mocked) micro-deposit verification. */ const ibanClean = (v) => v.replace(/\s/g, '').toUpperCase(); const ibanValid = (v) => ibanClean(v).length >= 15 && ibanClean(v).length <= 34 && /^[A-Z]{2}[0-9A-Z]+$/.test(ibanClean(v)); const ibanMask = (v) => { const c = ibanClean(v); return c.slice(0, 4) + ' ···· ' + c.slice(-4); }; function BankAccountsCard() { const { state } = window.useOpalus(); const { Card, Button } = AC; const [adding, setAdding] = useState(false); return (

Bank accounts

{!adding && }

Withdrawals can only be sent to a verified account in your own name, matching your verified identity. Add and manage your destinations here.

setAdding(false)} /> ); } /* Shared bank-account list — reused in account settings (editable) and the withdraw flow (selectable). Props: editable (show verify/remove + add), selectable (radio select), selectedId, onSelect, addOpen / onCloseAdd to drive the inline add form. */ function BankAccountList({ editable, selectable, selectedId, onSelect, addOpen, onCloseAdd }) { const { state, update } = window.useOpalus(); const { Button } = AC; const accounts = state.investor.bankAccounts || []; const [label, setLabel] = useState(''); const [iban, setIban] = useState(''); const holder = state.investor.name; const ibanOk = ibanValid(iban); const add = () => { if (!ibanOk) return; update((s) => { (s.investor.bankAccounts = s.investor.bankAccounts || []).push({ id: 'ba' + Date.now(), label: label.trim() || 'Bank account', iban: iban.trim(), holder, status: 'pending', addedAt: new Date().toISOString() }); }); setLabel(''); setIban(''); if (onCloseAdd) onCloseAdd(); }; const verify = (id) => update((s) => { const a = (s.investor.bankAccounts || []).find((x) => x.id === id); if (a) a.status = 'verified'; }); const remove = (id) => update((s) => { s.investor.bankAccounts = (s.investor.bankAccounts || []).filter((x) => x.id !== id); }); return (

{accounts.length === 0 && !addOpen &&

No saved bank accounts yet.

} {accounts.map((a) => { const verified = a.status === 'verified'; const on = selectable && selectedId === a.id; return (

selectable && verified && onSelect(a.id)} style={{ display: 'flex', alignItems: 'center', gap: 14, padding: '13px 16px', border: `1.5px solid ${on ? 'var(--bronze-500)' : 'var(--border-faint)'}`, borderRadius: 'var(--radius-md)', background: on ? 'var(--cream-100)' : '#fff', cursor: selectable && verified ? 'pointer' : 'default', opacity: selectable && !verified ? 0.55 : 1 }}> {selectable && {on && }}

{a.label}

{ibanMask(a.iban)} · {a.holder}

{verified ? 'Verified' : 'Pending'} {editable && (

{!verified && }

)}

); })} {addOpen && (

setLabel(e.target.value)} placeholder="My bank account" /> setIban(e.target.value)} placeholder="FR76 ····" /> {iban && !ibanOk &&

Check the IBAN — it doesn't pass validation.

}

)}

); } /* ---------- INV-31/32 · Notifications & preferences ---------- */ function NotificationsTab() { const { state, update } = window.useOpalus(); const { Card, Button } = AC; const markAll = () => update((s) => { s.notifications.forEach((n) => { n.read = true; }); }); const locked = [['Regulatory notices', true], ['KIIS changes', true], ['Reflection-period reminders', true], ['Security alerts', true], ['Distribution notices (email)', true]]; const optional = [['projectUpdates', 'Project updates'], ['productNews', 'Product news'], ['marketing', 'Marketing (off by default)']]; return (

Notifications

{state.notifications.length === 0 ?

You're all caught up.

: state.notifications.map((n, i) => (

{n.title}

{n.body}

{n.kind} · {n.date}

))}

Preferences

Choose how we contact you. Some categories are required by regulation and can't be turned off.

{locked.map(([label]) => (

{label} Required by regulation

))} {optional.map(([key, label]) => (

{label} update((s) => { s.investor.notifPrefs[key] = !s.investor.notifPrefs[key]; })} />

))}

); } function Toggle({ on, onClick }) { return ; } /* ---------- INV-30 · Messages ---------- */ function MessagesTab() { const { Card, Button } = AC; const threads = [ { id: 'support', name: 'Support', last: 'How can we help?', closed: false }, { id: 'saint-cloud', name: 'Saint-Cloud Garden Villa (issuer)', last: 'Works update posted.', closed: false }, { id: 'saint-germain', name: 'Saint-Germain Collection (issuer)', last: 'Project completed.', closed: true }, ]; const [active, setActive] = useState('support'); const [draft, setDraft] = useState(''); const [sent, setSent] = useState({}); // threadId -> [text] — messages sent this session const t = threads.find((x) => x.id === active); const send = () => { if (!draft.trim() || t.closed) return; setSent((prev) => ({ ...prev, [active]: [...(prev[active] || []), draft.trim()] })); setDraft(''); }; return (

{threads.map((th) => ( ))}

{t.name}

Messages are not investment advice and are subject to compliance review.

{t.last}

{(sent[active] || []).map((m, i) => (

{m}

))}

{t.closed ?

This project is completed; the thread is read-only. For anything else, message support.

setDraft(e.target.value)} onKeyDown={(e) => e.key === 'Enter' && send()} style={{ flex: 1, border: '1.5px solid var(--border-subtle)', borderRadius: 'var(--radius-md)', padding: '10px 14px', fontFamily: 'var(--font-body)', fontSize: 13, outline: 'none' }} />

}

); } /* ---------- Complaints (Art 7) — standard template + status, free of charge ---------- BP-103 / BRD-6.1.11 / DM complaints + content_pages (Art 7(3) template). */ const COMPLAINT_CATEGORIES = ['Service quality', 'A specific project or offer', 'Payments & withdrawals', 'KYC / verification', 'Fees', 'Data & privacy', 'Other']; const COMPLAINT_STATUS = { received: ['Received', 'var(--info-50)', 'var(--info-600)'], in_progress: ['In progress', 'var(--cream-100)', 'var(--bronze-700)'], resolved: ['Resolved', 'var(--success-50)', 'var(--success-600)'], }; function ComplaintsTab() { const { state, update } = window.useOpalus(); const { Card, Button } = AC; const [open, setOpen] = useState(false); const [category, setCategory] = useState(COMPLAINT_CATEGORIES[0]); const [subject, setSubject] = useState(''); const [body, setBody] = useState(''); const complaints = state.complaints || []; const valid = subject.trim().length >= 3 && body.trim().length >= 10; const fmtToday = () => new Date().toLocaleDateString('en-GB', { day: 'numeric', month: 'short', year: 'numeric' }); const submit = () => { const ref = 'CMP-' + Math.floor(100000 + Math.random() * 899999); update((s) => { (s.complaints = s.complaints || []).unshift({ id: 'c' + Date.now(), ref, category, subject: subject.trim(), body: body.trim(), status: 'received', date: fmtToday() }); }); setOpen(false); setSubject(''); setBody(''); setCategory(COMPLAINT_CATEGORIES[0]); }; return (

Complaints

{!open && }

You can raise a complaint free of charge. We acknowledge every complaint and aim to resolve it promptly, keeping you informed of its status. This is separate from messaging support.

{open && (

New complaint

setSubject(e.target.value)} placeholder="A short summary" />

setBody(e.target.value)} placeholder="Tell us what happened…" />
            </window.Field>
          </div>
          <div style={{ display: 'flex', gap: 12, marginTop: 20 }}>
            <Button variant="primary" disabled={!valid} onClick={submit}>Submit complaint</Button>
            <Button variant="ghost" onClick={() => setOpen(false)}>Cancel</Button>
          </div>
        </Card>
      )}

<Card padding="lg" radius="lg" shadow="sm">
        <h3 style={{ fontFamily: 'var(--font-display)', fontWeight: 600, fontSize: 'var(--fs-h4)', color: 'var(--ink)', margin: '0 0 12px' }}>Your complaints</h3>
        {complaints.length === 0 ? (
          <div style={{ fontFamily: 'var(--font-body)', fontSize: 14, color: 'var(--text-muted)', padding: '8px 0' }}>You have no complaints on record.</div>
        ) : complaints.map((c, i) => {
          const [label, bg, fg] = COMPLAINT_STATUS[c.status] || COMPLAINT_STATUS.received;
          return (
            <div key={c.id} style={{ padding: '14px 0', borderTop: i ? '1px solid var(--border-faint)' : 'none' }}>
              <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 12, flexWrap: 'wrap' }}>
                <div style={{ fontFamily: 'var(--font-body)', fontSize: 14, fontWeight: 600, color: 'var(--text-strong)' }}>{c.subject}</div>
                <span style={{ fontFamily: 'var(--font-body)', fontSize: 11.5, fontWeight: 600, padding: '4px 11px', borderRadius: 999, background: bg, color: fg, whiteSpace: 'nowrap' }}>{label}</span>
              </div>
              <div style={{ fontFamily: 'var(--font-body)', fontSize: 12.5, color: 'var(--text-body)', lineHeight: 1.5, margin: '6px 0 0' }}>{c.body}</div>
              <div style={{ fontFamily: 'var(--font-body)', fontSize: 11.5, color: 'var(--text-muted)', marginTop: 5 }}>{c.category} · {c.ref} · {c.date}</div>
            </div>
          );
        })}
      </Card>
    </div>
  );
}

/* ---------- INV-34 · Data export + INV-35 · Account deletion ---------- */
function DataTab() {
  const { state, go } = window.useOpalus();
  const { Card, Button } = AC;
  const [exp, setExp] = useState('idle'); // idle | pending | ready
  const [oneActive, setOneActive] = useState(false);
  const [confirm, setConfirm] = useState('');
  const hasOffers = state.holdings.some((h) => h.status === 'offer' || h.status === 'confirmed' || h.status === 'awaiting-signature' || h.status === 'active');
  const hasBalance = state.wallet.balance > 0;
  const canDelete = !hasOffers && !hasBalance && confirm === 'DELETE';
  const consents = window.consentRows(state);
  return (
    <div style={{ display: 'flex', flexDirection: 'column', gap: 22 }}>
      {/* Consents — current Terms / Privacy / cookie consents with version + timestamp (GDPR Art 7) */}
      <Card padding="lg" radius="lg" shadow="sm">
        <h3 style={{ fontFamily: 'var(--font-display)', fontWeight: 600, fontSize: 'var(--fs-h4)', color: 'var(--ink)', margin: '0 0 6px' }}>Your consents</h3>
        <p style={{ fontFamily: 'var(--font-body)', fontSize: 'var(--fs-sm)', color: 'var(--text-body)', lineHeight: 1.6, margin: '0 0 16px' }}>The agreements you've accepted, with the exact version and the date and time you accepted each. We keep this record for as long as you hold an account.</p>
        <div style={{ border: '1px solid var(--border-faint)', borderRadius: 'var(--radius-md)', overflow: 'hidden' }}>
          {consents.map((c, i) => (
            <div key={c.key} style={{ display: 'flex', alignItems: 'center', gap: 14, padding: '14px 16px', borderTop: i ? '1px solid var(--border-faint)' : 'none', flexWrap: 'wrap' }}>
              <span style={{ width: 40, height: 40, borderRadius: 'var(--radius-md)', background: 'var(--cream-100)', display: 'inline-flex', alignItems: 'center', justifyContent: 'center', flex: '0 0 auto' }}><AC.IconlyRegularLightPaper style={{ width: 20, height: 20, color: 'var(--bronze-600)' }} /></span>
              <div style={{ flex: 1, minWidth: 180 }}>
                <div style={{ display: 'flex', alignItems: 'center', gap: 8, flexWrap: 'wrap' }}>
                  <span style={{ fontFamily: 'var(--font-body)', fontSize: 14, fontWeight: 600, color: 'var(--ink)' }}>{c.label}</span>
                  <span className="opx-link" style={{ fontSize: 12 }}>View</span>
                </div>
                <div style={{ fontFamily: 'var(--font-body)', fontSize: 12, color: 'var(--text-muted)' }}>
                  {c.accepted ? <>Accepted {c.version} on {window.opalusFmtDateTimeShort(c.acceptedAt)}</> : 'Not accepted'}
                </div>
              </div>
              {c.accepted && !c.stale && <span style={{ fontFamily: 'var(--font-body)', fontSize: 11, fontWeight: 600, padding: '4px 10px', borderRadius: 999, background: 'var(--success-50)', color: 'var(--success-600)', whiteSpace: 'nowrap' }}>Current</span>}
              {c.stale && <span title={`Current version is ${c.currentVersion}, updated ${c.updated}`} style={{ fontFamily: 'var(--font-body)', fontSize: 11, fontWeight: 600, padding: '4px 10px', borderRadius: 999, background: 'var(--cream-100)', color: 'var(--bronze-700)', whiteSpace: 'nowrap' }}>Update available · {c.currentVersion}</span>}
              {!c.accepted && <span style={{ fontFamily: 'var(--font-body)', fontSize: 11, fontWeight: 600, padding: '4px 10px', borderRadius: 999, background: 'var(--surface-inset)', color: 'var(--text-muted)', whiteSpace: 'nowrap' }}>Not given</span>}
            </div>
          ))}
        </div>
        <div style={{ marginTop: 12, fontFamily: 'var(--font-body)', fontSize: 11.5, color: 'var(--text-muted)', lineHeight: 1.5 }}>You may withdraw optional consents at any time; this does not affect the lawfulness of processing before withdrawal. Required agreements are necessary to keep your account.</div>
      </Card>

{/* Art 8(2) — connection to Opalus + public-register disclosure consent (declared at onboarding) */}
      <Card padding="lg" radius="lg" shadow="sm">
        <h3 style={{ fontFamily: 'var(--font-display)', fontWeight: 600, fontSize: 'var(--fs-h4)', color: 'var(--ink)', margin: '0 0 6px' }}>Connection to Opalus</h3>
        <p style={{ fontFamily: 'var(--font-body)', fontSize: 'var(--fs-sm)', color: 'var(--text-body)', lineHeight: 1.6, margin: '0 0 16px' }}>Whether you are a person connected to Opalus. Connected persons may invest, but their participation is published on our public register, with their consent.</p>
        {(() => {
          const rp = state.investor.restrictedPerson;
          const relLabels = { shareholder: 'Shareholder (≥20%)', manager: 'Manager / management body', director: 'Director', employee: 'Employee', controlled: 'Controlled person or entity' };
          if (!rp) {
            return <window.Note tone="warn" title="Not yet declared" icon={<span style={{ fontWeight: 700 }}>!</span>}>You haven't declared whether you're connected to Opalus. <span className="opx-link" onClick={() => go('onboarding')}>Complete this in account setup →</span></window.Note>;
          }
          return (
            <div style={{ border: '1px solid var(--border-faint)', borderRadius: 'var(--radius-md)', overflow: 'hidden' }}>
              {[
                ['Connected to Opalus', rp.connected ? 'Yes' : 'No'],
                ...(rp.connected ? [['Relationship', relLabels[rp.relationship] || rp.relationship]] : []),
                ['Public-register disclosure consent', rp.connected ? (rp.disclosureConsent ? 'Given' : 'Not given') : 'Not applicable'],
                ['Declared', window.opalusFmtDateTimeShort(rp.declaredAt)],
              ].map(([k, v], i) => (
                <div key={k} style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 12, padding: '13px 16px', background: i % 2 ? 'var(--surface-inset)' : '#fff' }}>
                  <span style={{ fontFamily: 'var(--font-body)', fontSize: 13, color: 'var(--text-muted)' }}>{k}</span>
                  <span style={{ fontFamily: 'var(--font-body)', fontSize: 13, fontWeight: 600, color: 'var(--ink)', textAlign: 'right' }}>{v}</span>
                </div>
              ))}
            </div>
          );
        })()}
        <button type="button" className="opx-link" style={{ background: 'none', border: 'none', cursor: 'pointer', fontSize: 13, marginTop: 12, padding: 0 }} onClick={() => go('onboarding')}>Update my declaration</button>
      </Card>

{/* Data export */}
      <Card padding="lg" radius="lg" shadow="sm">
        <h3 style={{ fontFamily: 'var(--font-display)', fontWeight: 600, fontSize: 'var(--fs-h4)', color: 'var(--ink)', margin: '0 0 6px' }}>Your data</h3>
        <p style={{ fontFamily: 'var(--font-body)', fontSize: 'var(--fs-sm)', color: 'var(--text-body)', lineHeight: 1.6, margin: '0 0 18px' }}>Request a complete copy of the personal data we hold about you — profile, verification records, investments, transactions, messages and consents.</p>
        {exp === 'idle' && <Button variant="primary" onClick={() => { setExp('pending'); setTimeout(() => setExp('ready'), 1600); }}>Request my data</Button>}
        {exp === 'pending' && <><window.Note tone="info" title="Preparing your export">We'll notify you when it's ready to download.</window.Note><div style={{ marginTop: 12 }}><button type="button" className="opx-link" style={{ background: 'none', border: 'none', cursor: 'pointer', fontSize: 13, padding: 0 }} onClick={() => setOneActive(true)}>Request another export</button>{oneActive && <div style={{ marginTop: 10 }}><window.Note tone="warn" title="An export is already in progress" icon={<span style={{ fontWeight: 700 }}>!</span>}>We'll notify you when it's ready.</window.Note></div>}</div></>}
        {exp === 'ready' && <window.Note tone="success" title="Your export is ready">The download link works for 7 days and only from your account. <span className="opx-link">Download (ZIP)</span></window.Note>}
      </Card>

{/* Account deletion */}
      <Card padding="lg" radius="lg" shadow="sm">
        <h3 style={{ fontFamily: 'var(--font-display)', fontWeight: 600, fontSize: 'var(--fs-h4)', color: 'var(--ink)', margin: '0 0 14px' }}>Delete your account</h3>
        {hasOffers ? (
          <window.Note tone="warn" title="Active investments" icon={<span style={{ fontWeight: 700 }}>!</span>}>You have active investments or offers in their reflection period. These must conclude before the account can be deleted.</window.Note>
        ) : hasBalance ? (
          <window.Note tone="warn" title="Withdraw your funds first" icon={<span style={{ fontWeight: 700 }}>!</span>}>Your wallet balance is {window.eurC(state.wallet.balance)}. Withdraw your funds first. <span className="opx-link" onClick={() => go('wallet')}>Withdraw funds →</span></window.Note>
        ) : (
          <>
            {/* ASSUMPTION (confirm Lithuanian counsel): AML retention floor = 8 years from end of
                business relationship (LT AML Law Art 19; longest-applicable-wins). — see Sync_Audit_Report open Q6 */}
            <p style={{ fontFamily: 'var(--font-body)', fontSize: 13, color: 'var(--text-body)', lineHeight: 1.6, margin: '0 0 16px' }}>Your access ends immediately. Anti-money-laundering rules require us to retain your KYC/AML records for at least 8 years from the end of our business relationship before they are permanently erased — we keep them secure and use them only for legal obligations.</p>
            <window.Field label="Type DELETE to confirm, then verify with your authenticator">
              <input className="opx-amount" style={{ fontSize: 16, fontWeight: 600, maxWidth: 260 }} value={confirm} onChange={(e) => setConfirm(e.target.value)} placeholder="DELETE" />
            </window.Field>
            <Button variant="primary" style={{ marginTop: 16 }} disabled={!canDelete}>Delete my account</Button>
          </>
        )}
      </Card>
    </div>
  );
}

/* ============================================================ INV-36 · COMPLIANCE INTERSTITIALS ============================================================ */
const INTERSTITIALS = {
  simulation: { title: 'Before you invest: refresh your loss simulation', body: 'Your last simulation is over 12 months old. EU rules require an annual update — it takes two minutes.', cta: 'Update simulation' },
  test: { title: 'Before you invest: refresh your knowledge assessment', body: 'Your last assessment is over 24 months old.', cta: 'Retake assessment' },
  sophExpired: { title: 'Your sophisticated status has expired', body: "You're now a non-sophisticated investor. To invest, complete the knowledge assessment and loss simulation. Your existing investments are unaffected.", cta: 'Continue setup' },
  sophExpiring: { title: 'Your sophisticated status expires soon', body: 'Your sophisticated status expires on 14 Mar 2028. Renew now to keep investing without the non-sophisticated protections and steps.', cta: 'Renew now' },
};
function InterstitialScreen() {
  const { state, go } = window.useOpalus();
  const { Card, Button } = AC;
  const it = INTERSTITIALS[state.route.params.kind] || INTERSTITIALS.simulation;
  return (
    <div className="opx-container opx-fade" style={{ maxWidth: 620 }}>
      <Card padding="lg" radius="xl" shadow="card" style={{ padding: 40, textAlign: 'center' }}>
        <div style={{ width: 60, height: 60, borderRadius: '50%', background: 'var(--cream-100)', color: 'var(--bronze-600)', display: 'inline-flex', alignItems: 'center', justifyContent: 'center', margin: '0 auto 18px' }}><AC.IconlyRegularOutlineCalendar style={{ width: 28, height: 28 }} /></div>
        <h2 style={{ fontFamily: 'var(--font-display)', fontWeight: 600, fontSize: 24, color: 'var(--ink)', margin: '0 0 10px' }}>{it.title}</h2>
        <p style={{ fontFamily: 'var(--font-body)', fontSize: 'var(--fs-sm)', color: 'var(--text-body)', lineHeight: 1.6, margin: '0 auto 24px', maxWidth: 440 }}>{it.body}</p>
        <div style={{ display: 'flex', gap: 12, justifyContent: 'center' }}>
          <Button variant="primary" onClick={() => go('onboarding')}>{it.cta}</Button>
          <Button variant="ghost" onClick={() => go('dashboard')}>Later</Button>
        </div>
      </Card>
    </div>
  );
}

Object.assign(window, { VerifyEmailScreen, TwoFAScreen, AccountScreen, InterstitialScreen, BankAccountList });

This link is no longer valid

Check your inbox

Secure your account

Set up with an authenticator app