@dubsdotapp/expo 0.3.4 → 0.3.5

package/dist/index.mjs

@@ -5949,7 +5949,9 @@ import {
   Animated as Animated6,
   StyleSheet as StyleSheet16,
   KeyboardAvoidingView as KeyboardAvoidingView6,
-  Platform as Platform9
+  Platform as Platform9,
+  Image as Image6,
+  ScrollView as ScrollView5
 } from "react-native";
 import { Fragment as Fragment6, jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
 var STATUS_LABELS5 = {
@@ -5963,6 +5965,8 @@ function EnterArcadePoolSheet({
   onDismiss,
   pool,
   stats,
+  leaderboard,
+  mode = "join",
   onSuccess,
   onError
 }) {
@@ -6010,6 +6014,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,42 +6035,70 @@ 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 }),
-              /* @__PURE__ */ jsxs16(View15, { style: [styles15.summaryCard, { backgroundColor: t.surface, borderColor: t.border }], children: [
-                /* @__PURE__ */ jsxs16(View15, { style: styles15.summaryRow, children: [
-                  /* @__PURE__ */ jsx18(Text16, { style: [styles15.summaryLabel, { color: t.textMuted }], children: "Buy-in" }),
-                  /* @__PURE__ */ jsxs16(Text16, { style: [styles15.summaryValue, { color: t.text }], children: [
-                    buyInSol,
-                    " SOL"
-                  ] })
-                ] }),
-                /* @__PURE__ */ jsx18(View15, { style: [styles15.summarySep, { backgroundColor: t.border }] }),
-                /* @__PURE__ */ jsxs16(View15, { style: styles15.summaryRow, children: [
-                  /* @__PURE__ */ jsx18(Text16, { style: [styles15.summaryLabel, { color: t.textMuted }], children: "Players in" }),
-                  /* @__PURE__ */ jsx18(Text16, { style: [styles15.summaryValue, { color: t.text }], children: totalPlayers })
-                ] }),
-                /* @__PURE__ */ jsx18(View15, { style: [styles15.summarySep, { backgroundColor: t.border }] }),
-                /* @__PURE__ */ jsxs16(View15, { style: styles15.summaryRow, children: [
-                  /* @__PURE__ */ jsx18(Text16, { style: [styles15.summaryLabel, { color: t.textMuted }], children: "Current pot" }),
-                  /* @__PURE__ */ jsxs16(Text16, { style: [styles15.summaryValue, { color: t.success }], children: [
-                    potSol,
-                    " SOL"
-                  ] })
-                ] }),
-                /* @__PURE__ */ jsx18(View15, { style: [styles15.summarySep, { backgroundColor: t.border }] }),
-                /* @__PURE__ */ jsxs16(View15, { style: styles15.summaryRow, children: [
-                  /* @__PURE__ */ jsx18(Text16, { style: [styles15.summaryLabel, { color: t.textMuted }], children: "Lives" }),
-                  /* @__PURE__ */ jsx18(Text16, { style: [styles15.summaryValue, { color: t.text }], children: pool.max_lives })
-                ] }),
-                topScore > 0 && /* @__PURE__ */ jsxs16(Fragment6, { children: [
+              /* @__PURE__ */ jsxs16(ScrollView5, { style: styles15.scrollBody, bounces: false, children: [
+                /* @__PURE__ */ jsxs16(View15, { style: [styles15.summaryCard, { backgroundColor: t.surface, borderColor: t.border }], children: [
+                  /* @__PURE__ */ jsxs16(View15, { style: styles15.summaryRow, children: [
+                    /* @__PURE__ */ jsx18(Text16, { style: [styles15.summaryLabel, { color: t.textMuted }], children: "Buy-in" }),
+                    /* @__PURE__ */ jsxs16(Text16, { style: [styles15.summaryValue, { color: t.text }], children: [
+                      buyInSol,
+                      " SOL"
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ jsx18(View15, { style: [styles15.summarySep, { backgroundColor: t.border }] }),
+                  /* @__PURE__ */ jsxs16(View15, { style: styles15.summaryRow, children: [
+                    /* @__PURE__ */ jsx18(Text16, { style: [styles15.summaryLabel, { color: t.textMuted }], children: "Players in" }),
+                    /* @__PURE__ */ jsx18(Text16, { style: [styles15.summaryValue, { color: t.text }], children: totalPlayers })
+                  ] }),
+                  /* @__PURE__ */ jsx18(View15, { style: [styles15.summarySep, { backgroundColor: t.border }] }),
+                  /* @__PURE__ */ jsxs16(View15, { style: styles15.summaryRow, children: [
+                    /* @__PURE__ */ jsx18(Text16, { style: [styles15.summaryLabel, { color: t.textMuted }], children: "Current pot" }),
+                    /* @__PURE__ */ jsxs16(Text16, { style: [styles15.summaryValue, { color: t.success }], children: [
+                      potSol,
+                      " SOL"
+                    ] })
+                  ] }),
                   /* @__PURE__ */ jsx18(View15, { style: [styles15.summarySep, { backgroundColor: t.border }] }),
                   /* @__PURE__ */ jsxs16(View15, { style: styles15.summaryRow, children: [
-                    /* @__PURE__ */ jsx18(Text16, { style: [styles15.summaryLabel, { color: t.textMuted }], children: "Top score" }),
-                    /* @__PURE__ */ jsx18(Text16, { style: [styles15.summaryValue, { color: t.text }], children: topScore })
+                    /* @__PURE__ */ jsx18(Text16, { style: [styles15.summaryLabel, { color: t.textMuted }], children: "Lives" }),
+                    /* @__PURE__ */ jsx18(Text16, { style: [styles15.summaryValue, { color: t.text }], children: pool.max_lives })
+                  ] }),
+                  topScore > 0 && /* @__PURE__ */ jsxs16(Fragment6, { children: [
+                    /* @__PURE__ */ jsx18(View15, { style: [styles15.summarySep, { backgroundColor: t.border }] }),
+                    /* @__PURE__ */ jsxs16(View15, { style: styles15.summaryRow, children: [
+                      /* @__PURE__ */ jsx18(Text16, { style: [styles15.summaryLabel, { color: t.textMuted }], children: "Top score" }),
+                      /* @__PURE__ */ jsx18(Text16, { style: [styles15.summaryValue, { color: t.text }], children: topScore })
+                    ] })
                   ] })
+                ] }),
+                leaderboard && leaderboard.length > 0 && /* @__PURE__ */ jsxs16(View15, { style: styles15.leaderboardSection, children: [
+                  /* @__PURE__ */ jsx18(Text16, { style: [styles15.leaderboardTitle, { color: t.text }], children: "Leaderboard" }),
+                  leaderboard.map((entry, i) => /* @__PURE__ */ jsxs16(
+                    View15,
+                    {
+                      style: [
+                        styles15.lbRow,
+                        { backgroundColor: i % 2 === 0 ? t.surface : "transparent" }
+                      ],
+                      children: [
+                        /* @__PURE__ */ jsx18(Text16, { style: [styles15.lbRank, { color: t.textMuted }], children: i === 0 ? "\u{1F947}" : i === 1 ? "\u{1F948}" : i === 2 ? "\u{1F949}" : `${i + 1}` }),
+                        entry.avatar ? /* @__PURE__ */ jsx18(Image6, { source: { uri: entry.avatar }, style: styles15.lbAvatar }) : /* @__PURE__ */ jsx18(View15, { style: [styles15.lbAvatar, { backgroundColor: t.border }] }),
+                        /* @__PURE__ */ jsx18(
+                          Text16,
+                          {
+                            style: [styles15.lbName, { color: t.text }],
+                            numberOfLines: 1,
+                            children: entry.username || `${entry.wallet_address.slice(0, 4)}...${entry.wallet_address.slice(-4)}`
+                          }
+                        ),
+                        /* @__PURE__ */ jsx18(Text16, { style: [styles15.lbScore, { color: t.accent }], children: entry.best_score })
+                      ]
+                    },
+                    entry.id
+                  ))
                 ] })
               ] }),
               mutation.error && /* @__PURE__ */ jsx18(View15, { style: [styles15.errorBox, { backgroundColor: t.errorBg, borderColor: t.errorBorder }], children: /* @__PURE__ */ jsx18(Text16, { style: [styles15.errorText, { color: t.errorText }], children: mutation.error.message }) }),
@@ -6079,7 +6115,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 })
                 }
               )
             ] }) })
@@ -6145,7 +6181,21 @@ var styles15 = StyleSheet16.create({
     alignItems: "center"
   },
   ctaText: { color: "#FFFFFF", fontSize: 16, fontWeight: "700" },
-  ctaLoading: { flexDirection: "row", alignItems: "center", gap: 10 }
+  ctaLoading: { flexDirection: "row", alignItems: "center", gap: 10 },
+  scrollBody: { maxHeight: 400 },
+  leaderboardSection: { marginTop: 16 },
+  leaderboardTitle: { fontSize: 16, fontWeight: "700", marginBottom: 8 },
+  lbRow: {
+    flexDirection: "row",
+    alignItems: "center",
+    paddingVertical: 10,
+    paddingHorizontal: 12,
+    borderRadius: 10
+  },
+  lbRank: { width: 28, fontSize: 15, fontWeight: "700", textAlign: "center" },
+  lbAvatar: { width: 28, height: 28, borderRadius: 14, marginRight: 10 },
+  lbName: { flex: 1, fontSize: 14, fontWeight: "600" },
+  lbScore: { fontSize: 16, fontWeight: "800" }
 });
 export {
   AuthGate,