@sensiblestats/widget-react 0.61.1 → 0.61.2

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @sensiblestats/widget-react
 
+## 0.61.2
+
+### Patch Changes
+
+- Games: a provider placeholder photo (Sportmonks `placeholder.png`) now shows the player's initials or the crest shield instead of a grey silhouette.
+
 ## 0.61.1
 
 ### Patch Changes

package/dist/index.cjs

@@ -4988,13 +4988,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] = (0, import_react30.useState)(false);
-  const showImage = Boolean(imagePath) && !failed;
+  const showImage = Boolean(imagePath) && !isPlaceholderImage(imagePath) && !failed;
   return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className, "aria-hidden": "true", children: showImage ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("img", { src: imagePath, alt: "", loading: "lazy", onError: () => setFailed(true) }) : /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "ss-w-av-initials", children: initialsOf(name) }) });
 }
 
@@ -5491,7 +5494,7 @@ var import_react32 = require("react");
 var import_jsx_runtime69 = require("react/jsx-runtime");
 function CrestShield({ src, name, size = 28 }) {
   const [failed, setFailed] = (0, import_react32.useState)(false);
-  if (src && !failed) {
+  if (src && !isPlaceholderImage(src) && !failed) {
     return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("img", { className: "ss-g-crest", src, alt: name, width: size, height: size, loading: "lazy", onError: () => setFailed(true) });
   }
   return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("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__ */ (0, import_jsx_runtime69.jsx)("path", { d: "M2 3h24v12c0 9-6 14-12 17C8 29 2 24 2 15z", fill: "currentColor" }) });