@dubsdotapp/expo 0.3.4 → 0.3.6

package/dist/index.mjs

@@ -5963,6 +5963,7 @@ function EnterArcadePoolSheet({
   onDismiss,
   pool,
   stats,
+  mode = "join",
   onSuccess,
   onError
 }) {
@@ -6010,6 +6011,10 @@ function EnterArcadePoolSheet({
     }
   }, [wallet.publicKey, mutation.execute, pool.id]);
   const statusLabel = STATUS_LABELS5[mutation.status] || "";
+  const isRejoin = mode === "rejoin";
+  const headerTitle = isRejoin ? "Play Again" : "Join Pool";
+  const ctaLabel = isRejoin ? `Play Again \u2014 ${buyInSol} SOL` : `Join Pool \u2014 ${buyInSol} SOL`;
+  const successLabel = isRejoin ? "Lives refilled!" : "Joined!";
   return /* @__PURE__ */ jsxs16(
     Modal5,
     {
@@ -6027,7 +6032,7 @@ function EnterArcadePoolSheet({
             children: /* @__PURE__ */ jsx18(View15, { style: styles15.sheetPositioner, children: /* @__PURE__ */ jsxs16(View15, { style: [styles15.sheet, { backgroundColor: t.background }], children: [
               /* @__PURE__ */ jsx18(View15, { style: styles15.handleRow, children: /* @__PURE__ */ jsx18(View15, { style: [styles15.handle, { backgroundColor: t.textMuted }] }) }),
               /* @__PURE__ */ jsxs16(View15, { style: styles15.header, children: [
-                /* @__PURE__ */ jsx18(Text16, { style: [styles15.headerTitle, { color: t.text }], children: "Join Pool" }),
+                /* @__PURE__ */ jsx18(Text16, { style: [styles15.headerTitle, { color: t.text }], children: headerTitle }),
                 /* @__PURE__ */ jsx18(TouchableOpacity12, { onPress: onDismiss, activeOpacity: 0.8, children: /* @__PURE__ */ jsx18(Text16, { style: [styles15.closeButton, { color: t.textMuted }], children: "\u2715" }) })
               ] }),
               /* @__PURE__ */ jsx18(Text16, { style: [styles15.poolName, { color: t.textSecondary }], children: pool.name }),
@@ -6079,7 +6084,7 @@ function EnterArcadePoolSheet({
                   children: isMutating ? /* @__PURE__ */ jsxs16(View15, { style: styles15.ctaLoading, children: [
                     /* @__PURE__ */ jsx18(ActivityIndicator9, { size: "small", color: "#FFFFFF" }),
                     /* @__PURE__ */ jsx18(Text16, { style: styles15.ctaText, children: statusLabel })
-                  ] }) : mutation.status === "success" ? /* @__PURE__ */ jsx18(Text16, { style: styles15.ctaText, children: "Joined!" }) : /* @__PURE__ */ jsx18(Text16, { style: [styles15.ctaText, !canJoin && { opacity: 0.5 }], children: `Join Pool \u2014 ${buyInSol} SOL` })
+                  ] }) : mutation.status === "success" ? /* @__PURE__ */ jsx18(Text16, { style: styles15.ctaText, children: successLabel }) : /* @__PURE__ */ jsx18(Text16, { style: [styles15.ctaText, !canJoin && { opacity: 0.5 }], children: ctaLabel })
                 }
               )
             ] }) })
@@ -6147,7 +6152,191 @@ var styles15 = StyleSheet16.create({
   ctaText: { color: "#FFFFFF", fontSize: 16, fontWeight: "700" },
   ctaLoading: { flexDirection: "row", alignItems: "center", gap: 10 }
 });
+
+// src/ui/game/ArcadeLeaderboardSheet.tsx
+import { useEffect as useEffect19, useRef as useRef10 } from "react";
+import {
+  View as View16,
+  Text as Text17,
+  TouchableOpacity as TouchableOpacity13,
+  Modal as Modal6,
+  Animated as Animated7,
+  StyleSheet as StyleSheet17,
+  KeyboardAvoidingView as KeyboardAvoidingView7,
+  Platform as Platform10,
+  Image as Image6,
+  FlatList
+} from "react-native";
+import { jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
+function RankLabel({ index }) {
+  if (index === 0) return /* @__PURE__ */ jsx19(Text17, { style: styles16.rankEmoji, children: "\u{1F947}" });
+  if (index === 1) return /* @__PURE__ */ jsx19(Text17, { style: styles16.rankEmoji, children: "\u{1F948}" });
+  if (index === 2) return /* @__PURE__ */ jsx19(Text17, { style: styles16.rankEmoji, children: "\u{1F949}" });
+  return /* @__PURE__ */ jsx19(Text17, { style: styles16.rankNum, children: index + 1 });
+}
+function ArcadeLeaderboardSheet({
+  visible,
+  onDismiss,
+  poolId,
+  highlightWallet
+}) {
+  const t = useDubsTheme();
+  const { pool, leaderboard, stats, loading, refetch } = useArcadePool(poolId);
+  const overlayOpacity = useRef10(new Animated7.Value(0)).current;
+  useEffect19(() => {
+    Animated7.timing(overlayOpacity, {
+      toValue: visible ? 1 : 0,
+      duration: 250,
+      useNativeDriver: true
+    }).start();
+  }, [visible, overlayOpacity]);
+  useEffect19(() => {
+    if (visible) refetch();
+  }, [visible]);
+  const renderItem = ({ item, index }) => {
+    const isMe = highlightWallet && item.wallet_address === highlightWallet;
+    return /* @__PURE__ */ jsxs17(
+      View16,
+      {
+        style: [
+          styles16.row,
+          { backgroundColor: isMe ? `${t.accent}18` : index % 2 === 0 ? t.surface : "transparent" },
+          isMe ? { borderWidth: 1, borderColor: t.accent } : void 0
+        ],
+        children: [
+          /* @__PURE__ */ jsx19(View16, { style: styles16.rankCol, children: /* @__PURE__ */ jsx19(RankLabel, { index }) }),
+          item.avatar ? /* @__PURE__ */ jsx19(Image6, { source: { uri: item.avatar }, style: styles16.avatar }) : /* @__PURE__ */ jsx19(View16, { style: [styles16.avatar, { backgroundColor: t.border }] }),
+          /* @__PURE__ */ jsxs17(View16, { style: styles16.nameCol, children: [
+            /* @__PURE__ */ jsx19(Text17, { style: [styles16.name, { color: t.text }], numberOfLines: 1, children: item.username || `${item.wallet_address.slice(0, 4)}...${item.wallet_address.slice(-4)}` }),
+            /* @__PURE__ */ jsxs17(Text17, { style: [styles16.lives, { color: t.textMuted }], children: [
+              item.lives_used,
+              " ",
+              item.lives_used === 1 ? "life" : "lives",
+              " used"
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx19(Text17, { style: [styles16.score, { color: t.accent }], children: item.best_score })
+        ]
+      }
+    );
+  };
+  return /* @__PURE__ */ jsxs17(
+    Modal6,
+    {
+      visible,
+      animationType: "slide",
+      transparent: true,
+      onRequestClose: onDismiss,
+      children: [
+        /* @__PURE__ */ jsx19(Animated7.View, { style: [styles16.overlay, { opacity: overlayOpacity }], children: /* @__PURE__ */ jsx19(TouchableOpacity13, { style: styles16.overlayTap, activeOpacity: 1, onPress: onDismiss }) }),
+        /* @__PURE__ */ jsx19(
+          KeyboardAvoidingView7,
+          {
+            style: styles16.keyboardView,
+            behavior: Platform10.OS === "ios" ? "padding" : void 0,
+            children: /* @__PURE__ */ jsx19(View16, { style: styles16.sheetPositioner, children: /* @__PURE__ */ jsxs17(View16, { style: [styles16.sheet, { backgroundColor: t.background }], children: [
+              /* @__PURE__ */ jsx19(View16, { style: styles16.handleRow, children: /* @__PURE__ */ jsx19(View16, { style: [styles16.handle, { backgroundColor: t.textMuted }] }) }),
+              /* @__PURE__ */ jsxs17(View16, { style: styles16.header, children: [
+                /* @__PURE__ */ jsxs17(View16, { children: [
+                  /* @__PURE__ */ jsx19(Text17, { style: [styles16.headerTitle, { color: t.text }], children: "Leaderboard" }),
+                  pool && /* @__PURE__ */ jsx19(Text17, { style: [styles16.poolName, { color: t.textMuted }], children: pool.name })
+                ] }),
+                /* @__PURE__ */ jsx19(TouchableOpacity13, { onPress: onDismiss, activeOpacity: 0.8, children: /* @__PURE__ */ jsx19(Text17, { style: [styles16.closeButton, { color: t.textMuted }], children: "\u2715" }) })
+              ] }),
+              stats && /* @__PURE__ */ jsxs17(View16, { style: [styles16.statsBar, { backgroundColor: t.surface, borderColor: t.border }], children: [
+                /* @__PURE__ */ jsxs17(View16, { style: styles16.statItem, children: [
+                  /* @__PURE__ */ jsx19(Text17, { style: [styles16.statValue, { color: t.text }], children: stats.total_entries }),
+                  /* @__PURE__ */ jsx19(Text17, { style: [styles16.statLabel, { color: t.textMuted }], children: "Players" })
+                ] }),
+                /* @__PURE__ */ jsx19(View16, { style: [styles16.statDivider, { backgroundColor: t.border }] }),
+                /* @__PURE__ */ jsxs17(View16, { style: styles16.statItem, children: [
+                  /* @__PURE__ */ jsx19(Text17, { style: [styles16.statValue, { color: t.accent }], children: stats.top_score }),
+                  /* @__PURE__ */ jsx19(Text17, { style: [styles16.statLabel, { color: t.textMuted }], children: "Top Score" })
+                ] }),
+                /* @__PURE__ */ jsx19(View16, { style: [styles16.statDivider, { backgroundColor: t.border }] }),
+                /* @__PURE__ */ jsxs17(View16, { style: styles16.statItem, children: [
+                  /* @__PURE__ */ jsx19(Text17, { style: [styles16.statValue, { color: t.text }], children: Math.round(stats.avg_score) }),
+                  /* @__PURE__ */ jsx19(Text17, { style: [styles16.statLabel, { color: t.textMuted }], children: "Avg Score" })
+                ] })
+              ] }),
+              /* @__PURE__ */ jsx19(
+                FlatList,
+                {
+                  data: leaderboard,
+                  renderItem,
+                  keyExtractor: (item) => String(item.id),
+                  style: styles16.list,
+                  contentContainerStyle: styles16.listContent,
+                  ListEmptyComponent: /* @__PURE__ */ jsx19(View16, { style: styles16.emptyState, children: /* @__PURE__ */ jsx19(Text17, { style: [styles16.emptyText, { color: t.textMuted }], children: loading ? "Loading..." : "No scores yet" }) })
+                }
+              )
+            ] }) })
+          }
+        )
+      ]
+    }
+  );
+}
+var styles16 = StyleSheet17.create({
+  overlay: {
+    ...StyleSheet17.absoluteFillObject,
+    backgroundColor: "rgba(0,0,0,0.5)"
+  },
+  overlayTap: { flex: 1 },
+  keyboardView: { flex: 1, justifyContent: "flex-end" },
+  sheetPositioner: { flex: 1, justifyContent: "flex-end" },
+  sheet: {
+    borderTopLeftRadius: 24,
+    borderTopRightRadius: 24,
+    paddingHorizontal: 20,
+    paddingBottom: 40,
+    maxHeight: "80%"
+  },
+  handleRow: { alignItems: "center", paddingTop: 10, paddingBottom: 8 },
+  handle: { width: 36, height: 4, borderRadius: 2, opacity: 0.4 },
+  header: {
+    flexDirection: "row",
+    alignItems: "flex-start",
+    justifyContent: "space-between",
+    paddingVertical: 12
+  },
+  headerTitle: { fontSize: 20, fontWeight: "700" },
+  poolName: { fontSize: 13, fontWeight: "600", marginTop: 2 },
+  closeButton: { fontSize: 20, padding: 4 },
+  statsBar: {
+    flexDirection: "row",
+    borderRadius: 12,
+    borderWidth: 1,
+    marginBottom: 12,
+    overflow: "hidden"
+  },
+  statItem: { flex: 1, alignItems: "center", paddingVertical: 10 },
+  statValue: { fontSize: 18, fontWeight: "800" },
+  statLabel: { fontSize: 11, fontWeight: "600", marginTop: 2 },
+  statDivider: { width: 1, marginVertical: 8 },
+  list: { flexGrow: 0 },
+  listContent: { paddingBottom: 8 },
+  row: {
+    flexDirection: "row",
+    alignItems: "center",
+    paddingVertical: 10,
+    paddingHorizontal: 12,
+    borderRadius: 10,
+    marginBottom: 2
+  },
+  rankCol: { width: 32, alignItems: "center" },
+  rankEmoji: { fontSize: 18 },
+  rankNum: { fontSize: 14, fontWeight: "700", color: "#888" },
+  avatar: { width: 32, height: 32, borderRadius: 16, marginRight: 10 },
+  nameCol: { flex: 1 },
+  name: { fontSize: 14, fontWeight: "600" },
+  lives: { fontSize: 11, marginTop: 1 },
+  score: { fontSize: 18, fontWeight: "800" },
+  emptyState: { paddingVertical: 40, alignItems: "center" },
+  emptyText: { fontSize: 14, fontWeight: "600" }
+});
 export {
+  ArcadeLeaderboardSheet,
   AuthGate,
   ClaimButton,
   ClaimPrizeSheet,