Export a Wallet

import { useMoonKey } from '@moon-key/react-auth';
import { useExportKey } from '@moon-key/react-auth/ethereum';

function ExportWalletButton() {
  const { user, isAuthenticated, ready } = useMoonKey();
  const { exportKey } = useExportKey();

  const handleExport = async () => {
    if (!user?.wallet) {
      alert('No wallet found');
      return;
    }

    try {
      await exportKey({
        wallet: user.wallet
      });
      console.log('Export initiated');
    } catch (error) {
      console.error('Export failed:', error);
    }
  };

  // Check if user has a wallet
  const hasWallet = user?.wallet !== undefined;

  return (
    <button 
      onClick={handleExport} 
      disabled={!ready || !isAuthenticated || !hasWallet}
    >
      Export Wallet
    </button>
  );
}

import { useMoonKey } from '@moon-key/react-auth';
import { useExportKey } from '@moon-key/react-auth/ethereum';

function ExportWalletButton() {
  const { user } = useMoonKey();
  const { exportKey } = useExportKey();

  const handleExport = async () => {
    if (!user?.wallet) return;

    try {
      await exportKey({
        wallet: user.wallet,
        uiConfig: {
          title: 'Backup Your Wallet',
          privateKeyDescription: 'Your private key provides complete control over this wallet. Store it securely.',
          neverShareDescription: 'Never share your private key with anyone, including MoonKey support.',
          loadingExportOptionsText: 'Preparing secure export...'
        }
      });
    } catch (error) {
      console.error('Export cancelled or failed:', error);
    }
  };

  return (
    <button onClick={handleExport}>
      Export Private Key
    </button>
  );
}

'use client';
import { useMoonKey } from '@moon-key/react-auth';
import { useExportKey } from '@moon-key/react-auth/ethereum';
import { useState } from 'react';

export default function WalletExportSection() {
  const { user, isAuthenticated, ready } = useMoonKey();
  const { exportKey } = useExportKey();
  const [isExporting, setIsExporting] = useState(false);
  const [error, setError] = useState<string | null>(null);

  const handleExport = async () => {
    // Clear previous errors
    setError(null);

    // Validate user has a wallet
    if (!user?.wallet) {
      setError('No wallet found. Please create a wallet first.');
      return;
    }

    // Confirm user intent
    const confirmed = window.confirm(
      'WARNING: Your private key gives complete control of your wallet. ' +
      'Make sure you store it in a secure location. Continue?'
    );

    if (!confirmed) return;

    setIsExporting(true);

    try {
      await exportKey({
        wallet: user.wallet,
        uiConfig: {
          title: 'Export Private Key',
          privateKeyDescription: 'This key provides full access to your wallet and funds. Keep it safe and offline.',
          neverShareDescription: 'Never share this key. MoonKey will never ask for it.',
          loadingExportOptionsText: 'Loading secure export options...'
        }
      });

      alert('Private key export initiated. Follow the instructions on screen.');
    } catch (err: any) {
      console.error('Export error:', err);
      setError(err.message || 'Failed to export wallet. Please try again.');
    } finally {
      setIsExporting(false);
    }
  };

  // Loading state
  if (!ready) {
    return <div>Loading...</div>;
  }

  // Not authenticated
  if (!isAuthenticated || !user) {
    return (
      <div className="export-section">
        <p>Please sign in to export your wallet</p>
      </div>
    );
  }

  // No wallet
  if (!user.wallet) {
    return (
      <div className="export-section">
        <p>No wallet found. Create a wallet to enable export.</p>
      </div>
    );
  }

  return (
    <div className="export-section">
      <h3>Export Wallet</h3>
      <p className="warning-text">
        ⚠️ Exporting your private key gives you complete control of your wallet, 
        but also complete responsibility for its security.
      </p>

      <button
        onClick={handleExport}
        disabled={isExporting}
        className="export-button"
      >
        {isExporting ? 'Exporting...' : 'Export Private Key'}
      </button>

      {error && (
        <div className="error-message">
          {error}
        </div>
      )}

      <div className="info-box">
        <h4>What you'll receive:</h4>
        <ul>
          <li>Your wallet's private key</li>
          <li>Instructions for importing into MetaMask</li>
          <li>Security best practices</li>
        </ul>
      </div>
    </div>
  );
}