{
  "channel": "email",
  "to": {
    "email": "[email protected]",
    "name": "John Doe" // optional
  },
  "content": {
    "subject": "Subject line",
    "body": "Plain text body",
    "html": "<p>HTML body</p>", // optional
    "template": "mention", // optional
    "variables": {
      "actorName": "Alice",
      "channelName": "general"
    }
  },
  "attachments": [ // optional
    {
      "filename": "document.pdf",
      "content": "base64-encoded-content",
      "contentType": "application/pdf"
    }
  ]
}

{
  "channel": "push",
  "to": {
    "push_token": "fcm-token-or-apns-token",
    "platform": "android" // or "ios"
  },
  "content": {
    "title": "New message",
    "body": "You have a new message from Alice",
    "icon": "https://example.com/icon.png", // optional
    "image": "https://example.com/image.png", // optional
    "sound": "default", // optional
    "badge": 5, // optional (iOS)
    "data": { // optional custom data
      "channelId": "channel-123",
      "messageId": "msg-456"
    },
    "actions": [ // optional
      {
        "action": "reply",
        "title": "Reply"
      },
      {
        "action": "mark_read",
        "title": "Mark as Read"
      }
    ]
  }
}

{
  "channel": "sms",
  "to": {
    "phone_number": "+12345678901"
  },
  "content": {
    "body": "You have a new message from Alice in #general"
  }
}

{
  "channel": "in-app",
  "to": {
    "userId": "user-123"
  },
  "content": {
    "title": "New message",
    "body": "Alice sent you a message",
    "icon": "message",
    "color": "blue",
    "action_url": "/chat/channel-123"
  }
}

import { useNotificationPreferences } from '@/hooks/use-notification-preferences'

function NotificationSettings() {
  const {
    preferences,
    updatePreferences,
    loading
  } = useNotificationPreferences()

  const handleToggleEmail = async () => {
    await updatePreferences({
      channels: {
        ...preferences.channels,
        email: !preferences.channels.email
      }
    })
  }

  return (
    <div>
      <label>
        <input
          type="checkbox"
          checked={preferences.channels.email}
          onChange={handleToggleEmail}
          disabled={loading}
        />
        Email notifications
      </label>
    </div>
  )
}

import { NotificationService } from '@/services/notifications'

const notificationService = new NotificationService()

// Send notification
await notificationService.sendNotification({
  userId: 'user-123',
  channel: 'email',
  to: { email: '[email protected]' },
  content: {
    subject: 'New message',
    body: 'You have a new message',
  },
})

// Get preferences
const prefs = await notificationService.getPreferences('user-123')

// Update preferences
await notificationService.updatePreferences('user-123', {
  channels: { email: false, push: true },
})

// Automatically process chat events
const events = [
  'message.mention',
  'message.reply',
  'message.reaction',
  'channel.invite',
  'thread.reply',
]

await notificationService.processChatEvent({
  type: 'message.mention',
  timestamp: new Date().toISOString(),
  actor: {
    id: 'user-1',
    name: 'Alice',
  },
  target: {
    user_id: 'user-2',
    user_email: '[email protected]',
    user_push_token: 'fcm-token',
  },
  data: {
    channel_id: 'channel-123',
    channel_name: 'general',
    message_preview: 'Hey @bob, check this out!',
    action_url: 'https://nchat.app/channel-123',
  },
})