@open-mercato/documents 0.6.8-develop.7016.1.4ed7b1e49d

package/dist/modules/documents/backend/documents/components/NewFromTemplateDialog.js

@@ -0,0 +1,127 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Search } from "lucide-react";
+import { LoadingMessage, ErrorMessage } from "@open-mercato/ui/backend/detail";
+import { Button } from "@open-mercato/ui/primitives/button";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle
+} from "@open-mercato/ui/primitives/dialog";
+import { Alert, AlertDescription } from "@open-mercato/ui/primitives/alert";
+import { Input } from "@open-mercato/ui/primitives/input";
+import { Label } from "@open-mercato/ui/primitives/label";
+import { Radio, RadioGroup } from "@open-mercato/ui/primitives/radio";
+import { Tag } from "@open-mercato/ui/primitives/tag";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { TemplatePreview } from "./TemplatePreview.js";
+import { TemplateSlotFields } from "./TemplateSlotFields.js";
+import { useTemplateInstantiation } from "./useTemplateInstantiation.js";
+function NewFromTemplateDialog(props) {
+  const t = useT();
+  const titleInputId = React.useId();
+  const templateSearchId = React.useId();
+  const flow = useTemplateInstantiation(props);
+  const canCreate = Boolean(
+    flow.selectedTemplate && flow.preview && !flow.missingRequired && flow.preview.unresolvedTokens.length === 0 && !flow.isSubmitting
+  );
+  return /* @__PURE__ */ jsx(Dialog, { open: props.open, onOpenChange: props.onOpenChange, children: /* @__PURE__ */ jsxs(DialogContent, { size: "xl", onKeyDown: (event) => {
+    if (event.key === "Escape") props.onOpenChange(false);
+    if ((event.metaKey || event.ctrlKey) && event.key === "Enter" && canCreate) {
+      event.preventDefault();
+      void flow.submit();
+    }
+  }, children: [
+    /* @__PURE__ */ jsxs(DialogHeader, { children: [
+      /* @__PURE__ */ jsx(DialogTitle, { children: t("documents.templates.instantiate.title") }),
+      /* @__PURE__ */ jsx(DialogDescription, { children: t("documents.templates.instantiate.description") })
+    ] }),
+    flow.isLoading ? /* @__PURE__ */ jsx(LoadingMessage, { label: t("documents.templates.instantiate.loading") }) : null,
+    flow.loadError ? /* @__PURE__ */ jsx(
+      ErrorMessage,
+      {
+        label: flow.loadError,
+        action: /* @__PURE__ */ jsx(Button, { type: "button", size: "sm", variant: "outline", onClick: flow.retryTemplates, children: t("documents.actions.retry") })
+      }
+    ) : null,
+    !flow.isLoading && !flow.loadError ? /* @__PURE__ */ jsxs("div", { className: "grid gap-6 lg:grid-cols-2", children: [
+      /* @__PURE__ */ jsxs("div", { className: "space-y-5", children: [
+        /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx(Label, { htmlFor: templateSearchId, children: t("documents.templates.search.label") }),
+          /* @__PURE__ */ jsx(Input, { id: templateSearchId, value: flow.templateSearch, onChange: (event) => flow.setTemplateSearch(event.target.value), leftIcon: /* @__PURE__ */ jsx(Search, {}), placeholder: t("documents.templates.list.searchPlaceholder") })
+        ] }),
+        /* @__PURE__ */ jsxs(
+          RadioGroup,
+          {
+            className: "max-h-48 overflow-y-auto",
+            value: flow.selectedTemplateId ?? "",
+            onValueChange: flow.setSelectedTemplateId,
+            "aria-label": t("documents.templates.instantiate.template"),
+            orientation: "vertical",
+            children: [
+              flow.templates.length === 0 ? /* @__PURE__ */ jsx("p", { className: "rounded-md border border-border bg-muted/20 p-3 text-sm text-muted-foreground", children: t("documents.templates.instantiate.empty") }) : null,
+              flow.templates.map((template) => {
+                const compatible = props.presetContext ? template.contextSlots.some((slot) => slot.entityType === props.presetContext?.entityType) : false;
+                const optionId = `${templateSearchId}-${template.id}`;
+                return /* @__PURE__ */ jsxs(
+                  Label,
+                  {
+                    htmlFor: optionId,
+                    className: `flex w-full cursor-pointer items-center justify-between gap-3 rounded-md border p-3 text-left font-normal transition-colors ${template.id === flow.selectedTemplateId ? "border-accent-indigo bg-accent-indigo/5" : "border-border bg-background hover:bg-muted/50"}`,
+                    children: [
+                      /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 items-center gap-3", children: [
+                        /* @__PURE__ */ jsx(Radio, { id: optionId, value: template.id }),
+                        /* @__PURE__ */ jsxs("span", { className: "min-w-0", children: [
+                          /* @__PURE__ */ jsx("span", { className: "block truncate font-medium", children: template.name }),
+                          template.description ? /* @__PURE__ */ jsx("span", { className: "block truncate text-xs text-muted-foreground", children: template.description }) : null
+                        ] })
+                      ] }),
+                      compatible ? /* @__PURE__ */ jsx(Tag, { variant: "info", children: t("documents.templates.compatible") }) : null
+                    ]
+                  },
+                  template.id
+                );
+              })
+            ]
+          }
+        ),
+        flow.selectedTemplate ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx(Label, { htmlFor: titleInputId, children: t("documents.templates.instantiate.documentTitle") }),
+            /* @__PURE__ */ jsx(Input, { id: titleInputId, value: flow.title, onChange: (event) => flow.setTitle(event.target.value), placeholder: t("documents.templates.instantiate.documentTitlePlaceholder") })
+          ] }),
+          /* @__PURE__ */ jsx(
+            TemplateSlotFields,
+            {
+              slots: flow.selectedTemplate.contextSlots,
+              selections: flow.selections,
+              onSelectionChange: (slot, selection) => flow.setSelections((current) => ({ ...current, [slot]: selection }))
+            }
+          )
+        ] }) : null
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+        /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold", children: t("documents.templates.preview.title") }),
+        flow.previewError ? /* @__PURE__ */ jsx(Alert, { status: "error", children: /* @__PURE__ */ jsxs(AlertDescription, { className: "flex flex-wrap items-center justify-between gap-3", children: [
+          /* @__PURE__ */ jsx("span", { children: flow.previewError }),
+          /* @__PURE__ */ jsx(Button, { type: "button", size: "sm", variant: "outline", onClick: flow.retryPreview, children: t("documents.actions.retry") })
+        ] }) }) : null,
+        /* @__PURE__ */ jsx(TemplatePreview, { preview: flow.preview, isLoading: flow.isPreviewLoading })
+      ] })
+    ] }) : null,
+    /* @__PURE__ */ jsxs(DialogFooter, { children: [
+      /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: () => props.onOpenChange(false), disabled: flow.isSubmitting, children: t("documents.actions.cancel") }),
+      /* @__PURE__ */ jsx(Button, { type: "button", onClick: () => void flow.submit(), disabled: !canCreate, children: t("documents.templates.instantiate.actions.create") })
+    ] })
+  ] }) });
+}
+var NewFromTemplateDialog_default = NewFromTemplateDialog;
+export {
+  NewFromTemplateDialog,
+  NewFromTemplateDialog_default as default
+};
+//# sourceMappingURL=NewFromTemplateDialog.js.map

package/dist/modules/documents/backend/documents/components/NewFromTemplateDialog.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/documents/backend/documents/components/NewFromTemplateDialog.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Search } from 'lucide-react'\nimport { LoadingMessage, ErrorMessage } from '@open-mercato/ui/backend/detail'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n} from '@open-mercato/ui/primitives/dialog'\nimport { Alert, AlertDescription } from '@open-mercato/ui/primitives/alert'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { Label } from '@open-mercato/ui/primitives/label'\nimport { Radio, RadioGroup } from '@open-mercato/ui/primitives/radio'\nimport { Tag } from '@open-mercato/ui/primitives/tag'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { TemplatePreview } from './TemplatePreview'\nimport { TemplateSlotFields } from './TemplateSlotFields'\nimport { useTemplateInstantiation, type PresetTemplateContext } from './useTemplateInstantiation'\n\ntype NewFromTemplateDialogProps = {\n  open: boolean\n  folderId?: string | null\n  presetContext?: PresetTemplateContext\n  onOpenChange: (open: boolean) => void\n}\n\nexport function NewFromTemplateDialog(props: NewFromTemplateDialogProps) {\n  const t = useT()\n  const titleInputId = React.useId()\n  const templateSearchId = React.useId()\n  const flow = useTemplateInstantiation(props)\n  const canCreate = Boolean(\n    flow.selectedTemplate && flow.preview && !flow.missingRequired &&\n    flow.preview.unresolvedTokens.length === 0 && !flow.isSubmitting,\n  )\n\n  return (\n    <Dialog open={props.open} onOpenChange={props.onOpenChange}>\n      <DialogContent size=\"xl\" onKeyDown={(event) => {\n        if (event.key === 'Escape') props.onOpenChange(false)\n        if ((event.metaKey || event.ctrlKey) && event.key === 'Enter' && canCreate) {\n          event.preventDefault()\n          void flow.submit()\n        }\n      }}>\n        <DialogHeader>\n          <DialogTitle>{t('documents.templates.instantiate.title')}</DialogTitle>\n          <DialogDescription>{t('documents.templates.instantiate.description')}</DialogDescription>\n        </DialogHeader>\n        {flow.isLoading ? <LoadingMessage label={t('documents.templates.instantiate.loading')} /> : null}\n        {flow.loadError ? (\n          <ErrorMessage\n            label={flow.loadError}\n            action={<Button type=\"button\" size=\"sm\" variant=\"outline\" onClick={flow.retryTemplates}>{t('documents.actions.retry')}</Button>}\n          />\n        ) : null}\n        {!flow.isLoading && !flow.loadError ? (\n          <div className=\"grid gap-6 lg:grid-cols-2\">\n            <div className=\"space-y-5\">\n              <div className=\"space-y-2\">\n                <Label htmlFor={templateSearchId}>{t('documents.templates.search.label')}</Label>\n                <Input id={templateSearchId} value={flow.templateSearch} onChange={(event) => flow.setTemplateSearch(event.target.value)} leftIcon={<Search />} placeholder={t('documents.templates.list.searchPlaceholder')} />\n              </div>\n              <RadioGroup\n                className=\"max-h-48 overflow-y-auto\"\n                value={flow.selectedTemplateId ?? ''}\n                onValueChange={flow.setSelectedTemplateId}\n                aria-label={t('documents.templates.instantiate.template')}\n                orientation=\"vertical\"\n              >\n                {flow.templates.length === 0 ? (\n                  <p className=\"rounded-md border border-border bg-muted/20 p-3 text-sm text-muted-foreground\">{t('documents.templates.instantiate.empty')}</p>\n                ) : null}\n                {flow.templates.map((template) => {\n                  const compatible = props.presetContext\n                    ? template.contextSlots.some((slot) => slot.entityType === props.presetContext?.entityType)\n                    : false\n                  const optionId = `${templateSearchId}-${template.id}`\n                  return (\n                    <Label\n                      key={template.id}\n                      htmlFor={optionId}\n                      className={`flex w-full cursor-pointer items-center justify-between gap-3 rounded-md border p-3 text-left font-normal transition-colors ${template.id === flow.selectedTemplateId ? 'border-accent-indigo bg-accent-indigo/5' : 'border-border bg-background hover:bg-muted/50'}`}\n                    >\n                      <span className=\"flex min-w-0 items-center gap-3\">\n                        <Radio id={optionId} value={template.id} />\n                        <span className=\"min-w-0\"><span className=\"block truncate font-medium\">{template.name}</span>{template.description ? <span className=\"block truncate text-xs text-muted-foreground\">{template.description}</span> : null}</span>\n                      </span>\n                      {compatible ? <Tag variant=\"info\">{t('documents.templates.compatible')}</Tag> : null}\n                    </Label>\n                  )\n                })}\n              </RadioGroup>\n              {flow.selectedTemplate ? (\n                <>\n                  <div className=\"space-y-2\">\n                    <Label htmlFor={titleInputId}>{t('documents.templates.instantiate.documentTitle')}</Label>\n                    <Input id={titleInputId} value={flow.title} onChange={(event) => flow.setTitle(event.target.value)} placeholder={t('documents.templates.instantiate.documentTitlePlaceholder')} />\n                  </div>\n                  <TemplateSlotFields\n                    slots={flow.selectedTemplate.contextSlots}\n                    selections={flow.selections}\n                    onSelectionChange={(slot, selection) => flow.setSelections((current) => ({ ...current, [slot]: selection }))}\n                  />\n                </>\n              ) : null}\n            </div>\n            <div className=\"space-y-3\">\n              <h3 className=\"text-sm font-semibold\">{t('documents.templates.preview.title')}</h3>\n              {flow.previewError ? (\n                <Alert status=\"error\">\n                  <AlertDescription className=\"flex flex-wrap items-center justify-between gap-3\">\n                    <span>{flow.previewError}</span>\n                    <Button type=\"button\" size=\"sm\" variant=\"outline\" onClick={flow.retryPreview}>{t('documents.actions.retry')}</Button>\n                  </AlertDescription>\n                </Alert>\n              ) : null}\n              <TemplatePreview preview={flow.preview} isLoading={flow.isPreviewLoading} />\n            </div>\n          </div>\n        ) : null}\n        <DialogFooter>\n          <Button type=\"button\" variant=\"outline\" onClick={() => props.onOpenChange(false)} disabled={flow.isSubmitting}>{t('documents.actions.cancel')}</Button>\n          <Button type=\"button\" onClick={() => void flow.submit()} disabled={!canCreate}>{t('documents.templates.instantiate.actions.create')}</Button>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  )\n}\n\nexport default NewFromTemplateDialog\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/modules/documents/backend/documents/components/PrincipalPicker.js

@@ -0,0 +1,84 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Search, X } from "lucide-react";
+import { Alert } from "@open-mercato/ui/primitives/alert";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { IconButton } from "@open-mercato/ui/primitives/icon-button";
+import { Input } from "@open-mercato/ui/primitives/input";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { cn } from "@open-mercato/shared/lib/utils";
+import { usePrincipalPicker } from "./usePrincipalPicker.js";
+function PrincipalPicker({ documentId, principalType, value, onChange, disabled = false, id }) {
+  const t = useT();
+  const generatedId = React.useId();
+  const inputId = id ?? `documents-principal-picker-${generatedId}`;
+  const listId = `${inputId}-list`;
+  const containerRef = React.useRef(null);
+  const fallbackLabel = t(principalType === "user" ? "documents.users.unknown" : "documents.roles.unknown");
+  const picker = usePrincipalPicker({ documentId, principalType, value, onChange, disabled, fallbackLabel });
+  const placeholder = t(principalType === "user" ? "documents.share.picker.searchUser" : "documents.share.picker.searchRole");
+  return /* @__PURE__ */ jsxs("div", { ref: containerRef, className: "relative space-y-1", onKeyDown: picker.handleKeyDown, onBlur: (event) => {
+    if (event.relatedTarget instanceof Node && containerRef.current?.contains(event.relatedTarget)) return;
+    picker.setOpen(false);
+  }, children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsx(
+        Input,
+        {
+          id: inputId,
+          className: "w-full",
+          value: picker.displayValue,
+          onChange: (event) => picker.changeSearch(event.target.value),
+          onFocus: () => {
+            if (!picker.selectedLabel && !picker.fetchError) picker.setOpen(true);
+          },
+          placeholder,
+          disabled,
+          leftIcon: /* @__PURE__ */ jsx(Search, {}),
+          role: "combobox",
+          "aria-expanded": picker.open && !picker.fetchError,
+          "aria-controls": listId,
+          "aria-autocomplete": "list",
+          "aria-activedescendant": !picker.fetchError && picker.activeIndex >= 0 ? `${listId}-option-${picker.activeIndex}` : void 0
+        }
+      ) }),
+      picker.displayValue ? /* @__PURE__ */ jsx(IconButton, { type: "button", variant: "ghost", className: "shrink-0", "aria-label": t("documents.share.picker.clear"), onClick: picker.clear, disabled, children: /* @__PURE__ */ jsx(X, { "aria-hidden": "true" }) }) : null
+    ] }),
+    picker.fetchError ? /* @__PURE__ */ jsx(Alert, { status: "error", size: "sm", action: /* @__PURE__ */ jsx(Button, { type: "button", size: "sm", variant: "outline", onMouseDown: (event) => event.preventDefault(), onClick: picker.retry, disabled: disabled || picker.loading, children: t("documents.share.picker.retry") }), children: t("documents.share.picker.error") }) : null,
+    picker.open && !picker.fetchError ? /* @__PURE__ */ jsxs("div", { id: listId, role: "listbox", className: "absolute z-popover mt-1 max-h-72 w-full overflow-y-auto rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-lg", children: [
+      picker.loading ? /* @__PURE__ */ jsx("div", { className: "px-3 py-2 text-sm text-muted-foreground", children: t("documents.share.picker.loading") }) : null,
+      !picker.loading && picker.hasFetched && !picker.items.length ? /* @__PURE__ */ jsx("div", { className: "px-3 py-2 text-sm text-muted-foreground", children: t("documents.share.picker.noMatches") }) : null,
+      !picker.loading && picker.items.length ? /* @__PURE__ */ jsx("div", { className: "space-y-1", children: picker.items.map((item, index) => /* @__PURE__ */ jsx(
+        Button,
+        {
+          id: `${listId}-option-${index}`,
+          type: "button",
+          variant: "ghost",
+          role: "option",
+          "aria-selected": index === picker.activeIndex,
+          disabled,
+          className: cn("h-auto w-full justify-start px-3 py-2 text-left", index === picker.activeIndex && "bg-accent text-accent-foreground"),
+          onMouseDown: (event) => event.preventDefault(),
+          onMouseEnter: () => picker.setActiveIndex(index),
+          onClick: () => picker.selectOption(item),
+          children: /* @__PURE__ */ jsxs("span", { className: "min-w-0", children: [
+            /* @__PURE__ */ jsx("span", { className: "block truncate text-sm font-medium", children: item.primary }),
+            item.secondary ? /* @__PURE__ */ jsx("span", { className: "block truncate text-xs text-muted-foreground", children: item.secondary }) : null
+          ] })
+        },
+        item.id
+      )) }) : null,
+      !picker.loading && picker.hasFetched ? /* @__PURE__ */ jsxs("div", { className: "border-t border-border px-2 py-2", children: [
+        picker.total > 0 ? /* @__PURE__ */ jsx("p", { className: "mb-2 text-xs text-muted-foreground", children: t("documents.share.picker.showing", { count: picker.items.length, total: picker.total }) }) : null,
+        picker.page < picker.totalPages ? /* @__PURE__ */ jsx(Button, { type: "button", size: "sm", variant: "outline", className: "w-full", onMouseDown: (event) => event.preventDefault(), onClick: picker.loadMore, disabled: picker.loadingMore, children: picker.loadingMore ? t("documents.share.picker.loading") : t("documents.share.picker.loadMore") }) : null
+      ] }) : null
+    ] }) : null
+  ] });
+}
+var PrincipalPicker_default = PrincipalPicker;
+export {
+  PrincipalPicker,
+  PrincipalPicker_default as default
+};
+//# sourceMappingURL=PrincipalPicker.js.map

package/dist/modules/documents/backend/documents/components/PrincipalPicker.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/documents/backend/documents/components/PrincipalPicker.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Search, X } from 'lucide-react'\nimport { Alert } from '@open-mercato/ui/primitives/alert'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { IconButton } from '@open-mercato/ui/primitives/icon-button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport type { PrincipalType } from './principalPickerModel'\nimport { usePrincipalPicker } from './usePrincipalPicker'\n\ntype PrincipalPickerProps = {\n  documentId: string\n  principalType: PrincipalType\n  value: string | null\n  onChange: (id: string | null, label: string | null) => void\n  disabled?: boolean\n  id?: string\n}\n\nexport function PrincipalPicker({ documentId, principalType, value, onChange, disabled = false, id }: PrincipalPickerProps) {\n  const t = useT()\n  const generatedId = React.useId()\n  const inputId = id ?? `documents-principal-picker-${generatedId}`\n  const listId = `${inputId}-list`\n  const containerRef = React.useRef<HTMLDivElement>(null)\n  const fallbackLabel = t(principalType === 'user' ? 'documents.users.unknown' : 'documents.roles.unknown')\n  const picker = usePrincipalPicker({ documentId, principalType, value, onChange, disabled, fallbackLabel })\n  const placeholder = t(principalType === 'user' ? 'documents.share.picker.searchUser' : 'documents.share.picker.searchRole')\n\n  return (\n    <div ref={containerRef} className=\"relative space-y-1\" onKeyDown={picker.handleKeyDown} onBlur={(event) => {\n      if (event.relatedTarget instanceof Node && containerRef.current?.contains(event.relatedTarget)) return\n      picker.setOpen(false)\n    }}>\n      <div className=\"flex items-center gap-2\">\n        <div className=\"min-w-0 flex-1\">\n          <Input\n            id={inputId}\n            className=\"w-full\"\n            value={picker.displayValue}\n            onChange={(event) => picker.changeSearch(event.target.value)}\n            onFocus={() => { if (!picker.selectedLabel && !picker.fetchError) picker.setOpen(true) }}\n            placeholder={placeholder}\n            disabled={disabled}\n            leftIcon={<Search />}\n            role=\"combobox\"\n            aria-expanded={picker.open && !picker.fetchError}\n            aria-controls={listId}\n            aria-autocomplete=\"list\"\n            aria-activedescendant={!picker.fetchError && picker.activeIndex >= 0 ? `${listId}-option-${picker.activeIndex}` : undefined}\n          />\n        </div>\n        {picker.displayValue ? <IconButton type=\"button\" variant=\"ghost\" className=\"shrink-0\" aria-label={t('documents.share.picker.clear')} onClick={picker.clear} disabled={disabled}><X aria-hidden=\"true\" /></IconButton> : null}\n      </div>\n      {picker.fetchError ? <Alert status=\"error\" size=\"sm\" action={<Button type=\"button\" size=\"sm\" variant=\"outline\" onMouseDown={(event) => event.preventDefault()} onClick={picker.retry} disabled={disabled || picker.loading}>{t('documents.share.picker.retry')}</Button>}>{t('documents.share.picker.error')}</Alert> : null}\n      {picker.open && !picker.fetchError ? (\n        <div id={listId} role=\"listbox\" className=\"absolute z-popover mt-1 max-h-72 w-full overflow-y-auto rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-lg\">\n          {picker.loading ? <div className=\"px-3 py-2 text-sm text-muted-foreground\">{t('documents.share.picker.loading')}</div> : null}\n          {!picker.loading && picker.hasFetched && !picker.items.length ? <div className=\"px-3 py-2 text-sm text-muted-foreground\">{t('documents.share.picker.noMatches')}</div> : null}\n          {!picker.loading && picker.items.length ? <div className=\"space-y-1\">{picker.items.map((item, index) => (\n            <Button\n              id={`${listId}-option-${index}`}\n              key={item.id}\n              type=\"button\"\n              variant=\"ghost\"\n              role=\"option\"\n              aria-selected={index === picker.activeIndex}\n              disabled={disabled}\n              className={cn('h-auto w-full justify-start px-3 py-2 text-left', index === picker.activeIndex && 'bg-accent text-accent-foreground')}\n              onMouseDown={(event) => event.preventDefault()}\n              onMouseEnter={() => picker.setActiveIndex(index)}\n              onClick={() => picker.selectOption(item)}\n            >\n              <span className=\"min-w-0\"><span className=\"block truncate text-sm font-medium\">{item.primary}</span>{item.secondary ? <span className=\"block truncate text-xs text-muted-foreground\">{item.secondary}</span> : null}</span>\n            </Button>\n          ))}</div> : null}\n          {!picker.loading && picker.hasFetched ? <div className=\"border-t border-border px-2 py-2\">\n            {picker.total > 0 ? <p className=\"mb-2 text-xs text-muted-foreground\">{t('documents.share.picker.showing', { count: picker.items.length, total: picker.total })}</p> : null}\n            {picker.page < picker.totalPages ? <Button type=\"button\" size=\"sm\" variant=\"outline\" className=\"w-full\" onMouseDown={(event) => event.preventDefault()} onClick={picker.loadMore} disabled={picker.loadingMore}>{picker.loadingMore ? t('documents.share.picker.loading') : t('documents.share.picker.loadMore')}</Button> : null}\n          </div> : null}\n        </div>\n      ) : null}\n    </div>\n  )\n}\n\nexport default PrincipalPicker\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/modules/documents/backend/documents/components/ShareDialog.js

@@ -0,0 +1,77 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { Button } from "@open-mercato/ui/primitives/button";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle
+} from "@open-mercato/ui/primitives/dialog";
+import { ShareDialogAddForm } from "./ShareDialogAddForm.js";
+import { ShareDialogList } from "./ShareDialogList.js";
+import { useShareDialog } from "./useShareDialog.js";
+function ShareDialog({
+  documentId,
+  open,
+  onOpenChange,
+  canManage = true
+}) {
+  const t = useT();
+  const dialog = useShareDialog({ documentId, open, canManage });
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(
+    DialogContent,
+    {
+      size: "lg",
+      onKeyDown: (event) => {
+        if ((event.metaKey || event.ctrlKey) && event.key === "Enter" && !dialog.isSubmitting) {
+          event.preventDefault();
+          void dialog.addShare();
+        }
+      },
+      children: [
+        /* @__PURE__ */ jsxs(DialogHeader, { children: [
+          /* @__PURE__ */ jsx(DialogTitle, { children: t("documents.share.dialog.title") }),
+          /* @__PURE__ */ jsx(DialogDescription, { children: t("documents.share.dialog.description") })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ jsx(
+            ShareDialogAddForm,
+            {
+              documentId,
+              principalType: dialog.principalType,
+              principalId: dialog.principalId,
+              permission: dialog.permission,
+              canManage,
+              isSubmitting: dialog.isSubmitting,
+              onPrincipalTypeChange: dialog.changePrincipalType,
+              onPrincipalIdChange: dialog.setPrincipalId,
+              onPermissionChange: dialog.setPermission,
+              onSubmit: dialog.addShare
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            ShareDialogList,
+            {
+              shares: dialog.shares,
+              isLoading: dialog.isLoading,
+              error: dialog.error,
+              canManage,
+              pendingShareIds: dialog.pendingShareIds,
+              onRetry: () => void dialog.reload(),
+              onPermissionChange: dialog.changePermission,
+              onRemove: dialog.removeShare
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(DialogFooter, { children: /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: () => onOpenChange(false), children: t("documents.actions.close") }) })
+      ]
+    }
+  ) });
+}
+export {
+  ShareDialog
+};
+//# sourceMappingURL=ShareDialog.js.map

package/dist/modules/documents/backend/documents/components/ShareDialog.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/documents/backend/documents/components/ShareDialog.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n} from '@open-mercato/ui/primitives/dialog'\nimport { ShareDialogAddForm } from './ShareDialogAddForm'\nimport { ShareDialogList } from './ShareDialogList'\nimport { useShareDialog } from './useShareDialog'\n\ntype ShareDialogProps = {\n  documentId: string\n  open: boolean\n  onOpenChange: (open: boolean) => void\n  /**\n   * Explicit live share capability. Omission retains the pre-capability public\n   * component contract; new in-app callers must always pass the server value.\n   * Server authorization remains authoritative for every mutation.\n   * @default true\n   */\n  canManage?: boolean\n}\n\nexport function ShareDialog({\n  documentId,\n  open,\n  onOpenChange,\n  canManage = true,\n}: ShareDialogProps) {\n  const t = useT()\n  const dialog = useShareDialog({ documentId, open, canManage })\n\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent\n        size=\"lg\"\n        onKeyDown={(event) => {\n          if ((event.metaKey || event.ctrlKey) && event.key === 'Enter' && !dialog.isSubmitting) {\n            event.preventDefault()\n            void dialog.addShare()\n          }\n        }}\n      >\n        <DialogHeader>\n          <DialogTitle>{t('documents.share.dialog.title')}</DialogTitle>\n          <DialogDescription>{t('documents.share.dialog.description')}</DialogDescription>\n        </DialogHeader>\n\n        <div className=\"space-y-4\">\n          <ShareDialogAddForm\n            documentId={documentId}\n            principalType={dialog.principalType}\n            principalId={dialog.principalId}\n            permission={dialog.permission}\n            canManage={canManage}\n            isSubmitting={dialog.isSubmitting}\n            onPrincipalTypeChange={dialog.changePrincipalType}\n            onPrincipalIdChange={dialog.setPrincipalId}\n            onPermissionChange={dialog.setPermission}\n            onSubmit={dialog.addShare}\n          />\n          <ShareDialogList\n            shares={dialog.shares}\n            isLoading={dialog.isLoading}\n            error={dialog.error}\n            canManage={canManage}\n            pendingShareIds={dialog.pendingShareIds}\n            onRetry={() => void dialog.reload()}\n            onPermissionChange={dialog.changePermission}\n            onRemove={dialog.removeShare}\n          />\n        </div>\n\n        <DialogFooter>\n          <Button type=\"button\" variant=\"outline\" onClick={() => onOpenChange(false)}>\n            {t('documents.actions.close')}\n          </Button>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  )\n}\n"],
+  "mappings": ";AAiDQ,SACE,KADF;AA/CR,SAAS,YAAY;AACrB,SAAS,cAAc;AACvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,0BAA0B;AACnC,SAAS,uBAAuB;AAChC,SAAS,sBAAsB;AAexB,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AACd,GAAqB;AACnB,QAAM,IAAI,KAAK;AACf,QAAM,SAAS,eAAe,EAAE,YAAY,MAAM,UAAU,CAAC;AAE7D,SACE,oBAAC,UAAO,MAAY,cAClB;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAW,CAAC,UAAU;AACpB,aAAK,MAAM,WAAW,MAAM,YAAY,MAAM,QAAQ,WAAW,CAAC,OAAO,cAAc;AACrF,gBAAM,eAAe;AACrB,eAAK,OAAO,SAAS;AAAA,QACvB;AAAA,MACF;AAAA,MAEA;AAAA,6BAAC,gBACC;AAAA,8BAAC,eAAa,YAAE,8BAA8B,GAAE;AAAA,UAChD,oBAAC,qBAAmB,YAAE,oCAAoC,GAAE;AAAA,WAC9D;AAAA,QAEA,qBAAC,SAAI,WAAU,aACb;AAAA;AAAA,YAAC;AAAA;AAAA,cACC;AAAA,cACA,eAAe,OAAO;AAAA,cACtB,aAAa,OAAO;AAAA,cACpB,YAAY,OAAO;AAAA,cACnB;AAAA,cACA,cAAc,OAAO;AAAA,cACrB,uBAAuB,OAAO;AAAA,cAC9B,qBAAqB,OAAO;AAAA,cAC5B,oBAAoB,OAAO;AAAA,cAC3B,UAAU,OAAO;AAAA;AAAA,UACnB;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,QAAQ,OAAO;AAAA,cACf,WAAW,OAAO;AAAA,cAClB,OAAO,OAAO;AAAA,cACd;AAAA,cACA,iBAAiB,OAAO;AAAA,cACxB,SAAS,MAAM,KAAK,OAAO,OAAO;AAAA,cAClC,oBAAoB,OAAO;AAAA,cAC3B,UAAU,OAAO;AAAA;AAAA,UACnB;AAAA,WACF;AAAA,QAEA,oBAAC,gBACC,8BAAC,UAAO,MAAK,UAAS,SAAQ,WAAU,SAAS,MAAM,aAAa,KAAK,GACtE,YAAE,yBAAyB,GAC9B,GACF;AAAA;AAAA;AAAA,EACF,GACF;AAEJ;",
+  "names": []
+}

package/dist/modules/documents/backend/documents/components/ShareDialogAddForm.js

@@ -0,0 +1,93 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { Label } from "@open-mercato/ui/primitives/label";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@open-mercato/ui/primitives/select";
+import { PrincipalPicker } from "./PrincipalPicker.js";
+import {
+  PRINCIPAL_TYPES,
+  SHARE_PERMISSIONS,
+  readPermission,
+  readPrincipalType
+} from "./shareDialogModel.js";
+function ShareDialogAddForm({
+  documentId,
+  principalType,
+  principalId,
+  permission,
+  canManage,
+  isSubmitting,
+  onPrincipalTypeChange,
+  onPrincipalIdChange,
+  onPermissionChange,
+  onSubmit
+}) {
+  const t = useT();
+  const principalInputId = React.useId();
+  const principalTypeInputId = React.useId();
+  const permissionInputId = React.useId();
+  const disabled = !canManage || isSubmitting;
+  return /* @__PURE__ */ jsxs(
+    "form",
+    {
+      className: "grid gap-3 rounded-lg border border-border bg-muted/20 p-4 md:grid-cols-3",
+      onSubmit: (event) => {
+        event.preventDefault();
+        void onSubmit();
+      },
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx(Label, { htmlFor: principalInputId, children: t("documents.share.dialog.principalSearch") }),
+          /* @__PURE__ */ jsx(
+            PrincipalPicker,
+            {
+              documentId,
+              id: principalInputId,
+              principalType,
+              value: principalId || null,
+              onChange: (id) => onPrincipalIdChange(id ?? ""),
+              disabled
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx(Label, { htmlFor: principalTypeInputId, children: t("documents.share.dialog.principalType") }),
+          /* @__PURE__ */ jsxs(
+            Select,
+            {
+              value: principalType,
+              onValueChange: (value) => onPrincipalTypeChange(readPrincipalType(value)),
+              disabled,
+              children: [
+                /* @__PURE__ */ jsx(SelectTrigger, { id: principalTypeInputId, children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+                /* @__PURE__ */ jsx(SelectContent, { children: PRINCIPAL_TYPES.map((type) => /* @__PURE__ */ jsx(SelectItem, { value: type, children: t(`documents.share.principalTypes.${type}`) }, type)) })
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx(Label, { htmlFor: permissionInputId, children: t("documents.share.dialog.permission") }),
+          /* @__PURE__ */ jsxs(
+            Select,
+            {
+              value: permission,
+              onValueChange: (value) => onPermissionChange(readPermission(value)),
+              disabled,
+              children: [
+                /* @__PURE__ */ jsx(SelectTrigger, { id: permissionInputId, children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+                /* @__PURE__ */ jsx(SelectContent, { children: SHARE_PERMISSIONS.map((tier) => /* @__PURE__ */ jsx(SelectItem, { value: tier, children: t(`documents.permissions.${tier}`) }, tier)) })
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "md:col-span-3", children: /* @__PURE__ */ jsx(Button, { type: "submit", disabled: disabled || principalId.trim().length === 0, children: t("documents.share.dialog.add") }) })
+      ]
+    }
+  );
+}
+export {
+  ShareDialogAddForm
+};
+//# sourceMappingURL=ShareDialogAddForm.js.map

package/dist/modules/documents/backend/documents/components/ShareDialogAddForm.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/documents/backend/documents/components/ShareDialogAddForm.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Label } from '@open-mercato/ui/primitives/label'\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@open-mercato/ui/primitives/select'\nimport { PrincipalPicker } from './PrincipalPicker'\nimport {\n  PRINCIPAL_TYPES,\n  SHARE_PERMISSIONS,\n  readPermission,\n  readPrincipalType,\n  type DocumentSharePermission,\n  type DocumentSharePrincipalType,\n} from './shareDialogModel'\n\ntype ShareDialogAddFormProps = {\n  documentId: string\n  principalType: DocumentSharePrincipalType\n  principalId: string\n  permission: DocumentSharePermission\n  canManage: boolean\n  isSubmitting: boolean\n  onPrincipalTypeChange: (value: DocumentSharePrincipalType) => void\n  onPrincipalIdChange: (value: string) => void\n  onPermissionChange: (value: DocumentSharePermission) => void\n  onSubmit: () => Promise<void>\n}\n\nexport function ShareDialogAddForm({\n  documentId,\n  principalType,\n  principalId,\n  permission,\n  canManage,\n  isSubmitting,\n  onPrincipalTypeChange,\n  onPrincipalIdChange,\n  onPermissionChange,\n  onSubmit,\n}: ShareDialogAddFormProps) {\n  const t = useT()\n  const principalInputId = React.useId()\n  const principalTypeInputId = React.useId()\n  const permissionInputId = React.useId()\n  const disabled = !canManage || isSubmitting\n\n  return (\n    <form\n      className=\"grid gap-3 rounded-lg border border-border bg-muted/20 p-4 md:grid-cols-3\"\n      onSubmit={(event) => {\n        event.preventDefault()\n        void onSubmit()\n      }}\n    >\n      <div className=\"space-y-2\">\n        <Label htmlFor={principalInputId}>{t('documents.share.dialog.principalSearch')}</Label>\n        <PrincipalPicker\n          documentId={documentId}\n          id={principalInputId}\n          principalType={principalType}\n          value={principalId || null}\n          onChange={(id) => onPrincipalIdChange(id ?? '')}\n          disabled={disabled}\n        />\n      </div>\n      <div className=\"space-y-2\">\n        <Label htmlFor={principalTypeInputId}>{t('documents.share.dialog.principalType')}</Label>\n        <Select\n          value={principalType}\n          onValueChange={(value) => onPrincipalTypeChange(readPrincipalType(value))}\n          disabled={disabled}\n        >\n          <SelectTrigger id={principalTypeInputId}>\n            <SelectValue />\n          </SelectTrigger>\n          <SelectContent>\n            {PRINCIPAL_TYPES.map((type) => (\n              <SelectItem key={type} value={type}>\n                {t(`documents.share.principalTypes.${type}`)}\n              </SelectItem>\n            ))}\n          </SelectContent>\n        </Select>\n      </div>\n      <div className=\"space-y-2\">\n        <Label htmlFor={permissionInputId}>{t('documents.share.dialog.permission')}</Label>\n        <Select\n          value={permission}\n          onValueChange={(value) => onPermissionChange(readPermission(value))}\n          disabled={disabled}\n        >\n          <SelectTrigger id={permissionInputId}>\n            <SelectValue />\n          </SelectTrigger>\n          <SelectContent>\n            {SHARE_PERMISSIONS.map((tier) => (\n              <SelectItem key={tier} value={tier}>\n                {t(`documents.permissions.${tier}`)}\n              </SelectItem>\n            ))}\n          </SelectContent>\n        </Select>\n      </div>\n      <div className=\"md:col-span-3\">\n        <Button type=\"submit\" disabled={disabled || principalId.trim().length === 0}>\n          {t('documents.share.dialog.add')}\n        </Button>\n      </div>\n    </form>\n  )\n}\n"],
+  "mappings": ";AAwDM,SACE,KADF;AAtDN,YAAY,WAAW;AACvB,SAAS,YAAY;AACrB,SAAS,cAAc;AACvB,SAAS,aAAa;AACtB,SAAS,QAAQ,eAAe,YAAY,eAAe,mBAAmB;AAC9E,SAAS,uBAAuB;AAChC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAGK;AAeA,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA4B;AAC1B,QAAM,IAAI,KAAK;AACf,QAAM,mBAAmB,MAAM,MAAM;AACrC,QAAM,uBAAuB,MAAM,MAAM;AACzC,QAAM,oBAAoB,MAAM,MAAM;AACtC,QAAM,WAAW,CAAC,aAAa;AAE/B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,UAAU,CAAC,UAAU;AACnB,cAAM,eAAe;AACrB,aAAK,SAAS;AAAA,MAChB;AAAA,MAEA;AAAA,6BAAC,SAAI,WAAU,aACb;AAAA,8BAAC,SAAM,SAAS,kBAAmB,YAAE,wCAAwC,GAAE;AAAA,UAC/E;AAAA,YAAC;AAAA;AAAA,cACC;AAAA,cACA,IAAI;AAAA,cACJ;AAAA,cACA,OAAO,eAAe;AAAA,cACtB,UAAU,CAAC,OAAO,oBAAoB,MAAM,EAAE;AAAA,cAC9C;AAAA;AAAA,UACF;AAAA,WACF;AAAA,QACA,qBAAC,SAAI,WAAU,aACb;AAAA,8BAAC,SAAM,SAAS,sBAAuB,YAAE,sCAAsC,GAAE;AAAA,UACjF;AAAA,YAAC;AAAA;AAAA,cACC,OAAO;AAAA,cACP,eAAe,CAAC,UAAU,sBAAsB,kBAAkB,KAAK,CAAC;AAAA,cACxE;AAAA,cAEA;AAAA,oCAAC,iBAAc,IAAI,sBACjB,8BAAC,eAAY,GACf;AAAA,gBACA,oBAAC,iBACE,0BAAgB,IAAI,CAAC,SACpB,oBAAC,cAAsB,OAAO,MAC3B,YAAE,kCAAkC,IAAI,EAAE,KAD5B,IAEjB,CACD,GACH;AAAA;AAAA;AAAA,UACF;AAAA,WACF;AAAA,QACA,qBAAC,SAAI,WAAU,aACb;AAAA,8BAAC,SAAM,SAAS,mBAAoB,YAAE,mCAAmC,GAAE;AAAA,UAC3E;AAAA,YAAC;AAAA;AAAA,cACC,OAAO;AAAA,cACP,eAAe,CAAC,UAAU,mBAAmB,eAAe,KAAK,CAAC;AAAA,cAClE;AAAA,cAEA;AAAA,oCAAC,iBAAc,IAAI,mBACjB,8BAAC,eAAY,GACf;AAAA,gBACA,oBAAC,iBACE,4BAAkB,IAAI,CAAC,SACtB,oBAAC,cAAsB,OAAO,MAC3B,YAAE,yBAAyB,IAAI,EAAE,KADnB,IAEjB,CACD,GACH;AAAA;AAAA;AAAA,UACF;AAAA,WACF;AAAA,QACA,oBAAC,SAAI,WAAU,iBACb,8BAAC,UAAO,MAAK,UAAS,UAAU,YAAY,YAAY,KAAK,EAAE,WAAW,GACvE,YAAE,4BAA4B,GACjC,GACF;AAAA;AAAA;AAAA,EACF;AAEJ;",
+  "names": []
+}

package/dist/modules/documents/backend/documents/components/ShareDialogList.js

@@ -0,0 +1,82 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { ErrorMessage, LoadingMessage } from "@open-mercato/ui/backend/detail";
+import { Alert } from "@open-mercato/ui/primitives/alert";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@open-mercato/ui/primitives/select";
+import {
+  SHARE_PERMISSIONS,
+  readPermission
+} from "./shareDialogModel.js";
+function ShareDialogList({
+  shares,
+  isLoading,
+  error,
+  canManage,
+  pendingShareIds,
+  onRetry,
+  onPermissionChange,
+  onRemove
+}) {
+  const t = useT();
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+    !canManage ? /* @__PURE__ */ jsx(Alert, { status: "information", size: "sm", children: t("documents.share.dialog.readOnly") }) : null,
+    isLoading ? /* @__PURE__ */ jsx(LoadingMessage, { label: t("documents.share.dialog.loading") }) : error ? /* @__PURE__ */ jsx(
+      ErrorMessage,
+      {
+        label: error,
+        action: onRetry ? /* @__PURE__ */ jsx(Button, { type: "button", size: "sm", variant: "outline", onClick: onRetry, children: t("documents.actions.retry") }) : void 0
+      }
+    ) : shares.length === 0 ? /* @__PURE__ */ jsx("p", { className: "rounded border border-border bg-muted/20 px-3 py-2 text-sm text-muted-foreground", children: t("documents.share.dialog.empty") }) : /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: t("documents.share.dialog.current") }),
+      /* @__PURE__ */ jsx("div", { className: "max-h-64 space-y-2 overflow-y-auto pr-1", children: shares.map((share) => {
+        const isPending = pendingShareIds.has(share.id);
+        const principalTypeLabel = t(`documents.share.principalTypes.${share.principalType}`);
+        const permissionLabel = t("documents.share.dialog.permission");
+        const removeLabel = t("documents.actions.unshare");
+        return /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "flex flex-col gap-3 rounded-lg border border-border bg-card p-3 md:flex-row md:items-center",
+            children: [
+              /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+                /* @__PURE__ */ jsx("p", { className: "truncate text-sm font-medium", title: share.principalLabel, children: share.principalLabel }),
+                /* @__PURE__ */ jsx("p", { className: "truncate text-xs text-muted-foreground", children: share.principalSecondary ? `${principalTypeLabel} \u2014 ${share.principalSecondary}` : principalTypeLabel })
+              ] }),
+              /* @__PURE__ */ jsx("div", { className: "shrink-0 md:w-48", children: /* @__PURE__ */ jsxs(
+                Select,
+                {
+                  value: share.permission,
+                  onValueChange: (value) => void onPermissionChange(share, readPermission(value)),
+                  disabled: !canManage || isPending,
+                  children: [
+                    /* @__PURE__ */ jsx(SelectTrigger, { "aria-label": `${permissionLabel}: ${share.principalLabel}`, children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+                    /* @__PURE__ */ jsx(SelectContent, { children: SHARE_PERMISSIONS.map((tier) => /* @__PURE__ */ jsx(SelectItem, { value: tier, children: t(`documents.permissions.${tier}`) }, tier)) })
+                  ]
+                }
+              ) }),
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  type: "button",
+                  variant: "destructive-outline",
+                  className: "shrink-0",
+                  "aria-label": `${removeLabel}: ${share.principalLabel}`,
+                  onClick: () => void onRemove(share),
+                  disabled: !canManage || isPending,
+                  children: removeLabel
+                }
+              )
+            ]
+          },
+          share.id
+        );
+      }) })
+    ] })
+  ] });
+}
+export {
+  ShareDialogList
+};
+//# sourceMappingURL=ShareDialogList.js.map

package/dist/modules/documents/backend/documents/components/ShareDialogList.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/documents/backend/documents/components/ShareDialogList.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { ErrorMessage, LoadingMessage } from '@open-mercato/ui/backend/detail'\nimport { Alert } from '@open-mercato/ui/primitives/alert'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@open-mercato/ui/primitives/select'\nimport {\n  SHARE_PERMISSIONS,\n  readPermission,\n  type DocumentSharePermission,\n  type ShareRow,\n} from './shareDialogModel'\n\ntype ShareDialogListProps = {\n  shares: ShareRow[]\n  isLoading: boolean\n  error: string | null\n  canManage: boolean\n  pendingShareIds: ReadonlySet<string>\n  onRetry?: () => void\n  onPermissionChange: (share: ShareRow, permission: DocumentSharePermission) => Promise<void>\n  onRemove: (share: ShareRow) => Promise<void>\n}\n\nexport function ShareDialogList({\n  shares,\n  isLoading,\n  error,\n  canManage,\n  pendingShareIds,\n  onRetry,\n  onPermissionChange,\n  onRemove,\n}: ShareDialogListProps) {\n  const t = useT()\n\n  return (\n    <div className=\"space-y-4\">\n      {!canManage ? (\n        <Alert status=\"information\" size=\"sm\">\n          {t('documents.share.dialog.readOnly')}\n        </Alert>\n      ) : null}\n\n      {isLoading ? (\n        <LoadingMessage label={t('documents.share.dialog.loading')} />\n      ) : error ? (\n        <ErrorMessage\n          label={error}\n          action={onRetry ? <Button type=\"button\" size=\"sm\" variant=\"outline\" onClick={onRetry}>{t('documents.actions.retry')}</Button> : undefined}\n        />\n      ) : shares.length === 0 ? (\n        <p className=\"rounded border border-border bg-muted/20 px-3 py-2 text-sm text-muted-foreground\">\n          {t('documents.share.dialog.empty')}\n        </p>\n      ) : (\n        <div className=\"space-y-2\">\n          <p className=\"text-sm font-medium\">{t('documents.share.dialog.current')}</p>\n          <div className=\"max-h-64 space-y-2 overflow-y-auto pr-1\">\n            {shares.map((share) => {\n              const isPending = pendingShareIds.has(share.id)\n              const principalTypeLabel = t(`documents.share.principalTypes.${share.principalType}`)\n              const permissionLabel = t('documents.share.dialog.permission')\n              const removeLabel = t('documents.actions.unshare')\n              return (\n                <div\n                  key={share.id}\n                  className=\"flex flex-col gap-3 rounded-lg border border-border bg-card p-3 md:flex-row md:items-center\"\n                >\n                  <div className=\"min-w-0 flex-1\">\n                    <p className=\"truncate text-sm font-medium\" title={share.principalLabel}>\n                      {share.principalLabel}\n                    </p>\n                    <p className=\"truncate text-xs text-muted-foreground\">\n                      {share.principalSecondary\n                        ? `${principalTypeLabel} \u2014 ${share.principalSecondary}`\n                        : principalTypeLabel}\n                    </p>\n                  </div>\n                  <div className=\"shrink-0 md:w-48\">\n                    <Select\n                      value={share.permission}\n                      onValueChange={(value) => void onPermissionChange(share, readPermission(value))}\n                      disabled={!canManage || isPending}\n                    >\n                      <SelectTrigger aria-label={`${permissionLabel}: ${share.principalLabel}`}>\n                        <SelectValue />\n                      </SelectTrigger>\n                      <SelectContent>\n                        {SHARE_PERMISSIONS.map((tier) => (\n                          <SelectItem key={tier} value={tier}>\n                            {t(`documents.permissions.${tier}`)}\n                          </SelectItem>\n                        ))}\n                      </SelectContent>\n                    </Select>\n                  </div>\n                  <Button\n                    type=\"button\"\n                    variant=\"destructive-outline\"\n                    className=\"shrink-0\"\n                    aria-label={`${removeLabel}: ${share.principalLabel}`}\n                    onClick={() => void onRemove(share)}\n                    disabled={!canManage || isPending}\n                  >\n                    {removeLabel}\n                  </Button>\n                </div>\n              )\n            })}\n          </div>\n        </div>\n      )}\n    </div>\n  )\n}\n"],
+  "mappings": ";AAwCQ,cA8BU,YA9BV;AAtCR,SAAS,YAAY;AACrB,SAAS,cAAc,sBAAsB;AAC7C,SAAS,aAAa;AACtB,SAAS,cAAc;AACvB,SAAS,QAAQ,eAAe,YAAY,eAAe,mBAAmB;AAC9E;AAAA,EACE;AAAA,EACA;AAAA,OAGK;AAaA,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAyB;AACvB,QAAM,IAAI,KAAK;AAEf,SACE,qBAAC,SAAI,WAAU,aACZ;AAAA,KAAC,YACA,oBAAC,SAAM,QAAO,eAAc,MAAK,MAC9B,YAAE,iCAAiC,GACtC,IACE;AAAA,IAEH,YACC,oBAAC,kBAAe,OAAO,EAAE,gCAAgC,GAAG,IAC1D,QACF;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,QACP,QAAQ,UAAU,oBAAC,UAAO,MAAK,UAAS,MAAK,MAAK,SAAQ,WAAU,SAAS,SAAU,YAAE,yBAAyB,GAAE,IAAY;AAAA;AAAA,IAClI,IACE,OAAO,WAAW,IACpB,oBAAC,OAAE,WAAU,oFACV,YAAE,8BAA8B,GACnC,IAEA,qBAAC,SAAI,WAAU,aACb;AAAA,0BAAC,OAAE,WAAU,uBAAuB,YAAE,gCAAgC,GAAE;AAAA,MACxE,oBAAC,SAAI,WAAU,2CACZ,iBAAO,IAAI,CAAC,UAAU;AACrB,cAAM,YAAY,gBAAgB,IAAI,MAAM,EAAE;AAC9C,cAAM,qBAAqB,EAAE,kCAAkC,MAAM,aAAa,EAAE;AACpF,cAAM,kBAAkB,EAAE,mCAAmC;AAC7D,cAAM,cAAc,EAAE,2BAA2B;AACjD,eACE;AAAA,UAAC;AAAA;AAAA,YAEC,WAAU;AAAA,YAEV;AAAA,mCAAC,SAAI,WAAU,kBACb;AAAA,oCAAC,OAAE,WAAU,gCAA+B,OAAO,MAAM,gBACtD,gBAAM,gBACT;AAAA,gBACA,oBAAC,OAAE,WAAU,0CACV,gBAAM,qBACH,GAAG,kBAAkB,WAAM,MAAM,kBAAkB,KACnD,oBACN;AAAA,iBACF;AAAA,cACA,oBAAC,SAAI,WAAU,oBACb;AAAA,gBAAC;AAAA;AAAA,kBACC,OAAO,MAAM;AAAA,kBACb,eAAe,CAAC,UAAU,KAAK,mBAAmB,OAAO,eAAe,KAAK,CAAC;AAAA,kBAC9E,UAAU,CAAC,aAAa;AAAA,kBAExB;AAAA,wCAAC,iBAAc,cAAY,GAAG,eAAe,KAAK,MAAM,cAAc,IACpE,8BAAC,eAAY,GACf;AAAA,oBACA,oBAAC,iBACE,4BAAkB,IAAI,CAAC,SACtB,oBAAC,cAAsB,OAAO,MAC3B,YAAE,yBAAyB,IAAI,EAAE,KADnB,IAEjB,CACD,GACH;AAAA;AAAA;AAAA,cACF,GACF;AAAA,cACA;AAAA,gBAAC;AAAA;AAAA,kBACC,MAAK;AAAA,kBACL,SAAQ;AAAA,kBACR,WAAU;AAAA,kBACV,cAAY,GAAG,WAAW,KAAK,MAAM,cAAc;AAAA,kBACnD,SAAS,MAAM,KAAK,SAAS,KAAK;AAAA,kBAClC,UAAU,CAAC,aAAa;AAAA,kBAEvB;AAAA;AAAA,cACH;AAAA;AAAA;AAAA,UAxCK,MAAM;AAAA,QAyCb;AAAA,MAEJ,CAAC,GACH;AAAA,OACF;AAAA,KAEJ;AAEJ;",
+  "names": []
+}