@oneuptime/common 14.0.12 → 14.0.13

package/build/dist/UI/Components/EditionLabel/EditionLabel.js

@@ -13,6 +13,8 @@ import { APP_API_URL, BILLING_ENABLED, IS_ENTERPRISE_EDITION, env, } from "../..
 import VersionUtil from "../../../Utils/VersionUtil";
 import { ENTERPRISE_LICENSE_GRACE_PERIOD_IN_DAYS, ENTERPRISE_LICENSE_TRIAL_PERIOD_IN_DAYS, } from "../../../Types/EnterpriseLicense/EnterpriseLicensePeriods";
 import UserUtil from "../../Utils/User";
+import { fillTemplate, translationKey, } from "../../Utils/TranslateTemplate";
+import useTranslator from "../../Utils/UseTranslator";
 const ENTERPRISE_URL = "https://oneuptime.com/enterprise/demo";
 /*
  * Linked only for major upgrades. Points at the oneuptime.com docs rather than
@@ -35,21 +37,27 @@ const DAY_IN_MS = 24 * 60 * 60 * 1000;
  * SSO" are not on this list: they are part of every edition (see
  * communityFeatures below).
  */
-export const LICENSE_LAPSE_CONSEQUENCES = "SCIM provisioning stops, audit logging stops recording, enterprise configuration becomes read-only and the enterprise admin dashboards are locked. Everything resumes as soon as a license is activated, and core monitoring is never affected.";
+export const LICENSE_LAPSE_CONSEQUENCES = translationKey("SCIM provisioning stops, audit logging stops recording, enterprise configuration becomes read-only and the enterprise admin dashboards are locked. Everything resumes as soon as a license is activated, and core monitoring is never affected.");
 /*
  * The two periods have different names and different lengths: an unlicensed
  * installation's first ENTERPRISE_LICENSE_TRIAL_PERIOD_IN_DAYS days are its
  * trial, and only a license that expired has a grace period
  * (ENTERPRISE_LICENSE_GRACE_PERIOD_IN_DAYS days after its expiry). The
  * numbers come from the constants the license classifier uses.
+ *
+ * Each is one whole sentence set with the number of days as a placeholder, so
+ * a locale words "after the 30-day trial" its own way. The English ends with
+ * LICENSE_LAPSE_CONSEQUENCES word for word (a test holds them together).
  */
-export const TRIAL_ENFORCEMENT_SUMMARY = `Without a valid license (after the ${ENTERPRISE_LICENSE_TRIAL_PERIOD_IN_DAYS}-day trial), ${LICENSE_LAPSE_CONSEQUENCES}`;
-export const GRACE_ENFORCEMENT_SUMMARY = `Without a valid license (after the ${ENTERPRISE_LICENSE_GRACE_PERIOD_IN_DAYS}-day grace period), ${LICENSE_LAPSE_CONSEQUENCES}`;
+export const TRIAL_ENFORCEMENT_TEMPLATE = translationKey("Without a valid license (after the {{days}}-day trial), SCIM provisioning stops, audit logging stops recording, enterprise configuration becomes read-only and the enterprise admin dashboards are locked. Everything resumes as soon as a license is activated, and core monitoring is never affected.");
+export const GRACE_ENFORCEMENT_TEMPLATE = translationKey("Without a valid license (after the {{days}}-day grace period), SCIM provisioning stops, audit logging stops recording, enterprise configuration becomes read-only and the enterprise admin dashboards are locked. Everything resumes as soon as a license is activated, and core monitoring is never affected.");
+export const TRIAL_ENFORCEMENT_SUMMARY = fillTemplate(TRIAL_ENFORCEMENT_TEMPLATE, { days: ENTERPRISE_LICENSE_TRIAL_PERIOD_IN_DAYS });
+export const GRACE_ENFORCEMENT_SUMMARY = fillTemplate(GRACE_ENFORCEMENT_TEMPLATE, { days: ENTERPRISE_LICENSE_GRACE_PERIOD_IN_DAYS });
 /*
  * What has stopped once the license lapsed (expired past its grace period,
  * missing after the trial, or invalid), after the reason the notice gives.
  */
-export const LICENSE_LAPSED_STATE = "SCIM provisioning is off and your identity provider's SCIM requests are refused. Audit logging is not recording. Enterprise configuration is read-only and the enterprise admin dashboards are locked. Everything resumes, without a restart, as soon as a valid license is added, and core monitoring is never affected.";
+export const LICENSE_LAPSED_STATE = translationKey("SCIM provisioning is off and your identity provider's SCIM requests are refused. Audit logging is not recording. Enterprise configuration is read-only and the enterprise admin dashboards are locked. Everything resumes, without a restart, as soon as a valid license is added, and core monitoring is never affected.");
 const parseLicenseStatus = (value) => {
     if (value === "valid" ||
         value === "grace" ||
@@ -67,6 +75,7 @@ const parseLicenseStatus = (value) => {
  */
 const SEAT_WARNING_PERCENT = 90;
 const EditionLabel = (props) => {
+    const translator = useTranslator();
     const [isDialogOpen, setIsDialogOpen] = useState(false);
     const [globalConfig, setGlobalConfig] = useState(null);
     /*
@@ -380,7 +389,7 @@ const EditionLabel = (props) => {
     }, [graceEndsAt]);
     const graceDaysLeftText = graceDaysLeft === null
         ? ""
-        : `${graceDaysLeft} ${graceDaysLeft === 1 ? "day" : "days"} left`;
+        : translator.translatePlural({ one: "{{count}} day left", other: "{{count}} days left" }, graceDaysLeft);
     const licenseExpiresAtText = useMemo(() => {
         if (!(globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.enterpriseLicenseExpiresAt)) {
             return null;
@@ -441,33 +450,39 @@ const EditionLabel = (props) => {
             latestVersion: latestVersion,
         });
     }, [currentVersion, latestVersion]);
-    const updateAdvisoryText = useMemo(() => {
-        const released = latestVersionPublishedAtText
-            ? `Released on ${latestVersionPublishedAtText}. `
-            : "";
-        if (isMajorUpgrade) {
-            return `${released}Major versions carry breaking changes and have to be applied one at a time, so check the upgrade guide before you start.`;
-        }
-        return `${released}Upgrading picks up the latest fixes and improvements.`;
-    }, [isMajorUpgrade, latestVersionPublishedAtText]);
+    // Two whole sentences: when it was released, then what upgrading means.
+    const updateAdvisoryText = [
+        latestVersionPublishedAtText
+            ? translator.translateTemplate("Released on {{date}}.", {
+                date: latestVersionPublishedAtText,
+            })
+            : "",
+        translator.translateText(isMajorUpgrade
+            ? "Major versions carry breaking changes and have to be applied one at a time, so check the upgrade guide before you start."
+            : "Upgrading picks up the latest fixes and improvements."),
+    ]
+        .filter(Boolean)
+        .join(" ");
     /*
      * Null renders no footer at all. Every branch here has to be true of this
      * installation specifically — a line promising a daily check would be a lie
      * on a build that cannot be compared, and a worse one where the check has
      * been turned off.
      */
-    const updateFooterText = useMemo(() => {
+    const updateFooterText = (() => {
         if (isUpdateCheckDisabled) {
-            return "Update checks are turned off on this installation (DISABLE_UPDATE_CHECK), so it is not compared against OneUptime releases.";
+            return (translator.translateText("Update checks are turned off on this installation (DISABLE_UPDATE_CHECK), so it is not compared against OneUptime releases.") || null);
         }
         if (!hasComparableVersion) {
             return null;
         }
         if (!latestVersionCheckedAtText) {
-            return "This installation has not checked for updates yet. It checks OneUptime releases on GitHub once a day.";
+            return (translator.translateText("This installation has not checked for updates yet. It checks OneUptime releases on GitHub once a day.") || null);
         }
-        return `Checked for updates on ${latestVersionCheckedAtText}.`;
-    }, [isUpdateCheckDisabled, hasComparableVersion, latestVersionCheckedAtText]);
+        return translator.translateTemplate("Checked for updates on {{date}}.", {
+            date: latestVersionCheckedAtText,
+        });
+    })();
     const userLimit = useMemo(() => {
         return typeof (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.enterpriseLicenseUserLimit) === "number"
             ? globalConfig.enterpriseLicenseUserLimit
@@ -573,39 +588,35 @@ const EditionLabel = (props) => {
         canAddMoreUsers,
         seatUsageDisplayPercent,
     ]);
-    const editionName = useMemo(() => {
+    // In the reader's language: the pill, the dialog title and the pill's name.
+    const editionName = (() => {
+        let name = translationKey("Enterprise Edition (License Required)");
         if (!IS_ENTERPRISE_EDITION) {
-            return "Community Edition";
+            name = translationKey("Community Edition");
         }
-        if (isConfigLoading) {
-            return "Enterprise Edition (Checking...)";
+        else if (isConfigLoading) {
+            name = translationKey("Enterprise Edition (Checking...)");
         }
-        if (isUnlicensedTrial) {
-            return graceDaysLeftText
-                ? `Enterprise Edition (Trial, ${graceDaysLeftText})`
-                : "Enterprise Edition (Trial)";
+        else if (isUnlicensedTrial) {
+            if (graceDaysLeftText) {
+                return translator.translateTemplate("Enterprise Edition (Trial, {{daysLeft}})", { daysLeft: graceDaysLeftText });
+            }
+            name = translationKey("Enterprise Edition (Trial)");
         }
-        if (isExpiredGrace) {
-            return "Enterprise Edition (License Expired, Grace Period)";
+        else if (isExpiredGrace) {
+            name = translationKey("Enterprise Edition (License Expired, Grace Period)");
         }
-        if (licenseValid) {
-            return "Enterprise Edition";
+        else if (licenseValid) {
+            name = translationKey("Enterprise Edition");
         }
-        if (licenseStatus === "expired") {
-            return "Enterprise Edition (License Expired)";
+        else if (licenseStatus === "expired") {
+            name = translationKey("Enterprise Edition (License Expired)");
         }
-        if (licenseStatus === "invalid") {
-            return "Enterprise Edition (License Invalid)";
+        else if (licenseStatus === "invalid") {
+            name = translationKey("Enterprise Edition (License Invalid)");
         }
-        return "Enterprise Edition (License Required)";
-    }, [
-        isConfigLoading,
-        licenseValid,
-        licenseStatus,
-        isUnlicensedTrial,
-        isExpiredGrace,
-        graceDaysLeftText,
-    ]);
+        return translator.translateText(name) || name;
+    })();
     const indicatorColor = useMemo(() => {
         if (!IS_ENTERPRISE_EDITION) {
             return "bg-indigo-400";
@@ -626,33 +637,35 @@ const EditionLabel = (props) => {
     }, [isConfigLoading, licenseValid, seatTone, licenseStatus]);
     const ctaLabel = useMemo(() => {
         if (!IS_ENTERPRISE_EDITION) {
-            return showEditionMismatchNotice ? "Action needed" : "Learn more";
+            return showEditionMismatchNotice
+                ? translationKey("Action needed")
+                : translationKey("Learn more");
         }
         if (isConfigLoading) {
-            return "Checking";
+            return translationKey("Checking");
         }
         if (isUnlicensedTrial) {
-            return "Add license";
+            return translationKey("Add license");
         }
         if (isExpiredGrace) {
-            return "Renew license";
+            return translationKey("Renew license");
         }
         if (!licenseValid) {
             if (licenseStatus === "expired") {
-                return "Renew license";
+                return translationKey("Renew license");
             }
             if (licenseStatus === "invalid") {
-                return "Fix license";
+                return translationKey("Fix license");
             }
-            return "Validate license";
+            return translationKey("Validate license");
         }
         if (seatTone === "breached") {
-            return "User limit exceeded";
+            return translationKey("User limit exceeded");
         }
         if (seatTone === "approaching") {
-            return "Seats nearly full";
+            return translationKey("Seats nearly full");
         }
-        return "View details";
+        return translationKey("View details");
     }, [
         isConfigLoading,
         licenseValid,
@@ -690,40 +703,40 @@ const EditionLabel = (props) => {
     ]);
     const modalDescription = useMemo(() => {
         if (!IS_ENTERPRISE_EDITION) {
-            return "You are running the free, open-source build of OneUptime.";
+            return translationKey("You are running the free, open-source build of OneUptime.");
         }
         if (isConfigLoading) {
-            return "Checking your license with OneUptime...";
+            return translationKey("Checking your license with OneUptime...");
         }
         if (isUnlicensedTrial) {
-            return "No license is installed yet. Enterprise features are available during the trial.";
+            return translationKey("No license is installed yet. Enterprise features are available during the trial.");
         }
         if (isExpiredGrace) {
-            return "Your license has expired. Renew it before the grace period ends.";
+            return translationKey("Your license has expired. Renew it before the grace period ends.");
         }
         if (!licenseValid) {
-            return "Add a valid license to turn SCIM provisioning and audit logging back on and make enterprise configuration editable.";
+            return translationKey("Add a valid license to turn SCIM provisioning and audit logging back on and make enterprise configuration editable.");
         }
-        return "License, version, seat usage, and the instances covered by this key.";
+        return translationKey("License, version, seat usage, and the instances covered by this key.");
     }, [isConfigLoading, licenseValid, isUnlicensedTrial, isExpiredGrace]);
     const communityFeatures = useMemo(() => {
         return [
-            "Full OneUptime platform with incident response, status pages, and workflow automation.",
-            'SAML and OIDC single sign-on (SSO) for projects, status pages, and the whole instance, including "Require SSO for login".',
-            "Community support, documentation, and tutorials to help teams get started quickly.",
-            "Regular updates, bug fixes, and open-source extensibility.",
-            "Integrations with popular DevOps tools through community-maintained connectors.",
+            translationKey("Full OneUptime platform with incident response, status pages, and workflow automation."),
+            translationKey('SAML and OIDC single sign-on (SSO) for projects, status pages, and the whole instance, including "Require SSO for login".'),
+            translationKey("Community support, documentation, and tutorials to help teams get started quickly."),
+            translationKey("Regular updates, bug fixes, and open-source extensibility."),
+            translationKey("Integrations with popular DevOps tools through community-maintained connectors."),
         ];
     }, []);
     const enterpriseFeatures = useMemo(() => {
         return [
-            "Enterprise (hardened and secure) Docker images.",
-            "Dedicated enterprise support phone number available 24/7/365.",
-            "Priority chat and email support.",
-            "Dedicated engineer who can build custom features to integrate OneUptime with your ecosystem.",
-            "Compliance reports (ISO, SOC, GDPR, HIPAA).",
-            "Legal indemnification.",
-            "Audit logs and many more enterprise-focused features.",
+            translationKey("Enterprise (hardened and secure) Docker images."),
+            translationKey("Dedicated enterprise support phone number available 24/7/365."),
+            translationKey("Priority chat and email support."),
+            translationKey("Dedicated engineer who can build custom features to integrate OneUptime with your ecosystem."),
+            translationKey("Compliance reports (ISO, SOC, GDPR, HIPAA)."),
+            translationKey("Legal indemnification."),
+            translationKey("Audit logs and many more enterprise-focused features."),
         ];
     }, []);
     /*
@@ -802,13 +815,13 @@ const EditionLabel = (props) => {
                 : seatTone === "approaching"
                     ? "bg-amber-500"
                     : "bg-emerald-500"}` }),
-        seatTone === "breached"
+        translator.translateText(seatTone === "breached"
             ? "Seat limit exceeded"
             : seatTone === "approaching"
                 ? "Seats nearly full"
                 : isExpiredGrace
                     ? "Grace period"
-                    : "License active")) : undefined;
+                    : "License active"))) : undefined;
     const pillClassName = pillTone === "alerted"
         ? "group inline-flex items-center gap-2 rounded-full border border-red-200 bg-red-50 px-3 py-1 text-xs font-medium text-red-700 shadow-sm transition hover:border-red-300 hover:bg-red-100 focus:outline-none focus-visible:ring-2 focus-visible:ring-red-400"
         : pillTone === "warning"
@@ -826,21 +839,21 @@ const EditionLabel = (props) => {
     const versionCardElement = showVersionCard ? (React.createElement("section", { "aria-labelledby": "edition-version-heading", className: `overflow-hidden rounded-xl border ${isUpdateAvailable ? "border-amber-200" : "border-gray-200"} bg-white` },
         React.createElement("div", { className: "flex items-center justify-between gap-4 p-5" },
             React.createElement("div", { className: "min-w-0" },
-                React.createElement("h4", { id: "edition-version-heading", className: "text-sm font-semibold text-gray-900" }, "This installation"),
+                React.createElement("h4", { id: "edition-version-heading", className: "text-sm font-semibold text-gray-900" }, translator.translateText("This installation")),
                 React.createElement("p", { className: "mt-1.5 flex items-baseline gap-2" },
                     React.createElement("span", { className: `text-2xl font-semibold leading-none tabular-nums ${hasComparableVersion ? "text-gray-900" : "text-gray-400"}` }, hasComparableVersion ? `v${currentVersion}` : currentVersion)),
-                !hasComparableVersion && (React.createElement("p", { className: "mt-1.5 text-xs leading-relaxed text-gray-500" }, "This build does not report a version number, so it cannot be compared against the latest OneUptime release."))),
+                !hasComparableVersion && (React.createElement("p", { className: "mt-1.5 text-xs leading-relaxed text-gray-500" }, translator.translateText("This build does not report a version number, so it cannot be compared against the latest OneUptime release.")))),
             (isUpdateAvailable || isUpToDate) && (React.createElement("span", { className: `inline-flex shrink-0 items-center gap-1.5 rounded-full px-2.5 py-1 text-xs font-medium ${isUpdateAvailable
                     ? "bg-amber-100 text-amber-800"
                     : "bg-emerald-50 text-emerald-700"}` },
                 React.createElement(Icon, { icon: isUpdateAvailable
                         ? IconProp.ArrowCircleUp
                         : IconProp.CheckCircle, className: `h-3.5 w-3.5 shrink-0 ${isUpdateAvailable ? "text-amber-700" : "text-emerald-600"}` }),
-                isUpdateAvailable ? "Update available" : "Up to date"))),
+                translator.translateText(isUpdateAvailable ? "Update available" : "Up to date")))),
         isUpdateAvailable && (React.createElement("div", { role: "status", className: "border-t border-amber-200 bg-amber-50 px-5 py-4" },
-            React.createElement("h5", { className: "text-sm font-semibold text-amber-900" }, isMajorUpgrade
-                ? `OneUptime v${latestVersion} is a major upgrade`
-                : `OneUptime v${latestVersion} is available`),
+            React.createElement("h5", { className: "text-sm font-semibold text-amber-900" }, translator.translateTemplate(isMajorUpgrade
+                ? "OneUptime v{{version}} is a major upgrade"
+                : "OneUptime v{{version}} is available", { version: latestVersion })),
             React.createElement("p", { className: "mt-1 text-xs leading-relaxed text-amber-800" }, updateAdvisoryText),
             isMajorUpgrade && (React.createElement("div", { className: "mt-3" },
                 React.createElement("a", { href: UPGRADE_GUIDE_URL, target: "_blank", rel: "noopener noreferrer", 
@@ -851,7 +864,7 @@ const EditionLabel = (props) => {
                      * the same role would read as two conventions.
                      */
                     className: "inline-flex items-center gap-1.5 rounded-md bg-indigo-600 px-3 py-1.5 text-xs font-medium text-white shadow-sm transition hover:bg-indigo-700 focus:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400 focus-visible:ring-offset-2" },
-                    "Read the upgrade guide",
+                    translator.translateText("Read the upgrade guide"),
                     React.createElement(Icon, { icon: IconProp.ExternalLink, className: "h-3 w-3 shrink-0 text-white" })))))),
         !isUpdateAvailable && updateFooterText && (React.createElement("div", { className: "border-t border-gray-100 px-5 py-3" },
             React.createElement("p", { className: "text-xs text-gray-500" }, updateFooterText))))) : null;
@@ -867,13 +880,13 @@ const EditionLabel = (props) => {
                 React.createElement(Icon, { icon: IconProp.Beaker, className: "h-5 w-5 text-violet-600" })),
             React.createElement("div", { className: "min-w-0 flex-1" },
                 React.createElement("div", { className: "flex flex-wrap items-center gap-2" },
-                    React.createElement("h4", { id: "edition-evaluation-heading", className: "text-sm font-semibold text-violet-900" }, "Evaluation license"),
-                    React.createElement("span", { className: "inline-flex items-center rounded-full bg-violet-100 px-2 py-0.5 text-[10px] font-semibold uppercase tracking-wide text-violet-700" }, "Testing only")),
-                React.createElement("p", { className: "mt-1.5 text-xs leading-relaxed text-violet-800" }, "This key was issued for evaluation and testing. It is not licensed for production use \u2014 reach out whenever you are ready to go live and we will get a production license sorted for you."),
+                    React.createElement("h4", { id: "edition-evaluation-heading", className: "text-sm font-semibold text-violet-900" }, translator.translateText("Evaluation license")),
+                    React.createElement("span", { className: "inline-flex items-center rounded-full bg-violet-100 px-2 py-0.5 text-[10px] font-semibold uppercase tracking-wide text-violet-700" }, translator.translateText("Testing only"))),
+                React.createElement("p", { className: "mt-1.5 text-xs leading-relaxed text-violet-800" }, translator.translateText("This key was issued for evaluation and testing. It is not licensed for production use — reach out whenever you are ready to go live and we will get a production license sorted for you.")),
                 React.createElement("div", { className: "mt-3" },
                     React.createElement("a", { href: `${SALES_MAILTO_URL}?subject=${encodeURIComponent("Moving our OneUptime evaluation to production")}`, className: "inline-flex items-center gap-1.5 rounded-md bg-violet-600 px-3 py-1.5 text-xs font-medium text-white shadow-sm transition hover:bg-violet-700 focus:outline-none focus-visible:ring-2 focus-visible:ring-violet-400 focus-visible:ring-offset-2" },
                         React.createElement(Icon, { icon: IconProp.Email, className: "h-3 w-3 shrink-0 text-white" }),
-                        "Talk to sales about production")))))) : null;
+                        translator.translateText("Talk to sales about production"))))))) : null;
     /*
      * What the license status means for this installation, in plain words.
      * Before the lapse (the trial, the grace period) every branch warns what
@@ -887,44 +900,71 @@ const EditionLabel = (props) => {
         if (isUnlicensedTrial) {
             return (React.createElement("section", { role: "status", "data-testid": "enterprise-license-trial-notice", className: "rounded-xl border border-amber-200 bg-amber-50 p-5" },
                 React.createElement("h4", { className: "text-sm font-semibold text-amber-900" }, graceDaysLeftText
-                    ? `Enterprise Edition trial: ${graceDaysLeftText}`
-                    : "Enterprise Edition trial"),
-                React.createElement("p", { className: "mt-1 text-xs leading-relaxed text-amber-800" }, `${hasLicenseInstalled
-                    ? "A license is installed, but this installation cannot tell whether it is still current, so it is treating this as an unlicensed install."
-                    : "No Enterprise license is installed."} Enterprise features stay fully available${graceEndsAtText ? ` until ${graceEndsAtText}` : ""}, counted from the first time this installation ran the Enterprise Edition. ${TRIAL_ENFORCEMENT_SUMMARY}`),
+                    ? translator.translateTemplate("Enterprise Edition trial: {{daysLeft}}", {
+                        daysLeft: graceDaysLeftText,
+                    })
+                    : translator.translateText("Enterprise Edition trial")),
+                React.createElement("p", { className: "mt-1 text-xs leading-relaxed text-amber-800" }, [
+                    translator.translateText(hasLicenseInstalled
+                        ? "A license is installed, but this installation cannot tell whether it is still current, so it is treating this as an unlicensed install."
+                        : "No Enterprise license is installed."),
+                    graceEndsAtText
+                        ? translator.translateTemplate("Enterprise features stay fully available until {{date}}, counted from the first time this installation ran the Enterprise Edition.", { date: graceEndsAtText })
+                        : translator.translateText("Enterprise features stay fully available, counted from the first time this installation ran the Enterprise Edition."),
+                    translator.translateTemplate(TRIAL_ENFORCEMENT_TEMPLATE, {
+                        days: ENTERPRISE_LICENSE_TRIAL_PERIOD_IN_DAYS,
+                    }),
+                ].join(" ")),
                 hasLicenseInstalled && licenseMessage && (React.createElement("p", { "data-testid": "enterprise-license-status-message", className: "mt-2 text-xs leading-relaxed text-amber-800" }, licenseMessage)),
-                React.createElement("p", { className: "mt-2 text-xs leading-relaxed text-amber-800" }, canManageLicense
+                React.createElement("p", { className: "mt-2 text-xs leading-relaxed text-amber-800" }, translator.translateText(canManageLicense
                     ? hasLicenseInstalled
                         ? "Re-activate the license below before the trial ends, or let the daily license sync fetch its expiry from OneUptime, to keep SCIM provisioning and audit logging running and enterprise configuration editable."
                         : "Add a license below before the trial ends to keep SCIM provisioning and audit logging running and enterprise configuration editable."
                     : hasLicenseInstalled
                         ? "Ask a master admin of this installation to re-activate the license."
-                        : "Ask a master admin of this installation to add a license.")));
+                        : "Ask a master admin of this installation to add a license."))));
         }
         if (isExpiredGrace) {
             return (React.createElement("section", { role: "status", "data-testid": "enterprise-license-grace-notice", className: "rounded-xl border border-amber-200 bg-amber-50 p-5" },
                 React.createElement("h4", { className: "text-sm font-semibold text-amber-900" }, graceEndsAtText
-                    ? `License expired, grace period until ${graceEndsAtText}`
-                    : "License expired, grace period"),
-                React.createElement("p", { className: "mt-1 text-xs leading-relaxed text-amber-800" }, `The Enterprise license expired${licenseExpiresAtText ? ` on ${licenseExpiresAtText}` : ""}. Every enterprise feature keeps working until the grace period ends${graceDaysLeftText ? ` (${graceDaysLeftText})` : ""}. ${GRACE_ENFORCEMENT_SUMMARY}`),
-                React.createElement("p", { className: "mt-2 text-xs leading-relaxed text-amber-800" }, canManageLicense
+                    ? translator.translateTemplate("License expired, grace period until {{date}}", { date: graceEndsAtText })
+                    : translator.translateText("License expired, grace period")),
+                React.createElement("p", { className: "mt-1 text-xs leading-relaxed text-amber-800" }, [
+                    licenseExpiresAtText
+                        ? translator.translateTemplate("The Enterprise license expired on {{date}}.", { date: licenseExpiresAtText })
+                        : translator.translateText("The Enterprise license expired."),
+                    graceDaysLeftText
+                        ? translator.translateTemplate("Every enterprise feature keeps working until the grace period ends ({{daysLeft}}).", { daysLeft: graceDaysLeftText })
+                        : translator.translateText("Every enterprise feature keeps working until the grace period ends."),
+                    translator.translateTemplate(GRACE_ENFORCEMENT_TEMPLATE, {
+                        days: ENTERPRISE_LICENSE_GRACE_PERIOD_IN_DAYS,
+                    }),
+                ].join(" ")),
+                React.createElement("p", { className: "mt-2 text-xs leading-relaxed text-amber-800" }, translator.translateText(canManageLicense
                     ? "Renew the license with OneUptime, then refresh it here."
-                    : "Ask a master admin of this installation to renew the license.")));
+                    : "Ask a master admin of this installation to renew the license."))));
         }
         if (!licenseValid) {
-            const title = licenseStatus === "expired"
+            const title = translator.translateText(licenseStatus === "expired"
                 ? "License expired"
                 : licenseStatus === "invalid"
                     ? "License not valid"
-                    : "No valid license";
+                    : "No valid license") || "";
+            /*
+             * The license client's own message is shown as it was sent; everything
+             * else is this component's sentence in the reader's language.
+             */
             const reason = licenseStatus === "expired"
-                ? `The Enterprise license expired${licenseExpiresAtText ? ` on ${licenseExpiresAtText}` : ""} and its grace period is over.`
+                ? licenseExpiresAtText
+                    ? translator.translateTemplate("The Enterprise license expired on {{date}} and its grace period is over.", { date: licenseExpiresAtText })
+                    : translator.translateText("The Enterprise license expired and its grace period is over.") || ""
                 : licenseStatus === "invalid"
                     ? licenseMessage ||
-                        "The stored license could not be verified. Validate the license again."
-                    : hasLicenseInstalled
+                        translator.translateText("The stored license could not be verified. Validate the license again.") ||
+                        ""
+                    : translator.translateText(hasLicenseInstalled
                         ? "A license is installed, but this installation cannot confirm that it is current, so nothing is licensed by it."
-                        : "This installation has no valid Enterprise license.";
+                        : "This installation has no valid Enterprise license.") || "";
             /*
              * Whatever the license client said, for EVERY status and not only
              * "invalid".
@@ -944,12 +984,12 @@ const EditionLabel = (props) => {
             return (React.createElement("section", { role: "alert", "data-testid": "enterprise-license-required-notice", className: "rounded-xl border border-red-200 bg-red-50 p-5" },
                 React.createElement("h4", { className: "text-sm font-semibold text-red-900" }, title),
                 explanation && (React.createElement("p", { "data-testid": "enterprise-license-status-message", className: "mt-1 text-xs leading-relaxed text-red-800" }, explanation)),
-                React.createElement("p", { className: "mt-1 text-xs leading-relaxed text-red-800" }, `${reason} ${LICENSE_LAPSED_STATE}`)));
+                React.createElement("p", { className: "mt-1 text-xs leading-relaxed text-red-800" }, `${reason} ${translator.translateText(LICENSE_LAPSED_STATE)}`)));
         }
         if (isUnverifiedLegacyLicense && canManageLicense) {
             return (React.createElement("section", { "data-testid": "enterprise-license-unverified-notice", className: "rounded-xl border border-gray-200 bg-gray-50 p-4" },
-                React.createElement("h4", { className: "text-sm font-semibold text-gray-900" }, "Legacy license"),
-                React.createElement("p", { className: "mt-1 text-xs leading-relaxed text-gray-600" }, "This license was issued before OneUptime signed its licenses, so this installation cannot verify it offline. It keeps working; refreshing the license replaces it with a signed one once OneUptime issues them.")));
+                React.createElement("h4", { className: "text-sm font-semibold text-gray-900" }, translator.translateText("Legacy license")),
+                React.createElement("p", { className: "mt-1 text-xs leading-relaxed text-gray-600" }, translator.translateText("This license was issued before OneUptime signed its licenses, so this installation cannot verify it offline. It keeps working; refreshing the license replaces it with a signed one once OneUptime issues them."))));
         }
         return null;
     })();
@@ -988,14 +1028,14 @@ const EditionLabel = (props) => {
         if (!isDialogOpen) {
             return React.createElement(React.Fragment, null);
         }
-        return (React.createElement(Modal, { title: editionName, description: modalDescription, rightElement: modalRightElement, submitButtonText: IS_ENTERPRISE_EDITION ? parts.submitButtonText : "Talk to Sales", closeButtonText: "Close", onClose: closeDialog, onSubmit: IS_ENTERPRISE_EDITION ? parts.onSubmit : handlePrimaryAction, modalWidth: ModalWidth.Medium, isLoading: IS_ENTERPRISE_EDITION ? Boolean(parts.isSubmitting) : false, disableSubmitButton: IS_ENTERPRISE_EDITION ? parts.disableSubmitButton : false, isBodyLoading: IS_ENTERPRISE_EDITION ? isConfigLoading : false, leftFooterElement: IS_ENTERPRISE_EDITION ? parts.leftFooterElement : undefined },
+        return (React.createElement(Modal, { title: editionName, description: translator.translateText(modalDescription), rightElement: modalRightElement, submitButtonText: IS_ENTERPRISE_EDITION ? parts.submitButtonText : "Talk to Sales", closeButtonText: "Close", onClose: closeDialog, onSubmit: IS_ENTERPRISE_EDITION ? parts.onSubmit : handlePrimaryAction, modalWidth: ModalWidth.Medium, isLoading: IS_ENTERPRISE_EDITION ? Boolean(parts.isSubmitting) : false, disableSubmitButton: IS_ENTERPRISE_EDITION ? parts.disableSubmitButton : false, isBodyLoading: IS_ENTERPRISE_EDITION ? isConfigLoading : false, leftFooterElement: IS_ENTERPRISE_EDITION ? parts.leftFooterElement : undefined },
             React.createElement("div", { className: "space-y-4 text-sm text-gray-600" }, IS_ENTERPRISE_EDITION ? (React.createElement(React.Fragment, null,
                 parts.messages,
                 configError && (React.createElement("div", { className: "rounded-xl border border-red-200 bg-red-50 p-4" },
                     React.createElement("div", { className: "flex items-start gap-2.5" },
                         React.createElement(Icon, { icon: IconProp.Alert, className: "mt-0.5 h-4 w-4 shrink-0 text-red-600" }),
                         React.createElement("div", { className: "min-w-0 flex-1" },
-                            React.createElement("p", { className: "text-sm font-semibold text-red-900" }, "Unable to load license details"),
+                            React.createElement("p", { className: "text-sm font-semibold text-red-900" }, translator.translateText("Unable to load license details")),
                             React.createElement("p", { className: "mt-1 text-xs leading-relaxed text-red-800" }, configError),
                             React.createElement("div", { className: "mt-3" },
                                 React.createElement(Button, { title: "Try again", buttonStyle: ButtonStyleType.NORMAL, onClick: handleRetryFetch, isLoading: isConfigLoading, className: "!mt-0 md:!ml-0" })))))),
@@ -1003,54 +1043,52 @@ const EditionLabel = (props) => {
                 licenseStatusNoticeElement,
                 showLicenseDetails && (React.createElement("dl", { className: "grid grid-cols-1 gap-px overflow-hidden rounded-xl border border-gray-200 bg-gray-200 sm:grid-cols-2" },
                     React.createElement("div", { className: "min-w-0 bg-white px-4 py-3" },
-                        React.createElement("dt", { className: "text-[11px] font-medium uppercase tracking-wide text-gray-500" }, "Licensed to"),
-                        React.createElement("dd", { className: "mt-1 truncate text-sm font-medium text-gray-900", title: (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.enterpriseCompanyName) || undefined }, (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.enterpriseCompanyName) || "Not specified")),
+                        React.createElement("dt", { className: "text-[11px] font-medium uppercase tracking-wide text-gray-500" }, translator.translateText("Licensed to")),
+                        React.createElement("dd", { className: "mt-1 truncate text-sm font-medium text-gray-900", title: (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.enterpriseCompanyName) || undefined }, (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.enterpriseCompanyName) ||
+                            translator.translateText("Not specified"))),
                     React.createElement("div", { className: "bg-white px-4 py-3" },
-                        React.createElement("dt", { className: "text-[11px] font-medium uppercase tracking-wide text-gray-500" }, "Expires"),
+                        React.createElement("dt", { className: "text-[11px] font-medium uppercase tracking-wide text-gray-500" }, translator.translateText("Expires")),
                         React.createElement("dd", { className: "mt-1 text-sm font-medium tabular-nums text-gray-900" }, licenseExpiresAtText || "—")))),
                 versionCardElement,
                 parts.usage,
                 showLicenseAdminRequiredNotice && (React.createElement("section", { className: "rounded-xl border border-amber-200 bg-amber-50 p-5" },
-                    React.createElement("h4", { className: "text-sm font-semibold text-amber-900" }, "A master admin has to activate this license"),
-                    React.createElement("p", { className: "mt-1 text-xs leading-relaxed text-amber-800" }, "This installation does not have a valid enterprise license. Ask a master admin of this OneUptime installation to enter or refresh the license key from this dialog."))),
+                    React.createElement("h4", { className: "text-sm font-semibold text-amber-900" }, translator.translateText("A master admin has to activate this license")),
+                    React.createElement("p", { className: "mt-1 text-xs leading-relaxed text-amber-800" }, translator.translateText("This installation does not have a valid enterprise license. Ask a master admin of this OneUptime installation to enter or refresh the license key from this dialog.")))),
                 parts.activation,
                 showEnterpriseFeatureList && (React.createElement("section", { "aria-labelledby": "edition-features-heading", className: "rounded-xl border border-indigo-100 bg-gradient-to-br from-indigo-50 via-white to-white p-5" },
-                    React.createElement("h4", { id: "edition-features-heading", className: "text-sm font-semibold text-indigo-900" }, "What your license unlocks"),
-                    React.createElement("p", { className: "mt-0.5 text-xs text-indigo-700" },
-                        canManageLicense
-                            ? "A valid license that includes them keeps SCIM provisioning and audit logging running, enterprise configuration (SCIM, team compliance, audit log settings) editable and the enterprise admin dashboards unlocked."
-                            : "A master admin can add the license to keep SCIM provisioning and audit logging running and enterprise configuration editable.",
-                        " ",
-                        "Core monitoring never depends on it."),
+                    React.createElement("h4", { id: "edition-features-heading", className: "text-sm font-semibold text-indigo-900" }, translator.translateText("What your license unlocks")),
+                    React.createElement("p", { className: "mt-0.5 text-xs text-indigo-700" }, `${translator.translateText(canManageLicense
+                        ? "A valid license that includes them keeps SCIM provisioning and audit logging running, enterprise configuration (SCIM, team compliance, audit log settings) editable and the enterprise admin dashboards unlocked."
+                        : "A master admin can add the license to keep SCIM provisioning and audit logging running and enterprise configuration editable.")} ${translator.translateText("Core monitoring never depends on it.")}`),
                     React.createElement("ul", { className: "mt-3 grid grid-cols-1 gap-2 sm:grid-cols-2" }, enterpriseFeatures.map((feature, index) => {
                         return (React.createElement("li", { key: index, className: "flex items-start gap-2 rounded-lg border border-gray-100 bg-white px-3 py-2.5" },
                             React.createElement("span", { className: "mt-0.5 flex h-4 w-4 shrink-0 items-center justify-center rounded-full bg-indigo-50" },
                                 React.createElement(Icon, { icon: IconProp.Check, className: "h-3 w-3 text-indigo-600" })),
-                            React.createElement("span", { className: "text-xs leading-snug text-gray-700" }, feature)));
+                            React.createElement("span", { className: "text-xs leading-snug text-gray-700" }, translator.translateText(feature))));
                     })))))) : (React.createElement(React.Fragment, null,
                 showEditionMismatchNotice && (React.createElement("section", { role: "alert", "data-testid": "enterprise-edition-image-mismatch", className: "rounded-xl border border-amber-200 bg-amber-50 p-5" },
-                    React.createElement("h4", { className: "text-sm font-semibold text-amber-900" }, "This is the Community Edition image"),
-                    React.createElement("p", { className: "mt-1 text-xs leading-relaxed text-amber-800" }, "IS_ENTERPRISE_EDITION is set but this is the Community Edition image \u2014 switch to the enterprise image (the enterprise-* image tags) to use Enterprise Edition features. Until then they are off; everything else keeps working."))),
+                    React.createElement("h4", { className: "text-sm font-semibold text-amber-900" }, translator.translateText("This is the Community Edition image")),
+                    React.createElement("p", { className: "mt-1 text-xs leading-relaxed text-amber-800" }, translator.translateText("IS_ENTERPRISE_EDITION is set but this is the Community Edition image — switch to the enterprise image (the enterprise-* image tags) to use Enterprise Edition features. Until then they are off; everything else keeps working.")))),
                 versionCardElement,
-                React.createElement("p", null, "You are running the Community Edition of OneUptime. Here is a quick comparison to help you decide if Enterprise is the right fit for your team."),
+                React.createElement("p", null, translator.translateText("You are running the Community Edition of OneUptime. Here is a quick comparison to help you decide if Enterprise is the right fit for your team.")),
                 React.createElement("div", { className: "grid gap-4 md:grid-cols-2" },
                     React.createElement("div", { className: "rounded-xl border border-gray-200 bg-white p-4" },
-                        React.createElement("h4", { className: "text-sm font-semibold text-gray-900" }, "Community Edition"),
+                        React.createElement("h4", { className: "text-sm font-semibold text-gray-900" }, translator.translateText("Community Edition")),
                         React.createElement("ul", { className: "mt-3 space-y-2 text-sm text-gray-600" }, communityFeatures.map((feature, index) => {
                             return (React.createElement("li", { key: index, className: "flex items-start gap-2" },
                                 React.createElement(Icon, { icon: IconProp.Check, className: "mt-0.5 h-3 w-3 shrink-0 text-gray-400" }),
-                                React.createElement("span", { className: "leading-snug" }, feature)));
+                                React.createElement("span", { className: "leading-snug" }, translator.translateText(feature))));
                         })),
-                        React.createElement("p", { className: "mt-3 text-xs text-gray-500" }, "Best for small teams experimenting with reliability workflows.")),
+                        React.createElement("p", { className: "mt-3 text-xs text-gray-500" }, translator.translateText("Best for small teams experimenting with reliability workflows."))),
                     React.createElement("div", { className: "rounded-xl border border-indigo-100 bg-gradient-to-br from-indigo-50 via-white to-white p-4" },
-                        React.createElement("h4", { className: "text-sm font-semibold text-indigo-900" }, "Enterprise Edition"),
+                        React.createElement("h4", { className: "text-sm font-semibold text-indigo-900" }, translator.translateText("Enterprise Edition")),
                         React.createElement("ul", { className: "mt-3 space-y-2 text-sm text-indigo-900" }, enterpriseFeatures.map((feature, index) => {
                             return (React.createElement("li", { key: index, className: "flex items-start gap-2" },
                                 React.createElement(Icon, { icon: IconProp.Check, className: "mt-0.5 h-3 w-3 shrink-0 text-indigo-600" }),
-                                React.createElement("span", { className: "leading-snug" }, feature)));
+                                React.createElement("span", { className: "leading-snug" }, translator.translateText(feature))));
                         })),
-                        React.createElement("p", { className: "mt-3 text-xs text-indigo-700" }, "Everything in Community plus white-glove onboarding, enterprise SLAs, and a partner dedicated to your reliability goals."))),
-                React.createElement("p", { className: "text-xs text-gray-500" }, "Ready to unlock enterprise capabilities? Click \"Talk to Sales\" to start the conversation."))))));
+                        React.createElement("p", { className: "mt-3 text-xs text-indigo-700" }, translator.translateText("Everything in Community plus white-glove onboarding, enterprise SLAs, and a partner dedicated to your reliability goals.")))),
+                React.createElement("p", { className: "text-xs text-gray-500" }, translator.translateText('Ready to unlock enterprise capabilities? Click "Talk to Sales" to start the conversation.')))))));
     };
     /*
      * Kept after every hook: oneuptime.com (billing enabled) bounds seats and
@@ -1060,14 +1098,19 @@ const EditionLabel = (props) => {
         return React.createElement(React.Fragment, null);
     }
     return (React.createElement(React.Fragment, null,
-        React.createElement("button", { type: "button", onClick: openDialog, className: `${pillClassName} ${props.className ? props.className : ""}`, "aria-label": `${editionName}${showEvaluationTag ? ", Evaluation" : ""}, ${ctaLabel}` },
+        React.createElement("button", { type: "button", onClick: openDialog, className: `${pillClassName} ${props.className ? props.className : ""}`, "aria-label": translator.translateTemplate(showEvaluationTag
+                ? "{{edition}}, Evaluation, {{action}}"
+                : "{{edition}}, {{action}}", {
+                edition: editionName,
+                action: translator.translateText(ctaLabel) || ctaLabel,
+            }) },
             pillTone !== "normal" && (React.createElement(Icon, { icon: pillTone === "alerted"
                     ? IconProp.Alert
                     : IconProp.ExclaimationCircle, className: `h-3 w-3 ${pillTone === "alerted" ? "text-red-600" : "text-amber-600"}` })),
             React.createElement("span", { className: `h-2 w-2 rounded-full transition group-hover:scale-110 ${indicatorColor}` }),
             React.createElement("span", { className: "tracking-wide" }, editionName),
-            showEvaluationTag && (React.createElement("span", { className: "inline-flex items-center rounded-full bg-violet-100 px-1.5 py-0.5 text-[10px] font-semibold uppercase tracking-wide text-violet-700" }, "Evaluation")),
-            React.createElement("span", { className: pillCtaTextClassName }, ctaLabel)),
+            showEvaluationTag && (React.createElement("span", { className: "inline-flex items-center rounded-full bg-violet-100 px-1.5 py-0.5 text-[10px] font-semibold uppercase tracking-wide text-violet-700" }, translator.translateText("Evaluation"))),
+            React.createElement("span", { className: pillCtaTextClassName }, translator.translateText(ctaLabel))),
         LicenseManager ? (React.createElement(LicenseManager, { license: licenseSnapshot, isDialogOpen: isDialogOpen, reloadLicense: fetchGlobalConfig, applySeatEnforcement: applySeatEnforcementPayload, renderDialog: renderDialog })) : (renderDialog({}))));
 };
 export default EditionLabel;