@digilogiclabs/saas-factory-ui 2.7.0 → 2.8.0

package/dist/web/index.js

@@ -30539,6 +30539,7 @@ function DiceRoller({
   iconEmoji = "\u{1F3B2}",
   showHistory = false,
   historyMax = 8,
+  initialHistory,
   rollRef,
   arenaHeight: arenaHeightProp,
   hideResults = false,
@@ -30550,7 +30551,9 @@ function DiceRoller({
   const dark = useDarkMode(darkMode);
   const [rolling, setRolling] = (0, import_react69.useState)(false);
   const [results, setResults] = (0, import_react69.useState)(null);
-  const [history, setHistory] = (0, import_react69.useState)([]);
+  const [history, setHistory] = (0, import_react69.useState)(
+    () => initialHistory && initialHistory.length > 0 ? initialHistory.slice(0, historyMax) : []
+  );
   const dieWrapperRefs = (0, import_react69.useRef)([]);
   const cubeRefs = (0, import_react69.useRef)([]);
   const shadowRefs = (0, import_react69.useRef)([]);
@@ -30724,7 +30727,10 @@ function DiceRoller({
     defaultPositions,
     half
   ]);
+  const prevSidesRef = (0, import_react69.useRef)(sides);
   (0, import_react69.useEffect)(() => {
+    if (prevSidesRef.current === sides) return;
+    prevSidesRef.current = sides;
     setHistory([]);
   }, [sides]);
   const roll = (0, import_react69.useCallback)(() => {
@@ -31780,32 +31786,26 @@ function BracketGenerator({
   const autoPlay = (0, import_react70.useCallback)(() => {
     if (simulating) {
       if (autoRef.current) clearTimeout(autoRef.current);
+      autoRef.current = null;
       setSimulating(false);
       return;
     }
     setSimulating(true);
-    const tick = () => {
-      setBracketState((prev) => {
-        const next = prev.matches.find((m) => m.a && m.b && !m.winner);
-        if (!next) {
-          setSimulating(false);
-          return prev;
-        }
-        const completed = simulateMatch(next);
-        if (!completed) return prev;
-        let matches = prev.matches.map(
-          (m) => m.id === completed.id ? completed : m
-        );
-        matches = propagateWinner(matches, completed);
-        const finalMatch = matches.find((m) => m.round === prev.rounds - 1);
-        const champion = finalMatch?.winner || null;
-        if (!champion) autoRef.current = setTimeout(tick, simulateDelayMs);
-        else setSimulating(false);
-        return { ...prev, matches, champion };
-      });
+    simulateNext();
+  }, [simulating, simulateNext]);
+  (0, import_react70.useEffect)(() => {
+    if (!simulating) return;
+    const hasNext = bracketState.matches.some((m) => m.a && m.b && !m.winner);
+    if (bracketState.champion || !hasNext) {
+      setSimulating(false);
+      return;
+    }
+    autoRef.current = setTimeout(simulateNext, simulateDelayMs);
+    return () => {
+      if (autoRef.current) clearTimeout(autoRef.current);
+      autoRef.current = null;
     };
-    tick();
-  }, [simulating, simulateDelayMs]);
+  }, [simulating, bracketState, simulateDelayMs, simulateNext]);
   const advanceWinner = (0, import_react70.useCallback)(
     (matchId, winnerSlot) => {
       setBracketState((prev) => {
@@ -32793,6 +32793,8 @@ function CoinFlipper({
   tailsLabel = "Tails",
   showHistory = false,
   historyMax = 20,
+  initialHistory,
+  initialStats,
   flipRef,
   ariaLabel,
   className = ""
@@ -32801,8 +32803,23 @@ function CoinFlipper({
   const tc = typeof theme5 === "string" ? PRESETS3[theme5] || PRESETS3.gold : theme5;
   const [result, setResult] = (0, import_react71.useState)(null);
   const [flipping, setFlipping] = (0, import_react71.useState)(false);
-  const [history, setHistory] = (0, import_react71.useState)([]);
-  const [stats, setStats] = (0, import_react71.useState)({ heads: 0, tails: 0 });
+  const [history, setHistory] = (0, import_react71.useState)(
+    () => initialHistory && initialHistory.length > 0 ? initialHistory.slice(0, historyMax).map((result2, i) => ({ result: result2, id: -(i + 1) })) : []
+  );
+  const [stats, setStats] = (0, import_react71.useState)(() => {
+    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 = (0, import_react71.useRef)(0);
   const coinRef = (0, import_react71.useRef)(null);
   const shadowRef = (0, import_react71.useRef)(null);
@@ -33731,6 +33748,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",
@@ -33745,6 +33779,7 @@ function RandomPlayerPicker({
   trigger = "button",
   label = "Spin",
   removeWinners = false,
+  initialDrawnIds,
   spinDuration = 5e3,
   minRevolutions = 4,
   maxRevolutions = 7,
@@ -33771,12 +33806,21 @@ function RandomPlayerPicker({
   const reducedMotion = usePrefersReducedMotion();
   const intensityCfg = INTENSITY_CONFIG[intensity];
   const physicsDriven = intensity === "dramatic" && !reducedMotion;
-  const [pool, setPool] = (0, import_react73.useState)(participants);
+  const [draftSeed] = (0, import_react73.useState)(
+    () => computeDraftSeed(participants, initialDrawnIds, removeWinners)
+  );
+  const [pool, setPool] = (0, import_react73.useState)(
+    draftSeed ? draftSeed.pool : participants
+  );
   const [rotation, setRotation] = (0, import_react73.useState)(0);
   const [reelY, setReelY] = (0, import_react73.useState)(0);
   const [spinning, setSpinning] = (0, import_react73.useState)(false);
-  const [winner, setWinner] = (0, import_react73.useState)(null);
-  const [history, setHistory] = (0, import_react73.useState)([]);
+  const [winner, setWinner] = (0, import_react73.useState)(
+    draftSeed ? draftSeed.history[0] ?? null : null
+  );
+  const [history, setHistory] = (0, import_react73.useState)(
+    draftSeed ? draftSeed.history : []
+  );
   const [revealKey, setRevealKey] = (0, import_react73.useState)(0);
   const [particles, setParticles] = (0, import_react73.useState)([]);
   const winnerTimer = (0, import_react73.useRef)(null);
@@ -33788,7 +33832,9 @@ function RandomPlayerPicker({
   const tickAudioRef = (0, import_react73.useRef)(null);
   const winAudioRef = (0, import_react73.useRef)(null);
   const containerRef = (0, import_react73.useRef)(null);
-  const prevIdsRef = (0, import_react73.useRef)("");
+  const prevIdsRef = (0, import_react73.useRef)(
+    draftSeed ? participants.map((p) => p.id).join("|") : ""
+  );
   const wheelSvgRef = (0, import_react73.useRef)(null);
   const reelTapeRef = (0, import_react73.useRef)(null);
   const rafRef = (0, import_react73.useRef)(null);
@@ -39362,8 +39408,8 @@ function RosterImport({
         maxNames,
         maxFileBytes,
         onClose: () => setOpen(false),
-        onImport: (names) => {
-          onImport(names);
+        onImport: (names, info) => {
+          onImport(names, info);
           setOpen(false);
         }
       }
@@ -39429,6 +39475,11 @@ function RosterImportModal({
     }),
     [table, column, skipHeader, maxNames]
   );
+  const extractedTotal = (0, import_react77.useMemo)(
+    () => extractRoster(table, { column, skipHeader }),
+    [table, column, skipHeader]
+  );
+  const trimmedCount = Math.max(0, extractedTotal.length - extracted.length);
   const handleFile = (0, import_react77.useCallback)(
     async (e) => {
       setFileError(null);
@@ -39806,7 +39857,10 @@ function RosterImportModal({
             "button",
             {
               type: "button",
-              onClick: () => onImport(extracted),
+              onClick: () => onImport(extracted, {
+                trimmedCount,
+                totalCount: extractedTotal.length
+              }),
               disabled: !canImport,
               style: primaryBtn(!canImport),
               children: confirmLabel
@@ -40010,6 +40064,19 @@ function IconUsers({ size = 40 }) {
     }
   );
 }
+function mergeNames(prev, incoming, max) {
+  const seen = new Set(prev.map((n) => n.toLowerCase()));
+  const room = Math.max(0, max - prev.length);
+  const deduped = [];
+  for (const n of incoming) {
+    const key = n.toLowerCase();
+    if (seen.has(key)) continue;
+    seen.add(key);
+    deduped.push(n);
+    if (deduped.length >= room) break;
+  }
+  return deduped.length > 0 ? [...prev, ...deduped] : prev;
+}
 function splitIntoTeams(names, count2) {
   const shuffled = shuffle(names);
   const teams = Array.from({ length: count2 }, () => []);
@@ -40083,29 +40150,14 @@ function TeamGenerator({
     const trimmed = input.trim();
     if (!trimmed) return;
     const newNames = trimmed.split(/[,\n]+/).map((n) => n.trim()).filter((n) => n.length > 0);
-    setNames((prev) => {
-      const room = Math.max(0, maxPlayers - prev.length);
-      return [...prev, ...newNames.slice(0, room)];
-    });
+    setNames((prev) => mergeNames(prev, newNames, maxPlayers));
     setInput("");
     inputRef.current?.focus();
   }, [input, maxPlayers]);
   const importNames = (0, import_react78.useCallback)(
     (incoming) => {
       if (incoming.length === 0) return;
-      setNames((prev) => {
-        const seen = new Set(prev.map((n) => n.toLowerCase()));
-        const room = Math.max(0, maxPlayers - prev.length);
-        const deduped = [];
-        for (const n of incoming) {
-          const key = n.toLowerCase();
-          if (seen.has(key)) continue;
-          seen.add(key);
-          deduped.push(n);
-          if (deduped.length >= room) break;
-        }
-        return deduped.length > 0 ? [...prev, ...deduped] : prev;
-      });
+      setNames((prev) => mergeNames(prev, incoming, maxPlayers));
     },
     [maxPlayers]
   );
@@ -40706,6 +40758,7 @@ function RoundRobinScheduler({
   resumeRounds,
   onTeamsChange,
   onGenerate,
+  onBeforeScheduleDiscard,
   labels,
   ariaLabel = "Round robin scheduler",
   className,
@@ -40724,7 +40777,7 @@ function RoundRobinScheduler({
   (0, import_react79.useEffect)(() => {
     onTeamsChange?.(teams);
   }, [teams, onTeamsChange]);
-  const mergeNames = (0, import_react79.useCallback)(
+  const mergeNames2 = (0, import_react79.useCallback)(
     (prev, incoming) => {
       const existing = new Set(prev.map((t) => t.toLowerCase()));
       const next = [...prev];
@@ -40741,23 +40794,29 @@ function RoundRobinScheduler({
     },
     [maxTeams, nameMaxLength]
   );
+  const gateDiscard = (0, import_react79.useCallback)(
+    (action) => rounds.length === 0 || !onBeforeScheduleDiscard || onBeforeScheduleDiscard(action),
+    [rounds.length, onBeforeScheduleDiscard]
+  );
   const addTeams = (0, import_react79.useCallback)(
     (raw) => {
       const names = raw.split(",").map((s) => s.trim()).filter((s) => s.length > 0);
       if (names.length === 0) return;
-      setTeams((prev) => mergeNames(prev, names));
+      if (!gateDiscard("add")) return;
+      setTeams((prev) => mergeNames2(prev, names));
       setInput("");
       setRounds([]);
     },
-    [mergeNames]
+    [mergeNames2, gateDiscard]
   );
   const importTeams = (0, import_react79.useCallback)(
     (incoming) => {
       if (incoming.length === 0) return;
-      setTeams((prev) => mergeNames(prev, incoming));
+      if (!gateDiscard("import")) return;
+      setTeams((prev) => mergeNames2(prev, incoming));
       setRounds([]);
     },
-    [mergeNames]
+    [mergeNames2, gateDiscard]
   );
   const handleKeyDown = (0, import_react79.useCallback)(
     (e) => {
@@ -40768,10 +40827,14 @@ function RoundRobinScheduler({
     },
     [addTeams, input]
   );
-  const removeTeam = (0, import_react79.useCallback)((idx) => {
-    setTeams((prev) => prev.filter((_, i) => i !== idx));
-    setRounds([]);
-  }, []);
+  const removeTeam = (0, import_react79.useCallback)(
+    (idx) => {
+      if (!gateDiscard("remove")) return;
+      setTeams((prev) => prev.filter((_, i) => i !== idx));
+      setRounds([]);
+    },
+    [gateDiscard]
+  );
   const handleGenerate = (0, import_react79.useCallback)(() => {
     if (teams.length < minTeams) return;
     const result = generateSchedule(teams, L.roundLabel);
@@ -40779,15 +40842,17 @@ function RoundRobinScheduler({
     onGenerate?.(result);
   }, [teams, minTeams, L.roundLabel, onGenerate]);
   const handleShuffle = (0, import_react79.useCallback)(() => {
+    if (!gateDiscard("shuffle")) return;
     setTeams((prev) => shuffle(prev));
     setRounds([]);
-  }, []);
+  }, [gateDiscard]);
   const handleClear = (0, import_react79.useCallback)(() => {
+    if (!gateDiscard("clear")) return;
     setTeams([]);
     setRounds([]);
     setInput("");
     inputRef.current?.focus();
-  }, []);
+  }, [gateDiscard]);
   const canGenerate = teams.length >= minTeams;
   const rootStyle = {
     borderRadius: 16,
@@ -41248,7 +41313,11 @@ function Scoreboard({
   onRoundAdvance,
   onNewGame,
   onReset,
+  onBeforeReset,
+  onBeforeNewGame,
   nameMaxLength,
+  scoreMin = -9999,
+  scoreMax = 9999,
   labels,
   ariaLabel = "Scoreboard",
   className
@@ -41292,11 +41361,19 @@ function Scoreboard({
   (0, import_react80.useEffect)(() => {
     onTeamsChange?.(teams);
   }, [teams, onTeamsChange]);
-  const updateScore = (0, import_react80.useCallback)((index, delta) => {
-    setTeams(
-      (prev) => prev.map((t, i) => i === index ? { ...t, score: t.score + delta } : t)
-    );
-  }, []);
+  const updateScore = (0, import_react80.useCallback)(
+    (index, delta) => {
+      setTeams(
+        (prev) => prev.map(
+          (t, i) => i === index ? {
+            ...t,
+            score: Math.min(scoreMax, Math.max(scoreMin, t.score + delta))
+          } : t
+        )
+      );
+    },
+    [scoreMin, scoreMax]
+  );
   const updateName = (0, import_react80.useCallback)((index, name) => {
     setTeams((prev) => prev.map((t, i) => i === index ? { ...t, name } : t));
   }, []);
@@ -41319,19 +41396,21 @@ function Scoreboard({
     [minTeams]
   );
   const resetScores = (0, import_react80.useCallback)(() => {
+    if (onBeforeReset && !onBeforeReset()) return;
     setTeams((prev) => prev.map((t) => ({ ...t, score: 0 })));
     setRound(1);
     setHistory([]);
     setHistoryOpen(false);
     onReset?.();
-  }, [onReset]);
+  }, [onReset, onBeforeReset]);
   const newGame = (0, import_react80.useCallback)(() => {
+    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 = (0, import_react80.useCallback)(() => {
     const snapshot = {
       round,