@digilogiclabs/saas-factory-ui 2.6.0 → 2.7.1

package/dist/index.mjs

@@ -30656,6 +30656,7 @@ function DiceRoller({
   iconEmoji = "\u{1F3B2}",
   showHistory = false,
   historyMax = 8,
+  initialHistory,
   rollRef,
   arenaHeight: arenaHeightProp,
   hideResults = false,
@@ -30667,7 +30668,9 @@ function DiceRoller({
   const dark = useDarkMode(darkMode);
   const [rolling, setRolling] = useState70(false);
   const [results, setResults] = useState70(null);
-  const [history, setHistory] = useState70([]);
+  const [history, setHistory] = useState70(
+    () => initialHistory && initialHistory.length > 0 ? initialHistory.slice(0, historyMax) : []
+  );
   const dieWrapperRefs = useRef39([]);
   const cubeRefs = useRef39([]);
   const shadowRefs = useRef39([]);
@@ -30841,7 +30844,10 @@ function DiceRoller({
     defaultPositions,
     half
   ]);
+  const prevSidesRef = useRef39(sides);
   useEffect54(() => {
+    if (prevSidesRef.current === sides) return;
+    prevSidesRef.current = sides;
     setHistory([]);
   }, [sides]);
   const roll = useCallback44(() => {
@@ -32923,6 +32929,8 @@ function CoinFlipper({
   tailsLabel = "Tails",
   showHistory = false,
   historyMax = 20,
+  initialHistory,
+  initialStats,
   flipRef,
   ariaLabel,
   className = ""
@@ -32931,8 +32939,23 @@ function CoinFlipper({
   const tc = typeof theme5 === "string" ? PRESETS3[theme5] || PRESETS3.gold : theme5;
   const [result, setResult] = useState72(null);
   const [flipping, setFlipping] = useState72(false);
-  const [history, setHistory] = useState72([]);
-  const [stats, setStats] = useState72({ heads: 0, tails: 0 });
+  const [history, setHistory] = useState72(
+    () => initialHistory && initialHistory.length > 0 ? initialHistory.slice(0, historyMax).map((result2, i) => ({ result: result2, id: -(i + 1) })) : []
+  );
+  const [stats, setStats] = useState72(() => {
+    if (initialStats) {
+      return {
+        heads: Math.max(0, Math.floor(initialStats.heads)),
+        tails: Math.max(0, Math.floor(initialStats.tails))
+      };
+    }
+    if (initialHistory && initialHistory.length > 0) {
+      const seeded = initialHistory.slice(0, historyMax);
+      const heads = seeded.filter((r) => r === "heads").length;
+      return { heads, tails: seeded.length - heads };
+    }
+    return { heads: 0, tails: 0 };
+  });
   const flipIdRef = useRef41(0);
   const coinRef = useRef41(null);
   const shadowRef = useRef41(null);
@@ -33850,6 +33873,23 @@ function ReelStage({
     }
   );
 }
+function computeDraftSeed(participants, drawnIds, removeWinners) {
+  if (!removeWinners || !drawnIds || drawnIds.length === 0) return null;
+  if (new Set(drawnIds).size !== drawnIds.length) return null;
+  const byId = new Map(participants.map((p) => [p.id, p]));
+  const drawn = [];
+  for (const id of drawnIds) {
+    const p = byId.get(id);
+    if (!p) return null;
+    drawn.push(p);
+  }
+  const drawnSet = new Set(drawnIds);
+  return {
+    pool: participants.filter((p) => !drawnSet.has(p.id)),
+    // Same cap as the live history (see the pop/promote paths).
+    history: drawn.slice(0, 20)
+  };
+}
 function RandomPlayerPicker({
   participants,
   mode = "wheel",
@@ -33864,6 +33904,7 @@ function RandomPlayerPicker({
   trigger = "button",
   label = "Spin",
   removeWinners = false,
+  initialDrawnIds,
   spinDuration = 5e3,
   minRevolutions = 4,
   maxRevolutions = 7,
@@ -33890,12 +33931,21 @@ function RandomPlayerPicker({
   const reducedMotion = usePrefersReducedMotion();
   const intensityCfg = INTENSITY_CONFIG[intensity];
   const physicsDriven = intensity === "dramatic" && !reducedMotion;
-  const [pool, setPool] = useState73(participants);
+  const [draftSeed] = useState73(
+    () => computeDraftSeed(participants, initialDrawnIds, removeWinners)
+  );
+  const [pool, setPool] = useState73(
+    draftSeed ? draftSeed.pool : participants
+  );
   const [rotation, setRotation] = useState73(0);
   const [reelY, setReelY] = useState73(0);
   const [spinning, setSpinning] = useState73(false);
-  const [winner, setWinner] = useState73(null);
-  const [history, setHistory] = useState73([]);
+  const [winner, setWinner] = useState73(
+    draftSeed ? draftSeed.history[0] ?? null : null
+  );
+  const [history, setHistory] = useState73(
+    draftSeed ? draftSeed.history : []
+  );
   const [revealKey, setRevealKey] = useState73(0);
   const [particles, setParticles] = useState73([]);
   const winnerTimer = useRef42(null);
@@ -33907,7 +33957,9 @@ function RandomPlayerPicker({
   const tickAudioRef = useRef42(null);
   const winAudioRef = useRef42(null);
   const containerRef = useRef42(null);
-  const prevIdsRef = useRef42("");
+  const prevIdsRef = useRef42(
+    draftSeed ? participants.map((p) => p.id).join("|") : ""
+  );
   const wheelSvgRef = useRef42(null);
   const reelTapeRef = useRef42(null);
   const rafRef = useRef42(null);
@@ -41067,6 +41119,7 @@ function RoundRobinScheduler({
   resumeRounds,
   onTeamsChange,
   onGenerate,
+  onBeforeScheduleDiscard,
   labels,
   ariaLabel = "Round robin scheduler",
   className,
@@ -41102,23 +41155,29 @@ function RoundRobinScheduler({
     },
     [maxTeams, nameMaxLength]
   );
+  const gateDiscard = useCallback54(
+    (action) => rounds.length === 0 || !onBeforeScheduleDiscard || onBeforeScheduleDiscard(action),
+    [rounds.length, onBeforeScheduleDiscard]
+  );
   const addTeams = useCallback54(
     (raw) => {
       const names = raw.split(",").map((s) => s.trim()).filter((s) => s.length > 0);
       if (names.length === 0) return;
+      if (!gateDiscard("add")) return;
       setTeams((prev) => mergeNames(prev, names));
       setInput("");
       setRounds([]);
     },
-    [mergeNames]
+    [mergeNames, gateDiscard]
   );
   const importTeams = useCallback54(
     (incoming) => {
       if (incoming.length === 0) return;
+      if (!gateDiscard("import")) return;
       setTeams((prev) => mergeNames(prev, incoming));
       setRounds([]);
     },
-    [mergeNames]
+    [mergeNames, gateDiscard]
   );
   const handleKeyDown = useCallback54(
     (e) => {
@@ -41129,10 +41188,14 @@ function RoundRobinScheduler({
     },
     [addTeams, input]
   );
-  const removeTeam = useCallback54((idx) => {
-    setTeams((prev) => prev.filter((_, i) => i !== idx));
-    setRounds([]);
-  }, []);
+  const removeTeam = useCallback54(
+    (idx) => {
+      if (!gateDiscard("remove")) return;
+      setTeams((prev) => prev.filter((_, i) => i !== idx));
+      setRounds([]);
+    },
+    [gateDiscard]
+  );
   const handleGenerate = useCallback54(() => {
     if (teams.length < minTeams) return;
     const result = generateSchedule(teams, L.roundLabel);
@@ -41140,15 +41203,17 @@ function RoundRobinScheduler({
     onGenerate?.(result);
   }, [teams, minTeams, L.roundLabel, onGenerate]);
   const handleShuffle = useCallback54(() => {
+    if (!gateDiscard("shuffle")) return;
     setTeams((prev) => shuffle(prev));
     setRounds([]);
-  }, []);
+  }, [gateDiscard]);
   const handleClear = useCallback54(() => {
+    if (!gateDiscard("clear")) return;
     setTeams([]);
     setRounds([]);
     setInput("");
     inputRef.current?.focus();
-  }, []);
+  }, [gateDiscard]);
   const canGenerate = teams.length >= minTeams;
   const rootStyle = {
     borderRadius: 16,
@@ -41614,6 +41679,8 @@ function Scoreboard({
   onRoundAdvance,
   onNewGame,
   onReset,
+  onBeforeReset,
+  onBeforeNewGame,
   nameMaxLength,
   labels,
   ariaLabel = "Scoreboard",
@@ -41685,19 +41752,21 @@ function Scoreboard({
     [minTeams]
   );
   const resetScores = useCallback55(() => {
+    if (onBeforeReset && !onBeforeReset()) return;
     setTeams((prev) => prev.map((t) => ({ ...t, score: 0 })));
     setRound(1);
     setHistory([]);
     setHistoryOpen(false);
     onReset?.();
-  }, [onReset]);
+  }, [onReset, onBeforeReset]);
   const newGame = useCallback55(() => {
+    if (onBeforeNewGame && !onBeforeNewGame()) return;
     setTeams(createDefaultTeams(seedCount, L.teamNamePrefix));
     setRound(1);
     setHistory([]);
     setHistoryOpen(false);
     onNewGame?.();
-  }, [seedCount, L.teamNamePrefix, onNewGame]);
+  }, [seedCount, L.teamNamePrefix, onNewGame, onBeforeNewGame]);
   const nextRound = useCallback55(() => {
     const snapshot = {
       round,