@churchapps/apphelper 0.6.0 → 0.6.2

package/src/components/wrapper/ChurchList.tsx

@@ -1,145 +1,145 @@
-"use client";
-
-import React, { useState } from "react";
-import { LoginUserChurchInterface, UserContextInterface, ArrayHelper } from "@churchapps/helpers";
-import { ApiHelper } from "@churchapps/helpers";
-import { UserHelper } from "../../helpers/UserHelper";
-import { NavItem } from "./NavItem";
-import { Locale } from "../../helpers";
-
-export interface Props { userChurches: LoginUserChurchInterface[], currentUserChurch: LoginUserChurchInterface, context: UserContextInterface, onDelete?: () => void, onChurchChange?: () => void }
-
-export const ChurchList: React.FC<Props> = props => {
-	const [userChurches, setUserChurches] = useState(() => {
-		try {
-			// If we have currentUserChurch, use it as fallback
-			if (props.currentUserChurch && (!props.userChurches || !Array.isArray(props.userChurches))) {
-				return [props.currentUserChurch];
-			}
-
-			let churches = props.userChurches;
-
-			// Ensure we have an array
-			if (!Array.isArray(churches)) {
-				console.warn('ChurchList - Expected array but got:', typeof churches, churches);
-				// If it's a plain church object and we have currentUserChurch, use that
-				if (props.currentUserChurch) {
-					return [props.currentUserChurch];
-				}
-				churches = [];
-			}
-
-			// Filter for valid userChurch objects (should have church property)
-			const validChurches = churches.filter(uc => {
-				const isValid = uc && uc.church && uc.church.id;
-				if (!isValid) {
-					console.warn('ChurchList - Invalid church structure:', uc);
-				}
-				return isValid;
-			});
-
-			// If no valid churches but we have currentUserChurch, use it
-			if (validChurches.length === 0 && props.currentUserChurch) {
-				return [props.currentUserChurch];
-			}
-
-			return validChurches;
-		} catch (error) {
-			console.error('ChurchList - Error processing churches:', error);
-			// Last resort: if we have currentUserChurch, use it
-			if (props.currentUserChurch) {
-				return [props.currentUserChurch];
-			}
-			return [];
-		}
-	});
-	
-	// Update local state when props change
-	React.useEffect(() => {
-		try {
-			// If we have currentUserChurch, use it as fallback
-			if (props.currentUserChurch && (!props.userChurches || !Array.isArray(props.userChurches))) {
-				setUserChurches([props.currentUserChurch]);
-				return;
-			}
-			
-			let churches = props.userChurches;
-			
-			// Ensure we have an array
-			if (!Array.isArray(churches)) {
-				if (props.currentUserChurch) {
-					setUserChurches([props.currentUserChurch]);
-					return;
-				}
-				churches = [];
-			}
-			
-			// Filter for valid userChurch objects
-			const validChurches = churches.filter(uc => uc && uc.church && uc.church.id);
-			
-			// If no valid churches but we have currentUserChurch, use it
-			if (validChurches.length === 0 && props.currentUserChurch) {
-				setUserChurches([props.currentUserChurch]);
-			} else {
-				setUserChurches(validChurches);
-			}
-		} catch (error) {
-			console.error('ChurchList useEffect - Error updating churches:', error);
-			if (props.currentUserChurch) {
-				setUserChurches([props.currentUserChurch]);
-			} else {
-				setUserChurches([]);
-			}
-		}
-	}, [props.userChurches, props.currentUserChurch]);
-
-	const handleDelete = async (uc: LoginUserChurchInterface) => {
-		// Helper function to get label with fallback
-		const getLabel = (key: string, fallback: string) => {
-			const label = Locale.label(key);
-			return label && label !== key ? label : fallback;
-		};
-		
-		const confirmMessage = getLabel("wrapper.sureRemoveChurch", "Are you sure you wish to delete this church? You will no longer be a member of {}.").replace("{}", uc.church.name?.toUpperCase());
-		if (window.confirm(confirmMessage)) {
-			await ApiHelper.delete(`/userchurch/record/${props.context.user.id}/${uc.church.id}/${uc.person.id}`, "MembershipApi");
-			await ApiHelper.delete(`/rolemembers/self/${uc.church.id}/${props.context.user.id}`, "MembershipApi");
-			// remove the same from userChurches
-			const idx = ArrayHelper.getIndex(UserHelper.userChurches, "church.id", uc.church.id);
-			if (idx > -1) UserHelper.userChurches.splice(idx, 1);
-			props?.onDelete();
-		}
-	}
-
-	// Helper function to get label with fallback
-	const getLabel = (key: string, fallback: string) => {
-		const label = Locale.label(key);
-		return label && label !== key ? label : fallback;
-	};
-
-	let result: React.ReactElement[] = [];
-	
-	userChurches.forEach(uc => {
-		const userChurch = uc;
-		const churchName = uc.church.name;
-		result.push(<NavItem
-			key={userChurch.church.id}
-			selected={(uc.church.id === props.currentUserChurch.church.id) && true}
-			onClick={async () => {
-				await UserHelper.selectChurch(props.context, userChurch.church.id, null);
-				
-				// Call the onChurchChange callback if provided
-				if (props.onChurchChange) {
-					props.onChurchChange();
-				}
-			}}
-			label={churchName || "Unknown"}
-			icon="church"
-			deleteIcon={uc.church.id !== props.currentUserChurch.church.id ? "delete" : null}
-			deleteLabel={getLabel("wrapper.deleteChurch", "Delete")}
-			deleteFunction={() => { handleDelete(uc); }}
-		/>);
-	});
-
-	return <div id="church-list">{result}</div>;
-};
+"use client";
+
+import React, { useState } from "react";
+import { LoginUserChurchInterface, UserContextInterface, ArrayHelper } from "@churchapps/helpers";
+import { ApiHelper } from "@churchapps/helpers";
+import { UserHelper } from "../../helpers/UserHelper";
+import { NavItem } from "./NavItem";
+import { Locale } from "../../helpers";
+
+export interface Props { userChurches: LoginUserChurchInterface[], currentUserChurch: LoginUserChurchInterface, context: UserContextInterface, onDelete?: () => void, onChurchChange?: () => void }
+
+export const ChurchList: React.FC<Props> = props => {
+	const [userChurches, setUserChurches] = useState(() => {
+		try {
+			// If we have currentUserChurch, use it as fallback
+			if (props.currentUserChurch && (!props.userChurches || !Array.isArray(props.userChurches))) {
+				return [props.currentUserChurch];
+			}
+
+			let churches = props.userChurches;
+
+			// Ensure we have an array
+			if (!Array.isArray(churches)) {
+				console.warn('ChurchList - Expected array but got:', typeof churches, churches);
+				// If it's a plain church object and we have currentUserChurch, use that
+				if (props.currentUserChurch) {
+					return [props.currentUserChurch];
+				}
+				churches = [];
+			}
+
+			// Filter for valid userChurch objects (should have church property)
+			const validChurches = churches.filter(uc => {
+				const isValid = uc && uc.church && uc.church.id;
+				if (!isValid) {
+					console.warn('ChurchList - Invalid church structure:', uc);
+				}
+				return isValid;
+			});
+
+			// If no valid churches but we have currentUserChurch, use it
+			if (validChurches.length === 0 && props.currentUserChurch) {
+				return [props.currentUserChurch];
+			}
+
+			return validChurches;
+		} catch (error) {
+			console.error('ChurchList - Error processing churches:', error);
+			// Last resort: if we have currentUserChurch, use it
+			if (props.currentUserChurch) {
+				return [props.currentUserChurch];
+			}
+			return [];
+		}
+	});
+	
+	// Update local state when props change
+	React.useEffect(() => {
+		try {
+			// If we have currentUserChurch, use it as fallback
+			if (props.currentUserChurch && (!props.userChurches || !Array.isArray(props.userChurches))) {
+				setUserChurches([props.currentUserChurch]);
+				return;
+			}
+			
+			let churches = props.userChurches;
+			
+			// Ensure we have an array
+			if (!Array.isArray(churches)) {
+				if (props.currentUserChurch) {
+					setUserChurches([props.currentUserChurch]);
+					return;
+				}
+				churches = [];
+			}
+			
+			// Filter for valid userChurch objects
+			const validChurches = churches.filter(uc => uc && uc.church && uc.church.id);
+			
+			// If no valid churches but we have currentUserChurch, use it
+			if (validChurches.length === 0 && props.currentUserChurch) {
+				setUserChurches([props.currentUserChurch]);
+			} else {
+				setUserChurches(validChurches);
+			}
+		} catch (error) {
+			console.error('ChurchList useEffect - Error updating churches:', error);
+			if (props.currentUserChurch) {
+				setUserChurches([props.currentUserChurch]);
+			} else {
+				setUserChurches([]);
+			}
+		}
+	}, [props.userChurches, props.currentUserChurch]);
+
+	const handleDelete = async (uc: LoginUserChurchInterface) => {
+		// Helper function to get label with fallback
+		const getLabel = (key: string, fallback: string) => {
+			const label = Locale.label(key);
+			return label && label !== key ? label : fallback;
+		};
+		
+		const confirmMessage = getLabel("wrapper.sureRemoveChurch", "Are you sure you wish to delete this church? You will no longer be a member of {}.").replace("{}", uc.church.name?.toUpperCase());
+		if (window.confirm(confirmMessage)) {
+			await ApiHelper.delete(`/userchurch/record/${props.context.user.id}/${uc.church.id}/${uc.person.id}`, "MembershipApi");
+			await ApiHelper.delete(`/rolemembers/self/${uc.church.id}/${props.context.user.id}`, "MembershipApi");
+			// remove the same from userChurches
+			const idx = ArrayHelper.getIndex(UserHelper.userChurches, "church.id", uc.church.id);
+			if (idx > -1) UserHelper.userChurches.splice(idx, 1);
+			props?.onDelete();
+		}
+	}
+
+	// Helper function to get label with fallback
+	const getLabel = (key: string, fallback: string) => {
+		const label = Locale.label(key);
+		return label && label !== key ? label : fallback;
+	};
+
+	let result: React.ReactElement[] = [];
+	
+	userChurches.forEach(uc => {
+		const userChurch = uc;
+		const churchName = uc.church.name;
+		result.push(<NavItem
+			key={userChurch.church.id}
+			selected={(uc.church.id === props.currentUserChurch.church.id) && true}
+			onClick={async () => {
+				await UserHelper.selectChurch(props.context, userChurch.church.id, null);
+				
+				// Call the onChurchChange callback if provided
+				if (props.onChurchChange) {
+					props.onChurchChange();
+				}
+			}}
+			label={churchName || "Unknown"}
+			icon="church"
+			deleteIcon={uc.church.id !== props.currentUserChurch.church.id ? "delete" : null}
+			deleteLabel={getLabel("wrapper.deleteChurch", "Delete")}
+			deleteFunction={() => { handleDelete(uc); }}
+		/>);
+	});
+
+	return <div id="church-list">{result}</div>;
+};

package/src/components/wrapper/NewPrivateMessage.tsx

@@ -1,22 +1,20 @@
 "use client";
 
-import { 
-  Button, 
-  TextField, 
-  Paper, 
-  Box, 
-  Typography, 
-  Stack, 
-  IconButton, 
-  List, 
-  ListItem, 
-  ListItemAvatar, 
-  ListItemText, 
+import {
+  Button,
+  TextField,
+  Paper,
+  Box,
+  Typography,
+  Stack,
+  IconButton,
+  List,
+  ListItemAvatar,
+  ListItemText,
   ListItemButton,
   InputAdornment,
   Divider,
-  Skeleton,
-  useTheme
+  Skeleton
 } from "@mui/material";
 import { 
   ArrowBack as ArrowBackIcon, 
@@ -90,7 +88,6 @@ export const NewPrivateMessage: React.FC<Props> = (props) => {
   }, [props.selectedPerson]);
 
 
-  const theme = useTheme();
   const [isSearching, setIsSearching] = useState(false);
 
   const handleSearchSubmit = async (e: React.MouseEvent) => {

package/src/components/wrapper/Notifications.tsx

@@ -2,22 +2,20 @@
 
 import React, { useState } from "react";
 import { ApiHelper } from "@churchapps/helpers";
-import { 
-  Box, 
-  Icon, 
-  Stack, 
-  Typography, 
-  Paper, 
-  List, 
-  ListItem, 
-  ListItemAvatar, 
-  ListItemText, 
-  Avatar, 
-  Chip, 
-  Divider, 
-  IconButton, 
-  Skeleton, 
-  useTheme 
+import {
+  Box,
+  Stack,
+  Typography,
+  Paper,
+  List,
+  ListItem,
+  ListItemAvatar,
+  ListItemText,
+  Avatar,
+  Chip,
+  Divider,
+  IconButton,
+  Skeleton
 } from "@mui/material";
 import { 
   Notifications as NotificationsIcon, 
@@ -38,7 +36,6 @@ interface Props {
 export const Notifications: React.FC<Props> = (props) => {
   const [notifications, setNotifications] = useState<NotificationInterface[]>([]);
   const [isLoading, setIsLoading] = useState(true);
-  const theme = useTheme();
 
   const loadData = async () => {
     setIsLoading(true);

package/src/components/wrapper/PrivateMessageDetails.tsx

@@ -1,13 +1,12 @@
 "use client";
 
 import React from "react";
-import { 
-  Paper, 
-  Box, 
-  Typography, 
-  Stack, 
-  IconButton, 
-  useTheme 
+import {
+  Paper,
+  Box,
+  Typography,
+  Stack,
+  IconButton
 } from "@mui/material";
 import { ArrowBack as ArrowBackIcon } from "@mui/icons-material";
 import { PrivateMessageInterface, UserContextInterface } from "@churchapps/helpers";
@@ -24,7 +23,6 @@ interface Props {
 }
 
 export const PrivateMessageDetails: React.FC<Props> = (props) => {
-  const theme = useTheme();
   
   // Clear notification when conversation is opened
   React.useEffect(() => {

package/src/components/wrapper/PrivateMessages.tsx

@@ -2,20 +2,19 @@
 
 import React, { useState, useEffect } from "react";
 import { ApiHelper } from "@churchapps/helpers";
-import { 
-  Box, 
-  Stack, 
-  List, 
-  ListItem, 
-  ListItemAvatar, 
-  ListItemText, 
-  Typography, 
-  IconButton, 
+import {
+  Box,
+  Stack,
+  List,
+  ListItem,
+  ListItemAvatar,
+  ListItemText,
+  Typography,
+  IconButton,
   Chip,
   Divider,
   Paper,
-  Skeleton,
-  useTheme
+  Skeleton
 } from "@mui/material";
 import { Add as AddIcon, ChatBubbleOutline as ChatIcon } from "@mui/icons-material";
 import { PersonAvatar } from "../PersonAvatar";
@@ -458,8 +457,6 @@ export const PrivateMessages: React.FC<Props> = React.memo((props) => {
     loadData();
   }
 
-  const theme = useTheme();
-
   if (inAddMode) return <NewPrivateMessage context={props.context} onSelectMessage={(pm: PrivateMessageInterface) => { privateMessagesStateStore.setSelectedMessage(pm); privateMessagesStateStore.setInAddMode(false); }} onBack={handleBack} />
   if (selectedMessage) return <PrivateMessageDetails privateMessage={selectedMessage} context={props.context} onBack={handleBack} refreshKey={props.refreshKey} onMessageRead={loadData} />
   

package/src/helpers/ErrorHelper.ts

@@ -1,41 +1,41 @@
-import { ErrorLogInterface, ErrorAppDataInterface } from "@churchapps/helpers";
-import { ApiHelper } from "@churchapps/helpers";
-
-
-export class ErrorHelper {
-
-	static getAppData: () => { churchId: string, userId: string, originUrl: string, application: string };
-	static customErrorHandler: (errorLog: ErrorLogInterface) => void;
-
-	static init = (getAppData: () => ErrorAppDataInterface, customErrorHandler: (errorLog: ErrorLogInterface) => void) => {
-		ErrorHelper.getAppData = getAppData;
-		ErrorHelper.customErrorHandler = customErrorHandler;
-	}
-
-	static logError = (errorType: string, message: string, details: string) => {
-	if (this.getAppData) {
-		const data = this.getAppData();
-		const log: ErrorLogInterface = {
-			application: data.application,
-			errorTime: new Date(),
-			userId: data.userId,
-			churchId: data.churchId,
-			originUrl: data.originUrl,
-			errorType: errorType,
-			message: message,
-			details: details
-		}
-
-
-		if (log.errorType === "401" && log.message.indexOf("/users/login") > -1) return;
-		if (log.message.indexOf("clientErrors") > -1) return;
-		try {
-			// Error posting to /errors endpoint disabled
-			// ApiHelper.postAnonymous("/clientErrors", [log], "MembershipApi");
-		} catch (error) {
-		}
-		if (ErrorHelper.customErrorHandler) ErrorHelper.customErrorHandler(log);
-	}
-}
-
-}
+import { ErrorLogInterface, ErrorAppDataInterface } from "@churchapps/helpers";
+import { ApiHelper } from "@churchapps/helpers";
+
+
+export class ErrorHelper {
+
+	static getAppData: () => { churchId: string, userId: string, originUrl: string, application: string };
+	static customErrorHandler: (errorLog: ErrorLogInterface) => void;
+
+	static init = (getAppData: () => ErrorAppDataInterface, customErrorHandler: (errorLog: ErrorLogInterface) => void) => {
+		ErrorHelper.getAppData = getAppData;
+		ErrorHelper.customErrorHandler = customErrorHandler;
+	}
+
+	static logError = (errorType: string, message: string, details: string) => {
+	if (this.getAppData) {
+		const data = this.getAppData();
+		const log: ErrorLogInterface = {
+			application: data.application,
+			errorTime: new Date(),
+			userId: data.userId,
+			churchId: data.churchId,
+			originUrl: data.originUrl,
+			errorType: errorType,
+			message: message,
+			details: details
+		}
+
+
+		if (log.errorType === "401" && log.message.indexOf("/users/login") > -1) return;
+		if (log.message.indexOf("clientErrors") > -1) return;
+		try {
+			// Error posting to /errors endpoint disabled
+			// ApiHelper.postAnonymous("/clientErrors", [log], "MembershipApi");
+		} catch (error) {
+		}
+		if (ErrorHelper.customErrorHandler) ErrorHelper.customErrorHandler(log);
+	}
+}
+
+}