@churchapps/apphelper 0.5.0 → 0.5.2

package/src/hooks/useNotifications.ts

@@ -1,94 +1,94 @@
-import React, { useState, useEffect, useCallback } from 'react';
-import { NotificationService, NotificationCounts } from '../helpers/NotificationService';
-import { UserContextInterface } from '@churchapps/helpers';
-
-export interface UseNotificationsResult {
-  counts: NotificationCounts;
-  isLoading: boolean;
-  isReady: boolean;
-  refresh: () => Promise<void>;
-  error: string | null;
-}
-
-/**
- * Custom hook for managing real-time notifications
- * 
- * @param context - User context containing person and church information
- * @returns Object containing notification counts and management functions
- * 
- * @example
- * ```tsx
- * const { counts, isLoading, refresh } = useNotifications(context);
- * 
- * return (
- *   <UserMenu 
- *     notificationCounts={counts}
- *     loadCounts={refresh}
- *     // ... other props
- *   />
- * );
- * ```
- */
-export function useNotifications(context: UserContextInterface | null): UseNotificationsResult {
-  const [counts, setCounts] = useState<NotificationCounts>({ notificationCount: 0, pmCount: 0 });
-  const [isLoading, setIsLoading] = useState(true);
-  const [error, setError] = useState<string | null>(null);
-
-  // Get the singleton instance only once
-  const notificationService = React.useMemo(() => NotificationService.getInstance(), []);
-
-  // Initialize the service when context becomes available
-  useEffect(() => {
-    if (!context?.person?.id || !context?.userChurch?.church?.id) {
-      setIsLoading(false);
-      return;
-    }
-
-    const initializeService = async () => {
-      try {
-        setIsLoading(true);
-        setError(null);
-        
-        await notificationService.initialize(context);
-      } catch (err) {
-        console.error("❌ useNotifications: Failed to initialize:", err);
-        setError(err instanceof Error ? err.message : 'Failed to initialize notifications');
-      } finally {
-        setIsLoading(false);
-      }
-    };
-
-    initializeService();
-  }, [context?.person?.id, context?.userChurch?.church?.id]);
-
-  // Subscribe to notification count changes
-  useEffect(() => {
-    const unsubscribe = notificationService.subscribe((newCounts) => {
-      setCounts(newCounts);
-    });
-
-    // Cleanup subscription on unmount
-    return () => {
-      unsubscribe();
-    };
-  }, [notificationService]);
-
-  // Refresh function - memoized without dependencies for stable reference
-  const refresh = useCallback(async () => {
-    try {
-      setError(null);
-      await NotificationService.getInstance().refresh();
-    } catch (err) {
-      console.error("❌ useNotifications: Refresh failed:", err);
-      setError(err instanceof Error ? err.message : 'Failed to refresh notifications');
-    }
-  }, []);
-
-  return {
-    counts,
-    isLoading,
-    isReady: notificationService.isReady(),
-    refresh,
-    error
-  };
+import React, { useState, useEffect, useCallback } from 'react';
+import { NotificationService, NotificationCounts } from '../helpers/NotificationService';
+import { UserContextInterface } from '@churchapps/helpers';
+
+export interface UseNotificationsResult {
+  counts: NotificationCounts;
+  isLoading: boolean;
+  isReady: boolean;
+  refresh: () => Promise<void>;
+  error: string | null;
+}
+
+/**
+ * Custom hook for managing real-time notifications
+ * 
+ * @param context - User context containing person and church information
+ * @returns Object containing notification counts and management functions
+ * 
+ * @example
+ * ```tsx
+ * const { counts, isLoading, refresh } = useNotifications(context);
+ * 
+ * return (
+ *   <UserMenu 
+ *     notificationCounts={counts}
+ *     loadCounts={refresh}
+ *     // ... other props
+ *   />
+ * );
+ * ```
+ */
+export function useNotifications(context: UserContextInterface | null): UseNotificationsResult {
+  const [counts, setCounts] = useState<NotificationCounts>({ notificationCount: 0, pmCount: 0 });
+  const [isLoading, setIsLoading] = useState(true);
+  const [error, setError] = useState<string | null>(null);
+
+  // Get the singleton instance only once
+  const notificationService = React.useMemo(() => NotificationService.getInstance(), []);
+
+  // Initialize the service when context becomes available
+  useEffect(() => {
+    if (!context?.person?.id || !context?.userChurch?.church?.id) {
+      setIsLoading(false);
+      return;
+    }
+
+    const initializeService = async () => {
+      try {
+        setIsLoading(true);
+        setError(null);
+        
+        await notificationService.initialize(context);
+      } catch (err) {
+        console.error("❌ useNotifications: Failed to initialize:", err);
+        setError(err instanceof Error ? err.message : 'Failed to initialize notifications');
+      } finally {
+        setIsLoading(false);
+      }
+    };
+
+    initializeService();
+  }, [context?.person?.id, context?.userChurch?.church?.id]);
+
+  // Subscribe to notification count changes
+  useEffect(() => {
+    const unsubscribe = notificationService.subscribe((newCounts) => {
+      setCounts(newCounts);
+    });
+
+    // Cleanup subscription on unmount
+    return () => {
+      unsubscribe();
+    };
+  }, [notificationService]);
+
+  // Refresh function - memoized without dependencies for stable reference
+  const refresh = useCallback(async () => {
+    try {
+      setError(null);
+      await NotificationService.getInstance().refresh();
+    } catch (err) {
+      console.error("❌ useNotifications: Refresh failed:", err);
+      setError(err instanceof Error ? err.message : 'Failed to refresh notifications');
+    }
+  }, []);
+
+  return {
+    counts,
+    isLoading,
+    isReady: notificationService.isReady(),
+    refresh,
+    error
+  };
 }

package/src/index.ts

@@ -1,3 +1,3 @@
-export * from "./helpers";
-export * from "./components";
+export * from "./helpers";
+export * from "./components";
 export * from "./hooks";

package/src/types/interface-extensions.d.ts

@@ -1,12 +1,12 @@
-// Interface extensions for donation functionality - DISABLED DUE TO TYPESCRIPT CONFLICT
-// The module augmentation breaks TypeScript's ability to resolve exports from @churchapps/helpers
-
-// declare module "@churchapps/helpers" {
-//   interface PaymentMethodInterface {
-//     gatewayId?: string;
-//   }
-
-//   interface SubscriptionInterface {
-//     gatewayId?: string;
-//   }
+// Interface extensions for donation functionality - DISABLED DUE TO TYPESCRIPT CONFLICT
+// The module augmentation breaks TypeScript's ability to resolve exports from @churchapps/helpers
+
+// declare module "@churchapps/helpers" {
+//   interface PaymentMethodInterface {
+//     gatewayId?: string;
+//   }
+
+//   interface SubscriptionInterface {
+//     gatewayId?: string;
+//   }
 // }

package/tsconfig.json

@@ -1,32 +1,32 @@
-{
-  "compilerOptions": {
-    "module": "ESNext",
-    "esModuleInterop": true,
-    "lib": ["ES2021", "DOM"],
-    "typeRoots": ["node_modules/@types"],
-    "experimentalDecorators": true,
-    "emitDecoratorMetadata": true,
-    "target": "ES2020",
-    "noImplicitAny": false,
-    "moduleResolution": "node",
-    "sourceMap": true,
-    "outDir": "dist",
-    "baseUrl": ".",
-    "strict": false,
-    "allowSyntheticDefaultImports": true,
-    "declaration": true,
-    "declarationMap": true,
-    "jsx": "react-jsx",
-    "skipLibCheck": true,
-    "forceConsistentCasingInFileNames": false,
-    "resolveJsonModule": true,
-    "isolatedModules": true
-  },
-  "include": [
-    "src/**/*"
-  ],
-  "exclude": [
-    "node_modules",
-    "dist"
-  ]
+{
+  "compilerOptions": {
+    "module": "ESNext",
+    "esModuleInterop": true,
+    "lib": ["ES2021", "DOM"],
+    "typeRoots": ["node_modules/@types"],
+    "experimentalDecorators": true,
+    "emitDecoratorMetadata": true,
+    "target": "ES2020",
+    "noImplicitAny": false,
+    "moduleResolution": "node",
+    "sourceMap": true,
+    "outDir": "dist",
+    "baseUrl": ".",
+    "strict": false,
+    "allowSyntheticDefaultImports": true,
+    "declaration": true,
+    "declarationMap": true,
+    "jsx": "react-jsx",
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": false,
+    "resolveJsonModule": true,
+    "isolatedModules": true
+  },
+  "include": [
+    "src/**/*"
+  ],
+  "exclude": [
+    "node_modules",
+    "dist"
+  ]
 }