@djangocfg/ext-support 1.0.24 → 1.0.26

package/src/contexts/types.ts

@@ -17,5 +17,5 @@ export type {
   PaginatedMessageList,
 } from '../api/generated/ext_support/_utils/schemas';
 
-// Enums
-export { TicketStatus } from '../api/generated/ext_support/enums';
+// Enums - re-export with alias for backwards compatibility
+export { PatchedTicketRequestStatus as TicketStatus } from '../api/generated/ext_support/enums';

package/src/i18n/useSupportT.ts

@@ -7,13 +7,13 @@
  */
 
 import { useLocale } from 'next-intl';
-import { useMemo, useCallback } from 'react';
+import { useCallback, useMemo } from 'react';
 
-import type { SupportTranslations, SupportLocalKeys } from './types';
 import { en } from './locales/en';
-import { ru } from './locales/ru';
 import { ko } from './locales/ko';
+import { ru } from './locales/ru';
 
+import type { SupportTranslations, SupportLocalKeys } from './types';
 const translations: Record<string, SupportTranslations> = { en, ru, ko };
 
 /**

package/src/utils/status.ts

@@ -0,0 +1,44 @@
+/**
+ * Ticket Status Configuration
+ *
+ * Centralized styling for ticket statuses following Apple HIG
+ */
+
+export type TicketStatus =
+  | 'open'
+  | 'waiting_for_user'
+  | 'waiting_for_admin'
+  | 'resolved'
+  | 'closed';
+
+export interface StatusConfig {
+  color: string;
+  bg: string;
+}
+
+export const ticketStatusConfig: Record<TicketStatus, StatusConfig> = {
+  open: {
+    color: 'text-blue-600 dark:text-blue-400',
+    bg: 'bg-blue-500/10',
+  },
+  waiting_for_user: {
+    color: 'text-orange-600 dark:text-orange-400',
+    bg: 'bg-orange-500/10',
+  },
+  waiting_for_admin: {
+    color: 'text-muted-foreground',
+    bg: 'bg-muted',
+  },
+  resolved: {
+    color: 'text-green-600 dark:text-green-400',
+    bg: 'bg-green-500/10',
+  },
+  closed: {
+    color: 'text-muted-foreground',
+    bg: 'bg-muted',
+  },
+};
+
+export function getStatusConfig(status: string): StatusConfig {
+  return ticketStatusConfig[status as TicketStatus] || ticketStatusConfig.open;
+}

package/src/utils/time.ts

@@ -0,0 +1,88 @@
+/**
+ * Time Formatting Utilities
+ *
+ * Apple-style time formatting for messages and tickets
+ */
+
+import moment from 'moment';
+
+/**
+ * Format time for message display (e.g., "10:30 AM")
+ */
+export function formatMessageTime(date: string | null | undefined): string {
+  if (!date) return '';
+  return moment.utc(date).local().format('h:mm A');
+}
+
+/**
+ * Format date separator for chat (e.g., "Today", "Yesterday", "Dec 15")
+ */
+export function formatDateSeparator(date: string | null | undefined): string {
+  if (!date) return '';
+
+  const m = moment.utc(date).local();
+  const now = moment();
+  const today = now.clone().startOf('day');
+  const yesterday = now.clone().subtract(1, 'day').startOf('day');
+
+  if (m.isSame(today, 'day')) {
+    return 'Today';
+  }
+  if (m.isSame(yesterday, 'day')) {
+    return 'Yesterday';
+  }
+  if (m.isSame(now, 'year')) {
+    return m.format('MMM D');
+  }
+  return m.format('MMM D, YYYY');
+}
+
+/**
+ * Format relative time (e.g., "2h ago", "Just now")
+ */
+export function formatRelativeTime(
+  date: string | null | undefined,
+  labels: {
+    justNow: string;
+    minutesAgo: string;
+    hoursAgo: string;
+    daysAgo: string;
+  }
+): string {
+  if (!date) return 'N/A';
+
+  const m = moment.utc(date).local();
+  const now = moment();
+  const diffInSeconds = now.diff(m, 'seconds');
+
+  if (diffInSeconds < 60) {
+    return labels.justNow;
+  }
+  if (diffInSeconds < 3600) {
+    return labels.minutesAgo.replace('{count}', String(Math.floor(diffInSeconds / 60)));
+  }
+  if (diffInSeconds < 86400) {
+    return labels.hoursAgo.replace('{count}', String(Math.floor(diffInSeconds / 3600)));
+  }
+  if (diffInSeconds < 604800) {
+    return labels.daysAgo.replace('{count}', String(Math.floor(diffInSeconds / 86400)));
+  }
+
+  return m.format('MMM D, YYYY');
+}
+
+/**
+ * Check if two dates are on the same day
+ */
+export function isSameDay(date1: string | null | undefined, date2: string | null | undefined): boolean {
+  if (!date1 || !date2) return false;
+  return moment.utc(date1).format('YYYY-MM-DD') === moment.utc(date2).format('YYYY-MM-DD');
+}
+
+/**
+ * Format date for ticket header (e.g., "Dec 15, 2024")
+ */
+export function formatTicketDate(date: string | null | undefined): string {
+  if (!date) return '';
+  return moment.utc(date).local().format('MMM D, YYYY');
+}