@deriv-web-design/ui 0.1.32 → 0.1.33

package/dist/index.mjs

@@ -1866,15 +1866,39 @@ var Wordmark = () => /* @__PURE__ */ jsxs21(
     ]
   }
 );
-var formatCount = (value) => typeof value === "number" ? new Intl.NumberFormat("en-US").format(value) : value;
+var DEFAULT_TRUSTPILOT_TEXT = "Deriv scores {score} out of 5 based on {reviewCount} reviews";
+var formatCount = (value, locale) => typeof value === "number" ? new Intl.NumberFormat(locale).format(value) : value;
+var formatScore = (value, locale) => new Intl.NumberFormat(locale, { maximumFractionDigits: 1 }).format(value);
+var PLACEHOLDER = /(\{score\}|\{reviewCount\})/g;
+function renderTemplate(template, values) {
+  return template.split(PLACEHOLDER).map((part, i) => {
+    if (part === "{score}") {
+      return /* @__PURE__ */ jsx23("span", { className: "hero__trustpilot-text-score", children: values.score }, i);
+    }
+    if (part === "{reviewCount}") {
+      return /* @__PURE__ */ jsx23("span", { className: "hero__trustpilot-text-count", children: values.reviewCount }, i);
+    }
+    return part;
+  });
+}
+function fillTemplate(template, values) {
+  return template.replace("{score}", values.score).replace("{reviewCount}", values.reviewCount);
+}
 var HeroTrustpilot = ({
   score,
   reviewCount,
   href = DEFAULT_TRUSTPILOT_URL,
-  label = "Deriv scores"
+  text,
+  label,
+  locale = "en-US",
+  ariaLabel
 }) => {
-  const count = formatCount(reviewCount);
-  const copy = `${label} ${score} out of 5 based on ${count} reviews`;
+  const values = {
+    score: formatScore(score, locale),
+    reviewCount: formatCount(reviewCount, locale)
+  };
+  const template = text ?? (label ? `${label} {score} out of 5 based on {reviewCount} reviews` : DEFAULT_TRUSTPILOT_TEXT);
+  const sentence = fillTemplate(template, values);
   return /* @__PURE__ */ jsx23("div", { className: "hero__trustpilot home-hero_trustpilot-wrapper", children: /* @__PURE__ */ jsxs21(
     "a",
     {
@@ -1882,17 +1906,10 @@ var HeroTrustpilot = ({
       className: "hero__trustpilot-link",
       target: "_blank",
       rel: "noopener noreferrer",
-      "aria-label": `${copy} \u2014 read Deriv reviews on Trustpilot`,
+      "aria-label": ariaLabel ?? `${sentence} \u2014 Trustpilot`,
       children: [
         /* @__PURE__ */ jsx23(Stars, { score }),
-        /* @__PURE__ */ jsxs21("span", { className: "hero__trustpilot-text", "aria-hidden": "true", children: [
-          /* @__PURE__ */ jsx23("span", { className: "hero__trustpilot-text-label", children: label }),
-          " ",
-          /* @__PURE__ */ jsx23("span", { className: "hero__trustpilot-text-score", children: score }),
-          " out of 5 based on ",
-          /* @__PURE__ */ jsx23("span", { className: "hero__trustpilot-text-count", children: count }),
-          " reviews"
-        ] }),
+        /* @__PURE__ */ jsx23("span", { className: "hero__trustpilot-text", "aria-hidden": "true", children: renderTemplate(template, values) }),
         /* @__PURE__ */ jsx23(Wordmark, {})
       ]
     }