@eintrek/erp-shell 0.1.73 → 0.1.74

package/dist/index.cjs

@@ -14,7 +14,7 @@ var Link = require('next/link');
 var reactDom = require('react-dom');
 var nextThemes = require('next-themes');
 var axios = require('axios');
-var guideRuntime = require('./chunks/guide-runtime-CLVSNkTN.cjs');
+var guideRuntime = require('./chunks/guide-runtime-YS2nUhwS.cjs');
 var reactQueryDevtools = require('@tanstack/react-query-devtools');
 require('@floating-ui/dom');
 
@@ -1740,7 +1740,7 @@ function platformApiBase(app) {
  * This package's version, attached to help messages so the back office can
  * tell which shell a report came from. Keep in step with package.json.
  */
-const SHELL_VERSION = "0.1.73";
+const SHELL_VERSION = "0.1.74";
 
 const HELP_APP_LABEL = {
     platform: "แพลตฟอร์ม",
@@ -2572,15 +2572,24 @@ const BUTTON_CLASS = "grid size-[34px] shrink-0 place-items-center rounded-lg te
  * The ช่วยเหลือ button in the top bar. Drawn in the header's ink (the
  * --header-* variables of the workspace chrome, white on the brand chrome).
  *
- * When this user has a guided tour in this app, it opens a small menu:
- * "ไกด์เริ่มต้น n/N" (the quest panel) and "ติดต่อทีมช่วยเหลือ" (the help
- * dialog). Otherwise one press opens the help dialog, as before.
+ * When this user has something to open here, it opens a small menu:
+ * "คู่มือหน้านี้" (this page's guide), "ไกด์เริ่มต้น n/N" (the quest
+ * panel), "คู่มือทุกหน้า" (the panel's page guides) and "ติดต่อทีมช่วยเหลือ"
+ * (the help dialog), each only when it has something. Otherwise one press
+ * opens the help dialog, as before.
  */
 function HelpButton({ className }) {
     const guide = guideRuntime.useGuideEntry();
+    const pages = guideRuntime.usePageGuides();
     const toGuide = React.useRef(false);
     const cls = BUTTON_CLASS + (className ? ` ${className}` : "");
-    if (!guideRuntime.guideMenuShown(guide)) {
+    const items = guideRuntime.guideMenuItems(guide, pages);
+    // The tour takes focus (a step, the panel); the button must not take it back.
+    const toTour = (open) => () => {
+        toGuide.current = true;
+        setTimeout(open, 0);
+    };
+    if (!items.length) {
         return (jsxRuntime.jsx("button", { type: "button", onClick: openHelp, "aria-label": "\u0E0A\u0E48\u0E27\u0E22\u0E40\u0E2B\u0E25\u0E37\u0E2D", title: "\u0E0A\u0E48\u0E27\u0E22\u0E40\u0E2B\u0E25\u0E37\u0E2D", className: cls, "data-guide": "shell.help", children: jsxRuntime.jsx(lucideReact.CircleHelp, { className: "size-5", strokeWidth: 1.65 }) }));
     }
     return (jsxRuntime.jsxs(erpTheme.DropdownMenu, { children: [jsxRuntime.jsx(erpTheme.DropdownMenuTrigger, { asChild: true, children: jsxRuntime.jsx("button", { type: "button", "aria-label": "\u0E0A\u0E48\u0E27\u0E22\u0E40\u0E2B\u0E25\u0E37\u0E2D", title: "\u0E0A\u0E48\u0E27\u0E22\u0E40\u0E2B\u0E25\u0E37\u0E2D", className: cls, "data-guide": "shell.help", children: jsxRuntime.jsx(lucideReact.CircleHelp, { className: "size-5", strokeWidth: 1.65 }) }) }), jsxRuntime.jsxs(erpTheme.DropdownMenuContent, { align: "end", sideOffset: 8, className: "w-64", onCloseAutoFocus: e => {
@@ -2589,10 +2598,7 @@ function HelpButton({ className }) {
                         e.preventDefault();
                         toGuide.current = false;
                     }
-                }, children: [jsxRuntime.jsxs(erpTheme.DropdownMenuItem, { onSelect: () => {
-                            toGuide.current = true;
-                            setTimeout(guideRuntime.openGuidePanel, 0);
-                        }, className: "gap-2.5", children: [jsxRuntime.jsx(lucideReact.Flag, { className: "size-4" }), jsxRuntime.jsx("span", { className: "flex-1", children: "\u0E44\u0E01\u0E14\u0E4C\u0E40\u0E23\u0E34\u0E48\u0E21\u0E15\u0E49\u0E19" }), jsxRuntime.jsxs("span", { className: "text-xs font-semibold text-primary tabular-nums", children: [guide.done, "/", guide.total] })] }), jsxRuntime.jsxs(erpTheme.DropdownMenuItem, { onSelect: () => setTimeout(openHelp, 0), className: "gap-2.5", children: [jsxRuntime.jsx(lucideReact.MessageCircle, { className: "size-4" }), jsxRuntime.jsx("span", { className: "flex-1", children: "\u0E15\u0E34\u0E14\u0E15\u0E48\u0E2D\u0E17\u0E35\u0E21\u0E0A\u0E48\u0E27\u0E22\u0E40\u0E2B\u0E25\u0E37\u0E2D" })] })] })] }));
+                }, children: [items.includes("page") ? (jsxRuntime.jsxs(erpTheme.DropdownMenuItem, { onSelect: toTour(guideRuntime.openPageGuide), className: "gap-2.5", children: [jsxRuntime.jsx(lucideReact.BookOpen, { className: "size-4" }), jsxRuntime.jsx("span", { className: "flex-1", children: "\u0E04\u0E39\u0E48\u0E21\u0E37\u0E2D\u0E2B\u0E19\u0E49\u0E32\u0E19\u0E35\u0E49" })] })) : null, items.includes("missions") && guide ? (jsxRuntime.jsxs(erpTheme.DropdownMenuItem, { onSelect: toTour(guideRuntime.openGuidePanel), className: "gap-2.5", children: [jsxRuntime.jsx(lucideReact.Flag, { className: "size-4" }), jsxRuntime.jsx("span", { className: "flex-1", children: "\u0E44\u0E01\u0E14\u0E4C\u0E40\u0E23\u0E34\u0E48\u0E21\u0E15\u0E49\u0E19" }), jsxRuntime.jsxs("span", { className: "text-xs font-semibold text-primary tabular-nums", children: [guide.done, "/", guide.total] })] })) : null, items.includes("pages") ? (jsxRuntime.jsxs(erpTheme.DropdownMenuItem, { onSelect: toTour(guideRuntime.openPagesPanel), className: "gap-2.5", children: [jsxRuntime.jsx(lucideReact.Library, { className: "size-4" }), jsxRuntime.jsx("span", { className: "flex-1", children: "\u0E04\u0E39\u0E48\u0E21\u0E37\u0E2D\u0E17\u0E38\u0E01\u0E2B\u0E19\u0E49\u0E32" })] })) : null, jsxRuntime.jsxs(erpTheme.DropdownMenuItem, { onSelect: () => setTimeout(openHelp, 0), className: "gap-2.5", children: [jsxRuntime.jsx(lucideReact.MessageCircle, { className: "size-4" }), jsxRuntime.jsx("span", { className: "flex-1", children: "\u0E15\u0E34\u0E14\u0E15\u0E48\u0E2D\u0E17\u0E35\u0E21\u0E0A\u0E48\u0E27\u0E22\u0E40\u0E2B\u0E25\u0E37\u0E2D" })] })] })] }));
 }
 
 const hasPaginationShape = (payload) => {
@@ -4443,11 +4449,16 @@ exports.GuideProgressConflict = guideRuntime.GuideProgressConflict;
 exports.GuideRuntime = guideRuntime.GuideRuntime;
 exports.emitGuideEvent = guideRuntime.emitGuideEvent;
 exports.guideAnchor = guideRuntime.guideAnchor;
+exports.guideMenuItems = guideRuntime.guideMenuItems;
 exports.guideMenuShown = guideRuntime.guideMenuShown;
 exports.openGuidePanel = guideRuntime.openGuidePanel;
+exports.openPageGuide = guideRuntime.openPageGuide;
+exports.openPagesPanel = guideRuntime.openPagesPanel;
 exports.reportApiCall = guideRuntime.reportApiCall;
 exports.reportApiEvent = guideRuntime.reportApiEvent;
 exports.useGuideEntry = guideRuntime.useGuideEntry;
+exports.usePageGuideEntry = guideRuntime.usePageGuideEntry;
+exports.usePageGuides = guideRuntime.usePageGuides;
 exports.AccessDenied = AccessDenied;
 exports.ApiError = ApiError;
 exports.AppBreadcrumb = AppBreadcrumb;