@homebound/beam 3.31.2 → 3.32.0

package/dist/index.cjs

@@ -22305,10 +22305,11 @@ function EnvironmentBanner(props) {
   const {
     env,
     impersonating,
+    showProdWarning = false,
     ...others
   } = props;
   const tid = useTestIds(others, "environmentBanner");
-  if (!shouldShowEnvironmentBanner(env, impersonating)) {
+  if (!shouldShowEnvironmentBanner(env, impersonating, showProdWarning)) {
     return null;
   }
   const {
@@ -22316,7 +22317,7 @@ function EnvironmentBanner(props) {
     badgeLabel,
     message,
     tooltip
-  } = getEnvironmentBannerConfig(env, impersonating);
+  } = getEnvironmentBannerConfig(env, impersonating, showProdWarning);
   const bgColorVar = maybeCssVar(bgColor);
   return /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("div", { ...(0, import_runtime90.trussProps)({
     flexShrink: "fs0",
@@ -22359,7 +22360,7 @@ function EnvironmentBanner(props) {
         ] })
       ] }),
       impersonating != null && /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("span", { className: "df aic gap2 fw6 fz_12px lh_16px white fs0", ...tid.impersonating, children: [
-        env !== "prod" && /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("span", { children: [
+        (env !== "prod" || showProdWarning) && /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("span", { children: [
           /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "dn mdandup_dib", children: "Impersonating \xA0" }),
           impersonating.name
         ] }),
@@ -22368,10 +22369,10 @@ function EnvironmentBanner(props) {
     ] })
   ] });
 }
-function shouldShowEnvironmentBanner(env, impersonating) {
-  return env === "dev" || env === "qa" || env === "local-prod" || env === "prod" && isDefined(impersonating);
+function shouldShowEnvironmentBanner(env, impersonating, showProdWarning) {
+  return env === "dev" || env === "qa" || env === "local-prod" || env === "prod" && (isDefined(impersonating) || showProdWarning);
 }
-function getEnvironmentBannerConfig(env, impersonating) {
+function getEnvironmentBannerConfig(env, impersonating, showProdWarning) {
   switch (env) {
     case "dev":
       return {
@@ -22387,9 +22388,16 @@ function getEnvironmentBannerConfig(env, impersonating) {
         message: "You are in the QA Environment",
         tooltip: "You are in the QA Environment. Any changes here will not be reflected in live production data."
       };
-    // Prod env banner should only be displayed when impersonating
+    // Prod banner shows when impersonating or when `showProdWarning` is set. The prod warning takes precedence:
+    // it reuses the red local-prod fill for "live prod data" urgency, while impersonation (if any) still shows
+    // on the right. Impersonation alone keeps its own prod fill and copy.
     case "prod":
-      return {
+      return showProdWarning ? {
+        bgColor: "--b-env-brand-local-prod" /* EnvBrandLocalProd */,
+        badgeLabel: "PROD",
+        message: "You are in the Production Environment",
+        tooltip: "You are in the Production Environment. Any changes here WILL be reflected in live production data."
+      } : {
         bgColor: "--b-env-brand-prod" /* EnvBrandProd */,
         badgeLabel: "PROD",
         message: `You are impersonating ${impersonating?.name}`,
@@ -24612,7 +24620,7 @@ function EnvironmentBannerLayout(props) {
     children
   } = props;
   const tid = useTestIds(props, "environmentBannerLayout");
-  const showBanner = environmentBanner != null && shouldShowEnvironmentBanner(environmentBanner.env, environmentBanner.impersonating);
+  const showBanner = environmentBanner != null && shouldShowEnvironmentBanner(environmentBanner.env, environmentBanner.impersonating, environmentBanner.showProdWarning ?? false);
   const bannerHeightPx = showBanner ? environmentBannerSizePx : 0;
   const style = {
     [beamEnvironmentBannerLayoutHeightVar]: `${bannerHeightPx}px`