@the-portland-company/shell 0.43.1 → 0.45.0

package/dist/app-chrome.cjs

@@ -2484,15 +2484,39 @@ var BETA_BANNER_DEFAULTS = {
   linkLabel: "You can click here to see the Terms & Conditions for Beta users.",
   href: "https://app.politogyvrm.com/beta-terms-and-conditions"
 };
-function NavBetaBanner({ text, linkLabel, href }) {
+var BETA_BANNER_DISMISS_KEY = "politogy_beta_banner_dismissed";
+function clearBetaBannerDismissal() {
+  if (typeof window === "undefined") return;
+  try {
+    window.sessionStorage.removeItem(BETA_BANNER_DISMISS_KEY);
+  } catch {
+  }
+}
+function NavBetaBanner({ text, linkLabel, href, dismissible = true }) {
   const body = text ?? BETA_BANNER_DEFAULTS.text;
   const label = linkLabel ?? BETA_BANNER_DEFAULTS.linkLabel;
   const target = href ?? BETA_BANNER_DEFAULTS.href;
+  const [dismissed, setDismissed] = react.useState(false);
+  react.useEffect(() => {
+    if (!dismissible) return;
+    try {
+      if (window.sessionStorage.getItem(BETA_BANNER_DISMISS_KEY) === "1") setDismissed(true);
+    } catch {
+    }
+  }, [dismissible]);
+  if (dismissible && dismissed) return null;
+  const onDismiss = () => {
+    setDismissed(true);
+    try {
+      window.sessionStorage.setItem(BETA_BANNER_DISMISS_KEY, "1");
+    } catch {
+    }
+  };
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
       role: "note",
-      className: "w-full px-4 py-2 text-center text-sm",
+      className: "relative w-full px-10 py-2 text-center text-sm",
       style: {
         // Amber warning fill, matching the "10DLC Registration Required" notice
         // (HITL 2026-07-29). This used to fall through to `--color-accent`, the
@@ -2514,7 +2538,19 @@ function NavBetaBanner({ text, linkLabel, href }) {
             style: { color: "var(--beta-banner-text, #1A202C)" },
             children: label
           }
-        )
+        ),
+        dismissible ? /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: onDismiss,
+            "aria-label": "Dismiss this notice",
+            title: "Dismiss",
+            className: "absolute right-2 top-1/2 -translate-y-1/2 flex h-6 w-6 items-center justify-center rounded text-base leading-none opacity-70 hover:opacity-100",
+            style: { color: "var(--beta-banner-text, #1A202C)" },
+            children: "\xD7"
+          }
+        ) : null
       ]
     }
   );
@@ -2900,6 +2936,7 @@ function FrameBody({
   const signingOutRef = react.useRef(false);
   const handleSignOut = react.useCallback(() => {
     signingOutRef.current = true;
+    clearBetaBannerDismissal();
     broadcastLogout();
     signOutRef.current();
     window.location.assign(signOutUrl);
@@ -2924,6 +2961,7 @@ function FrameBody({
       // already on record for every tab.
       watchLogout(() => {
         if (signingOutRef.current) return;
+        clearBetaBannerDismissal();
         window.location.assign(signOutUrl);
       })
     ),
@@ -3057,6 +3095,15 @@ var standardNavIcons = {
 var ORG_STORAGE_KEY = "vrm.activeOrg";
 var MODE_STORAGE_KEY = "vrm.activeMode";
 var CORE_BASE_URL = "https://app.politogyvrm.com";
+var CORE_BASE_URL_STAGING = "https://staging-app.politogyvrm.com";
+function getCoreBaseUrl() {
+  if (typeof window !== "undefined") {
+    if (window.location.hostname.toLowerCase().includes("staging")) {
+      return CORE_BASE_URL_STAGING;
+    }
+  }
+  return CORE_BASE_URL;
+}
 var ChromeStateContext = react.createContext(null);
 function useChromeState() {
   return react.useContext(ChromeStateContext);
@@ -3402,13 +3449,14 @@ function useChromeUserMenu({
   const theme = useThemePreference();
   const activeOrg = state?.orgs.find((o) => o.id === state.orgId) ?? null;
   const orgSuffix = activeOrg ? `?org=${activeOrg.id}` : "";
+  const coreBase = getCoreBaseUrl();
   return {
     // My Profile is global — NOT org-suffixed (main-app ShellChromeBridge).
-    myProfileHref: `${CORE_BASE_URL}/my-profile`,
-    organizationSettingsHref: `${CORE_BASE_URL}/organization-settings${orgSuffix}`,
+    myProfileHref: `${coreBase}/my-profile`,
+    organizationSettingsHref: `${coreBase}/organization-settings${orgSuffix}`,
     roles: (state?.orgs ?? []).filter((o) => o.rawRole || o.role).map((o) => ({ role: o.rawRole ?? o.role, orgName: o.name })),
     accounts: [{ id: userId, name: userName, email, avatarUrl: null, active: true }],
-    addAccountHref: `${CORE_BASE_URL}/my-profile#accounts`,
+    addAccountHref: `${coreBase}/my-profile#accounts`,
     theme: { value: theme.value, onChange: theme.setValue }
   };
 }
@@ -3481,9 +3529,10 @@ function useChromeMode(arg = {}) {
         localStorage.setItem(MODE_STORAGE_KEY, id);
       } catch {
       }
-      const sep = def.href.includes("?") ? "&" : "?";
+      const href = def.href.replace(CORE_BASE_URL, getCoreBaseUrl());
+      const sep = href.includes("?") ? "&" : "?";
       window.location.assign(
-        def.orgQuery && suffix ? `${def.href}${sep}${suffix.slice(1)}` : def.href
+        def.orgQuery && suffix ? `${href}${sep}${suffix.slice(1)}` : href
       );
     } : void 0
   };