@the-portland-company/shell 0.41.1 → 0.43.0

package/dist/app-chrome.cjs

@@ -1557,7 +1557,12 @@ function standardPolitogyNav(opts) {
     return rows.filter((r) => !r.flag || avail[r.flag]).map(({ flag: _flag, ...item }) => item);
   };
   const buildPetition = () => [
-    { label: "Dashboard", icon: icon("home"), href: withOrg(PETITION_MODE_ORIGIN) }
+    opts.petitionsItem ? {
+      label: "Dashboard",
+      icon: icon("home"),
+      href: opts.petitionsItem.href ?? withOrg(PETITION_MODE_ORIGIN),
+      children: opts.petitionsItem.children
+    } : { label: "Dashboard", icon: icon("home"), href: withOrg(PETITION_MODE_ORIGIN) }
   ];
   const mode = opts.mode ?? "relationship";
   const items = mode === "campaign" ? buildCampaign() : mode === "petition" ? buildPetition() : buildRelationship();
@@ -2948,10 +2953,11 @@ function FrameBody({
       // An app that OWNS a standard nav entry (Contacts) nests its own routes
       // under it. This is routing data, not chrome configuration.
       contactsItem: data?.contactsItem,
+      petitionsItem: data?.petitionsItem,
       mode: navMode,
       activeOrgId
     }),
-    [data?.contactsItem, navMode, activeOrgId]
+    [data?.contactsItem, data?.petitionsItem, navMode, activeOrgId]
   );
   const navItems = core?.nav ?? derivedNavItems;
   const derivedBreadcrumbs = react.useMemo(
@@ -3065,9 +3071,13 @@ function ChromeStateProvider({
   const [orgId, setOrgIdState] = react.useState(null);
   const [navDisplay, setNavDisplayState] = react.useState(NAV_DISPLAY_DEFAULT);
   const navReconciled = react.useRef(false);
+  const orgReconciled = react.useRef(false);
+  const hadBootSelector = react.useRef(false);
   react.useEffect(() => {
     try {
-      const storedOrg = resolveActiveOrg() ?? localStorage.getItem(ORG_STORAGE_KEY);
+      const selector = resolveActiveOrg();
+      if (selector) hadBootSelector.current = true;
+      const storedOrg = selector ?? localStorage.getItem(ORG_STORAGE_KEY);
       if (storedOrg) setOrgIdState(storedOrg);
     } catch {
     }
@@ -3105,6 +3115,51 @@ function ChromeStateProvider({
     if (!orgs || orgs.length === 0) return;
     setOrgIdState((prev) => prev && orgs.some((o) => o.id === prev) ? prev : orgs[0].id);
   }, [orgs]);
+  const activeOrgRef = react.useRef(null);
+  const memberOrgsRef = react.useRef([]);
+  const controlledOrgRef = react.useRef(controlledOrg);
+  controlledOrgRef.current = controlledOrg;
+  const applyExternalOrg = react.useCallback((next) => {
+    if (!isOrgId(next)) return;
+    const members = memberOrgsRef.current;
+    if (members.length === 0) return;
+    if (!members.some((o) => o.id === next)) return;
+    if (next === activeOrgRef.current) return;
+    const controlled = controlledOrgRef.current;
+    if (controlled) (controlled.onExternalSwitch ?? controlled.onSwitch)(next);
+    else setOrgIdState(next);
+  }, []);
+  react.useEffect(() => {
+    const onStorage = (e) => {
+      if (e.key === ORG_STORAGE_KEY) applyExternalOrg(e.newValue);
+    };
+    const onWake = () => {
+      applyExternalOrg(readActiveOrgCookie());
+    };
+    window.addEventListener("storage", onStorage);
+    window.addEventListener("focus", onWake);
+    document.addEventListener("visibilitychange", onWake);
+    return () => {
+      window.removeEventListener("storage", onStorage);
+      window.removeEventListener("focus", onWake);
+      document.removeEventListener("visibilitychange", onWake);
+    };
+  }, [applyExternalOrg]);
+  react.useEffect(() => {
+    if (orgReconciled.current || !chromeMe.me) return;
+    if (hadBootSelector.current) {
+      orgReconciled.current = true;
+      return;
+    }
+    const pref = chromeMe.me.activeOrg;
+    if (!isOrgId(pref)) {
+      orgReconciled.current = true;
+      return;
+    }
+    if (memberOrgsRef.current.length === 0) return;
+    orgReconciled.current = true;
+    applyExternalOrg(pref ?? null);
+  }, [chromeMe.me, orgs, controlledOrg, applyExternalOrg]);
   const setOrgId = react.useCallback((id) => {
     setOrgIdState(id);
     try {
@@ -3164,9 +3219,16 @@ function ChromeStateProvider({
     };
   }, [controlledOrg, orgId, setOrgId, orgs, orgsFetching, orgsError, navDisplay, setNavDisplay]);
   const activeOrgId = value.orgId;
+  activeOrgRef.current = activeOrgId;
+  memberOrgsRef.current = value.orgs;
+  const lastPatchedOrg = react.useRef(null);
   react.useEffect(() => {
     if (!isOrgId(activeOrgId)) return;
     writeActiveOrgCookie(activeOrgId);
+    try {
+      localStorage.setItem(ORG_STORAGE_KEY, activeOrgId);
+    } catch {
+    }
     try {
       const url = new URL(window.location.href);
       if (url.searchParams.get(ACTIVE_ORG_QUERY_PARAM) !== activeOrgId) {
@@ -3175,7 +3237,17 @@ function ChromeStateProvider({
       }
     } catch {
     }
-  }, [activeOrgId]);
+    const known = chromeMe.me?.activeOrg ?? null;
+    if (chromeMe.me && activeOrgId !== known && activeOrgId !== lastPatchedOrg.current) {
+      lastPatchedOrg.current = activeOrgId;
+      chromeFetch?.("me/preferences", {
+        method: "PATCH",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ activeOrg: activeOrgId })
+      })?.catch(() => {
+      });
+    }
+  }, [activeOrgId, chromeMe.me, chromeFetch]);
   return /* @__PURE__ */ jsxRuntime.jsx(ChromeStateContext.Provider, { value, children });
 }
 function AppDevNotes({