@eintrek/erp-shell 0.1.78 → 0.1.79

package/README.md

@@ -176,6 +176,13 @@ progress API: `API.md` next to it.
   shell's adapters), `guide-ui.tsx`, `guide-styles.ts`. Tests:
   `src/guide/*.test.ts`.
 
+### 0.1.79
+
+- **The ภารกิจ chip no longer covers dialogs.** The guide layer sits above every
+  dialog, and the chip sat at the dialog's bottom right, over its buttons, in
+  every app. While an app dialog (Radix dialog or alert dialog) is open, the
+  chip is not drawn; it comes back when the dialog closes.
+
 ### 0.1.78
 
 - **Every tab shows the "?" menu.** Each tab of an app reads guides/me and

package/dist/chunks/{format-Wgj2sKpK.esm.js → format-BqUpxbzD.esm.js}

@@ -5855,6 +5855,32 @@ function GuideRuntimeInner({ config, organizationId, code, routing, progress: pr
         dispatchRef.current({ type: "resumeFlow", flow: saved.flow, step: saved.step, context, write: saved.write === true });
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [pagesLive, !!state, hasFlows, missionsLive]);
+    // The layer sits above every dialog, and a dialog's buttons sit at its
+    // bottom right, where the chip is: the chip covered them in every app.
+    // While an app dialog is open, the chip is not drawn.
+    const [appDialogShown, setAppDialogShown] = useState(false);
+    useEffect(() => {
+        if (!missionsLive || typeof MutationObserver === "undefined" || typeof document === "undefined" || !document.body)
+            return;
+        let raf = 0;
+        const check = () => {
+            raf = 0;
+            setAppDialogShown(appDialogOpen());
+        };
+        check();
+        const obs = new MutationObserver(records => {
+            if (records.every(r => inGuideLayer(r.target)))
+                return;
+            if (!raf)
+                raf = requestAnimationFrame(check);
+        });
+        obs.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ["data-state", "role"] });
+        return () => {
+            obs.disconnect();
+            if (raf)
+                cancelAnimationFrame(raf);
+        };
+    }, [missionsLive]);
     if (!live || !state || !layer || !ctxIdle)
         return null;
     /* ---------------- render ---------------- */
@@ -5962,7 +5988,7 @@ function GuideRuntimeInner({ config, organizationId, code, routing, progress: pr
                 .join(", ")
             : undefined,
     }));
-    const showChip = missionsLive && chipVisible(state, suite, ctxIdle);
+    const showChip = missionsLive && !appDialogShown && chipVisible(state, suite, ctxIdle);
     // The panel: the missions (when this person has them, and not "คู่มือทุกหน้า"),
     // then the page guides they have.
     const panelMissions = missionsLive && total > 0 && state.panelSection === "all";
@@ -6082,4 +6108,4 @@ function thaiMonthYear(m, opts = {}) {
 }
 
 export { API_EVENT as A, useGuideEntry as B, usePageGuideEntry as C, usePageGuides as D, useSectionGuideValues as E, GUIDE_EVENT_PREFIX as G, SectionGuideButton as S, THAI_MONTHS_SHORT as T, GUIDE_LAYER_ATTRIBUTE as a, GuideErrorBoundary as b, GuideProgressConflict as c, GuideRuntime as d, apiCallDetail as e, emitGuideEvent as f, fillRoute as g, formatBaht as h, guideAnchor as i, guideMenuItems as j, guideMenuShown as k, loadGuides as l, matchApiPath as m, matchRoute as n, openFlow as o, openFlowsPanel as p, openGuidePanel as q, openPageGuide as r, openPagesPanel as s, openSectionGuide as t, reportApiCall as u, reportApiEvent as v, setSectionGuideValues as w, storeGuides as x, thaiMonth as y, thaiMonthYear as z };
-//# sourceMappingURL=format-Wgj2sKpK.esm.js.map
+//# sourceMappingURL=format-BqUpxbzD.esm.js.map