Push Notifications

import { useNotificationStore } from '@/stores/notificationStore'

function EnableNotifications() {
  const { requestPermission, permissionStatus } = useNotificationStore()

  const handleEnable = async () => {
    const granted = await requestPermission()
    // If denied, an alert prompts user to open Settings
  }

  return permissionStatus === 'undetermined' && (
    <Button onPress={handleEnable} title="Enable Notifications" />
  )
}

const { togglePush, isPushEnabled } = useNotificationStore()

// Toggle on/off - handles permission request automatically
await togglePush(user?.id) // Pass userId to sync preference to backend

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

await scheduleNotification({
  title: 'Reminder',
  body: 'Time to check your progress!',
  data: { screen: 'Profile' },
  trigger: { seconds: 3600 },
})

const { pushToken } = useNotificationStore()
// Send pushToken to your backend

import { Expo } from 'expo-server-sdk'

const expo = new Expo()
await expo.sendPushNotificationsAsync([{
  to: pushToken,
  title: 'New Message',
  body: 'You have a new message',
  data: { screen: 'Messages' },
}])

import { addNotificationResponseReceivedListener } from '@/services/notifications'
import { useNavigation } from '@react-navigation/native'

useEffect(() => {
  const subscription = addNotificationResponseReceivedListener(response => {
    const { screen } = response.notification.request.content.data
    if (screen) navigation.navigate(screen)
  })
  return () => subscription.remove()
}, [])

const {
  permissionStatus,     // 'granted' | 'denied' | 'undetermined' | 'loading'
  pushToken,            // Expo push token for remote notifications
  isPushEnabled,        // User preference toggle
  notifications,        // Array of received notifications (last 50)
  unreadCount,          // Number of unread notifications

  // Actions
  initialize,           // Called automatically on app start
  cleanup,              // Called automatically on app unmount
  requestPermission,    // Request OS permission
  togglePush,           // Toggle notifications on/off
  scheduleNotification, // Schedule local notification
  cancelAllNotifications,
  setBadgeCount,
  markAsRead,
  markAllAsRead,
} = useNotificationStore()

import {
  requestPermission,
  registerForPushNotifications,
  scheduleNotification,
  cancelNotification,
  addNotificationReceivedListener,
  addNotificationResponseReceivedListener,
  addPushTokenListener,
  showPermissionDeniedAlert,
  isPhysicalDevice,
} from '@/services/notifications'

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

if (!isPhysicalDevice()) {
  console.log('Running on emulator - using mock push token')
}

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

// Called automatically by togglePush() and requestPermission()
// Or call manually:
showPermissionDeniedAlert()

// In services/notifications.ts - automatically called
const { pushToken } = useNotificationStore()

// Token is synced to:
// - Supabase: push_tokens table with user association
// - Convex: user.pushToken field
// - Or custom backend via env.backendUrl/push-tokens

// Backend can use token to send notifications
await fetch(`${backendUrl}/notifications/send`, {
  method: 'POST',
  body: JSON.stringify({
    token: pushToken,
    title: 'New Message',
    body: 'You have a new message!',
  })
})

const { setBadgeCount, unreadCount } = useNotificationStore()

// Set badge to unread count
setBadgeCount(unreadCount)

// Clear badge
setBadgeCount(0)

// Automatically cleared when marking notifications as read
markAllAsRead() // Also clears badge

// Automatically tracked:
// - notification_permission_requested
// - notification_permission_granted
// - notification_permission_denied
// - notification_received (foreground)
// - notification_tapped (user interaction)
// - notification_scheduled (local)

// Events include metadata:
{
  title: 'Notification title',
  hasData: true,
  screen: 'HomeScreen', // If data includes screen
  platform: 'ios' | 'android' | 'web'
}