Genarrative/apps/ai-game-creator-shell/src/features/app-shell/AccountWallet.tsx

import { PlatformMudPointWalletEntry } from '../../../../../packages/shared/src/components/PlatformMudPointWalletEntry';
import { PlatformProfileRechargeModal } from '../../../../../packages/shared/src/components/PlatformProfileRechargeModal';
import { PlatformProfileWalletLedgerModal } from '../../../../../packages/shared/src/components/PlatformProfileWalletLedgerModal';
import type { AccountWalletController } from './useAccountWallet';

export function AccountWalletBar({
  controller,
}: {
  controller: AccountWalletController;
}) {
  return (
    <div className="launcher-account-bar" aria-label="账户资产">
      <PlatformMudPointWalletEntry
        balance={
          controller.mudPointBalance?.totalPoints ??
          controller.legacyWalletBalance
        }
        breakdown={controller.mudPointBalance}
        isLoading={controller.mudPointBalanceStatus === 'loading'}
        error={controller.mudPointBalanceError || null}
        onRequestDetails={() => void controller.onWalletBalanceMayHaveChanged()}
        onRecharge={controller.openRecharge}
        onOpenLedger={controller.openWalletLedger}
      />
    </div>
  );
}

export function AccountWalletDialogs({
  controller,
}: {
  controller: AccountWalletController;
}) {
  return (
    <>
      {controller.rechargeOpen ? (
        <PlatformProfileRechargeModal
          center={controller.rechargeModalCenter}
          isLoading={controller.rechargeLoading}
          error={controller.rechargeError}
          submittingProductId={controller.submittingRechargeProductId}
          nativePayment={controller.nativeRechargePayment}
          onClose={controller.closeRecharge}
          onRetry={() => void controller.loadRechargeCenter()}
          onBuy={(product) => void controller.buyRechargeProduct(product)}
          onConfirmNativePayment={() =>
            void controller.confirmNativeRechargePayment()
          }
          onCloseNativePayment={() => controller.setNativeRechargePayment(null)}
        />
      ) : null}
      {controller.walletLedgerOpen ? (
        <PlatformProfileWalletLedgerModal
          ledger={controller.walletLedger}
          fallbackBalance={
            controller.mudPointBalance?.totalPoints ??
            controller.legacyWalletBalance ??
            0
          }
          isLoading={controller.walletLedgerLoading}
          error={controller.walletLedgerError}
          onClose={() => controller.setWalletLedgerOpen(false)}
          onRetry={() => void controller.loadWalletLedger()}
        />
      ) : null}
    </>
  );
}