@digilogiclabs/saas-factory-ui 2.7.1 → 2.8.1

package/dist/web/index.js

@@ -30754,17 +30754,13 @@ function DiceRoller({
     const starts = currentPositionsRef.current ?? defaultPositions(w, h, clampedCount);
     const frames = simulateDice(w, h, effectiveSize, starts, clampedCount);
     for (let i = 0; i < clampedCount; i++) {
-      if (sides === 6) {
-        writeCubeRotation(
-          i,
-          (Math.random() - 0.5) * 720,
-          (Math.random() - 0.5) * 720,
-          (Math.random() - 0.5) * 720,
-          false
-        );
-      } else {
-        writeCubeRotation(i, 0, 0, (Math.random() - 0.5) * 720, false);
-      }
+      writeCubeRotation(
+        i,
+        (Math.random() - 0.5) * 720,
+        (Math.random() - 0.5) * 720,
+        (Math.random() - 0.5) * 720,
+        false
+      );
       const el = dieWrapperRefs.current[i];
       if (el) el.style.transition = "none";
       const shadow = shadowRefs.current[i];
@@ -30825,8 +30821,10 @@ function DiceRoller({
             const lz = (Math.random() > 0.5 ? 1 : -1) * 360;
             writeCubeRotation(i, lx, ly, lz, true, tilt);
           } else {
+            const lx = (Math.random() > 0.5 ? 1 : -1) * 720;
+            const ly = (Math.random() > 0.5 ? 1 : -1) * 360;
             const lz = (Math.random() > 0.5 ? 1 : -1) * 720 + tilt;
-            writeCubeRotation(i, 0, 0, lz, true);
+            writeCubeRotation(i, lx, ly, lz, true);
           }
         }
       });
@@ -30985,60 +30983,115 @@ function DiceRoller({
                     )) : (() => {
                       const shape = POLY_SHAPES[sides];
                       const shown = results?.[d] ?? sides;
-                      return /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(
-                        "svg",
-                        {
-                          viewBox: "0 0 100 100",
-                          width: "100%",
-                          height: "100%",
-                          style: { display: "block", overflow: "visible" },
-                          "aria-hidden": "true",
-                          children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
-                              "polygon",
-                              {
-                                points: shape.points,
-                                fill: colors.face,
-                                stroke: colors.faceBorder,
-                                strokeWidth: 2.5,
-                                strokeLinejoin: "round",
-                                style: { transition: "fill 0.3s, stroke 0.3s" }
-                              }
-                            ),
-                            /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
-                              "polygon",
-                              {
-                                points: shape.points,
-                                fill: "none",
-                                stroke: colors.faceBorder,
-                                strokeWidth: 1.5,
-                                strokeLinejoin: "round",
-                                opacity: 0.55,
-                                transform: "translate(50 50) scale(0.76) translate(-50 -50)"
-                              }
-                            ),
-                            /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
-                              "text",
-                              {
-                                ref: getNumeralSetter(d),
-                                x: 50,
-                                y: shape.textY,
-                                textAnchor: "middle",
-                                dominantBaseline: "central",
-                                fontSize: 100 * shape.fontScale,
-                                fontWeight: 800,
-                                fill: colors.pip,
-                                style: {
-                                  fontVariantNumeric: "tabular-nums",
-                                  transition: "fill 0.3s",
-                                  userSelect: "none"
-                                },
-                                children: formatDieValue(shown, sides)
-                              }
-                            )
-                          ]
-                        }
-                      );
+                      const cardFaceStyle = {
+                        position: "absolute",
+                        inset: 0,
+                        display: "block",
+                        overflow: "visible",
+                        backfaceVisibility: "hidden"
+                      };
+                      return /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(import_jsx_runtime113.Fragment, { children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(
+                          "svg",
+                          {
+                            viewBox: "0 0 100 100",
+                            width: "100%",
+                            height: "100%",
+                            style: cardFaceStyle,
+                            "aria-hidden": "true",
+                            children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
+                                "polygon",
+                                {
+                                  points: shape.points,
+                                  fill: colors.face,
+                                  stroke: colors.faceBorder,
+                                  strokeWidth: 2.5,
+                                  strokeLinejoin: "round",
+                                  style: { transition: "fill 0.3s, stroke 0.3s" }
+                                }
+                              ),
+                              /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
+                                "polygon",
+                                {
+                                  points: shape.points,
+                                  fill: "none",
+                                  stroke: colors.faceBorder,
+                                  strokeWidth: 1.5,
+                                  strokeLinejoin: "round",
+                                  opacity: 0.55,
+                                  transform: "translate(50 50) scale(0.76) translate(-50 -50)"
+                                }
+                              ),
+                              /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
+                                "text",
+                                {
+                                  ref: getNumeralSetter(d),
+                                  x: 50,
+                                  y: shape.textY,
+                                  textAnchor: "middle",
+                                  dominantBaseline: "central",
+                                  fontSize: 100 * shape.fontScale,
+                                  fontWeight: 800,
+                                  fill: colors.pip,
+                                  style: {
+                                    fontVariantNumeric: "tabular-nums",
+                                    transition: "fill 0.3s",
+                                    userSelect: "none"
+                                  },
+                                  children: formatDieValue(shown, sides)
+                                }
+                              )
+                            ]
+                          }
+                        ),
+                        /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(
+                          "svg",
+                          {
+                            viewBox: "0 0 100 100",
+                            width: "100%",
+                            height: "100%",
+                            style: {
+                              ...cardFaceStyle,
+                              transform: "rotateY(180deg)"
+                            },
+                            "aria-hidden": "true",
+                            children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
+                                "polygon",
+                                {
+                                  points: shape.points,
+                                  fill: colors.face,
+                                  stroke: colors.faceBorder,
+                                  strokeWidth: 2.5,
+                                  strokeLinejoin: "round",
+                                  style: { transition: "fill 0.3s, stroke 0.3s" }
+                                }
+                              ),
+                              /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
+                                "polygon",
+                                {
+                                  points: shape.points,
+                                  fill: "none",
+                                  stroke: colors.faceBorder,
+                                  strokeWidth: 1.5,
+                                  strokeLinejoin: "round",
+                                  opacity: 0.55,
+                                  transform: "translate(50 50) scale(0.76) translate(-50 -50)"
+                                }
+                              ),
+                              /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
+                                "polygon",
+                                {
+                                  points: shape.points,
+                                  fill: "#000",
+                                  opacity: 0.14
+                                }
+                              )
+                            ]
+                          }
+                        )
+                      ] });
                     })()
                   }
                 )
@@ -31786,32 +31839,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) => {
@@ -39414,8 +39461,8 @@ function RosterImport({
         maxNames,
         maxFileBytes,
         onClose: () => setOpen(false),
-        onImport: (names) => {
-          onImport(names);
+        onImport: (names, info) => {
+          onImport(names, info);
           setOpen(false);
         }
       }
@@ -39481,6 +39528,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);
@@ -39858,7 +39910,10 @@ function RosterImportModal({
             "button",
             {
               type: "button",
-              onClick: () => onImport(extracted),
+              onClick: () => onImport(extracted, {
+                trimmedCount,
+                totalCount: extractedTotal.length
+              }),
               disabled: !canImport,
               style: primaryBtn(!canImport),
               children: confirmLabel
@@ -40062,6 +40117,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 }, () => []);
@@ -40135,29 +40203,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]
   );
@@ -40777,7 +40830,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];
@@ -40803,20 +40856,20 @@ function RoundRobinScheduler({
       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));
+      setTeams((prev) => mergeNames2(prev, names));
       setInput("");
       setRounds([]);
     },
-    [mergeNames, gateDiscard]
+    [mergeNames2, gateDiscard]
   );
   const importTeams = (0, import_react79.useCallback)(
     (incoming) => {
       if (incoming.length === 0) return;
       if (!gateDiscard("import")) return;
-      setTeams((prev) => mergeNames(prev, incoming));
+      setTeams((prev) => mergeNames2(prev, incoming));
       setRounds([]);
     },
-    [mergeNames, gateDiscard]
+    [mergeNames2, gateDiscard]
   );
   const handleKeyDown = (0, import_react79.useCallback)(
     (e) => {
@@ -41316,6 +41369,8 @@ function Scoreboard({
   onBeforeReset,
   onBeforeNewGame,
   nameMaxLength,
+  scoreMin = -9999,
+  scoreMax = 9999,
   labels,
   ariaLabel = "Scoreboard",
   className
@@ -41359,11 +41414,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));
   }, []);