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

package/dist/modules/forms/backend/forms/[id]/analytics/page.js

@@ -0,0 +1,214 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Page, PageBody } from "@open-mercato/ui/backend/Page";
+import { DataTable } from "@open-mercato/ui/backend/DataTable";
+import { Card, CardContent, CardHeader, CardTitle } from "@open-mercato/ui/primitives/card";
+import { Tag } from "@open-mercato/ui/primitives/tag";
+import { KpiCard, BarChart, LineChart } from "@open-mercato/ui/backend/charts";
+import { LoadingMessage, ErrorMessage } from "@open-mercato/ui/backend/detail";
+import { apiCall } from "@open-mercato/ui/backend/utils/apiCall";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { useOrganizationScopeVersion } from "@open-mercato/shared/lib/frontend/useOrganizationScope";
+function formatDuration(seconds) {
+  if (seconds === null) return "\u2014";
+  if (seconds < 60) return `${Math.round(seconds)}s`;
+  if (seconds < 3600) return `${Math.round(seconds / 60)}m`;
+  return `${(seconds / 3600).toFixed(1)}h`;
+}
+const STATUS_ORDER = ["draft", "submitted", "reopened", "archived", "anonymized"];
+function FormAnalyticsPage({ params }) {
+  const formId = params?.id ?? "";
+  const t = useT();
+  const scopeVersion = useOrganizationScopeVersion();
+  const [analytics, setAnalytics] = React.useState(null);
+  const [formName, setFormName] = React.useState("");
+  const [isLoading, setIsLoading] = React.useState(true);
+  const [error, setError] = React.useState(null);
+  React.useEffect(() => {
+    let cancelled = false;
+    async function load() {
+      setIsLoading(true);
+      setError(null);
+      try {
+        const [analyticsResp, summaryResp] = await Promise.all([
+          apiCall(`/api/forms/${encodeURIComponent(formId)}/analytics`),
+          apiCall(`/api/forms/${encodeURIComponent(formId)}`)
+        ]);
+        if (cancelled) return;
+        if (!analyticsResp.ok || !analyticsResp.result) {
+          setError(t("forms.analytics.error", { fallback: "Failed to load analytics." }));
+          return;
+        }
+        setAnalytics(analyticsResp.result);
+        if (summaryResp.ok && summaryResp.result?.form?.name) {
+          setFormName(summaryResp.result.form.name);
+        }
+      } catch {
+        if (!cancelled) setError(t("forms.analytics.error", { fallback: "Failed to load analytics." }));
+      } finally {
+        if (!cancelled) setIsLoading(false);
+      }
+    }
+    void load();
+    return () => {
+      cancelled = true;
+    };
+  }, [formId, scopeVersion, t]);
+  const volumeData = React.useMemo(
+    () => (analytics?.volume ?? []).map((point) => ({
+      date: point.date,
+      started: point.started,
+      submitted: point.submitted
+    })),
+    [analytics]
+  );
+  const enumerableFields = React.useMemo(
+    () => (analytics?.fields ?? []).filter((field) => Array.isArray(field.choices)),
+    [analytics]
+  );
+  const title = formName ? `${formName} \u2014 ${t("forms.analytics.title", { fallback: "Analytics" })}` : t("forms.analytics.title", { fallback: "Analytics" });
+  return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+      /* @__PURE__ */ jsx("h1", { className: "text-lg font-semibold text-foreground", children: title }),
+      analytics?.scan.capped ? /* @__PURE__ */ jsx(Tag, { variant: "warning", children: t("forms.analytics.partial", "Partial \u2014 most recent {limit} submissions", {
+        limit: analytics.scan.limit
+      }) }) : null
+    ] }),
+    isLoading ? /* @__PURE__ */ jsx(LoadingMessage, { label: t("forms.analytics.loading", { fallback: "Loading analytics\u2026" }) }) : error ? /* @__PURE__ */ jsx(ErrorMessage, { label: error }) : analytics ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4", children: [
+        /* @__PURE__ */ jsx(
+          KpiCard,
+          {
+            title: t("forms.analytics.kpi.started", { fallback: "Started" }),
+            value: analytics.funnel.started
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          KpiCard,
+          {
+            title: t("forms.analytics.kpi.submitted", { fallback: "Submitted" }),
+            value: analytics.funnel.submitted
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          KpiCard,
+          {
+            title: t("forms.analytics.kpi.completion_rate", { fallback: "Completion rate" }),
+            value: Math.round(analytics.funnel.completionRate * 100),
+            suffix: "%"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          KpiCard,
+          {
+            title: t("forms.analytics.kpi.median_time", { fallback: "Median time to submit" }),
+            value: analytics.timeToComplete.medianSeconds,
+            formatValue: (value) => formatDuration(value)
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs(Card, { children: [
+        /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: t("forms.analytics.funnel.title", { fallback: "Submissions by status" }) }) }),
+        /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: STATUS_ORDER.map((status) => /* @__PURE__ */ jsxs(Tag, { variant: "neutral", children: [
+          t(`forms.submission.status.${status}`, { fallback: status }),
+          ": ",
+          analytics.funnel.byStatus[status] ?? 0
+        ] }, status)) }) })
+      ] }),
+      /* @__PURE__ */ jsx(
+        LineChart,
+        {
+          title: t("forms.analytics.volume.title", { fallback: "Volume over time" }),
+          data: volumeData,
+          index: "date",
+          categories: ["started", "submitted"],
+          categoryLabels: {
+            started: t("forms.analytics.kpi.started", { fallback: "Started" }),
+            submitted: t("forms.analytics.kpi.submitted", { fallback: "Submitted" })
+          },
+          emptyMessage: t("forms.analytics.volume.empty", { fallback: "No submissions in range." })
+        }
+      ),
+      /* @__PURE__ */ jsxs(Card, { children: [
+        /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: t("forms.analytics.fields.title", { fallback: "Per-field responses" }) }) }),
+        /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6", children: [
+          enumerableFields.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t("forms.analytics.fields.empty", {
+            fallback: "No enumerable, non-sensitive fields to chart."
+          }) }) : enumerableFields.map((field) => {
+            const data = (field.choices ?? []).map((choice) => ({
+              value: choice.value,
+              count: choice.count
+            }));
+            return /* @__PURE__ */ jsx(
+              BarChart,
+              {
+                title: field.fieldKey,
+                data,
+                index: "value",
+                categories: ["count"],
+                layout: "horizontal",
+                categoryLabels: {
+                  count: t("forms.analytics.fields.responses", { fallback: "Responses" })
+                },
+                emptyMessage: t("forms.analytics.fields.empty_choices", { fallback: "No responses yet." })
+              },
+              field.fieldKey
+            );
+          }),
+          /* @__PURE__ */ jsx(AnsweredVsBlankTable, { fields: analytics.fields })
+        ] }) })
+      ] }),
+      analytics.dropOff.length > 0 ? /* @__PURE__ */ jsxs(Card, { children: [
+        /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: t("forms.analytics.dropoff.title", { fallback: "Draft drop-off by section" }) }) }),
+        /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-1", children: analytics.dropOff.map((point) => /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-sm", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-foreground", children: point.sectionKey }),
+          /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: point.count })
+        ] }, point.sectionKey)) }) })
+      ] }) : null
+    ] }) : null
+  ] }) }) });
+}
+function AnsweredVsBlankTable({ fields }) {
+  const t = useT();
+  const columns = React.useMemo(() => [
+    {
+      id: "fieldKey",
+      accessorKey: "fieldKey",
+      header: t("forms.analytics.fields.field", { fallback: "Field" }),
+      cell: ({ row }) => /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2", children: [
+        row.original.fieldKey,
+        row.original.sensitive ? /* @__PURE__ */ jsx(Tag, { variant: "warning", children: t("forms.analytics.fields.sensitive", { fallback: "Sensitive" }) }) : null
+      ] })
+    },
+    {
+      id: "type",
+      accessorKey: "type",
+      header: t("forms.analytics.fields.type", { fallback: "Type" })
+    },
+    {
+      id: "answered",
+      accessorKey: "answered",
+      header: t("forms.analytics.fields.answered", { fallback: "Answered" })
+    },
+    {
+      id: "blank",
+      accessorKey: "blank",
+      header: t("forms.analytics.fields.blank", { fallback: "Blank" })
+    }
+  ], [t]);
+  return /* @__PURE__ */ jsx(
+    DataTable,
+    {
+      columns,
+      data: fields,
+      emptyState: t("forms.analytics.fields.empty", {
+        fallback: "No enumerable, non-sensitive fields to chart."
+      })
+    }
+  );
+}
+export {
+  FormAnalyticsPage as default
+};
+//# sourceMappingURL=page.js.map

package/dist/modules/forms/backend/forms/[id]/analytics/page.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../src/modules/forms/backend/forms/%5Bid%5D/analytics/page.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport type { LegacyColumnDef as ColumnDef } from '@tanstack/react-table/legacy'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { DataTable } from '@open-mercato/ui/backend/DataTable'\nimport { Card, CardContent, CardHeader, CardTitle } from '@open-mercato/ui/primitives/card'\nimport { Tag } from '@open-mercato/ui/primitives/tag'\nimport { KpiCard, BarChart, LineChart, type BarChartDataItem } from '@open-mercato/ui/backend/charts'\nimport { LoadingMessage, ErrorMessage } from '@open-mercato/ui/backend/detail'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { useOrganizationScopeVersion } from '@open-mercato/shared/lib/frontend/useOrganizationScope'\n\ntype FieldChoiceCount = { value: string; count: number }\n\ntype FieldResponseStats = {\n  fieldKey: string\n  type: string\n  sensitive: boolean\n  answered: number\n  blank: number\n  choices?: FieldChoiceCount[]\n}\n\ntype FormAnalytics = {\n  formId: string\n  window: { from: string | null; to: string | null }\n  scan: { limit: number; scanned: number; capped: boolean }\n  funnel: {\n    started: number\n    submitted: number\n    completionRate: number\n    byStatus: Record<string, number>\n  }\n  volume: Array<{ date: string; started: number; submitted: number }>\n  timeToComplete: { sampleSize: number; medianSeconds: number | null; averageSeconds: number | null }\n  fields: FieldResponseStats[]\n  dropOff: Array<{ sectionKey: string; count: number }>\n}\n\ntype FormSummaryResponse = {\n  name?: string\n}\n\nfunction formatDuration(seconds: number | null): string {\n  if (seconds === null) return '\u2014'\n  if (seconds < 60) return `${Math.round(seconds)}s`\n  if (seconds < 3600) return `${Math.round(seconds / 60)}m`\n  return `${(seconds / 3600).toFixed(1)}h`\n}\n\nconst STATUS_ORDER = ['draft', 'submitted', 'reopened', 'archived', 'anonymized'] as const\n\nexport default function FormAnalyticsPage({ params }: { params?: { id?: string } }) {\n  const formId = params?.id ?? ''\n  const t = useT()\n  const scopeVersion = useOrganizationScopeVersion()\n\n  const [analytics, setAnalytics] = React.useState<FormAnalytics | null>(null)\n  const [formName, setFormName] = React.useState<string>('')\n  const [isLoading, setIsLoading] = React.useState(true)\n  const [error, setError] = React.useState<string | null>(null)\n\n  React.useEffect(() => {\n    let cancelled = false\n    async function load() {\n      setIsLoading(true)\n      setError(null)\n      try {\n        const [analyticsResp, summaryResp] = await Promise.all([\n          apiCall<FormAnalytics>(`/api/forms/${encodeURIComponent(formId)}/analytics`),\n          apiCall<{ form: FormSummaryResponse }>(`/api/forms/${encodeURIComponent(formId)}`),\n        ])\n        if (cancelled) return\n        if (!analyticsResp.ok || !analyticsResp.result) {\n          setError(t('forms.analytics.error', { fallback: 'Failed to load analytics.' }))\n          return\n        }\n        setAnalytics(analyticsResp.result)\n        if (summaryResp.ok && summaryResp.result?.form?.name) {\n          setFormName(summaryResp.result.form.name)\n        }\n      } catch {\n        if (!cancelled) setError(t('forms.analytics.error', { fallback: 'Failed to load analytics.' }))\n      } finally {\n        if (!cancelled) setIsLoading(false)\n      }\n    }\n    void load()\n    return () => {\n      cancelled = true\n    }\n  }, [formId, scopeVersion, t])\n\n  const volumeData = React.useMemo(\n    () => (analytics?.volume ?? []).map((point) => ({\n      date: point.date,\n      started: point.started,\n      submitted: point.submitted,\n    })),\n    [analytics],\n  )\n\n  const enumerableFields = React.useMemo(\n    () => (analytics?.fields ?? []).filter((field) => Array.isArray(field.choices)),\n    [analytics],\n  )\n\n  const title = formName\n    ? `${formName} \u2014 ${t('forms.analytics.title', { fallback: 'Analytics' })}`\n    : t('forms.analytics.title', { fallback: 'Analytics' })\n\n  return (\n    <Page>\n      <PageBody>\n        <div className=\"flex flex-col gap-6\">\n          <div className=\"flex items-center justify-between gap-2\">\n            <h1 className=\"text-lg font-semibold text-foreground\">{title}</h1>\n            {analytics?.scan.capped ? (\n              <Tag variant=\"warning\">\n                {t('forms.analytics.partial', 'Partial \u2014 most recent {limit} submissions', {\n                  limit: analytics.scan.limit,\n                })}\n              </Tag>\n            ) : null}\n          </div>\n\n          {isLoading ? (\n            <LoadingMessage label={t('forms.analytics.loading', { fallback: 'Loading analytics\u2026' })} />\n          ) : error ? (\n            <ErrorMessage label={error} />\n          ) : analytics ? (\n            <>\n              <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n                <KpiCard\n                  title={t('forms.analytics.kpi.started', { fallback: 'Started' })}\n                  value={analytics.funnel.started}\n                />\n                <KpiCard\n                  title={t('forms.analytics.kpi.submitted', { fallback: 'Submitted' })}\n                  value={analytics.funnel.submitted}\n                />\n                <KpiCard\n                  title={t('forms.analytics.kpi.completion_rate', { fallback: 'Completion rate' })}\n                  value={Math.round(analytics.funnel.completionRate * 100)}\n                  suffix=\"%\"\n                />\n                <KpiCard\n                  title={t('forms.analytics.kpi.median_time', { fallback: 'Median time to submit' })}\n                  value={analytics.timeToComplete.medianSeconds}\n                  formatValue={(value) => formatDuration(value)}\n                />\n              </div>\n\n              <Card>\n                <CardHeader>\n                  <CardTitle>{t('forms.analytics.funnel.title', { fallback: 'Submissions by status' })}</CardTitle>\n                </CardHeader>\n                <CardContent>\n                  <div className=\"flex flex-wrap gap-2\">\n                    {STATUS_ORDER.map((status) => (\n                      <Tag key={status} variant=\"neutral\">\n                        {t(`forms.submission.status.${status}`, { fallback: status })}: {analytics.funnel.byStatus[status] ?? 0}\n                      </Tag>\n                    ))}\n                  </div>\n                </CardContent>\n              </Card>\n\n              <LineChart\n                title={t('forms.analytics.volume.title', { fallback: 'Volume over time' })}\n                data={volumeData}\n                index=\"date\"\n                categories={['started', 'submitted']}\n                categoryLabels={{\n                  started: t('forms.analytics.kpi.started', { fallback: 'Started' }),\n                  submitted: t('forms.analytics.kpi.submitted', { fallback: 'Submitted' }),\n                }}\n                emptyMessage={t('forms.analytics.volume.empty', { fallback: 'No submissions in range.' })}\n              />\n\n              <Card>\n                <CardHeader>\n                  <CardTitle>{t('forms.analytics.fields.title', { fallback: 'Per-field responses' })}</CardTitle>\n                </CardHeader>\n                <CardContent>\n                  <div className=\"flex flex-col gap-6\">\n                    {enumerableFields.length === 0 ? (\n                      <p className=\"text-sm text-muted-foreground\">\n                        {t('forms.analytics.fields.empty', {\n                          fallback: 'No enumerable, non-sensitive fields to chart.',\n                        })}\n                      </p>\n                    ) : (\n                      enumerableFields.map((field) => {\n                        const data: BarChartDataItem[] = (field.choices ?? []).map((choice) => ({\n                          value: choice.value,\n                          count: choice.count,\n                        }))\n                        return (\n                          <BarChart\n                            key={field.fieldKey}\n                            title={field.fieldKey}\n                            data={data}\n                            index=\"value\"\n                            categories={['count']}\n                            layout=\"horizontal\"\n                            categoryLabels={{\n                              count: t('forms.analytics.fields.responses', { fallback: 'Responses' }),\n                            }}\n                            emptyMessage={t('forms.analytics.fields.empty_choices', { fallback: 'No responses yet.' })}\n                          />\n                        )\n                      })\n                    )}\n                    <AnsweredVsBlankTable fields={analytics.fields} />\n                  </div>\n                </CardContent>\n              </Card>\n\n              {analytics.dropOff.length > 0 ? (\n                <Card>\n                  <CardHeader>\n                    <CardTitle>{t('forms.analytics.dropoff.title', { fallback: 'Draft drop-off by section' })}</CardTitle>\n                  </CardHeader>\n                  <CardContent>\n                    <div className=\"flex flex-col gap-1\">\n                      {analytics.dropOff.map((point) => (\n                        <div key={point.sectionKey} className=\"flex items-center justify-between text-sm\">\n                          <span className=\"text-foreground\">{point.sectionKey}</span>\n                          <span className=\"text-muted-foreground\">{point.count}</span>\n                        </div>\n                      ))}\n                    </div>\n                  </CardContent>\n                </Card>\n              ) : null}\n            </>\n          ) : null}\n        </div>\n      </PageBody>\n    </Page>\n  )\n}\n\nfunction AnsweredVsBlankTable({ fields }: { fields: FieldResponseStats[] }) {\n  const t = useT()\n  const columns = React.useMemo<ColumnDef<FieldResponseStats>[]>(() => [\n    {\n      id: 'fieldKey',\n      accessorKey: 'fieldKey',\n      header: t('forms.analytics.fields.field', { fallback: 'Field' }),\n      cell: ({ row }) => (\n        <span className=\"flex items-center gap-2\">\n          {row.original.fieldKey}\n          {row.original.sensitive ? (\n            <Tag variant=\"warning\">{t('forms.analytics.fields.sensitive', { fallback: 'Sensitive' })}</Tag>\n          ) : null}\n        </span>\n      ),\n    },\n    {\n      id: 'type',\n      accessorKey: 'type',\n      header: t('forms.analytics.fields.type', { fallback: 'Type' }),\n    },\n    {\n      id: 'answered',\n      accessorKey: 'answered',\n      header: t('forms.analytics.fields.answered', { fallback: 'Answered' }),\n    },\n    {\n      id: 'blank',\n      accessorKey: 'blank',\n      header: t('forms.analytics.fields.blank', { fallback: 'Blank' }),\n    },\n  ], [t])\n\n  return (\n    <DataTable\n      columns={columns}\n      data={fields}\n      emptyState={t('forms.analytics.fields.empty', {\n        fallback: 'No enumerable, non-sensitive fields to chart.',\n      })}\n    />\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/modules/forms/backend/forms/[id]/analytics/page.meta.js

@@ -0,0 +1,19 @@
+const metadata = {
+  requireAuth: true,
+  requireFeatures: ["forms.view"],
+  pageTitle: "Analytics",
+  pageTitleKey: "forms.analytics.title",
+  titleKey: "forms.analytics.title",
+  title: "Analytics",
+  navHidden: true,
+  breadcrumb: [
+    { label: "Forms", labelKey: "forms.list.title", href: "/backend/forms" },
+    { label: "Analytics", labelKey: "forms.analytics.title" }
+  ]
+};
+var page_meta_default = metadata;
+export {
+  page_meta_default as default,
+  metadata
+};
+//# sourceMappingURL=page.meta.js.map

package/dist/modules/forms/backend/forms/[id]/analytics/page.meta.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../src/modules/forms/backend/forms/%5Bid%5D/analytics/page.meta.ts"],
+  "sourcesContent": ["export const metadata = {\n  requireAuth: true,\n  requireFeatures: ['forms.view'],\n  pageTitle: 'Analytics',\n  pageTitleKey: 'forms.analytics.title',\n  titleKey: 'forms.analytics.title',\n  title: 'Analytics',\n  navHidden: true,\n  breadcrumb: [\n    { label: 'Forms', labelKey: 'forms.list.title', href: '/backend/forms' },\n    { label: 'Analytics', labelKey: 'forms.analytics.title' },\n  ],\n}\n\nexport default metadata\n"],
+  "mappings": "AAAO,MAAM,WAAW;AAAA,EACtB,aAAa;AAAA,EACb,iBAAiB,CAAC,YAAY;AAAA,EAC9B,WAAW;AAAA,EACX,cAAc;AAAA,EACd,UAAU;AAAA,EACV,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,EAAE,OAAO,SAAS,UAAU,oBAAoB,MAAM,iBAAiB;AAAA,IACvE,EAAE,OAAO,aAAa,UAAU,wBAAwB;AAAA,EAC1D;AACF;AAEA,IAAO,oBAAQ;",
+  "names": []
+}

package/dist/modules/forms/backend/forms/[id]/distributions/page.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { Page, PageBody } from "@open-mercato/ui/backend/Page";
+import { DistributionsPanel } from "../../../../ui/admin/forms/[id]/distributions/DistributionsPanel.js";
+function FormDistributionsPage({ params }) {
+  const formId = params?.id ?? "";
+  return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsx(DistributionsPanel, { formId }) }) });
+}
+export {
+  FormDistributionsPage as default
+};
+//# sourceMappingURL=page.js.map

package/dist/modules/forms/backend/forms/[id]/distributions/page.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../src/modules/forms/backend/forms/%5Bid%5D/distributions/page.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { DistributionsPanel } from '../../../../ui/admin/forms/[id]/distributions/DistributionsPanel'\n\nexport default function FormDistributionsPage({ params }: { params?: { id?: string } }) {\n  const formId = params?.id ?? ''\n  return (\n    <Page>\n      <PageBody>\n        <DistributionsPanel formId={formId} />\n      </PageBody>\n    </Page>\n  )\n}\n"],
+  "mappings": ";AAWQ;AARR,SAAS,MAAM,gBAAgB;AAC/B,SAAS,0BAA0B;AAEpB,SAAR,sBAAuC,EAAE,OAAO,GAAiC;AACtF,QAAM,SAAS,QAAQ,MAAM;AAC7B,SACE,oBAAC,QACC,8BAAC,YACC,8BAAC,sBAAmB,QAAgB,GACtC,GACF;AAEJ;",
+  "names": []
+}

package/dist/modules/forms/backend/forms/[id]/distributions/page.meta.js

@@ -0,0 +1,19 @@
+const metadata = {
+  requireAuth: true,
+  requireFeatures: ["forms.distribute"],
+  pageTitle: "Distribution",
+  pageTitleKey: "forms.distribution.title",
+  titleKey: "forms.distribution.title",
+  title: "Distribution",
+  navHidden: true,
+  breadcrumb: [
+    { label: "Forms", labelKey: "forms.list.title", href: "/backend/forms" },
+    { label: "Distribution", labelKey: "forms.distribution.title" }
+  ]
+};
+var page_meta_default = metadata;
+export {
+  page_meta_default as default,
+  metadata
+};
+//# sourceMappingURL=page.meta.js.map

package/dist/modules/forms/backend/forms/[id]/distributions/page.meta.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../src/modules/forms/backend/forms/%5Bid%5D/distributions/page.meta.ts"],
+  "sourcesContent": ["export const metadata = {\n  requireAuth: true,\n  requireFeatures: ['forms.distribute'],\n  pageTitle: 'Distribution',\n  pageTitleKey: 'forms.distribution.title',\n  titleKey: 'forms.distribution.title',\n  title: 'Distribution',\n  navHidden: true,\n  breadcrumb: [\n    { label: 'Forms', labelKey: 'forms.list.title', href: '/backend/forms' },\n    { label: 'Distribution', labelKey: 'forms.distribution.title' },\n  ],\n}\n\nexport default metadata\n"],
+  "mappings": "AAAO,MAAM,WAAW;AAAA,EACtB,aAAa;AAAA,EACb,iBAAiB,CAAC,kBAAkB;AAAA,EACpC,WAAW;AAAA,EACX,cAAc;AAAA,EACd,UAAU;AAAA,EACV,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,EAAE,OAAO,SAAS,UAAU,oBAAoB,MAAM,iBAAiB;AAAA,IACvE,EAAE,OAAO,gBAAgB,UAAU,2BAA2B;AAAA,EAChE;AACF;AAEA,IAAO,oBAAQ;",
+  "names": []
+}

package/dist/modules/forms/backend/forms/[id]/history/page.js

@@ -0,0 +1,152 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import Link from "next/link";
+import { Page, PageBody } from "@open-mercato/ui/backend/Page";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { Tag } from "@open-mercato/ui/primitives/tag";
+import { LoadingMessage, ErrorMessage, RecordNotFoundState } from "@open-mercato/ui/backend/detail";
+import { apiCall } from "@open-mercato/ui/backend/utils/apiCall";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+const statusVariant = {
+  draft: "warning",
+  published: "success",
+  archived: "neutral"
+};
+function FormHistoryPage({ params }) {
+  const t = useT();
+  const formId = params?.id ?? "";
+  const [form, setForm] = React.useState(null);
+  const [error, setError] = React.useState(null);
+  const [isLoading, setIsLoading] = React.useState(true);
+  const [baseId, setBaseId] = React.useState(null);
+  const [againstId, setAgainstId] = React.useState(null);
+  const [diff, setDiff] = React.useState(null);
+  const [diffLoading, setDiffLoading] = React.useState(false);
+  React.useEffect(() => {
+    if (!formId) return;
+    let cancelled = false;
+    async function load() {
+      setIsLoading(true);
+      const call = await apiCall(`/api/forms/${encodeURIComponent(formId)}`);
+      if (!call.ok || !call.result) {
+        if (!cancelled) {
+          setError(call.status === 404 ? "forms.errors.form_not_found" : "forms.errors.internal");
+        }
+      } else if (!cancelled) {
+        setForm(call.result);
+        if (call.result.versions.length >= 1) setBaseId(call.result.versions[0].id);
+        if (call.result.versions.length >= 2) setAgainstId(call.result.versions[1].id);
+      }
+      if (!cancelled) setIsLoading(false);
+    }
+    void load();
+    return () => {
+      cancelled = true;
+    };
+  }, [formId]);
+  React.useEffect(() => {
+    if (!formId || !baseId || !againstId || baseId === againstId) {
+      setDiff(null);
+      return;
+    }
+    const baseIdSafe = baseId;
+    const againstIdSafe = againstId;
+    let cancelled = false;
+    async function load() {
+      setDiffLoading(true);
+      const call = await apiCall(
+        `/api/forms/${encodeURIComponent(formId)}/versions/${encodeURIComponent(baseIdSafe)}/diff?against=${encodeURIComponent(againstIdSafe)}`
+      );
+      if (!cancelled) {
+        if (call.ok && call.result) setDiff(call.result);
+        else setDiff(null);
+        setDiffLoading(false);
+      }
+    }
+    void load();
+    return () => {
+      cancelled = true;
+    };
+  }, [formId, baseId, againstId]);
+  if (isLoading) {
+    return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsx(LoadingMessage, { label: t("forms.version.history.title") }) }) });
+  }
+  if (error === "forms.errors.form_not_found") {
+    return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsx(
+      RecordNotFoundState,
+      {
+        label: t(error),
+        backHref: "/backend/forms",
+        backLabel: t("forms.list.title")
+      }
+    ) }) });
+  }
+  if (error || !form) {
+    return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsx(
+      ErrorMessage,
+      {
+        label: t(error ?? "forms.errors.internal"),
+        action: /* @__PURE__ */ jsx(Button, { asChild: true, variant: "outline", children: /* @__PURE__ */ jsx(Link, { href: "/backend/forms", children: t("forms.list.title") }) })
+      }
+    ) }) });
+  }
+  return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsxs(PageBody, { children: [
+    /* @__PURE__ */ jsxs("header", { className: "mb-6 flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("h1", { className: "text-xl font-semibold", children: t("forms.version.history.title") }),
+        /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: form.name })
+      ] }),
+      /* @__PURE__ */ jsx(Button, { asChild: true, variant: "outline", children: /* @__PURE__ */ jsx(Link, { href: `/backend/forms/${encodeURIComponent(formId)}`, children: t("forms.studio.title") }) })
+    ] }),
+    form.versions.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t("forms.version.history.empty") }) : /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-6 lg:grid-cols-[320px_1fr]", children: [
+      /* @__PURE__ */ jsx("ol", { className: "space-y-3", children: form.versions.map((entry) => /* @__PURE__ */ jsxs("li", { className: "rounded-md border border-border bg-card p-3", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ jsxs("span", { className: "font-mono text-sm", children: [
+            "v",
+            entry.versionNumber
+          ] }),
+          /* @__PURE__ */ jsx(Tag, { variant: statusVariant[entry.status], dot: true, children: t(`forms.version.history.status${entry.status.charAt(0).toUpperCase()}${entry.status.slice(1)}`) })
+        ] }),
+        entry.publishedAt && /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: t("forms.version.history.publishedAt", "Published {date}", {
+          date: new Date(entry.publishedAt).toLocaleString()
+        }) }),
+        entry.changelog && /* @__PURE__ */ jsx("p", { className: "mt-2 text-sm", children: entry.changelog }),
+        /* @__PURE__ */ jsxs("div", { className: "mt-3 flex gap-2 text-xs", children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              variant: baseId === entry.id ? "default" : "outline",
+              size: "sm",
+              onClick: () => setBaseId(entry.id),
+              children: t("forms.history.base")
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              variant: againstId === entry.id ? "default" : "outline",
+              size: "sm",
+              onClick: () => setAgainstId(entry.id),
+              children: t("forms.history.against")
+            }
+          )
+        ] })
+      ] }, entry.id)) }),
+      /* @__PURE__ */ jsxs("section", { className: "rounded-md border border-border bg-card p-4", children: [
+        /* @__PURE__ */ jsx("h2", { className: "mb-3 text-sm font-semibold uppercase tracking-wide text-muted-foreground", children: t("forms.version.diff.modified") }),
+        !baseId || !againstId || baseId === againstId ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t("forms.version.diff.empty") }) : diffLoading ? /* @__PURE__ */ jsx(LoadingMessage, { label: t("forms.version.history.title") }) : !diff || diff.diff.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t("forms.version.diff.empty") }) : /* @__PURE__ */ jsx("ul", { className: "space-y-2 text-sm", children: diff.diff.map((entry, idx) => /* @__PURE__ */ jsxs("li", { className: "rounded-md border border-border p-2", children: [
+          /* @__PURE__ */ jsx("span", { className: "mr-2 text-xs font-medium uppercase text-muted-foreground", children: entry.kind }),
+          /* @__PURE__ */ jsx("span", { className: "font-mono", children: entry.key }),
+          entry.kind === "modified" && /* @__PURE__ */ jsx("pre", { className: "mt-1 max-h-48 overflow-auto rounded-md bg-muted/30 p-2 text-xs", children: JSON.stringify(entry.changes, null, 2) })
+        ] }, `${entry.kind}-${entry.key}-${idx}`)) })
+      ] })
+    ] })
+  ] }) });
+}
+export {
+  FormHistoryPage as default
+};
+//# sourceMappingURL=page.js.map

package/dist/modules/forms/backend/forms/[id]/history/page.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../src/modules/forms/backend/forms/%5Bid%5D/history/page.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport Link from 'next/link'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Tag } from '@open-mercato/ui/primitives/tag'\nimport { LoadingMessage, ErrorMessage, RecordNotFoundState } from '@open-mercato/ui/backend/detail'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\n\ntype FormDetail = {\n  id: string\n  name: string\n  status: string\n  versions: Array<{\n    id: string\n    versionNumber: number\n    status: 'draft' | 'published' | 'archived'\n    schemaHash: string\n    publishedAt: string | null\n    publishedBy: string | null\n    changelog: string | null\n    createdAt: string\n    updatedAt: string\n  }>\n}\n\ntype DiffPayload = {\n  base: { id: string; versionNumber: number; schemaHash: string }\n  against: { id: string; versionNumber: number; schemaHash: string }\n  diff: Array<\n    | { kind: 'added'; key: string }\n    | { kind: 'removed'; key: string }\n    | { kind: 'modified'; key: string; changes: Array<{ path: string; before: unknown; after: unknown }> }\n  >\n}\n\nconst statusVariant: Record<'draft' | 'published' | 'archived', 'warning' | 'success' | 'neutral'> = {\n  draft: 'warning',\n  published: 'success',\n  archived: 'neutral',\n}\n\nexport default function FormHistoryPage({ params }: { params?: { id?: string } }) {\n  const t = useT()\n  const formId = params?.id ?? ''\n\n  const [form, setForm] = React.useState<FormDetail | null>(null)\n  const [error, setError] = React.useState<string | null>(null)\n  const [isLoading, setIsLoading] = React.useState(true)\n  const [baseId, setBaseId] = React.useState<string | null>(null)\n  const [againstId, setAgainstId] = React.useState<string | null>(null)\n  const [diff, setDiff] = React.useState<DiffPayload | null>(null)\n  const [diffLoading, setDiffLoading] = React.useState(false)\n\n  React.useEffect(() => {\n    if (!formId) return\n    let cancelled = false\n    async function load() {\n      setIsLoading(true)\n      const call = await apiCall<FormDetail>(`/api/forms/${encodeURIComponent(formId)}`)\n      if (!call.ok || !call.result) {\n        if (!cancelled) {\n          setError(call.status === 404 ? 'forms.errors.form_not_found' : 'forms.errors.internal')\n        }\n      } else if (!cancelled) {\n        setForm(call.result)\n        if (call.result.versions.length >= 1) setBaseId(call.result.versions[0].id)\n        if (call.result.versions.length >= 2) setAgainstId(call.result.versions[1].id)\n      }\n      if (!cancelled) setIsLoading(false)\n    }\n    void load()\n    return () => { cancelled = true }\n  }, [formId])\n\n  React.useEffect(() => {\n    if (!formId || !baseId || !againstId || baseId === againstId) {\n      setDiff(null)\n      return\n    }\n    const baseIdSafe: string = baseId\n    const againstIdSafe: string = againstId\n    let cancelled = false\n    async function load() {\n      setDiffLoading(true)\n      const call = await apiCall<DiffPayload>(\n        `/api/forms/${encodeURIComponent(formId)}/versions/${encodeURIComponent(baseIdSafe)}/diff?against=${encodeURIComponent(againstIdSafe)}`,\n      )\n      if (!cancelled) {\n        if (call.ok && call.result) setDiff(call.result)\n        else setDiff(null)\n        setDiffLoading(false)\n      }\n    }\n    void load()\n    return () => { cancelled = true }\n  }, [formId, baseId, againstId])\n\n  if (isLoading) {\n    return (\n      <Page>\n        <PageBody>\n          <LoadingMessage label={t('forms.version.history.title')} />\n        </PageBody>\n      </Page>\n    )\n  }\n  if (error === 'forms.errors.form_not_found') {\n    return (\n      <Page>\n        <PageBody>\n          <RecordNotFoundState\n            label={t(error)}\n            backHref=\"/backend/forms\"\n            backLabel={t('forms.list.title')}\n          />\n        </PageBody>\n      </Page>\n    )\n  }\n  if (error || !form) {\n    return (\n      <Page>\n        <PageBody>\n          <ErrorMessage\n            label={t(error ?? 'forms.errors.internal')}\n            action={(\n              <Button asChild variant=\"outline\">\n                <Link href=\"/backend/forms\">{t('forms.list.title')}</Link>\n              </Button>\n            )}\n          />\n        </PageBody>\n      </Page>\n    )\n  }\n\n  return (\n    <Page>\n      <PageBody>\n        <header className=\"mb-6 flex items-center justify-between\">\n          <div>\n            <h1 className=\"text-xl font-semibold\">{t('forms.version.history.title')}</h1>\n            <p className=\"text-sm text-muted-foreground\">{form.name}</p>\n          </div>\n          <Button asChild variant=\"outline\">\n            <Link href={`/backend/forms/${encodeURIComponent(formId)}`}>{t('forms.studio.title')}</Link>\n          </Button>\n        </header>\n\n        {form.versions.length === 0 ? (\n          <p className=\"text-sm text-muted-foreground\">{t('forms.version.history.empty')}</p>\n        ) : (\n          <div className=\"grid grid-cols-1 gap-6 lg:grid-cols-[320px_1fr]\">\n            <ol className=\"space-y-3\">\n              {form.versions.map((entry) => (\n                <li key={entry.id} className=\"rounded-md border border-border bg-card p-3\">\n                  <div className=\"flex items-center justify-between\">\n                    <span className=\"font-mono text-sm\">v{entry.versionNumber}</span>\n                    <Tag variant={statusVariant[entry.status]} dot>\n                      {t(`forms.version.history.status${entry.status.charAt(0).toUpperCase()}${entry.status.slice(1)}`)}\n                    </Tag>\n                  </div>\n                  {entry.publishedAt && (\n                    <p className=\"mt-1 text-xs text-muted-foreground\">\n                      {t('forms.version.history.publishedAt', 'Published {date}', {\n                        date: new Date(entry.publishedAt).toLocaleString(),\n                      })}\n                    </p>\n                  )}\n                  {entry.changelog && (\n                    <p className=\"mt-2 text-sm\">{entry.changelog}</p>\n                  )}\n                  <div className=\"mt-3 flex gap-2 text-xs\">\n                    <Button\n                      type=\"button\"\n                      variant={baseId === entry.id ? 'default' : 'outline'}\n                      size=\"sm\"\n                      onClick={() => setBaseId(entry.id)}\n                    >\n                      {t('forms.history.base')}\n                    </Button>\n                    <Button\n                      type=\"button\"\n                      variant={againstId === entry.id ? 'default' : 'outline'}\n                      size=\"sm\"\n                      onClick={() => setAgainstId(entry.id)}\n                    >\n                      {t('forms.history.against')}\n                    </Button>\n                  </div>\n                </li>\n              ))}\n            </ol>\n\n            <section className=\"rounded-md border border-border bg-card p-4\">\n              <h2 className=\"mb-3 text-sm font-semibold uppercase tracking-wide text-muted-foreground\">\n                {t('forms.version.diff.modified')}\n              </h2>\n              {!baseId || !againstId || baseId === againstId ? (\n                <p className=\"text-sm text-muted-foreground\">{t('forms.version.diff.empty')}</p>\n              ) : diffLoading ? (\n                <LoadingMessage label={t('forms.version.history.title')} />\n              ) : !diff || diff.diff.length === 0 ? (\n                <p className=\"text-sm text-muted-foreground\">{t('forms.version.diff.empty')}</p>\n              ) : (\n                <ul className=\"space-y-2 text-sm\">\n                  {diff.diff.map((entry, idx) => (\n                    <li key={`${entry.kind}-${entry.key}-${idx}`} className=\"rounded-md border border-border p-2\">\n                      <span className=\"mr-2 text-xs font-medium uppercase text-muted-foreground\">{entry.kind}</span>\n                      <span className=\"font-mono\">{entry.key}</span>\n                      {entry.kind === 'modified' && (\n                        <pre className=\"mt-1 max-h-48 overflow-auto rounded-md bg-muted/30 p-2 text-xs\">\n                          {JSON.stringify(entry.changes, null, 2)}\n                        </pre>\n                      )}\n                    </li>\n                  ))}\n                </ul>\n              )}\n            </section>\n          </div>\n        )}\n      </PageBody>\n    </Page>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/modules/forms/backend/forms/[id]/history/page.meta.js

@@ -0,0 +1,15 @@
+const metadata = {
+  requireAuth: true,
+  requireFeatures: ["forms.view"],
+  pageTitle: "Version history",
+  pageTitleKey: "forms.version.history.title",
+  navHidden: true,
+  breadcrumb: [
+    { label: "Forms", labelKey: "forms.list.title", href: "/backend/forms" },
+    { label: "Version history", labelKey: "forms.version.history.title" }
+  ]
+};
+export {
+  metadata
+};
+//# sourceMappingURL=page.meta.js.map

package/dist/modules/forms/backend/forms/[id]/history/page.meta.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../src/modules/forms/backend/forms/%5Bid%5D/history/page.meta.ts"],
+  "sourcesContent": ["export const metadata = {\n  requireAuth: true,\n  requireFeatures: ['forms.view'],\n  pageTitle: 'Version history',\n  pageTitleKey: 'forms.version.history.title',\n  navHidden: true,\n  breadcrumb: [\n    { label: 'Forms', labelKey: 'forms.list.title', href: '/backend/forms' },\n    { label: 'Version history', labelKey: 'forms.version.history.title' },\n  ],\n}\n"],
+  "mappings": "AAAO,MAAM,WAAW;AAAA,EACtB,aAAa;AAAA,EACb,iBAAiB,CAAC,YAAY;AAAA,EAC9B,WAAW;AAAA,EACX,cAAc;AAAA,EACd,WAAW;AAAA,EACX,YAAY;AAAA,IACV,EAAE,OAAO,SAAS,UAAU,oBAAoB,MAAM,iBAAiB;AAAA,IACvE,EAAE,OAAO,mBAAmB,UAAU,8BAA8B;AAAA,EACtE;AACF;",
+  "names": []
+}

package/dist/modules/forms/backend/forms/[id]/page.js

@@ -0,0 +1,13 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { Page, PageBody } from "@open-mercato/ui/backend/Page";
+import { FormStudio } from "./FormStudio.js";
+function FormStudioPage({ params }) {
+  const formId = params?.id ?? "";
+  if (!formId) return null;
+  return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsx(FormStudio, { formId }) }) });
+}
+export {
+  FormStudioPage as default
+};
+//# sourceMappingURL=page.js.map

package/dist/modules/forms/backend/forms/[id]/page.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/forms/backend/forms/%5Bid%5D/page.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { FormStudio } from './FormStudio'\n\nexport default function FormStudioPage({ params }: { params?: { id?: string } }) {\n  const formId = params?.id ?? ''\n  if (!formId) return null\n  return (\n    <Page>\n      <PageBody>\n        <FormStudio formId={formId} />\n      </PageBody>\n    </Page>\n  )\n}\n"],
+  "mappings": ";AAYQ;AATR,SAAS,MAAM,gBAAgB;AAC/B,SAAS,kBAAkB;AAEZ,SAAR,eAAgC,EAAE,OAAO,GAAiC;AAC/E,QAAM,SAAS,QAAQ,MAAM;AAC7B,MAAI,CAAC,OAAQ,QAAO;AACpB,SACE,oBAAC,QACC,8BAAC,YACC,8BAAC,cAAW,QAAgB,GAC9B,GACF;AAEJ;",
+  "names": []
+}

package/dist/modules/forms/backend/forms/[id]/page.meta.js

@@ -0,0 +1,15 @@
+const metadata = {
+  requireAuth: true,
+  requireFeatures: ["forms.design"],
+  pageTitle: "Form editor",
+  pageTitleKey: "forms.studio.title",
+  navHidden: true,
+  breadcrumb: [
+    { label: "Forms", labelKey: "forms.list.title", href: "/backend/forms" },
+    { label: "Form editor", labelKey: "forms.studio.title" }
+  ]
+};
+export {
+  metadata
+};
+//# sourceMappingURL=page.meta.js.map

package/dist/modules/forms/backend/forms/[id]/page.meta.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/forms/backend/forms/%5Bid%5D/page.meta.ts"],
+  "sourcesContent": ["export const metadata = {\n  requireAuth: true,\n  requireFeatures: ['forms.design'],\n  pageTitle: 'Form editor',\n  pageTitleKey: 'forms.studio.title',\n  navHidden: true,\n  breadcrumb: [\n    { label: 'Forms', labelKey: 'forms.list.title', href: '/backend/forms' },\n    { label: 'Form editor', labelKey: 'forms.studio.title' },\n  ],\n}\n"],
+  "mappings": "AAAO,MAAM,WAAW;AAAA,EACtB,aAAa;AAAA,EACb,iBAAiB,CAAC,cAAc;AAAA,EAChC,WAAW;AAAA,EACX,cAAc;AAAA,EACd,WAAW;AAAA,EACX,YAAY;AAAA,IACV,EAAE,OAAO,SAAS,UAAU,oBAAoB,MAAM,iBAAiB;AAAA,IACvE,EAAE,OAAO,eAAe,UAAU,qBAAqB;AAAA,EACzD;AACF;",
+  "names": []
+}