@echothink-ui/inbox 0.1.0

package/src/types.ts

@@ -0,0 +1,85 @@
+import type * as React from "react";
+import type { EthOperationalStatus } from "@echothink-ui/core";
+
+export interface Attachment {
+  id: string;
+  name: string;
+  size: number;
+  mimeType: string;
+  src?: string;
+  previewUrl?: string;
+}
+
+export interface ThreadMessage {
+  id: string;
+  from: string;
+  to: string[];
+  cc?: string[];
+  bcc?: string[];
+  date: string;
+  subject?: string;
+  body: string;
+  attachments?: Attachment[];
+}
+
+export interface MessageThreadModel {
+  id: string;
+  subject: string;
+  messages: ThreadMessage[];
+}
+
+export interface InboxThread {
+  id: string;
+  subject: string;
+  preview: string;
+  from: string;
+  receivedAt: string;
+  unread?: boolean;
+  priority?: "high" | "normal" | "low";
+  labels?: string[];
+  status?: EthOperationalStatus;
+}
+
+export interface MailboxFolder {
+  id: string;
+  label: string;
+  icon?: React.ReactNode;
+  count?: number;
+  smart?: boolean;
+}
+
+export interface MessageDraft {
+  to?: string[];
+  cc?: string[];
+  bcc?: string[];
+  subject?: string;
+  body?: string;
+  attachments?: Attachment[];
+}
+
+export interface RecipientSuggestion {
+  id: string;
+  label: string;
+  email: string;
+}
+
+export interface MailLabel {
+  id: string;
+  label: string;
+  count?: number;
+}
+
+export interface AutomationRule {
+  id: string;
+  name: string;
+  conditions: React.ReactNode;
+  actions: React.ReactNode;
+  enabled: boolean;
+}
+
+export interface ThreadCitation {
+  id: string;
+  label: string;
+  href?: string;
+  messageRef?: string;
+}

package/src/utils.ts

@@ -0,0 +1,33 @@
+export function formatDateTime(value: string) {
+  const date = new Date(value);
+  if (Number.isNaN(date.getTime())) return value;
+  return new Intl.DateTimeFormat(undefined, {
+    month: "short",
+    day: "numeric",
+    hour: "numeric",
+    minute: "2-digit"
+  }).format(date);
+}
+
+export function formatBytes(size: number) {
+  if (size < 1024) return `${size} B`;
+  if (size < 1024 * 1024) return `${Math.round(size / 1024)} KB`;
+  return `${(size / (1024 * 1024)).toFixed(1)} MB`;
+}
+
+export function listToInput(value: string[] | undefined) {
+  return value?.join(", ") ?? "";
+}
+
+export function inputToList(value: string) {
+  return value
+    .split(",")
+    .map((item) => item.trim())
+    .filter(Boolean);
+}
+
+export function prioritySeverity(priority: "high" | "normal" | "low" | undefined) {
+  if (priority === "high") return "danger";
+  if (priority === "low") return "neutral";
+  return "info";
+}