/* eslint-disable */ // Croupier panel — large portrait, expression-driven, speech bubble (roulette voice library) const DEALER_NAMES = ['Melissa', 'Marcus']; const DEALER_VOICES = { Melissa: { greet: [ "Welcome to my wheel, {p}. Let it ride.", "Evening, {p}. Place your chips and let the wheel decide.", "Look who's back. The ball missed you, {p}.", "{p}! I was hoping you'd swing by. Care to tempt fortune?" ], bet_low: [ "Toe in the water, then.", "Modest. Safer that way.", "Easy bet, {p}. Nothing wrong with patience." ], bet_mid: [ "Now we're talking. Real chips on the felt.", "I like where this is going.", "{p}'s feeling brave. Good." ], bet_high: [ "Heavy chips, {p}. The wheel respects courage.", "Big spender. Pit boss is glancing over.", "Whew. Bold move. Let me know if you need a drink." ], no_more_bets: [ "No more bets, {p}. Hold your breath.", "Bets are closed. Let's see what she does.", "That's it — wheel's spinning." ], spin: [ "Round and round…", "Here we go. Eyes on the ball.", "Let the wheel decide." ], result_red: [ "Red {n}. The hot side wins.", "{n}, red. Fortune favors the bold.", "Red — {n}." ], result_black: [ "Black {n}. Cool as ever.", "{n}, black. Quiet little number.", "Black — {n}." ], result_zero: [ "Zero. The house breathes a little easier.", "Green zero. Sorry, {p} — that one's for the casino.", "And it's zero. The cruelest pocket on the wheel." ], win_small: [ "Yours, {p}. Take it.", "Nice call. The chips slide your way.", "There you go. Modest, but yours." ], win_big: [ "{p}! That's a beautiful payout.", "Big winner. The pit just looked up.", "Look at you. Reading the wheel like a book." ], win_straight: [ "STRAIGHT UP! {p}, that was a thirty-five-to-one bullseye.", "On the number?! {p}, do you have a crystal ball?", "Straight up hit. The whole table is jealous." ], lose: [ "Not this time, {p}. The wheel's stubborn.", "Tough one. House gathers it up.", "Better luck next spin." ], push: [ "All even. Your chips come back to you.", "A wash — stake returned, {p}.", "Nobody wins, nobody bleeds. Again?" ], lose_streak: [ "Cold streak. Bet smaller, ride it out.", "She's against you tonight. Don't tilt, {p}.", "Variance, {p}. The wheel evens out — eventually." ], bust: [ "That's the last of your chips, {p}. The cage can sort you out.", "Felt's empty. Cash out at your profile and come back swinging.", "Cleared out. Happens to the best of them — see the cashier, {p}." ], after_tip: [ "You remembered. You're the best, {p}. ✨", "Tipped again? I'll save you the warm pocket.", "Generous as always. Spin's on me." ], idle_long: [ "Take your time, {p}. The wheel waits.", "Whenever you're ready.", "Want a top-off on that drink?", "Penny for your thoughts, {p}?" ], idle: [ "Place your chips when you're ready, {p}.", "Pick a number. Pick a color. Pick anything.", "The felt is open, {p}." ] }, Marcus: { greet: [ "{p}. Sit. The wheel's warm.", "Evening. Marcus on the wheel tonight.", "Chips on the felt when you're ready, {p}.", "Played thousands of spins. Let's add another, {p}." ], bet_low: [ "Modest. Fine.", "Low bet. Noted.", "Conservative. Smart sometimes." ], bet_mid: [ "That'll do.", "Real bet. Good.", "Now I'm watching." ], bet_high: [ "Big swing. Hope you slept on it.", "That's a statement, not a bet.", "Pit's looking. Don't blame me." ], no_more_bets: [ "No more bets.", "Hands off. Spinning.", "Bets closed." ], spin: [ "Wheel's up.", "Watch the ball.", "Spinning." ], result_red: [ "Red {n}.", "{n}, red.", "Red — {n}." ], result_black: [ "Black {n}.", "{n}, black.", "Black — {n}." ], result_zero: [ "Zero. House.", "Green zero. Outside bets gone.", "Zero — tough." ], win_small: [ "Yours.", "You take it.", "Pays." ], win_big: [ "Nice payout.", "Big win. Earned.", "Pays well." ], win_straight: [ "Straight up. Thirty-five to one.", "On the number. Clean.", "Bullseye." ], lose: [ "House.", "Not yours.", "Tough." ], push: [ "Even. Stake back.", "A wash.", "Nobody wins." ], lose_streak: [ "Rough patch. Bet smaller.", "Variance. It turns.", "Don't tilt." ], bust: [ "Out of chips. See the cage.", "Cleared. Cash out, regroup.", "That's the felt. Cashier's that way." ], after_tip: [ "Appreciated.", "Thanks. Noted.", "Generous." ], idle_long: [ "Whenever you're ready.", "Take your time, {p}.", "I'll be here." ], idle: [ "Bet up.", "Chips when ready.", "Your move, {p}." ] } }; function pickLine(key, ctx = {}) { const dealer = ctx.dealer || 'Melissa'; const voice = DEALER_VOICES[dealer] || DEALER_VOICES.Melissa; const lines = voice[key] || voice.idle; const line = lines[Math.floor(Math.random() * lines.length)]; return line .replace(/\{p\}/g, ctx.player || 'friend') .replace(/\{d\}/g, dealer) .replace(/\{n\}/g, ctx.number != null ? String(ctx.number) : ''); } function DealerPortrait({ expression = 'idle', shift = 0, gender = 'female', idle = false, mood = 0 }) { const file = expression; const src = `assets/dealers/${gender}/${file}.jpg`; const [layers, setLayers] = React.useState(() => [{ key: 0, src, opacity: 1, blur: 0 }]); const counter = React.useRef(0); const lastSrc = React.useRef(src); React.useEffect(() => { if (lastSrc.current === src) return; lastSrc.current = src; counter.current += 1; const newKey = counter.current; // The old pose stays fully visible underneath while the new one fades in // on top — fading both at once left the panel blank mid-swap. setLayers(prev => [...prev, { key: newKey, src, opacity: 0, blur: 4 }]); const raf = requestAnimationFrame(() => { setLayers(prev => prev.map(l => l.key === newKey ? { ...l, opacity: 1, blur: 0 } : l)); }); const t = setTimeout(() => { setLayers(prev => prev.filter(l => l.key === newKey)); }, 520); return () => { cancelAnimationFrame(raf); clearTimeout(t); }; }, [src]); const m = Math.max(-1, Math.min(1, mood)); const sat = (1.05 + m * 0.25).toFixed(3); const bright = (1 + m * 0.06).toFixed(3); const animClass = idle ? 'breathe' : ''; return (
{layers.map(layer => ( dealer { e.currentTarget.src = `assets/dealers/female/${file}.jpg`; }} className={animClass} style={{ position:'absolute', left:'50%', top: `${shift}px`, transform:'translateX(-50%)', height:'120%', objectFit:'cover', objectPosition:'center top', opacity: layer.opacity, transition: 'opacity .45s ease, filter .45s ease', filter: `blur(${layer.blur}px) saturate(${sat}) contrast(1.02) brightness(${bright})` }} /> ))}
); } function SpeechBubble({ text, dealerName = 'Melissa' }) { const [shown, setShown] = React.useState(''); const [done, setDone] = React.useState(false); React.useEffect(() => { setShown(''); setDone(false); let i = 0; const id = setInterval(() => { i++; setShown(text.slice(0, i)); if (i >= text.length) { clearInterval(id); setDone(true); } }, 18); return () => clearInterval(id); }, [text]); return (
{dealerName}
{shown || ' '}
); } function DealerNameplate({ name, gender = 'female' }) { return (
Your croupier {name}
); } function DealerPanel({ name, expression, message, onTipDealer, tipped, playerName, gender = 'female', isIdle = false, mood = 0, onEditName }) { return (
{message && }
); } // Slim horizontal croupier strip for the portrait/mobile layout — avatar plus // speech, no full portrait column. function DealerStrip({ name, message, gender = 'female', expression = 'idle' }) { return (
{name} · Croupier
{message || ' '}
); } Object.assign(window, { DealerPanel, DealerStrip, pickLine, DEALER_VOICES, DEALER_NAMES });