@sensiblestats/widget-react 0.60.4 → 0.60.5

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @sensiblestats/widget-react
 
+## 0.60.5
+
+### Patch Changes
+
+- Games: send the widget language with game config, result and play requests so server-written game text (quiz questions, grid labels, stat names, hints) arrives in Turkish; Beat the Grid resolves row abbreviations and header icons from stable keys.
+- Updated dependencies
+  - @sensiblestats/widget-sdk@0.36.0
+
 ## 0.60.4
 
 ### Patch Changes

package/dist/index.cjs

@@ -4704,15 +4704,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] = (0, import_react29.useState)(null);
   const [submitting, setSubmitting] = (0, import_react29.useState)(false);
   const [rawStatus, setRawStatus] = (0, import_react29.useState)(null);
   const inFlightRef = (0, import_react29.useRef)(false);
   const convRef = (0, import_react29.useRef)(conversation);
   convRef.current = conversation;
-  const optsRef = (0, import_react29.useRef)({ gameId, gameDay, fixtureId, refresh });
-  optsRef.current = { gameId, gameDay, fixtureId, refresh };
+  const optsRef = (0, import_react29.useRef)({ gameId, gameDay, fixtureId, locale, refresh });
+  optsRef.current = { gameId, gameDay, fixtureId, locale, refresh };
   const resultRef = (0, import_react29.useRef)(null);
   resultRef.current = result;
   const refetch = (0, import_react29.useCallback)(async () => {
@@ -4720,7 +4720,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);
@@ -4738,7 +4738,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;
@@ -5515,8 +5515,8 @@ function CareerPathGame({
 // src/components/games/BeatTheGridGame.tsx
 var import_react34 = __toESM(require("react"), 1);
 var import_jsx_runtime71 = require("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";
@@ -5524,8 +5524,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) {
@@ -5700,12 +5702,12 @@ function BeatTheGridGame({
           role: "grid",
           children: [
             /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { className: "ss-g-btg-corner" }),
-            cols.map((col) => /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: "ss-g-btg-colhdr", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(CriterionIcon, { kind: criterionIconKind(col) }),
+            cols.map((col, colIdx) => /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: "ss-g-btg-colhdr", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(CriterionIcon, { kind: criterionIconKind(col, config.colsI18n?.[colIdx]?.key) }),
               /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("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__ */ (0, import_jsx_runtime71.jsxs)(import_react34.default.Fragment, { children: [
                 /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { className: "ss-g-btg-rowhdr", children: abbr === rowLabel ? /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("span", { children: rowLabel }) : /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(import_jsx_runtime71.Fragment, { children: [
                   /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("span", { "aria-hidden": "true", children: abbr }),
@@ -6834,7 +6836,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);
         }
@@ -6844,11 +6846,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
   });
   (0, import_react40.useEffect)(() => {
     if (conversation) hydrate();