@b3dotfun/sdk 0.0.47-test.5 → 0.0.48-alpha.0

package/src/notifications/react/hooks/useNotifications.ts

@@ -0,0 +1,153 @@
+import { useEffect, useRef, useState } from "react";
+import { notificationsAPI } from "../../services/api";
+import type { UserData } from "../../types";
+
+/**
+ * React hook for managing B3 notifications
+ * Automatically uses the authenticated user's ID from JWT
+ *
+ * @example
+ * ```tsx
+ * import { useNotifications } from '@b3dotfun/sdk/notifications/react';
+ *
+ * function NotificationSettings() {
+ *   const { user, loading, connectEmail, connectTelegram, isEmailConnected } = useNotifications();
+ *
+ *   if (loading) return <div>Loading...</div>;
+ *
+ *   return (
+ *     <div>
+ *       {!isEmailConnected && (
+ *         <button onClick={() => connectEmail('user@example.com')}>
+ *           Connect Email
+ *         </button>
+ *       )}
+ *       <button onClick={connectTelegram}>Connect Telegram</button>
+ *     </div>
+ *   );
+ * }
+ * ```
+ */
+export function useNotifications() {
+  const [user, setUser] = useState<UserData | null>(null);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState<Error | null>(null);
+
+  // Refs to track polling timers for cleanup
+  const telegramPollIntervalRef = useRef<NodeJS.Timeout | null>(null);
+  const telegramPollTimeoutRef = useRef<NodeJS.Timeout | null>(null);
+
+  // Cleanup function for Telegram polling
+  const cleanupTelegramPolling = () => {
+    if (telegramPollIntervalRef.current) {
+      clearInterval(telegramPollIntervalRef.current);
+      telegramPollIntervalRef.current = null;
+    }
+    if (telegramPollTimeoutRef.current) {
+      clearTimeout(telegramPollTimeoutRef.current);
+      telegramPollTimeoutRef.current = null;
+    }
+  };
+
+  // Load user data on mount
+  useEffect(() => {
+    loadUser();
+  }, []);
+
+  // Cleanup polling on unmount
+  useEffect(() => {
+    return () => {
+      cleanupTelegramPolling();
+    };
+  }, []);
+
+  const loadUser = async () => {
+    try {
+      setLoading(true);
+      setError(null);
+      const userData = await notificationsAPI.getUser();
+      setUser(userData);
+    } catch (err) {
+      setError(err instanceof Error ? err : new Error("Failed to load user"));
+      console.error("Failed to load user:", err);
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  const connectEmail = async (email: string) => {
+    try {
+      await notificationsAPI.connectEmail(email);
+      await loadUser(); // Refresh user data
+    } catch (err) {
+      console.error("Failed to connect email:", err);
+      throw err;
+    }
+  };
+
+  const connectTelegram = async () => {
+    try {
+      // Clear any existing polling before starting new one
+      cleanupTelegramPolling();
+
+      const { deepLink } = await notificationsAPI.getTelegramLink();
+      window.open(deepLink, "_blank");
+
+      // Poll for connection status
+      telegramPollIntervalRef.current = setInterval(async () => {
+        try {
+          const { connected } = await notificationsAPI.checkTelegramStatus();
+          if (connected) {
+            cleanupTelegramPolling();
+            await loadUser(); // Refresh user data
+          }
+        } catch (err) {
+          console.error("Failed to check Telegram status:", err);
+        }
+      }, 2000);
+
+      // Stop polling after 2 minutes
+      telegramPollTimeoutRef.current = setTimeout(() => {
+        cleanupTelegramPolling();
+      }, 120000);
+    } catch (err) {
+      console.error("Failed to connect Telegram:", err);
+      throw err;
+    }
+  };
+
+  const updateChannel = async (channelId: string, updates: { enabled?: boolean }) => {
+    try {
+      await notificationsAPI.updateChannel(channelId, updates);
+      await loadUser(); // Refresh user data
+    } catch (err) {
+      console.error("Failed to update channel:", err);
+      throw err;
+    }
+  };
+
+  const deleteChannel = async (channelId: string) => {
+    try {
+      await notificationsAPI.deleteChannel(channelId);
+      await loadUser(); // Refresh user data
+    } catch (err) {
+      console.error("Failed to delete channel:", err);
+      throw err;
+    }
+  };
+
+  return {
+    user,
+    loading,
+    error,
+    refresh: loadUser,
+    connectEmail,
+    connectTelegram,
+    updateChannel,
+    deleteChannel,
+    // Convenience helpers
+    isEmailConnected: user?.channels?.find(c => c.channel_type === "email")?.enabled === 1,
+    isTelegramConnected: user?.channels?.find(c => c.channel_type === "telegram")?.enabled === 1,
+    isDiscordConnected: user?.channels?.find(c => c.channel_type === "discord")?.enabled === 1,
+  };
+}

package/src/notifications/react/index.ts

@@ -0,0 +1 @@
+export * from "./hooks";

package/src/notifications/services/api.ts

@@ -0,0 +1,217 @@
+import { getAuthToken } from "@b3dotfun/sdk/shared/utils/auth-token";
+import type {
+  NotificationHistory,
+  NotificationPreferences,
+  SendNotificationRequest,
+  TelegramLinkResponse,
+  TelegramStatusResponse,
+  UserData,
+} from "../types";
+
+const DEFAULT_API_URL = "https://notifications.b3.fun";
+
+let apiUrl: string = DEFAULT_API_URL;
+
+export function setApiUrl(url: string) {
+  apiUrl = url;
+}
+
+export function getApiUrl(): string {
+  return apiUrl;
+}
+
+function getHeaders(includeAuth = false): HeadersInit {
+  const headers: HeadersInit = {
+    "Content-Type": "application/json",
+  };
+
+  if (includeAuth) {
+    const token = getAuthToken();
+    if (token) {
+      headers["Authorization"] = `Bearer ${token}`;
+    }
+  }
+
+  return headers;
+}
+
+export const notificationsAPI = {
+  // ===== USER MANAGEMENT =====
+
+  /**
+   * Register the current user (userId extracted from JWT)
+   */
+  async registerUser() {
+    const res = await fetch(`${apiUrl}/users`, {
+      method: "POST",
+      headers: getHeaders(true),
+    });
+    if (!res.ok) {
+      const errorBody = await res.text().catch(() => "Could not read error body");
+      throw new Error(`API Error: ${res.status} ${res.statusText} - ${errorBody}`);
+    }
+    return res.json();
+  },
+
+  /**
+   * Get current user's profile and preferences
+   */
+  async getUser(): Promise<UserData> {
+    const res = await fetch(`${apiUrl}/users/me`, {
+      headers: getHeaders(true),
+    });
+    return res.json();
+  },
+
+  /**
+   * Get current user's notification history
+   */
+  async getHistory(appId?: string, limit = 100): Promise<NotificationHistory[]> {
+    const params = new URLSearchParams();
+    if (appId) params.append("appId", appId);
+    params.append("limit", limit.toString());
+
+    const res = await fetch(`${apiUrl}/users/me/history?${params}`, {
+      headers: getHeaders(true),
+    });
+    return res.json();
+  },
+
+  // ===== CHANNELS =====
+
+  /**
+   * Add a notification channel for current user
+   */
+  async addChannel(channelType: string, channelIdentifier: string, metadata?: Record<string, any>) {
+    const res = await fetch(`${apiUrl}/users/me/channels`, {
+      method: "POST",
+      headers: getHeaders(true),
+      body: JSON.stringify({
+        channelType,
+        channelIdentifier,
+        enabled: true,
+        metadata,
+      }),
+    });
+    return res.json();
+  },
+
+  /**
+   * Connect email for current user
+   */
+  async connectEmail(email: string) {
+    return this.addChannel("email", email);
+  },
+
+  /**
+   * Update a notification channel
+   */
+  async updateChannel(
+    channelId: string,
+    updates: { enabled?: boolean; channelIdentifier?: string; metadata?: Record<string, any> },
+  ) {
+    const res = await fetch(`${apiUrl}/users/me/channels/${channelId}`, {
+      method: "PUT",
+      headers: getHeaders(true),
+      body: JSON.stringify(updates),
+    });
+    return res.json();
+  },
+
+  /**
+   * Delete a notification channel
+   */
+  async deleteChannel(channelId: string) {
+    const res = await fetch(`${apiUrl}/users/me/channels/${channelId}`, {
+      method: "DELETE",
+      headers: getHeaders(true),
+    });
+    return res.json();
+  },
+
+  // ===== TELEGRAM =====
+
+  /**
+   * Get Telegram deep link for current user
+   */
+  async getTelegramLink(): Promise<TelegramLinkResponse> {
+    const res = await fetch(`${apiUrl}/telegram/request-link`, {
+      method: "POST",
+      headers: getHeaders(true),
+    });
+    return res.json();
+  },
+
+  /**
+   * Check current user's Telegram connection status
+   */
+  async checkTelegramStatus(): Promise<TelegramStatusResponse> {
+    const res = await fetch(`${apiUrl}/telegram/status/me`, {
+      headers: getHeaders(true),
+    });
+    return res.json();
+  },
+
+  // ===== APP PREFERENCES =====
+
+  /**
+   * Save notification preferences for an app
+   * @param appId - The application ID
+   * @param settings - Notification preferences including channels, type, and enabled status (defaults to true)
+   */
+  async savePreferences(appId: string, settings: NotificationPreferences) {
+    const res = await fetch(`${apiUrl}/users/me/apps/${appId}/settings`, {
+      method: "POST",
+      headers: getHeaders(true),
+      body: JSON.stringify({ enabled: true, ...settings }),
+    });
+    return res.json();
+  },
+
+  /**
+   * Get notification settings for an app
+   */
+  async getAppSettings(appId: string) {
+    const res = await fetch(`${apiUrl}/users/me/apps/${appId}/settings`, {
+      headers: getHeaders(true),
+    });
+    return res.json();
+  },
+
+  // ===== IN-APP NOTIFICATIONS =====
+
+  /**
+   * Get current user's in-app notifications
+   */
+  async getInAppNotifications() {
+    const res = await fetch(`${apiUrl}/users/me/notifications`, {
+      headers: getHeaders(true),
+    });
+    return res.json();
+  },
+
+  /**
+   * Mark a notification as read
+   */
+  async markNotificationAsRead(notificationId: string) {
+    const res = await fetch(`${apiUrl}/users/me/notifications/${notificationId}/read`, {
+      method: "PUT",
+      headers: getHeaders(true),
+    });
+    return res.json();
+  },
+
+  // ===== SENDING NOTIFICATIONS =====
+
+  /**
+   * Send a notification (requires auth)
+   */
+  async sendNotification(data: SendNotificationRequest) {
+    const res = await fetch(`${apiUrl}/send`, {
+      method: "POST",
+      headers: getHeaders(true),
+      body: JSON.stringify(data),
+    });
+    return res.json();
+  },
+};

package/src/notifications/services/index.ts

@@ -0,0 +1 @@
+export * from "./api";

package/src/notifications/types/index.ts

@@ -0,0 +1,58 @@
+export type ChannelType = "email" | "telegram" | "discord" | "sms" | "whatsapp" | "in_app";
+
+export interface NotificationChannel {
+  id: number;
+  channel_type: ChannelType;
+  enabled: number;
+  channel_identifier: string;
+}
+
+export interface UserData {
+  user: {
+    id: number;
+    user_id: string;
+  };
+  channels: NotificationChannel[];
+  appSettings: Array<{
+    app_id: string;
+    notification_type: string;
+    enabled: number;
+    channels: string;
+  }>;
+}
+
+export interface NotificationHistory {
+  id: string;
+  app_id: string;
+  notification_type: string;
+  title: string;
+  message: string;
+  created_at: string;
+  read: boolean;
+}
+
+export interface TelegramLinkResponse {
+  deepLink: string;
+  verificationCode: string;
+  botUsername: string;
+}
+
+export interface TelegramStatusResponse {
+  connected: boolean;
+  chatId?: string;
+}
+
+export interface NotificationPreferences {
+  notificationType: string;
+  channels: string[];
+  enabled?: boolean;
+}
+
+export interface SendNotificationRequest {
+  userId: string;
+  appId: string;
+  notificationType: string;
+  message: string;
+  title?: string;
+  data?: Record<string, any>;
+}

package/src/shared/utils/auth-token.ts

@@ -0,0 +1,13 @@
+import Cookies from "js-cookie";
+
+const B3_AUTH_COOKIE_NAME = "b3-auth";
+
+/**
+ * Get the authentication token from the B3 auth cookie
+ * This token is managed by the B3 Global Account authentication system
+ *
+ * @returns The JWT token string or null if not found
+ */
+export function getAuthToken(): string | null {
+  return Cookies.get(B3_AUTH_COOKIE_NAME) || null;
+}

package/src/shared/utils/index.ts

@@ -1,4 +1,5 @@
 // Export utility functions
+export * from "./auth-token";
 export * from "./cn";
 export * from "./formatNumber";
 export * from "./formatUsername";