@eintrek/erp-shell 0.1.72 → 0.1.73

package/dist/chunks/{guide-runtime-DfnNdrjZ.cjs → guide-runtime-CLVSNkTN.cjs}

@@ -357,6 +357,16 @@ function publishGuideEntry(next, openPanel) {
         emit();
     }
 }
+/**
+ * Whether the "?" menu offers "ไกด์เริ่มต้น": a tour whose missions are all
+ * hidden for this user (`visible`, e.g. Plannex without an employee record)
+ * has nothing to open, and "0/0" led to an empty panel. The entry itself
+ * stays published: apps wait on it before they load the facts that make
+ * missions visible.
+ */
+function guideMenuShown(e) {
+    return !!e && e.total > 0;
+}
 /** Opens the tour's quest panel, when this user has a tour here. */
 function openGuidePanel() {
     openPanelImpl?.();
@@ -823,6 +833,7 @@ function enterStep(d, suite, env, mission, index, opts) {
     const where = placeRoute(steps, i);
     const away = !!where && !matchRoute(where, env.pathname, env.search, env.code);
     const bridge = !away && needsBridge(step, env, ctx);
+    const nts = !away && !bridge && nothingToSaveHolds(step, env, ctx);
     setScreen(d, {
         name: "step",
         mission: mission.key,
@@ -834,7 +845,9 @@ function enterStep(d, suite, env, mission, index, opts) {
         confirmExit: false,
         misses: 0,
         armed: hiddenAnchorShown(step, env),
-        nothingToSave: !away && !bridge && nothingToSaveHolds(step, env, ctx),
+        nothingToSave: nts,
+        status: away || bridge ? null : stepStatus(shownStep(step, nts), ctx),
+        replayNext: !away && !bridge && opts.replay && replayCanGoOn(mission, i, env, d.state.progress.context, nts),
     });
     if (!opts.replay) {
         const cp = checkpointAtOrBefore(steps, i);
@@ -877,6 +890,54 @@ function setNothingToSave(d, suite, env, on) {
     if (stepTargetVisible(step, env, ctx, s.bridge))
         announceStep(d, suite, env);
 }
+/** The step's status line (GuideStep.status): trimmed text, or null. */
+function stepStatus(step, ctx) {
+    if (!step.status)
+        return null;
+    const text = safe(() => step.status(ctx), undefined);
+    return typeof text === "string" && text.trim() ? text.trim() : null;
+}
+/**
+ * In a replay, whether a "select" step may go on with ถัดไป: the next step
+ * this person sees has its target on the page already (or there is none).
+ * A pick that makes the next step's target (a save shown only once the
+ * right value is chosen) is still needed.
+ */
+function replayCanGoOn(mission, index, env, context, nothingToSave = false) {
+    if (stepKind(shownStep(mission.steps[index], nothingToSave)) !== "select")
+        return false;
+    for (let i = index + 1; i < mission.steps.length; i++) {
+        const next = mission.steps[i];
+        const ctx = guideContext(env, context, routeParamsFor(next, env));
+        if (next.requires && !safe(() => env.can(next.requires), true))
+            continue;
+        if (next.skipIf && safe(() => next.skipIf(ctx), false))
+            continue;
+        if (!next.target)
+            return true;
+        if (stepTargetVisible(next, env, ctx, false))
+            return true;
+        // A commit step with nothing to save is read on its saved state.
+        return nothingToSaveHolds(next, env, ctx);
+    }
+    return true;
+}
+/** Keep the status line and a replay's ถัดไป current (the page changed). */
+function syncStatus(d, suite, env) {
+    const s = d.state.screen;
+    if (s.name !== "step")
+        return;
+    const mission = findMission(suite, s.mission);
+    if (!mission)
+        return;
+    const step = shownStep(mission.steps[s.index], s.nothingToSave);
+    const ctx = guideContext(env, d.state.progress.context, routeParamsFor(step, env));
+    const off = s.phase === "away" || s.bridge;
+    const status = off ? null : stepStatus(step, ctx);
+    const replayNext = !off && s.replay && replayCanGoOn(mission, s.index, env, d.state.progress.context, s.nothingToSave);
+    if (status !== s.status || replayNext !== s.replayNext)
+        setScreen(d, { ...s, status, replayNext });
+}
 function markReadyIfVisible(d, suite, env) {
     const s = d.state.screen;
     if (s.name !== "step" || s.phase !== "waiting")
@@ -1262,6 +1323,7 @@ function reduceGuide(state, action, suite, env) {
             else if (!cur.bridge && needsBridge(step, env, ctx)) {
                 setScreen(d, { ...cur, bridge: true, phase: "waiting" });
             }
+            syncStatus(d, suite, env);
             markReadyIfVisible(d, suite, env);
             break;
         }
@@ -1324,6 +1386,12 @@ function reduceGuide(state, action, suite, env) {
                 advance(d, suite, env);
                 break;
             }
+            if (kind === "select") {
+                // A replay goes on without a pick when the next step is on the page.
+                if (s.replay && replayCanGoOn(mission, s.index, env, d.state.progress.context, s.nothingToSave))
+                    advance(d, suite, env);
+                break;
+            }
             if (kind !== "input")
                 break;
             const ctx = guideContext(env, d.state.progress.context, routeParamsFor(step, env));
@@ -2330,6 +2398,7 @@ const GUIDE_CSS = `
 .eg-b-t{margin:0;font-size:16px;font-weight:600;line-height:1.45}
 .eg-b-w{margin:2px 0 0;font-size:13.5px;color:var(--eg-muted)}
 .eg-bubble.eg-err .eg-b-t{color:var(--eg-danger)}
+.eg-b-s{margin:6px 0 0;font-size:13px;font-weight:600;color:var(--eg-danger)}
 .eg-k{display:inline-block;background:var(--eg-tint);color:var(--eg-strong);border-radius:7px;padding:0 7px;font-weight:600}
 .eg-b-f{display:flex;align-items:center;justify-content:space-between;margin-top:12px;gap:8px}
 .eg-b-f .eg-btn{height:34px;padding:0 14px;font-size:13.5px}
@@ -2563,7 +2632,7 @@ function StepLayer(p) {
     const showBubble = p.phase === "ready" && (!!spot || !p.hasTarget);
     const gap = p.showHand ? 34 : 14;
     const spotKey = spot ? `${spot.x}|${spot.y}|${spot.width}|${spot.height}` : "";
-    const contentKey = `${p.bubble.title}|${p.bubble.why}|${p.bubble.error?.title ?? ""}|${p.bubble.showNext}`;
+    const contentKey = `${p.bubble.title}|${p.bubble.why}|${p.bubble.error?.title ?? ""}|${p.bubble.status ?? ""}|${p.bubble.showNext}`;
     // What the bubble sits beside: the target, with an open list over it (the
     // list is what the person is choosing from now). What it must not cover:
     // open lists, and the other anchors the step allows (a map step's
@@ -2686,7 +2755,7 @@ function BubbleBody(p) {
     const b = p.bubble;
     const title = b.error ? b.error.title : b.title;
     const why = b.error ? (b.error.detail ?? "") : b.why;
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { className: "eg-b-top", children: [jsxRuntime.jsxs("span", { className: "eg-mis", children: ["\u0E20\u0E32\u0E23\u0E01\u0E34\u0E08 ", b.missionNo, " \u00B7 ", b.missionTitle, b.replay ? " (ทบทวน)" : ""] }), jsxRuntime.jsxs("span", { className: "eg-cnt", children: ["\u0E02\u0E31\u0E49\u0E19\u0E17\u0E35\u0E48 ", b.index + 1, "/", b.total] })] }), jsxRuntime.jsx("div", { className: "eg-pips", "aria-hidden": "true", children: Array.from({ length: b.total }, (_, i) => (jsxRuntime.jsx("i", { className: i < b.index ? "eg-d" : i === b.index ? "eg-c" : undefined }, i))) }), jsxRuntime.jsx("p", { className: "eg-b-t", id: BUBBLE_TITLE_ID, children: jsxRuntime.jsx(GuideTitle, { text: title }) }), jsxRuntime.jsx("p", { className: "eg-b-w", id: BUBBLE_WHY_ID, hidden: !why, children: jsxRuntime.jsx(GuideTitle, { text: why }) }), jsxRuntime.jsxs("div", { className: "eg-b-f", children: [jsxRuntime.jsx("button", { type: "button", className: "eg-exit", onClick: p.onExit, children: b.replay ? "จบการทบทวน" : "ออกจากไกด์" }), jsxRuntime.jsxs("span", { style: { display: "flex", gap: 6 }, children: [b.showEndWithoutSave ? (jsxRuntime.jsx("button", { type: "button", className: "eg-btn eg-ghost", onClick: p.onEndWithoutSave, children: "\u0E08\u0E1A\u0E42\u0E14\u0E22\u0E44\u0E21\u0E48\u0E1A\u0E31\u0E19\u0E17\u0E36\u0E01" })) : null, b.showNext ? (jsxRuntime.jsx("button", { type: "button", className: "eg-btn eg-primary", onClick: p.onNext, children: "\u0E16\u0E31\u0E14\u0E44\u0E1B" })) : null] })] })] }));
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { className: "eg-b-top", children: [jsxRuntime.jsxs("span", { className: "eg-mis", children: ["\u0E20\u0E32\u0E23\u0E01\u0E34\u0E08 ", b.missionNo, " \u00B7 ", b.missionTitle, b.replay ? " (ทบทวน)" : ""] }), jsxRuntime.jsxs("span", { className: "eg-cnt", children: ["\u0E02\u0E31\u0E49\u0E19\u0E17\u0E35\u0E48 ", b.index + 1, "/", b.total] })] }), jsxRuntime.jsx("div", { className: "eg-pips", "aria-hidden": "true", children: Array.from({ length: b.total }, (_, i) => (jsxRuntime.jsx("i", { className: i < b.index ? "eg-d" : i === b.index ? "eg-c" : undefined }, i))) }), jsxRuntime.jsx("p", { className: "eg-b-t", id: BUBBLE_TITLE_ID, children: jsxRuntime.jsx(GuideTitle, { text: title }) }), jsxRuntime.jsx("p", { className: "eg-b-w", id: BUBBLE_WHY_ID, hidden: !why, children: jsxRuntime.jsx(GuideTitle, { text: why }) }), b.status && !b.error ? (jsxRuntime.jsx("p", { className: "eg-b-s", role: "status", "data-eg-status": "", children: b.status })) : null, jsxRuntime.jsxs("div", { className: "eg-b-f", children: [jsxRuntime.jsx("button", { type: "button", className: "eg-exit", onClick: p.onExit, children: b.replay ? "จบการทบทวน" : "ออกจากไกด์" }), jsxRuntime.jsxs("span", { style: { display: "flex", gap: 6 }, children: [b.showEndWithoutSave ? (jsxRuntime.jsx("button", { type: "button", className: "eg-btn eg-ghost", onClick: p.onEndWithoutSave, children: "\u0E08\u0E1A\u0E42\u0E14\u0E22\u0E44\u0E21\u0E48\u0E1A\u0E31\u0E19\u0E17\u0E36\u0E01" })) : null, b.showNext ? (jsxRuntime.jsx("button", { type: "button", className: "eg-btn eg-primary", onClick: p.onNext, children: "\u0E16\u0E31\u0E14\u0E44\u0E1B" })) : null] })] })] }));
 }
 /** The fingertip at ≈62% across and down the target; upside down near the bottom. */
 function handPosition(spot, viewportHeight) {
@@ -3838,7 +3907,8 @@ function GuideRuntimeInner({ config, organizationId, code, routing, progress: pr
                 title: bridge ? "กดปุ่มเมนู" : resolveText(step.title, stepCtx),
                 why: bridge ? `เมนูทั้งหมดของ ${suite.appName} อยู่ในนี้` : resolveText(step.why, stepCtx),
                 error: screen.error,
-                showNext: !bridge && (kind === "input" || kind === "view"),
+                status: bridge ? null : screen.status,
+                showNext: !bridge && (kind === "input" || kind === "view" || (kind === "select" && screen.replay && screen.replayNext)),
                 showEndWithoutSave: !bridge && screen.replay && kind === "commit",
             }, hasTarget: bridge || !!step.target, targetPressable: targetPressable(step, bridge), phase: screen.phase, confirmExit: screen.confirmExit, reopenHint: suite.reopenHint, nudge: state.nudge, moving: moving, onExit: () => dispatch({ type: "exit" }), onNext: () => dispatch({ type: "next" }), onEndWithoutSave: () => dispatch({ type: "endWithoutSave" }), onRetry: () => dispatch({ type: "retry" }), onGoResume: () => dispatch({ type: "goResume" }), onExitConfirm: () => dispatch({ type: "exitConfirm" }), onExitCancel: () => dispatch({ type: "exitCancel" }) }));
     }
@@ -3900,6 +3970,7 @@ exports.apiCallDetail = apiCallDetail;
 exports.emitGuideEvent = emitGuideEvent;
 exports.fillRoute = fillRoute;
 exports.guideAnchor = guideAnchor;
+exports.guideMenuShown = guideMenuShown;
 exports.loadGuides = loadGuides;
 exports.matchApiPath = matchApiPath;
 exports.matchRoute = matchRoute;
@@ -3908,4 +3979,4 @@ exports.reportApiCall = reportApiCall;
 exports.reportApiEvent = reportApiEvent;
 exports.storeGuides = storeGuides;
 exports.useGuideEntry = useGuideEntry;
-//# sourceMappingURL=guide-runtime-DfnNdrjZ.cjs.map
+//# sourceMappingURL=guide-runtime-CLVSNkTN.cjs.map