@12-apps/ui 6.92.2 → 6.93.0

package/dist/types/components/feedback/SequenceResolver/SequenceResolver.types.d.ts

@@ -183,8 +183,9 @@ export interface SequenceResolverLabels {
 export interface SequenceResolverProps<I extends SequenceItem = SequenceItem, R = unknown> {
     open: boolean;
     /**
-     * The close button, Esc, and the end screen's button. Gets where the run
-     * stood, for the host's "N resolved · Undo" toast.
+     * The close button, Esc, and the end screen's button — or, with `done:
+     * null`, the queue running out. Gets where the run stood, for the host's
+     * "N resolved · Undo" toast.
      */
     onClose: (summary: SequenceSummary) => void;
     /**
@@ -215,8 +216,13 @@ export interface SequenceResolverProps<I extends SequenceItem = SequenceItem, R
     overview?: SequenceOverview;
     /** Open the run at this problem (a click on its block); the ones before it follow it. */
     initialKey?: string;
-    /** The end screen's words, from the run's summary. */
-    done: SequenceDone | ((summary: SequenceSummary) => SequenceDone);
+    /**
+     * The end screen's words, from the run's summary. `null` drops the end
+     * screen: when the queue runs out — the last step answered or passed over —
+     * the resolver calls `onClose(summary)` at once, and the host's toast is the
+     * run's last word (FUT-3833).
+     */
+    done: SequenceDone | ((summary: SequenceSummary) => SequenceDone) | null;
     labels: SequenceResolverLabels;
     /**
      * Base test id (default `sequence-resolver`). Parts get `${id}-back`,

package/dist/types/components/feedback/SequenceResolver/SequenceResolver.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SequenceResolver.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/feedback/SequenceResolver/SequenceResolver.types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"SequenceResolver.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/feedback/SequenceResolver/SequenceResolver.types.ts"],"names":[],"mappings":"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"}

package/dist/user-avatar.js

@@ -1,14 +1,14 @@
 import {
   UserAvatar,
   UserMenu
-} from "./chunk-Q3SILZTQ.js";
+} from "./chunk-E2UOEI7N.js";
 import "./chunk-DQ22UKMZ.js";
 import "./chunk-UDQSIRAP.js";
-import "./chunk-4QR7LM5F.js";
-import "./chunk-EOQ6EKTS.js";
+import "./chunk-JIEVKHOH.js";
+import "./chunk-7XSCEHGA.js";
+import "./chunk-MTEQEPNY.js";
 import "./chunk-6ZZGK5DT.js";
 import "./chunk-3ZVUNSFF.js";
-import "./chunk-MTEQEPNY.js";
 import "./chunk-VUHLNYAE.js";
 import "./chunk-2GSIEDGN.js";
 import "./chunk-4XBAEKQQ.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@12-apps/ui",
-  "version": "6.92.2",
+  "version": "6.93.0",
   "license": "MIT",
   "packageManager": "pnpm@10.34.5",
   "type": "module",

package/src/components/feedback/SequenceResolver/SequenceResolver.frame.tsx

@@ -0,0 +1,71 @@
+import Box from '@mui/material/Box/index.js';
+import React from 'react';
+
+import { Dialog } from '../Dialog';
+import { SequenceHeader } from './SequenceResolver.header';
+import { chromeSx, columnSx, paperSx, scrollBodySx } from './SequenceResolver.styles';
+import type { SequenceResolverLabels } from './SequenceResolver.types';
+import type { Screen } from './SequenceResolver';
+
+/**
+ * Esc closes. `persistent` turns MUI's own Esc off together with the veil's
+ * click (the prototype's veil does nothing), so Esc is put back here; a popup
+ * inside a step that handles its own Esc stops it before it gets here.
+ */
+function escapeCloses(close: () => void) {
+  return (event: React.KeyboardEvent): void => {
+    if (event.key !== 'Escape' || event.defaultPrevented) return;
+    event.stopPropagation();
+    close();
+  };
+}
+
+export interface ResolverFrameProps {
+  shown: boolean;
+  /** The kept last step is playing its exit: a picture, nothing on it acts. */
+  exiting: boolean;
+  touch: boolean;
+  titleId: string;
+  testId: string;
+  labels: SequenceResolverLabels;
+  screen: Screen;
+  close: () => void;
+}
+
+function swallowClick(event: React.SyntheticEvent): void {
+  event.preventDefault();
+  event.stopPropagation();
+}
+
+export function ResolverFrame(props: ResolverFrameProps): React.JSX.Element {
+  const { shown, exiting, touch, titleId, testId, labels, screen, close } = props;
+  return (
+    <Dialog
+      open={shown}
+      onClose={close}
+      persistent
+      variant={touch ? 'bottom-sheet' : 'default'}
+      size="sm"
+      aria-labelledby={titleId}
+      onKeyDown={escapeCloses(close)}
+      slotProps={{ paper: { sx: paperSx(touch) } }}
+      dataTestId={testId}
+    >
+      <Box sx={columnSx} inert={exiting} aria-hidden={exiting || undefined} onClickCapture={exiting ? swallowClick : undefined}>
+        <Box sx={chromeSx}>
+          <SequenceHeader
+            touch={touch}
+            {...screen.header}
+            closeLabel={labels.close}
+            onClose={close}
+            progressLabel={labels.progress}
+            testId={testId}
+          />
+        </Box>
+        <Box sx={scrollBodySx} data-testid={`${testId}-body`}>
+          {screen.body}
+        </Box>
+      </Box>
+    </Dialog>
+  );
+}

package/src/components/feedback/SequenceResolver/SequenceResolver.md

@@ -47,7 +47,7 @@ data-sized and shrinks while you go.
 | Prop | Type | Description |
 |---|---|---|
 | `open` | `boolean` | Shows the resolver. Every opening — with an intro or without — starts a fresh run. |
-| `onClose` | `(summary) => void` | Close button, Esc and the end screen's button. Gets `{ resolved, skipped, total, alsoResolved }`; a close toast counts `resolved + alsoResolved` (and shows only when that is above 0). Clicking the veil does nothing (as approved). |
+| `onClose` | `(summary) => void` | Close button, Esc and the end screen's button — or, with `done: null`, the queue running out. Gets `{ resolved, skipped, total, alsoResolved }`; a close toast counts `resolved + alsoResolved` (and shows only when that is above 0). Clicking the veil does nothing (as approved). |
 | `intro` | `SequenceIntro?` | While given, the intro shows instead of the run: `title`, `description`, `categories` (`label`, `description`, `count`, `onPick`), `startAllLabel`, `onStartAll`. The host drops it and sets `queue` in the same update as a pick. |
 | `queue` | `readonly I[]` (`I extends { key; kindLabel }`) | The problems, in order. Live data: it may shrink (siblings answered together) or grow mid-run. |
 | `renderStep` | `(item, api) => SequenceStep` | The current step: `content`, `primary?`, `secondary?` (default: skip with `labels.skip`; `false` removes it), `tertiary?`, `footer?` (`'end'` default — right-aligned over a hairline; `'split'` — two equal columns, no hairline; on a phone the actions always share the row without a hairline), `canGoBack?` (`false`: this answer has no inverse — once it is answered, Back is not offered from the next step). |
@@ -55,7 +55,7 @@ data-sized and shrinks while you go.
 | `canGoBack` | `boolean` (default `true`) | Offer Back at all. It shows only once a previous step exists — on steps and on the end screen, never on the intro. |
 | `overview` | `SequenceOverview?` | "Ver todos (N)" inside the run (FUT-3825): `label(total)`, `title`, `categories` (`label`, `description?`, `count?` — the host's bookkeeping, not drawn: the `label` says the number, "Atrasado · 1" — `keys`, `onPick?`), `pickLabel`, `continueLabel`. See "Ver todos". |
 | `initialKey` | `string?` | Open the run at this problem (a click on its block). The ones before it follow it; nothing is passed over. |
-| `done` | `SequenceDone \| (summary) => SequenceDone` | The end screen: `title`, `description?`, `confirmLabel`. |
+| `done` | `SequenceDone \| ((summary) => SequenceDone) \| null` | The end screen: `title`, `description?`, `confirmLabel`. **`null` drops it** (FUT-3833): when the queue runs out — the last step answered or passed over, or the host's queue emptied under the run — the resolver calls `onClose(summary)` once (StrictMode included) and starts closing, its exit playing over the last step as it was; the host's toast is the run's last word. A pending last write keeps the step until it returns; a refused one keeps it with its message and does not close. Never fires from the intro. |
 | `labels` | `SequenceResolverLabels` | Every chrome word: `back`, `backAccessible?`, `close`, `skip`, `step(position, total, item)`, `introStep`, `doneStep`, `progress`, `failed`. **Required — the package ships no copy.** |
 | `dataTestId` | `string` (default `sequence-resolver`) | Parts: `-back`, `-close`, `-step-label`, `-progress`, `-handle`, `-category-<n>`, `-start-all`, `-primary`, `-secondary`, `-tertiary`, `-footer`, `-error`, `-done`, `-done-confirm`, `-see-all`, `-overview`, `-overview-pick-<n>`, `-continue`. |
 

package/src/components/feedback/SequenceResolver/SequenceResolver.tsx

@@ -1,21 +1,18 @@
 'use client';
 
-import Box from '@mui/material/Box/index.js';
 import { useTheme } from '@mui/material/styles/index.js';
 import useMediaQuery from '@mui/material/useMediaQuery/index.js';
-import React, { useCallback, useId, useRef, useState } from 'react';
+import React, { useCallback, useEffect, useId, useRef, useState } from 'react';
 
-import { Dialog } from '../Dialog';
 import { canReturn, currentOf, jumpTargetOf, positionOf, progressOf, summaryOf, type RunState } from './sequence-model';
 import {
   SequenceDoneBody,
   SequenceIntroBody,
   SequenceStepBody,
 } from './SequenceResolver.parts';
-import { SequenceHeader } from './SequenceResolver.header';
 import { SequenceOverviewBody } from './SequenceResolver.overview';
+import { ResolverFrame } from './SequenceResolver.frame';
 import { SEQUENCE_METRICS } from './SequenceResolver.metrics';
-import { chromeSx, columnSx, paperSx, scrollBodySx } from './SequenceResolver.styles';
 import type {
   SequenceItem,
   SequenceOverviewCategory,
@@ -124,19 +121,6 @@ function headerOf<I extends SequenceItem, R>(inputs: HeaderInputs<I, R>) {
   return { ...base, back: backOf(props, state), seeAll: overview.button };
 }
 
-/**
- * Esc closes. `persistent` turns MUI's own Esc off together with the veil's
- * click (the prototype's veil does nothing), so Esc is put back here; a popup
- * inside a step that handles its own Esc stops it before it gets here.
- */
-function escapeCloses(close: () => void) {
-  return (event: React.KeyboardEvent): void => {
-    if (event.key !== 'Escape' || event.defaultPrevented) return;
-    event.stopPropagation();
-    close();
-  };
-}
-
 interface BodyProps<I extends SequenceItem, R> {
   props: SequenceResolverProps<I, R>;
   state: SequenceRun<I, R>;
@@ -193,6 +177,8 @@ function SequenceBody<I extends SequenceItem, R>(body: BodyProps<I, R>): React.J
     );
   }
   if (stepBody) return <>{stepBody}</>;
+  // `done: null`: no end screen — the resolver is closing over its last step (see `useExitScreen`).
+  if (props.done === null) return <></>;
   const summary = summaryOf(state.run);
   return (
     <SequenceDoneBody
@@ -207,10 +193,94 @@ function SequenceBody<I extends SequenceItem, R>(body: BodyProps<I, R>): React.J
   );
 }
 
+/**
+ * With `done: null`, the run's end closes the resolver: `onClose(summary)`
+ * once, when the queue runs out while it is open and past the intro. Returns
+ * whether the run has ended that way, so the dialog starts closing in the same
+ * render (and keeps its last screen for the exit, see `useExitScreen`).
+ *
+ * `fired` makes it once per ending: StrictMode replays a mount's effects, and
+ * a resolver mounted open over an empty queue would otherwise close twice. It
+ * resets when the run is live again (a reopening, a queue that grew back).
+ */
+function useCloseAtEnd(ended: boolean, close: () => void): boolean {
+  const closeRef = useRef(close);
+  const fired = useRef(false);
+  useEffect(() => {
+    closeRef.current = close;
+  });
+  useEffect(() => {
+    if (!ended) {
+      fired.current = false;
+      return;
+    }
+    if (fired.current) return;
+    fired.current = true;
+    closeRef.current();
+  }, [ended]);
+  return ended;
+}
+
+export interface Screen {
+  header: ReturnType<typeof headerOf>;
+  body: React.JSX.Element;
+}
+
+/**
+ * What the dialog shows. While a step is on screen, that screen — and it is
+ * kept: when the run ends with `done: null` the dialog closes in that same
+ * render, and its exit transition (a fade, the sheet sliding down) plays over
+ * the LAST step as it was — its label, Back, progress and body — rather than
+ * an empty, collapsed "done" paper — also once the host turns `open` off from
+ * `onClose`. Back is inert during the exit.
+ */
+function useExitScreen(live: Screen, input: { open: boolean; hasStep: boolean; closesAtEnd: boolean }): Screen {
+  const { open, hasStep, closesAtEnd } = input;
+  const last = useRef<Screen | null>(null);
+  const wasOpen = useRef(open);
+  // A new opening is a new run: the last one's screen is not kept into it.
+  if (open && !wasOpen.current) last.current = null;
+  wasOpen.current = open;
+  if (!closesAtEnd) return live;
+  if (open && hasStep) {
+    last.current = live;
+    return live;
+  }
+  // Ended (or closed by the host after `onClose`): the exit plays over the last step.
+  const kept = last.current;
+  if (!kept) return live;
+  const { header } = kept;
+  if (!('back' in header) || !header.back) return kept;
+  return { ...kept, header: { ...header, back: { ...header.back, onClick: () => undefined } } };
+}
+
+interface RunEnding<I extends SequenceItem> {
+  current: I | undefined;
+  close: () => void;
+  /** The run ended with `done: null`: the dialog is closing. */
+  ended: boolean;
+  /** The kept last step is playing its exit. */
+  exiting: boolean;
+}
+
+function useRunEnding<I extends SequenceItem, R>(
+  props: SequenceResolverProps<I, R>,
+  state: SequenceRun<I, R>,
+): RunEnding<I> {
+  const { open, onClose, intro } = props;
+  const { run } = state;
+  const current = intro ? undefined : currentOf(run);
+  const close = (): void => onClose(summaryOf(run));
+  const closesAtEnd = props.done === null && !intro;
+  const ended = useCloseAtEnd(open && closesAtEnd && !current, close);
+  return { current, close, ended, exiting: ended || (!open && closesAtEnd) };
+}
+
 /**
  * Resolve a queue of problems one at a time, in ONE dialog whose body is
  * replaced step by step: a header with "‹ Back", the step's label and close,
- * a progress bar, the host's step, and an end screen (FUT-3671).
+ * a progress bar, the host's step, and an end screen (FUT-3671) — or none,
+ * with `done: null`: the run's end closes it (FUT-3833).
  *
  * A centred `Dialog` from the `sm` breakpoint up; the `Dialog` inset
  * bottom-sheet variant below it, never taller than 95% of the viewport. Either
@@ -223,7 +293,7 @@ function SequenceBody<I extends SequenceItem, R>(body: BodyProps<I, R>): React.J
 export function SequenceResolver<I extends SequenceItem, R = unknown>(
   props: SequenceResolverProps<I, R>,
 ): React.JSX.Element {
-  const { open, onClose, intro, labels } = props;
+  const { open, intro, labels } = props;
   const testId = props.dataTestId ?? 'sequence-resolver';
   const theme = useTheme();
   const touch = useMediaQuery(theme.breakpoints.down(SEQUENCE_METRICS.sheetBreakpoint));
@@ -244,53 +314,44 @@ export function SequenceResolver<I extends SequenceItem, R = unknown>(
     failed: labels.failed,
     stepAllowsBack: () => stepAllowsBack.current,
   });
-  const { run } = state;
-  const current = intro ? undefined : currentOf(run);
-  const close = (): void => onClose(summaryOf(run));
+  const ending = useRunEnding(props, state);
+  const { current, close } = ending;
   const overview = useOverview(props, state, current, open);
   // Under the overview the step is kept but hidden, and the overview's title names the dialog.
   const titleProps = { id: overview.shown ? `${titleId}-kept` : titleId, tabIndex: -1, ref: titleRef } as const;
   const step = current ? props.renderStep(current, stepApiOf(state, titleProps)) : undefined;
   stepAllowsBack.current = step?.canGoBack !== false;
+  const screen = useExitScreen(
+    {
+      header: headerOf({ props, state, current, overview, titleId }),
+      body: (
+        <SequenceBody
+          props={props}
+          state={state}
+          current={current}
+          step={step}
+          overview={overview}
+          titleId={titleId}
+          stepTitleRef={stepTitleRef}
+          touch={touch}
+          testId={testId}
+          close={close}
+        />
+      ),
+    },
+    { open, hasStep: current !== undefined && step !== undefined, closesAtEnd: props.done === null && !intro },
+  );
 
   return (
-    <Dialog
-      open={open}
-      onClose={close}
-      persistent
-      variant={touch ? 'bottom-sheet' : 'default'}
-      size="sm"
-      aria-labelledby={titleId}
-      onKeyDown={escapeCloses(close)}
-      slotProps={{ paper: { sx: paperSx(touch) } }}
-      dataTestId={testId}
-    >
-      <Box sx={columnSx}>
-        <Box sx={chromeSx}>
-          <SequenceHeader
-            touch={touch}
-            {...headerOf({ props, state, current, overview, titleId })}
-            closeLabel={labels.close}
-            onClose={close}
-            progressLabel={labels.progress}
-            testId={testId}
-          />
-        </Box>
-        <Box sx={scrollBodySx} data-testid={`${testId}-body`}>
-          <SequenceBody
-            props={props}
-            state={state}
-            current={current}
-            step={step}
-            overview={overview}
-            titleId={titleId}
-            stepTitleRef={stepTitleRef}
-            touch={touch}
-            testId={testId}
-            close={close}
-          />
-        </Box>
-      </Box>
-    </Dialog>
+    <ResolverFrame
+      shown={open && !ending.ended}
+      exiting={ending.exiting}
+      touch={touch}
+      titleId={titleId}
+      testId={testId}
+      labels={labels}
+      screen={screen}
+      close={close}
+    />
   );
 }

package/src/components/feedback/SequenceResolver/SequenceResolver.types.ts

@@ -196,8 +196,9 @@ export interface SequenceResolverLabels {
 export interface SequenceResolverProps<I extends SequenceItem = SequenceItem, R = unknown> {
   open: boolean;
   /**
-   * The close button, Esc, and the end screen's button. Gets where the run
-   * stood, for the host's "N resolved · Undo" toast.
+   * The close button, Esc, and the end screen's button — or, with `done:
+   * null`, the queue running out. Gets where the run stood, for the host's
+   * "N resolved · Undo" toast.
    */
   onClose: (summary: SequenceSummary) => void;
   /**
@@ -228,8 +229,13 @@ export interface SequenceResolverProps<I extends SequenceItem = SequenceItem, R
   overview?: SequenceOverview;
   /** Open the run at this problem (a click on its block); the ones before it follow it. */
   initialKey?: string;
-  /** The end screen's words, from the run's summary. */
-  done: SequenceDone | ((summary: SequenceSummary) => SequenceDone);
+  /**
+   * The end screen's words, from the run's summary. `null` drops the end
+   * screen: when the queue runs out — the last step answered or passed over —
+   * the resolver calls `onClose(summary)` at once, and the host's toast is the
+   * run's last word (FUT-3833).
+   */
+  done: SequenceDone | ((summary: SequenceSummary) => SequenceDone) | null;
   labels: SequenceResolverLabels;
   /**
    * Base test id (default `sequence-resolver`). Parts get `${id}-back`,

package/dist/chunk-XRV4QFEQ.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/feedback/SequenceResolver/SequenceResolver.tsx"],"sourcesContent":["'use client';\n\nimport Box from '@mui/material/Box/index.js';\nimport { useTheme } from '@mui/material/styles/index.js';\nimport useMediaQuery from '@mui/material/useMediaQuery/index.js';\nimport React, { useCallback, useId, useRef, useState } from 'react';\n\nimport { Dialog } from '../Dialog';\nimport { canReturn, currentOf, jumpTargetOf, positionOf, progressOf, summaryOf, type RunState } from './sequence-model';\nimport {\n  SequenceDoneBody,\n  SequenceIntroBody,\n  SequenceStepBody,\n} from './SequenceResolver.parts';\nimport { SequenceHeader } from './SequenceResolver.header';\nimport { SequenceOverviewBody } from './SequenceResolver.overview';\nimport { SEQUENCE_METRICS } from './SequenceResolver.metrics';\nimport { chromeSx, columnSx, paperSx, scrollBodySx } from './SequenceResolver.styles';\nimport type {\n  SequenceItem,\n  SequenceOverviewCategory,\n  SequenceResolverProps,\n  SequenceStep,\n  SequenceStepApi,\n} from './SequenceResolver.types';\nimport { useSequenceRun, type SequenceRun } from './useSequenceRun';\n\n/** What the header's label says on the screen showing. */\nfunction headerLabelOf<I extends SequenceItem, R>(\n  props: SequenceResolverProps<I, R>,\n  run: RunState<I, R>,\n  current: I | undefined,\n): string {\n  const { labels } = props;\n  if (props.intro) return labels.introStep;\n  if (!current) return labels.doneStep;\n  return labels.step(positionOf(run), summaryOf(run).total, current);\n}\n\n/** The header's back button, once a previous step exists and the host allows it. */\nfunction backOf<I extends SequenceItem, R>(props: SequenceResolverProps<I, R>, state: SequenceRun<I, R>) {\n  const { intro, labels, canGoBack = true } = props;\n  if (intro || !canGoBack || !canReturn(state.run)) return undefined;\n  return { label: labels.back, accessible: labels.backAccessible, onClick: state.back, disabled: state.busy };\n}\n\ninterface OverviewState {\n  /** The overview is on screen instead of the step. */\n  shown: boolean;\n  /** The header's \"Ver todos (N)\", while there is a step and more than one problem. */\n  button?: { label: string; onClick: () => void; disabled: boolean };\n  canPick: (category: SequenceOverviewCategory) => boolean;\n  pick: (category: SequenceOverviewCategory) => void;\n  hide: () => void;\n  /** The overview's title (in the header row): focus goes to it when it opens. */\n  titleRef: React.RefObject<HTMLHeadingElement | null>;\n}\n\n/**\n * \"Ver todos\" inside the run: whether it shows, its header button, and its\n * picks. Opening it changes nothing in the run; a pick jumps; \"continue\"\n * returns to the step it left. Every opening of the resolver starts closed.\n */\nfunction useOverview<I extends SequenceItem, R>(\n  props: SequenceResolverProps<I, R>,\n  state: SequenceRun<I, R>,\n  current: I | undefined,\n  open: boolean,\n): OverviewState {\n  const [shown, setShown] = useState(false);\n  const [wasOpen, setWasOpen] = useState(open);\n  const titleRef = useRef<HTMLHeadingElement | null>(null);\n  if (wasOpen !== open) {\n    setWasOpen(open);\n    if (shown) setShown(false);\n  }\n  const { overview } = props;\n  const total = summaryOf(state.run).total;\n  const available = Boolean(overview && current && total > 1);\n  const hide = (): void => setShown(false);\n  return {\n    shown: shown && available,\n    button:\n      available && overview\n        ? { label: overview.label(total), onClick: () => setShown(true), disabled: state.busy }\n        : undefined,\n    canPick: (category) => jumpTargetOf(state.run, category.keys) !== undefined,\n    pick: (category) => {\n      const target = jumpTargetOf(state.run, category.keys);\n      if (target === undefined) return;\n      state.jumpTo(target);\n      setShown(false);\n      category.onPick?.();\n    },\n    hide,\n    titleRef,\n  };\n}\n\n/** What the host's `renderStep` gets: the run's verbs, `busy`, and the props for its title. */\nfunction stepApiOf<I extends SequenceItem, R>(\n  state: SequenceRun<I, R>,\n  titleProps: SequenceStepApi<R>['titleProps'],\n): SequenceStepApi<R> {\n  return { resolve: state.resolve, skip: state.skip, back: state.back, jumpTo: state.jumpTo, busy: state.busy, titleProps };\n}\n\ninterface HeaderInputs<I extends SequenceItem, R> {\n  props: SequenceResolverProps<I, R>;\n  state: SequenceRun<I, R>;\n  current: I | undefined;\n  overview: OverviewState;\n  titleId: string;\n}\n\n/** The header's back, \"Ver todos\" and label — or, over the overview, its title and close alone. */\nfunction headerOf<I extends SequenceItem, R>(inputs: HeaderInputs<I, R>) {\n  const { props, state, current, overview, titleId } = inputs;\n  const run = state.run;\n  const base = { label: headerLabelOf(props, run, current), progress: props.intro ? 0 : progressOf(run) };\n  if (overview.shown && props.overview) {\n    return { ...base, title: { id: titleId, text: props.overview.title, ref: overview.titleRef } };\n  }\n  return { ...base, back: backOf(props, state), seeAll: overview.button };\n}\n\n/**\n * Esc closes. `persistent` turns MUI's own Esc off together with the veil's\n * click (the prototype's veil does nothing), so Esc is put back here; a popup\n * inside a step that handles its own Esc stops it before it gets here.\n */\nfunction escapeCloses(close: () => void) {\n  return (event: React.KeyboardEvent): void => {\n    if (event.key !== 'Escape' || event.defaultPrevented) return;\n    event.stopPropagation();\n    close();\n  };\n}\n\ninterface BodyProps<I extends SequenceItem, R> {\n  props: SequenceResolverProps<I, R>;\n  state: SequenceRun<I, R>;\n  current: I | undefined;\n  /** The step on screen, rendered once by the resolver (it also reads `canGoBack` from it). */\n  step: SequenceStep | undefined;\n  overview: OverviewState;\n  titleId: string;\n  stepTitleRef: React.RefObject<HTMLElement | null>;\n  touch: boolean;\n  testId: string;\n  close: () => void;\n}\n\n/** The intro, the step on screen, or the end screen. */\nfunction SequenceBody<I extends SequenceItem, R>(body: BodyProps<I, R>): React.JSX.Element {\n  const { props, state, current, step, overview, titleId, stepTitleRef, touch, testId, close } = body;\n  if (props.intro) {\n    return <SequenceIntroBody intro={props.intro} titleId={titleId} testId={testId} screenKey=\"intro\" />;\n  }\n  const stepBody =\n    current && step ? (\n      <SequenceStepBody\n        key={`step:${current.key}`}\n        step={step}\n        skip={{ label: props.labels.skip, onClick: state.skip }}\n        busy={state.busy}\n        error={state.error}\n        touch={touch}\n        testId={testId}\n        screenKey={`step:${current.key}`}\n        titleRef={stepTitleRef}\n        hidden={overview.shown}\n      />\n    ) : null;\n  if (overview.shown && props.overview) {\n    // The step stays mounted under the overview, so a half-filled answer survives \"continue\".\n    return (\n      <>\n        <SequenceOverviewBody\n          key=\"overview\"\n          categories={props.overview.categories}\n          canPick={overview.canPick}\n          onPick={overview.pick}\n          pickLabel={props.overview.pickLabel}\n          continueLabel={props.overview.continueLabel}\n          onContinue={overview.hide}\n          titleRef={overview.titleRef}\n          touch={touch}\n          testId={testId}\n        />\n        {stepBody}\n      </>\n    );\n  }\n  if (stepBody) return <>{stepBody}</>;\n  const summary = summaryOf(state.run);\n  return (\n    <SequenceDoneBody\n      done={typeof props.done === 'function' ? props.done(summary) : props.done}\n      titleId={titleId}\n      error={state.error}\n      touch={touch}\n      onConfirm={close}\n      testId={testId}\n      screenKey=\"done\"\n    />\n  );\n}\n\n/**\n * Resolve a queue of problems one at a time, in ONE dialog whose body is\n * replaced step by step: a header with \"‹ Back\", the step's label and close,\n * a progress bar, the host's step, and an end screen (FUT-3671).\n *\n * A centred `Dialog` from the `sm` breakpoint up; the `Dialog` inset\n * bottom-sheet variant below it, never taller than 95% of the viewport. Either\n * way the paper scrolls inside the viewport, so a long step is never cut off.\n *\n * The component owns the run — which step is on screen, what was answered or\n * skipped, where Back returns to — and nothing about the domain: every step\n * body, every word and every server call is the host's.\n */\nexport function SequenceResolver<I extends SequenceItem, R = unknown>(\n  props: SequenceResolverProps<I, R>,\n): React.JSX.Element {\n  const { open, onClose, intro, labels } = props;\n  const testId = props.dataTestId ?? 'sequence-resolver';\n  const theme = useTheme();\n  const touch = useMediaQuery(theme.breakpoints.down(SEQUENCE_METRICS.sheetBreakpoint));\n  const titleId = `${useId()}-title`;\n  const stepTitleRef = useRef<HTMLElement | null>(null);\n  const titleRef = useCallback((node: HTMLElement | null) => {\n    stepTitleRef.current = node;\n  }, []);\n\n  // Read when an answer is recorded: the step on screen's own `canGoBack`.\n  const stepAllowsBack = useRef(true);\n  const state = useSequenceRun<I, R>({\n    open,\n    active: open && !intro,\n    queue: props.queue,\n    initialKey: props.initialKey,\n    onBack: props.onBack,\n    failed: labels.failed,\n    stepAllowsBack: () => stepAllowsBack.current,\n  });\n  const { run } = state;\n  const current = intro ? undefined : currentOf(run);\n  const close = (): void => onClose(summaryOf(run));\n  const overview = useOverview(props, state, current, open);\n  // Under the overview the step is kept but hidden, and the overview's title names the dialog.\n  const titleProps = { id: overview.shown ? `${titleId}-kept` : titleId, tabIndex: -1, ref: titleRef } as const;\n  const step = current ? props.renderStep(current, stepApiOf(state, titleProps)) : undefined;\n  stepAllowsBack.current = step?.canGoBack !== false;\n\n  return (\n    <Dialog\n      open={open}\n      onClose={close}\n      persistent\n      variant={touch ? 'bottom-sheet' : 'default'}\n      size=\"sm\"\n      aria-labelledby={titleId}\n      onKeyDown={escapeCloses(close)}\n      slotProps={{ paper: { sx: paperSx(touch) } }}\n      dataTestId={testId}\n    >\n      <Box sx={columnSx}>\n        <Box sx={chromeSx}>\n          <SequenceHeader\n            touch={touch}\n            {...headerOf({ props, state, current, overview, titleId })}\n            closeLabel={labels.close}\n            onClose={close}\n            progressLabel={labels.progress}\n            testId={testId}\n          />\n        </Box>\n        <Box sx={scrollBodySx} data-testid={`${testId}-body`}>\n          <SequenceBody\n            props={props}\n            state={state}\n            current={current}\n            step={step}\n            overview={overview}\n            titleId={titleId}\n            stepTitleRef={stepTitleRef}\n            touch={touch}\n            testId={testId}\n            close={close}\n          />\n        </Box>\n      </Box>\n    </Dialog>\n  );\n}\n"],"mappings":"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","names":[]}