@eintrek/erp-shell 0.1.78 → 0.1.79

package/dist/chunks/{format-BmTSD3DB.cjs → format-CFXhGhta.cjs}

@@ -5875,6 +5875,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] = React.useState(false);
+    React.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 ---------------- */
@@ -5982,7 +6008,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";
@@ -6135,4 +6161,4 @@ exports.useGuideEntry = useGuideEntry;
 exports.usePageGuideEntry = usePageGuideEntry;
 exports.usePageGuides = usePageGuides;
 exports.useSectionGuideValues = useSectionGuideValues;
-//# sourceMappingURL=format-BmTSD3DB.cjs.map
+//# sourceMappingURL=format-CFXhGhta.cjs.map