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

package/dist/modules/forms/ui/admin/forms/[id]/distributions/DistributionsPanel.js

@@ -0,0 +1,313 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Plus } from "lucide-react";
+import { DataTable } from "@open-mercato/ui/backend/DataTable";
+import { RowActions } from "@open-mercato/ui/backend/RowActions";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { StatusBadge } from "@open-mercato/ui/primitives/status-badge";
+import { apiCall, withScopedApiRequestHeaders } from "@open-mercato/ui/backend/utils/apiCall";
+import { buildOptimisticLockHeader } from "@open-mercato/ui/backend/utils/optimisticLock";
+import { surfaceRecordConflict } from "@open-mercato/ui/backend/conflicts";
+import { flash } from "@open-mercato/ui/backend/FlashMessages";
+import { useConfirmDialog } from "@open-mercato/ui/backend/confirm-dialog";
+import { useGuardedMutation } from "@open-mercato/ui/backend/injection/useGuardedMutation";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { useOrganizationScopeVersion } from "@open-mercato/shared/lib/frontend/useOrganizationScope";
+import { CreateDistributionDialog } from "./CreateDistributionDialog.js";
+import { EmbedSettingsDialog } from "./EmbedSettingsDialog.js";
+import { RecipientsTable } from "./RecipientsTable.js";
+const STATUS_VARIANT = {
+  active: "success",
+  paused: "warning",
+  closed: "neutral"
+};
+function formatDate(value) {
+  if (!value) return "";
+  const date = new Date(value);
+  if (Number.isNaN(date.getTime())) return "";
+  return date.toLocaleString();
+}
+function publicLinkFor(slug) {
+  if (!slug) return null;
+  const origin = typeof window !== "undefined" ? window.location.origin : "";
+  return `${origin}/f/${slug}`;
+}
+async function copyToClipboard(value) {
+  try {
+    if (typeof navigator !== "undefined" && navigator.clipboard) {
+      await navigator.clipboard.writeText(value);
+      return true;
+    }
+  } catch {
+    return false;
+  }
+  return false;
+}
+function DistributionsPanel({ formId }) {
+  const t = useT();
+  const scopeVersion = useOrganizationScopeVersion();
+  const { confirm, ConfirmDialogElement } = useConfirmDialog();
+  const { runMutation } = useGuardedMutation({ contextId: "forms.distributions" });
+  const [rows, setRows] = React.useState([]);
+  const [total, setTotal] = React.useState(0);
+  const [isLoading, setIsLoading] = React.useState(true);
+  const [reloadToken, setReloadToken] = React.useState(0);
+  const [formName, setFormName] = React.useState(null);
+  const [createOpen, setCreateOpen] = React.useState(false);
+  const [recipientsFor, setRecipientsFor] = React.useState(null);
+  const [embedFor, setEmbedFor] = React.useState(null);
+  const reload = React.useCallback(() => setReloadToken((token) => token + 1), []);
+  React.useEffect(() => {
+    let cancelled = false;
+    async function load() {
+      setIsLoading(true);
+      try {
+        const [listResp, summaryResp] = await Promise.all([
+          apiCall(
+            `/api/forms/${encodeURIComponent(formId)}/distributions`
+          ),
+          apiCall(`/api/forms/${encodeURIComponent(formId)}`)
+        ]);
+        if (cancelled) return;
+        if (!listResp.ok || !listResp.result) {
+          flash(t("forms.distribution.errors.load"), "error");
+          return;
+        }
+        setRows(listResp.result.items);
+        setTotal(listResp.result.total);
+        if (summaryResp.ok && summaryResp.result) {
+          setFormName(summaryResp.result.name);
+        }
+      } catch {
+        if (!cancelled) {
+          flash(t("forms.distribution.errors.load"), "error");
+        }
+      } finally {
+        if (!cancelled) setIsLoading(false);
+      }
+    }
+    void load();
+    return () => {
+      cancelled = true;
+    };
+  }, [formId, reloadToken, scopeVersion, t]);
+  const handleCopyLink = React.useCallback(
+    async (row) => {
+      const link = publicLinkFor(row.publicSlug);
+      if (!link) {
+        flash(t("forms.distribution.copy.unavailable"), "error");
+        return;
+      }
+      const copied = await copyToClipboard(link);
+      flash(t(copied ? "forms.distribution.copy.success" : "forms.distribution.copy.failed"), copied ? "success" : "error");
+    },
+    [t]
+  );
+  const patchStatus = React.useCallback(
+    async (row, nextStatus) => {
+      const resp = await runMutation({
+        operation: () => withScopedApiRequestHeaders(
+          buildOptimisticLockHeader(row.updatedAt),
+          () => apiCall(
+            `/api/forms/distributions/${encodeURIComponent(row.id)}`,
+            {
+              method: "PATCH",
+              headers: { "content-type": "application/json" },
+              body: JSON.stringify({ status: nextStatus })
+            }
+          )
+        ),
+        context: { distributionId: row.id, nextStatus },
+        mutationPayload: { distributionId: row.id, status: nextStatus }
+      });
+      if (!resp.ok) {
+        if (!surfaceRecordConflict({ status: resp.status, body: resp.result }, t)) {
+          flash(t("forms.distribution.status.failed"), "error");
+        }
+        return;
+      }
+      flash(t("forms.distribution.status.success"), "success");
+      reload();
+    },
+    [reload, runMutation, t]
+  );
+  const handlePause = React.useCallback(
+    async (row) => {
+      const next = row.status === "paused" ? "active" : "paused";
+      await patchStatus(row, next).catch(() => void 0);
+    },
+    [patchStatus]
+  );
+  const handleClose = React.useCallback(
+    async (row) => {
+      const ok = await confirm({
+        title: t("forms.distribution.close.confirm", { fallback: "Close this distribution?" }),
+        description: t("forms.distribution.close.body", {
+          fallback: "Closing stops all new submissions. This cannot be undone."
+        }),
+        variant: "destructive"
+      });
+      if (!ok) return;
+      await patchStatus(row, "closed").catch(() => void 0);
+    },
+    [confirm, patchStatus, t]
+  );
+  const columns = React.useMemo(
+    () => [
+      {
+        header: t("forms.distribution.columns.title", { fallback: "Title / mode" }),
+        accessorKey: "title",
+        cell: ({ row }) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0.5", children: [
+          /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: row.original.title ?? t("forms.distribution.untitled", { fallback: "Untitled distribution" }) }),
+          /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: row.original.mode === "open" ? t("forms.distribution.mode.open", { fallback: "Open link" }) : t("forms.distribution.mode.personal", { fallback: "Personal invitations" }) })
+        ] }),
+        meta: { truncate: true, maxWidth: 260 }
+      },
+      {
+        header: t("forms.distribution.columns.status", { fallback: "Status" }),
+        accessorKey: "status",
+        cell: ({ row }) => /* @__PURE__ */ jsx(StatusBadge, { variant: STATUS_VARIANT[row.original.status] ?? "neutral", dot: true, children: t(`forms.distribution.status.${row.original.status}`, { fallback: row.original.status }) })
+      },
+      {
+        header: t("forms.distribution.columns.link", { fallback: "Public link" }),
+        accessorKey: "publicSlug",
+        cell: ({ row }) => {
+          if (row.original.mode !== "open" || !row.original.publicSlug) {
+            return /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "\u2014" });
+          }
+          return /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              variant: "link",
+              size: "sm",
+              onClick: (event) => {
+                event.stopPropagation();
+                void handleCopyLink(row.original);
+              },
+              children: t("forms.distribution.copy.action", { fallback: "Copy link" })
+            }
+          );
+        }
+      },
+      {
+        header: t("forms.distribution.columns.responses", { fallback: "Responses" }),
+        accessorKey: "responseCount",
+        cell: ({ row }) => {
+          const max = row.original.maxResponses;
+          return /* @__PURE__ */ jsxs("span", { className: "font-mono text-xs text-foreground", children: [
+            row.original.responseCount,
+            max != null ? ` / ${max}` : ""
+          ] });
+        }
+      },
+      {
+        header: t("forms.distribution.columns.created_at", { fallback: "Created" }),
+        accessorKey: "createdAt",
+        cell: ({ row }) => formatDate(row.original.createdAt) || "\u2014"
+      }
+    ],
+    [handleCopyLink, t]
+  );
+  const renderRowActions = React.useCallback(
+    (row) => {
+      const list = [];
+      if (row.mode === "personal") {
+        list.push({
+          id: "recipients",
+          label: t("forms.distribution.actions.recipients", { fallback: "Manage recipients" }),
+          onSelect: () => setRecipientsFor(row)
+        });
+      }
+      if (row.mode === "open") {
+        list.push({
+          id: "copy",
+          label: t("forms.distribution.copy.action", { fallback: "Copy link" }),
+          onSelect: () => void handleCopyLink(row)
+        });
+        list.push({
+          id: "embed",
+          label: t("forms.distribution.actions.embed", { fallback: "Website embed" }),
+          onSelect: () => setEmbedFor(row)
+        });
+      }
+      if (row.status !== "closed") {
+        list.push({
+          id: "pause",
+          label: row.status === "paused" ? t("forms.distribution.actions.resume", { fallback: "Resume" }) : t("forms.distribution.actions.pause", { fallback: "Pause" }),
+          onSelect: () => void handlePause(row)
+        });
+        list.push({
+          id: "close",
+          label: t("forms.distribution.actions.close", { fallback: "Close" }),
+          destructive: true,
+          onSelect: () => void handleClose(row)
+        });
+      }
+      return /* @__PURE__ */ jsx(RowActions, { items: list });
+    },
+    [handleClose, handleCopyLink, handlePause, t]
+  );
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      DataTable,
+      {
+        title: formName ? `${formName} \u2014 ${t("forms.distribution.title", { fallback: "Distribution" })}` : t("forms.distribution.title", { fallback: "Distribution" }),
+        columns,
+        data: rows,
+        isLoading,
+        pagination: {
+          page: 1,
+          pageSize: 100,
+          total,
+          totalPages: 1,
+          onPageChange: () => void 0
+        },
+        rowActions: renderRowActions,
+        actions: /* @__PURE__ */ jsxs(Button, { type: "button", size: "default", onClick: () => setCreateOpen(true), children: [
+          /* @__PURE__ */ jsx(Plus, { className: "mr-1 h-4 w-4", "aria-hidden": "true" }),
+          t("forms.distribution.actions.new", { fallback: "New distribution" })
+        ] }),
+        emptyState: t("forms.distribution.empty", { fallback: "No distributions yet." })
+      }
+    ),
+    createOpen ? /* @__PURE__ */ jsx(
+      CreateDistributionDialog,
+      {
+        formId,
+        onClose: () => setCreateOpen(false),
+        onCreated: () => {
+          setCreateOpen(false);
+          reload();
+        }
+      }
+    ) : null,
+    recipientsFor ? /* @__PURE__ */ jsx(
+      RecipientsTable,
+      {
+        distributionId: recipientsFor.id,
+        distributionTitle: recipientsFor.title,
+        onClose: () => setRecipientsFor(null),
+        onMutated: reload
+      }
+    ) : null,
+    embedFor ? /* @__PURE__ */ jsx(
+      EmbedSettingsDialog,
+      {
+        distributionId: embedFor.id,
+        publicSlug: embedFor.publicSlug,
+        onClose: () => setEmbedFor(null),
+        onSaved: () => {
+          setEmbedFor(null);
+          reload();
+        }
+      }
+    ) : null,
+    ConfirmDialogElement
+  ] });
+}
+export {
+  DistributionsPanel
+};
+//# sourceMappingURL=DistributionsPanel.js.map

package/dist/modules/forms/ui/admin/forms/[id]/distributions/DistributionsPanel.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../src/modules/forms/ui/admin/forms/%5Bid%5D/distributions/DistributionsPanel.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Plus } from 'lucide-react'\nimport type { LegacyColumnDef as ColumnDef } from '@tanstack/react-table/legacy'\nimport { DataTable } from '@open-mercato/ui/backend/DataTable'\nimport { RowActions, type RowActionItem } from '@open-mercato/ui/backend/RowActions'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { StatusBadge, type StatusBadgeVariant } from '@open-mercato/ui/primitives/status-badge'\nimport { apiCall, withScopedApiRequestHeaders } from '@open-mercato/ui/backend/utils/apiCall'\nimport { buildOptimisticLockHeader } from '@open-mercato/ui/backend/utils/optimisticLock'\nimport { surfaceRecordConflict } from '@open-mercato/ui/backend/conflicts'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { useConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'\nimport { useGuardedMutation } from '@open-mercato/ui/backend/injection/useGuardedMutation'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { useOrganizationScopeVersion } from '@open-mercato/shared/lib/frontend/useOrganizationScope'\nimport { CreateDistributionDialog } from './CreateDistributionDialog'\nimport { EmbedSettingsDialog } from './EmbedSettingsDialog'\nimport { RecipientsTable } from './RecipientsTable'\n\nexport type DistributionMode = 'open' | 'personal'\nexport type DistributionStatus = 'active' | 'paused' | 'closed'\n\nexport type DistributionRow = {\n  id: string\n  formId: string\n  mode: DistributionMode\n  status: DistributionStatus\n  publicSlug: string | null\n  title: string | null\n  defaultLocale: string\n  pinnedVersionId: string | null\n  requireCustomerAuth: boolean\n  allowMultipleSubmissions: boolean\n  maxResponses: number | null\n  responseCount: number\n  opensAt: string | null\n  closesAt: string | null\n  redirectUrl: string | null\n  createdAt: string\n  updatedAt: string\n}\n\ntype DistributionListResponse = {\n  items: DistributionRow[]\n  total: number\n}\n\ntype FormSummaryResponse = {\n  id: string\n  name: string\n}\n\nconst STATUS_VARIANT: Record<DistributionStatus, StatusBadgeVariant> = {\n  active: 'success',\n  paused: 'warning',\n  closed: 'neutral',\n}\n\nfunction formatDate(value: string | null): string {\n  if (!value) return ''\n  const date = new Date(value)\n  if (Number.isNaN(date.getTime())) return ''\n  return date.toLocaleString()\n}\n\nfunction publicLinkFor(slug: string | null): string | null {\n  if (!slug) return null\n  const origin = typeof window !== 'undefined' ? window.location.origin : ''\n  return `${origin}/f/${slug}`\n}\n\nasync function copyToClipboard(value: string): Promise<boolean> {\n  try {\n    if (typeof navigator !== 'undefined' && navigator.clipboard) {\n      await navigator.clipboard.writeText(value)\n      return true\n    }\n  } catch {\n    return false\n  }\n  return false\n}\n\nexport function DistributionsPanel({ formId }: { formId: string }) {\n  const t = useT()\n  const scopeVersion = useOrganizationScopeVersion()\n  const { confirm, ConfirmDialogElement } = useConfirmDialog()\n  const { runMutation } = useGuardedMutation({ contextId: 'forms.distributions' })\n\n  const [rows, setRows] = React.useState<DistributionRow[]>([])\n  const [total, setTotal] = React.useState(0)\n  const [isLoading, setIsLoading] = React.useState(true)\n  const [reloadToken, setReloadToken] = React.useState(0)\n  const [formName, setFormName] = React.useState<string | null>(null)\n  const [createOpen, setCreateOpen] = React.useState(false)\n  const [recipientsFor, setRecipientsFor] = React.useState<DistributionRow | null>(null)\n  const [embedFor, setEmbedFor] = React.useState<DistributionRow | null>(null)\n\n  const reload = React.useCallback(() => setReloadToken((token) => token + 1), [])\n\n  React.useEffect(() => {\n    let cancelled = false\n    async function load() {\n      setIsLoading(true)\n      try {\n        const [listResp, summaryResp] = await Promise.all([\n          apiCall<DistributionListResponse>(\n            `/api/forms/${encodeURIComponent(formId)}/distributions`,\n          ),\n          apiCall<FormSummaryResponse>(`/api/forms/${encodeURIComponent(formId)}`),\n        ])\n        if (cancelled) return\n        if (!listResp.ok || !listResp.result) {\n          flash(t('forms.distribution.errors.load'), 'error')\n          return\n        }\n        setRows(listResp.result.items)\n        setTotal(listResp.result.total)\n        if (summaryResp.ok && summaryResp.result) {\n          setFormName(summaryResp.result.name)\n        }\n      } catch {\n        if (!cancelled) {\n          flash(t('forms.distribution.errors.load'), 'error')\n        }\n      } finally {\n        if (!cancelled) setIsLoading(false)\n      }\n    }\n    void load()\n    return () => {\n      cancelled = true\n    }\n  }, [formId, reloadToken, scopeVersion, t])\n\n  const handleCopyLink = React.useCallback(\n    async (row: DistributionRow) => {\n      const link = publicLinkFor(row.publicSlug)\n      if (!link) {\n        flash(t('forms.distribution.copy.unavailable'), 'error')\n        return\n      }\n      const copied = await copyToClipboard(link)\n      flash(t(copied ? 'forms.distribution.copy.success' : 'forms.distribution.copy.failed'), copied ? 'success' : 'error')\n    },\n    [t],\n  )\n\n  const patchStatus = React.useCallback(\n    async (row: DistributionRow, nextStatus: DistributionStatus) => {\n      const resp = await runMutation({\n        operation: () => withScopedApiRequestHeaders(\n          buildOptimisticLockHeader(row.updatedAt),\n          () => apiCall<{ id: string; updatedAt: string }>(\n            `/api/forms/distributions/${encodeURIComponent(row.id)}`,\n            {\n              method: 'PATCH',\n              headers: { 'content-type': 'application/json' },\n              body: JSON.stringify({ status: nextStatus }),\n            },\n          ),\n        ),\n        context: { distributionId: row.id, nextStatus },\n        mutationPayload: { distributionId: row.id, status: nextStatus },\n      })\n      if (!resp.ok) {\n        if (!surfaceRecordConflict({ status: resp.status, body: resp.result }, t)) {\n          flash(t('forms.distribution.status.failed'), 'error')\n        }\n        return\n      }\n      flash(t('forms.distribution.status.success'), 'success')\n      reload()\n    },\n    [reload, runMutation, t],\n  )\n\n  const handlePause = React.useCallback(\n    async (row: DistributionRow) => {\n      const next: DistributionStatus = row.status === 'paused' ? 'active' : 'paused'\n      await patchStatus(row, next).catch(() => undefined)\n    },\n    [patchStatus],\n  )\n\n  const handleClose = React.useCallback(\n    async (row: DistributionRow) => {\n      const ok = await confirm({\n        title: t('forms.distribution.close.confirm', { fallback: 'Close this distribution?' }),\n        description: t('forms.distribution.close.body', {\n          fallback: 'Closing stops all new submissions. This cannot be undone.',\n        }),\n        variant: 'destructive',\n      })\n      if (!ok) return\n      await patchStatus(row, 'closed').catch(() => undefined)\n    },\n    [confirm, patchStatus, t],\n  )\n\n  const columns = React.useMemo<ColumnDef<DistributionRow>[]>(\n    () => [\n      {\n        header: t('forms.distribution.columns.title', { fallback: 'Title / mode' }),\n        accessorKey: 'title',\n        cell: ({ row }) => (\n          <div className=\"flex flex-col gap-0.5\">\n            <span className=\"font-medium text-foreground\">\n              {row.original.title ?? t('forms.distribution.untitled', { fallback: 'Untitled distribution' })}\n            </span>\n            <span className=\"text-xs text-muted-foreground\">\n              {row.original.mode === 'open'\n                ? t('forms.distribution.mode.open', { fallback: 'Open link' })\n                : t('forms.distribution.mode.personal', { fallback: 'Personal invitations' })}\n            </span>\n          </div>\n        ),\n        meta: { truncate: true, maxWidth: 260 },\n      },\n      {\n        header: t('forms.distribution.columns.status', { fallback: 'Status' }),\n        accessorKey: 'status',\n        cell: ({ row }) => (\n          <StatusBadge variant={STATUS_VARIANT[row.original.status] ?? 'neutral'} dot>\n            {t(`forms.distribution.status.${row.original.status}`, { fallback: row.original.status })}\n          </StatusBadge>\n        ),\n      },\n      {\n        header: t('forms.distribution.columns.link', { fallback: 'Public link' }),\n        accessorKey: 'publicSlug',\n        cell: ({ row }) => {\n          if (row.original.mode !== 'open' || !row.original.publicSlug) {\n            return <span className=\"text-muted-foreground\">\u2014</span>\n          }\n          return (\n            <Button\n              type=\"button\"\n              variant=\"link\"\n              size=\"sm\"\n              onClick={(event) => {\n                event.stopPropagation()\n                void handleCopyLink(row.original)\n              }}\n            >\n              {t('forms.distribution.copy.action', { fallback: 'Copy link' })}\n            </Button>\n          )\n        },\n      },\n      {\n        header: t('forms.distribution.columns.responses', { fallback: 'Responses' }),\n        accessorKey: 'responseCount',\n        cell: ({ row }) => {\n          const max = row.original.maxResponses\n          return (\n            <span className=\"font-mono text-xs text-foreground\">\n              {row.original.responseCount}\n              {max != null ? ` / ${max}` : ''}\n            </span>\n          )\n        },\n      },\n      {\n        header: t('forms.distribution.columns.created_at', { fallback: 'Created' }),\n        accessorKey: 'createdAt',\n        cell: ({ row }) => formatDate(row.original.createdAt) || '\u2014',\n      },\n    ],\n    [handleCopyLink, t],\n  )\n\n  const renderRowActions = React.useCallback(\n    (row: DistributionRow) => {\n      const list: RowActionItem[] = []\n      if (row.mode === 'personal') {\n        list.push({\n          id: 'recipients',\n          label: t('forms.distribution.actions.recipients', { fallback: 'Manage recipients' }),\n          onSelect: () => setRecipientsFor(row),\n        })\n      }\n      if (row.mode === 'open') {\n        list.push({\n          id: 'copy',\n          label: t('forms.distribution.copy.action', { fallback: 'Copy link' }),\n          onSelect: () => void handleCopyLink(row),\n        })\n        list.push({\n          id: 'embed',\n          label: t('forms.distribution.actions.embed', { fallback: 'Website embed' }),\n          onSelect: () => setEmbedFor(row),\n        })\n      }\n      if (row.status !== 'closed') {\n        list.push({\n          id: 'pause',\n          label:\n            row.status === 'paused'\n              ? t('forms.distribution.actions.resume', { fallback: 'Resume' })\n              : t('forms.distribution.actions.pause', { fallback: 'Pause' }),\n          onSelect: () => void handlePause(row),\n        })\n        list.push({\n          id: 'close',\n          label: t('forms.distribution.actions.close', { fallback: 'Close' }),\n          destructive: true,\n          onSelect: () => void handleClose(row),\n        })\n      }\n      return <RowActions items={list} />\n    },\n    [handleClose, handleCopyLink, handlePause, t],\n  )\n\n  return (\n    <>\n        <DataTable\n          title={\n            formName\n              ? `${formName} \u2014 ${t('forms.distribution.title', { fallback: 'Distribution' })}`\n              : t('forms.distribution.title', { fallback: 'Distribution' })\n          }\n          columns={columns}\n          data={rows}\n          isLoading={isLoading}\n          pagination={{\n            page: 1,\n            pageSize: 100,\n            total,\n            totalPages: 1,\n            onPageChange: () => undefined,\n          }}\n          rowActions={renderRowActions}\n          actions={\n            <Button type=\"button\" size=\"default\" onClick={() => setCreateOpen(true)}>\n              <Plus className=\"mr-1 h-4 w-4\" aria-hidden=\"true\" />\n              {t('forms.distribution.actions.new', { fallback: 'New distribution' })}\n            </Button>\n          }\n          emptyState={t('forms.distribution.empty', { fallback: 'No distributions yet.' })}\n        />\n\n        {createOpen ? (\n          <CreateDistributionDialog\n            formId={formId}\n            onClose={() => setCreateOpen(false)}\n            onCreated={() => {\n              setCreateOpen(false)\n              reload()\n            }}\n          />\n        ) : null}\n\n        {recipientsFor ? (\n          <RecipientsTable\n            distributionId={recipientsFor.id}\n            distributionTitle={recipientsFor.title}\n            onClose={() => setRecipientsFor(null)}\n            onMutated={reload}\n          />\n        ) : null}\n\n        {embedFor ? (\n          <EmbedSettingsDialog\n            distributionId={embedFor.id}\n            publicSlug={embedFor.publicSlug}\n            onClose={() => setEmbedFor(null)}\n            onSaved={() => {\n              setEmbedFor(null)\n              reload()\n            }}\n          />\n        ) : null}\n\n        {ConfirmDialogElement}\n    </>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/modules/forms/ui/admin/forms/[id]/distributions/EmbedSettingsDialog.js

@@ -0,0 +1,263 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Copy, Trash2 } from "lucide-react";
+import {
+  Dialog,
+  DialogContent,
+  DialogHeader,
+  DialogTitle,
+  DialogDescription,
+  DialogFooter
+} from "@open-mercato/ui/primitives/dialog";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { Input } from "@open-mercato/ui/primitives/input";
+import { Switch } from "@open-mercato/ui/primitives/switch";
+import { FormField } from "@open-mercato/ui/primitives/form-field";
+import { Spinner } from "@open-mercato/ui/primitives/spinner";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from "@open-mercato/ui/primitives/select";
+import { apiCall, withScopedApiRequestHeaders } from "@open-mercato/ui/backend/utils/apiCall";
+import { buildOptimisticLockHeader } from "@open-mercato/ui/backend/utils/optimisticLock";
+import { surfaceRecordConflict } from "@open-mercato/ui/backend/conflicts";
+import { flash } from "@open-mercato/ui/backend/FlashMessages";
+import { useGuardedMutation } from "@open-mercato/ui/backend/injection/useGuardedMutation";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { normalizeEmbedOrigin } from "../../../../../lib/embed-frame-policy.js";
+function readEmbedFromSettings(settings) {
+  const embed = settings && typeof settings === "object" && !Array.isArray(settings) ? settings.embed : void 0;
+  if (!embed || typeof embed !== "object" || Array.isArray(embed)) {
+    return { enabled: false, allowedDomains: [], theme: "auto", autoResize: true };
+  }
+  const record = embed;
+  const theme = record.theme;
+  return {
+    enabled: record.enabled === true,
+    allowedDomains: Array.isArray(record.allowedDomains) ? record.allowedDomains.filter((entry) => typeof entry === "string") : [],
+    theme: theme === "light" || theme === "dark" ? theme : "auto",
+    autoResize: record.autoResize !== false
+  };
+}
+function embedSnippet(slug) {
+  const origin = typeof window !== "undefined" ? window.location.origin : "";
+  const safeSlug = slug ?? "YOUR-SLUG";
+  return [
+    `<script src="${origin}/api/forms/public/embed-loader" async></script>`,
+    `<div data-om-form="${safeSlug}"></div>`
+  ].join("\n");
+}
+function EmbedSettingsDialog({
+  distributionId,
+  publicSlug,
+  onClose,
+  onSaved
+}) {
+  const t = useT();
+  const { runMutation } = useGuardedMutation({ contextId: "forms.distribution.embed" });
+  const [loading, setLoading] = React.useState(true);
+  const [submitting, setSubmitting] = React.useState(false);
+  const [baseSettings, setBaseSettings] = React.useState(null);
+  const [updatedAt, setUpdatedAt] = React.useState(null);
+  const [enabled, setEnabled] = React.useState(false);
+  const [domains, setDomains] = React.useState([]);
+  const [theme, setTheme] = React.useState("auto");
+  const [autoResize, setAutoResize] = React.useState(true);
+  const [domainDraft, setDomainDraft] = React.useState("");
+  React.useEffect(() => {
+    let cancelled = false;
+    async function load() {
+      setLoading(true);
+      try {
+        const resp = await apiCall(
+          `/api/forms/distributions/${encodeURIComponent(distributionId)}`
+        );
+        if (cancelled) return;
+        if (!resp.ok || !resp.result) {
+          flash(t("forms.distribution.errors.load"), "error");
+          onClose();
+          return;
+        }
+        setBaseSettings(resp.result.settings ?? null);
+        setUpdatedAt(resp.result.updatedAt);
+        const embed = readEmbedFromSettings(resp.result.settings ?? null);
+        setEnabled(embed.enabled);
+        setDomains(embed.allowedDomains);
+        setTheme(embed.theme);
+        setAutoResize(embed.autoResize);
+      } finally {
+        if (!cancelled) setLoading(false);
+      }
+    }
+    void load();
+    return () => {
+      cancelled = true;
+    };
+  }, [distributionId, onClose, t]);
+  const addDomain = React.useCallback(() => {
+    const normalized = normalizeEmbedOrigin(domainDraft);
+    if (!normalized) {
+      flash(t("forms.distribution.embed.domain_invalid"), "error");
+      return;
+    }
+    setDomains((current) => current.includes(normalized) ? current : [...current, normalized]);
+    setDomainDraft("");
+  }, [domainDraft, t]);
+  const removeDomain = React.useCallback((value) => {
+    setDomains((current) => current.filter((entry) => entry !== value));
+  }, []);
+  const handleSubmit = React.useCallback(async () => {
+    if (submitting || loading) return;
+    if (enabled && domains.length === 0) {
+      flash(t("forms.distribution.embed.allowlist_required"), "error");
+      return;
+    }
+    const nextSettings = { ...baseSettings ?? {} };
+    nextSettings.embed = { enabled, allowedDomains: domains, theme, autoResize };
+    const body = { settings: nextSettings };
+    setSubmitting(true);
+    try {
+      const resp = await runMutation({
+        operation: () => withScopedApiRequestHeaders(
+          buildOptimisticLockHeader(updatedAt),
+          () => apiCall(
+            `/api/forms/distributions/${encodeURIComponent(distributionId)}`,
+            {
+              method: "PATCH",
+              headers: { "content-type": "application/json" },
+              body: JSON.stringify(body)
+            }
+          )
+        ),
+        context: { distributionId },
+        mutationPayload: { distributionId, ...body }
+      });
+      if (!resp.ok) {
+        if (!surfaceRecordConflict({ status: resp.status, body: resp.result }, t)) {
+          flash(t("forms.distribution.embed.save_failed"), "error");
+        }
+        return;
+      }
+      if (resp.result?.updatedAt) setUpdatedAt(resp.result.updatedAt);
+      flash(t("forms.distribution.embed.save_success"), "success");
+      onSaved();
+    } catch {
+    } finally {
+      setSubmitting(false);
+    }
+  }, [autoResize, baseSettings, distributionId, domains, enabled, loading, onSaved, runMutation, submitting, t, theme, updatedAt]);
+  const handleKeyDown = React.useCallback(
+    (event) => {
+      if ((event.metaKey || event.ctrlKey) && event.key === "Enter") {
+        event.preventDefault();
+        void handleSubmit();
+      }
+    },
+    [handleSubmit]
+  );
+  const copySnippet = React.useCallback(async () => {
+    try {
+      if (typeof navigator !== "undefined" && navigator.clipboard) {
+        await navigator.clipboard.writeText(embedSnippet(publicSlug));
+        flash(t("forms.distribution.copy.success"), "success");
+        return;
+      }
+    } catch {
+    }
+    flash(t("forms.distribution.copy.failed"), "error");
+  }, [publicSlug, t]);
+  return /* @__PURE__ */ jsx(Dialog, { open: true, onOpenChange: (open) => {
+    if (!open) onClose();
+  }, children: /* @__PURE__ */ jsxs(DialogContent, { className: "max-w-lg", onKeyDown: handleKeyDown, children: [
+    /* @__PURE__ */ jsxs(DialogHeader, { children: [
+      /* @__PURE__ */ jsx(DialogTitle, { children: t("forms.distribution.embed.title", { fallback: "Website embed" }) }),
+      /* @__PURE__ */ jsx(DialogDescription, { children: t("forms.distribution.embed.subtitle", {
+        fallback: "Allow this open distribution to be embedded on specific external websites."
+      }) })
+    ] }),
+    loading ? /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center py-10 text-muted-foreground", children: /* @__PURE__ */ jsx(Spinner, { className: "h-5 w-5" }) }) : /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-foreground", children: t("forms.distribution.embed.enabled_label", { fallback: "Enable embedding" }) }),
+          /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: t("forms.distribution.embed.enabled_help", {
+            fallback: "Off by default. Requires at least one allowed domain."
+          }) })
+        ] }),
+        /* @__PURE__ */ jsx(Switch, { checked: enabled, onCheckedChange: setEnabled })
+      ] }),
+      /* @__PURE__ */ jsxs(FormField, { label: t("forms.distribution.embed.domains_label", { fallback: "Allowed domains" }), children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              value: domainDraft,
+              placeholder: "https://www.acme.com",
+              onChange: (event) => setDomainDraft(event.target.value),
+              onKeyDown: (event) => {
+                if (event.key === "Enter") {
+                  event.preventDefault();
+                  addDomain();
+                }
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx(Button, { type: "button", variant: "secondary", onClick: addDomain, children: t("forms.distribution.embed.domain_add", { fallback: "Add" }) })
+        ] }),
+        domains.length === 0 ? /* @__PURE__ */ jsx("p", { className: "mt-2 text-xs text-muted-foreground", children: t("forms.distribution.embed.domains_empty", {
+          fallback: "No domains yet. Only https origins (http allowed for localhost)."
+        }) }) : /* @__PURE__ */ jsx("ul", { className: "mt-2 flex flex-col gap-1", children: domains.map((domain) => /* @__PURE__ */ jsxs(
+          "li",
+          {
+            className: "flex items-center justify-between rounded-md border border-border bg-muted/30 px-2 py-1",
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "font-mono text-xs text-foreground", children: domain }),
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  type: "button",
+                  variant: "ghost",
+                  size: "icon",
+                  onClick: () => removeDomain(domain),
+                  "aria-label": t("forms.distribution.embed.domain_remove", { fallback: "Remove domain" }),
+                  children: /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4", "aria-hidden": "true" })
+                }
+              )
+            ]
+          },
+          domain
+        )) })
+      ] }),
+      /* @__PURE__ */ jsx(FormField, { label: t("forms.distribution.embed.theme_label", { fallback: "Theme" }), children: /* @__PURE__ */ jsxs(Select, { value: theme, onValueChange: (value) => setTheme(value), children: [
+        /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+        /* @__PURE__ */ jsxs(SelectContent, { children: [
+          /* @__PURE__ */ jsx(SelectItem, { value: "auto", children: t("forms.distribution.embed.theme_auto", { fallback: "Auto" }) }),
+          /* @__PURE__ */ jsx(SelectItem, { value: "light", children: t("forms.distribution.embed.theme_light", { fallback: "Light" }) }),
+          /* @__PURE__ */ jsx(SelectItem, { value: "dark", children: t("forms.distribution.embed.theme_dark", { fallback: "Dark" }) })
+        ] })
+      ] }) }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-foreground", children: t("forms.distribution.embed.auto_resize_label", { fallback: "Auto-resize iframe" }) }),
+        /* @__PURE__ */ jsx(Switch, { checked: autoResize, onCheckedChange: setAutoResize })
+      ] }),
+      /* @__PURE__ */ jsxs(FormField, { label: t("forms.distribution.embed.snippet_label", { fallback: "Embed snippet" }), children: [
+        /* @__PURE__ */ jsx("pre", { className: "overflow-x-auto rounded-md border border-border bg-muted/30 p-2 text-xs text-foreground", children: embedSnippet(publicSlug) }),
+        /* @__PURE__ */ jsxs(Button, { type: "button", variant: "secondary", size: "sm", className: "mt-2", onClick: copySnippet, children: [
+          /* @__PURE__ */ jsx(Copy, { className: "mr-1 h-4 w-4", "aria-hidden": "true" }),
+          t("forms.distribution.embed.snippet_copy", { fallback: "Copy snippet" })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(DialogFooter, { children: [
+      /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", onClick: onClose, disabled: submitting, children: t("forms.actions.cancel", { fallback: "Cancel" }) }),
+      /* @__PURE__ */ jsx(Button, { type: "button", onClick: () => void handleSubmit(), disabled: submitting || loading, children: t("forms.actions.save", { fallback: "Save" }) })
+    ] })
+  ] }) });
+}
+export {
+  EmbedSettingsDialog
+};
+//# sourceMappingURL=EmbedSettingsDialog.js.map