@dubsdotapp/expo 0.5.8 → 0.5.10

package/dist/index.js

@@ -5409,10 +5409,6 @@ function SolSlider({
   const filledWidth = `${ratio * 100}%`;
   const markers = [min, max * 0.25, max * 0.5, max * 0.75, max];
   return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_react_native19.View, { style: styles13.container, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_react_native19.View, { style: styles13.valueRow, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_native19.Text, { style: [styles13.valueText, { color: accent }], children: parseFloat(value.toFixed(4)) }),
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_native19.Text, { style: [styles13.solLabel, { color: accent }], children: "SOL" })
-    ] }),
     /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
       import_react_native19.View,
       {
@@ -5468,25 +5464,7 @@ function SolSlider({
 }
 var styles13 = import_react_native19.StyleSheet.create({
   container: {
-    paddingVertical: 8
-  },
-  valueRow: {
-    flexDirection: "row",
-    alignItems: "baseline",
-    justifyContent: "center",
-    marginBottom: 16,
-    gap: 4
-  },
-  valueText: {
-    fontSize: 36,
-    fontWeight: "900",
-    letterSpacing: -1,
-    fontVariant: ["tabular-nums"]
-  },
-  solLabel: {
-    fontSize: 16,
-    fontWeight: "700",
-    opacity: 0.6
+    paddingVertical: 4
   },
   trackContainer: {
     height: THUMB_SIZE + 16,
@@ -5657,12 +5635,12 @@ function JoinGameSheet({
   const potentialWinnings = selectedOdds !== "\u2014" ? formatSol(parseFloat(selectedOdds) * wager) : "\u2014";
   const homeName = shortName ? shortName(opponents[0]?.name) : opponents[0]?.name || "Home";
   const awayName = shortName ? shortName(opponents[1]?.name) : opponents[1]?.name || "Away";
-  const selectedName = selectedTeam === "home" ? homeName : selectedTeam === "away" ? awayName : "\u2014";
-  const alreadyJoined = (0, import_react34.useMemo)(() => {
-    if (!wallet.publicKey) return false;
+  const myBet = (0, import_react34.useMemo)(() => {
+    if (!wallet.publicKey) return null;
     const addr = wallet.publicKey.toBase58();
-    return bettors.some((b) => b.wallet === addr);
+    return bettors.find((b) => b.wallet === addr) ?? null;
   }, [bettors, wallet.publicKey]);
+  const alreadyJoined = myBet !== null;
   const isMutating = mutation.status !== "idle" && mutation.status !== "success" && mutation.status !== "error";
   const canJoin = selectedTeam !== null && !isMutating && mutation.status !== "success" && !alreadyJoined;
   const handleJoin = (0, import_react34.useCallback)(async () => {
@@ -5725,7 +5703,7 @@ function JoinGameSheet({
                   ] }) })
                 ] })
               ] }),
-              !isCustomGame && !isPoolModeEnabled && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_react_native20.View, { style: styles14.section, children: [
+              !isCustomGame && !isPoolModeEnabled && !alreadyJoined && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_react_native20.View, { style: styles14.section, children: [
                 /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_native20.Text, { style: [styles14.sectionLabel, { color: t.textSecondary }], children: "Pick Your Side" }),
                 /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_react_native20.View, { style: styles14.teamsRow, children: [
                   /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
@@ -5764,18 +5742,14 @@ function JoinGameSheet({
                   )
                 ] })
               ] }),
-              selectedTeam && !isPoolModeEnabled && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_native20.View, { style: styles14.sliderSection, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-                SolSlider,
-                {
-                  value: wager,
-                  min: game.buyIn,
-                  max: maxWager,
-                  step: 0.01,
-                  accentColor: selectedTeam === "home" ? homeColor : awayColor,
-                  onValueChange: setWager,
-                  onTick: onSliderTick
-                }
-              ) }),
+              alreadyJoined && myBet && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_react_native20.View, { style: [styles14.myBetCard, { backgroundColor: (myBet.team === "home" ? homeColor : awayColor) + "15", borderColor: myBet.team === "home" ? homeColor : awayColor }], children: [
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_native20.Text, { style: [styles14.myBetLabel, { color: myBet.team === "home" ? homeColor : awayColor }], children: "YOUR BET" }),
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_native20.Text, { style: [styles14.myBetTeam, { color: t.text }], children: myBet.team === "home" ? homeName : awayName }),
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_react_native20.Text, { style: [styles14.myBetAmount, { color: t.textMuted }], children: [
+                  formatSol(myBet.amount),
+                  " SOL"
+                ] })
+              ] }),
               /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_react_native20.View, { style: [styles14.summaryCard, { backgroundColor: t.surface, borderColor: t.border }], children: [
                 /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_react_native20.View, { style: styles14.summaryRow, children: [
                   /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_native20.Text, { style: [styles14.summaryLabel, { color: t.textMuted }], children: "Your wager" }),
@@ -5799,11 +5773,6 @@ function JoinGameSheet({
                     ] })
                   ] })
                 ] }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_react_native20.View, { style: styles14.summaryRow, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_native20.Text, { style: [styles14.summaryLabel, { color: t.textMuted }], children: "Your side" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_native20.Text, { style: [styles14.summaryValue, { color: t.text }], children: selectedName })
-                  ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_native20.View, { style: [styles14.summarySep, { backgroundColor: t.border }] }),
                   /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_react_native20.View, { style: styles14.summaryRow, children: [
                     /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_native20.Text, { style: [styles14.summaryLabel, { color: t.textMuted }], children: "Total pool" }),
                     /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_react_native20.Text, { style: [styles14.summaryValue, { color: t.text }], children: [
@@ -5818,6 +5787,18 @@ function JoinGameSheet({
                   ] })
                 ] })
               ] }),
+              selectedTeam && !isPoolModeEnabled && !alreadyJoined && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                SolSlider,
+                {
+                  value: wager,
+                  min: game.buyIn,
+                  max: maxWager,
+                  step: 0.01,
+                  accentColor: selectedTeam === "home" ? homeColor : awayColor,
+                  onValueChange: setWager,
+                  onTick: onSliderTick
+                }
+              ),
               alreadyJoined && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_native20.View, { style: [styles14.errorBox, { backgroundColor: t.surface, borderColor: t.border }], children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_native20.Text, { style: [styles14.errorText, { color: t.textMuted }], children: isPoolModeEnabled ? "You've already joined this pool." : "You've already joined this game." }) }),
               mutation.error && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_native20.View, { style: [styles14.errorBox, { backgroundColor: t.errorBg, borderColor: t.errorBorder }], children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_native20.Text, { style: [styles14.errorText, { color: t.errorText }], children: mutation.error.message }) }),
               /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
@@ -5999,11 +5980,8 @@ var styles14 = import_react_native20.StyleSheet.create({
     flexDirection: "row",
     gap: 12
   },
-  sliderSection: {
-    marginTop: 16
-  },
   summaryCard: {
-    marginTop: 12,
+    marginTop: 20,
     borderRadius: 16,
     borderWidth: 1,
     overflow: "hidden"
@@ -6026,6 +6004,27 @@ var styles14 = import_react_native20.StyleSheet.create({
     height: 1,
     marginHorizontal: 16
   },
+  myBetCard: {
+    marginTop: 16,
+    borderRadius: 14,
+    borderWidth: 1.5,
+    padding: 16,
+    alignItems: "center",
+    gap: 4
+  },
+  myBetLabel: {
+    fontSize: 10,
+    fontWeight: "900",
+    letterSpacing: 1.5
+  },
+  myBetTeam: {
+    fontSize: 18,
+    fontWeight: "700"
+  },
+  myBetAmount: {
+    fontSize: 14,
+    fontWeight: "600"
+  },
   errorBox: {
     marginTop: 16,
     borderRadius: 12,