ajaxter-chat 1.0.3 → 3.0.1

package/dist/hooks/useWebRTC.js

@@ -0,0 +1,112 @@
+import { useState, useRef, useCallback, useEffect } from 'react';
+const ICE_SERVERS = [
+    { urls: 'stun:stun.l.google.com:19302' },
+    { urls: 'stun:stun1.l.google.com:19302' },
+];
+export function useWebRTC() {
+    const [session, setSession] = useState({
+        state: 'idle',
+        peer: null,
+        startedAt: null,
+        isMuted: false,
+        isCameraOn: false,
+    });
+    const pcRef = useRef(null);
+    const localStream = useRef(null);
+    const localVideoRef = useRef(null);
+    const remoteVideoRef = useRef(null);
+    const updateSession = (patch) => setSession(prev => (Object.assign(Object.assign({}, prev), patch)));
+    /** Start an outgoing call */
+    const startCall = useCallback(async (peer, withVideo = false) => {
+        updateSession({ state: 'calling', peer });
+        const stream = await navigator.mediaDevices.getUserMedia({
+            audio: true,
+            video: withVideo,
+        });
+        localStream.current = stream;
+        if (localVideoRef.current)
+            localVideoRef.current.srcObject = stream;
+        const pc = new RTCPeerConnection({ iceServers: ICE_SERVERS });
+        pcRef.current = pc;
+        stream.getTracks().forEach(t => pc.addTrack(t, stream));
+        pc.ontrack = e => {
+            if (remoteVideoRef.current)
+                remoteVideoRef.current.srcObject = e.streams[0];
+            updateSession({ state: 'connected', startedAt: new Date(), isCameraOn: withVideo });
+        };
+        pc.onicecandidate = e => {
+            if (e.candidate) {
+                // TODO: socket.emit('ice-candidate', { candidate: e.candidate, to: peer.uid });
+                console.log('[WebRTC] ICE candidate ready — send via signalling:', e.candidate);
+            }
+        };
+        const offer = await pc.createOffer();
+        await pc.setLocalDescription(offer);
+        // TODO: socket.emit('call-offer', { offer, to: peer.uid, from: 'me' });
+        console.log('[WebRTC] Offer created — send via signalling server:', offer);
+    }, []);
+    /** Accept an incoming call offer */
+    const acceptCall = useCallback(async (offer, peer, withVideo = false) => {
+        updateSession({ state: 'connected', peer, startedAt: new Date(), isCameraOn: withVideo });
+        const stream = await navigator.mediaDevices.getUserMedia({ audio: true, video: withVideo });
+        localStream.current = stream;
+        if (localVideoRef.current)
+            localVideoRef.current.srcObject = stream;
+        const pc = new RTCPeerConnection({ iceServers: ICE_SERVERS });
+        pcRef.current = pc;
+        stream.getTracks().forEach(t => pc.addTrack(t, stream));
+        pc.ontrack = e => {
+            if (remoteVideoRef.current)
+                remoteVideoRef.current.srcObject = e.streams[0];
+        };
+        pc.onicecandidate = e => {
+            if (e.candidate) {
+                // TODO: socket.emit('ice-candidate', { candidate: e.candidate, to: peer.uid });
+            }
+        };
+        await pc.setRemoteDescription(offer);
+        const answer = await pc.createAnswer();
+        await pc.setLocalDescription(answer);
+        // TODO: socket.emit('call-answer', { answer, to: peer.uid });
+    }, []);
+    /** Hang up */
+    const endCall = useCallback(() => {
+        var _a, _b;
+        (_a = localStream.current) === null || _a === void 0 ? void 0 : _a.getTracks().forEach(t => t.stop());
+        (_b = pcRef.current) === null || _b === void 0 ? void 0 : _b.close();
+        pcRef.current = null;
+        localStream.current = null;
+        updateSession({ state: 'ended', peer: null, startedAt: null });
+        setTimeout(() => updateSession({ state: 'idle' }), 1800);
+    }, []);
+    const toggleMute = useCallback(() => {
+        if (!localStream.current)
+            return;
+        const enabled = !session.isMuted;
+        localStream.current.getAudioTracks().forEach(t => { t.enabled = enabled; });
+        updateSession({ isMuted: !session.isMuted });
+    }, [session.isMuted]);
+    const toggleCamera = useCallback(() => {
+        if (!localStream.current)
+            return;
+        const enabled = !session.isCameraOn;
+        localStream.current.getVideoTracks().forEach(t => { t.enabled = enabled; });
+        updateSession({ isCameraOn: enabled });
+    }, [session.isCameraOn]);
+    // Cleanup on unmount
+    useEffect(() => () => {
+        var _a, _b;
+        (_a = localStream.current) === null || _a === void 0 ? void 0 : _a.getTracks().forEach(t => t.stop());
+        (_b = pcRef.current) === null || _b === void 0 ? void 0 : _b.close();
+    }, []);
+    return {
+        session,
+        localVideoRef,
+        remoteVideoRef,
+        startCall,
+        acceptCall,
+        endCall,
+        toggleMute,
+        toggleCamera,
+    };
+}

package/dist/index.d.ts

@@ -1,13 +1,18 @@
-export { ChatWidget } from './components/ChatWidget';
-export { default } from './components/ChatWidget';
-export { ChatButton } from './components/ChatButton';
-export { ChatWindow } from './components/ChatWindow';
-export { UserList } from './components/UserList';
-export { ChatBox } from './components/ChatBox';
+export { ChatWidget, default } from './components/ChatWidget';
+export { HomeScreen } from './components/HomeScreen';
+export { UserListScreen } from './components/UserListScreen';
+export { ChatScreen } from './components/ChatScreen';
+export { RecentChatsScreen } from './components/RecentChatsScreen';
+export { TicketScreen } from './components/TicketScreen';
+export { BlockListScreen } from './components/BlockList';
+export { CallScreen } from './components/CallScreen';
 export { MaintenanceView } from './components/MaintenanceView';
-export { useUsers } from './hooks/useUsers';
+export { BottomTabs } from './components/Tabs/BottomTabs';
+export { EmojiPicker } from './components/EmojiPicker';
 export { useChat } from './hooks/useChat';
-export { loadChatConfig, buildUserListUrl } from './config';
-export { fetchUsers } from './services/userService';
-export type { ChatUser, ChatMessage, ChatConfig, ChatWidgetTheme, ChatWidgetProps, ChatStatus, ChatType, UserType, TabType, BottomNavTab, HomeFlow, RaisedTicket, RecentChat, } from './types';
-export { defaultTheme, mergeTheme } from './utils/theme';
+export { useWebRTC } from './hooks/useWebRTC';
+export { useRemoteConfig } from './hooks/useRemoteConfig';
+export { loadLocalConfig, fetchRemoteChatData } from './config';
+export { mergeTheme, darken } from './utils/theme';
+export { avatarColor, initials, formatTime, formatDate, generateTranscript, downloadText } from './utils/chat';
+export type { ChatWidgetProps, ChatWidgetTheme, WidgetConfig, RemoteChatData, ChatUser, ChatMessage, Ticket, RecentChat, CallSession, CallState, ChatStatus, ChatType, UserType, OnlineStatus, Screen, BottomTab, UserListContext, MessageType, LocalEnvConfig, } from './types';

package/dist/index.js

@@ -1,18 +1,17 @@
-// Main component
-export { ChatWidget } from './components/ChatWidget';
-export { default } from './components/ChatWidget';
-// Sub-components (for advanced customization)
-export { ChatButton } from './components/ChatButton';
-export { ChatWindow } from './components/ChatWindow';
-export { UserList } from './components/UserList';
-export { ChatBox } from './components/ChatBox';
+export { ChatWidget, default } from './components/ChatWidget';
+export { HomeScreen } from './components/HomeScreen';
+export { UserListScreen } from './components/UserListScreen';
+export { ChatScreen } from './components/ChatScreen';
+export { RecentChatsScreen } from './components/RecentChatsScreen';
+export { TicketScreen } from './components/TicketScreen';
+export { BlockListScreen } from './components/BlockList';
+export { CallScreen } from './components/CallScreen';
 export { MaintenanceView } from './components/MaintenanceView';
-// Hooks
-export { useUsers } from './hooks/useUsers';
+export { BottomTabs } from './components/Tabs/BottomTabs';
+export { EmojiPicker } from './components/EmojiPicker';
 export { useChat } from './hooks/useChat';
-// Config utilities
-export { loadChatConfig, buildUserListUrl } from './config';
-// Services
-export { fetchUsers } from './services/userService';
-// Theme utilities
-export { defaultTheme, mergeTheme } from './utils/theme';
+export { useWebRTC } from './hooks/useWebRTC';
+export { useRemoteConfig } from './hooks/useRemoteConfig';
+export { loadLocalConfig, fetchRemoteChatData } from './config';
+export { mergeTheme, darken } from './utils/theme';
+export { avatarColor, initials, formatTime, formatDate, generateTranscript, downloadText } from './utils/chat';

package/dist/types/index.d.ts

@@ -1,71 +1,99 @@
+export interface WidgetConfig {
+    id: string;
+    apiKey: string;
+    status: ChatStatus;
+    chatType: ChatType;
+    primaryColor: string;
+    buttonLabel: string;
+    buttonPosition: 'bottom-right' | 'bottom-left';
+    welcomeTitle: string;
+    welcomeSubtitle: string;
+    allowVoiceMessage: boolean;
+    allowAttachment: boolean;
+    allowEmoji: boolean;
+    allowWebCall: boolean;
+    maxEmojiCount: number;
+    allowTranscriptDownload: boolean;
+    allowReport: boolean;
+    allowBlock: boolean;
+}
+export interface RemoteChatData {
+    widget: WidgetConfig;
+    developers: ChatUser[];
+    users: ChatUser[];
+    sampleChats: Record<string, ChatMessage[]>;
+    sampleTickets: Ticket[];
+    blockedUsers: string[];
+}
 export type ChatStatus = 'ACTIVE' | 'DISABLE' | 'MAINTENANCE';
 export type ChatType = 'SUPPORT' | 'CHAT' | 'BOTH';
 export type UserType = 'developer' | 'user';
-export type TabType = 'developers' | 'users';
-export type BottomNavTab = 'home' | 'chats' | 'tickets';
-export type HomeFlow = 'home' | 'pickUser' | 'chat' | 'raiseTicket';
+export type OnlineStatus = 'online' | 'away' | 'offline';
+export type BottomTab = 'home' | 'chats' | 'tickets';
+export type Screen = 'home' | 'user-list' | 'chat' | 'recent-chats' | 'tickets' | 'block-list' | 'call';
+export type UserListContext = 'support' | 'conversation';
+export type MessageType = 'text' | 'voice' | 'attachment' | 'emoji';
 export interface ChatUser {
-    name: string;
     uid: string;
+    name: string;
     email: string;
     mobile: string;
     project: string;
     type: UserType;
+    avatar: string | null;
+    status: OnlineStatus;
+    designation: string;
 }
 export interface ChatMessage {
     id: string;
     senderId: string;
     receiverId: string;
     text: string;
-    timestamp: Date;
+    timestamp: string;
+    type: MessageType;
     status: 'sent' | 'delivered' | 'read';
+    attachmentName?: string;
+    attachmentSize?: string;
+    voiceDuration?: number;
 }
-export interface ChatConfig {
-    hostUrl: string;
-    /** When omitted, URLs use `hostUrl` only (no `:port` segment). */
-    hostPort?: number;
-    userListEndpoint: string;
-    status: ChatStatus;
-    chatType: ChatType;
-    /** Show “Need Support” card on home (env `CHAT_SHOW_NEED_SUPPORT`). */
-    showNeedSupport: boolean;
-    /** Show “New Conversation” card on home (env `CHAT_SHOW_NEW_CONVERSATION`). */
-    showNewConversation: boolean;
-    /** Pixel bounds for the resize slider (env `CHAT_WIDGET_*`). */
-    widgetMinWidth: number;
-    widgetMaxWidth: number;
-    widgetMinHeight: number;
-    widgetMaxHeight: number;
-    /** Default widget size as ratio 0–1 between min and max. */
-    widgetDefaultSize: number;
-}
-export interface RaisedTicket {
+export interface Ticket {
     id: string;
-    subject: string;
-    body: string;
-    createdAt: Date;
-    status: 'open' | 'closed';
+    title: string;
+    description: string;
+    status: 'open' | 'in-progress' | 'resolved' | 'closed';
+    priority: 'low' | 'medium' | 'high';
+    createdAt: string;
+    updatedAt: string;
+    assignedTo: string | null;
 }
 export interface RecentChat {
+    id: string;
     user: ChatUser;
     lastMessage: string;
-    updatedAt: Date;
+    lastTime: string;
+    unread: number;
+    isPaused: boolean;
+}
+export type CallState = 'idle' | 'calling' | 'connected' | 'ended';
+export interface CallSession {
+    state: CallState;
+    peer: ChatUser | null;
+    startedAt: Date | null;
+    isMuted: boolean;
+    isCameraOn: boolean;
+}
+export interface LocalEnvConfig {
+    apiKey: string;
+    widgetId: string;
 }
 export interface ChatWidgetTheme {
-    fontFamily?: string;
     primaryColor?: string;
-    backgroundColor?: string;
+    fontFamily?: string;
     buttonColor?: string;
     buttonTextColor?: string;
     buttonLabel?: string;
     buttonPosition?: 'bottom-right' | 'bottom-left';
     borderRadius?: string;
-    /** Override config min width (px). */
-    widgetMinWidth?: number;
-    widgetMaxWidth?: number;
-    widgetMinHeight?: number;
-    widgetMaxHeight?: number;
-    widgetDefaultSize?: number;
 }
 export interface ChatWidgetProps {
     theme?: ChatWidgetTheme;

package/dist/utils/chat.d.ts

@@ -0,0 +1,13 @@
+import { ChatMessage, ChatUser } from '../types';
+/** Generate a consistent avatar color from a name */
+export declare function avatarColor(name: string): string;
+/** Get initials from full name */
+export declare function initials(name: string): string;
+/** Format timestamp to readable time string */
+export declare function formatTime(ts: string | Date): string;
+/** Format date for chat separators */
+export declare function formatDate(ts: string | Date): string;
+/** Generate a plain-text transcript from messages */
+export declare function generateTranscript(messages: ChatMessage[], peer: ChatUser, myName?: string): string;
+/** Trigger a file download in the browser */
+export declare function downloadText(content: string, filename: string): void;

package/dist/utils/chat.js

@@ -0,0 +1,62 @@
+/** Generate a consistent avatar color from a name */
+export function avatarColor(name) {
+    const palette = [
+        '#2563EB', '#7C3AED', '#059669', '#D97706',
+        '#DC2626', '#0891B2', '#4F46E5', '#BE185D',
+    ];
+    let hash = 0;
+    for (let i = 0; i < name.length; i++)
+        hash = name.charCodeAt(i) + ((hash << 5) - hash);
+    return palette[Math.abs(hash) % palette.length];
+}
+/** Get initials from full name */
+export function initials(name) {
+    return name.split(' ').map(n => n[0]).join('').toUpperCase().slice(0, 2);
+}
+/** Format timestamp to readable time string */
+export function formatTime(ts) {
+    return new Date(ts).toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' });
+}
+/** Format date for chat separators */
+export function formatDate(ts) {
+    const d = new Date(ts);
+    const today = new Date();
+    const yesterday = new Date(today);
+    yesterday.setDate(today.getDate() - 1);
+    if (d.toDateString() === today.toDateString())
+        return 'Today';
+    if (d.toDateString() === yesterday.toDateString())
+        return 'Yesterday';
+    return d.toLocaleDateString([], { month: 'short', day: 'numeric', year: 'numeric' });
+}
+/** Generate a plain-text transcript from messages */
+export function generateTranscript(messages, peer, myName = 'Me') {
+    const header = [
+        '═══════════════════════════════════════',
+        '  CHAT TRANSCRIPT',
+        `  Conversation with: ${peer.name} (${peer.email})`,
+        `  Downloaded: ${new Date().toLocaleString()}`,
+        '═══════════════════════════════════════',
+        '',
+    ].join('\n');
+    const body = messages.map(m => {
+        var _a;
+        const sender = m.senderId === 'me' ? myName : peer.name;
+        const time = new Date(m.timestamp).toLocaleString();
+        const label = m.type === 'voice' ? '[Voice Message]'
+            : m.type === 'attachment' ? `[Attachment: ${(_a = m.attachmentName) !== null && _a !== void 0 ? _a : 'file'}]`
+                : m.text;
+        return `[${time}] ${sender}: ${label}`;
+    }).join('\n');
+    return header + body;
+}
+/** Trigger a file download in the browser */
+export function downloadText(content, filename) {
+    const blob = new Blob([content], { type: 'text/plain' });
+    const url = URL.createObjectURL(blob);
+    const a = document.createElement('a');
+    a.href = url;
+    a.download = filename;
+    a.click();
+    URL.revokeObjectURL(url);
+}

package/dist/utils/theme.d.ts

@@ -1,4 +1,5 @@
 import { ChatWidgetTheme } from '../types';
 export declare const defaultTheme: Required<ChatWidgetTheme>;
-export declare function mergeTheme(custom?: ChatWidgetTheme): Required<ChatWidgetTheme>;
-export declare function themeToCSS(theme: Required<ChatWidgetTheme>): string;
+export declare function mergeTheme(remote?: Partial<ChatWidgetTheme>, local?: ChatWidgetTheme): Required<ChatWidgetTheme>;
+/** Darken a hex color by `amount` (0-255) */
+export declare function darken(hex: string, amount?: number): string;

package/dist/utils/theme.js

@@ -1,28 +1,20 @@
 export const defaultTheme = {
+    primaryColor: '#2563EB',
     fontFamily: "'DM Sans', 'Segoe UI', sans-serif",
-    primaryColor: '#13947e',
-    backgroundColor: '#ffffff',
-    buttonColor: '#13947e',
+    buttonColor: '#2563EB',
     buttonTextColor: '#ffffff',
-    buttonLabel: 'Chat with us',
+    buttonLabel: 'Support',
     buttonPosition: 'bottom-right',
-    borderRadius: '16px',
-    widgetMinWidth: 320,
-    widgetMaxWidth: 720,
-    widgetMinHeight: 420,
-    widgetMaxHeight: 720,
-    widgetDefaultSize: 0.45,
+    borderRadius: '0px', // drawer uses 16px only on top-left / bottom-left
 };
-export function mergeTheme(custom) {
-    return Object.assign(Object.assign({}, defaultTheme), custom);
+export function mergeTheme(remote, local) {
+    return Object.assign(Object.assign(Object.assign({}, defaultTheme), remote), local);
 }
-export function themeToCSS(theme) {
-    return `
-    --cw-font: ${theme.fontFamily};
-    --cw-primary: ${theme.primaryColor};
-    --cw-bg: ${theme.backgroundColor};
-    --cw-btn-bg: ${theme.buttonColor};
-    --cw-btn-text: ${theme.buttonTextColor};
-    --cw-radius: ${theme.borderRadius};
-  `;
+/** Darken a hex color by `amount` (0-255) */
+export function darken(hex, amount = 20) {
+    const n = parseInt(hex.replace('#', ''), 16);
+    const r = Math.max(0, (n >> 16) - amount);
+    const g = Math.max(0, ((n >> 8) & 0xff) - amount);
+    const b = Math.max(0, (n & 0xff) - amount);
+    return `#${((r << 16) | (g << 8) | b).toString(16).padStart(6, '0')}`;
 }

package/package.json

@@ -1,18 +1,14 @@
 {
   "name": "ajaxter-chat",
-  "version": "1.0.3",
-  "description": "A reusable, configurable chat widget for React.js and Next.js applications.",
+  "version": "3.0.1",
+  "description": "Drawer-based chat widget with support chat, tickets, WebRTC calling, voice messages, block list, and transcript download.",
   "main": "dist/index.js",
-  "module": "dist/index.esm.js",
   "types": "dist/index.d.ts",
-  "files": [
-    "dist"
-  ],
+  "files": ["dist", "src", "public"],
   "sideEffects": false,
   "scripts": {
     "build": "tsc",
     "dev": "tsc --watch",
-    "lint": "eslint src --ext .ts,.tsx",
     "type-check": "tsc --noEmit"
   },
   "peerDependencies": {
@@ -20,19 +16,13 @@
     "react-dom": ">=17.0.0"
   },
   "devDependencies": {
-    "@types/node": "^25.5.0",
-    "@types/react": "^18.3.28",
-    "@types/react-dom": "^18.3.7",
-    "typescript": "^5.9.3"
+    "@types/node": "^22.0.0",
+    "@types/react": "^18.0.0",
+    "@types/react-dom": "^18.0.0",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "typescript": "^5.0.0"
   },
-  "keywords": [
-    "react",
-    "nextjs",
-    "chat",
-    "widget",
-    "support",
-    "typescript",
-    "ajaxter"
-  ],
+  "keywords": ["react","nextjs","chat","widget","webrtc","support","tickets","drawer","typescript"],
   "license": "MIT"
 }

package/public/chatData.json

@@ -0,0 +1,162 @@
+{
+  "widget": {
+    "id": "demo",
+    "apiKey": "demo1234",
+    "status": "ACTIVE",
+    "chatType": "BOTH",
+    "primaryColor": "#2563EB",
+    "buttonLabel": "Support",
+    "buttonPosition": "bottom-right",
+    "welcomeTitle": "Hi there 👋",
+    "welcomeSubtitle": "Need help? Start a conversation:",
+    "allowVoiceMessage": true,
+    "allowAttachment": true,
+    "allowEmoji": true,
+    "allowWebCall": true,
+    "maxEmojiCount": 20,
+    "allowTranscriptDownload": true,
+    "allowReport": true,
+    "allowBlock": true
+  },
+  "developers": [
+    {
+      "uid": "dev_001",
+      "name": "Arjun Sharma",
+      "email": "arjun.sharma@mscorpres.com",
+      "mobile": "+91-9876543210",
+      "project": "Platform Engineering",
+      "type": "developer",
+      "avatar": null,
+      "status": "online",
+      "designation": "Senior Developer"
+    },
+    {
+      "uid": "dev_002",
+      "name": "Priya Nair",
+      "email": "priya.nair@mscorpres.com",
+      "mobile": "+91-9876543211",
+      "project": "Product Support",
+      "type": "developer",
+      "avatar": null,
+      "status": "online",
+      "designation": "Support Engineer"
+    }
+  ],
+  "users": [
+    {
+      "uid": "usr_001",
+      "name": "Ravi Kumar",
+      "email": "ravi.kumar@client.com",
+      "mobile": "+91-9988776655",
+      "project": "Client Portal",
+      "type": "user",
+      "avatar": null,
+      "status": "online",
+      "designation": "Product Manager"
+    },
+    {
+      "uid": "usr_002",
+      "name": "Sneha Patel",
+      "email": "sneha.patel@client.com",
+      "mobile": "+91-9988776644",
+      "project": "Client Portal",
+      "type": "user",
+      "avatar": null,
+      "status": "away",
+      "designation": "Business Analyst"
+    },
+    {
+      "uid": "usr_003",
+      "name": "Mohan Das",
+      "email": "mohan.das@client.com",
+      "mobile": "+91-9988776633",
+      "project": "Mobile App",
+      "type": "user",
+      "avatar": null,
+      "status": "offline",
+      "designation": "QA Engineer"
+    }
+  ],
+  "sampleChats": {
+    "dev_001": [
+      {
+        "id": "msg_001",
+        "senderId": "me",
+        "receiverId": "dev_001",
+        "text": "Hi Arjun, I'm getting a 500 error on the login API.",
+        "timestamp": "2025-03-27T09:10:00Z",
+        "type": "text",
+        "status": "read"
+      },
+      {
+        "id": "msg_002",
+        "senderId": "dev_001",
+        "receiverId": "me",
+        "text": "Hey! Can you share the request payload? I'll check on my end.",
+        "timestamp": "2025-03-27T09:11:30Z",
+        "type": "text",
+        "status": "read"
+      },
+      {
+        "id": "msg_003",
+        "senderId": "me",
+        "receiverId": "dev_001",
+        "text": "Sure, here it is: { \"email\": \"test@demo.com\", \"password\": \"***\" }",
+        "timestamp": "2025-03-27T09:12:00Z",
+        "type": "text",
+        "status": "read"
+      },
+      {
+        "id": "msg_004",
+        "senderId": "dev_001",
+        "receiverId": "me",
+        "text": "Got it. The issue was a DB connection timeout. Fixed in the latest deploy 🚀",
+        "timestamp": "2025-03-27T09:20:00Z",
+        "type": "text",
+        "status": "read"
+      },
+      {
+        "id": "msg_005",
+        "senderId": "me",
+        "receiverId": "dev_001",
+        "text": "Perfect, it's working now. Thanks!",
+        "timestamp": "2025-03-27T09:21:00Z",
+        "type": "text",
+        "status": "read"
+      }
+    ]
+  },
+  "sampleTickets": [
+    {
+      "id": "TKT-0001",
+      "title": "Login page 500 error",
+      "description": "Getting a server error when logging in with valid credentials.",
+      "status": "resolved",
+      "priority": "high",
+      "createdAt": "2025-03-25T10:00:00Z",
+      "updatedAt": "2025-03-27T09:22:00Z",
+      "assignedTo": "dev_001"
+    },
+    {
+      "id": "TKT-0002",
+      "title": "Export to CSV not working",
+      "description": "The export button on the reports page does nothing when clicked.",
+      "status": "in-progress",
+      "priority": "medium",
+      "createdAt": "2025-03-26T14:30:00Z",
+      "updatedAt": "2025-03-27T08:00:00Z",
+      "assignedTo": "dev_002"
+    },
+    {
+      "id": "TKT-0003",
+      "title": "Add dark mode support",
+      "description": "Feature request to add a dark mode toggle for the dashboard.",
+      "status": "open",
+      "priority": "low",
+      "createdAt": "2025-03-27T07:00:00Z",
+      "updatedAt": "2025-03-27T07:00:00Z",
+      "assignedTo": null
+    }
+  ],
+  "blockedUsers": []
+}