@sensiblestats/widget-react 0.60.4 → 0.60.5

package/dist/index.js

@@ -4667,15 +4667,15 @@ function toSubmitResult(payload) {
     attemptsUsed: payload.attemptsUsed
   };
 }
-function useGamePlay(conversation, { gameId, gameDay, fixtureId, refresh }) {
+function useGamePlay(conversation, { gameId, gameDay, fixtureId, locale, refresh }) {
   const [result, setResult] = useState23(null);
   const [submitting, setSubmitting] = useState23(false);
   const [rawStatus, setRawStatus] = useState23(null);
   const inFlightRef = useRef11(false);
   const convRef = useRef11(conversation);
   convRef.current = conversation;
-  const optsRef = useRef11({ gameId, gameDay, fixtureId, refresh });
-  optsRef.current = { gameId, gameDay, fixtureId, refresh };
+  const optsRef = useRef11({ gameId, gameDay, fixtureId, locale, refresh });
+  optsRef.current = { gameId, gameDay, fixtureId, locale, refresh };
   const resultRef = useRef11(null);
   resultRef.current = result;
   const refetch = useCallback8(async () => {
@@ -4683,7 +4683,7 @@ function useGamePlay(conversation, { gameId, gameDay, fixtureId, refresh }) {
     if (!conv) return;
     const opts = optsRef.current;
     try {
-      const payload = await conv.getGameResult(opts.gameId, opts.fixtureId, opts.gameDay);
+      const payload = await conv.getGameResult(opts.gameId, opts.fixtureId, opts.gameDay, opts.locale);
       if (payload === null) return;
       if (payload.clientStateJson == null && resultRef.current?.clientStateJson != null) {
         setRawStatus(payload.status);
@@ -4701,7 +4701,7 @@ function useGamePlay(conversation, { gameId, gameDay, fixtureId, refresh }) {
     setSubmitting(true);
     try {
       const opts = optsRef.current;
-      const playResult = await conv.postPlay(opts.gameId, answerJson, opts.gameDay, opts.fixtureId);
+      const playResult = await conv.postPlay(opts.gameId, answerJson, opts.gameDay, opts.fixtureId, opts.locale);
       if (playResult !== null) {
         const hasFreshState = playResult.clientStateJson != null;
         const isTerminal2 = playResult.alreadyPlayed === true;
@@ -5478,8 +5478,8 @@ function CareerPathGame({
 // src/components/games/BeatTheGridGame.tsx
 import React, { useEffect as useEffect14, useId as useId4, useRef as useRef12, useState as useState28 } from "react";
 import { Fragment as Fragment14, jsx as jsx71, jsxs as jsxs59 } from "react/jsx-runtime";
-function criterionIconKind(label) {
-  const l = label.toLowerCase();
+function criterionIconKind(label, key) {
+  const l = (key ?? label).toLowerCase();
   if (l.includes("app")) return "calendar";
   if (l.includes("goal")) return "ball";
   if (l.includes("assist")) return "boot";
@@ -5487,8 +5487,10 @@ function criterionIconKind(label) {
   if (l.includes("tackle")) return "shield";
   return "flag";
 }
-function rowAbbrev(label, map) {
-  return map[label] ?? label;
+function rowAbbrev(label, map, key) {
+  const suffix = key?.split(".").pop();
+  const english = suffix ? suffix.charAt(0).toUpperCase() + suffix.slice(1) : label;
+  return map[english] ?? map[label] ?? label;
 }
 function CriterionIcon({ kind }) {
   switch (kind) {
@@ -5663,12 +5665,12 @@ function BeatTheGridGame({
           role: "grid",
           children: [
             /* @__PURE__ */ jsx71("div", { className: "ss-g-btg-corner" }),
-            cols.map((col) => /* @__PURE__ */ jsxs59("div", { className: "ss-g-btg-colhdr", children: [
-              /* @__PURE__ */ jsx71(CriterionIcon, { kind: criterionIconKind(col) }),
+            cols.map((col, colIdx) => /* @__PURE__ */ jsxs59("div", { className: "ss-g-btg-colhdr", children: [
+              /* @__PURE__ */ jsx71(CriterionIcon, { kind: criterionIconKind(col, config.colsI18n?.[colIdx]?.key) }),
               /* @__PURE__ */ jsx71("span", { children: col })
             ] }, col)),
             rows.map((rowLabel, rowIdx) => {
-              const abbr = rowAbbrev(rowLabel, s.rowAbbrev);
+              const abbr = rowAbbrev(rowLabel, s.rowAbbrev, config.rowsI18n?.[rowIdx]?.key);
               return /* @__PURE__ */ jsxs59(React.Fragment, { children: [
                 /* @__PURE__ */ jsx71("div", { className: "ss-g-btg-rowhdr", children: abbr === rowLabel ? /* @__PURE__ */ jsx71("span", { children: rowLabel }) : /* @__PURE__ */ jsxs59(Fragment14, { children: [
                   /* @__PURE__ */ jsx71("span", { "aria-hidden": "true", children: abbr }),
@@ -6797,7 +6799,7 @@ function GameScreenHost({
     let cancelled = false;
     void (async () => {
       try {
-        const payload = await conversation.getGameConfig(gameId, fixtureId, gameDay || void 0);
+        const payload = await conversation.getGameConfig(gameId, fixtureId, gameDay || void 0, ui.games.lang);
         if (!cancelled && payload?.configJson) {
           setConfigJson(payload.configJson);
         }
@@ -6807,11 +6809,12 @@ function GameScreenHost({
     return () => {
       cancelled = true;
     };
-  }, [conversation, gameId, fixtureId, gameDay]);
+  }, [conversation, gameId, fixtureId, gameDay, ui.games.lang]);
   const { result, submitting, submit, hydrate, rawStatus } = useGamePlay(conversation, {
     gameId,
     gameDay,
-    fixtureId: fixtureId || void 0
+    fixtureId: fixtureId || void 0,
+    locale: ui.games.lang
   });
   useEffect15(() => {
     if (conversation) hydrate();