@dubsdotapp/expo 0.2.38 → 0.2.39

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dubsdotapp/expo",
-  "version": "0.2.38",
+  "version": "0.2.39",
   "description": "React Native SDK for the Dubs betting platform",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",

package/src/ui/game/ClaimPrizeSheet.tsx

@@ -21,6 +21,8 @@ export interface ClaimPrizeSheetProps {
   gameId: string;
   /** Prize amount in SOL */
   prizeAmount: number;
+  /** When true, shows refund language instead of prize language */
+  isRefund?: boolean;
   /** Callbacks */
   onSuccess?: (result: ClaimMutationResult) => void;
   onError?: (error: Error) => void;
@@ -38,6 +40,7 @@ export function ClaimPrizeSheet({
   onDismiss,
   gameId,
   prizeAmount,
+  isRefund = false,
   onSuccess,
   onError,
 }: ClaimPrizeSheetProps) {
@@ -148,7 +151,9 @@ export function ClaimPrizeSheet({
             {/* Header */}
             <View style={styles.header}>
               <Text style={[styles.headerTitle, { color: t.text }]}>
-                {showCelebration ? 'Prize Claimed!' : 'Claim Prize'}
+                {showCelebration
+                  ? (isRefund ? 'Refund Claimed!' : 'Prize Claimed!')
+                  : (isRefund ? 'Claim Refund' : 'Claim Prize')}
               </Text>
               <TouchableOpacity onPress={onDismiss} activeOpacity={0.8}>
                 <Text style={[styles.closeButton, { color: t.textMuted }]}>{'\u2715'}</Text>
@@ -171,7 +176,7 @@ export function ClaimPrizeSheet({
                   +{prizeAmount} SOL
                 </Text>
                 <Text style={[styles.celebrationSubtext, { color: t.textMuted }]}>
-                  Winnings sent to your wallet
+                  {isRefund ? 'Refund sent to your wallet' : 'Winnings sent to your wallet'}
                 </Text>
               </Animated.View>
             )}
@@ -180,7 +185,7 @@ export function ClaimPrizeSheet({
             {!showCelebration && (
               <View style={[styles.summaryCard, { backgroundColor: t.surface, borderColor: t.border }]}>
                 <View style={styles.summaryRow}>
-                  <Text style={[styles.summaryLabel, { color: t.textMuted }]}>Prize</Text>
+                  <Text style={[styles.summaryLabel, { color: t.textMuted }]}>{isRefund ? 'Refund' : 'Prize'}</Text>
                   <Text style={[styles.summaryValue, { color: t.success }]}>
                     {prizeAmount} SOL
                   </Text>
@@ -223,7 +228,7 @@ export function ClaimPrizeSheet({
                   </View>
                 ) : (
                   <Text style={[styles.ctaText, !canClaim && { opacity: 0.5 }]}>
-                    Claim Prize — {prizeAmount} SOL
+                    {isRefund ? 'Claim Refund' : 'Claim Prize'} — {prizeAmount} SOL
                   </Text>
                 )}
               </TouchableOpacity>