@sensiblestats/widget-react 0.61.0 → 0.61.2

package/dist/index.js

@@ -4951,13 +4951,16 @@ function initialsOf(name) {
   if (parts.length === 1 || !last) return first.slice(0, 2).toUpperCase();
   return ((first[0] ?? "") + (last[0] ?? "")).toUpperCase();
 }
+function isPlaceholderImage(url) {
+  return !!url && /\/placeholder\.(png|jpe?g|svg|webp)(\?|$)/i.test(url);
+}
 function PlayerAvatar({
   name,
   imagePath,
   className
 }) {
   const [failed, setFailed] = useState24(false);
-  const showImage = Boolean(imagePath) && !failed;
+  const showImage = Boolean(imagePath) && !isPlaceholderImage(imagePath) && !failed;
   return /* @__PURE__ */ jsx58("div", { className, "aria-hidden": "true", children: showImage ? /* @__PURE__ */ jsx58("img", { src: imagePath, alt: "", loading: "lazy", onError: () => setFailed(true) }) : /* @__PURE__ */ jsx58("span", { className: "ss-w-av-initials", children: initialsOf(name) }) });
 }
 
@@ -5454,7 +5457,7 @@ import { useState as useState26 } from "react";
 import { jsx as jsx69 } from "react/jsx-runtime";
 function CrestShield({ src, name, size = 28 }) {
   const [failed, setFailed] = useState26(false);
-  if (src && !failed) {
+  if (src && !isPlaceholderImage(src) && !failed) {
     return /* @__PURE__ */ jsx69("img", { className: "ss-g-crest", src, alt: name, width: size, height: size, loading: "lazy", onError: () => setFailed(true) });
   }
   return /* @__PURE__ */ jsx69("svg", { className: "ss-g-crest ss-g-crest--ph", width: size, height: size * 32 / 28, viewBox: "0 0 28 32", role: "img", "aria-label": name, children: /* @__PURE__ */ jsx69("path", { d: "M2 3h24v12c0 9-6 14-12 17C8 29 2 24 2 15z", fill: "currentColor" }) });
@@ -5637,7 +5640,7 @@ function CriterionIcon({ kind }) {
       return /* @__PURE__ */ jsx71(IconFlag, {});
   }
 }
-function HeaderVisual({ label, key: iKey, meta }) {
+function HeaderVisual({ label, textKey: iKey, meta }) {
   if (!meta) {
     return /* @__PURE__ */ jsx71(CriterionIcon, { kind: criterionIconKind(label, iKey) });
   }
@@ -5814,7 +5817,7 @@ function BeatTheGridGame({
             cols.map((col, colIdx) => {
               const colMeta = config.colsMeta?.[colIdx];
               return /* @__PURE__ */ jsxs59("div", { className: "ss-g-btg-colhdr", "data-meta": colMeta ? "true" : void 0, children: [
-                /* @__PURE__ */ jsx71(HeaderVisual, { label: col, meta: colMeta }, config.colsI18n?.[colIdx]?.key),
+                /* @__PURE__ */ jsx71(HeaderVisual, { label: col, textKey: config.colsI18n?.[colIdx]?.key, meta: colMeta }),
                 /* @__PURE__ */ jsx71("span", { children: col })
               ] }, col);
             }),
@@ -5822,7 +5825,7 @@ function BeatTheGridGame({
               const rowMeta = config.rowsMeta?.[rowIdx];
               const abbr = rowAbbrev(rowLabel, s.rowAbbrev, config.rowsI18n?.[rowIdx]?.key);
               const rowHeaderContent = rowMeta ? /* @__PURE__ */ jsxs59(Fragment14, { children: [
-                /* @__PURE__ */ jsx71(HeaderVisual, { label: rowLabel, meta: rowMeta }, config.rowsI18n?.[rowIdx]?.key),
+                /* @__PURE__ */ jsx71(HeaderVisual, { label: rowLabel, textKey: config.rowsI18n?.[rowIdx]?.key, meta: rowMeta }),
                 /* @__PURE__ */ jsx71("span", { children: rowLabel })
               ] }) : abbr === rowLabel ? /* @__PURE__ */ jsx71("span", { children: rowLabel }) : /* @__PURE__ */ jsxs59(Fragment14, { children: [
                 /* @__PURE__ */ jsx71("span", { "aria-hidden": "true", children: abbr }),