@open-mercato/core 0.8.1-develop.7296.1.2111d779db → 0.8.1-develop.7441.1.b42958b98c

package/dist/modules/forms/ui/public/FormTrigger.js

@@ -0,0 +1,45 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Button } from "@open-mercato/ui/primitives/button";
+import {
+  Dialog,
+  DialogContent,
+  DialogHeader,
+  DialogTitle
+} from "@open-mercato/ui/primitives/dialog";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { EmbeddedForm } from "./EmbeddedForm.js";
+function useFormDialog() {
+  const [open, setOpen] = React.useState(false);
+  const openDialog = React.useCallback(() => setOpen(true), []);
+  const closeDialog = React.useCallback(() => setOpen(false), []);
+  return { open, openDialog, closeDialog, setOpen };
+}
+function FormTrigger({
+  source,
+  triggerLabel,
+  title,
+  buttonVariant,
+  onCompleted
+}) {
+  const t = useT();
+  const { open, openDialog, closeDialog, setOpen } = useFormDialog();
+  const handleCompleted = React.useCallback(() => {
+    closeDialog();
+    onCompleted?.();
+  }, [closeDialog, onCompleted]);
+  const dialogTitle = title ?? t("forms.trigger.title", { fallback: "Form" });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Button, { type: "button", variant: buttonVariant, onClick: openDialog, children: triggerLabel }),
+    /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-2xl", children: [
+      /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: dialogTitle }) }),
+      open ? /* @__PURE__ */ jsx(EmbeddedForm, { source, onReturnHome: handleCompleted }) : null
+    ] }) })
+  ] });
+}
+export {
+  FormTrigger,
+  useFormDialog
+};
+//# sourceMappingURL=FormTrigger.js.map

package/dist/modules/forms/ui/public/FormTrigger.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/forms/ui/public/FormTrigger.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Button, buttonVariants } from '@open-mercato/ui/primitives/button'\nimport {\n  Dialog,\n  DialogContent,\n  DialogHeader,\n  DialogTitle,\n} from '@open-mercato/ui/primitives/dialog'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { type VariantProps } from 'class-variance-authority'\nimport { EmbeddedForm, type EmbeddedFormSource } from './EmbeddedForm'\n\ntype ButtonVariant = VariantProps<typeof buttonVariants>['variant']\n\n/**\n * Controlled open-state for the forms dialog/sheet surface (spec\n * `2026-05-21-forms-render-surfaces.md`, S5/D7). The DS `Dialog` primitive is\n * Radix-backed, so `Escape`-to-close and focus trapping come for free; this\n * hook only owns the boolean and the open/close affordances callers wire to a\n * button.\n */\nexport function useFormDialog() {\n  const [open, setOpen] = React.useState(false)\n  const openDialog = React.useCallback(() => setOpen(true), [])\n  const closeDialog = React.useCallback(() => setOpen(false), [])\n  return { open, openDialog, closeDialog, setOpen }\n}\n\nexport type FormTriggerProps = {\n  source: EmbeddedFormSource\n  triggerLabel: React.ReactNode\n  title?: React.ReactNode\n  variant?: 'dialog'\n  buttonVariant?: ButtonVariant\n  onCompleted?: () => void\n}\n\n/**\n * Renders a trigger button that opens a published form inside the DS `Dialog`,\n * mounting the shared `<EmbeddedForm>` primitive. The inner `FormRunner` owns\n * its own submit affordance (including `Cmd/Ctrl+Enter`); this surface only\n * supplies the dialog container, an accessible title, and `Escape`-to-cancel\n * (delegated to the Radix dialog). Completing the form closes the dialog and\n * fires `onCompleted`.\n */\nexport function FormTrigger({\n  source,\n  triggerLabel,\n  title,\n  buttonVariant,\n  onCompleted,\n}: FormTriggerProps) {\n  const t = useT()\n  const { open, openDialog, closeDialog, setOpen } = useFormDialog()\n\n  const handleCompleted = React.useCallback(() => {\n    closeDialog()\n    onCompleted?.()\n  }, [closeDialog, onCompleted])\n\n  const dialogTitle = title ?? t('forms.trigger.title', { fallback: 'Form' })\n\n  return (\n    <>\n      <Button type=\"button\" variant={buttonVariant} onClick={openDialog}>\n        {triggerLabel}\n      </Button>\n      <Dialog open={open} onOpenChange={setOpen}>\n        <DialogContent className=\"sm:max-w-2xl\">\n          <DialogHeader>\n            <DialogTitle>{dialogTitle}</DialogTitle>\n          </DialogHeader>\n          {open ? <EmbeddedForm source={source} onReturnHome={handleCompleted} /> : null}\n        </DialogContent>\n      </Dialog>\n    </>\n  )\n}\n"],
+  "mappings": ";AAiEI,mBACE,KAIE,YALJ;AA/DJ,YAAY,WAAW;AACvB,SAAS,cAA8B;AACvC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,YAAY;AAErB,SAAS,oBAA6C;AAW/C,SAAS,gBAAgB;AAC9B,QAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAAS,KAAK;AAC5C,QAAM,aAAa,MAAM,YAAY,MAAM,QAAQ,IAAI,GAAG,CAAC,CAAC;AAC5D,QAAM,cAAc,MAAM,YAAY,MAAM,QAAQ,KAAK,GAAG,CAAC,CAAC;AAC9D,SAAO,EAAE,MAAM,YAAY,aAAa,QAAQ;AAClD;AAmBO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAqB;AACnB,QAAM,IAAI,KAAK;AACf,QAAM,EAAE,MAAM,YAAY,aAAa,QAAQ,IAAI,cAAc;AAEjE,QAAM,kBAAkB,MAAM,YAAY,MAAM;AAC9C,gBAAY;AACZ,kBAAc;AAAA,EAChB,GAAG,CAAC,aAAa,WAAW,CAAC;AAE7B,QAAM,cAAc,SAAS,EAAE,uBAAuB,EAAE,UAAU,OAAO,CAAC;AAE1E,SACE,iCACE;AAAA,wBAAC,UAAO,MAAK,UAAS,SAAS,eAAe,SAAS,YACpD,wBACH;AAAA,IACA,oBAAC,UAAO,MAAY,cAAc,SAChC,+BAAC,iBAAc,WAAU,gBACvB;AAAA,0BAAC,gBACC,8BAAC,eAAa,uBAAY,GAC5B;AAAA,MACC,OAAO,oBAAC,gBAAa,QAAgB,cAAc,iBAAiB,IAAK;AAAA,OAC5E,GACF;AAAA,KACF;AAEJ;",
+  "names": []
+}

package/dist/modules/forms/ui/public/PublicFormRunnerPage.js

@@ -0,0 +1,14 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { EmbeddedForm } from "./EmbeddedForm.js";
+function PublicFormRunnerPage(props) {
+  const source = props.mode === "open" ? { kind: "distribution", slug: props.slug } : { kind: "invitation", token: props.token };
+  return /* @__PURE__ */ jsx(PublicLayout, { children: /* @__PURE__ */ jsx(EmbeddedForm, { source }) });
+}
+function PublicLayout({ children }) {
+  return /* @__PURE__ */ jsx("main", { className: "min-h-screen bg-background px-4 py-10 sm:px-6 lg:px-8", children: /* @__PURE__ */ jsx("div", { className: "mx-auto w-full max-w-2xl", children }) });
+}
+export {
+  PublicFormRunnerPage
+};
+//# sourceMappingURL=PublicFormRunnerPage.js.map

package/dist/modules/forms/ui/public/PublicFormRunnerPage.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/forms/ui/public/PublicFormRunnerPage.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { EmbeddedForm, type EmbeddedFormSource } from './EmbeddedForm'\n\n/**\n * Shared bootstrap for the two public runner entry points (`/f/:slug` open\n * links and `/i/:token` personal invitations). It delegates the entire\n * resolve-context \u2192 start \u2192 mount flow to the shared `<EmbeddedForm>` primitive\n * and supplies only the minimal centered page chrome. No portal auth.\n */\nexport type PublicFormRunnerPageProps =\n  | { mode: 'open'; slug: string }\n  | { mode: 'personal'; token: string }\n\nexport function PublicFormRunnerPage(props: PublicFormRunnerPageProps) {\n  const source: EmbeddedFormSource =\n    props.mode === 'open'\n      ? { kind: 'distribution', slug: props.slug }\n      : { kind: 'invitation', token: props.token }\n  return (\n    <PublicLayout>\n      <EmbeddedForm source={source} />\n    </PublicLayout>\n  )\n}\n\nfunction PublicLayout({ children }: { children: React.ReactNode }) {\n  return (\n    <main className=\"min-h-screen bg-background px-4 py-10 sm:px-6 lg:px-8\">\n      <div className=\"mx-auto w-full max-w-2xl\">{children}</div>\n    </main>\n  )\n}\n"],
+  "mappings": ";AAsBM;AAnBN,SAAS,oBAA6C;AAY/C,SAAS,qBAAqB,OAAkC;AACrE,QAAM,SACJ,MAAM,SAAS,SACX,EAAE,MAAM,gBAAgB,MAAM,MAAM,KAAK,IACzC,EAAE,MAAM,cAAc,OAAO,MAAM,MAAM;AAC/C,SACE,oBAAC,gBACC,8BAAC,gBAAa,QAAgB,GAChC;AAEJ;AAEA,SAAS,aAAa,EAAE,SAAS,GAAkC;AACjE,SACE,oBAAC,UAAK,WAAU,yDACd,8BAAC,SAAI,WAAU,4BAA4B,UAAS,GACtD;AAEJ;",
+  "names": []
+}

package/dist/modules/forms/ui/public/components/CompletionScreen.js

@@ -0,0 +1,55 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Check } from "lucide-react";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { Alert, AlertDescription } from "@open-mercato/ui/primitives/alert";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+function formatTime(iso) {
+  if (!iso) return "";
+  const parsed = new Date(iso);
+  if (Number.isNaN(parsed.getTime())) return "";
+  return parsed.toLocaleString(void 0, { dateStyle: "medium", timeStyle: "short" });
+}
+function CompletionScreen({
+  submission,
+  schemaResponse,
+  pdfDownloadEnabled = false,
+  onDownloadPdf,
+  onReturnHome,
+  completionTitle,
+  completionMessage,
+  pdfError
+}) {
+  const t = useT();
+  const submittedAt = submission.submittedAt ?? submission.updatedAt ?? null;
+  const submittedLabel = formatTime(submittedAt);
+  const title = completionTitle?.trim() ? completionTitle : t("forms.runner.completion.title", { fallback: "Thank you!" });
+  const message = completionMessage?.trim() ? completionMessage : t("forms.runner.completion.subtitle", { fallback: "Your submission has been recorded." });
+  return /* @__PURE__ */ jsxs("section", { className: "mx-auto flex w-full max-w-md flex-col items-center gap-5 py-12 text-center", children: [
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        "aria-hidden": "true",
+        className: "flex h-14 w-14 items-center justify-center rounded-full bg-status-success-bg text-status-success-icon",
+        children: /* @__PURE__ */ jsx(Check, { className: "h-7 w-7" })
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ jsx("h2", { className: "text-2xl font-semibold text-foreground", children: title }),
+      /* @__PURE__ */ jsx("p", { className: "text-base text-muted-foreground whitespace-pre-line", children: message })
+    ] }),
+    submittedLabel ? /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("forms.runner.completion.submitted_at", {
+      fallback: "Submitted {time}",
+      time: submittedLabel
+    }) }) : null,
+    pdfDownloadEnabled || onReturnHome ? /* @__PURE__ */ jsxs("div", { className: "mt-2 flex flex-col gap-2 sm:flex-row", children: [
+      pdfDownloadEnabled ? /* @__PURE__ */ jsx(Button, { type: "button", onClick: onDownloadPdf, children: t("forms.runner.completion.download_pdf", { fallback: "Download PDF copy" }) }) : null,
+      onReturnHome ? /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: onReturnHome, children: t("forms.runner.completion.return_home", { fallback: "Back to home" }) }) : null
+    ] }) : null,
+    pdfError ? /* @__PURE__ */ jsx(Alert, { status: "error", style: "light", className: "text-left", children: /* @__PURE__ */ jsx(AlertDescription, { children: pdfError }) }) : null
+  ] });
+}
+export {
+  CompletionScreen
+};
+//# sourceMappingURL=CompletionScreen.js.map

package/dist/modules/forms/ui/public/components/CompletionScreen.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/forms/ui/public/components/CompletionScreen.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Check } from 'lucide-react'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Alert, AlertDescription } from '@open-mercato/ui/primitives/alert'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport type { RunnerActiveFormResponse, RunnerSubmission } from '../types'\n\nexport type CompletionScreenProps = {\n  submission: RunnerSubmission\n  schemaResponse: RunnerActiveFormResponse\n  pdfDownloadEnabled?: boolean\n  onDownloadPdf?: () => void\n  onReturnHome?: () => void\n  /** Per-distribution custom heading; falls back to the default \"Thank you!\". */\n  completionTitle?: string | null\n  /** Per-distribution custom body; falls back to the default subtitle. */\n  completionMessage?: string | null\n  /** Surfaced when a PDF download attempt fails. */\n  pdfError?: string | null\n}\n\nfunction formatTime(iso: string | null): string {\n  if (!iso) return ''\n  const parsed = new Date(iso)\n  if (Number.isNaN(parsed.getTime())) return ''\n  return parsed.toLocaleString(undefined, { dateStyle: 'medium', timeStyle: 'short' })\n}\n\nexport function CompletionScreen({\n  submission,\n  schemaResponse,\n  pdfDownloadEnabled = false,\n  onDownloadPdf,\n  onReturnHome,\n  completionTitle,\n  completionMessage,\n  pdfError,\n}: CompletionScreenProps) {\n  const t = useT()\n  const submittedAt = submission.submittedAt ?? submission.updatedAt ?? null\n  const submittedLabel = formatTime(submittedAt)\n\n  const title = completionTitle?.trim()\n    ? completionTitle\n    : t('forms.runner.completion.title', { fallback: 'Thank you!' })\n  const message = completionMessage?.trim()\n    ? completionMessage\n    : t('forms.runner.completion.subtitle', { fallback: 'Your submission has been recorded.' })\n\n  return (\n    <section className=\"mx-auto flex w-full max-w-md flex-col items-center gap-5 py-12 text-center\">\n      <span\n        aria-hidden=\"true\"\n        className=\"flex h-14 w-14 items-center justify-center rounded-full bg-status-success-bg text-status-success-icon\"\n      >\n        <Check className=\"h-7 w-7\" />\n      </span>\n\n      <div className=\"flex flex-col gap-2\">\n        <h2 className=\"text-2xl font-semibold text-foreground\">{title}</h2>\n        <p className=\"text-base text-muted-foreground whitespace-pre-line\">{message}</p>\n      </div>\n\n      {submittedLabel ? (\n        <p className=\"text-xs text-muted-foreground\">\n          {t('forms.runner.completion.submitted_at', {\n            fallback: 'Submitted {time}',\n            time: submittedLabel,\n          })}\n        </p>\n      ) : null}\n\n      {(pdfDownloadEnabled || onReturnHome) ? (\n        <div className=\"mt-2 flex flex-col gap-2 sm:flex-row\">\n          {pdfDownloadEnabled ? (\n            <Button type=\"button\" onClick={onDownloadPdf}>\n              {t('forms.runner.completion.download_pdf', { fallback: 'Download PDF copy' })}\n            </Button>\n          ) : null}\n          {onReturnHome ? (\n            <Button type=\"button\" variant=\"outline\" onClick={onReturnHome}>\n              {t('forms.runner.completion.return_home', { fallback: 'Back to home' })}\n            </Button>\n          ) : null}\n        </div>\n      ) : null}\n\n      {pdfError ? (\n        <Alert status=\"error\" style=\"light\" className=\"text-left\">\n          <AlertDescription>{pdfError}</AlertDescription>\n        </Alert>\n      ) : null}\n    </section>\n  )\n}\n"],
+  "mappings": ";AAyDQ,cAGF,YAHE;AAtDR,SAAS,aAAa;AACtB,SAAS,cAAc;AACvB,SAAS,OAAO,wBAAwB;AACxC,SAAS,YAAY;AAiBrB,SAAS,WAAW,KAA4B;AAC9C,MAAI,CAAC,IAAK,QAAO;AACjB,QAAM,SAAS,IAAI,KAAK,GAAG;AAC3B,MAAI,OAAO,MAAM,OAAO,QAAQ,CAAC,EAAG,QAAO;AAC3C,SAAO,OAAO,eAAe,QAAW,EAAE,WAAW,UAAU,WAAW,QAAQ,CAAC;AACrF;AAEO,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA,qBAAqB;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA0B;AACxB,QAAM,IAAI,KAAK;AACf,QAAM,cAAc,WAAW,eAAe,WAAW,aAAa;AACtE,QAAM,iBAAiB,WAAW,WAAW;AAE7C,QAAM,QAAQ,iBAAiB,KAAK,IAChC,kBACA,EAAE,iCAAiC,EAAE,UAAU,aAAa,CAAC;AACjE,QAAM,UAAU,mBAAmB,KAAK,IACpC,oBACA,EAAE,oCAAoC,EAAE,UAAU,qCAAqC,CAAC;AAE5F,SACE,qBAAC,aAAQ,WAAU,8EACjB;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,eAAY;AAAA,QACZ,WAAU;AAAA,QAEV,8BAAC,SAAM,WAAU,WAAU;AAAA;AAAA,IAC7B;AAAA,IAEA,qBAAC,SAAI,WAAU,uBACb;AAAA,0BAAC,QAAG,WAAU,0CAA0C,iBAAM;AAAA,MAC9D,oBAAC,OAAE,WAAU,uDAAuD,mBAAQ;AAAA,OAC9E;AAAA,IAEC,iBACC,oBAAC,OAAE,WAAU,iCACV,YAAE,wCAAwC;AAAA,MACzC,UAAU;AAAA,MACV,MAAM;AAAA,IACR,CAAC,GACH,IACE;AAAA,IAEF,sBAAsB,eACtB,qBAAC,SAAI,WAAU,wCACZ;AAAA,2BACC,oBAAC,UAAO,MAAK,UAAS,SAAS,eAC5B,YAAE,wCAAwC,EAAE,UAAU,oBAAoB,CAAC,GAC9E,IACE;AAAA,MACH,eACC,oBAAC,UAAO,MAAK,UAAS,SAAQ,WAAU,SAAS,cAC9C,YAAE,uCAAuC,EAAE,UAAU,eAAe,CAAC,GACxE,IACE;AAAA,OACN,IACE;AAAA,IAEH,WACC,oBAAC,SAAM,QAAO,SAAQ,OAAM,SAAQ,WAAU,aAC5C,8BAAC,oBAAkB,oBAAS,GAC9B,IACE;AAAA,KACN;AAEJ;",
+  "names": []
+}

package/dist/modules/forms/ui/public/components/LocaleSwitch.js

@@ -0,0 +1,28 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Globe } from "lucide-react";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from "@open-mercato/ui/primitives/select";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+function LocaleSwitch({ locales, value, onChange }) {
+  const t = useT();
+  if (!locales || locales.length <= 1) return null;
+  const ariaLabel = t("forms.runner.locale.label", { fallback: "Language" });
+  return /* @__PURE__ */ jsxs("div", { className: "inline-flex items-center gap-2 text-sm text-muted-foreground", children: [
+    /* @__PURE__ */ jsx(Globe, { "aria-hidden": "true", className: "h-4 w-4" }),
+    /* @__PURE__ */ jsx("span", { className: "sr-only", children: ariaLabel }),
+    /* @__PURE__ */ jsxs(Select, { value, onValueChange: onChange, children: [
+      /* @__PURE__ */ jsx(SelectTrigger, { "aria-label": ariaLabel, className: "h-8 min-w-24", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+      /* @__PURE__ */ jsx(SelectContent, { children: locales.map((locale) => /* @__PURE__ */ jsx(SelectItem, { value: locale, children: locale.toUpperCase() }, locale)) })
+    ] })
+  ] });
+}
+export {
+  LocaleSwitch
+};
+//# sourceMappingURL=LocaleSwitch.js.map

package/dist/modules/forms/ui/public/components/LocaleSwitch.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/forms/ui/public/components/LocaleSwitch.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Globe } from 'lucide-react'\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@open-mercato/ui/primitives/select'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\n\nexport type LocaleSwitchProps = {\n  locales: string[]\n  value: string\n  onChange: (next: string) => void\n}\n\nexport function LocaleSwitch({ locales, value, onChange }: LocaleSwitchProps) {\n  const t = useT()\n  if (!locales || locales.length <= 1) return null\n  const ariaLabel = t('forms.runner.locale.label', { fallback: 'Language' })\n  return (\n    <div className=\"inline-flex items-center gap-2 text-sm text-muted-foreground\">\n      <Globe aria-hidden=\"true\" className=\"h-4 w-4\" />\n      <span className=\"sr-only\">{ariaLabel}</span>\n      <Select value={value} onValueChange={onChange}>\n        <SelectTrigger aria-label={ariaLabel} className=\"h-8 min-w-24\">\n          <SelectValue />\n        </SelectTrigger>\n        <SelectContent>\n          {locales.map((locale) => (\n            <SelectItem key={locale} value={locale}>\n              {locale.toUpperCase()}\n            </SelectItem>\n          ))}\n        </SelectContent>\n      </Select>\n    </div>\n  )\n}\n"],
+  "mappings": ";AAyBM,cAEA,YAFA;AAtBN,SAAS,aAAa;AACtB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,YAAY;AAQd,SAAS,aAAa,EAAE,SAAS,OAAO,SAAS,GAAsB;AAC5E,QAAM,IAAI,KAAK;AACf,MAAI,CAAC,WAAW,QAAQ,UAAU,EAAG,QAAO;AAC5C,QAAM,YAAY,EAAE,6BAA6B,EAAE,UAAU,WAAW,CAAC;AACzE,SACE,qBAAC,SAAI,WAAU,gEACb;AAAA,wBAAC,SAAM,eAAY,QAAO,WAAU,WAAU;AAAA,IAC9C,oBAAC,UAAK,WAAU,WAAW,qBAAU;AAAA,IACrC,qBAAC,UAAO,OAAc,eAAe,UACnC;AAAA,0BAAC,iBAAc,cAAY,WAAW,WAAU,gBAC9C,8BAAC,eAAY,GACf;AAAA,MACA,oBAAC,iBACE,kBAAQ,IAAI,CAAC,WACZ,oBAAC,cAAwB,OAAO,QAC7B,iBAAO,YAAY,KADL,MAEjB,CACD,GACH;AAAA,OACF;AAAA,KACF;AAEJ;",
+  "names": []
+}

package/dist/modules/forms/ui/public/components/ResumeGate.js

@@ -0,0 +1,52 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+function formatDate(iso) {
+  if (!iso) return "";
+  const parsed = new Date(iso);
+  if (Number.isNaN(parsed.getTime())) return "";
+  return parsed.toLocaleString(void 0, { dateStyle: "medium", timeStyle: "short" });
+}
+function ResumeGate({ candidates, onContinue, onStartOver }) {
+  const t = useT();
+  const latest = candidates[0];
+  const lastSavedAt = latest ? formatDate(latest.updatedAt ?? latest.firstSavedAt ?? null) : "";
+  const revisionCount = candidates.length;
+  return /* @__PURE__ */ jsxs("section", { className: "mx-auto flex w-full max-w-xl flex-col gap-4 rounded-xl border border-border bg-card p-6 shadow-sm", children: [
+    /* @__PURE__ */ jsxs("header", { children: [
+      /* @__PURE__ */ jsx("h2", { className: "text-xl font-semibold text-foreground", children: t("forms.runner.resume.title", { fallback: "Continue where you left off" }) }),
+      /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: t("forms.runner.resume.subtitle", {
+        fallback: "We saved your progress on {date} ({revisions} revisions).",
+        date: lastSavedAt || "\u2014",
+        revisions: String(revisionCount)
+      }) })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 sm:flex-row sm:items-center", children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          onClick: () => latest && onContinue(latest.id),
+          disabled: !latest,
+          className: "flex-1",
+          children: t("forms.runner.resume.continue", { fallback: "Continue filling" })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          variant: "outline",
+          onClick: onStartOver,
+          className: "flex-1",
+          children: t("forms.runner.resume.start_over", { fallback: "Start over" })
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  ResumeGate
+};
+//# sourceMappingURL=ResumeGate.js.map

package/dist/modules/forms/ui/public/components/ResumeGate.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/forms/ui/public/components/ResumeGate.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport type { RunnerSubmission } from '../types'\n\nexport type ResumeGateProps = {\n  candidates: RunnerSubmission[]\n  onContinue: (submissionId: string) => void\n  onStartOver: () => void\n}\n\nfunction formatDate(iso: string | null | undefined): string {\n  if (!iso) return ''\n  const parsed = new Date(iso)\n  if (Number.isNaN(parsed.getTime())) return ''\n  return parsed.toLocaleString(undefined, { dateStyle: 'medium', timeStyle: 'short' })\n}\n\nexport function ResumeGate({ candidates, onContinue, onStartOver }: ResumeGateProps) {\n  const t = useT()\n  const latest = candidates[0]\n  const lastSavedAt = latest ? formatDate(latest.updatedAt ?? latest.firstSavedAt ?? null) : ''\n  const revisionCount = candidates.length\n\n  return (\n    <section className=\"mx-auto flex w-full max-w-xl flex-col gap-4 rounded-xl border border-border bg-card p-6 shadow-sm\">\n      <header>\n        <h2 className=\"text-xl font-semibold text-foreground\">\n          {t('forms.runner.resume.title', { fallback: 'Continue where you left off' })}\n        </h2>\n        <p className=\"mt-1 text-sm text-muted-foreground\">\n          {t('forms.runner.resume.subtitle', {\n            fallback: 'We saved your progress on {date} ({revisions} revisions).',\n            date: lastSavedAt || '\u2014',\n            revisions: String(revisionCount),\n          })}\n        </p>\n      </header>\n      <div className=\"flex flex-col gap-2 sm:flex-row sm:items-center\">\n        <Button\n          type=\"button\"\n          onClick={() => latest && onContinue(latest.id)}\n          disabled={!latest}\n          className=\"flex-1\"\n        >\n          {t('forms.runner.resume.continue', { fallback: 'Continue filling' })}\n        </Button>\n        <Button\n          type=\"button\"\n          variant=\"outline\"\n          onClick={onStartOver}\n          className=\"flex-1\"\n        >\n          {t('forms.runner.resume.start_over', { fallback: 'Start over' })}\n        </Button>\n      </div>\n    </section>\n  )\n}\n"],
+  "mappings": ";AA4BM,SACE,KADF;AAzBN,SAAS,cAAc;AACvB,SAAS,YAAY;AASrB,SAAS,WAAW,KAAwC;AAC1D,MAAI,CAAC,IAAK,QAAO;AACjB,QAAM,SAAS,IAAI,KAAK,GAAG;AAC3B,MAAI,OAAO,MAAM,OAAO,QAAQ,CAAC,EAAG,QAAO;AAC3C,SAAO,OAAO,eAAe,QAAW,EAAE,WAAW,UAAU,WAAW,QAAQ,CAAC;AACrF;AAEO,SAAS,WAAW,EAAE,YAAY,YAAY,YAAY,GAAoB;AACnF,QAAM,IAAI,KAAK;AACf,QAAM,SAAS,WAAW,CAAC;AAC3B,QAAM,cAAc,SAAS,WAAW,OAAO,aAAa,OAAO,gBAAgB,IAAI,IAAI;AAC3F,QAAM,gBAAgB,WAAW;AAEjC,SACE,qBAAC,aAAQ,WAAU,qGACjB;AAAA,yBAAC,YACC;AAAA,0BAAC,QAAG,WAAU,yCACX,YAAE,6BAA6B,EAAE,UAAU,8BAA8B,CAAC,GAC7E;AAAA,MACA,oBAAC,OAAE,WAAU,sCACV,YAAE,gCAAgC;AAAA,QACjC,UAAU;AAAA,QACV,MAAM,eAAe;AAAA,QACrB,WAAW,OAAO,aAAa;AAAA,MACjC,CAAC,GACH;AAAA,OACF;AAAA,IACA,qBAAC,SAAI,WAAU,mDACb;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAS,MAAM,UAAU,WAAW,OAAO,EAAE;AAAA,UAC7C,UAAU,CAAC;AAAA,UACX,WAAU;AAAA,UAET,YAAE,gCAAgC,EAAE,UAAU,mBAAmB,CAAC;AAAA;AAAA,MACrE;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,SAAS;AAAA,UACT,WAAU;AAAA,UAET,YAAE,kCAAkC,EAAE,UAAU,aAAa,CAAC;AAAA;AAAA,MACjE;AAAA,OACF;AAAA,KACF;AAEJ;",
+  "names": []
+}

package/dist/modules/forms/ui/public/components/ReviewStep.js

@@ -0,0 +1,90 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Alert, AlertDescription, AlertTitle } from "@open-mercato/ui/primitives/alert";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { defaultFieldTypeRegistry } from "../../../schema/field-type-registry.js";
+import {
+  resolveLocaleString,
+  resolveSectionTitle
+} from "../types.js";
+function ReviewStep({
+  schemaResponse,
+  values,
+  locale,
+  onBack,
+  onSubmit,
+  submitting
+}) {
+  const t = useT();
+  const defaultLocale = schemaResponse.form.defaultLocale;
+  const sections = Array.isArray(schemaResponse.schema["x-om-sections"]) ? schemaResponse.schema["x-om-sections"] : [];
+  const fieldOrder = sections.length > 0 ? sections.flatMap((section) => section.fieldKeys) : Object.keys(schemaResponse.schema.properties ?? {});
+  const onFormSubmit = React.useCallback(
+    (event) => {
+      event.preventDefault();
+      onSubmit();
+    },
+    [onSubmit]
+  );
+  const onKeyDown = React.useCallback(
+    (event) => {
+      if ((event.metaKey || event.ctrlKey) && event.key === "Enter") {
+        event.preventDefault();
+        onSubmit();
+      }
+    },
+    [onSubmit]
+  );
+  return /* @__PURE__ */ jsxs(
+    "form",
+    {
+      className: "mx-auto flex w-full max-w-2xl flex-col gap-6",
+      onSubmit: onFormSubmit,
+      onKeyDown,
+      children: [
+        /* @__PURE__ */ jsx("header", { children: /* @__PURE__ */ jsx("h2", { className: "text-2xl font-semibold text-foreground", children: t("forms.runner.review.title", { fallback: "Review your answers" }) }) }),
+        /* @__PURE__ */ jsxs(Alert, { status: "warning", style: "light", children: [
+          /* @__PURE__ */ jsx(AlertTitle, { children: t("forms.runner.review.title", { fallback: "Review your answers" }) }),
+          /* @__PURE__ */ jsx(AlertDescription, { children: t("forms.runner.review.callout", {
+            fallback: "On submit, this version is locked and a PDF snapshot is generated. You can still download the PDF later."
+          }) })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-6", children: sections.length > 0 ? sections.map((section) => /* @__PURE__ */ jsxs("section", { className: "rounded-lg border border-border bg-card p-4", children: [
+          /* @__PURE__ */ jsx("h3", { className: "mb-3 text-base font-semibold text-foreground", children: resolveSectionTitle(section, locale, defaultLocale) }),
+          /* @__PURE__ */ jsx("dl", { className: "flex flex-col gap-3", children: section.fieldKeys.map(
+            (fieldKey) => renderRow(fieldKey, values, schemaResponse, locale, defaultLocale, t)
+          ) })
+        ] }, section.key)) : /* @__PURE__ */ jsx("section", { className: "rounded-lg border border-border bg-card p-4", children: /* @__PURE__ */ jsx("dl", { className: "flex flex-col gap-3", children: fieldOrder.map(
+          (fieldKey) => renderRow(fieldKey, values, schemaResponse, locale, defaultLocale, t)
+        ) }) }) }),
+        /* @__PURE__ */ jsxs("footer", { className: "flex flex-col gap-2 sm:flex-row", children: [
+          /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: onBack, className: "flex-1", disabled: submitting, children: t("forms.runner.review.actions.back", { fallback: "Back to editing" }) }),
+          /* @__PURE__ */ jsx(Button, { type: "submit", className: "flex-1", disabled: submitting, children: t("forms.runner.review.actions.submit", { fallback: "Submit" }) })
+        ] })
+      ]
+    }
+  );
+}
+function renderRow(fieldKey, values, schemaResponse, locale, defaultLocale, t) {
+  const node = (schemaResponse.schema.properties ?? {})[fieldKey];
+  if (!node) return null;
+  const descriptor = schemaResponse.fieldIndex[fieldKey];
+  if (descriptor?.type === "info_block") return null;
+  const label = resolveLocaleString(node["x-om-label"], locale, defaultLocale, fieldKey);
+  const typeKey = String(node["x-om-type"] ?? "text");
+  const spec = defaultFieldTypeRegistry.get(typeKey);
+  const exporter = spec?.exportAdapter;
+  const raw = values[fieldKey];
+  const display = exporter ? exporter(raw) : String(raw ?? "");
+  const empty = display === "" || display === void 0;
+  return /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-1 sm:grid-cols-3 sm:items-baseline sm:gap-4", children: [
+    /* @__PURE__ */ jsx("dt", { className: "text-sm font-medium text-muted-foreground", children: label }),
+    /* @__PURE__ */ jsx("dd", { className: "col-span-1 text-sm text-foreground sm:col-span-2", children: empty ? /* @__PURE__ */ jsx("span", { className: "italic text-muted-foreground", children: t("forms.runner.review.empty", { fallback: "No answer provided." }) }) : display })
+  ] }, fieldKey);
+}
+export {
+  ReviewStep
+};
+//# sourceMappingURL=ReviewStep.js.map

package/dist/modules/forms/ui/public/components/ReviewStep.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/forms/ui/public/components/ReviewStep.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Alert, AlertDescription, AlertTitle } from '@open-mercato/ui/primitives/alert'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { defaultFieldTypeRegistry } from '../../../schema/field-type-registry'\nimport {\n  resolveLocaleString,\n  resolveSectionTitle,\n  type RunnerActiveFormResponse,\n  type RunnerSection,\n} from '../types'\n\nexport type ReviewStepProps = {\n  schemaResponse: RunnerActiveFormResponse\n  values: Record<string, unknown>\n  locale: string\n  onBack: () => void\n  onSubmit: () => void\n  submitting: boolean\n}\n\nexport function ReviewStep({\n  schemaResponse,\n  values,\n  locale,\n  onBack,\n  onSubmit,\n  submitting,\n}: ReviewStepProps) {\n  const t = useT()\n  const defaultLocale = schemaResponse.form.defaultLocale\n  const sections: RunnerSection[] = Array.isArray(schemaResponse.schema['x-om-sections'])\n    ? (schemaResponse.schema['x-om-sections'] as RunnerSection[])\n    : []\n  const fieldOrder = sections.length > 0\n    ? sections.flatMap((section) => section.fieldKeys)\n    : Object.keys(schemaResponse.schema.properties ?? {})\n\n  const onFormSubmit = React.useCallback(\n    (event: React.FormEvent) => {\n      event.preventDefault()\n      onSubmit()\n    },\n    [onSubmit],\n  )\n\n  const onKeyDown = React.useCallback(\n    (event: React.KeyboardEvent) => {\n      if ((event.metaKey || event.ctrlKey) && event.key === 'Enter') {\n        event.preventDefault()\n        onSubmit()\n      }\n    },\n    [onSubmit],\n  )\n\n  return (\n    <form\n      className=\"mx-auto flex w-full max-w-2xl flex-col gap-6\"\n      onSubmit={onFormSubmit}\n      onKeyDown={onKeyDown}\n    >\n      <header>\n        <h2 className=\"text-2xl font-semibold text-foreground\">\n          {t('forms.runner.review.title', { fallback: 'Review your answers' })}\n        </h2>\n      </header>\n\n      <Alert status=\"warning\" style=\"light\">\n        <AlertTitle>\n          {t('forms.runner.review.title', { fallback: 'Review your answers' })}\n        </AlertTitle>\n        <AlertDescription>\n          {t('forms.runner.review.callout', {\n            fallback:\n              'On submit, this version is locked and a PDF snapshot is generated. You can still download the PDF later.',\n          })}\n        </AlertDescription>\n      </Alert>\n\n      <div className=\"flex flex-col gap-6\">\n        {sections.length > 0 ? (\n          sections.map((section) => (\n            <section key={section.key} className=\"rounded-lg border border-border bg-card p-4\">\n              <h3 className=\"mb-3 text-base font-semibold text-foreground\">\n                {resolveSectionTitle(section, locale, defaultLocale)}\n              </h3>\n              <dl className=\"flex flex-col gap-3\">\n                {section.fieldKeys.map((fieldKey) =>\n                  renderRow(fieldKey, values, schemaResponse, locale, defaultLocale, t),\n                )}\n              </dl>\n            </section>\n          ))\n        ) : (\n          <section className=\"rounded-lg border border-border bg-card p-4\">\n            <dl className=\"flex flex-col gap-3\">\n              {fieldOrder.map((fieldKey) =>\n                renderRow(fieldKey, values, schemaResponse, locale, defaultLocale, t),\n              )}\n            </dl>\n          </section>\n        )}\n      </div>\n\n      <footer className=\"flex flex-col gap-2 sm:flex-row\">\n        <Button type=\"button\" variant=\"outline\" onClick={onBack} className=\"flex-1\" disabled={submitting}>\n          {t('forms.runner.review.actions.back', { fallback: 'Back to editing' })}\n        </Button>\n        <Button type=\"submit\" className=\"flex-1\" disabled={submitting}>\n          {t('forms.runner.review.actions.submit', { fallback: 'Submit' })}\n        </Button>\n      </footer>\n    </form>\n  )\n}\n\nfunction renderRow(\n  fieldKey: string,\n  values: Record<string, unknown>,\n  schemaResponse: RunnerActiveFormResponse,\n  locale: string,\n  defaultLocale: string,\n  t: ReturnType<typeof useT>,\n): React.ReactNode {\n  const node = (schemaResponse.schema.properties ?? {})[fieldKey]\n  if (!node) return null\n  const descriptor = schemaResponse.fieldIndex[fieldKey]\n  if (descriptor?.type === 'info_block') return null\n  const label = resolveLocaleString(node['x-om-label'], locale, defaultLocale, fieldKey)\n  const typeKey = String(node['x-om-type'] ?? 'text')\n  const spec = defaultFieldTypeRegistry.get(typeKey)\n  const exporter = spec?.exportAdapter\n  const raw = values[fieldKey]\n  const display = exporter ? exporter(raw) : String(raw ?? '')\n  const empty = display === '' || display === undefined\n  return (\n    <div key={fieldKey} className=\"grid grid-cols-1 gap-1 sm:grid-cols-3 sm:items-baseline sm:gap-4\">\n      <dt className=\"text-sm font-medium text-muted-foreground\">{label}</dt>\n      <dd className=\"col-span-1 text-sm text-foreground sm:col-span-2\">\n        {empty ? (\n          <span className=\"italic text-muted-foreground\">\n            {t('forms.runner.review.empty', { fallback: 'No answer provided.' })}\n          </span>\n        ) : (\n          display\n        )}\n      </dd>\n    </div>\n  )\n}\n"],
+  "mappings": ";AAiEQ,cAKF,YALE;AA/DR,YAAY,WAAW;AACvB,SAAS,OAAO,kBAAkB,kBAAkB;AACpD,SAAS,cAAc;AACvB,SAAS,YAAY;AACrB,SAAS,gCAAgC;AACzC;AAAA,EACE;AAAA,EACA;AAAA,OAGK;AAWA,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAoB;AAClB,QAAM,IAAI,KAAK;AACf,QAAM,gBAAgB,eAAe,KAAK;AAC1C,QAAM,WAA4B,MAAM,QAAQ,eAAe,OAAO,eAAe,CAAC,IACjF,eAAe,OAAO,eAAe,IACtC,CAAC;AACL,QAAM,aAAa,SAAS,SAAS,IACjC,SAAS,QAAQ,CAAC,YAAY,QAAQ,SAAS,IAC/C,OAAO,KAAK,eAAe,OAAO,cAAc,CAAC,CAAC;AAEtD,QAAM,eAAe,MAAM;AAAA,IACzB,CAAC,UAA2B;AAC1B,YAAM,eAAe;AACrB,eAAS;AAAA,IACX;AAAA,IACA,CAAC,QAAQ;AAAA,EACX;AAEA,QAAM,YAAY,MAAM;AAAA,IACtB,CAAC,UAA+B;AAC9B,WAAK,MAAM,WAAW,MAAM,YAAY,MAAM,QAAQ,SAAS;AAC7D,cAAM,eAAe;AACrB,iBAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA,CAAC,QAAQ;AAAA,EACX;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,UAAU;AAAA,MACV;AAAA,MAEA;AAAA,4BAAC,YACC,8BAAC,QAAG,WAAU,0CACX,YAAE,6BAA6B,EAAE,UAAU,sBAAsB,CAAC,GACrE,GACF;AAAA,QAEA,qBAAC,SAAM,QAAO,WAAU,OAAM,SAC5B;AAAA,8BAAC,cACE,YAAE,6BAA6B,EAAE,UAAU,sBAAsB,CAAC,GACrE;AAAA,UACA,oBAAC,oBACE,YAAE,+BAA+B;AAAA,YAChC,UACE;AAAA,UACJ,CAAC,GACH;AAAA,WACF;AAAA,QAEA,oBAAC,SAAI,WAAU,uBACZ,mBAAS,SAAS,IACjB,SAAS,IAAI,CAAC,YACZ,qBAAC,aAA0B,WAAU,+CACnC;AAAA,8BAAC,QAAG,WAAU,gDACX,8BAAoB,SAAS,QAAQ,aAAa,GACrD;AAAA,UACA,oBAAC,QAAG,WAAU,uBACX,kBAAQ,UAAU;AAAA,YAAI,CAAC,aACtB,UAAU,UAAU,QAAQ,gBAAgB,QAAQ,eAAe,CAAC;AAAA,UACtE,GACF;AAAA,aARY,QAAQ,GAStB,CACD,IAED,oBAAC,aAAQ,WAAU,+CACjB,8BAAC,QAAG,WAAU,uBACX,qBAAW;AAAA,UAAI,CAAC,aACf,UAAU,UAAU,QAAQ,gBAAgB,QAAQ,eAAe,CAAC;AAAA,QACtE,GACF,GACF,GAEJ;AAAA,QAEA,qBAAC,YAAO,WAAU,mCAChB;AAAA,8BAAC,UAAO,MAAK,UAAS,SAAQ,WAAU,SAAS,QAAQ,WAAU,UAAS,UAAU,YACnF,YAAE,oCAAoC,EAAE,UAAU,kBAAkB,CAAC,GACxE;AAAA,UACA,oBAAC,UAAO,MAAK,UAAS,WAAU,UAAS,UAAU,YAChD,YAAE,sCAAsC,EAAE,UAAU,SAAS,CAAC,GACjE;AAAA,WACF;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,SAAS,UACP,UACA,QACA,gBACA,QACA,eACA,GACiB;AACjB,QAAM,QAAQ,eAAe,OAAO,cAAc,CAAC,GAAG,QAAQ;AAC9D,MAAI,CAAC,KAAM,QAAO;AAClB,QAAM,aAAa,eAAe,WAAW,QAAQ;AACrD,MAAI,YAAY,SAAS,aAAc,QAAO;AAC9C,QAAM,QAAQ,oBAAoB,KAAK,YAAY,GAAG,QAAQ,eAAe,QAAQ;AACrF,QAAM,UAAU,OAAO,KAAK,WAAW,KAAK,MAAM;AAClD,QAAM,OAAO,yBAAyB,IAAI,OAAO;AACjD,QAAM,WAAW,MAAM;AACvB,QAAM,MAAM,OAAO,QAAQ;AAC3B,QAAM,UAAU,WAAW,SAAS,GAAG,IAAI,OAAO,OAAO,EAAE;AAC3D,QAAM,QAAQ,YAAY,MAAM,YAAY;AAC5C,SACE,qBAAC,SAAmB,WAAU,oEAC5B;AAAA,wBAAC,QAAG,WAAU,6CAA6C,iBAAM;AAAA,IACjE,oBAAC,QAAG,WAAU,oDACX,kBACC,oBAAC,UAAK,WAAU,gCACb,YAAE,6BAA6B,EAAE,UAAU,sBAAsB,CAAC,GACrE,IAEA,SAEJ;AAAA,OAVQ,QAWV;AAEJ;",
+  "names": []
+}

package/dist/modules/forms/ui/public/components/SaveIndicator.js

@@ -0,0 +1,65 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { AlertCircle, Check, RefreshCw } from "lucide-react";
+import { Spinner } from "@open-mercato/ui/primitives/spinner";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+function formatTime(iso) {
+  const parsed = new Date(iso);
+  if (Number.isNaN(parsed.getTime())) return "";
+  return parsed.toLocaleTimeString(void 0, { hour: "2-digit", minute: "2-digit" });
+}
+function SaveIndicator({ state }) {
+  const t = useT();
+  let icon = null;
+  let label = "";
+  let tone = "text-muted-foreground";
+  switch (state.status) {
+    case "idle":
+      label = "";
+      break;
+    case "dirty":
+      icon = /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "\u2026" });
+      label = t("forms.runner.save_indicator.dirty", { fallback: "Unsaved changes" });
+      break;
+    case "saving":
+      icon = /* @__PURE__ */ jsx(Spinner, { className: "h-3 w-3" });
+      label = t("forms.runner.save_indicator.saving", { fallback: "Saving\u2026" });
+      break;
+    case "saved":
+      icon = /* @__PURE__ */ jsx(Check, { "aria-hidden": "true", className: "h-3 w-3 text-status-success-text" });
+      label = t("forms.runner.save_indicator.saved_at", {
+        fallback: "Saved at {time}",
+        time: formatTime(state.savedAt)
+      });
+      tone = "text-status-success-text";
+      break;
+    case "conflict":
+      icon = /* @__PURE__ */ jsx(RefreshCw, { "aria-hidden": "true", className: "h-3 w-3 text-status-warning-text" });
+      label = t("forms.runner.save_indicator.conflict", {
+        fallback: "We refreshed the form to merge a change made elsewhere."
+      });
+      tone = "text-status-warning-text";
+      break;
+    case "error":
+      icon = /* @__PURE__ */ jsx(AlertCircle, { "aria-hidden": "true", className: "h-3 w-3 text-status-error-text" });
+      label = state.message;
+      tone = "text-status-error-text";
+      break;
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      role: "status",
+      "aria-live": "polite",
+      className: `inline-flex items-center gap-1.5 text-xs ${tone}`,
+      children: [
+        icon,
+        /* @__PURE__ */ jsx("span", { children: label })
+      ]
+    }
+  );
+}
+export {
+  SaveIndicator
+};
+//# sourceMappingURL=SaveIndicator.js.map

package/dist/modules/forms/ui/public/components/SaveIndicator.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/forms/ui/public/components/SaveIndicator.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { AlertCircle, Check, RefreshCw } from 'lucide-react'\nimport { Spinner } from '@open-mercato/ui/primitives/spinner'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport type { RunnerSaveState } from '../types'\n\nexport type SaveIndicatorProps = {\n  state: RunnerSaveState\n}\n\nfunction formatTime(iso: string): string {\n  const parsed = new Date(iso)\n  if (Number.isNaN(parsed.getTime())) return ''\n  return parsed.toLocaleTimeString(undefined, { hour: '2-digit', minute: '2-digit' })\n}\n\nexport function SaveIndicator({ state }: SaveIndicatorProps) {\n  const t = useT()\n  let icon: React.ReactNode = null\n  let label = ''\n  let tone = 'text-muted-foreground'\n\n  switch (state.status) {\n    case 'idle':\n      label = ''\n      break\n    case 'dirty':\n      icon = <span aria-hidden=\"true\">\u2026</span>\n      label = t('forms.runner.save_indicator.dirty', { fallback: 'Unsaved changes' })\n      break\n    case 'saving':\n      icon = <Spinner className=\"h-3 w-3\" />\n      label = t('forms.runner.save_indicator.saving', { fallback: 'Saving\u2026' })\n      break\n    case 'saved':\n      icon = <Check aria-hidden=\"true\" className=\"h-3 w-3 text-status-success-text\" />\n      label = t('forms.runner.save_indicator.saved_at', {\n        fallback: 'Saved at {time}',\n        time: formatTime(state.savedAt),\n      })\n      tone = 'text-status-success-text'\n      break\n    case 'conflict':\n      icon = <RefreshCw aria-hidden=\"true\" className=\"h-3 w-3 text-status-warning-text\" />\n      label = t('forms.runner.save_indicator.conflict', {\n        fallback: 'We refreshed the form to merge a change made elsewhere.',\n      })\n      tone = 'text-status-warning-text'\n      break\n    case 'error':\n      icon = <AlertCircle aria-hidden=\"true\" className=\"h-3 w-3 text-status-error-text\" />\n      label = state.message\n      tone = 'text-status-error-text'\n      break\n  }\n\n  return (\n    <div\n      role=\"status\"\n      aria-live=\"polite\"\n      className={`inline-flex items-center gap-1.5 text-xs ${tone}`}\n    >\n      {icon}\n      <span>{label}</span>\n    </div>\n  )\n}\n"],
+  "mappings": ";AA6Ba,cA8BT,YA9BS;AA1Bb,SAAS,aAAa,OAAO,iBAAiB;AAC9C,SAAS,eAAe;AACxB,SAAS,YAAY;AAOrB,SAAS,WAAW,KAAqB;AACvC,QAAM,SAAS,IAAI,KAAK,GAAG;AAC3B,MAAI,OAAO,MAAM,OAAO,QAAQ,CAAC,EAAG,QAAO;AAC3C,SAAO,OAAO,mBAAmB,QAAW,EAAE,MAAM,WAAW,QAAQ,UAAU,CAAC;AACpF;AAEO,SAAS,cAAc,EAAE,MAAM,GAAuB;AAC3D,QAAM,IAAI,KAAK;AACf,MAAI,OAAwB;AAC5B,MAAI,QAAQ;AACZ,MAAI,OAAO;AAEX,UAAQ,MAAM,QAAQ;AAAA,IACpB,KAAK;AACH,cAAQ;AACR;AAAA,IACF,KAAK;AACH,aAAO,oBAAC,UAAK,eAAY,QAAO,oBAAC;AACjC,cAAQ,EAAE,qCAAqC,EAAE,UAAU,kBAAkB,CAAC;AAC9E;AAAA,IACF,KAAK;AACH,aAAO,oBAAC,WAAQ,WAAU,WAAU;AACpC,cAAQ,EAAE,sCAAsC,EAAE,UAAU,eAAU,CAAC;AACvE;AAAA,IACF,KAAK;AACH,aAAO,oBAAC,SAAM,eAAY,QAAO,WAAU,oCAAmC;AAC9E,cAAQ,EAAE,wCAAwC;AAAA,QAChD,UAAU;AAAA,QACV,MAAM,WAAW,MAAM,OAAO;AAAA,MAChC,CAAC;AACD,aAAO;AACP;AAAA,IACF,KAAK;AACH,aAAO,oBAAC,aAAU,eAAY,QAAO,WAAU,oCAAmC;AAClF,cAAQ,EAAE,wCAAwC;AAAA,QAChD,UAAU;AAAA,MACZ,CAAC;AACD,aAAO;AACP;AAAA,IACF,KAAK;AACH,aAAO,oBAAC,eAAY,eAAY,QAAO,WAAU,kCAAiC;AAClF,cAAQ,MAAM;AACd,aAAO;AACP;AAAA,EACJ;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,aAAU;AAAA,MACV,WAAW,4CAA4C,IAAI;AAAA,MAE1D;AAAA;AAAA,QACD,oBAAC,UAAM,iBAAM;AAAA;AAAA;AAAA,EACf;AAEJ;",
+  "names": []
+}

package/dist/modules/forms/ui/public/components/SectionStepper.js

@@ -0,0 +1,52 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { StepIndicator } from "@open-mercato/ui/primitives/step-indicator";
+import { resolveSectionTitle } from "../types.js";
+function SectionStepper({
+  sections,
+  currentIndex,
+  completedSet,
+  locale,
+  defaultLocale,
+  onSelect
+}) {
+  const t = useT();
+  if (sections.length === 0) return null;
+  const steps = sections.map((section, index) => ({
+    id: section.key,
+    label: resolveSectionTitle(section, locale, defaultLocale),
+    status: index === currentIndex ? "current" : completedSet.has(index) || index < currentIndex ? "complete" : "pending"
+  }));
+  return /* @__PURE__ */ jsxs(
+    "nav",
+    {
+      "aria-label": t("forms.runner.section.progress_aria", { fallback: "Form progress" }),
+      className: "flex flex-col gap-2",
+      children: [
+        /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-foreground", children: t("forms.runner.section.label", {
+          fallback: "Section {current} of {total}",
+          current: String(currentIndex + 1),
+          total: String(sections.length)
+        }) }),
+        /* @__PURE__ */ jsx(
+          StepIndicator,
+          {
+            steps,
+            size: "sm",
+            showNumbers: true,
+            className: "flex-wrap gap-2",
+            onStepClick: (stepId) => {
+              const index = sections.findIndex((section) => section.key === stepId);
+              if (index >= 0) onSelect(index);
+            }
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  SectionStepper
+};
+//# sourceMappingURL=SectionStepper.js.map

package/dist/modules/forms/ui/public/components/SectionStepper.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/forms/ui/public/components/SectionStepper.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { StepIndicator, type StepIndicatorStep } from '@open-mercato/ui/primitives/step-indicator'\nimport { resolveSectionTitle, type RunnerSection } from '../types'\n\nexport type SectionStepperProps = {\n  sections: RunnerSection[]\n  currentIndex: number\n  completedSet: Set<number>\n  locale: string\n  defaultLocale: string\n  onSelect: (index: number) => void\n}\n\nexport function SectionStepper({\n  sections,\n  currentIndex,\n  completedSet,\n  locale,\n  defaultLocale,\n  onSelect,\n}: SectionStepperProps) {\n  const t = useT()\n  if (sections.length === 0) return null\n  const steps: StepIndicatorStep[] = sections.map((section, index) => ({\n    id: section.key,\n    label: resolveSectionTitle(section, locale, defaultLocale),\n    status: index === currentIndex\n      ? 'current'\n      : completedSet.has(index) || index < currentIndex\n        ? 'complete'\n        : 'pending',\n  }))\n  return (\n    <nav\n      aria-label={t('forms.runner.section.progress_aria', { fallback: 'Form progress' })}\n      className=\"flex flex-col gap-2\"\n    >\n      <p className=\"text-sm font-medium text-foreground\">\n        {t('forms.runner.section.label', {\n          fallback: 'Section {current} of {total}',\n          current: String(currentIndex + 1),\n          total: String(sections.length),\n        })}\n      </p>\n      <StepIndicator\n        steps={steps}\n        size=\"sm\"\n        showNumbers\n        className=\"flex-wrap gap-2\"\n        onStepClick={(stepId) => {\n          const index = sections.findIndex((section) => section.key === stepId)\n          if (index >= 0) onSelect(index)\n        }}\n      />\n    </nav>\n  )\n}\n"],
+  "mappings": ";AAoCI,SAIE,KAJF;AAjCJ,SAAS,YAAY;AACrB,SAAS,qBAA6C;AACtD,SAAS,2BAA+C;AAWjD,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAwB;AACtB,QAAM,IAAI,KAAK;AACf,MAAI,SAAS,WAAW,EAAG,QAAO;AAClC,QAAM,QAA6B,SAAS,IAAI,CAAC,SAAS,WAAW;AAAA,IACnE,IAAI,QAAQ;AAAA,IACZ,OAAO,oBAAoB,SAAS,QAAQ,aAAa;AAAA,IACzD,QAAQ,UAAU,eACd,YACA,aAAa,IAAI,KAAK,KAAK,QAAQ,eACjC,aACA;AAAA,EACR,EAAE;AACF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAY,EAAE,sCAAsC,EAAE,UAAU,gBAAgB,CAAC;AAAA,MACjF,WAAU;AAAA,MAEV;AAAA,4BAAC,OAAE,WAAU,uCACV,YAAE,8BAA8B;AAAA,UAC/B,UAAU;AAAA,UACV,SAAS,OAAO,eAAe,CAAC;AAAA,UAChC,OAAO,OAAO,SAAS,MAAM;AAAA,QAC/B,CAAC,GACH;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA,MAAK;AAAA,YACL,aAAW;AAAA,YACX,WAAU;AAAA,YACV,aAAa,CAAC,WAAW;AACvB,oBAAM,QAAQ,SAAS,UAAU,CAAC,YAAY,QAAQ,QAAQ,MAAM;AACpE,kBAAI,SAAS,EAAG,UAAS,KAAK;AAAA,YAChC;AAAA;AAAA,QACF;AAAA;AAAA;AAAA,EACF;AAEJ;",
+  "names": []
+}

package/dist/modules/forms/ui/public/index.js

@@ -0,0 +1,38 @@
+import { FormRunner } from "./FormRunner.js";
+import { EmbeddedForm } from "./EmbeddedForm.js";
+import { FormTrigger, useFormDialog } from "./FormTrigger.js";
+import { PublicFormRunnerPage } from "./PublicFormRunnerPage.js";
+import { registerCoreRenderers, CORE_RENDERER_MAP } from "./renderers/index.js";
+import { SaveIndicator } from "./components/SaveIndicator.js";
+import { SectionStepper } from "./components/SectionStepper.js";
+import { LocaleSwitch } from "./components/LocaleSwitch.js";
+import { ResumeGate } from "./components/ResumeGate.js";
+import { ReviewStep } from "./components/ReviewStep.js";
+import { CompletionScreen } from "./components/CompletionScreen.js";
+import { useFormRunner } from "./state/useFormRunner.js";
+import { mergeOnConflict, useAutosave } from "./state/useAutosave.js";
+import {
+  createAuthRuntimeClient,
+  createAnonymousRuntimeClient
+} from "./state/runtime-client.js";
+export {
+  CORE_RENDERER_MAP,
+  CompletionScreen,
+  EmbeddedForm,
+  FormRunner,
+  FormTrigger,
+  LocaleSwitch,
+  PublicFormRunnerPage,
+  ResumeGate,
+  ReviewStep,
+  SaveIndicator,
+  SectionStepper,
+  createAnonymousRuntimeClient,
+  createAuthRuntimeClient,
+  mergeOnConflict,
+  registerCoreRenderers,
+  useAutosave,
+  useFormDialog,
+  useFormRunner
+};
+//# sourceMappingURL=index.js.map

package/dist/modules/forms/ui/public/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/forms/ui/public/index.ts"],
+  "sourcesContent": ["export { FormRunner } from './FormRunner'\nexport type { FormRunnerProps } from './FormRunner'\nexport { EmbeddedForm } from './EmbeddedForm'\nexport type { EmbeddedFormProps, EmbeddedFormSource } from './EmbeddedForm'\nexport { FormTrigger, useFormDialog } from './FormTrigger'\nexport type { FormTriggerProps } from './FormTrigger'\nexport { PublicFormRunnerPage } from './PublicFormRunnerPage'\nexport type { PublicFormRunnerPageProps } from './PublicFormRunnerPage'\nexport { registerCoreRenderers, CORE_RENDERER_MAP } from './renderers'\nexport { SaveIndicator } from './components/SaveIndicator'\nexport { SectionStepper } from './components/SectionStepper'\nexport { LocaleSwitch } from './components/LocaleSwitch'\nexport { ResumeGate } from './components/ResumeGate'\nexport { ReviewStep } from './components/ReviewStep'\nexport { CompletionScreen } from './components/CompletionScreen'\nexport { useFormRunner } from './state/useFormRunner'\nexport { mergeOnConflict, useAutosave } from './state/useAutosave'\nexport {\n  createAuthRuntimeClient,\n  createAnonymousRuntimeClient,\n} from './state/runtime-client'\nexport type {\n  RuntimeClient,\n  RuntimeSaveBody,\n  RuntimeSubmitBody,\n  RuntimeStartedState,\n  PublicFormContext,\n  PublicStartResponse,\n  CreateAuthRuntimeClientArgs,\n  CreateAnonymousRuntimeClientArgs,\n} from './state/runtime-client'\nexport type {\n  RunnerActor,\n  RunnerActiveFormResponse,\n  RunnerFieldDescriptor,\n  RunnerFieldNode,\n  RunnerFieldRendererProps,\n  RunnerLoadError,\n  RunnerLocaleMap,\n  RunnerOption,\n  RunnerRevision,\n  RunnerSaveState,\n  RunnerSchema,\n  RunnerSection,\n  RunnerSubmission,\n  RunnerSubmissionStatus,\n  RunnerSubmissionView,\n} from './types'\n"],
+  "mappings": "AAAA,SAAS,kBAAkB;AAE3B,SAAS,oBAAoB;AAE7B,SAAS,aAAa,qBAAqB;AAE3C,SAAS,4BAA4B;AAErC,SAAS,uBAAuB,yBAAyB;AACzD,SAAS,qBAAqB;AAC9B,SAAS,sBAAsB;AAC/B,SAAS,oBAAoB;AAC7B,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAC3B,SAAS,wBAAwB;AACjC,SAAS,qBAAqB;AAC9B,SAAS,iBAAiB,mBAAmB;AAC7C;AAAA,EACE;AAAA,EACA;AAAA,OACK;",
+  "names": []
+}