@wasto/cms-components 1.5.10 → 1.5.11

package/src/contexts/AnnouncementsContext.tsx

@@ -1,171 +1,171 @@
-import AsyncStorage from "@react-native-async-storage/async-storage";
-import {
-    createContext,
-    PropsWithChildren,
-    useCallback,
-    useContext,
-    useEffect,
-    useMemo,
-    useState,
-    type ReactNode,
-} from "react";
-import { useLocal } from "./LocalContext";
-import { useWastoClient } from "../hooks/useWastoClient";
-
-export type PublicAnnouncement = {
-    id: string;
-    title: string;
-    body: string;
-    imageUrl?: string | null;
-    sentAt?: string | null;
-};
-
-type AnnouncementsContextType = {
-    announcement: PublicAnnouncement | null;
-    hasUnread: boolean;
-    dismiss: () => Promise<void>;
-    /** Mark one announcement as read (inbox) and refresh unread badge. */
-    markAsRead: (id: string) => Promise<void>;
-    /** Open the shared AnnouncementModal for a specific item (inbox). */
-    openAnnouncement: (item: PublicAnnouncement) => void;
-    openFromBell: () => Promise<void>;
-    forceVisible: boolean;
-};
-
-const DISMISSED_KEY = "dismissed_announcements";
-
-const AnnouncementsContext = createContext<AnnouncementsContextType | undefined>(undefined);
-
-async function getDismissedIds(): Promise<Set<string>> {
-    try {
-        const raw = await AsyncStorage.getItem(DISMISSED_KEY);
-        if (!raw) return new Set();
-        const parsed = JSON.parse(raw) as string[];
-        return new Set(Array.isArray(parsed) ? parsed : []);
-    } catch {
-        return new Set();
-    }
-}
-
-async function markDismissed(id: string): Promise<void> {
-    const set = await getDismissedIds();
-    set.add(id);
-    await AsyncStorage.setItem(DISMISSED_KEY, JSON.stringify([...set]));
-}
-
-function resolveImageUrl(apiUrl: string, url?: string | null): string | null {
-    if (!url) return null;
-    if (url.startsWith("http://") || url.startsWith("https://")) return url;
-    const base = apiUrl.replace(/\/$/, "");
-    const path = url.startsWith("/") ? url : `/${url}`;
-    return `${base}${path}`;
-}
-
-export type AnnouncementsProviderProps = PropsWithChildren & {
-    apiUrl: string;
-};
-
-export function AnnouncementsProvider({ children, apiUrl }: AnnouncementsProviderProps): ReactNode {
-    const { selectedCityId, hasPlaceSelected } = useLocal();
-    const client = useWastoClient();
-    const [announcement, setAnnouncement] = useState<PublicAnnouncement | null>(null);
-    const [hasUnread, setHasUnread] = useState(false);
-    const [forceVisible, setForceVisible] = useState(false);
-    const [queue, setQueue] = useState<PublicAnnouncement[]>([]);
-
-    const load = useCallback(async (): Promise<PublicAnnouncement[]> => {
-        if (!selectedCityId || !hasPlaceSelected) {
-            setAnnouncement(null);
-            setHasUnread(false);
-            setQueue([]);
-            return [];
-        }
-        try {
-            const list = await client.public.announcements.listForCity(selectedCityId);
-            const dismissed = await getDismissedIds();
-            const pending = (list ?? [])
-                .filter((a) => a?.id && !dismissed.has(a.id))
-                .map((a) => ({
-                    ...a,
-                    imageUrl: resolveImageUrl(apiUrl, a.imageUrl),
-                }));
-            setQueue(pending);
-            setHasUnread(pending.length > 0);
-            setAnnouncement(pending[0] ?? null);
-            return pending;
-        } catch {
-            setAnnouncement(null);
-            setHasUnread(false);
-            setQueue([]);
-            return [];
-        }
-    }, [apiUrl, client.public.announcements, hasPlaceSelected, selectedCityId]);
-
-    useEffect(() => {
-        void load().then((pending) => {
-            if (pending.length > 0) setForceVisible(true);
-        });
-    }, [load]);
-
-    const markAsRead = useCallback(async (id: string) => {
-        await markDismissed(id);
-        setQueue((prev) => {
-            const next = prev.filter((a) => a.id !== id);
-            setHasUnread(next.length > 0);
-            return next;
-        });
-    }, []);
-
-    const dismiss = useCallback(async () => {
-        if (!announcement) {
-            setForceVisible(false);
-            return;
-        }
-        const id = announcement.id;
-        await markDismissed(id);
-        const nextQueue = queue.filter((a) => a.id !== id);
-        setQueue(nextQueue);
-        setHasUnread(nextQueue.length > 0);
-        setAnnouncement(nextQueue[0] ?? null);
-        setForceVisible(nextQueue.length > 0);
-    }, [announcement, queue]);
-
-    const openAnnouncement = useCallback((item: PublicAnnouncement) => {
-        setAnnouncement(item);
-        setForceVisible(true);
-    }, []);
-
-    const openFromBell = useCallback(async () => {
-        const pending = queue.length > 0 ? queue : await load();
-        if (pending.length === 0) return;
-        setAnnouncement(pending[0] ?? null);
-        setForceVisible(true);
-    }, [load, queue]);
-
-    const value = useMemo(
-        () => ({
-            announcement,
-            hasUnread,
-            dismiss,
-            markAsRead,
-            openAnnouncement,
-            openFromBell,
-            forceVisible,
-        }),
-        [announcement, dismiss, forceVisible, hasUnread, markAsRead, openAnnouncement, openFromBell],
-    );
-
-    return (
-        <AnnouncementsContext value={value}>
-            {children}
-        </AnnouncementsContext>
-    );
-}
-
-export function useAnnouncements() {
-    const ctx = useContext(AnnouncementsContext);
-    if (!ctx) {
-        throw new Error("useAnnouncements must be used within AnnouncementsProvider.");
-    }
-    return ctx;
-}
+import AsyncStorage from "@react-native-async-storage/async-storage";
+import {
+    createContext,
+    PropsWithChildren,
+    useCallback,
+    useContext,
+    useEffect,
+    useMemo,
+    useState,
+    type ReactNode,
+} from "react";
+import { useLocal } from "./LocalContext";
+import { useWastoClient } from "../hooks/useWastoClient";
+
+export type PublicAnnouncement = {
+    id: string;
+    title: string;
+    body: string;
+    imageUrl?: string | null;
+    sentAt?: string | null;
+};
+
+type AnnouncementsContextType = {
+    announcement: PublicAnnouncement | null;
+    hasUnread: boolean;
+    dismiss: () => Promise<void>;
+    /** Mark one announcement as read (inbox) and refresh unread badge. */
+    markAsRead: (id: string) => Promise<void>;
+    /** Open the shared AnnouncementModal for a specific item (inbox). */
+    openAnnouncement: (item: PublicAnnouncement) => void;
+    openFromBell: () => Promise<void>;
+    forceVisible: boolean;
+};
+
+const DISMISSED_KEY = "dismissed_announcements";
+
+const AnnouncementsContext = createContext<AnnouncementsContextType | undefined>(undefined);
+
+async function getDismissedIds(): Promise<Set<string>> {
+    try {
+        const raw = await AsyncStorage.getItem(DISMISSED_KEY);
+        if (!raw) return new Set();
+        const parsed = JSON.parse(raw) as string[];
+        return new Set(Array.isArray(parsed) ? parsed : []);
+    } catch {
+        return new Set();
+    }
+}
+
+async function markDismissed(id: string): Promise<void> {
+    const set = await getDismissedIds();
+    set.add(id);
+    await AsyncStorage.setItem(DISMISSED_KEY, JSON.stringify([...set]));
+}
+
+function resolveImageUrl(apiUrl: string, url?: string | null): string | null {
+    if (!url) return null;
+    if (url.startsWith("http://") || url.startsWith("https://")) return url;
+    const base = apiUrl.replace(/\/$/, "");
+    const path = url.startsWith("/") ? url : `/${url}`;
+    return `${base}${path}`;
+}
+
+export type AnnouncementsProviderProps = PropsWithChildren & {
+    apiUrl: string;
+};
+
+export function AnnouncementsProvider({ children, apiUrl }: AnnouncementsProviderProps): ReactNode {
+    const { selectedCityId, hasPlaceSelected } = useLocal();
+    const client = useWastoClient();
+    const [announcement, setAnnouncement] = useState<PublicAnnouncement | null>(null);
+    const [hasUnread, setHasUnread] = useState(false);
+    const [forceVisible, setForceVisible] = useState(false);
+    const [queue, setQueue] = useState<PublicAnnouncement[]>([]);
+
+    const load = useCallback(async (): Promise<PublicAnnouncement[]> => {
+        if (!selectedCityId || !hasPlaceSelected) {
+            setAnnouncement(null);
+            setHasUnread(false);
+            setQueue([]);
+            return [];
+        }
+        try {
+            const list = await client.public.announcements.listForCity(selectedCityId);
+            const dismissed = await getDismissedIds();
+            const pending = (list ?? [])
+                .filter((a) => a?.id && !dismissed.has(a.id))
+                .map((a) => ({
+                    ...a,
+                    imageUrl: resolveImageUrl(apiUrl, a.imageUrl),
+                }));
+            setQueue(pending);
+            setHasUnread(pending.length > 0);
+            setAnnouncement(pending[0] ?? null);
+            return pending;
+        } catch {
+            setAnnouncement(null);
+            setHasUnread(false);
+            setQueue([]);
+            return [];
+        }
+    }, [apiUrl, client.public.announcements, hasPlaceSelected, selectedCityId]);
+
+    useEffect(() => {
+        void load().then((pending) => {
+            if (pending.length > 0) setForceVisible(true);
+        });
+    }, [load]);
+
+    const markAsRead = useCallback(async (id: string) => {
+        await markDismissed(id);
+        setQueue((prev) => {
+            const next = prev.filter((a) => a.id !== id);
+            setHasUnread(next.length > 0);
+            return next;
+        });
+    }, []);
+
+    const dismiss = useCallback(async () => {
+        if (!announcement) {
+            setForceVisible(false);
+            return;
+        }
+        const id = announcement.id;
+        await markDismissed(id);
+        const nextQueue = queue.filter((a) => a.id !== id);
+        setQueue(nextQueue);
+        setHasUnread(nextQueue.length > 0);
+        setAnnouncement(nextQueue[0] ?? null);
+        setForceVisible(nextQueue.length > 0);
+    }, [announcement, queue]);
+
+    const openAnnouncement = useCallback((item: PublicAnnouncement) => {
+        setAnnouncement(item);
+        setForceVisible(true);
+    }, []);
+
+    const openFromBell = useCallback(async () => {
+        const pending = queue.length > 0 ? queue : await load();
+        if (pending.length === 0) return;
+        setAnnouncement(pending[0] ?? null);
+        setForceVisible(true);
+    }, [load, queue]);
+
+    const value = useMemo(
+        () => ({
+            announcement,
+            hasUnread,
+            dismiss,
+            markAsRead,
+            openAnnouncement,
+            openFromBell,
+            forceVisible,
+        }),
+        [announcement, dismiss, forceVisible, hasUnread, markAsRead, openAnnouncement, openFromBell],
+    );
+
+    return (
+        <AnnouncementsContext value={value}>
+            {children}
+        </AnnouncementsContext>
+    );
+}
+
+export function useAnnouncements() {
+    const ctx = useContext(AnnouncementsContext);
+    if (!ctx) {
+        throw new Error("useAnnouncements must be used within AnnouncementsProvider.");
+    }
+    return ctx;
+}