@codeswayam/ui 1.1.1 → 1.3.0

package/dist/utils/useNotifications.d.ts

@@ -0,0 +1,24 @@
+export interface InAppNotification {
+    id: number;
+    userId: number;
+    title: string;
+    message: string;
+    category: "billing" | "security" | "updates" | "marketing" | "system";
+    actionUrl?: string | null;
+    isRead: boolean;
+    readAt?: string | null;
+    createdAt: string;
+}
+export interface UseNotificationsOptions {
+    apiUrl?: string;
+    pollIntervalMs?: number;
+}
+export declare function useNotifications(options?: UseNotificationsOptions): {
+    notifications: InAppNotification[];
+    unreadCount: number;
+    loading: boolean;
+    refresh: () => Promise<void>;
+    markAsRead: (id: number) => Promise<void>;
+    markAllAsRead: () => Promise<void>;
+};
+//# sourceMappingURL=useNotifications.d.ts.map

package/dist/utils/useNotifications.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNotifications.d.ts","sourceRoot":"","sources":["../../src/utils/useNotifications.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,iBAAiB;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,CAAC;IACtE,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,uBAAuB;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,wBAAgB,gBAAgB,CAAC,OAAO,GAAE,uBAA4B;;;;;qBAoCvD,MAAM;;EA0CpB"}

package/dist/utils/useNotifications.js

@@ -0,0 +1,71 @@
+"use client";
+import { useState, useEffect, useCallback } from "react";
+export function useNotifications(options = {}) {
+    const apiUrl = options.apiUrl || process.env.NEXT_PUBLIC_API_URL || "http://localhost:3000";
+    const pollIntervalMs = options.pollIntervalMs ?? 30000;
+    const [notifications, setNotifications] = useState([]);
+    const [unreadCount, setUnreadCount] = useState(0);
+    const [loading, setLoading] = useState(false);
+    const fetchNotifications = useCallback(async () => {
+        try {
+            setLoading(true);
+            const res = await fetch(`${apiUrl}/notifications/in-app?limit=15`, {
+                credentials: "include",
+            });
+            if (res.ok) {
+                const data = await res.json();
+                setNotifications(data.notifications || []);
+                setUnreadCount(data.unreadCount || 0);
+            }
+        }
+        catch {
+            // Best-effort fetch
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [apiUrl]);
+    useEffect(() => {
+        fetchNotifications();
+        if (pollIntervalMs > 0) {
+            const interval = setInterval(fetchNotifications, pollIntervalMs);
+            return () => clearInterval(interval);
+        }
+    }, [fetchNotifications, pollIntervalMs]);
+    const markAsRead = useCallback(async (id) => {
+        // Optimistic update
+        setNotifications((prev) => prev.map((n) => (n.id === id ? { ...n, isRead: true } : n)));
+        setUnreadCount((c) => Math.max(0, c - 1));
+        try {
+            await fetch(`${apiUrl}/notifications/in-app/${id}/read`, {
+                method: "PATCH",
+                credentials: "include",
+            });
+        }
+        catch {
+            // Revert on critical failure if needed
+        }
+    }, [apiUrl]);
+    const markAllAsRead = useCallback(async () => {
+        // Optimistic update
+        setNotifications((prev) => prev.map((n) => ({ ...n, isRead: true })));
+        setUnreadCount(0);
+        try {
+            await fetch(`${apiUrl}/notifications/in-app/read-all`, {
+                method: "POST",
+                credentials: "include",
+            });
+        }
+        catch {
+            // Revert if needed
+        }
+    }, [apiUrl]);
+    return {
+        notifications,
+        unreadCount,
+        loading,
+        refresh: fetchNotifications,
+        markAsRead,
+        markAllAsRead,
+    };
+}

package/dist/utils/useWebPush.d.ts

@@ -0,0 +1,14 @@
+export interface UseWebPushOptions {
+    apiUrl?: string;
+    saasId?: string;
+    swPath?: string;
+}
+export declare function useWebPush(options?: UseWebPushOptions): {
+    isSupported: boolean;
+    isSubscribed: boolean;
+    permission: NotificationPermission;
+    loading: boolean;
+    subscribe: () => Promise<boolean>;
+    unsubscribe: () => Promise<boolean>;
+};
+//# sourceMappingURL=useWebPush.d.ts.map

package/dist/utils/useWebPush.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWebPush.d.ts","sourceRoot":"","sources":["../../src/utils/useWebPush.ts"],"names":[],"mappings":"AAeA,MAAM,WAAW,iBAAiB;IAChC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,UAAU,CAAC,OAAO,GAAE,iBAAsB;;;;;;;EA2GzD"}

package/dist/utils/useWebPush.js

@@ -0,0 +1,110 @@
+"use client";
+import { useState, useEffect, useCallback } from "react";
+function urlBase64ToUint8Array(base64String) {
+    const padding = "=".repeat((4 - (base64String.length % 4)) % 4);
+    const base64 = (base64String + padding).replace(/-/g, "+").replace(/_/g, "/");
+    const rawData = window.atob(base64);
+    const outputArray = new Uint8Array(rawData.length);
+    for (let i = 0; i < rawData.length; ++i) {
+        outputArray[i] = rawData.charCodeAt(i);
+    }
+    return outputArray;
+}
+export function useWebPush(options = {}) {
+    const apiUrl = options.apiUrl || process.env.NEXT_PUBLIC_API_URL || "http://localhost:3000";
+    const swPath = options.swPath || "/sw.js";
+    const saasId = options.saasId;
+    const [isSupported, setIsSupported] = useState(false);
+    const [isSubscribed, setIsSubscribed] = useState(false);
+    const [permission, setPermission] = useState("default");
+    const [loading, setLoading] = useState(false);
+    useEffect(() => {
+        if (typeof window !== "undefined" && "serviceWorker" in navigator && "PushManager" in window) {
+            setIsSupported(true);
+            setPermission(Notification.permission);
+            navigator.serviceWorker.ready.then((registration) => {
+                registration.pushManager.getSubscription().then((sub) => {
+                    setIsSubscribed(!!sub);
+                });
+            });
+        }
+    }, []);
+    const subscribe = useCallback(async () => {
+        if (!isSupported)
+            return false;
+        setLoading(true);
+        try {
+            const perm = await Notification.requestPermission();
+            setPermission(perm);
+            if (perm !== "granted") {
+                setLoading(false);
+                return false;
+            }
+            const registration = await navigator.serviceWorker.register(swPath);
+            await navigator.serviceWorker.ready;
+            // Fetch VAPID key
+            const vapidRes = await fetch(`${apiUrl}/notifications/vapid-public-key`);
+            if (!vapidRes.ok)
+                throw new Error("Failed to get VAPID public key");
+            const { publicKey } = await vapidRes.json();
+            const subscription = await registration.pushManager.subscribe({
+                userVisibleOnly: true,
+                applicationServerKey: urlBase64ToUint8Array(publicKey),
+            });
+            // Send to backend
+            const res = await fetch(`${apiUrl}/notifications/subscribe`, {
+                method: "POST",
+                headers: { "Content-Type": "application/json" },
+                credentials: "include",
+                body: JSON.stringify({
+                    subscription: subscription.toJSON(),
+                    saasId: saasId || null,
+                }),
+            });
+            if (res.ok) {
+                setIsSubscribed(true);
+                setLoading(false);
+                return true;
+            }
+        }
+        catch {
+            // Error handling
+        }
+        setLoading(false);
+        return false;
+    }, [apiUrl, isSupported, saasId, swPath]);
+    const unsubscribe = useCallback(async () => {
+        if (!isSupported)
+            return false;
+        setLoading(true);
+        try {
+            const registration = await navigator.serviceWorker.ready;
+            const sub = await registration.pushManager.getSubscription();
+            if (sub) {
+                await sub.unsubscribe();
+                await fetch(`${apiUrl}/notifications/unsubscribe`, {
+                    method: "POST",
+                    headers: { "Content-Type": "application/json" },
+                    credentials: "include",
+                    body: JSON.stringify({ endpoint: sub.endpoint }),
+                });
+            }
+            setIsSubscribed(false);
+            setLoading(false);
+            return true;
+        }
+        catch {
+            // Error handling
+        }
+        setLoading(false);
+        return false;
+    }, [apiUrl, isSupported]);
+    return {
+        isSupported,
+        isSubscribed,
+        permission,
+        loading,
+        subscribe,
+        unsubscribe,
+    };
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codeswayam/ui",
-  "version": "1.1.1",
+  "version": "1.3.0",
   "private": false,
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -29,7 +29,8 @@
     "tailwind-merge": "^3.5.0"
   },
   "peerDependencies": {
-    "next": ">=13",
+    "@tanstack/react-table": ">=8.0.0",
+    "next": ">=15.0.0",
     "react": ">=18",
     "react-dom": ">=18"
   },
@@ -38,4 +39,4 @@
     "@types/react-dom": "^19",
     "typescript": "^5.0.0"
   }
-}
+}