feat: add jackpot animations and enhance currency handling across components

- Introduced new CSS animations for jackpot effects to improve visual engagement.
- Integrated CurrencySwitcher into PlayerPanel and HallScreen for better currency management.
- Updated various components to utilize active player currency for consistent display.
- Enhanced event handling for currency changes to ensure real-time updates across the application.

src/features/orders/ticket-item-status.tsx

@@ -7,8 +7,11 @@ export function ticketStatusDisplay(
   t?: (key: string, options?: { defaultValue?: string; status?: string }) => string,
 ): { label: string; dotClass: string; ring?: boolean } {
   const total = winMinor + jackpotMinor;
-  if (status === "success") {
-    return { label: t?.("ticketStatus.success") ?? status, dotClass: "bg-sky-500" };
+  if (status === "success" || status === "pending_draw") {
+    return {
+      label: t?.(status === "pending_draw" ? "ticketStatus.pending_draw" : "ticketStatus.success") ?? status,
+      dotClass: "bg-sky-500",
+    };
   }
   if (status === "pending_payout") {
     return { label: t?.("ticketStatus.pending_payout") ?? status, dotClass: "bg-amber-500" };

src/features/orders/ticket-order-detail-screen.tsx

@@ -21,10 +21,9 @@ import { StatusDot, ticketStatusDisplay } from "@/features/orders/ticket-item-st
 import { formatLotteryInstant } from "@/lib/player-datetime";
 import { formatMinorAsCurrency } from "@/lib/money";
 import { norm4d } from "@/lib/norm-4d";
-import { resolvePlayerCurrency } from "@/lib/player-currency";
+import { useActivePlayerCurrency } from "@/hooks/use-active-player-currency";
 import { playLabel } from "@/lib/play-labels";
 import { cn } from "@/lib/utils";
-import { usePlayerSessionStore } from "@/stores/player-session-store";
 import type { TicketItemDetailPayload } from "@/types/api/ticket-items";
 
 type OddsSnapRow = { prize_scope?: string; odds_value?: number };
@@ -69,7 +68,7 @@ type TicketItemDetailWithExtras = TicketItemDetailPayload & {
 /** 界面文档 §4.8 注单详情 */
 export function TicketOrderDetailScreen({ ticketNo }: { ticketNo: string }) {
   const { t } = useTranslation("player");
-  const profile = usePlayerSessionStore((state) => state.profile);
+  const { activeCurrency } = useActivePlayerCurrency();
   useCurrencyCatalog();
   const [data, setData] = useState<TicketItemDetailPayload | null>(null);
   const [error, setError] = useState<string | null>(null);
@@ -132,7 +131,7 @@ export function TicketOrderDetailScreen({ ticketNo }: { ticketNo: string }) {
     );
   }
 
-  const cur = data.currency_code ?? resolvePlayerCurrency(profile);
+  const cur = data.currency_code ?? activeCurrency;
   const st = ticketStatusDisplay(data.status, data.win_amount, data.jackpot_win_amount, t);
   const totalWin = data.win_amount + data.jackpot_win_amount;
   const pub = data.published_draw_results;

src/features/orders/ticket-orders-list-screen.tsx

@@ -19,14 +19,13 @@ import { useCurrencyCatalog } from "@/hooks/use-currency-catalog";
 import { useIsMobile } from "@/hooks/use-mobile";
 import { formatMinorAsCurrency } from "@/lib/money";
 import { formatLotteryInstant } from "@/lib/player-datetime";
-import { resolvePlayerCurrency } from "@/lib/player-currency";
+import { useActivePlayerCurrency } from "@/hooks/use-active-player-currency";
 import { playLabel } from "@/lib/play-labels";
 import { cn } from "@/lib/utils";
-import { usePlayerSessionStore } from "@/stores/player-session-store";
 import type { TicketItemListRow } from "@/types/api/ticket-items";
 
 const ORDERS_PAGE_SIZE = 20;
-const STATUS_OPTIONS = ["success", "settled_win", "settled_lose", "failed"] as const;
+const STATUS_OPTIONS = ["pending_draw", "success", "settled_win", "settled_lose", "failed"] as const;
 
 function parseYmd(value: string): Date | undefined {
   const m = /^(\d{4})-(\d{2})-(\d{2})$/.exec(value);
@@ -45,7 +44,7 @@ function formatYmd(value: Date): string {
 export function TicketOrdersListScreen() {
   const searchParams = useSearchParams();
   const { t } = useTranslation("player");
-  const profile = usePlayerSessionStore((state) => state.profile);
+  const { activeCurrency } = useActivePlayerCurrency();
   useCurrencyCatalog();
   const drawNoFilter = useMemo(() => (searchParams.get("draw_no") ?? "").trim(), [searchParams]);
   const statusFilter = useMemo(
@@ -356,7 +355,7 @@ export function TicketOrdersListScreen() {
           <>
             <div className="space-y-3">
               {items.map((row) => {
-                const cur = row.currency_code ?? resolvePlayerCurrency(profile);
+                const cur = row.currency_code ?? activeCurrency;
                 const st = ticketStatusDisplay(row.status, row.win_amount, row.jackpot_win_amount, t);
                 const totalWin = row.win_amount + row.jackpot_win_amount;
                 return (