@devrongx/games 0.4.22 → 0.4.24

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@devrongx/games",
-  "version": "0.4.22",
+  "version": "0.4.24",
   "description": "Game UI components for sports prediction markets",
   "license": "MIT",
   "main": "./src/index.ts",

package/src/games/prematch-bets/PreMatchGame.tsx

@@ -106,6 +106,7 @@ export const PreMatchGame = ({ config, bets, onBetsChange, onOptionClick, onAmou
     // Derived from unified state
     const parlayGroups = useMemo(() => deriveParlayGroups(bets), [bets]);
     const marketToParlay = useMemo(() => deriveMarketToParlay(bets), [bets]);
+    const hasAnyParlays = Object.keys(parlayGroups).length > 0;
 
     // Toggle a market in/out of the currently editing parlay.
     // A market already in a DIFFERENT parlay cannot be toggled — UI prevents this.
@@ -695,11 +696,15 @@ export const PreMatchGame = ({ config, bets, onBetsChange, onOptionClick, onAmou
                                             animate={{ opacity: 1 }}
                                             transition={{ duration: 0.4, delay: 3 }}
                                         >
-                                            {riskPercent > 60
-                                                ? "High risk — spread your bets to lower risk while keeping outcome high"
-                                                : riskPercent > 30
-                                                    ? "Balanced — adjust your bets to find the sweet spot"
-                                                    : "Low risk — you can afford to be bolder for a bigger outcome"
+                                            {riskPercent > 80
+                                                ? "Extreme variance — outcomes swing dramatically either way"
+                                                : riskPercent > 60
+                                                    ? "High variance picks — significant upside and downside"
+                                                    : riskPercent > 40
+                                                        ? "Mixed variance — a blend of safe and risky selections"
+                                                        : riskPercent > 20
+                                                            ? "Mild variance — mostly conservative picks"
+                                                            : "Low variance — steady selections with modest returns"
                                             }
                                         </motion.p>
                                     </div>
@@ -709,18 +714,15 @@ export const PreMatchGame = ({ config, bets, onBetsChange, onOptionClick, onAmou
 
                         {/* Combined Bets (Parlays) */}
                         <div className="mt-4">
+                            {hasAnyParlays ? (
+                            <>
                             <div className="flex items-center gap-2 mb-1">
                                 <p className="text-[9px] text-white/60 font-semibold uppercase tracking-wider" style={OUTFIT}>
-                                    Combine for crazy multipliers
+                                    Combined Bets
                                 </p>
-                                {!parlayEnabled && (
-                                    <span className="text-[7px] font-bold px-1.5 py-0.5 rounded-full" style={{ background: "rgba(153,69,255,0.15)", color: "#9945FF", border: "1px solid rgba(153,69,255,0.3)" }}>
-                                        Coming in v2
-                                    </span>
-                                )}
                             </div>
                             <p className="text-[7px] text-white/30 font-medium mb-2.5" style={OUTFIT}>
-                                All must hit to win. You lose all if any one goes wrong.
+                                Every leg must hit. One miss and the entire combined bet is lost.
                             </p>
 
                             {/* Parlay slots — concentric circles */}
@@ -863,6 +865,36 @@ export const PreMatchGame = ({ config, bets, onBetsChange, onOptionClick, onAmou
                                     </button>
                                 </div>
                             )}
+                            </>
+                            ) : (
+                                <div className="flex items-center justify-between gap-3">
+                                    <div className="flex-1 min-w-0">
+                                        <p className="text-[18px] font-bold text-white leading-tight" style={OUTFIT}>
+                                            Now combine bets for crazy multipliers
+                                        </p>
+                                        {!parlayEnabled && (
+                                            <span className="inline-block mt-1.5 text-[7px] font-bold px-1.5 py-0.5 rounded-full" style={{ background: "rgba(153,69,255,0.15)", color: "#9945FF", border: "1px solid rgba(153,69,255,0.3)" }}>
+                                                Coming in v2
+                                            </span>
+                                        )}
+                                    </div>
+                                    <button
+                                        onClick={parlayEnabled ? () => setEditingParlay(0) : undefined}
+                                        className="relative w-[65px] min-h-[54px] rounded-xl overflow-hidden flex-shrink-0 flex items-center justify-center py-3"
+                                        style={{
+                                            background: "linear-gradient(135deg, rgba(153,69,255,0.2), rgba(248,60,197,0.2), rgba(34,227,232,0.2))",
+                                            cursor: parlayEnabled ? "pointer" : "default",
+                                            opacity: parlayEnabled ? 1 : 0.5,
+                                        }}
+                                    >
+                                        <div
+                                            className="absolute inset-y-0 left-0 w-[30%]"
+                                            style={{ background: "linear-gradient(135deg, #9945FF, #f83cc5, #22E3E8)" }}
+                                        />
+                                        <Play size={26} fill="white" strokeWidth={0} className="relative z-10" />
+                                    </button>
+                                </div>
+                            )}
                         </div>
                     </div>
 

package/src/games/prematch-bets/config.ts

@@ -412,7 +412,7 @@ export function calcBetSummary(
     config: IChallengeConfig,
 ): IBetSummary {
     const { markets, startingBalance } = config;
-    const selectedCount = Object.keys(bets).length;
+    const selectedCount = Object.values(bets).filter(b => b.amount > 0).length;
     const compoundMultiplier = config.compoundMultipliers[selectedCount] ?? 1;
 
     const parlayGroups = deriveParlayGroups(bets);