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

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

@@ -0,0 +1,166 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { apiCall } from "@open-mercato/ui/backend/utils/apiCall";
+import { Alert, AlertDescription, AlertTitle } from "@open-mercato/ui/primitives/alert";
+import { Spinner } from "@open-mercato/ui/primitives/spinner";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { FormRunner } from "./FormRunner.js";
+import {
+  createAnonymousRuntimeClient
+} from "./state/runtime-client.js";
+function anonymousContextUrl(source) {
+  if (source.kind === "distribution") {
+    return `/api/forms/public/distributions/${encodeURIComponent(source.slug)}`;
+  }
+  if (source.kind === "invitation") {
+    return `/api/forms/public/invitations/${encodeURIComponent(source.token)}`;
+  }
+  return "";
+}
+function EmbeddedForm({ source, onReturnHome, className }) {
+  const t = useT();
+  const isAnonymous = source.kind !== "portal";
+  const [state, setState] = React.useState({ phase: "loading" });
+  const bootstrapKey = source.kind === "distribution" ? source.slug : source.kind === "invitation" ? source.token : "";
+  React.useEffect(() => {
+    if (!isAnonymous) return;
+    if (!bootstrapKey) return;
+    let cancelled = false;
+    setState({ phase: "loading" });
+    async function bootstrap() {
+      const contextResp = await apiCall(anonymousContextUrl(source));
+      if (cancelled) return;
+      if (contextResp.status === 410 || !contextResp.ok || !contextResp.result) {
+        setState({
+          phase: "unavailable",
+          message: t("forms.public.unavailable", {
+            fallback: "This form is no longer available."
+          })
+        });
+        return;
+      }
+      const context = contextResp.result;
+      if (context.requires_customer_auth) {
+        setState({ phase: "auth_required" });
+        return;
+      }
+      const startBody = source.kind === "distribution" ? { slug: source.slug, locale: context.default_locale } : { token: source.token, locale: context.default_locale };
+      const startResp = await apiCall("/api/forms/public/start", {
+        method: "POST",
+        headers: { "content-type": "application/json" },
+        body: JSON.stringify(startBody)
+      });
+      if (cancelled) return;
+      if (startResp.status === 409) {
+        setState({ phase: "auth_required" });
+        return;
+      }
+      if (startResp.status === 410) {
+        setState({
+          phase: "unavailable",
+          message: t("forms.public.unavailable", {
+            fallback: "This form is no longer available."
+          })
+        });
+        return;
+      }
+      if (!startResp.ok || !startResp.result) {
+        setState({
+          phase: "error",
+          message: t("forms.public.start_failed", {
+            fallback: "We could not open this form. Please try again later."
+          })
+        });
+        return;
+      }
+      const started = startResp.result;
+      const client = createAnonymousRuntimeClient({
+        context,
+        started,
+        accessToken: started.access_token,
+        mode: source.kind === "distribution" ? "open" : "personal",
+        slug: source.kind === "distribution" ? source.slug : void 0,
+        token: source.kind === "invitation" ? source.token : void 0
+      });
+      setState({
+        phase: "ready",
+        context,
+        client,
+        subjectId: context.invitation?.id ?? started.submission.subjectId ?? ""
+      });
+    }
+    bootstrap().catch((error) => {
+      if (cancelled) return;
+      setState({
+        phase: "error",
+        message: error instanceof Error ? error.message : t("forms.public.start_failed", {
+          fallback: "We could not open this form. Please try again later."
+        })
+      });
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [bootstrapKey, isAnonymous]);
+  if (source.kind === "portal") {
+    if (!source.subjectId) {
+      return /* @__PURE__ */ jsx(LoadingState, { label: t("forms.runner.loading", { fallback: "Loading form\u2026" }) });
+    }
+    return /* @__PURE__ */ jsx("div", { className, children: /* @__PURE__ */ jsx(
+      FormRunner,
+      {
+        formKey: source.formKey,
+        subjectType: source.subjectType,
+        subjectId: source.subjectId,
+        onReturnHome
+      }
+    ) });
+  }
+  if (state.phase === "loading") {
+    return /* @__PURE__ */ jsx(LoadingState, { label: t("forms.runner.loading", { fallback: "Loading form\u2026" }) });
+  }
+  if (state.phase === "auth_required") {
+    return /* @__PURE__ */ jsxs(Alert, { children: [
+      /* @__PURE__ */ jsx(AlertTitle, { children: t("forms.public.auth_required.title", { fallback: "Please sign in" }) }),
+      /* @__PURE__ */ jsx(AlertDescription, { children: t("forms.public.auth_required.body", {
+        fallback: "This form requires a signed-in account. Please sign in to continue."
+      }) })
+    ] });
+  }
+  if (state.phase === "unavailable") {
+    return /* @__PURE__ */ jsxs(Alert, { children: [
+      /* @__PURE__ */ jsx(AlertTitle, { children: t("forms.public.unavailable.title", { fallback: "Form unavailable" }) }),
+      /* @__PURE__ */ jsx(AlertDescription, { children: state.message })
+    ] });
+  }
+  if (state.phase === "error") {
+    return /* @__PURE__ */ jsxs(Alert, { status: "error", style: "light", children: [
+      /* @__PURE__ */ jsx(AlertTitle, { children: t("forms.public.error.title", { fallback: "Something went wrong" }) }),
+      /* @__PURE__ */ jsx(AlertDescription, { children: state.message })
+    ] });
+  }
+  return /* @__PURE__ */ jsx("div", { className, children: /* @__PURE__ */ jsx(
+    FormRunner,
+    {
+      formKey: state.context.form.key,
+      subjectType: "forms_invitation",
+      subjectId: state.subjectId,
+      client: state.client,
+      onReturnHome,
+      completionTitle: state.context.completion?.title,
+      completionMessage: state.context.completion?.message,
+      redirectUrl: state.context.redirect_url
+    }
+  ) });
+}
+function LoadingState({ label }) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center py-12 text-muted-foreground", children: [
+    /* @__PURE__ */ jsx(Spinner, { className: "h-5 w-5" }),
+    /* @__PURE__ */ jsx("span", { className: "ml-2 text-sm", children: label })
+  ] });
+}
+export {
+  EmbeddedForm
+};
+//# sourceMappingURL=EmbeddedForm.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/forms/ui/public/EmbeddedForm.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { Alert, AlertDescription, AlertTitle } from '@open-mercato/ui/primitives/alert'\nimport { Spinner } from '@open-mercato/ui/primitives/spinner'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { FormRunner } from './FormRunner'\nimport {\n  createAnonymousRuntimeClient,\n  type PublicFormContext,\n  type PublicStartResponse,\n  type RuntimeClient,\n} from './state/runtime-client'\n\n/**\n * Single rendering primitive for every forms surface (spec\n * `2026-05-21-forms-render-surfaces.md`, D1/D2). It resolves the served form,\n * picks the right {@link RuntimeClient}, and mounts the shared `<FormRunner>`:\n *\n *  - `portal`       \u2192 authenticated portal customer; `FormRunner` builds its own\n *                     auth client (no bootstrap network round-trip).\n *  - `distribution` \u2192 anonymous open link (`/f/:slug`); resolve context \u2192 start\n *                     \u2192 anonymous token client.\n *  - `invitation`   \u2192 anonymous personal invite (`/i/:token`); same bootstrap.\n *\n * `<EmbeddedForm>` renders layout-free: it owns the loading / unavailable /\n * error / auth-required states but not the page chrome. Each surface (portal\n * page, public runner page, iframe host, dialog, injected widget) supplies its\n * own container.\n */\nexport type EmbeddedFormSource =\n  | { kind: 'portal'; formKey: string; subjectType: string; subjectId: string }\n  | { kind: 'distribution'; slug: string }\n  | { kind: 'invitation'; token: string }\n\nexport type EmbeddedFormProps = {\n  source: EmbeddedFormSource\n  /** Optional \"return to start\" affordance forwarded to the completion screen. */\n  onReturnHome?: () => void\n  /** Optional wrapper class applied to the mounted runner. */\n  className?: string\n}\n\ntype BootstrapState =\n  | { phase: 'loading' }\n  | { phase: 'auth_required' }\n  | { phase: 'unavailable'; message: string }\n  | { phase: 'error'; message: string }\n  | {\n      phase: 'ready'\n      context: PublicFormContext\n      client: RuntimeClient\n      subjectId: string\n    }\n\nfunction anonymousContextUrl(source: EmbeddedFormSource): string {\n  if (source.kind === 'distribution') {\n    return `/api/forms/public/distributions/${encodeURIComponent(source.slug)}`\n  }\n  if (source.kind === 'invitation') {\n    return `/api/forms/public/invitations/${encodeURIComponent(source.token)}`\n  }\n  return ''\n}\n\nexport function EmbeddedForm({ source, onReturnHome, className }: EmbeddedFormProps) {\n  const t = useT()\n  const isAnonymous = source.kind !== 'portal'\n  const [state, setState] = React.useState<BootstrapState>({ phase: 'loading' })\n\n  const bootstrapKey =\n    source.kind === 'distribution'\n      ? source.slug\n      : source.kind === 'invitation'\n        ? source.token\n        : ''\n\n  React.useEffect(() => {\n    if (!isAnonymous) return\n    if (!bootstrapKey) return\n    let cancelled = false\n    setState({ phase: 'loading' })\n\n    async function bootstrap() {\n      const contextResp = await apiCall<PublicFormContext>(anonymousContextUrl(source))\n      if (cancelled) return\n      if (contextResp.status === 410 || !contextResp.ok || !contextResp.result) {\n        setState({\n          phase: 'unavailable',\n          message: t('forms.public.unavailable', {\n            fallback: 'This form is no longer available.',\n          }),\n        })\n        return\n      }\n      const context = contextResp.result\n      if (context.requires_customer_auth) {\n        setState({ phase: 'auth_required' })\n        return\n      }\n\n      const startBody =\n        source.kind === 'distribution'\n          ? { slug: source.slug, locale: context.default_locale }\n          : { token: (source as { token: string }).token, locale: context.default_locale }\n      const startResp = await apiCall<PublicStartResponse>('/api/forms/public/start', {\n        method: 'POST',\n        headers: { 'content-type': 'application/json' },\n        body: JSON.stringify(startBody),\n      })\n      if (cancelled) return\n      if (startResp.status === 409) {\n        setState({ phase: 'auth_required' })\n        return\n      }\n      if (startResp.status === 410) {\n        setState({\n          phase: 'unavailable',\n          message: t('forms.public.unavailable', {\n            fallback: 'This form is no longer available.',\n          }),\n        })\n        return\n      }\n      if (!startResp.ok || !startResp.result) {\n        setState({\n          phase: 'error',\n          message: t('forms.public.start_failed', {\n            fallback: 'We could not open this form. Please try again later.',\n          }),\n        })\n        return\n      }\n\n      const started = startResp.result\n      const client = createAnonymousRuntimeClient({\n        context,\n        started,\n        accessToken: started.access_token,\n        mode: source.kind === 'distribution' ? 'open' : 'personal',\n        slug: source.kind === 'distribution' ? source.slug : undefined,\n        token: source.kind === 'invitation' ? source.token : undefined,\n      })\n      setState({\n        phase: 'ready',\n        context,\n        client,\n        subjectId: context.invitation?.id ?? started.submission.subjectId ?? '',\n      })\n    }\n\n    bootstrap().catch((error) => {\n      if (cancelled) return\n      setState({\n        phase: 'error',\n        message:\n          error instanceof Error\n            ? error.message\n            : t('forms.public.start_failed', {\n                fallback: 'We could not open this form. Please try again later.',\n              }),\n      })\n    })\n\n    return () => {\n      cancelled = true\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [bootstrapKey, isAnonymous])\n\n  // \u2500\u2500 Portal (authenticated) \u2014 no network bootstrap; FormRunner builds the\n  // default auth client itself. Behaviour matches the pre-refactor portal page.\n  if (source.kind === 'portal') {\n    if (!source.subjectId) {\n      return <LoadingState label={t('forms.runner.loading', { fallback: 'Loading form\u2026' })} />\n    }\n    return (\n      <div className={className}>\n        <FormRunner\n          formKey={source.formKey}\n          subjectType={source.subjectType}\n          subjectId={source.subjectId}\n          onReturnHome={onReturnHome}\n        />\n      </div>\n    )\n  }\n\n  if (state.phase === 'loading') {\n    return <LoadingState label={t('forms.runner.loading', { fallback: 'Loading form\u2026' })} />\n  }\n\n  if (state.phase === 'auth_required') {\n    return (\n      <Alert>\n        <AlertTitle>{t('forms.public.auth_required.title', { fallback: 'Please sign in' })}</AlertTitle>\n        <AlertDescription>\n          {t('forms.public.auth_required.body', {\n            fallback: 'This form requires a signed-in account. Please sign in to continue.',\n          })}\n        </AlertDescription>\n      </Alert>\n    )\n  }\n\n  if (state.phase === 'unavailable') {\n    return (\n      <Alert>\n        <AlertTitle>{t('forms.public.unavailable.title', { fallback: 'Form unavailable' })}</AlertTitle>\n        <AlertDescription>{state.message}</AlertDescription>\n      </Alert>\n    )\n  }\n\n  if (state.phase === 'error') {\n    return (\n      <Alert status=\"error\" style=\"light\">\n        <AlertTitle>{t('forms.public.error.title', { fallback: 'Something went wrong' })}</AlertTitle>\n        <AlertDescription>{state.message}</AlertDescription>\n      </Alert>\n    )\n  }\n\n  return (\n    <div className={className}>\n      <FormRunner\n        formKey={state.context.form.key}\n        subjectType=\"forms_invitation\"\n        subjectId={state.subjectId}\n        client={state.client}\n        onReturnHome={onReturnHome}\n        completionTitle={state.context.completion?.title}\n        completionMessage={state.context.completion?.message}\n        redirectUrl={state.context.redirect_url}\n      />\n    </div>\n  )\n}\n\nfunction LoadingState({ label }: { label: string }) {\n  return (\n    <div className=\"flex items-center justify-center py-12 text-muted-foreground\">\n      <Spinner className=\"h-5 w-5\" />\n      <span className=\"ml-2 text-sm\">{label}</span>\n    </div>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -0,0 +1,359 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { Alert, AlertDescription, AlertTitle } from "@open-mercato/ui/primitives/alert";
+import { Spinner } from "@open-mercato/ui/primitives/spinner";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { normalizeNavigableUrl } from "../../lib/navigable-url.js";
+import { cn } from "@open-mercato/shared/lib/utils";
+import { useFormRunner } from "./state/useFormRunner.js";
+import { LogoHeader } from "./style/LogoHeader.js";
+import {
+  compileFieldStyle,
+  compileFormTheme,
+  compileSectionStyle
+} from "../../services/style-compiler.js";
+import {
+  resolveFieldStyle,
+  resolveFormTheme,
+  resolveSectionStyle
+} from "../../services/form-version-compiler.js";
+import { styleProps } from "./style/applyStyle.js";
+import { CompletionScreen } from "./components/CompletionScreen.js";
+import { LocaleSwitch } from "./components/LocaleSwitch.js";
+import { ResumeGate } from "./components/ResumeGate.js";
+import { ReviewStep } from "./components/ReviewStep.js";
+import { SaveIndicator } from "./components/SaveIndicator.js";
+import { SectionStepper } from "./components/SectionStepper.js";
+import { CORE_RENDERER_MAP, registerCoreRenderers } from "./renderers/index.js";
+let renderersRegistered = false;
+function ensureRenderersRegistered() {
+  if (renderersRegistered) return;
+  registerCoreRenderers();
+  renderersRegistered = true;
+}
+function FormRunner(props) {
+  ensureRenderersRegistered();
+  const t = useT();
+  const runner = useFormRunner({
+    formKey: props.formKey,
+    subjectType: props.subjectType,
+    subjectId: props.subjectId,
+    initialSubmissionId: props.initialSubmissionId,
+    client: props.client
+  });
+  const {
+    stage,
+    schemaResponse,
+    schema,
+    sections,
+    fieldOrder,
+    visibleFieldIndex,
+    logicState,
+    submission,
+    submissionRevision,
+    values,
+    conflictKeys,
+    resumeCandidates,
+    currentSectionIndex,
+    setCurrentSectionIndex,
+    locale,
+    setLocale,
+    setFieldValue,
+    saveState,
+    loadError,
+    startNewSubmission,
+    resumeExistingSubmission,
+    enterReview,
+    exitReview,
+    submit,
+    validateSection,
+    client
+  } = runner;
+  const callerRoles = schemaResponse?.callerRoles ?? [];
+  const formTheme = React.useMemo(
+    () => styleProps(compileFormTheme(resolveFormTheme(schema ?? {}))),
+    [schema]
+  );
+  const themeLogo = React.useMemo(() => resolveFormTheme(schema ?? {})?.logo, [schema]);
+  const [pdfError, setPdfError] = React.useState(null);
+  const handleDownloadPdf = React.useCallback(
+    (submissionId) => {
+      setPdfError(null);
+      if (props.onDownloadPdf) {
+        props.onDownloadPdf(submissionId);
+        return;
+      }
+      void client.downloadPdf(submissionId).catch((error) => {
+        const message = error && typeof error === "object" && "message" in error ? String(error.message) : t("forms.runner.completion.download_pdf_failed", {
+          fallback: "We could not download the PDF copy. Please try again."
+        });
+        setPdfError(message);
+      });
+    },
+    [client, props, t]
+  );
+  const pdfDownloadEnabled = props.pdfDownloadEnabled ?? true;
+  const uploader = React.useMemo(
+    () => ({
+      upload: ({ submissionId, fieldKey, file }) => client.uploadAttachment(submissionId, fieldKey, file),
+      downloadUrl: (submissionId, attachmentId) => client.attachmentDownloadUrl(submissionId, attachmentId)
+    }),
+    [client]
+  );
+  const completedSet = React.useMemo(() => {
+    const set = /* @__PURE__ */ new Set();
+    for (let index = 0; index < sections.length; index += 1) {
+      if (validateSection(index).length === 0) set.add(index);
+    }
+    return set;
+  }, [sections, validateSection]);
+  const redirectTarget = normalizeNavigableUrl(props.redirectUrl);
+  React.useEffect(() => {
+    if (stage === "completed" && redirectTarget && typeof window !== "undefined") {
+      window.location.href = redirectTarget;
+    }
+  }, [stage, redirectTarget]);
+  if (stage === "loading") {
+    return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center py-12 text-muted-foreground", children: [
+      /* @__PURE__ */ jsx(Spinner, { className: "h-5 w-5" }),
+      /* @__PURE__ */ jsx("span", { className: "ml-2 text-sm", children: t("forms.runner.loading", { fallback: "Loading form\u2026" }) })
+    ] });
+  }
+  if (stage === "error") {
+    const fallback = t("forms.runner.error.generic", {
+      fallback: "Something went wrong loading the form."
+    });
+    let message = loadError?.message ?? fallback;
+    if (loadError?.code === "NOT_FOUND") {
+      message = t("forms.runner.error.not_found", { fallback: "We couldn't find that form." });
+    } else if (loadError?.code === "NO_PUBLISHED_VERSION") {
+      message = t("forms.runner.error.no_published_version", {
+        fallback: "This form has no published version yet."
+      });
+    }
+    return /* @__PURE__ */ jsxs(Alert, { status: "error", style: "light", children: [
+      /* @__PURE__ */ jsx(AlertTitle, { children: fallback }),
+      /* @__PURE__ */ jsx(AlertDescription, { children: message })
+    ] });
+  }
+  if (stage === "resume_gate") {
+    return /* @__PURE__ */ jsx(
+      ResumeGate,
+      {
+        candidates: resumeCandidates,
+        onContinue: (submissionId) => {
+          void resumeExistingSubmission(submissionId);
+        },
+        onStartOver: () => {
+          void startNewSubmission();
+        }
+      }
+    );
+  }
+  if (stage === "completed" && submission && schemaResponse) {
+    if (redirectTarget) {
+      return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center py-12 text-muted-foreground", children: [
+        /* @__PURE__ */ jsx(Spinner, { className: "h-5 w-5" }),
+        /* @__PURE__ */ jsx("span", { className: "ml-2 text-sm", children: t("forms.runner.completion.redirecting", { fallback: "Redirecting\u2026" }) })
+      ] });
+    }
+    return /* @__PURE__ */ jsx(
+      CompletionScreen,
+      {
+        submission,
+        schemaResponse,
+        pdfDownloadEnabled,
+        onDownloadPdf: () => handleDownloadPdf(submission.id),
+        onReturnHome: props.onReturnHome,
+        completionTitle: props.completionTitle,
+        completionMessage: props.completionMessage,
+        pdfError
+      }
+    );
+  }
+  if (stage === "review" && schemaResponse) {
+    return /* @__PURE__ */ jsx(
+      ReviewStep,
+      {
+        schemaResponse,
+        values,
+        locale,
+        onBack: exitReview,
+        onSubmit: () => {
+          void submit();
+        },
+        submitting: false
+      }
+    );
+  }
+  if (stage === "submitting" && schemaResponse) {
+    return /* @__PURE__ */ jsx(
+      ReviewStep,
+      {
+        schemaResponse,
+        values,
+        locale,
+        onBack: exitReview,
+        onSubmit: () => {
+        },
+        submitting: true
+      }
+    );
+  }
+  if (!schemaResponse || !schema || !submission || !submissionRevision) {
+    return null;
+  }
+  const defaultLocale = schemaResponse.form.defaultLocale;
+  const supportedLocales = schemaResponse.form.supportedLocales;
+  const currentSection = sections[currentSectionIndex] ?? null;
+  const sectionFieldKeys = currentSection ? currentSection.fieldKeys.filter((key) => fieldOrder.includes(key)) : fieldOrder;
+  const isLastSection = currentSectionIndex >= sections.length - 1;
+  const sectionMissing = validateSection(currentSectionIndex);
+  const advance = () => {
+    if (sectionMissing.length > 0) return;
+    if (logicState && currentSection) {
+      const target = logicState.nextTarget(currentSection.key);
+      if (target.type === "page") {
+        const idx = sections.findIndex((section) => section.key === target.pageKey);
+        if (idx >= 0) {
+          setCurrentSectionIndex(idx);
+          return;
+        }
+      } else if (target.type === "ending") {
+        const idx = sections.findIndex((section) => section.key === target.endingKey);
+        if (idx >= 0) {
+          setCurrentSectionIndex(idx);
+        }
+        enterReview();
+        return;
+      } else if (target.type === "submit") {
+        enterReview();
+        return;
+      }
+    }
+    if (isLastSection) {
+      enterReview();
+      return;
+    }
+    setCurrentSectionIndex(currentSectionIndex + 1);
+  };
+  const back = () => {
+    if (currentSectionIndex === 0) return;
+    setCurrentSectionIndex(currentSectionIndex - 1);
+  };
+  const sectionStyle = styleProps(
+    compileSectionStyle(currentSection ? resolveSectionStyle(currentSection) : void 0),
+    "flex flex-col gap-4"
+  );
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn("om-form-theme mx-auto w-full max-w-2xl", formTheme.className),
+      style: formTheme.style,
+      children: /* @__PURE__ */ jsxs("article", { className: "flex w-full flex-col gap-6", children: [
+        /* @__PURE__ */ jsx(LogoHeader, { logo: themeLogo }),
+        /* @__PURE__ */ jsxs("header", { className: "flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between", children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("h1", { className: "text-2xl font-semibold text-foreground", children: schemaResponse.form.name }),
+            /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground", children: [
+              "v",
+              schemaResponse.formVersion.versionNumber
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ jsx(LocaleSwitch, { locales: supportedLocales, value: locale, onChange: setLocale }),
+            /* @__PURE__ */ jsx(SaveIndicator, { state: saveState })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx(
+          SectionStepper,
+          {
+            sections,
+            currentIndex: currentSectionIndex,
+            completedSet,
+            locale,
+            defaultLocale,
+            onSelect: (index) => setCurrentSectionIndex(index)
+          }
+        ),
+        conflictKeys.length > 0 ? /* @__PURE__ */ jsx(Alert, { status: "warning", style: "light", children: /* @__PURE__ */ jsx(AlertDescription, { children: t("forms.runner.save_indicator.conflict", {
+          fallback: "We refreshed the form to merge a change made elsewhere."
+        }) }) }) : null,
+        /* @__PURE__ */ jsx("section", { className: sectionStyle.className, style: sectionStyle.style, children: sectionFieldKeys.map((fieldKey) => {
+          if (logicState && !logicState.visibleFieldKeys.has(fieldKey)) return null;
+          const rawNode = (schema.properties ?? {})[fieldKey];
+          if (!rawNode) return null;
+          const node = logicState ? resolveNodeRecall(rawNode, logicState, locale) : rawNode;
+          const descriptor = visibleFieldIndex[fieldKey] ?? {
+            key: fieldKey,
+            type: typeof node["x-om-type"] === "string" ? node["x-om-type"] : "text",
+            sectionKey: currentSection?.key ?? null,
+            sensitive: node["x-om-sensitive"] === true,
+            editableBy: Array.isArray(node["x-om-editable-by"]) ? node["x-om-editable-by"] : [],
+            visibleTo: Array.isArray(node["x-om-visible-to"]) ? node["x-om-visible-to"] : [],
+            required: Array.isArray(schema.required) ? schema.required.includes(fieldKey) : false
+          };
+          const Renderer = CORE_RENDERER_MAP[descriptor.type] ?? CORE_RENDERER_MAP.text;
+          const editable = descriptor.editableBy.length === 0 || descriptor.editableBy.some((role) => callerRoles.includes(role));
+          const rendererProps = {
+            field: descriptor,
+            fieldNode: node,
+            value: values[fieldKey],
+            onChange: (next) => setFieldValue(fieldKey, next),
+            locale,
+            defaultLocale,
+            disabled: !editable,
+            uploader: descriptor.type === "file" ? uploader : void 0,
+            submissionId: submission.id
+          };
+          const fieldStyle = styleProps(compileFieldStyle(resolveFieldStyle(node)));
+          return /* @__PURE__ */ jsx("div", { className: fieldStyle.className, style: fieldStyle.style, children: /* @__PURE__ */ jsx(Renderer, { ...rendererProps }) }, fieldKey);
+        }) }),
+        sectionMissing.length > 0 ? /* @__PURE__ */ jsx("p", { className: "text-xs text-status-warning-text", children: t("forms.runner.section.required_missing", {
+          fallback: "Please fill in all required fields before continuing."
+        }) }) : null,
+        /* @__PURE__ */ jsxs("footer", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              variant: "outline",
+              onClick: back,
+              disabled: currentSectionIndex === 0,
+              children: t("forms.runner.section.actions.back", { fallback: "Back" })
+            }
+          ),
+          /* @__PURE__ */ jsx(Button, { type: "button", onClick: advance, disabled: sectionMissing.length > 0, children: isLastSection ? t("forms.runner.section.actions.review", { fallback: "Review answers" }) : t("forms.runner.section.actions.next", { fallback: "Next" }) })
+        ] })
+      ] })
+    }
+  );
+}
+function resolveNodeRecall(node, logicState, locale) {
+  const rawLabel = node["x-om-label"];
+  const rawHelp = node["x-om-help"];
+  const hasLabelRecall = mapHasRecall(rawLabel);
+  const hasHelpRecall = mapHasRecall(rawHelp);
+  if (!hasLabelRecall && !hasHelpRecall) return node;
+  const next = { ...node };
+  if (hasLabelRecall) {
+    next["x-om-label"] = { ...rawLabel ?? {}, [locale]: logicState.resolveRecall(rawLabel, locale) };
+  }
+  if (hasHelpRecall) {
+    next["x-om-help"] = { ...rawHelp ?? {}, [locale]: logicState.resolveRecall(rawHelp, locale) };
+  }
+  return next;
+}
+function mapHasRecall(map) {
+  if (!map) return false;
+  for (const value of Object.values(map)) {
+    if (typeof value === "string" && value.includes("@{")) return true;
+  }
+  return false;
+}
+export {
+  FormRunner
+};
+//# sourceMappingURL=FormRunner.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/forms/ui/public/FormRunner.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Alert, AlertDescription, AlertTitle } from '@open-mercato/ui/primitives/alert'\nimport { Spinner } from '@open-mercato/ui/primitives/spinner'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { normalizeNavigableUrl } from '../../lib/navigable-url'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport { useFormRunner } from './state/useFormRunner'\nimport { LogoHeader } from './style/LogoHeader'\nimport type { RuntimeClient } from './state/runtime-client'\nimport type { LogicState } from '../../services/form-logic-evaluator'\nimport {\n  compileFieldStyle,\n  compileFormTheme,\n  compileSectionStyle,\n} from '../../services/style-compiler'\nimport {\n  resolveFieldStyle,\n  resolveFormTheme,\n  resolveSectionStyle,\n} from '../../services/form-version-compiler'\nimport { styleProps } from './style/applyStyle'\nimport { CompletionScreen } from './components/CompletionScreen'\nimport { LocaleSwitch } from './components/LocaleSwitch'\nimport { ResumeGate } from './components/ResumeGate'\nimport { ReviewStep } from './components/ReviewStep'\nimport { SaveIndicator } from './components/SaveIndicator'\nimport { SectionStepper } from './components/SectionStepper'\nimport { CORE_RENDERER_MAP, registerCoreRenderers } from './renderers'\nimport type {\n  RunnerAttachmentUploader,\n  RunnerFieldDescriptor,\n  RunnerFieldNode,\n  RunnerFieldRendererProps,\n  RunnerSchema,\n} from './types'\n\nlet renderersRegistered = false\nfunction ensureRenderersRegistered(): void {\n  if (renderersRegistered) return\n  registerCoreRenderers()\n  renderersRegistered = true\n}\n\nexport type FormRunnerProps = {\n  formKey: string\n  subjectType: string\n  subjectId: string\n  initialSubmissionId?: string\n  /**\n   * Optional transport client. Omitted \u21D2 the default authenticated client\n   * (portal flow). The public runner pages inject an anonymous token client.\n   */\n  client?: RuntimeClient\n  pdfDownloadEnabled?: boolean\n  onDownloadPdf?: (submissionId: string) => void\n  onReturnHome?: () => void\n  /** Per-distribution custom completion heading. */\n  completionTitle?: string | null\n  /** Per-distribution custom completion body. */\n  completionMessage?: string | null\n  /**\n   * Per-distribution redirect target. When set, reaching the `completed`\n   * stage navigates the browser there instead of rendering the completion\n   * screen.\n   */\n  redirectUrl?: string | null\n}\n\nexport function FormRunner(props: FormRunnerProps) {\n  ensureRenderersRegistered()\n  const t = useT()\n  const runner = useFormRunner({\n    formKey: props.formKey,\n    subjectType: props.subjectType,\n    subjectId: props.subjectId,\n    initialSubmissionId: props.initialSubmissionId,\n    client: props.client,\n  })\n  const {\n    stage,\n    schemaResponse,\n    schema,\n    sections,\n    fieldOrder,\n    visibleFieldIndex,\n    logicState,\n    submission,\n    submissionRevision,\n    values,\n    conflictKeys,\n    resumeCandidates,\n    currentSectionIndex,\n    setCurrentSectionIndex,\n    locale,\n    setLocale,\n    setFieldValue,\n    saveState,\n    loadError,\n    startNewSubmission,\n    resumeExistingSubmission,\n    enterReview,\n    exitReview,\n    submit,\n    validateSection,\n    client,\n  } = runner\n\n  const callerRoles = schemaResponse?.callerRoles ?? []\n\n  // Form theme apply seam (spec D2 / Step 5): compile the root `x-om-theme`\n  // once into scoped DS-var remaps + utility classes. The resulting wrapper is\n  // a pure scope/cascade boundary \u2014 empty theme \u21D2 empty style + no classes, so\n  // an unstyled form renders identically to today.\n  const formTheme = React.useMemo(\n    () => styleProps(compileFormTheme(resolveFormTheme(schema ?? {}))),\n    [schema],\n  )\n  const themeLogo = React.useMemo(() => resolveFormTheme(schema ?? {})?.logo, [schema])\n\n  const [pdfError, setPdfError] = React.useState<string | null>(null)\n  const handleDownloadPdf = React.useCallback(\n    (submissionId: string) => {\n      setPdfError(null)\n      if (props.onDownloadPdf) {\n        props.onDownloadPdf(submissionId)\n        return\n      }\n      void client.downloadPdf(submissionId).catch((error) => {\n        const message =\n          error && typeof error === 'object' && 'message' in error\n            ? String((error as { message: unknown }).message)\n            : t('forms.runner.completion.download_pdf_failed', {\n                fallback: 'We could not download the PDF copy. Please try again.',\n              })\n        setPdfError(message)\n      })\n    },\n    [client, props, t],\n  )\n  // A submitted form always has a snapshot (generated on submit or lazily on\n  // first download), so the download is enabled by default. Callers may force\n  // it off (e.g. while a snapshot is still rendering) via `pdfDownloadEnabled`.\n  const pdfDownloadEnabled = props.pdfDownloadEnabled ?? true\n\n  const uploader = React.useMemo<RunnerAttachmentUploader>(\n    () => ({\n      upload: ({ submissionId, fieldKey, file }) =>\n        client.uploadAttachment(submissionId, fieldKey, file),\n      downloadUrl: (submissionId, attachmentId) =>\n        client.attachmentDownloadUrl(submissionId, attachmentId),\n    }),\n    [client],\n  )\n\n  const completedSet = React.useMemo(() => {\n    const set = new Set<number>()\n    for (let index = 0; index < sections.length; index += 1) {\n      if (validateSection(index).length === 0) set.add(index)\n    }\n    return set\n  }, [sections, validateSection])\n\n  // Re-checked at the sink, not just in the Zod layer: this runs anonymously in\n  // the app's own origin under a CSP that allows 'unsafe-inline', and rows\n  // written before the validator was hardened are still in the database. A\n  // non-http(s) target is dropped rather than navigated to.\n  const redirectTarget = normalizeNavigableUrl(props.redirectUrl)\n  React.useEffect(() => {\n    if (stage === 'completed' && redirectTarget && typeof window !== 'undefined') {\n      window.location.href = redirectTarget\n    }\n  }, [stage, redirectTarget])\n\n  if (stage === 'loading') {\n    return (\n      <div className=\"flex items-center justify-center py-12 text-muted-foreground\">\n        <Spinner className=\"h-5 w-5\" />\n        <span className=\"ml-2 text-sm\">\n          {t('forms.runner.loading', { fallback: 'Loading form\u2026' })}\n        </span>\n      </div>\n    )\n  }\n\n  if (stage === 'error') {\n    const fallback = t('forms.runner.error.generic', {\n      fallback: 'Something went wrong loading the form.',\n    })\n    let message: string = loadError?.message ?? fallback\n    if (loadError?.code === 'NOT_FOUND') {\n      message = t('forms.runner.error.not_found', { fallback: \"We couldn't find that form.\" })\n    } else if (loadError?.code === 'NO_PUBLISHED_VERSION') {\n      message = t('forms.runner.error.no_published_version', {\n        fallback: 'This form has no published version yet.',\n      })\n    }\n    return (\n      <Alert status=\"error\" style=\"light\">\n        <AlertTitle>{fallback}</AlertTitle>\n        <AlertDescription>{message}</AlertDescription>\n      </Alert>\n    )\n  }\n\n  if (stage === 'resume_gate') {\n    return (\n      <ResumeGate\n        candidates={resumeCandidates}\n        onContinue={(submissionId) => {\n          void resumeExistingSubmission(submissionId)\n        }}\n        onStartOver={() => {\n          void startNewSubmission()\n        }}\n      />\n    )\n  }\n\n  if (stage === 'completed' && submission && schemaResponse) {\n    if (redirectTarget) {\n      return (\n        <div className=\"flex items-center justify-center py-12 text-muted-foreground\">\n          <Spinner className=\"h-5 w-5\" />\n          <span className=\"ml-2 text-sm\">\n            {t('forms.runner.completion.redirecting', { fallback: 'Redirecting\u2026' })}\n          </span>\n        </div>\n      )\n    }\n    return (\n      <CompletionScreen\n        submission={submission}\n        schemaResponse={schemaResponse}\n        pdfDownloadEnabled={pdfDownloadEnabled}\n        onDownloadPdf={() => handleDownloadPdf(submission.id)}\n        onReturnHome={props.onReturnHome}\n        completionTitle={props.completionTitle}\n        completionMessage={props.completionMessage}\n        pdfError={pdfError}\n      />\n    )\n  }\n\n  if (stage === 'review' && schemaResponse) {\n    return (\n      <ReviewStep\n        schemaResponse={schemaResponse}\n        values={values}\n        locale={locale}\n        onBack={exitReview}\n        onSubmit={() => {\n          void submit()\n        }}\n        submitting={false}\n      />\n    )\n  }\n\n  if (stage === 'submitting' && schemaResponse) {\n    return (\n      <ReviewStep\n        schemaResponse={schemaResponse}\n        values={values}\n        locale={locale}\n        onBack={exitReview}\n        onSubmit={() => {}}\n        submitting\n      />\n    )\n  }\n\n  if (!schemaResponse || !schema || !submission || !submissionRevision) {\n    return null\n  }\n\n  const defaultLocale = schemaResponse.form.defaultLocale\n  const supportedLocales = schemaResponse.form.supportedLocales\n\n  const currentSection = sections[currentSectionIndex] ?? null\n  const sectionFieldKeys = currentSection\n    ? currentSection.fieldKeys.filter((key) => fieldOrder.includes(key))\n    : fieldOrder\n\n  const isLastSection = currentSectionIndex >= sections.length - 1\n  const sectionMissing = validateSection(currentSectionIndex)\n\n  const advance = () => {\n    if (sectionMissing.length > 0) return\n    // Jumps (`x-om-jumps`): when the current section declares jump rules, the\n    // live logic state resolves the next target against current answers +\n    // variables (matches the reactive runner). `next` falls through to the\n    // default sequential flow; `submit` / `ending` route to the review/submit\n    // step (the public completion screen is generic \u2014 see report).\n    if (logicState && currentSection) {\n      const target = logicState.nextTarget(currentSection.key)\n      if (target.type === 'page') {\n        const idx = sections.findIndex((section) => section.key === target.pageKey)\n        if (idx >= 0) {\n          setCurrentSectionIndex(idx)\n          return\n        }\n      } else if (target.type === 'ending') {\n        const idx = sections.findIndex((section) => section.key === target.endingKey)\n        if (idx >= 0) {\n          setCurrentSectionIndex(idx)\n        }\n        enterReview()\n        return\n      } else if (target.type === 'submit') {\n        enterReview()\n        return\n      }\n    }\n    if (isLastSection) {\n      enterReview()\n      return\n    }\n    setCurrentSectionIndex(currentSectionIndex + 1)\n  }\n\n  const back = () => {\n    if (currentSectionIndex === 0) return\n    setCurrentSectionIndex(currentSectionIndex - 1)\n  }\n\n  // Section apply seam: the current rendered section's `style` member.\n  const sectionStyle = styleProps(\n    compileSectionStyle(currentSection ? resolveSectionStyle(currentSection) : undefined),\n    'flex flex-col gap-4',\n  )\n\n  return (\n    <div\n      className={cn('om-form-theme mx-auto w-full max-w-2xl', formTheme.className)}\n      style={formTheme.style}\n    >\n    <article className=\"flex w-full flex-col gap-6\">\n      <LogoHeader logo={themeLogo} />\n      <header className=\"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold text-foreground\">{schemaResponse.form.name}</h1>\n          <p className=\"text-xs text-muted-foreground\">\n            v{schemaResponse.formVersion.versionNumber}\n          </p>\n        </div>\n        <div className=\"flex items-center gap-3\">\n          <LocaleSwitch locales={supportedLocales} value={locale} onChange={setLocale} />\n          <SaveIndicator state={saveState} />\n        </div>\n      </header>\n\n      <SectionStepper\n        sections={sections}\n        currentIndex={currentSectionIndex}\n        completedSet={completedSet}\n        locale={locale}\n        defaultLocale={defaultLocale}\n        onSelect={(index) => setCurrentSectionIndex(index)}\n      />\n\n      {conflictKeys.length > 0 ? (\n        <Alert status=\"warning\" style=\"light\">\n          <AlertDescription>\n            {t('forms.runner.save_indicator.conflict', {\n              fallback: 'We refreshed the form to merge a change made elsewhere.',\n            })}\n          </AlertDescription>\n        </Alert>\n      ) : null}\n\n      <section className={sectionStyle.className} style={sectionStyle.style}>\n        {sectionFieldKeys.map((fieldKey) => {\n          // Conditional visibility (`x-om-visibility-if`): skip fields the\n          // live logic state hides for the current answers. Matches the\n          // reactive runner and aligns with T1's server-side slicing.\n          if (logicState && !logicState.visibleFieldKeys.has(fieldKey)) return null\n          const rawNode = (schema.properties ?? {})[fieldKey] as RunnerFieldNode | undefined\n          if (!rawNode) return null\n          // Recall (`@{...}` tokens) in label/help \u2014 resolved against current\n          // answers + variables. Sensitive fields resolve to '' (rule 13).\n          const node = logicState ? resolveNodeRecall(rawNode, logicState, locale) : rawNode\n          const descriptor: RunnerFieldDescriptor =\n            visibleFieldIndex[fieldKey] ?? {\n              key: fieldKey,\n              type: typeof node['x-om-type'] === 'string' ? (node['x-om-type'] as string) : 'text',\n              sectionKey: currentSection?.key ?? null,\n              sensitive: node['x-om-sensitive'] === true,\n              editableBy: Array.isArray(node['x-om-editable-by'])\n                ? (node['x-om-editable-by'] as string[])\n                : [],\n              visibleTo: Array.isArray(node['x-om-visible-to'])\n                ? (node['x-om-visible-to'] as string[])\n                : [],\n              required: Array.isArray((schema as RunnerSchema).required)\n                ? ((schema as RunnerSchema).required as string[]).includes(fieldKey)\n                : false,\n            }\n          const Renderer = CORE_RENDERER_MAP[descriptor.type] ?? CORE_RENDERER_MAP.text\n          const editable =\n            descriptor.editableBy.length === 0 ||\n            descriptor.editableBy.some((role) => callerRoles.includes(role))\n          const rendererProps: RunnerFieldRendererProps = {\n            field: descriptor,\n            fieldNode: node,\n            value: values[fieldKey],\n            onChange: (next) => setFieldValue(fieldKey, next),\n            locale,\n            defaultLocale,\n            disabled: !editable,\n            uploader: descriptor.type === 'file' ? uploader : undefined,\n            submissionId: submission.id,\n          }\n          // Field apply seam: `--om-*` color vars + alignment/labelWeight\n          // classes cascade from the wrapper to the renderer's label/inputs\n          // (intended v1 behavior). The stable key moves to the wrapper.\n          const fieldStyle = styleProps(compileFieldStyle(resolveFieldStyle(node)))\n          return (\n            <div key={fieldKey} className={fieldStyle.className} style={fieldStyle.style}>\n              <Renderer {...rendererProps} />\n            </div>\n          )\n        })}\n      </section>\n\n      {sectionMissing.length > 0 ? (\n        <p className=\"text-xs text-status-warning-text\">\n          {t('forms.runner.section.required_missing', {\n            fallback: 'Please fill in all required fields before continuing.',\n          })}\n        </p>\n      ) : null}\n\n      <footer className=\"flex items-center justify-between\">\n        <Button\n          type=\"button\"\n          variant=\"outline\"\n          onClick={back}\n          disabled={currentSectionIndex === 0}\n        >\n          {t('forms.runner.section.actions.back', { fallback: 'Back' })}\n        </Button>\n        <Button type=\"button\" onClick={advance} disabled={sectionMissing.length > 0}>\n          {isLastSection\n            ? t('forms.runner.section.actions.review', { fallback: 'Review answers' })\n            : t('forms.runner.section.actions.next', { fallback: 'Next' })}\n        </Button>\n      </footer>\n    </article>\n    </div>\n  )\n}\n\n/**\n * Returns a field node whose `x-om-label` / `x-om-help` are recall-resolved for\n * the active locale. Recall tokens (`@{...}`) substitute current answers,\n * hidden values, and computed variables; sensitive-field tokens resolve to ''\n * (rule 13) because `LogicState.resolveRecall` enforces redaction. The\n * resolved string is stored under the active `locale` key so the renderers'\n * `resolveLocaleString(..., locale, ...)` picks it up unchanged. Nodes without\n * recall-bearing label/help are returned untouched to avoid churn.\n */\nfunction resolveNodeRecall(\n  node: RunnerFieldNode,\n  logicState: LogicState,\n  locale: string,\n): RunnerFieldNode {\n  const rawLabel = node['x-om-label']\n  const rawHelp = node['x-om-help']\n  const hasLabelRecall = mapHasRecall(rawLabel)\n  const hasHelpRecall = mapHasRecall(rawHelp)\n  if (!hasLabelRecall && !hasHelpRecall) return node\n  const next: RunnerFieldNode = { ...node }\n  if (hasLabelRecall) {\n    next['x-om-label'] = { ...(rawLabel ?? {}), [locale]: logicState.resolveRecall(rawLabel, locale) }\n  }\n  if (hasHelpRecall) {\n    next['x-om-help'] = { ...(rawHelp ?? {}), [locale]: logicState.resolveRecall(rawHelp, locale) }\n  }\n  return next\n}\n\nfunction mapHasRecall(map: Record<string, string> | undefined): boolean {\n  if (!map) return false\n  for (const value of Object.values(map)) {\n    if (typeof value === 'string' && value.includes('@{')) return true\n  }\n  return false\n}\n"],
+  "mappings": "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",
+  "names": []
+}