vintasend 0.5.0 → 0.5.2

package/dist/services/notification-service.d.ts

@@ -83,6 +83,8 @@ export declare class VintaSend<Config extends BaseNotificationTypeConfig, Adapte
     getNotificationContext<ContextName extends string & keyof Config['ContextMap']>(contextName: ContextName, parameters: Parameters<ReturnType<typeof this.contextGeneratorsMap.getContextGenerator<ContextName>>['generate']>[0]): Promise<JsonObject>;
     sendPendingNotifications(): Promise<void>;
     getPendingNotifications(page: number, pageSize: number): Promise<AnyDatabaseNotification<Config>[]>;
+    getNotifications(page: number, pageSize: number): Promise<AnyDatabaseNotification<Config>[]>;
+    getOneOffNotifications(page: number, pageSize: number): Promise<DatabaseOneOffNotification<Config>[]>;
     getNotification(notificationId: Config['NotificationIdType'], forUpdate?: boolean): Promise<AnyDatabaseNotification<Config> | null>;
     /**
      * Gets a one-off notification by ID.

package/dist/services/notification-service.js

@@ -254,6 +254,12 @@ class VintaSend {
     async getPendingNotifications(page, pageSize) {
         return this.backend.getPendingNotifications(page, pageSize);
     }
+    async getNotifications(page, pageSize) {
+        return this.backend.getNotifications(page, pageSize);
+    }
+    async getOneOffNotifications(page, pageSize) {
+        return this.backend.getOneOffNotifications(page, pageSize);
+    }
     async getNotification(notificationId, forUpdate = false) {
         return this.backend.getNotification(notificationId, forUpdate);
     }

package/dist/tools/vintasend-dashboard/app/components/auth-status.d.ts

@@ -0,0 +1 @@
+export declare function AuthStatus(): import("react").JSX.Element;

package/dist/tools/vintasend-dashboard/app/components/auth-status.js

@@ -0,0 +1,29 @@
+"use strict";
+"use client";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AuthStatus = AuthStatus;
+const image_1 = __importDefault(require("next/image"));
+const auth_context_1 = require("@/lib/auth/auth-context");
+function AuthStatus() {
+    const { user, isAuthenticated, signOutUrl } = (0, auth_context_1.useAuth)();
+    if (!isAuthenticated || !user) {
+        return (<a href={`/sign-in`} className="text-sm text-blue-600 hover:text-blue-800 underline">
+        Sign In
+      </a>);
+    }
+    return (<div className="flex items-center gap-3">
+      {user.imageUrl && (<image_1.default src={user.imageUrl} alt={user.name || "User avatar"} className="w-8 h-8 rounded-full" width={32} height={32}/>)}
+      <div className="flex flex-col">
+        {user.name && (<span className="text-sm font-medium text-gray-900">
+            {user.name}
+          </span>)}
+        {user.email && (<span className="text-xs text-gray-500">{user.email}</span>)}
+      </div>
+      <a href={signOutUrl} className="text-sm text-red-600 hover:text-red-800 underline ml-2">
+        Sign Out
+      </a>
+    </div>);
+}

package/dist/tools/vintasend-dashboard/app/error.d.ts

@@ -0,0 +1,6 @@
+export default function ErrorPage({ error, reset, }: {
+    error: Error & {
+        digest?: string;
+    };
+    reset: () => void;
+}): import("react").JSX.Element;

package/dist/tools/vintasend-dashboard/app/error.js

@@ -0,0 +1,40 @@
+"use strict";
+"use client";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = ErrorPage;
+const react_1 = require("react");
+const link_1 = __importDefault(require("next/link"));
+const isConfigurationError = (message) => {
+    return (message.includes("AUTH_PROVIDER env var is required") ||
+        message.includes("Unsupported auth provider") ||
+        message.includes("Missing required auth configuration"));
+};
+function ErrorPage({ error, reset, }) {
+    (0, react_1.useEffect)(() => {
+        console.error(error);
+    }, [error]);
+    const isDev = process.env.NODE_ENV === "development";
+    const showConfigDetails = isDev && isConfigurationError(error.message);
+    return (<main className="mx-auto flex min-h-screen max-w-2xl flex-col gap-4 px-6 py-16">
+      <h1 className="text-3xl font-semibold">Dashboard configuration error</h1>
+      <p className="text-base text-slate-700">
+        The dashboard could not start because authentication settings are
+        missing or invalid.
+      </p>
+      {showConfigDetails && (<div className="rounded-md border border-amber-200 bg-amber-50 p-4 text-sm text-amber-900">
+          <p className="font-medium">Details</p>
+          <p className="mt-2 break-words">{error.message}</p>
+        </div>)}
+      <div className="flex gap-3">
+        <button type="button" onClick={() => reset()} className="rounded-md border border-slate-300 px-3 py-2 text-sm">
+          Retry
+        </button>
+        <link_1.default className="rounded-md bg-slate-900 px-3 py-2 text-sm text-white" href="/">
+          Go to home
+        </link_1.default>
+      </div>
+    </main>);
+}

package/dist/tools/vintasend-dashboard/app/layout.d.ts

@@ -0,0 +1,6 @@
+import type { Metadata } from "next";
+import "./globals.css";
+export declare const metadata: Metadata;
+export default function RootLayout({ children, }: Readonly<{
+    children: React.ReactNode;
+}>): Promise<import("react").JSX.Element>;

package/dist/tools/vintasend-dashboard/app/layout.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.metadata = void 0;
+exports.default = RootLayout;
+const google_1 = require("next/font/google");
+require("./globals.css");
+const auth_1 = require("@/lib/auth");
+const auth_context_1 = require("@/lib/auth/auth-context");
+const validate_config_1 = require("@/lib/auth/validate-config");
+const geistSans = (0, google_1.Geist)({
+    variable: "--font-geist-sans",
+    subsets: ["latin"],
+});
+const geistMono = (0, google_1.Geist_Mono)({
+    variable: "--font-geist-mono",
+    subsets: ["latin"],
+});
+exports.metadata = {
+    title: "Vintasend Dashboard",
+    description: "Authentication-enabled dashboard for Vintasend",
+};
+async function RootLayout({ children, }) {
+    const strategy = (0, auth_1.resolveAuthStrategy)();
+    (0, validate_config_1.assertValidAuthConfig)(strategy);
+    const ProviderComponent = strategy.getProviderComponent();
+    const currentUser = await strategy.getCurrentUser();
+    const signInUrl = strategy.getSignInUrl();
+    const signOutUrl = strategy.getSignOutUrl();
+    return (<html lang="en">
+      <body className={`${geistSans.variable} ${geistMono.variable} antialiased`}>
+        <ProviderComponent>
+          <auth_context_1.AuthProvider initialUser={currentUser} signInUrl={signInUrl} signOutUrl={signOutUrl}>
+            {children}
+          </auth_context_1.AuthProvider>
+        </ProviderComponent>
+      </body>
+    </html>);
+}

package/dist/tools/vintasend-dashboard/app/notifications/actions.d.ts

@@ -0,0 +1,51 @@
+/**
+ * Server actions for the notifications page.
+ * Handles data fetching and real-time updates without page reloads.
+ */
+import type { AnyDashboardNotification, AnyDashboardNotificationDetail, NotificationFilters, PaginatedResult } from '@/lib/notifications/types';
+/**
+ * Fetches notifications with optional filtering and pagination.
+ * Returns mock data in Phase 2; will call real backend in Phase 5.
+ *
+ * @param filters - Filter criteria (status, notificationType, search)
+ * @param page - Page number (1-indexed)
+ * @param pageSize - Number of items per page
+ * @returns Paginated result of dashboard notifications
+ */
+export declare function fetchNotifications(filters: NotificationFilters, page: number, pageSize: number): Promise<PaginatedResult<AnyDashboardNotification>>;
+/**
+ * Fetches a single notification with full details (contextUsed, extraParams, etc.).
+ * Used by the detail panel/modal.
+ *
+ * @param id - Notification ID
+ * @returns Full notification detail
+ */
+export declare function fetchNotificationDetail(id: string): Promise<AnyDashboardNotificationDetail>;
+/**
+ * Fetches pending notifications (status = PENDING_SEND).
+ * Convenience method that calls fetchNotifications with a pre-set filter.
+ *
+ * @param page - Page number (1-indexed)
+ * @param pageSize - Number of items per page
+ * @returns Paginated result of pending notifications
+ */
+export declare function fetchPendingNotifications(page: number, pageSize: number): Promise<PaginatedResult<AnyDashboardNotification>>;
+/**
+ * Fetches future notifications (sendAfter > now).
+ * Convenience method that calls fetchNotifications.
+ * In Phase 5, will delegate to backend's getFutureNotifications method.
+ *
+ * @param page - Page number (1-indexed)
+ * @param pageSize - Number of items per page
+ * @returns Paginated result of scheduled notifications
+ */
+export declare function fetchFutureNotifications(page: number, pageSize: number): Promise<PaginatedResult<AnyDashboardNotification>>;
+/**
+ * Fetches one-off notifications only.
+ * In Phase 5, will call backend's getOneOffNotifications method.
+ *
+ * @param page - Page number (1-indexed)
+ * @param pageSize - Number of items per page
+ * @returns Paginated result of one-off notifications
+ */
+export declare function fetchOneOffNotifications(page: number, pageSize: number): Promise<PaginatedResult<AnyDashboardNotification>>;

package/dist/tools/vintasend-dashboard/app/notifications/actions.js

@@ -0,0 +1,224 @@
+"use strict";
+'use server';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fetchNotifications = fetchNotifications;
+exports.fetchNotificationDetail = fetchNotificationDetail;
+exports.fetchPendingNotifications = fetchPendingNotifications;
+exports.fetchFutureNotifications = fetchFutureNotifications;
+exports.fetchOneOffNotifications = fetchOneOffNotifications;
+/**
+ * Mock data generators for Phase 2 development.
+ * Will be replaced with real backend calls in Phase 5.
+ */
+function generateMockNotification(id) {
+    const types = ['EMAIL', 'SMS', 'PUSH', 'IN_APP'];
+    const statuses = ['PENDING_SEND', 'SENT', 'FAILED', 'READ', 'CANCELLED'];
+    const notificationType = types[Math.floor(Math.random() * types.length)];
+    const status = statuses[Math.floor(Math.random() * statuses.length)];
+    const sendAfter = Math.random() > 0.7 ? new Date(Date.now() + Math.random() * 86400000).toISOString() : null;
+    const sentAt = status !== 'PENDING_SEND' && status !== 'CANCELLED'
+        ? new Date(Date.now() - Math.random() * 604800000).toISOString()
+        : null;
+    const readAt = status === 'READ' ? new Date(Date.now() - 3600000).toISOString() : null;
+    const createdAt = new Date(Date.now() - Math.random() * 2592000000).toISOString();
+    const bodyTemplate = `This is a mock notification body for notification ${id}`;
+    const subjectTemplate = `Notification ${id}`;
+    if (Math.random() > 0.5) {
+        // One-off notification
+        const oneOffNotification = {
+            id: `oneoff-${id}`,
+            emailOrPhone: `user${id}@example.com`,
+            firstName: 'User',
+            lastName: `${id}`,
+            notificationType,
+            title: Math.random() > 0.3 ? `One-off notification ${id}` : null,
+            contextName: 'defaultContext',
+            status,
+            sendAfter,
+            sentAt,
+            readAt,
+            createdAt,
+            adapterUsed: notificationType === 'EMAIL' ? 'nodemailer' : null,
+            bodyTemplate,
+            subjectTemplate,
+        };
+        return oneOffNotification;
+    }
+    // Regular notification
+    const regularNotification = {
+        id: `notif-${id}`,
+        userId: `user-${Math.floor(Math.random() * 100)}`,
+        notificationType,
+        title: Math.random() > 0.3 ? `Notification ${id}` : null,
+        contextName: 'defaultContext',
+        status,
+        sendAfter,
+        sentAt,
+        readAt,
+        createdAt,
+        adapterUsed: notificationType === 'EMAIL' ? 'nodemailer' : null,
+        bodyTemplate,
+        subjectTemplate,
+    };
+    return regularNotification;
+}
+/**
+ * Fetches notifications with optional filtering and pagination.
+ * Returns mock data in Phase 2; will call real backend in Phase 5.
+ *
+ * @param filters - Filter criteria (status, notificationType, search)
+ * @param page - Page number (1-indexed)
+ * @param pageSize - Number of items per page
+ * @returns Paginated result of dashboard notifications
+ */
+async function fetchNotifications(filters, page, pageSize) {
+    // Phase 2: Generate mock data
+    // In Phase 5, replace with:
+    // const service = await getVintaSendService();
+    // const result = await service.getNotifications(page, pageSize);
+    const mockTotal = 127;
+    const allMockData = Array.from({ length: mockTotal }, (_, i) => generateMockNotification(i + 1));
+    // Apply filters
+    let filtered = allMockData;
+    if (filters.status) {
+        filtered = filtered.filter((item) => item.status === filters.status);
+    }
+    if (filters.notificationType) {
+        filtered = filtered.filter((item) => item.notificationType === filters.notificationType);
+    }
+    if (filters.search) {
+        const searchLower = filters.search.toLowerCase();
+        filtered = filtered.filter((item) => {
+            var _a, _b;
+            return ((_b = (_a = item.title) === null || _a === void 0 ? void 0 : _a.toLowerCase().includes(searchLower)) !== null && _b !== void 0 ? _b : false) ||
+                item.id.toLowerCase().includes(searchLower) ||
+                ('emailOrPhone' in item && item.emailOrPhone.toLowerCase().includes(searchLower));
+        });
+    }
+    // Paginate
+    const startIdx = (page - 1) * pageSize;
+    const endIdx = startIdx + pageSize;
+    const paginatedData = filtered.slice(startIdx, endIdx);
+    return {
+        data: paginatedData,
+        page,
+        pageSize,
+        total: filtered.length,
+    };
+}
+/**
+ * Fetches a single notification with full details (contextUsed, extraParams, etc.).
+ * Used by the detail panel/modal.
+ *
+ * @param id - Notification ID
+ * @returns Full notification detail
+ */
+async function fetchNotificationDetail(id) {
+    // Phase 2: Generate mock detail
+    // In Phase 5, replace with:
+    // const service = await getVintaSendService();
+    // const notification = await service.getNotification(id);
+    const mockNotification = Math.random() > 0.5
+        ? {
+            id: `oneoff-${id}`,
+            emailOrPhone: `user@example.com`,
+            firstName: 'John',
+            lastName: 'Doe',
+            notificationType: 'EMAIL',
+            title: `Notification ${id}`,
+            contextName: 'defaultContext',
+            status: 'SENT',
+            sendAfter: null,
+            sentAt: new Date().toISOString(),
+            readAt: null,
+            createdAt: new Date().toISOString(),
+            adapterUsed: 'nodemailer',
+            bodyTemplate: 'This is the full body template with dynamic content.',
+            subjectTemplate: `Subject for ${id}`,
+            contextUsed: {
+                userName: 'John Doe',
+                accountBalance: 1500.0,
+            },
+            contextParameters: {
+                userId: 'user-123',
+                userRole: 'customer',
+            },
+            extraParams: {
+                campaignId: 'campaign-123',
+                trackingCode: 'track-abc',
+            },
+        }
+        : {
+            id: `notif-${id}`,
+            userId: 'user-42',
+            notificationType: 'EMAIL',
+            title: `Notification ${id}`,
+            contextName: 'defaultContext',
+            status: 'SENT',
+            sendAfter: null,
+            sentAt: new Date().toISOString(),
+            readAt: null,
+            createdAt: new Date().toISOString(),
+            adapterUsed: 'nodemailer',
+            bodyTemplate: 'This is the full body template with dynamic content.',
+            subjectTemplate: `Subject for ${id}`,
+            contextUsed: {
+                userName: 'Test User',
+                accountBalance: 2000.0,
+            },
+            contextParameters: {
+                userId: 'user-42',
+                userRole: 'admin',
+            },
+            extraParams: {
+                campaignId: 'campaign-456',
+                trackingCode: 'track-def',
+            },
+        };
+    return mockNotification;
+}
+/**
+ * Fetches pending notifications (status = PENDING_SEND).
+ * Convenience method that calls fetchNotifications with a pre-set filter.
+ *
+ * @param page - Page number (1-indexed)
+ * @param pageSize - Number of items per page
+ * @returns Paginated result of pending notifications
+ */
+async function fetchPendingNotifications(page, pageSize) {
+    return fetchNotifications({ status: 'PENDING_SEND' }, page, pageSize);
+}
+/**
+ * Fetches future notifications (sendAfter > now).
+ * Convenience method that calls fetchNotifications.
+ * In Phase 5, will delegate to backend's getFutureNotifications method.
+ *
+ * @param page - Page number (1-indexed)
+ * @param pageSize - Number of items per page
+ * @returns Paginated result of scheduled notifications
+ */
+async function fetchFutureNotifications(page, pageSize) {
+    const result = await fetchNotifications({}, page, pageSize);
+    // Filter to only future notifications (in real implementation, backend would do this)
+    const now = new Date();
+    return {
+        ...result,
+        data: result.data.filter((n) => n.sendAfter && new Date(n.sendAfter) > now),
+    };
+}
+/**
+ * Fetches one-off notifications only.
+ * In Phase 5, will call backend's getOneOffNotifications method.
+ *
+ * @param page - Page number (1-indexed)
+ * @param pageSize - Number of items per page
+ * @returns Paginated result of one-off notifications
+ */
+async function fetchOneOffNotifications(page, pageSize) {
+    const result = await fetchNotifications({}, page, pageSize);
+    // Filter to only one-off notifications
+    return {
+        ...result,
+        data: result.data.filter((n) => n.id.startsWith('oneoff-')),
+    };
+}

package/dist/tools/vintasend-dashboard/app/notifications/components/columns.d.ts

@@ -0,0 +1,6 @@
+import { ColumnDef } from '@tanstack/react-table';
+import type { AnyDashboardNotification } from '@/lib/notifications/types';
+/**
+ * TanStack column definitions for the notifications table.
+ */
+export declare const columns: ColumnDef<AnyDashboardNotification>[];

package/dist/tools/vintasend-dashboard/app/notifications/components/columns.js

@@ -0,0 +1,158 @@
+"use strict";
+'use client';
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.columns = void 0;
+const react_1 = __importDefault(require("react"));
+const date_fns_1 = require("date-fns");
+const badge_1 = require("@/components/ui/badge");
+const button_1 = require("@/components/ui/button");
+const dropdown_menu_1 = require("@/components/ui/dropdown-menu");
+const lucide_react_1 = require("lucide-react");
+/**
+ * Maps notification status to badge variant colors.
+ */
+const statusVariantMap = {
+    PENDING_SEND: 'default',
+    SENT: 'secondary',
+    FAILED: 'destructive',
+    READ: 'outline',
+    CANCELLED: 'secondary',
+};
+/**
+ * Maps notification type to badge variant colors.
+ */
+const typeVariantMap = {
+    EMAIL: 'default',
+    SMS: 'secondary',
+    PUSH: 'outline',
+    IN_APP: 'default',
+};
+/**
+ * Formats a date string (ISO format) for display.
+ * Returns empty string if date is null/undefined.
+ */
+function formatDate(dateString) {
+    if (!dateString)
+        return '—';
+    try {
+        return (0, date_fns_1.format)(new Date(dateString), 'MMM dd, yyyy HH:mm');
+    }
+    catch (_a) {
+        return '—';
+    }
+}
+/**
+ * Determines if a notification is one-off or regular.
+ */
+function isOneOff(notification) {
+    return 'emailOrPhone' in notification;
+}
+/**
+ * Gets the recipient identifier for display.
+ */
+function getRecipient(notification) {
+    if (isOneOff(notification)) {
+        return notification.emailOrPhone || '—';
+    }
+    // For regular notifications, access userId (DashboardNotification has userId field)
+    const regularNotification = notification;
+    return regularNotification.userId || '—';
+}
+/**
+ * TanStack column definitions for the notifications table.
+ */
+exports.columns = [
+    {
+        accessorKey: 'id',
+        header: 'ID',
+        cell: ({ row }) => <span className="font-mono text-sm">{row.original.id}</span>,
+        size: 120,
+    },
+    {
+        accessorKey: 'title',
+        header: 'Title',
+        cell: ({ row }) => row.original.title || '—',
+        size: 180,
+    },
+    {
+        accessorKey: 'notificationType',
+        header: 'Type',
+        cell: ({ row }) => {
+            const type = row.original.notificationType;
+            return <badge_1.Badge variant={typeVariantMap[type]}>{type}</badge_1.Badge>;
+        },
+        size: 100,
+    },
+    {
+        accessorKey: 'status',
+        header: 'Status',
+        cell: ({ row }) => {
+            const status = row.original.status;
+            return <badge_1.Badge variant={statusVariantMap[status]}>{status}</badge_1.Badge>;
+        },
+        size: 120,
+    },
+    {
+        accessorKey: 'contextName',
+        header: 'Context',
+        cell: ({ row }) => row.original.contextName || '—',
+        size: 150,
+    },
+    {
+        accessorKey: 'recipient',
+        header: 'Recipient',
+        cell: ({ row }) => getRecipient(row.original),
+        size: 180,
+    },
+    {
+        accessorKey: 'sendAfter',
+        header: 'Send After',
+        cell: ({ row }) => formatDate(row.original.sendAfter),
+        size: 160,
+    },
+    {
+        accessorKey: 'sentAt',
+        header: 'Sent At',
+        cell: ({ row }) => formatDate(row.original.sentAt),
+        size: 160,
+    },
+    {
+        accessorKey: 'createdAt',
+        header: ({ column }) => (<button_1.Button variant="ghost" onClick={() => column.toggleSorting(column.getIsSorted() === 'asc')} className="h-8">
+        Created At
+        <lucide_react_1.ArrowUpDown className="ml-2 h-4 w-4"/>
+      </button_1.Button>),
+        cell: ({ row }) => formatDate(row.original.createdAt),
+        size: 160,
+    },
+    {
+        accessorKey: 'adapterUsed',
+        header: 'Adapter',
+        cell: ({ row }) => row.original.adapterUsed || '—',
+        size: 120,
+    },
+    {
+        id: 'actions',
+        header: 'Actions',
+        cell: ({ row }) => (<dropdown_menu_1.DropdownMenu>
+        <dropdown_menu_1.DropdownMenuTrigger asChild>
+          <button_1.Button variant="ghost" className="h-8 w-8 p-0">
+            <span className="sr-only">Open menu</span>
+            <lucide_react_1.ChevronDown className="h-4 w-4"/>
+          </button_1.Button>
+        </dropdown_menu_1.DropdownMenuTrigger>
+        <dropdown_menu_1.DropdownMenuContent align="end">
+          <dropdown_menu_1.DropdownMenuLabel>Actions</dropdown_menu_1.DropdownMenuLabel>
+          <dropdown_menu_1.DropdownMenuSeparator />
+          <dropdown_menu_1.DropdownMenuItem onClick={() => console.log('View details:', row.original.id)}>
+            View Details
+          </dropdown_menu_1.DropdownMenuItem>
+          <dropdown_menu_1.DropdownMenuItem disabled>Copy ID</dropdown_menu_1.DropdownMenuItem>
+        </dropdown_menu_1.DropdownMenuContent>
+      </dropdown_menu_1.DropdownMenu>),
+        size: 80,
+    },
+];

package/dist/tools/vintasend-dashboard/app/notifications/components/notifications-filters.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import type { NotificationFilters } from '@/lib/notifications/types';
+interface NotificationsFiltersProps {
+    onFiltersChange?: (filters: NotificationFilters) => void;
+    isLoading?: boolean;
+    initialFilters?: NotificationFilters;
+}
+/**
+ * Filter bar for notifications list.
+ * Allows filtering by status, type, and free-text search.
+ * Search input is debounced (300ms) before calling the change callback.
+ *
+ * @param onFiltersChange - Callback invoked when filters change (after debounce for search)
+ * @param isLoading - Whether data is currently loading
+ * @param initialFilters - Initial filter values
+ */
+export declare function NotificationsFilters({ onFiltersChange, isLoading, initialFilters, }: NotificationsFiltersProps): React.JSX.Element;
+export {};