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

package/src/modules/staff/widgets/messages/StaffMessageObjectDetail.tsx

@@ -0,0 +1,57 @@
+"use client"
+
+import * as React from 'react'
+import { useT } from '@open-mercato/shared/lib/i18n/context'
+import type { ObjectDetailProps } from '@open-mercato/shared/modules/messages/types'
+import { Button } from '@open-mercato/ui/primitives/button'
+import { StaffMessageObjectPreview } from './StaffMessageObjectPreview'
+
+export function StaffMessageObjectDetail(props: ObjectDetailProps) {
+  const t = useT()
+  const [executingActionId, setExecutingActionId] = React.useState<string | null>(null)
+
+  return (
+    <div className="space-y-3 rounded border p-3">
+      <StaffMessageObjectPreview
+        entityId={props.entityId}
+        entityModule={props.entityModule}
+        entityType={props.entityType}
+        snapshot={props.snapshot}
+        previewData={props.previewData}
+        actionRequired={props.actionRequired}
+        actionType={props.actionType}
+        actionLabel={props.actionLabel}
+      />
+
+      {props.actions.length > 0 ? (
+        <div className="flex flex-wrap gap-2">
+          {props.actions.map((action) => (
+            <Button
+              key={action.id}
+              type="button"
+              size="sm"
+              variant={action.variant ?? 'default'}
+              disabled={executingActionId !== null}
+              onClick={async () => {
+                if (executingActionId) return
+                setExecutingActionId(action.id)
+                try {
+                  await props.onAction(action.id, { id: props.entityId })
+                } finally {
+                  setExecutingActionId(null)
+                }
+              }}
+            >
+              {executingActionId === action.id
+                ? t('messages.actions.executing', 'Executing...')
+                : t(action.labelKey ?? action.id, action.id)}
+            </Button>
+          ))}
+        </div>
+      ) : null}
+    </div>
+  )
+}
+
+export default StaffMessageObjectDetail
+

package/src/modules/staff/widgets/messages/StaffMessageObjectPreview.tsx

@@ -0,0 +1,44 @@
+"use client"
+
+import { UserRound, Users } from 'lucide-react'
+import { useT } from '@open-mercato/shared/lib/i18n/context'
+import type { ObjectPreviewProps } from '@open-mercato/shared/modules/messages/types'
+import { Badge } from '@open-mercato/ui/primitives/badge'
+
+export function StaffMessageObjectPreview({
+  entityType,
+  entityId,
+  previewData,
+  actionRequired,
+  actionLabel,
+}: ObjectPreviewProps) {
+  const t = useT()
+  const isTeam = entityType === 'team'
+  const Icon = isTeam ? Users : UserRound
+  const fallbackTitle = isTeam
+    ? t('staff.teams.page.title', 'Teams')
+    : t('staff.teamMembers.page.title', 'Team members')
+
+  return (
+    <div className="flex items-start gap-3 rounded-md border bg-muted/20 p-3">
+      <Icon className="mt-0.5 h-4 w-4 text-muted-foreground" />
+      <div className="min-w-0 flex-1 space-y-1">
+        <div className="flex items-center gap-2">
+          <p className="truncate text-sm font-medium">{previewData?.title || fallbackTitle}</p>
+          {actionRequired ? (
+            <Badge variant="secondary" className="text-xs">
+              {actionLabel || t('messages.composer.objectActionRequired', 'Action required')}
+            </Badge>
+          ) : null}
+        </div>
+        <p className="truncate text-xs text-muted-foreground">{previewData?.subtitle || entityId}</p>
+        {previewData?.status ? (
+          <Badge variant="outline" className="text-xs">{previewData.status}</Badge>
+        ) : null}
+      </div>
+    </div>
+  )
+}
+
+export default StaffMessageObjectPreview
+

package/src/modules/staff/widgets/messages/index.ts

@@ -0,0 +1,2 @@
+export { StaffMessageObjectDetail } from './StaffMessageObjectDetail'
+export { StaffMessageObjectPreview } from './StaffMessageObjectPreview'