@open-mercato/core 0.4.5-develop-5191db4ef3 → 0.4.5-develop-9f9549ebc8

package/dist/modules/messages/components/MessageDetailPageClient.js

@@ -0,0 +1,261 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { MessageComposer } from "@open-mercato/ui/backend/messages";
+import { useConfirmDialog } from "@open-mercato/ui/backend/confirm-dialog";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { LoadingMessage, ErrorMessage } from "@open-mercato/ui/backend/detail";
+import {
+  getMessageUiComponentRegistry
+} from "./utils/typeUiRegistry.js";
+import {
+  MessageDetailActionsSection,
+  MessageDetailAttachmentsSection,
+  MessageDetailBodySection,
+  MessageDetailComposerDialogs,
+  MessageDetailDialogs,
+  MainMessageHeader,
+  MessageListComponent,
+  MessageHeader,
+  MessageDetailMetaSection,
+  MessageDetailObjectsSection
+} from "./message-detail/detail-panels.js";
+import { useMessageDetails } from "./message-detail/hooks/useMessageDetails.js";
+function MessageConversationDetailItem({
+  messageId,
+  isCollapsible,
+  isExpanded,
+  onToggle,
+  onReply,
+  onForward
+}) {
+  const state = useMessageDetails(messageId);
+  const messageUiRegistry = React.useMemo(() => getMessageUiComponentRegistry(), []);
+  if (state.isLoadingDetail) {
+    return /* @__PURE__ */ jsx("section", { className: "py-3", children: /* @__PURE__ */ jsx(LoadingMessage, { label: state.t("messages.loading.detail", "Loading message...") }) });
+  }
+  if (!state.detail) {
+    return /* @__PURE__ */ jsx("section", { className: "py-3", children: /* @__PURE__ */ jsx(ErrorMessage, { label: state.loadErrorMessage }) });
+  }
+  const ContentComponent = state.contentComponentKey ? messageUiRegistry.contentComponents[state.contentComponentKey] ?? null : null;
+  const ActionsComponent = state.actionsComponentKey ? messageUiRegistry.actionsComponents[state.actionsComponentKey] ?? null : null;
+  return /* @__PURE__ */ jsxs("section", { className: "py-3", children: [
+    /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsxs("section", { className: "space-y-2 py-2", children: [
+        /* @__PURE__ */ jsx(
+          MessageHeader,
+          {
+            detail: state.detail,
+            updatingState: state.updatingState,
+            isArchived: state.isArchived,
+            showSubject: false,
+            collapseToggle: isCollapsible ? { expanded: isExpanded, onToggle } : void 0,
+            onReply: () => onReply(messageId),
+            onForward: () => onForward(messageId),
+            onEdit: () => state.setEditOpen(true),
+            onToggleRead: () => void state.toggleRead(),
+            onToggleArchive: () => void state.toggleArchive(),
+            onDelete: () => state.setDeleteConfirmationOpen(true)
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          MessageDetailBodySection,
+          {
+            detail: state.detail,
+            contentProps: state.contentProps,
+            ContentComponent
+          }
+        ),
+        /* @__PURE__ */ jsx(MessageDetailMetaSection, { detail: state.detail })
+      ] }),
+      /* @__PURE__ */ jsx(
+        MessageDetailActionsSection,
+        {
+          detail: state.detail,
+          messageActions: state.messageActions,
+          executingActionId: state.executingActionId,
+          ActionsComponent,
+          onExecuteActionById: state.handleExecuteActionById,
+          onExecuteAction: state.handleExecuteAction
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        MessageDetailObjectsSection,
+        {
+          detail: state.detail,
+          objectActionsByObjectId: state.objectActionsByObjectId,
+          onExecuteAction: state.handleExecuteAction
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        MessageDetailAttachmentsSection,
+        {
+          attachmentsQuery: state.attachmentsQuery,
+          attachments: state.attachments
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(
+      MessageDetailComposerDialogs,
+      {
+        id: messageId,
+        detail: state.detail,
+        attachments: state.attachments,
+        editOpen: state.editOpen,
+        setEditOpen: state.setEditOpen,
+        onRefresh: () => state.detailQuery.refetch()
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      MessageDetailDialogs,
+      {
+        pendingActionConfirmation: state.pendingActionConfirmation,
+        setPendingActionConfirmation: state.setPendingActionConfirmation,
+        executingActionId: state.executingActionId,
+        handleConfirmPendingAction: state.handleConfirmPendingAction,
+        handleActionConfirmDialogKeyDown: state.handleActionConfirmDialogKeyDown,
+        deleteConfirmationOpen: state.deleteConfirmationOpen,
+        setDeleteConfirmationOpen: state.setDeleteConfirmationOpen,
+        updatingState: state.updatingState,
+        handleDelete: state.handleDelete,
+        handleDeleteDialogKeyDown: state.handleDeleteDialogKeyDown
+      }
+    )
+  ] });
+}
+function MessageDetailPageClient({ id }) {
+  const state = useMessageDetails(id);
+  const [activeInlineComposer, setActiveInlineComposer] = React.useState(null);
+  const inlineComposerContainerRef = React.useRef(null);
+  const { confirm, ConfirmDialogElement } = useConfirmDialog();
+  React.useEffect(() => {
+    if (!activeInlineComposer) return;
+    const composerContainer = inlineComposerContainerRef.current;
+    if (!composerContainer) return;
+    const firstFocusableElement = composerContainer.querySelector(
+      'textarea, input, [contenteditable="true"]'
+    );
+    firstFocusableElement?.focus();
+  }, [activeInlineComposer]);
+  if (state.isLoadingDetail) {
+    return /* @__PURE__ */ jsx(LoadingMessage, { label: state.t("messages.loading.detail", "Loading message...") });
+  }
+  if (!state.detail) {
+    return /* @__PURE__ */ jsx(
+      ErrorMessage,
+      {
+        label: state.loadErrorMessage,
+        action: /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: state.backToList, children: state.t("messages.actions.backToList", "Back to messages") })
+      }
+    );
+  }
+  const detail = state.detail;
+  const firstConversationMessageId = state.conversationItems[0]?.id ?? null;
+  const latestConversationMessageId = state.conversationItems[state.conversationItems.length - 1]?.id ?? null;
+  const canRunConversationActions = Boolean(firstConversationMessageId);
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ jsx(
+      MainMessageHeader,
+      {
+        subject: detail.subject,
+        priority: detail.priority ?? "normal",
+        canReply: !detail.isDraft && detail.typeDefinition.allowReply && Boolean(firstConversationMessageId),
+        canForwardAll: !detail.isDraft && detail.typeDefinition.allowForward && Boolean(latestConversationMessageId),
+        actionsDisabled: Boolean(state.activeConversationAction),
+        activeActionId: state.activeConversationAction,
+        onReply: () => {
+          if (!firstConversationMessageId) return;
+          setActiveInlineComposer({
+            variant: "reply",
+            messageId: firstConversationMessageId
+          });
+        },
+        onForwardAll: () => {
+          if (!latestConversationMessageId) return;
+          setActiveInlineComposer({
+            variant: "forward",
+            messageId: latestConversationMessageId
+          });
+        },
+        onArchiveConversation: () => {
+          if (!canRunConversationActions) return;
+          void state.archiveConversation(firstConversationMessageId ?? void 0);
+        },
+        onMarkAllUnread: () => {
+          if (!canRunConversationActions) return;
+          void state.markConversationUnread(firstConversationMessageId ?? void 0);
+        },
+        onDeleteConversation: () => {
+          if (!canRunConversationActions || state.activeConversationAction) return;
+          void (async () => {
+            const confirmed = await confirm({
+              title: state.t("messages.confirm.deleteConversationTitle", "Delete conversation"),
+              text: state.t("messages.confirm.deleteConversation", "Delete this conversation from your view?"),
+              confirmText: state.t("messages.actions.deleteConversation", "Delete conversation"),
+              cancelText: state.t("common.cancel", "Cancel"),
+              variant: "destructive"
+            });
+            if (!confirmed) return;
+            await state.deleteConversation(firstConversationMessageId ?? void 0);
+          })();
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx("div", { className: "divide-y border-y", children: state.conversationItems.map((item) => {
+      const isForcedExpanded = item.id === state.forcedExpandedItemId;
+      const isExpanded = state.isConversationItemExpanded(item.id);
+      if (isExpanded) {
+        return /* @__PURE__ */ jsx(
+          MessageConversationDetailItem,
+          {
+            messageId: item.id,
+            isCollapsible: !isForcedExpanded,
+            isExpanded: true,
+            onToggle: () => state.toggleConversationItem(item.id),
+            onReply: (messageId) => {
+              setActiveInlineComposer({
+                variant: "reply",
+                messageId
+              });
+            },
+            onForward: (messageId) => {
+              setActiveInlineComposer({
+                variant: "forward",
+                messageId
+              });
+            }
+          },
+          item.id
+        );
+      }
+      return /* @__PURE__ */ jsx("section", { className: "px-1 py-1", children: /* @__PURE__ */ jsx(
+        MessageListComponent,
+        {
+          message: state.buildConversationListItemMessage(item),
+          onClick: () => state.toggleConversationItem(item.id)
+        }
+      ) }, item.id);
+    }) }),
+    activeInlineComposer ? /* @__PURE__ */ jsx("div", { ref: inlineComposerContainerRef, children: /* @__PURE__ */ jsx(
+      MessageComposer,
+      {
+        inline: true,
+        inlineBackHref: null,
+        variant: activeInlineComposer.variant,
+        messageId: activeInlineComposer.messageId,
+        onCancel: () => {
+          setActiveInlineComposer(null);
+        },
+        onSuccess: () => {
+          setActiveInlineComposer(null);
+          void state.detailQuery.refetch();
+        }
+      }
+    ) }) : null,
+    ConfirmDialogElement
+  ] });
+}
+export {
+  MessageDetailPageClient
+};
+//# sourceMappingURL=MessageDetailPageClient.js.map

package/dist/modules/messages/components/MessageDetailPageClient.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/modules/messages/components/MessageDetailPageClient.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { MessageComposer } from '@open-mercato/ui/backend/messages'\nimport { useConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { LoadingMessage, ErrorMessage } from '@open-mercato/ui/backend/detail'\nimport {\n  getMessageUiComponentRegistry,\n} from './utils/typeUiRegistry'\nimport {\n  MessageDetailActionsSection,\n  MessageDetailAttachmentsSection,\n  MessageDetailBodySection,\n  MessageDetailComposerDialogs,\n  MessageDetailDialogs,\n  MainMessageHeader,\n  MessageListComponent,\n  MessageHeader,\n  MessageDetailMetaSection,\n  MessageDetailObjectsSection,\n} from './message-detail/detail-panels'\nimport { useMessageDetails } from './message-detail/hooks/useMessageDetails'\n\nfunction MessageConversationDetailItem({\n  messageId,\n  isCollapsible,\n  isExpanded,\n  onToggle,\n  onReply,\n  onForward,\n}: {\n  messageId: string\n  isCollapsible: boolean\n  isExpanded: boolean\n  onToggle: () => void\n  onReply: (messageId: string) => void\n  onForward: (messageId: string) => void\n}) {\n  const state = useMessageDetails(messageId)\n  const messageUiRegistry = React.useMemo(() => getMessageUiComponentRegistry(), [])\n\n  if (state.isLoadingDetail) {\n    return (\n      <section className=\"py-3\">\n        <LoadingMessage label={state.t('messages.loading.detail', 'Loading message...')} />\n      </section>\n    )\n  }\n\n  if (!state.detail) {\n    return (\n      <section className=\"py-3\">\n        <ErrorMessage label={state.loadErrorMessage} />\n      </section>\n    )\n  }\n\n  const ContentComponent = state.contentComponentKey\n    ? messageUiRegistry.contentComponents[state.contentComponentKey] ?? null\n    : null\n  const ActionsComponent = state.actionsComponentKey\n    ? messageUiRegistry.actionsComponents[state.actionsComponentKey] ?? null\n    : null\n\n  return (\n    <section className=\"py-3\">\n      <div className=\"space-y-4\">\n        <section className=\"space-y-2 py-2\">\n          <MessageHeader\n            detail={state.detail}\n            updatingState={state.updatingState}\n            isArchived={state.isArchived}\n            showSubject={false}\n            collapseToggle={isCollapsible ? { expanded: isExpanded, onToggle } : undefined}\n            onReply={() => onReply(messageId)}\n            onForward={() => onForward(messageId)}\n            onEdit={() => state.setEditOpen(true)}\n            onToggleRead={() => void state.toggleRead()}\n            onToggleArchive={() => void state.toggleArchive()}\n            onDelete={() => state.setDeleteConfirmationOpen(true)}\n          />\n\n          <MessageDetailBodySection\n            detail={state.detail}\n            contentProps={state.contentProps}\n            ContentComponent={ContentComponent}\n          />\n\n          <MessageDetailMetaSection detail={state.detail} />\n        </section>\n\n        <MessageDetailActionsSection\n          detail={state.detail}\n          messageActions={state.messageActions}\n          executingActionId={state.executingActionId}\n          ActionsComponent={ActionsComponent}\n          onExecuteActionById={state.handleExecuteActionById}\n          onExecuteAction={state.handleExecuteAction}\n        />\n\n        <MessageDetailObjectsSection\n          detail={state.detail}\n          objectActionsByObjectId={state.objectActionsByObjectId}\n          onExecuteAction={state.handleExecuteAction}\n        />\n\n        <MessageDetailAttachmentsSection\n          attachmentsQuery={state.attachmentsQuery}\n          attachments={state.attachments}\n        />\n      </div>\n\n      <MessageDetailComposerDialogs\n        id={messageId}\n        detail={state.detail}\n        attachments={state.attachments}\n        editOpen={state.editOpen}\n        setEditOpen={state.setEditOpen}\n        onRefresh={() => state.detailQuery.refetch()}\n      />\n\n      <MessageDetailDialogs\n        pendingActionConfirmation={state.pendingActionConfirmation}\n        setPendingActionConfirmation={state.setPendingActionConfirmation}\n        executingActionId={state.executingActionId}\n        handleConfirmPendingAction={state.handleConfirmPendingAction}\n        handleActionConfirmDialogKeyDown={state.handleActionConfirmDialogKeyDown}\n        deleteConfirmationOpen={state.deleteConfirmationOpen}\n        setDeleteConfirmationOpen={state.setDeleteConfirmationOpen}\n        updatingState={state.updatingState}\n        handleDelete={state.handleDelete}\n        handleDeleteDialogKeyDown={state.handleDeleteDialogKeyDown}\n      />\n    </section>\n  )\n}\n\nexport function MessageDetailPageClient({ id }: { id: string }) {\n  const state = useMessageDetails(id)\n  const [activeInlineComposer, setActiveInlineComposer] = React.useState<{\n    variant: 'reply' | 'forward'\n    messageId: string\n  } | null>(null)\n  const inlineComposerContainerRef = React.useRef<HTMLDivElement | null>(null)\n  const { confirm, ConfirmDialogElement } = useConfirmDialog()\n\n  React.useEffect(() => {\n    if (!activeInlineComposer) return\n\n    const composerContainer = inlineComposerContainerRef.current\n    if (!composerContainer) return\n\n    const firstFocusableElement = composerContainer.querySelector<HTMLElement>(\n      'textarea, input, [contenteditable=\"true\"]',\n    )\n    firstFocusableElement?.focus()\n  }, [activeInlineComposer])\n\n  if (state.isLoadingDetail) {\n    return <LoadingMessage label={state.t('messages.loading.detail', 'Loading message...')} />\n  }\n\n  if (!state.detail) {\n    return (\n      <ErrorMessage\n        label={state.loadErrorMessage}\n        action={(\n          <Button type=\"button\" variant=\"outline\" onClick={state.backToList}>\n            {state.t('messages.actions.backToList', 'Back to messages')}\n          </Button>\n        )}\n      />\n    )\n  }\n\n  const detail = state.detail\n  const firstConversationMessageId = state.conversationItems[0]?.id ?? null\n  const latestConversationMessageId = state.conversationItems[state.conversationItems.length - 1]?.id ?? null\n  const canRunConversationActions = Boolean(firstConversationMessageId)\n\n  return (\n    <div className=\"space-y-3\">\n      <MainMessageHeader\n        subject={detail.subject}\n        priority={(detail.priority as 'low' | 'normal' | 'high' | 'urgent') ?? 'normal'}\n        canReply={!detail.isDraft && detail.typeDefinition.allowReply && Boolean(firstConversationMessageId)}\n        canForwardAll={!detail.isDraft && detail.typeDefinition.allowForward && Boolean(latestConversationMessageId)}\n        actionsDisabled={Boolean(state.activeConversationAction)}\n        activeActionId={state.activeConversationAction}\n        onReply={() => {\n          if (!firstConversationMessageId) return\n          setActiveInlineComposer({\n            variant: 'reply',\n            messageId: firstConversationMessageId,\n          })\n        }}\n        onForwardAll={() => {\n          if (!latestConversationMessageId) return\n          setActiveInlineComposer({\n            variant: 'forward',\n            messageId: latestConversationMessageId,\n          })\n        }}\n        onArchiveConversation={() => {\n          if (!canRunConversationActions) return\n          void state.archiveConversation(firstConversationMessageId ?? undefined)\n        }}\n        onMarkAllUnread={() => {\n          if (!canRunConversationActions) return\n          void state.markConversationUnread(firstConversationMessageId ?? undefined)\n        }}\n        onDeleteConversation={() => {\n          if (!canRunConversationActions || state.activeConversationAction) return\n          void (async () => {\n            const confirmed = await confirm({\n              title: state.t('messages.confirm.deleteConversationTitle', 'Delete conversation'),\n              text: state.t('messages.confirm.deleteConversation', 'Delete this conversation from your view?'),\n              confirmText: state.t('messages.actions.deleteConversation', 'Delete conversation'),\n              cancelText: state.t('common.cancel', 'Cancel'),\n              variant: 'destructive',\n            })\n            if (!confirmed) return\n            await state.deleteConversation(firstConversationMessageId ?? undefined)\n          })()\n        }}\n      />\n      <div className=\"divide-y border-y\">\n        {state.conversationItems.map((item) => {\n          const isForcedExpanded = item.id === state.forcedExpandedItemId\n          const isExpanded = state.isConversationItemExpanded(item.id)\n          if (isExpanded) {\n            return (\n              <MessageConversationDetailItem\n                key={item.id}\n                messageId={item.id}\n                isCollapsible={!isForcedExpanded}\n                isExpanded\n                onToggle={() => state.toggleConversationItem(item.id)}\n                onReply={(messageId) => {\n                  setActiveInlineComposer({\n                    variant: 'reply',\n                    messageId,\n                  })\n                }}\n                onForward={(messageId) => {\n                  setActiveInlineComposer({\n                    variant: 'forward',\n                    messageId,\n                  })\n                }}\n              />\n            )\n          }\n\n          return (\n            <section key={item.id} className=\"px-1 py-1\">\n              <MessageListComponent\n                message={state.buildConversationListItemMessage(item)}\n                onClick={() => state.toggleConversationItem(item.id)}\n              />\n            </section>\n          )\n        })}\n      </div>\n\n      {activeInlineComposer ? (\n        <div ref={inlineComposerContainerRef}>\n          <MessageComposer\n            inline\n            inlineBackHref={null}\n            variant={activeInlineComposer.variant}\n            messageId={activeInlineComposer.messageId}\n            onCancel={() => {\n              setActiveInlineComposer(null)\n            }}\n            onSuccess={() => {\n              setActiveInlineComposer(null)\n              void state.detailQuery.refetch()\n            }}\n          />\n        </div>\n      ) : null}\n      {ConfirmDialogElement}\n    </div>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}