@open-mercato/core 0.4.5-develop-5191db4ef3 → 0.4.5-develop-033a719bf2

package/dist/modules/messages/components/message-detail/hooks/useMessageDetailsActions.js

@@ -0,0 +1,289 @@
+"use client";
+import * as React from "react";
+import { flash } from "@open-mercato/ui/backend/FlashMessages";
+import { apiCall } from "@open-mercato/ui/backend/utils/apiCall";
+import { parseObjectActionId, toErrorMessage } from "../utils.js";
+function useMessageDetailsActions({
+  id,
+  t,
+  detail,
+  detailQuery,
+  attachments,
+  isArchived,
+  onDeleted,
+  refreshDetailWithoutAutoMarkRead
+}) {
+  const [replyOpen, setReplyOpen] = React.useState(false);
+  const [forwardOpen, setForwardOpen] = React.useState(false);
+  const [editOpen, setEditOpen] = React.useState(false);
+  const [updatingState, setUpdatingState] = React.useState(false);
+  const [executingActionId, setExecutingActionId] = React.useState(null);
+  const [pendingActionConfirmation, setPendingActionConfirmation] = React.useState(null);
+  const [deleteConfirmationOpen, setDeleteConfirmationOpen] = React.useState(false);
+  const [activeConversationAction, setActiveConversationAction] = React.useState(null);
+  const requestAndRefresh = React.useCallback(async (url, method, options) => {
+    setUpdatingState(true);
+    try {
+      const call = await apiCall(url, { method });
+      if (!call.ok) {
+        throw new Error(
+          toErrorMessage(call.result) ?? t("messages.errors.stateChangeFailed", "Failed to update message state.")
+        );
+      }
+      if (options?.skipDetailAutoMarkRead) {
+        await refreshDetailWithoutAutoMarkRead();
+      } else {
+        await detailQuery.refetch();
+      }
+    } catch (err) {
+      flash(
+        err instanceof Error ? err.message : t("messages.errors.stateChangeFailed", "Failed to update message state."),
+        "error"
+      );
+    } finally {
+      setUpdatingState(false);
+    }
+  }, [detailQuery, refreshDetailWithoutAutoMarkRead, t]);
+  const handleDelete = React.useCallback(async () => {
+    setUpdatingState(true);
+    try {
+      const call = await apiCall(`/api/messages/${encodeURIComponent(id)}`, {
+        method: "DELETE"
+      });
+      if (!call.ok) {
+        throw new Error(toErrorMessage(call.result) ?? t("messages.errors.deleteFailed", "Failed to delete message."));
+      }
+      flash(t("messages.flash.deleted", "Message deleted."), "success");
+      onDeleted();
+    } catch (err) {
+      flash(
+        err instanceof Error ? err.message : t("messages.errors.deleteFailed", "Failed to delete message."),
+        "error"
+      );
+    } finally {
+      setUpdatingState(false);
+    }
+  }, [id, onDeleted, t]);
+  const runConversationAction = React.useCallback(async (action, options) => {
+    setActiveConversationAction(action);
+    try {
+      const call = await apiCall(options.url, { method: options.method });
+      if (!call.ok) {
+        throw new Error(
+          toErrorMessage(call.result) ?? t("messages.errors.conversationActionFailed", "Failed to update conversation.")
+        );
+      }
+      flash(options.successMessage, "success");
+      if (options.onSuccess) {
+        options.onSuccess();
+        return;
+      }
+      if (options.skipDetailAutoMarkRead) {
+        await refreshDetailWithoutAutoMarkRead();
+      } else {
+        await detailQuery.refetch();
+      }
+    } catch (err) {
+      flash(
+        err instanceof Error ? err.message : t("messages.errors.conversationActionFailed", "Failed to update conversation."),
+        "error"
+      );
+    } finally {
+      setActiveConversationAction(null);
+    }
+  }, [detailQuery, refreshDetailWithoutAutoMarkRead, t]);
+  const archiveConversation = React.useCallback(async (messageId) => {
+    const targetMessageId = messageId ?? id;
+    await runConversationAction("archiveConversation", {
+      url: `/api/messages/${encodeURIComponent(targetMessageId)}/conversation/archive`,
+      method: "PUT",
+      successMessage: t("messages.flash.conversationArchived", "Conversation archived.")
+    });
+  }, [id, runConversationAction, t]);
+  const markConversationUnread = React.useCallback(async (messageId) => {
+    const targetMessageId = messageId ?? id;
+    await runConversationAction("markAllUnread", {
+      url: `/api/messages/${encodeURIComponent(targetMessageId)}/conversation/read`,
+      method: "DELETE",
+      successMessage: t("messages.flash.conversationMarkedUnread", "Conversation marked unread."),
+      skipDetailAutoMarkRead: true
+    });
+  }, [id, runConversationAction, t]);
+  const deleteConversation = React.useCallback(async (messageId) => {
+    const targetMessageId = messageId ?? id;
+    await runConversationAction("deleteConversation", {
+      url: `/api/messages/${encodeURIComponent(targetMessageId)}/conversation`,
+      method: "DELETE",
+      successMessage: t("messages.flash.conversationDeleted", "Conversation deleted."),
+      onSuccess: onDeleted
+    });
+  }, [id, onDeleted, runConversationAction, t]);
+  const handleDeleteDialogKeyDown = React.useCallback((event) => {
+    if ((event.metaKey || event.ctrlKey) && event.key === "Enter") {
+      event.preventDefault();
+      void handleDelete();
+      return;
+    }
+    if (event.key === "Escape") {
+      event.preventDefault();
+      setDeleteConfirmationOpen(false);
+    }
+  }, [handleDelete]);
+  const executeAction = React.useCallback(async (action, payload) => {
+    setExecutingActionId(action.id);
+    try {
+      const call = await apiCall(
+        `/api/messages/${encodeURIComponent(id)}/actions/${encodeURIComponent(action.id)}`,
+        {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify(payload ?? {})
+        }
+      );
+      if (!call.ok) {
+        throw new Error(
+          toErrorMessage(call.result) ?? t("messages.errors.actionFailed", "Failed to execute action.")
+        );
+      }
+      flash(t("messages.flash.actionSuccess", "Action completed."), "success");
+      const redirectTarget = call.result?.result?.redirect;
+      if (typeof redirectTarget === "string" && redirectTarget.trim().length > 0) {
+        window.location.href = redirectTarget;
+        return;
+      }
+      await detailQuery.refetch();
+    } catch (err) {
+      flash(
+        err instanceof Error ? err.message : t("messages.errors.actionFailed", "Failed to execute action."),
+        "error"
+      );
+    } finally {
+      setExecutingActionId(null);
+    }
+  }, [detailQuery, id, t]);
+  const handleExecuteAction = React.useCallback(async (action, payload) => {
+    if (executingActionId || detail?.actionTaken) return;
+    if (action.confirmRequired) {
+      setPendingActionConfirmation({ action, payload });
+      return;
+    }
+    await executeAction(action, payload);
+  }, [detail?.actionTaken, executeAction, executingActionId]);
+  const handleConfirmPendingAction = React.useCallback(async () => {
+    if (!pendingActionConfirmation || executingActionId || detail?.actionTaken) return;
+    const { action, payload } = pendingActionConfirmation;
+    setPendingActionConfirmation(null);
+    await executeAction(action, payload);
+  }, [detail?.actionTaken, executeAction, executingActionId, pendingActionConfirmation]);
+  const handleActionConfirmDialogKeyDown = React.useCallback((event) => {
+    if ((event.metaKey || event.ctrlKey) && event.key === "Enter") {
+      event.preventDefault();
+      void handleConfirmPendingAction();
+      return;
+    }
+    if (event.key === "Escape") {
+      event.preventDefault();
+      setPendingActionConfirmation(null);
+    }
+  }, [handleConfirmPendingAction]);
+  const contentProps = React.useMemo(() => ({
+    message: {
+      id: detail?.id ?? "",
+      type: detail?.type ?? "default",
+      subject: detail?.subject ?? "",
+      body: detail?.body ?? "",
+      bodyFormat: detail?.bodyFormat ?? "text",
+      priority: detail?.priority ?? "normal",
+      sentAt: detail?.sentAt ? new Date(detail.sentAt) : null,
+      senderName: detail?.senderName ?? void 0,
+      senderUserId: detail?.senderUserId ?? "",
+      actionData: detail?.actionData ?? null,
+      actionTaken: detail?.actionTaken ?? null,
+      actionTakenAt: detail?.actionTakenAt ? new Date(detail.actionTakenAt) : null
+    },
+    objects: (detail?.objects ?? []).map((item) => ({
+      id: item.id,
+      entityModule: item.entityModule,
+      entityType: item.entityType,
+      entityId: item.entityId,
+      actionRequired: item.actionRequired,
+      snapshot: item.snapshot ?? void 0
+    })),
+    attachments: (attachments ?? []).map((item) => ({
+      id: item.id,
+      fileName: item.fileName,
+      fileSize: item.fileSize,
+      mimeType: item.mimeType,
+      url: item.url
+    }))
+  }), [attachments, detail]);
+  const handleExecuteActionById = React.useCallback(async (actionId, payload) => {
+    const action = detail?.actionData?.actions?.find((entry) => {
+      if (parseObjectActionId(entry.id)) return false;
+      return entry.id === actionId;
+    });
+    if (!action) return;
+    await handleExecuteAction(action, payload);
+  }, [detail?.actionData?.actions, handleExecuteAction]);
+  const messageActions = React.useMemo(() => {
+    return (detail?.actionData?.actions ?? []).filter((action) => !parseObjectActionId(action.id));
+  }, [detail?.actionData?.actions]);
+  const objectActionsByObjectId = React.useMemo(() => {
+    const byObjectId = /* @__PURE__ */ new Map();
+    for (const action of detail?.actionData?.actions ?? []) {
+      const parsed = parseObjectActionId(action.id);
+      if (!parsed) continue;
+      const current = byObjectId.get(parsed.objectId) ?? /* @__PURE__ */ new Map();
+      current.set(parsed.actionId, action);
+      byObjectId.set(parsed.objectId, current);
+    }
+    return byObjectId;
+  }, [detail?.actionData?.actions]);
+  const toggleRead = React.useCallback(async () => {
+    await requestAndRefresh(
+      `/api/messages/${encodeURIComponent(id)}/read`,
+      detail?.isRead ? "DELETE" : "PUT",
+      detail?.isRead ? { skipDetailAutoMarkRead: true } : void 0
+    );
+  }, [detail?.isRead, id, requestAndRefresh]);
+  const toggleArchive = React.useCallback(async () => {
+    await requestAndRefresh(
+      `/api/messages/${encodeURIComponent(id)}/archive`,
+      isArchived ? "DELETE" : "PUT"
+    );
+  }, [id, isArchived, requestAndRefresh]);
+  return {
+    replyOpen,
+    setReplyOpen,
+    forwardOpen,
+    setForwardOpen,
+    editOpen,
+    setEditOpen,
+    updatingState,
+    executingActionId,
+    pendingActionConfirmation,
+    setPendingActionConfirmation,
+    deleteConfirmationOpen,
+    setDeleteConfirmationOpen,
+    activeConversationAction,
+    toggleRead,
+    toggleArchive,
+    archiveConversation,
+    deleteConversation,
+    markConversationUnread,
+    requestAndRefresh,
+    handleDelete,
+    handleDeleteDialogKeyDown,
+    handleExecuteAction,
+    handleConfirmPendingAction,
+    handleActionConfirmDialogKeyDown,
+    contentProps,
+    handleExecuteActionById,
+    messageActions,
+    objectActionsByObjectId
+  };
+}
+export {
+  useMessageDetailsActions
+};
+//# sourceMappingURL=useMessageDetailsActions.js.map

package/dist/modules/messages/components/message-detail/hooks/useMessageDetailsActions.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/messages/components/message-detail/hooks/useMessageDetailsActions.ts"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport type { UseQueryResult } from '@tanstack/react-query'\nimport type { TranslateFn } from '@open-mercato/shared/lib/i18n/context'\nimport type { MessageActionsProps, MessageContentProps } from '@open-mercato/shared/modules/messages/types'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport type {\n  ActionResult,\n  MessageAction,\n  MessageAttachment,\n  MessageDetail,\n  PendingActionConfirmation,\n} from '../types'\nimport { parseObjectActionId, toErrorMessage } from '../utils'\n\ntype RequestAndRefreshOptions = {\n  skipDetailAutoMarkRead?: boolean\n}\n\ntype ConversationActionKind = 'archiveConversation' | 'deleteConversation' | 'markAllUnread'\n\ntype UseMessageDetailsActionsInput = {\n  id: string\n  t: TranslateFn\n  detail: MessageDetail | null\n  detailQuery: UseQueryResult<MessageDetail, Error>\n  attachments: MessageAttachment[] | undefined\n  isArchived: boolean\n  onDeleted: () => void\n  refreshDetailWithoutAutoMarkRead: () => Promise<MessageDetail>\n}\n\nexport function useMessageDetailsActions({\n  id,\n  t,\n  detail,\n  detailQuery,\n  attachments,\n  isArchived,\n  onDeleted,\n  refreshDetailWithoutAutoMarkRead,\n}: UseMessageDetailsActionsInput) {\n  const [replyOpen, setReplyOpen] = React.useState(false)\n  const [forwardOpen, setForwardOpen] = React.useState(false)\n  const [editOpen, setEditOpen] = React.useState(false)\n  const [updatingState, setUpdatingState] = React.useState(false)\n  const [executingActionId, setExecutingActionId] = React.useState<string | null>(null)\n  const [pendingActionConfirmation, setPendingActionConfirmation] = React.useState<PendingActionConfirmation | null>(null)\n  const [deleteConfirmationOpen, setDeleteConfirmationOpen] = React.useState(false)\n  const [activeConversationAction, setActiveConversationAction] = React.useState<ConversationActionKind | null>(null)\n\n  const requestAndRefresh = React.useCallback(async (\n    url: string,\n    method: 'PUT' | 'DELETE',\n    options?: RequestAndRefreshOptions,\n  ) => {\n    setUpdatingState(true)\n    try {\n      const call = await apiCall<{ ok?: boolean }>(url, { method })\n      if (!call.ok) {\n        throw new Error(\n          toErrorMessage(call.result)\n          ?? t('messages.errors.stateChangeFailed', 'Failed to update message state.'),\n        )\n      }\n      if (options?.skipDetailAutoMarkRead) {\n        await refreshDetailWithoutAutoMarkRead()\n      } else {\n        await detailQuery.refetch()\n      }\n    } catch (err) {\n      flash(\n        err instanceof Error\n          ? err.message\n          : t('messages.errors.stateChangeFailed', 'Failed to update message state.'),\n        'error',\n      )\n    } finally {\n      setUpdatingState(false)\n    }\n  }, [detailQuery, refreshDetailWithoutAutoMarkRead, t])\n\n  const handleDelete = React.useCallback(async () => {\n    setUpdatingState(true)\n    try {\n      const call = await apiCall<{ ok?: boolean }>(`/api/messages/${encodeURIComponent(id)}`, {\n        method: 'DELETE',\n      })\n      if (!call.ok) {\n        throw new Error(toErrorMessage(call.result) ?? t('messages.errors.deleteFailed', 'Failed to delete message.'))\n      }\n      flash(t('messages.flash.deleted', 'Message deleted.'), 'success')\n      onDeleted()\n    } catch (err) {\n      flash(\n        err instanceof Error\n          ? err.message\n          : t('messages.errors.deleteFailed', 'Failed to delete message.'),\n        'error',\n      )\n    } finally {\n      setUpdatingState(false)\n    }\n  }, [id, onDeleted, t])\n\n  const runConversationAction = React.useCallback(async (\n    action: ConversationActionKind,\n    options: {\n      url: string\n      method: 'PUT' | 'DELETE'\n      successMessage: string\n      skipDetailAutoMarkRead?: boolean\n      onSuccess?: () => void\n    },\n  ) => {\n    setActiveConversationAction(action)\n    try {\n      const call = await apiCall<{ ok?: boolean; affectedCount?: number }>(options.url, { method: options.method })\n      if (!call.ok) {\n        throw new Error(\n          toErrorMessage(call.result)\n          ?? t('messages.errors.conversationActionFailed', 'Failed to update conversation.'),\n        )\n      }\n\n      flash(options.successMessage, 'success')\n\n      if (options.onSuccess) {\n        options.onSuccess()\n        return\n      }\n\n      if (options.skipDetailAutoMarkRead) {\n        await refreshDetailWithoutAutoMarkRead()\n      } else {\n        await detailQuery.refetch()\n      }\n    } catch (err) {\n      flash(\n        err instanceof Error\n          ? err.message\n          : t('messages.errors.conversationActionFailed', 'Failed to update conversation.'),\n        'error',\n      )\n    } finally {\n      setActiveConversationAction(null)\n    }\n  }, [detailQuery, refreshDetailWithoutAutoMarkRead, t])\n\n  const archiveConversation = React.useCallback(async (messageId?: string) => {\n    const targetMessageId = messageId ?? id\n    await runConversationAction('archiveConversation', {\n      url: `/api/messages/${encodeURIComponent(targetMessageId)}/conversation/archive`,\n      method: 'PUT',\n      successMessage: t('messages.flash.conversationArchived', 'Conversation archived.'),\n    })\n  }, [id, runConversationAction, t])\n\n  const markConversationUnread = React.useCallback(async (messageId?: string) => {\n    const targetMessageId = messageId ?? id\n    await runConversationAction('markAllUnread', {\n      url: `/api/messages/${encodeURIComponent(targetMessageId)}/conversation/read`,\n      method: 'DELETE',\n      successMessage: t('messages.flash.conversationMarkedUnread', 'Conversation marked unread.'),\n      skipDetailAutoMarkRead: true,\n    })\n  }, [id, runConversationAction, t])\n\n  const deleteConversation = React.useCallback(async (messageId?: string) => {\n    const targetMessageId = messageId ?? id\n    await runConversationAction('deleteConversation', {\n      url: `/api/messages/${encodeURIComponent(targetMessageId)}/conversation`,\n      method: 'DELETE',\n      successMessage: t('messages.flash.conversationDeleted', 'Conversation deleted.'),\n      onSuccess: onDeleted,\n    })\n  }, [id, onDeleted, runConversationAction, t])\n\n  const handleDeleteDialogKeyDown = React.useCallback((event: React.KeyboardEvent<HTMLDivElement>) => {\n    if ((event.metaKey || event.ctrlKey) && event.key === 'Enter') {\n      event.preventDefault()\n      void handleDelete()\n      return\n    }\n\n    if (event.key === 'Escape') {\n      event.preventDefault()\n      setDeleteConfirmationOpen(false)\n    }\n  }, [handleDelete])\n\n  const executeAction = React.useCallback(async (action: MessageAction, payload?: Record<string, unknown>) => {\n    setExecutingActionId(action.id)\n    try {\n      const call = await apiCall<ActionResult>(\n        `/api/messages/${encodeURIComponent(id)}/actions/${encodeURIComponent(action.id)}`,\n        {\n          method: 'POST',\n          headers: { 'Content-Type': 'application/json' },\n          body: JSON.stringify(payload ?? {}),\n        },\n      )\n\n      if (!call.ok) {\n        throw new Error(\n          toErrorMessage(call.result)\n          ?? t('messages.errors.actionFailed', 'Failed to execute action.'),\n        )\n      }\n\n      flash(t('messages.flash.actionSuccess', 'Action completed.'), 'success')\n\n      const redirectTarget = call.result?.result?.redirect\n      if (typeof redirectTarget === 'string' && redirectTarget.trim().length > 0) {\n        window.location.href = redirectTarget\n        return\n      }\n\n      await detailQuery.refetch()\n    } catch (err) {\n      flash(\n        err instanceof Error\n          ? err.message\n          : t('messages.errors.actionFailed', 'Failed to execute action.'),\n        'error',\n      )\n    } finally {\n      setExecutingActionId(null)\n    }\n  }, [detailQuery, id, t])\n\n  const handleExecuteAction = React.useCallback(async (action: MessageAction, payload?: Record<string, unknown>) => {\n    if (executingActionId || detail?.actionTaken) return\n\n    if (action.confirmRequired) {\n      setPendingActionConfirmation({ action, payload })\n      return\n    }\n\n    await executeAction(action, payload)\n  }, [detail?.actionTaken, executeAction, executingActionId])\n\n  const handleConfirmPendingAction = React.useCallback(async () => {\n    if (!pendingActionConfirmation || executingActionId || detail?.actionTaken) return\n    const { action, payload } = pendingActionConfirmation\n    setPendingActionConfirmation(null)\n    await executeAction(action, payload)\n  }, [detail?.actionTaken, executeAction, executingActionId, pendingActionConfirmation])\n\n  const handleActionConfirmDialogKeyDown = React.useCallback((event: React.KeyboardEvent<HTMLDivElement>) => {\n    if ((event.metaKey || event.ctrlKey) && event.key === 'Enter') {\n      event.preventDefault()\n      void handleConfirmPendingAction()\n      return\n    }\n\n    if (event.key === 'Escape') {\n      event.preventDefault()\n      setPendingActionConfirmation(null)\n    }\n  }, [handleConfirmPendingAction])\n\n  const contentProps = React.useMemo<MessageContentProps>(() => ({\n    message: {\n      id: detail?.id ?? '',\n      type: detail?.type ?? 'default',\n      subject: detail?.subject ?? '',\n      body: detail?.body ?? '',\n      bodyFormat: detail?.bodyFormat ?? 'text',\n      priority: (detail?.priority ?? 'normal') as 'low' | 'normal' | 'high' | 'urgent',\n      sentAt: detail?.sentAt ? new Date(detail.sentAt) : null,\n      senderName: detail?.senderName ?? undefined,\n      senderUserId: detail?.senderUserId ?? '',\n      actionData: detail?.actionData ?? null,\n      actionTaken: detail?.actionTaken ?? null,\n      actionTakenAt: detail?.actionTakenAt ? new Date(detail.actionTakenAt) : null,\n    },\n    objects: (detail?.objects ?? []).map((item) => ({\n      id: item.id,\n      entityModule: item.entityModule,\n      entityType: item.entityType,\n      entityId: item.entityId,\n      actionRequired: item.actionRequired,\n      snapshot: item.snapshot ?? undefined,\n    })),\n    attachments: (attachments ?? []).map((item) => ({\n      id: item.id,\n      fileName: item.fileName,\n      fileSize: item.fileSize,\n      mimeType: item.mimeType,\n      url: item.url,\n    })),\n  }), [attachments, detail])\n\n  const handleExecuteActionById = React.useCallback<MessageActionsProps['onExecuteAction']>(async (actionId, payload) => {\n    const action = detail?.actionData?.actions?.find((entry) => {\n      if (parseObjectActionId(entry.id)) return false\n      return entry.id === actionId\n    })\n    if (!action) return\n    await handleExecuteAction(action, payload)\n  }, [detail?.actionData?.actions, handleExecuteAction])\n\n  const messageActions = React.useMemo(() => {\n    return (detail?.actionData?.actions ?? []).filter((action) => !parseObjectActionId(action.id))\n  }, [detail?.actionData?.actions])\n\n  const objectActionsByObjectId = React.useMemo(() => {\n    const byObjectId = new Map<string, Map<string, MessageAction>>()\n    for (const action of detail?.actionData?.actions ?? []) {\n      const parsed = parseObjectActionId(action.id)\n      if (!parsed) continue\n      const current = byObjectId.get(parsed.objectId) ?? new Map<string, MessageAction>()\n      current.set(parsed.actionId, action)\n      byObjectId.set(parsed.objectId, current)\n    }\n    return byObjectId\n  }, [detail?.actionData?.actions])\n\n  const toggleRead = React.useCallback(async () => {\n    await requestAndRefresh(\n      `/api/messages/${encodeURIComponent(id)}/read`,\n      detail?.isRead ? 'DELETE' : 'PUT',\n      detail?.isRead ? { skipDetailAutoMarkRead: true } : undefined,\n    )\n  }, [detail?.isRead, id, requestAndRefresh])\n\n  const toggleArchive = React.useCallback(async () => {\n    await requestAndRefresh(\n      `/api/messages/${encodeURIComponent(id)}/archive`,\n      isArchived ? 'DELETE' : 'PUT',\n    )\n  }, [id, isArchived, requestAndRefresh])\n\n  return {\n    replyOpen,\n    setReplyOpen,\n    forwardOpen,\n    setForwardOpen,\n    editOpen,\n    setEditOpen,\n    updatingState,\n    executingActionId,\n    pendingActionConfirmation,\n    setPendingActionConfirmation,\n    deleteConfirmationOpen,\n    setDeleteConfirmationOpen,\n    activeConversationAction,\n    toggleRead,\n    toggleArchive,\n    archiveConversation,\n    deleteConversation,\n    markConversationUnread,\n    requestAndRefresh,\n    handleDelete,\n    handleDeleteDialogKeyDown,\n    handleExecuteAction,\n    handleConfirmPendingAction,\n    handleActionConfirmDialogKeyDown,\n    contentProps,\n    handleExecuteActionById,\n    messageActions,\n    objectActionsByObjectId,\n  }\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/modules/messages/components/message-detail/hooks/useMessageDetailsConversation.js

@@ -0,0 +1,103 @@
+"use client";
+import * as React from "react";
+function useMessageDetailsConversation({
+  detail,
+  t
+}) {
+  const conversationItems = React.useMemo(() => {
+    const thread = detail?.thread ?? [];
+    if (thread.length === 0 && detail) {
+      return [{
+        id: detail.id,
+        senderUserId: detail.senderUserId,
+        senderName: detail.senderName,
+        senderEmail: detail.senderEmail,
+        body: detail.body,
+        bodyFormat: detail.bodyFormat,
+        sentAt: detail.sentAt,
+        objects: detail.objects.map((item) => ({ id: item.id }))
+      }];
+    }
+    const items = thread.map((item) => ({
+      id: item.id,
+      senderUserId: item.senderUserId,
+      senderName: item.senderName,
+      senderEmail: item.senderEmail,
+      body: item.body,
+      bodyFormat: item.bodyFormat,
+      sentAt: item.sentAt,
+      objects: item.objects?.map((entry) => ({ id: entry.id })) ?? []
+    }));
+    if (detail && !items.some((item) => item.id === detail.id)) {
+      items.push({
+        id: detail.id,
+        senderUserId: detail.senderUserId,
+        senderName: detail.senderName,
+        senderEmail: detail.senderEmail,
+        body: detail.body,
+        bodyFormat: detail.bodyFormat,
+        sentAt: detail.sentAt,
+        objects: detail.objects.map((entry) => ({ id: entry.id }))
+      });
+    }
+    items.sort((a, b) => {
+      const aTime = a.sentAt ? new Date(a.sentAt).getTime() : 0;
+      const bTime = b.sentAt ? new Date(b.sentAt).getTime() : 0;
+      return aTime - bTime;
+    });
+    return items;
+  }, [detail]);
+  const forcedExpandedItemId = conversationItems.length > 0 ? conversationItems[conversationItems.length - 1].id : null;
+  const [expandedById, setExpandedById] = React.useState({});
+  const conversationIdsKey = React.useMemo(
+    () => conversationItems.map((item) => item.id).join("|"),
+    [conversationItems]
+  );
+  React.useEffect(() => {
+    const nextState = {};
+    for (const item of conversationItems) {
+      nextState[item.id] = forcedExpandedItemId === item.id;
+    }
+    setExpandedById(nextState);
+  }, [conversationIdsKey, conversationItems, forcedExpandedItemId]);
+  const toggleConversationItem = React.useCallback((itemId) => {
+    if (itemId === forcedExpandedItemId) return;
+    setExpandedById((previous) => ({
+      ...previous,
+      [itemId]: !previous[itemId]
+    }));
+  }, [forcedExpandedItemId]);
+  const isConversationItemExpanded = React.useCallback((itemId) => {
+    if (itemId === forcedExpandedItemId) return true;
+    return Boolean(expandedById[itemId]);
+  }, [expandedById, forcedExpandedItemId]);
+  const buildConversationListItemMessage = React.useCallback((item) => ({
+    id: item.id,
+    type: detail?.type ?? "default",
+    typeLabel: detail ? t(detail.typeDefinition.labelKey, detail.type) : void 0,
+    subject: detail?.subject ?? "",
+    body: item.body,
+    bodyFormat: item.bodyFormat ?? "text",
+    priority: "normal",
+    sentAt: item.sentAt ? new Date(item.sentAt) : null,
+    senderName: item.senderName || item.senderEmail || item.senderUserId,
+    hasObjects: (item.objects ?? []).length > 0,
+    objectCount: (item.objects ?? []).length,
+    hasAttachments: false,
+    attachmentCount: 0,
+    hasActions: false,
+    actionTaken: null,
+    unread: false
+  }), [detail, t]);
+  return {
+    conversationItems,
+    forcedExpandedItemId,
+    toggleConversationItem,
+    isConversationItemExpanded,
+    buildConversationListItemMessage
+  };
+}
+export {
+  useMessageDetailsConversation
+};
+//# sourceMappingURL=useMessageDetailsConversation.js.map

package/dist/modules/messages/components/message-detail/hooks/useMessageDetailsConversation.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/messages/components/message-detail/hooks/useMessageDetailsConversation.ts"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport type { TranslateFn } from '@open-mercato/shared/lib/i18n/context'\nimport type { MessageListItemProps } from '@open-mercato/shared/modules/messages/types'\nimport type { MessageDetail } from '../types'\n\nexport type ConversationItem = {\n  id: string\n  senderUserId: string\n  senderName?: string | null\n  senderEmail?: string | null\n  body: string\n  bodyFormat?: 'text' | 'markdown'\n  sentAt?: string | null\n  objects?: Array<{ id: string }>\n}\n\ntype UseMessageDetailsConversationInput = {\n  detail: MessageDetail | null\n  t: TranslateFn\n}\n\nexport function useMessageDetailsConversation({\n  detail,\n  t,\n}: UseMessageDetailsConversationInput) {\n  const conversationItems = React.useMemo<ConversationItem[]>(() => {\n    const thread = detail?.thread ?? []\n    if (thread.length === 0 && detail) {\n      return [{\n        id: detail.id,\n        senderUserId: detail.senderUserId,\n        senderName: detail.senderName,\n        senderEmail: detail.senderEmail,\n        body: detail.body,\n        bodyFormat: detail.bodyFormat,\n        sentAt: detail.sentAt,\n        objects: detail.objects.map((item) => ({ id: item.id })),\n      }]\n    }\n\n    const items = thread\n      .map((item) => ({\n        id: item.id,\n        senderUserId: item.senderUserId,\n        senderName: item.senderName,\n        senderEmail: item.senderEmail,\n        body: item.body,\n        bodyFormat: item.bodyFormat,\n        sentAt: item.sentAt,\n        objects: item.objects?.map((entry) => ({ id: entry.id })) ?? [],\n      }))\n\n    if (detail && !items.some((item) => item.id === detail.id)) {\n      items.push({\n        id: detail.id,\n        senderUserId: detail.senderUserId,\n        senderName: detail.senderName,\n        senderEmail: detail.senderEmail,\n        body: detail.body,\n        bodyFormat: detail.bodyFormat,\n        sentAt: detail.sentAt,\n        objects: detail.objects.map((entry) => ({ id: entry.id })),\n      })\n    }\n\n    items.sort((a, b) => {\n      const aTime = a.sentAt ? new Date(a.sentAt).getTime() : 0\n      const bTime = b.sentAt ? new Date(b.sentAt).getTime() : 0\n      return aTime - bTime\n    })\n\n    return items\n  }, [detail])\n\n  const forcedExpandedItemId = conversationItems.length > 0\n    ? conversationItems[conversationItems.length - 1].id\n    : null\n\n  const [expandedById, setExpandedById] = React.useState<Record<string, boolean>>({})\n  const conversationIdsKey = React.useMemo(\n    () => conversationItems.map((item) => item.id).join('|'),\n    [conversationItems],\n  )\n\n  React.useEffect(() => {\n    const nextState: Record<string, boolean> = {}\n    for (const item of conversationItems) {\n      nextState[item.id] = forcedExpandedItemId === item.id\n    }\n    setExpandedById(nextState)\n  }, [conversationIdsKey, conversationItems, forcedExpandedItemId])\n\n  const toggleConversationItem = React.useCallback((itemId: string) => {\n    if (itemId === forcedExpandedItemId) return\n    setExpandedById((previous) => ({\n      ...previous,\n      [itemId]: !previous[itemId],\n    }))\n  }, [forcedExpandedItemId])\n\n  const isConversationItemExpanded = React.useCallback((itemId: string) => {\n    if (itemId === forcedExpandedItemId) return true\n    return Boolean(expandedById[itemId])\n  }, [expandedById, forcedExpandedItemId])\n\n  const buildConversationListItemMessage = React.useCallback((item: ConversationItem): MessageListItemProps['message'] => ({\n    id: item.id,\n    type: detail?.type ?? 'default',\n    typeLabel: detail ? t(detail.typeDefinition.labelKey, detail.type) : undefined,\n    subject: detail?.subject ?? '',\n    body: item.body,\n    bodyFormat: item.bodyFormat ?? 'text',\n    priority: 'normal',\n    sentAt: item.sentAt ? new Date(item.sentAt) : null,\n    senderName: item.senderName || item.senderEmail || item.senderUserId,\n    hasObjects: (item.objects ?? []).length > 0,\n    objectCount: (item.objects ?? []).length,\n    hasAttachments: false,\n    attachmentCount: 0,\n    hasActions: false,\n    actionTaken: null,\n    unread: false,\n  }), [detail, t])\n\n  return {\n    conversationItems,\n    forcedExpandedItemId,\n    toggleConversationItem,\n    isConversationItemExpanded,\n    buildConversationListItemMessage,\n  }\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/modules/messages/components/message-detail/hooks/useMessageDetailsQueries.js

@@ -0,0 +1,78 @@
+"use client";
+import * as React from "react";
+import { useQuery } from "@tanstack/react-query";
+import { apiCall } from "@open-mercato/ui/backend/utils/apiCall";
+import { toErrorMessage } from "../utils.js";
+function useMessageDetailsQueries({
+  id,
+  t,
+  scopeVersion,
+  queryClient
+}) {
+  const detailQueryKey = React.useMemo(
+    () => ["messages", "detail", id, scopeVersion],
+    [id, scopeVersion]
+  );
+  const detailQuery = useQuery({
+    queryKey: detailQueryKey,
+    queryFn: async () => {
+      const call = await apiCall(`/api/messages/${encodeURIComponent(id)}`);
+      if (!call.ok || !call.result) {
+        throw new Error(
+          toErrorMessage(call.result) ?? t("messages.errors.loadDetailFailed", "Failed to load message details.")
+        );
+      }
+      return call.result;
+    }
+  });
+  const detail = detailQuery.data ?? null;
+  const isLoadingDetail = detailQuery.isLoading;
+  const loadErrorMessage = detailQuery.error instanceof Error ? detailQuery.error.message : t("messages.errors.loadDetailFailed", "Failed to load message details.");
+  const attachmentsQuery = useQuery({
+    queryKey: ["messages", "detail", id, "attachments", scopeVersion],
+    queryFn: async () => {
+      const call = await apiCall(
+        `/api/messages/${encodeURIComponent(id)}/attachments`
+      );
+      if (!call.ok) {
+        throw new Error(
+          toErrorMessage(call.result) ?? t("messages.errors.loadDetailFailed", "Failed to load message details.")
+        );
+      }
+      return call.result?.attachments ?? [];
+    }
+  });
+  const attachments = attachmentsQuery.data;
+  const refreshDetailWithoutAutoMarkRead = React.useCallback(async () => {
+    const call = await apiCall(
+      `/api/messages/${encodeURIComponent(id)}?skipMarkRead=1`
+    );
+    if (!call.ok || !call.result) {
+      throw new Error(
+        toErrorMessage(call.result) ?? t("messages.errors.stateChangeFailed", "Failed to update message state.")
+      );
+    }
+    queryClient.setQueryData(detailQueryKey, call.result);
+    return call.result;
+  }, [detailQueryKey, id, queryClient, t]);
+  const listItemComponentKey = detail?.typeDefinition.ui?.listItemComponent ?? null;
+  const contentComponentKey = detail?.typeDefinition.ui?.contentComponent ?? null;
+  const actionsComponentKey = detail?.typeDefinition.ui?.actionsComponent ?? null;
+  return {
+    detailQueryKey,
+    detailQuery,
+    detail,
+    isLoadingDetail,
+    loadErrorMessage,
+    attachmentsQuery,
+    attachments,
+    refreshDetailWithoutAutoMarkRead,
+    listItemComponentKey,
+    contentComponentKey,
+    actionsComponentKey
+  };
+}
+export {
+  useMessageDetailsQueries
+};
+//# sourceMappingURL=useMessageDetailsQueries.js.map

package/dist/modules/messages/components/message-detail/hooks/useMessageDetailsQueries.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/messages/components/message-detail/hooks/useMessageDetailsQueries.ts"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { useQuery } from '@tanstack/react-query'\nimport type { QueryClient } from '@tanstack/react-query'\nimport type { TranslateFn } from '@open-mercato/shared/lib/i18n/context'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport type { MessageAttachment, MessageDetail } from '../types'\nimport { toErrorMessage } from '../utils'\n\ntype UseMessageDetailsQueriesInput = {\n  id: string\n  t: TranslateFn\n  scopeVersion: unknown\n  queryClient: QueryClient\n}\n\nexport function useMessageDetailsQueries({\n  id,\n  t,\n  scopeVersion,\n  queryClient,\n}: UseMessageDetailsQueriesInput) {\n  const detailQueryKey = React.useMemo(\n    () => ['messages', 'detail', id, scopeVersion],\n    [id, scopeVersion],\n  )\n\n  const detailQuery = useQuery({\n    queryKey: detailQueryKey,\n    queryFn: async () => {\n      const call = await apiCall<MessageDetail>(`/api/messages/${encodeURIComponent(id)}`)\n      if (!call.ok || !call.result) {\n        throw new Error(\n          toErrorMessage(call.result)\n          ?? t('messages.errors.loadDetailFailed', 'Failed to load message details.'),\n        )\n      }\n      return call.result\n    },\n  })\n\n  const detail = detailQuery.data ?? null\n  const isLoadingDetail = detailQuery.isLoading\n  const loadErrorMessage = detailQuery.error instanceof Error\n    ? detailQuery.error.message\n    : t('messages.errors.loadDetailFailed', 'Failed to load message details.')\n\n  const attachmentsQuery = useQuery({\n    queryKey: ['messages', 'detail', id, 'attachments', scopeVersion],\n    queryFn: async () => {\n      const call = await apiCall<{ attachments?: MessageAttachment[] }>(\n        `/api/messages/${encodeURIComponent(id)}/attachments`,\n      )\n\n      if (!call.ok) {\n        throw new Error(\n          toErrorMessage(call.result)\n          ?? t('messages.errors.loadDetailFailed', 'Failed to load message details.'),\n        )\n      }\n\n      return call.result?.attachments ?? []\n    },\n  })\n\n  const attachments = attachmentsQuery.data\n\n  const refreshDetailWithoutAutoMarkRead = React.useCallback(async () => {\n    const call = await apiCall<MessageDetail>(\n      `/api/messages/${encodeURIComponent(id)}?skipMarkRead=1`,\n    )\n\n    if (!call.ok || !call.result) {\n      throw new Error(\n        toErrorMessage(call.result)\n        ?? t('messages.errors.stateChangeFailed', 'Failed to update message state.'),\n      )\n    }\n\n    queryClient.setQueryData(detailQueryKey, call.result)\n    return call.result\n  }, [detailQueryKey, id, queryClient, t])\n\n  const listItemComponentKey = detail?.typeDefinition.ui?.listItemComponent ?? null\n  const contentComponentKey = detail?.typeDefinition.ui?.contentComponent ?? null\n  const actionsComponentKey = detail?.typeDefinition.ui?.actionsComponent ?? null\n\n  return {\n    detailQueryKey,\n    detailQuery,\n    detail,\n    isLoadingDetail,\n    loadErrorMessage,\n    attachmentsQuery,\n    attachments,\n    refreshDetailWithoutAutoMarkRead,\n    listItemComponentKey,\n    contentComponentKey,\n    actionsComponentKey,\n  }\n}\n"],
+  "mappings": ";AAEA,YAAY,WAAW;AACvB,SAAS,gBAAgB;AAGzB,SAAS,eAAe;AAExB,SAAS,sBAAsB;AASxB,SAAS,yBAAyB;AAAA,EACvC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAkC;AAChC,QAAM,iBAAiB,MAAM;AAAA,IAC3B,MAAM,CAAC,YAAY,UAAU,IAAI,YAAY;AAAA,IAC7C,CAAC,IAAI,YAAY;AAAA,EACnB;AAEA,QAAM,cAAc,SAAS;AAAA,IAC3B,UAAU;AAAA,IACV,SAAS,YAAY;AACnB,YAAM,OAAO,MAAM,QAAuB,iBAAiB,mBAAmB,EAAE,CAAC,EAAE;AACnF,UAAI,CAAC,KAAK,MAAM,CAAC,KAAK,QAAQ;AAC5B,cAAM,IAAI;AAAA,UACR,eAAe,KAAK,MAAM,KACvB,EAAE,oCAAoC,iCAAiC;AAAA,QAC5E;AAAA,MACF;AACA,aAAO,KAAK;AAAA,IACd;AAAA,EACF,CAAC;AAED,QAAM,SAAS,YAAY,QAAQ;AACnC,QAAM,kBAAkB,YAAY;AACpC,QAAM,mBAAmB,YAAY,iBAAiB,QAClD,YAAY,MAAM,UAClB,EAAE,oCAAoC,iCAAiC;AAE3E,QAAM,mBAAmB,SAAS;AAAA,IAChC,UAAU,CAAC,YAAY,UAAU,IAAI,eAAe,YAAY;AAAA,IAChE,SAAS,YAAY;AACnB,YAAM,OAAO,MAAM;AAAA,QACjB,iBAAiB,mBAAmB,EAAE,CAAC;AAAA,MACzC;AAEA,UAAI,CAAC,KAAK,IAAI;AACZ,cAAM,IAAI;AAAA,UACR,eAAe,KAAK,MAAM,KACvB,EAAE,oCAAoC,iCAAiC;AAAA,QAC5E;AAAA,MACF;AAEA,aAAO,KAAK,QAAQ,eAAe,CAAC;AAAA,IACtC;AAAA,EACF,CAAC;AAED,QAAM,cAAc,iBAAiB;AAErC,QAAM,mCAAmC,MAAM,YAAY,YAAY;AACrE,UAAM,OAAO,MAAM;AAAA,MACjB,iBAAiB,mBAAmB,EAAE,CAAC;AAAA,IACzC;AAEA,QAAI,CAAC,KAAK,MAAM,CAAC,KAAK,QAAQ;AAC5B,YAAM,IAAI;AAAA,QACR,eAAe,KAAK,MAAM,KACvB,EAAE,qCAAqC,iCAAiC;AAAA,MAC7E;AAAA,IACF;AAEA,gBAAY,aAAa,gBAAgB,KAAK,MAAM;AACpD,WAAO,KAAK;AAAA,EACd,GAAG,CAAC,gBAAgB,IAAI,aAAa,CAAC,CAAC;AAEvC,QAAM,uBAAuB,QAAQ,eAAe,IAAI,qBAAqB;AAC7E,QAAM,sBAAsB,QAAQ,eAAe,IAAI,oBAAoB;AAC3E,QAAM,sBAAsB,QAAQ,eAAe,IAAI,oBAAoB;AAE3E,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
+  "names": []
+}

package/dist/modules/messages/components/message-detail/panels/MainMessageHeader.js

@@ -0,0 +1,94 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { FormHeader } from "@open-mercato/ui/backend/forms";
+import { IconButton } from "@open-mercato/ui/primitives/icon-button";
+import { Archive, Forward, MailMinus, Reply, Trash2 } from "lucide-react";
+import { PriorityBadge } from "../../utils/PriorityBadge.js";
+function MainMessageHeader(props) {
+  const t = useT();
+  const menuActions = React.useMemo(() => [
+    {
+      id: "reply",
+      label: t("messages.reply", "Reply"),
+      icon: Reply,
+      onSelect: props.onReply,
+      disabled: props.actionsDisabled || !props.canReply
+    },
+    {
+      id: "forward-all",
+      label: t("messages.actions.forwardAll", "Forward all"),
+      icon: Forward,
+      onSelect: props.onForwardAll,
+      disabled: props.actionsDisabled || !props.canForwardAll,
+      loading: props.activeActionId === "forwardAll"
+    },
+    {
+      id: "archive-conversation",
+      label: t("messages.actions.archiveConversation", "Archive conversation"),
+      icon: Archive,
+      onSelect: props.onArchiveConversation,
+      disabled: props.actionsDisabled,
+      loading: props.activeActionId === "archiveConversation"
+    },
+    {
+      id: "mark-all-unread",
+      label: t("messages.actions.markAllUnread", "Mark all unread"),
+      icon: MailMinus,
+      onSelect: props.onMarkAllUnread,
+      disabled: props.actionsDisabled,
+      loading: props.activeActionId === "markAllUnread"
+    },
+    {
+      id: "delete-conversation",
+      label: t("messages.actions.deleteConversation", "Delete conversation"),
+      icon: Trash2,
+      onSelect: props.onDeleteConversation,
+      disabled: props.actionsDisabled,
+      loading: props.activeActionId === "deleteConversation"
+    }
+  ], [
+    props.actionsDisabled,
+    props.canForwardAll,
+    props.canReply,
+    props.onArchiveConversation,
+    props.onDeleteConversation,
+    props.onForwardAll,
+    props.onMarkAllUnread,
+    props.onReply,
+    props.activeActionId,
+    t
+  ]);
+  return /* @__PURE__ */ jsx(
+    FormHeader,
+    {
+      mode: "detail",
+      backHref: "/backend/messages",
+      backLabel: t("messages.actions.backToList", "Back to messages"),
+      title: /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx("span", { className: "truncate", children: props.subject }),
+        /* @__PURE__ */ jsx(PriorityBadge, { priority: props.priority })
+      ] }),
+      utilityActions: props.canReply ? /* @__PURE__ */ jsx(
+        IconButton,
+        {
+          type: "button",
+          variant: "outline",
+          size: "default",
+          "aria-label": t("messages.reply", "Reply"),
+          onClick: props.onReply,
+          disabled: props.actionsDisabled || !props.canReply,
+          children: /* @__PURE__ */ jsx(Reply, { className: "h-4 w-4", "aria-hidden": true })
+        }
+      ) : void 0,
+      menuTriggerMode: "icon",
+      menuAriaLabel: t("messages.actions.conversationActions", "Conversation actions"),
+      menuActions
+    }
+  );
+}
+export {
+  MainMessageHeader
+};
+//# sourceMappingURL=MainMessageHeader.js.map