@djangocfg/ext-payments 1.0.21 → 1.0.22

package/src/components/WithdrawSheet.tsx

@@ -13,6 +13,9 @@ import { useForm } from 'react-hook-form';
 import { z } from 'zod';
 import { zodResolver } from '@hookform/resolvers/zod';
 
+import { createTypedExtensionT } from '@djangocfg/ext-base/i18n';
+import { useT } from '@djangocfg/i18n';
+import { PAYMENTS_NAMESPACE, type PaymentsTranslations } from '../i18n';
 import {
   Alert,
   AlertDescription,
@@ -74,10 +77,31 @@ interface WithdrawSaved {
 // ─────────────────────────────────────────────────────────────────────────────
 
 export function WithdrawSheet({ open, onOpenChange, onSuccess }: WithdrawSheetProps) {
+  const baseT = useT();
+  const pt = createTypedExtensionT<typeof PAYMENTS_NAMESPACE, PaymentsTranslations>(baseT, PAYMENTS_NAMESPACE);
   const { currencies, isLoadingCurrencies, withdraw, balanceAmount } = useWallet();
   const [isSubmitting, setIsSubmitting] = useState(false);
   const [error, setError] = useState<string | null>(null);
 
+  // Prepare labels before render
+  const labels = useMemo(() => ({
+    title: pt('sheets.withdrawTitle'),
+    description: pt('sheets.withdrawDescription'),
+    amountUsd: pt('form.amountUsd'),
+    withdrawAs: pt('form.withdrawAs'),
+    walletAddress: pt('form.walletAddress'),
+    enterWalletAddress: pt('form.enterWalletAddress'),
+    amount: pt('form.amount'),
+    serviceFee: pt('estimate.serviceFee'),
+    networkFee: pt('estimate.networkFee'),
+    youWillReceive: pt('estimate.youWillReceive'),
+    calculating: pt('estimate.calculating'),
+    insufficientBalance: pt('withdraw.insufficientBalance'),
+    approvalWarning: pt('withdraw.approvalWarning'),
+    submitting: pt('withdraw.submitting'),
+    requestWithdrawal: pt('actions.requestWithdrawal'),
+  }), [pt]);
+
   // Remember last used currency and wallet address
   const [saved, setSaved] = useLocalStorage<WithdrawSaved>(STORAGE_KEY, {
     currency: '',
@@ -178,9 +202,9 @@ export function WithdrawSheet({ open, onOpenChange, onSuccess }: WithdrawSheetPr
     <ResponsiveSheet open={open} onOpenChange={handleOpenChange}>
       <ResponsiveSheetContent className="sm:max-w-md">
         <ResponsiveSheetHeader>
-          <ResponsiveSheetTitle>Withdraw</ResponsiveSheetTitle>
+          <ResponsiveSheetTitle>{labels.title}</ResponsiveSheetTitle>
           <ResponsiveSheetDescription>
-            Withdraw funds to your cryptocurrency wallet
+            {labels.description}
           </ResponsiveSheetDescription>
         </ResponsiveSheetHeader>
 
@@ -192,7 +216,7 @@ export function WithdrawSheet({ open, onOpenChange, onSuccess }: WithdrawSheetPr
               name="amount"
               render={({ field }) => (
                 <FormItem>
-                  <FormLabel>Amount (USD)</FormLabel>
+                  <FormLabel>{labels.amountUsd}</FormLabel>
                   <FormControl>
                     <div className="relative">
                       <span className="absolute left-4 top-1/2 -translate-y-1/2 text-muted-foreground text-lg">
@@ -212,7 +236,7 @@ export function WithdrawSheet({ open, onOpenChange, onSuccess }: WithdrawSheetPr
                   <FormMessage />
                   {insufficientBalance && (
                     <p className="text-sm text-destructive mt-1">
-                      Insufficient balance (Available: ${formatUsdAmount(balanceAmount)})
+                      {labels.insufficientBalance} (Available: ${formatUsdAmount(balanceAmount)})
                     </p>
                   )}
                 </FormItem>
@@ -225,7 +249,7 @@ export function WithdrawSheet({ open, onOpenChange, onSuccess }: WithdrawSheetPr
               name="currency"
               render={({ field }) => (
                 <FormItem>
-                  <FormLabel>Withdraw as</FormLabel>
+                  <FormLabel>{labels.withdrawAs}</FormLabel>
                   <FormControl>
                     <CurrencyCombobox
                       options={currencyOptions}
@@ -245,10 +269,10 @@ export function WithdrawSheet({ open, onOpenChange, onSuccess }: WithdrawSheetPr
               name="wallet_address"
               render={({ field }) => (
                 <FormItem>
-                  <FormLabel>Wallet Address</FormLabel>
+                  <FormLabel>{labels.walletAddress}</FormLabel>
                   <FormControl>
                     <Input
-                      placeholder="Enter your wallet address"
+                      placeholder={labels.enterWalletAddress}
                       className="font-mono text-sm"
                       {...field}
                     />
@@ -262,33 +286,33 @@ export function WithdrawSheet({ open, onOpenChange, onSuccess }: WithdrawSheetPr
             {amount >= 10 && selectedCurrency && (
               <div className="bg-muted rounded-xl p-4 space-y-2">
                 <div className="flex items-center justify-between text-sm">
-                  <span className="text-muted-foreground">Amount</span>
+                  <span className="text-muted-foreground">{labels.amount}</span>
                   <span>${formatUsdAmount(amount)}</span>
                 </div>
                 {isLoadingEstimate ? (
                   <div className="flex items-center gap-2 text-sm text-muted-foreground py-2">
                     <Loader2 className="h-4 w-4 animate-spin" />
-                    <span>Calculating fees...</span>
+                    <span>{labels.calculating}</span>
                   </div>
                 ) : estimate ? (
                   <>
                     <div className="flex items-center justify-between text-sm">
                       <span className="text-muted-foreground">
-                        Service fee ({estimate.serviceFeePercent}%)
+                        {labels.serviceFee} ({estimate.serviceFeePercent}%)
                       </span>
                       <span className="text-destructive">
                         -${formatUsdAmount(estimate.serviceFeeUsd)}
                       </span>
                     </div>
                     <div className="flex items-center justify-between text-sm">
-                      <span className="text-muted-foreground">Network fee</span>
+                      <span className="text-muted-foreground">{labels.networkFee}</span>
                       <span className="text-destructive">
                         -${formatUsdAmount(estimate.networkFeeUsd)}
                       </span>
                     </div>
                     <div className="border-t pt-2 mt-2">
                       <div className="flex items-center justify-between">
-                        <span className="font-medium">You will receive</span>
+                        <span className="font-medium">{labels.youWillReceive}</span>
                         <div className="text-right">
                           <div className="font-semibold">
                             ${formatUsdAmount(estimate.amountToReceive)}
@@ -313,7 +337,7 @@ export function WithdrawSheet({ open, onOpenChange, onSuccess }: WithdrawSheetPr
             <Alert>
               <AlertCircle className="h-4 w-4" />
               <AlertDescription>
-                Withdrawal requests require admin approval. Processing may take 24-48 hours.
+                {labels.approvalWarning}
               </AlertDescription>
             </Alert>
 
@@ -341,10 +365,10 @@ export function WithdrawSheet({ open, onOpenChange, onSuccess }: WithdrawSheetPr
               {isSubmitting ? (
                 <>
                   <RefreshCw className="h-5 w-5 mr-2 animate-spin" />
-                  Submitting...
+                  {labels.submitting}
                 </>
               ) : (
-                'Request Withdrawal'
+                labels.requestWithdrawal
               )}
             </Button>
           </form>

package/src/components/WithdrawalSheet.tsx

@@ -19,6 +19,9 @@ import {
 import moment from 'moment';
 import useSWR from 'swr';
 
+import { createTypedExtensionT } from '@djangocfg/ext-base/i18n';
+import { useT } from '@djangocfg/i18n';
+import { PAYMENTS_NAMESPACE, type PaymentsTranslations } from '../i18n';
 import {
   Button,
   CopyButton,
@@ -49,43 +52,37 @@ interface WithdrawalSheetProps {
 // Status Config
 // ─────────────────────────────────────────────────────────────────────────────
 
-const statusConfig: Record<string, { icon: any; color: string; bg: string; label: string; animate?: boolean }> = {
+const statusConfig: Record<string, { icon: any; color: string; bg: string; animate?: boolean }> = {
   pending: {
     icon: Clock,
     color: 'text-yellow-500',
     bg: 'bg-yellow-500/10',
-    label: 'Pending Approval',
   },
   approved: {
     icon: CheckCircle2,
     color: 'text-blue-500',
     bg: 'bg-blue-500/10',
-    label: 'Approved',
   },
   processing: {
     icon: RefreshCw,
     color: 'text-blue-500',
     bg: 'bg-blue-500/10',
-    label: 'Processing',
     animate: true,
   },
   completed: {
     icon: CheckCircle2,
     color: 'text-green-500',
     bg: 'bg-green-500/10',
-    label: 'Completed',
   },
   rejected: {
     icon: XCircle,
     color: 'text-red-500',
     bg: 'bg-red-500/10',
-    label: 'Rejected',
   },
   cancelled: {
     icon: Ban,
     color: 'text-muted-foreground',
     bg: 'bg-muted',
-    label: 'Cancelled',
   },
 };
 
@@ -94,8 +91,46 @@ const statusConfig: Record<string, { icon: any; color: string; bg: string; label
 // ─────────────────────────────────────────────────────────────────────────────
 
 export function WithdrawalSheet({ withdrawalId, open, onOpenChange }: WithdrawalSheetProps) {
+  const baseT = useT();
+  const pt = createTypedExtensionT<typeof PAYMENTS_NAMESPACE, PaymentsTranslations>(baseT, PAYMENTS_NAMESPACE);
   const { getWithdrawalDetails, cancelWithdrawal, refreshWallet } = useWallet();
 
+  // Prepare labels before render
+  const labels = useMemo(() => ({
+    title: pt('sheets.withdrawalTitle'),
+    // Status labels
+    pending: pt('withdrawalStatus.pending'),
+    approved: pt('withdrawalStatus.approved'),
+    processing: pt('withdrawalStatus.processing'),
+    completed: pt('withdrawalStatus.completed'),
+    rejected: pt('withdrawalStatus.rejected'),
+    cancelled: pt('withdrawalStatus.cancelled'),
+    // Descriptions
+    pendingApproval: pt('withdrawalDescriptions.pendingApproval'),
+    processingDesc: pt('withdrawalDescriptions.processing'),
+    completedDesc: pt('withdrawalDescriptions.completed'),
+    rejectedDesc: pt('withdrawalDescriptions.rejected'),
+    cancelledDesc: pt('withdrawalDescriptions.cancelled'),
+    // Form
+    amount: pt('form.amount'),
+    totalFees: pt('estimate.serviceFee'),
+    youReceive: pt('estimate.youWillReceive'),
+    cryptoAmount: pt('form.amount'),
+    destinationWallet: pt('form.walletAddress'),
+    transactionHash: pt('form.transactionHash'),
+    withdrawalId: pt('form.paymentId'),
+    reference: pt('form.orderId'),
+    created: pt('form.created'),
+    network: pt('form.network'),
+    // Actions
+    viewOnExplorer: pt('actions.openInPaymentProvider'),
+    cancel: pt('actions.cancel'),
+    refreshStatus: pt('actions.refreshStatus'),
+    tryAgain: pt('actions.tryAgain'),
+    // Messages
+    failedToLoad: pt('messages.failedToLoadPayment'),
+  }), [pt]);
+
   // Fetch withdrawal details when sheet is open
   const { data: withdrawal, isLoading, error, mutate } = useSWR<WithdrawalDetail>(
     open && withdrawalId ? ['withdrawal-details', withdrawalId] : null,
@@ -115,13 +150,23 @@ export function WithdrawalSheet({ withdrawalId, open, onOpenChange }: Withdrawal
     const isProcessing = s === 'processing' || s === 'approved';
     const canCancel = isPending;
 
+    // Status label from translations
+    const statusLabels: Record<string, string> = {
+      pending: labels.pending,
+      approved: labels.approved,
+      processing: labels.processing,
+      completed: labels.completed,
+      rejected: labels.rejected,
+      cancelled: labels.cancelled,
+    };
+
     // Description text
     let description = '';
-    if (isPending) description = 'Waiting for admin approval';
-    else if (isProcessing) description = 'Your withdrawal is being processed';
-    else if (isCompleted) description = 'Withdrawal completed successfully';
-    else if (isRejected) description = 'Withdrawal was rejected';
-    else if (isCancelled) description = 'Withdrawal was cancelled';
+    if (isPending) description = labels.pendingApproval;
+    else if (isProcessing) description = labels.processingDesc;
+    else if (isCompleted) description = labels.completedDesc;
+    else if (isRejected) description = labels.rejectedDesc;
+    else if (isCancelled) description = labels.cancelledDesc;
 
     // Formatted values
     const amountUsd = withdrawal?.amount_usd ? `$${parseFloat(withdrawal.amount_usd).toFixed(2)}` : '';
@@ -137,6 +182,7 @@ export function WithdrawalSheet({ withdrawalId, open, onOpenChange }: Withdrawal
     return {
       status: s,
       config,
+      statusLabel: statusLabels[s] || statusLabels.pending,
       isPending,
       isCompleted,
       isRejected,
@@ -150,9 +196,9 @@ export function WithdrawalSheet({ withdrawalId, open, onOpenChange }: Withdrawal
       createdAt,
       completedAt,
     };
-  }, [withdrawal]);
+  }, [withdrawal, labels]);
 
-  const { config, canCancel, description, amountUsd, finalAmountUsd, totalFeeUsd, createdAt, completedAt } = displayData;
+  const { config, statusLabel, canCancel, description, amountUsd, finalAmountUsd, totalFeeUsd, createdAt, completedAt } = displayData;
   const StatusIcon = config.icon;
 
   // Handle cancel
@@ -171,7 +217,7 @@ export function WithdrawalSheet({ withdrawalId, open, onOpenChange }: Withdrawal
     <ResponsiveSheet open={open} onOpenChange={onOpenChange}>
       <ResponsiveSheetContent className="sm:max-w-lg">
         <ResponsiveSheetHeader>
-          <ResponsiveSheetTitle>Withdrawal Details</ResponsiveSheetTitle>
+          <ResponsiveSheetTitle>{labels.title}</ResponsiveSheetTitle>
           <ResponsiveSheetDescription>{description}</ResponsiveSheetDescription>
         </ResponsiveSheetHeader>
 
@@ -187,8 +233,8 @@ export function WithdrawalSheet({ withdrawalId, open, onOpenChange }: Withdrawal
           {error && (
             <div className="flex flex-col items-center justify-center py-12">
               <XCircle className="h-12 w-12 text-destructive mb-4" />
-              <p className="text-sm text-muted-foreground mb-4">Failed to load withdrawal</p>
-              <Button onClick={() => mutate()}>Try Again</Button>
+              <p className="text-sm text-muted-foreground mb-4">{labels.failedToLoad}</p>
+              <Button onClick={() => mutate()}>{labels.tryAgain}</Button>
             </div>
           )}
 
@@ -198,7 +244,7 @@ export function WithdrawalSheet({ withdrawalId, open, onOpenChange }: Withdrawal
               <div className={cn('flex items-center gap-3 p-4 rounded-xl', config.bg)}>
                 <StatusIcon className={cn('h-6 w-6', config.color, config.animate && 'animate-spin')} />
                 <div className="flex-1">
-                  <div className="font-semibold">{config.label}</div>
+                  <div className="font-semibold">{statusLabel}</div>
                   {withdrawal.admin_notes && (
                     <div className="text-sm text-muted-foreground">{withdrawal.admin_notes}</div>
                   )}
@@ -208,17 +254,17 @@ export function WithdrawalSheet({ withdrawalId, open, onOpenChange }: Withdrawal
               {/* Amount Breakdown */}
               <div className="bg-muted rounded-xl p-4 space-y-3">
                 <div className="flex items-center justify-between">
-                  <span className="text-muted-foreground">Amount</span>
+                  <span className="text-muted-foreground">{labels.amount}</span>
                   <span className="font-semibold">{amountUsd}</span>
                 </div>
                 {totalFeeUsd && (
                   <div className="flex items-center justify-between text-sm">
-                    <span className="text-muted-foreground">Total fees</span>
+                    <span className="text-muted-foreground">{labels.totalFees}</span>
                     <span className="text-destructive">-{totalFeeUsd}</span>
                   </div>
                 )}
                 <div className="flex items-center justify-between pt-2 border-t">
-                  <span className="text-muted-foreground">You receive</span>
+                  <span className="text-muted-foreground">{labels.youReceive}</span>
                   <div className="flex items-center gap-2">
                     <TokenIcon symbol={withdrawal.currency_code} size={24} />
                     <span className="font-mono font-bold text-lg">
@@ -228,7 +274,7 @@ export function WithdrawalSheet({ withdrawalId, open, onOpenChange }: Withdrawal
                 </div>
                 {withdrawal.crypto_amount && (
                   <div className="flex items-center justify-between text-sm">
-                    <span className="text-muted-foreground">Crypto amount</span>
+                    <span className="text-muted-foreground">{labels.cryptoAmount}</span>
                     <span className="font-mono">{withdrawal.crypto_amount} {withdrawal.currency_token}</span>
                   </div>
                 )}
@@ -237,7 +283,7 @@ export function WithdrawalSheet({ withdrawalId, open, onOpenChange }: Withdrawal
               {/* Wallet Address */}
               {withdrawal.wallet_address && (
                 <div className="space-y-2">
-                  <label className="text-sm font-medium">Destination Wallet</label>
+                  <label className="text-sm font-medium">{labels.destinationWallet}</label>
                   <div className="flex items-center gap-2">
                     <div className="flex-1 p-3 bg-muted rounded-xl font-mono text-sm break-all">
                       {withdrawal.wallet_address}
@@ -250,7 +296,7 @@ export function WithdrawalSheet({ withdrawalId, open, onOpenChange }: Withdrawal
               {/* Transaction Hash (if completed) */}
               {withdrawal.transaction_hash && (
                 <div className="space-y-2">
-                  <label className="text-sm font-medium">Transaction Hash</label>
+                  <label className="text-sm font-medium">{labels.transactionHash}</label>
                   <div className="flex items-center gap-2">
                     <div className="flex-1 p-3 bg-muted rounded-xl font-mono text-sm break-all">
                       {withdrawal.transaction_hash}
@@ -268,7 +314,7 @@ export function WithdrawalSheet({ withdrawalId, open, onOpenChange }: Withdrawal
                   onClick={() => window.open(withdrawal.explorer_link!, '_blank')}
                 >
                   <ExternalLink className="h-4 w-4 mr-2" />
-                  View on Explorer
+                  {labels.viewOnExplorer}
                 </Button>
               )}
 
@@ -280,35 +326,35 @@ export function WithdrawalSheet({ withdrawalId, open, onOpenChange }: Withdrawal
                   onClick={handleCancel}
                 >
                   <Ban className="h-4 w-4 mr-2" />
-                  Cancel Withdrawal
+                  {labels.cancel}
                 </Button>
               )}
 
               {/* Metadata */}
               <div className="space-y-2 text-xs text-muted-foreground pt-4 border-t">
                 <div className="flex justify-between">
-                  <span>Withdrawal ID</span>
+                  <span>{labels.withdrawalId}</span>
                   <span className="font-mono">{withdrawal.id}</span>
                 </div>
                 {withdrawal.internal_withdrawal_id && (
                   <div className="flex justify-between">
-                    <span>Reference #</span>
+                    <span>{labels.reference}</span>
                     <span className="font-mono">{withdrawal.internal_withdrawal_id}</span>
                   </div>
                 )}
                 <div className="flex justify-between">
-                  <span>Created</span>
+                  <span>{labels.created}</span>
                   <span>{createdAt}</span>
                 </div>
                 {completedAt && (
                   <div className="flex justify-between">
-                    <span>Completed</span>
+                    <span>{labels.completed}</span>
                     <span>{completedAt}</span>
                   </div>
                 )}
                 {withdrawal.currency_network && (
                   <div className="flex justify-between">
-                    <span>Network</span>
+                    <span>{labels.network}</span>
                     <span>{withdrawal.currency_network}</span>
                   </div>
                 )}
@@ -321,7 +367,7 @@ export function WithdrawalSheet({ withdrawalId, open, onOpenChange }: Withdrawal
                 onClick={() => mutate()}
               >
                 <RefreshCw className="h-4 w-4 mr-2" />
-                Refresh Status
+                {labels.refreshStatus}
               </Button>
             </div>
           )}

package/src/i18n/index.ts

@@ -0,0 +1,35 @@
+/**
+ * Payments Extension I18n
+ *
+ * Provides translations for the payments extension.
+ * Can be merged with app translations using mergeExtensionTranslations from @djangocfg/ext-base/i18n
+ */
+
+import { createExtensionI18n } from '@djangocfg/ext-base/i18n';
+import type { PaymentsTranslations } from './types';
+import { en } from './locales/en';
+import { ru } from './locales/ru';
+import { ko } from './locales/ko';
+
+/** Payments extension namespace */
+export const PAYMENTS_NAMESPACE = 'payments' as const;
+
+/**
+ * Payments extension i18n instance
+ */
+export const paymentsI18n = createExtensionI18n<PaymentsTranslations>({
+  namespace: PAYMENTS_NAMESPACE,
+  defaultLocale: 'en',
+  locales: { en, ru, ko },
+});
+
+/**
+ * All payments translations ready to merge with app translations
+ */
+export const paymentsTranslations = paymentsI18n.getAllTranslations();
+
+// Types
+export type { PaymentsTranslations, PaymentsKeys, PaymentsLocalKeys } from './types';
+
+// Re-export locales for direct access if needed
+export { en, ru, ko };

package/src/i18n/locales/en.ts

@@ -0,0 +1,136 @@
+import type { PaymentsTranslations } from '../types';
+
+export const en: PaymentsTranslations = {
+  balance: {
+    available: 'Available Balance',
+    totalDeposited: 'Total Deposited',
+    totalWithdrawn: 'Total Withdrawn',
+  },
+
+  actions: {
+    addFunds: 'Add Funds',
+    withdraw: 'Withdraw',
+    continue: 'Continue',
+    requestWithdrawal: 'Request Withdrawal',
+    cancel: 'Cancel',
+    close: 'Close',
+    copyAddress: 'Copy Address',
+    copied: 'Copied!',
+    viewAll: 'View All',
+    tryAgain: 'Try Again',
+    refreshStatus: 'Refresh Status',
+    createNewPayment: 'Create New Payment',
+    openInPaymentProvider: 'Open in Payment Provider',
+  },
+
+  paymentStatus: {
+    waiting: 'Waiting for payment',
+    confirming: 'Confirming',
+    completed: 'Completed',
+    failed: 'Failed',
+    expired: 'Expired',
+    paymentExpired: 'Payment Expired',
+  },
+
+  withdrawalStatus: {
+    pending: 'Pending Approval',
+    approved: 'Approved',
+    processing: 'Processing',
+    completed: 'Completed',
+    rejected: 'Rejected',
+    cancelled: 'Cancelled',
+  },
+
+  paymentDescriptions: {
+    sendCrypto: 'Send cryptocurrency to complete payment',
+    expired: 'This payment has expired',
+    completed: 'Payment completed successfully',
+    failed: 'Payment failed',
+    confirming: 'Confirming your payment',
+    createNew: 'Please create a new payment to continue',
+  },
+
+  withdrawalDescriptions: {
+    pendingApproval: 'Waiting for admin approval',
+    processing: 'Your withdrawal is being processed',
+    completed: 'Withdrawal completed successfully',
+    rejected: 'Withdrawal was rejected',
+    cancelled: 'Withdrawal was cancelled',
+  },
+
+  form: {
+    amount: 'Amount',
+    amountUsd: 'Amount (USD)',
+    currency: 'Currency',
+    walletAddress: 'Wallet Address',
+    selectCurrency: 'Select currency...',
+    enterWalletAddress: 'Enter your wallet address',
+    search: 'Search...',
+    payWith: 'Pay with',
+    withdrawAs: 'Withdraw as',
+    amountToSend: 'Amount to send',
+    equivalent: 'Equivalent',
+    network: 'Network',
+    paymentAddress: 'Payment Address',
+    transactionHash: 'Transaction Hash',
+    paymentId: 'Payment ID',
+    orderId: 'Order #',
+    created: 'Created',
+  },
+
+  validation: {
+    minimumDeposit: 'Minimum $1',
+    minimumWithdrawal: 'Minimum $10',
+    selectCurrency: 'Select a currency',
+    invalidWalletAddress: 'Invalid wallet address',
+  },
+
+  messages: {
+    paymentCreated: 'Payment created successfully',
+    paymentFailed: 'Failed to create payment',
+    withdrawalCreated: 'Withdrawal request created',
+    withdrawalFailed: 'Failed to create withdrawal request',
+    withdrawalCancelled: 'Withdrawal cancelled',
+    addressCopied: 'Address copied to clipboard',
+    failedToLoadPayment: 'Failed to load payment',
+    failedToCreateWithdrawal: 'Failed to create withdrawal request',
+  },
+
+  sheets: {
+    addFundsTitle: 'Add Funds',
+    addFundsDescription: 'Add funds to your wallet using cryptocurrency',
+    withdrawTitle: 'Withdraw',
+    withdrawDescription: 'Withdraw funds to your cryptocurrency wallet',
+    paymentTitle: 'Payment Details',
+    withdrawalTitle: 'Withdrawal Details',
+  },
+
+  activity: {
+    title: 'Recent Activity',
+    noActivity: 'No Activity Yet',
+    deposit: 'Deposit',
+    withdrawal: 'Withdrawal',
+    payment: 'Payment',
+    transactionsWillAppear: 'Your transactions will appear here',
+  },
+
+  estimate: {
+    gettingRate: 'Getting rate...',
+    calculating: 'Calculating fees...',
+    enterAmountToSee: 'Enter amount to see conversion',
+    youWillSend: 'You will send',
+    youWillReceive: 'You will receive',
+    serviceFee: 'Service fee',
+    networkFee: 'Network fee',
+    rate: 'Rate',
+    minimumAmount: 'Minimum amount',
+  },
+
+  withdraw: {
+    insufficientBalance: 'Insufficient balance',
+    approvalWarning: 'Withdrawal requests require admin approval. Processing may take 24-48 hours.',
+    submitting: 'Submitting...',
+    creating: 'Creating...',
+    expiresIn: 'Expires in',
+  },
+};