@djangocfg/layouts 2.1.42 → 2.1.43

package/src/layouts/PublicLayout/components/PublicMobileDrawer.tsx

@@ -6,20 +6,18 @@
 
 'use client';
 
-import React from 'react';
-import Link from 'next/link';
 import { X } from 'lucide-react';
+import Link from 'next/link';
+import React from 'react';
+
+import { useAuth } from '@djangocfg/api/auth';
 import {
-  Drawer,
-  DrawerContent,
-  DrawerHeader,
-  DrawerTitle,
-  DrawerClose,
-  Button,
+    Button, Drawer, DrawerClose, DrawerContent, DrawerHeader, DrawerTitle
 } from '@djangocfg/ui-nextjs/components';
 import { ThemeToggle } from '@djangocfg/ui-nextjs/theme';
-import { useAuth } from '@djangocfg/api/auth';
+
 import { UserMenu } from '../../_components/UserMenu';
+
 import type { NavigationItem, UserMenuConfig } from '../../types';
 
 interface PublicMobileDrawerProps {

package/src/layouts/PublicLayout/components/PublicNavigation.tsx

@@ -6,15 +6,18 @@
 
 'use client';
 
-import React from 'react';
-import Link from 'next/link';
 import { Menu } from 'lucide-react';
+import Link from 'next/link';
+import React from 'react';
+
+import { useAuth } from '@djangocfg/api/auth';
 import { Button } from '@djangocfg/ui-nextjs/components';
-import { ThemeToggle } from '@djangocfg/ui-nextjs/theme';
-import { cn } from '@djangocfg/ui-nextjs/lib';
 import { useIsMobile } from '@djangocfg/ui-nextjs/hooks';
-import { useAuth } from '@djangocfg/api/auth';
+import { cn } from '@djangocfg/ui-nextjs/lib';
+import { ThemeToggle } from '@djangocfg/ui-nextjs/theme';
+
 import { UserMenu } from '../../_components/UserMenu';
+
 import type { NavigationItem, UserMenuConfig } from '../../types';
 
 interface PublicNavigationProps {

package/src/layouts/_components/UserMenu.tsx

@@ -30,23 +30,17 @@
 
 'use client';
 
-import React from 'react';
-import Link from 'next/link';
 import { LogOut } from 'lucide-react';
+import Link from 'next/link';
+import React from 'react';
+
+import { useAuth } from '@djangocfg/api/auth';
 import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuGroup,
-  DropdownMenuItem,
-  DropdownMenuLabel,
-  DropdownMenuSeparator,
-  DropdownMenuTrigger,
-  Avatar,
-  AvatarFallback,
-  AvatarImage,
-  Button,
+    Avatar, AvatarFallback, AvatarImage, Button, DropdownMenu, DropdownMenuContent,
+    DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator,
+    DropdownMenuTrigger
 } from '@djangocfg/ui-nextjs/components';
-import { useAuth } from '@djangocfg/api/auth';
+
 import type { UserMenuGroup } from '../types';
 
 export interface UserMenuProps {

package/src/pages/legal/LegalPage.tsx

@@ -18,12 +18,9 @@
 'use client';
 
 import React from 'react';
-import {
-  Card,
-  CardHeader,
-  CardTitle,
-  CardContent,
-} from '@djangocfg/ui-nextjs/components';
+
+import { Card, CardContent, CardHeader, CardTitle } from '@djangocfg/ui-nextjs/components';
+
 import type { LegalPageConfig } from './types';
 
 export interface LegalPageProps {

package/src/pages/legal/pages.tsx

@@ -15,13 +15,9 @@
 
 'use client';
 
+import { cookiesConfig, privacyConfig, securityConfig, termsConfig } from './configs';
 import { LegalPage } from './LegalPage';
-import {
-  privacyConfig,
-  termsConfig,
-  cookiesConfig,
-  securityConfig,
-} from './configs';
+
 import type { LegalPageConfig } from './types';
 
 export interface LegalPageComponentProps {

package/src/snippets/Analytics/AnalyticsProvider.tsx

@@ -8,6 +8,7 @@
 'use client';
 
 import { ReactNode } from 'react';
+
 import { useAnalytics } from './useAnalytics';
 
 interface AnalyticsProviderProps {

package/src/snippets/Analytics/useAnalytics.ts

@@ -8,9 +8,10 @@
 
 'use client';
 
-import { useEffect } from 'react';
 import { usePathname } from 'next/navigation';
+import { useEffect } from 'react';
 import ReactGA from 'react-ga4';
+
 import { useAuth } from '@djangocfg/api/auth';
 
 // Check if we're in production

package/src/snippets/AuthDialog/AuthDialog.tsx

@@ -4,13 +4,9 @@ import { LogIn } from 'lucide-react';
 import React, { useState } from 'react';
 
 import {
-  Button,
-  Dialog,
-  DialogContent,
-  DialogHeader,
-  DialogTitle,
+    Button, Dialog, DialogContent, DialogHeader, DialogTitle
 } from '@djangocfg/ui-nextjs/components';
-import { useEventListener, useCfgRouter } from '@djangocfg/ui-nextjs/hooks';
+import { useCfgRouter, useEventListener } from '@djangocfg/ui-nextjs/hooks';
 
 // Re-export events for backwards compatibility
 export const DIALOG_EVENTS = {

package/src/snippets/AuthDialog/useAuthDialog.ts

@@ -2,9 +2,10 @@
 
 import { useCallback } from 'react';
 
-import { AUTH_EVENTS, type OpenAuthDialogPayload } from './events';
 import { events } from '@djangocfg/ui-nextjs';
 
+import { AUTH_EVENTS, OpenAuthDialogPayload} from './events';
+
 /**
  * Hook to control auth dialog from anywhere in the app
  */

package/src/snippets/Breadcrumbs.tsx

@@ -1,8 +1,8 @@
 "use client";
-import React from "react";
-import Link from "next/link";
-import { usePathname } from "next/navigation";
-import { ChevronRight, Home } from "lucide-react";
+import { ChevronRight, Home } from 'lucide-react';
+import Link from 'next/link';
+import { usePathname } from 'next/navigation';
+import React from 'react';
 
 export interface BreadcrumbItem {
   path: string;

package/src/snippets/McpChat/components/AIChatWidget.tsx

@@ -1,13 +1,17 @@
 'use client';
 
+import { Zap } from 'lucide-react';
 import React from 'react';
+
 import { Button, Portal } from '@djangocfg/ui-nextjs';
-import { Zap } from 'lucide-react';
+
+import {
+    AIChatProvider, useAIChatContext, useAIChatContextOptional
+} from '../context/AIChatContext';
+import { useChatLayout } from '../hooks/useChatLayout';
+import { ChatWidgetConfig, getMcpEndpoints} from '../types';
 import { ChatPanel } from './ChatPanel';
 import { ChatSidebar } from './ChatSidebar';
-import { useAIChatContext, useAIChatContextOptional, AIChatProvider } from '../context/AIChatContext';
-import { useChatLayout } from '../hooks/useChatLayout';
-import { getMcpEndpoints, type ChatWidgetConfig } from '../types';
 
 // CSS for game-quality multi-layer animated border with smooth color flow
 const fabAnimationStyles = `

package/src/snippets/McpChat/components/AskAIButton.tsx

@@ -1,8 +1,11 @@
 'use client';
 
-import { Button, type ButtonProps } from '@djangocfg/ui-nextjs';
 import { Bot } from 'lucide-react';
+
+import { Button, ButtonProps} from '@djangocfg/ui-nextjs';
+
 import { useMcpChat } from '../hooks/useMcpChat';
+
 import type { McpChatEventDetail } from '../types';
 
 export interface AskAIButtonProps extends Omit<ButtonProps, 'onClick'> {

package/src/snippets/McpChat/components/ChatMessages.tsx

@@ -1,9 +1,12 @@
 'use client';
 
-import React, { useRef, useEffect, useCallback, useImperativeHandle, forwardRef } from 'react';
-import { ScrollArea, Button, type ScrollAreaHandle } from '@djangocfg/ui-nextjs';
 import { Bot, MessageSquare, StopCircle } from 'lucide-react';
+import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useRef } from 'react';
+
+import { Button, ScrollArea, ScrollAreaHandle} from '@djangocfg/ui-nextjs';
+
 import { MessageBubble } from './MessageBubble';
+
 import type { AIChatMessage } from '../types';
 
 /**

package/src/snippets/McpChat/components/ChatPanel.tsx

@@ -1,11 +1,13 @@
 'use client';
 
+import { Bot, PanelRight, RotateCcw, X } from 'lucide-react';
 import React from 'react';
-import { Card, CardHeader, CardContent, CardFooter, Button } from '@djangocfg/ui-nextjs';
-import { X, PanelRight, Bot, RotateCcw } from 'lucide-react';
+
+import { Button, Card, CardContent, CardFooter, CardHeader } from '@djangocfg/ui-nextjs';
+
+import { useAIChatContext } from '../context/AIChatContext';
 import { ChatMessages } from './ChatMessages';
 import { AIMessageInput } from './MessageInput';
-import { useAIChatContext } from '../context/AIChatContext';
 
 export const ChatPanel = React.memo(() => {
   const {

package/src/snippets/McpChat/components/ChatSidebar.tsx

@@ -1,12 +1,14 @@
 'use client';
 
+import { Bot, GripVertical, PanelRightClose, RotateCcw, X } from 'lucide-react';
 import React, { useEffect } from 'react';
+
 import { Button } from '@djangocfg/ui-nextjs';
-import { X, PanelRightClose, Bot, GripVertical, RotateCcw } from 'lucide-react';
+
+import { useAIChatContext } from '../context/AIChatContext';
+import { useChatLayout } from '../hooks/useChatLayout';
 import { ChatMessages } from './ChatMessages';
 import { AIMessageInput } from './MessageInput';
-import { useChatLayout } from '../hooks/useChatLayout';
-import { useAIChatContext } from '../context/AIChatContext';
 
 export interface ChatSidebarProps {
   /** Width of resize handle in pixels (default: 12) */

package/src/snippets/McpChat/components/ChatWidget.tsx

@@ -1,12 +1,15 @@
 'use client';
 
+import { MessageCircle } from 'lucide-react';
 import React from 'react';
+
 import { Button, Portal } from '@djangocfg/ui-nextjs';
-import { MessageCircle } from 'lucide-react';
+
+import { ChatProvider, useChatContext, useChatContextOptional } from '../context';
+import { useChatLayout } from '../hooks/useChatLayout';
 import { ChatPanel } from './ChatPanel';
 import { ChatSidebar } from './ChatSidebar';
-import { useChatContext, useChatContextOptional, ChatProvider } from '../context';
-import { useChatLayout } from '../hooks/useChatLayout';
+
 import type { ChatWidgetConfig } from '../types';
 
 export interface ChatWidgetProps extends ChatWidgetConfig {

package/src/snippets/McpChat/components/MessageBubble.tsx

@@ -1,9 +1,13 @@
 'use client';
 
+import { Bot, ExternalLink, Loader2, User } from 'lucide-react';
 import React from 'react';
-import { Card, CardContent, Badge, MarkdownMessage, Avatar, AvatarImage, AvatarFallback } from '@djangocfg/ui-nextjs';
-import { User, Bot, ExternalLink, Loader2 } from 'lucide-react';
+
 import { useAuth } from '@djangocfg/api/auth';
+import {
+    Avatar, AvatarFallback, AvatarImage, Badge, Card, CardContent, MarkdownMessage
+} from '@djangocfg/ui-nextjs';
+
 import type { AIChatMessage } from '../types';
 
 export interface MessageBubbleProps {

package/src/snippets/McpChat/components/MessageInput.tsx

@@ -1,8 +1,9 @@
 'use client';
 
-import React, { useState, useRef, useCallback, useEffect } from 'react';
+import { Loader2, Send } from 'lucide-react';
+import React, { useCallback, useEffect, useRef, useState } from 'react';
+
 import { Button } from '@djangocfg/ui-nextjs';
-import { Send, Loader2 } from 'lucide-react';
 
 export interface AIMessageInputProps {
   onSend: (message: string) => void;

package/src/snippets/McpChat/context/AIChatContext.tsx

@@ -1,9 +1,13 @@
 'use client';
 
-import { createContext, useContext, useState, useCallback, useMemo, useEffect, useRef, type ReactNode } from 'react';
-import { useLocalStorage, useIsMobile } from '@djangocfg/ui-nextjs/hooks';
+import {
+    createContext, ReactNode, useCallback, useContext, useEffect, useMemo, useRef, useState
+} from 'react';
+
+import { useIsMobile, useLocalStorage } from '@djangocfg/ui-nextjs/hooks';
+
 import { useAIChat } from '../hooks/useAIChat';
-import { mcpEndpoints, type AIChatMessage, type ChatWidgetConfig, type ChatDisplayMode } from '../types';
+import { AIChatMessage, ChatDisplayMode, ChatWidgetConfig, mcpEndpoints} from '../types';
 
 const STORAGE_KEY_MODE = 'djangocfg-ai-chat-mode';
 

package/src/snippets/McpChat/context/ChatContext.tsx

@@ -1,11 +1,15 @@
 'use client';
 
-import React, { createContext, useContext, useState, useCallback, useMemo, useEffect, useRef, type ReactNode } from 'react';
-import { useLocalStorage, useIsMobile } from '@djangocfg/ui-nextjs/hooks';
+import React, {
+    createContext, ReactNode, useCallback, useContext, useEffect, useMemo, useRef, useState
+} from 'react';
 import { v4 as uuidv4 } from 'uuid';
-import type { AIChatMessage, ChatApiResponse, AIChatSource, ChatWidgetConfig, ChatDisplayMode } from '../types';
+
+import { useIsMobile, useLocalStorage } from '@djangocfg/ui-nextjs/hooks';
+
 import { storageKeys } from '../config';
 
+import type { AIChatMessage, ChatApiResponse, AIChatSource, ChatWidgetConfig, ChatDisplayMode } from '../types';
 const MAX_STORED_MESSAGES = 50;
 
 function generateMessageId(): string {

package/src/snippets/McpChat/hooks/useAIChat.ts

@@ -1,7 +1,10 @@
 'use client';
 
-import { useState, useCallback, useRef, useEffect } from 'react';
-import { mcpEndpoints, type AIChatMessage, type AIChatSource, type UseAIChatOptions, type UseAIChatReturn } from '../types';
+import { useCallback, useEffect, useRef, useState } from 'react';
+
+import {
+    type AIChatMessage, type AIChatSource, mcpEndpoints, type UseAIChatOptions, type UseAIChatReturn
+} from '../types';
 
 function generateId(): string {
   return `msg_${Date.now()}_${Math.random().toString(36).substring(2, 9)}`;

package/src/snippets/McpChat/hooks/useChatLayout.ts

@@ -1,10 +1,12 @@
 'use client';
 
-import { useEffect, useCallback, useRef, useState } from 'react';
+import { useCallback, useEffect, useRef, useState } from 'react';
+
 import { useLocalStorage } from '@djangocfg/ui-nextjs/hooks';
-import type { ChatDisplayMode } from '../types';
-import { sidebarConfig, fabConfig, storageKeys } from '../config';
 
+import { fabConfig, sidebarConfig, storageKeys } from '../config';
+
+import type { ChatDisplayMode } from '../types';
 // Re-export for convenience
 export const MIN_SIDEBAR_WIDTH = sidebarConfig.minWidth;
 export const MAX_SIDEBAR_WIDTH = sidebarConfig.maxWidth;

package/src/snippets/McpChat/hooks/useMcpChat.ts

@@ -1,6 +1,7 @@
 'use client';
 
 import { useCallback } from 'react';
+
 import type { McpChatEventDetail, UseMcpChatReturn } from '../types';
 
 /**

package/src/snippets/PWAInstall/components/A2HSHint.tsx

@@ -11,16 +11,17 @@
  * Auto-resets after 3 days (configurable)
  */
 
-import React, { useState, useEffect } from 'react';
-import { Share, X, ChevronRight, Download } from 'lucide-react';
+import { ChevronRight, Download, Share, X } from 'lucide-react';
+import React, { useEffect, useState } from 'react';
+
 import { Button } from '@djangocfg/ui-nextjs';
 import { cn } from '@djangocfg/ui-nextjs/lib';
 
 import { useInstall } from '../context/InstallContext';
-import { IOSGuide } from './IOSGuide';
-import { DesktopGuide } from './DesktopGuide';
+import { isA2HSDismissedRecently, markA2HSDismissed } from '../utils/localStorage';
 import { pwaLogger } from '../utils/logger';
-import { markA2HSDismissed, isA2HSDismissedRecently } from '../utils/localStorage';
+import { DesktopGuide } from './DesktopGuide';
+import { IOSGuide } from './IOSGuide';
 
 const DEFAULT_RESET_DAYS = 3;
 

package/src/snippets/PWAInstall/components/DesktopGuide.tsx

@@ -8,24 +8,17 @@
  * Supports: Chrome, Edge, Brave, Arc, Vivaldi, Opera, Yandex, Firefox, Safari
  */
 
+import { ArrowDownToLine, Check, Menu, Monitor, Plus, Search } from 'lucide-react';
 import React, { useMemo } from 'react';
-import { Monitor, Check, ArrowDownToLine, Menu, Search, Plus } from 'lucide-react';
 
 import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogFooter,
-  DialogHeader,
-  DialogTitle,
-  Button,
-  Card,
-  CardContent,
+    Button, Card, CardContent, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader,
+    DialogTitle
 } from '@djangocfg/ui-nextjs';
 
-import type { IOSGuideModalProps, InstallStep } from '../types';
 import { useInstall } from '../context/InstallContext';
 
+import type { IOSGuideModalProps, InstallStep } from '../types';
 type BrowserCategory = 'chromium' | 'firefox' | 'safari' | 'unknown';
 
 function getBrowserCategory(browser: {

package/src/snippets/PWAInstall/components/IOSGuide.tsx

@@ -12,8 +12,8 @@ import React from 'react';
 
 import { useIsMobile } from '@djangocfg/ui-nextjs/hooks';
 
-import { IOSGuideModal } from './IOSGuideModal';
 import { IOSGuideDrawer } from './IOSGuideDrawer';
+import { IOSGuideModal } from './IOSGuideModal';
 
 import type { IOSGuideModalProps } from '../types';
 

package/src/snippets/PWAInstall/components/IOSGuideDrawer.tsx

@@ -7,18 +7,11 @@
  * Better UX for mobile devices
  */
 
+import { ArrowDown, ArrowUpRight, Check, CheckCircle, Share } from 'lucide-react';
 import React from 'react';
-import { Share, Check, ArrowUpRight, ArrowDown, CheckCircle } from 'lucide-react';
 
 import {
-  Drawer,
-  DrawerContent,
-  DrawerDescription,
-  DrawerHeader,
-  DrawerTitle,
-  Button,
-  Card,
-  CardContent,
+    Button, Card, CardContent, Drawer, DrawerContent, DrawerDescription, DrawerHeader, DrawerTitle
 } from '@djangocfg/ui-nextjs';
 
 import type { IOSGuideModalProps, InstallStep } from '../types';

package/src/snippets/PWAInstall/components/IOSGuideModal.tsx

@@ -6,19 +6,12 @@
  * Visual step-by-step guide for adding PWA to home screen on iOS Safari
  */
 
+import { ArrowDown, ArrowUpRight, Check, CheckCircle, Share } from 'lucide-react';
 import React from 'react';
-import { Share, Check, ArrowUpRight, ArrowDown, CheckCircle } from 'lucide-react';
 
 import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogFooter,
-  DialogHeader,
-  DialogTitle,
-  Button,
-  Card,
-  CardContent,
+    Button, Card, CardContent, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader,
+    DialogTitle
 } from '@djangocfg/ui-nextjs';
 
 import type { IOSGuideModalProps, InstallStep } from '../types';

package/src/snippets/PWAInstall/context/InstallContext.tsx

@@ -7,11 +7,11 @@
  * No tracking, no metrics, no engagement — just install state
  */
 
-import React, { createContext, useContext, ReactNode } from 'react';
+import React, { createContext, ReactNode, useContext } from 'react';
 
-import type { InstallOutcome } from '../types';
 import { useInstallPrompt } from '../hooks/useInstallPrompt';
 
+import type { InstallOutcome } from '../types';
 export interface PwaContextValue {
   // Platform
   isIOS: boolean;

package/src/snippets/PWAInstall/hooks/useInstallPrompt.ts

@@ -8,13 +8,14 @@
  */
 
 import { useEffect, useState } from 'react';
+
 import { useBrowserDetect, useDeviceDetect } from '@djangocfg/ui-nextjs';
 
-import type { BeforeInstallPromptEvent, InstallPromptState, InstallOutcome } from '../types';
 import { markAppInstalled } from '../utils/localStorage';
-import { isStandalone, onDisplayModeChange } from '../utils/platform';
 import { pwaLogger } from '../utils/logger';
+import { isStandalone, onDisplayModeChange } from '../utils/platform';
 
+import type { BeforeInstallPromptEvent, InstallPromptState, InstallOutcome } from '../types';
 export function useInstallPrompt() {
   const browser = useBrowserDetect();
   const device = useDeviceDetect();

package/src/snippets/PWAInstall/hooks/useIsPWA.ts

@@ -16,7 +16,8 @@
  * ```
  */
 
-import { useState, useEffect } from 'react';
+import { useEffect, useState } from 'react';
+
 import { isStandalone, isStandaloneReliable, onDisplayModeChange } from '../utils/platform';
 
 const CACHE_KEY = 'pwa_is_standalone';

package/src/snippets/PushNotifications/components/PushPrompt.tsx

@@ -7,14 +7,16 @@
  * Auto-dismisses after user action or timeout
  */
 
-import React, { useState, useEffect } from 'react';
 import { Bell, X } from 'lucide-react';
+import React, { useEffect, useState } from 'react';
+
 import { Button } from '@djangocfg/ui-nextjs';
 
 import { usePushNotifications } from '../hooks/usePushNotifications';
-import { isStandalone } from '../utils/platform';
+import { isPushDismissedRecently, markPushDismissed } from '../utils/localStorage';
 import { pwaLogger } from '../utils/logger';
-import { markPushDismissed, isPushDismissedRecently } from '../utils/localStorage';
+import { isStandalone } from '../utils/platform';
+
 import type { PushNotificationOptions } from '../types';
 
 const DEFAULT_RESET_DAYS = 7;

package/src/snippets/PushNotifications/context/DjangoPushContext.tsx

@@ -23,9 +23,11 @@
  * ```
  */
 
-import React, { createContext, useContext, useState, useEffect, useCallback } from 'react';
+import React, { createContext, useCallback, useContext, useEffect, useState } from 'react';
+
 import { useDjangoPush } from '../hooks/useDjangoPush';
 import { pwaLogger } from '../utils/logger';
+
 import type { PushNotificationOptions } from '../types';
 
 export interface PushMessage {

package/src/snippets/PushNotifications/hooks/useDjangoPush.ts

@@ -29,20 +29,21 @@
  * ```
  */
 
-import { useState, useCallback } from 'react';
+import { useCallback, useState } from 'react';
 import { toast } from 'sonner';
-import { usePushNotifications } from './usePushNotifications';
-import { pwaLogger } from '../utils/logger';
-import type { PushNotificationOptions } from '../types';
 
 // Auth
 import { useAuth } from '@djangocfg/api/auth';
-import { useAuthDialog } from '../../AuthDialog';
-
 // Import Django API client
 // @ts-ignore - optional peer dependency
 import { apiWebPush } from '@djangocfg/api/clients';
 
+import { useAuthDialog } from '../../AuthDialog';
+import { pwaLogger } from '../utils/logger';
+import { usePushNotifications } from './usePushNotifications';
+
+import type { PushNotificationOptions } from '../types';
+
 interface UseDjangoPushOptions extends PushNotificationOptions {
   /**
    * Callback when subscription created

package/src/snippets/PushNotifications/hooks/usePushNotifications.ts

@@ -7,11 +7,12 @@
  * Integrates with @djangocfg/nextjs/pwa
  */
 
-import { useState, useEffect } from 'react';
-import type { PushNotificationState, PushNotificationOptions } from '../types';
+import { useEffect, useState } from 'react';
+
 import { pwaLogger } from '../utils/logger';
 import { urlBase64ToUint8Array, VapidKeyError } from '../utils/vapid';
 
+import type { PushNotificationState, PushNotificationOptions } from '../types';
 export function usePushNotifications(options?: PushNotificationOptions) {
   const [state, setState] = useState<PushNotificationState>({
     isSupported: false,