@wasto/cms-components 1.5.10 → 1.5.11

package/src/contexts/LocalContext.tsx

@@ -1,227 +1,227 @@
-import AsyncStorage from "@react-native-async-storage/async-storage";
-import {
-    createContext,
-    PropsWithChildren,
-    useCallback,
-    useContext,
-    useEffect,
-    useMemo,
-    useState,
-    type ReactNode,
-} from "react";
-import { Platform } from "react-native";
-import { useWastoClient } from "../hooks/useWastoClient";
-
-const STORAGE_CITY_KEY = "selected_city_id";
-const STORAGE_PLACE_KEY = "selected_place_id";
-const STORAGE_PLACE_META_KEY = "selected_place_meta";
-const STORAGE_DEVICE_KEY = "wasto_device_id";
-const STORAGE_DISMISSED_ANNOUNCEMENTS_KEY = "dismissed_announcements";
-
-/** Isolate Studio preview storage from the real PWA device profile. */
-const PREVIEW_PREFIX = "wasto_preview_";
-
-export type PlaceSelectionMeta = {
-    cityName?: string | null;
-    streetName?: string | null;
-    sectorName?: string | null;
-};
-
-export type LocalContextType = {
-    isLoading: boolean;
-    /** True when both city and collection place (sector) are selected. */
-    hasPlaceSelected: boolean;
-    /** @deprecated Prefer `hasPlaceSelected`. Kept for transitional callers. */
-    hasCitySelected: boolean;
-    selectedCityId: string | null;
-    selectedPlaceId: string | null;
-    placeMeta: PlaceSelectionMeta | null;
-    deviceId: string | null;
-    registerDevice: (
-        cityId: string,
-        placeId: string,
-        meta?: PlaceSelectionMeta,
-    ) => Promise<string | null>;
-    /** Clears city/place selection (keeps deviceId) — reopen sector picker. */
-    clearPlaceSelection: () => Promise<void>;
-    /** Wipes local profile data including deviceId and dismissed announcements. */
-    clearLocalData: () => Promise<void>;
-};
-
-export const LocalContext = createContext<LocalContextType | undefined>(undefined);
-
-export type LocalContextProps = PropsWithChildren & {
-    previewMode?: boolean;
-};
-
-function storageKey(base: string, previewMode: boolean) {
-    return previewMode ? `${PREVIEW_PREFIX}${base}` : base;
-}
-
-export function LocalProvider({
-    children,
-    previewMode = false,
-}: LocalContextProps): ReactNode {
-    const keys = useMemo(
-        () => ({
-            city: storageKey(STORAGE_CITY_KEY, previewMode),
-            place: storageKey(STORAGE_PLACE_KEY, previewMode),
-            placeMeta: storageKey(STORAGE_PLACE_META_KEY, previewMode),
-            device: storageKey(STORAGE_DEVICE_KEY, previewMode),
-            dismissed: storageKey(STORAGE_DISMISSED_ANNOUNCEMENTS_KEY, previewMode),
-        }),
-        [previewMode],
-    );
-
-    const [isLoading, setIsLoading] = useState(false);
-    const [hasPlaceSelected, setHasPlaceSelected] = useState(false);
-    const [selectedCityId, setSelectedCityId] = useState<string | null>(null);
-    const [selectedPlaceId, setSelectedPlaceId] = useState<string | null>(null);
-    const [placeMeta, setPlaceMeta] = useState<PlaceSelectionMeta | null>(null);
-    const [deviceId, setDeviceId] = useState<string | null>(null);
-
-    const client = useWastoClient();
-
-    const registerDevice = useCallback(
-        async (cityId: string, placeId: string, meta?: PlaceSelectionMeta) => {
-            setIsLoading(true);
-            const nextMeta: PlaceSelectionMeta = {
-                cityName: meta?.cityName?.trim() || null,
-                streetName: meta?.streetName?.trim() || null,
-                sectorName: meta?.sectorName?.trim() || null,
-            };
-
-            let resolvedDeviceId: string | null = null;
-            if (!previewMode) {
-                const newDeviceId = generateDeviceId();
-                await client.public.analytics.track({
-                    id: newDeviceId,
-                    cityId: cityId,
-                    platform: Platform.OS,
-                    osVersion: null,
-                    appVersion: null,
-                    deviceModel: null,
-                });
-                await AsyncStorage.setItem(keys.device, newDeviceId);
-                setDeviceId(newDeviceId);
-                resolvedDeviceId = newDeviceId;
-            } else {
-                // Studio preview: never create analytics devices / persist device id.
-                setDeviceId(null);
-            }
-
-            await AsyncStorage.setItem(keys.city, cityId);
-            await AsyncStorage.setItem(keys.place, placeId);
-            await AsyncStorage.setItem(keys.placeMeta, JSON.stringify(nextMeta));
-
-            setHasPlaceSelected(true);
-            setSelectedCityId(cityId);
-            setSelectedPlaceId(placeId);
-            setPlaceMeta(nextMeta);
-            setIsLoading(false);
-            return resolvedDeviceId;
-        },
-        [client.public.analytics, keys, previewMode],
-    );
-
-    const clearPlaceSelection = useCallback(async () => {
-        await AsyncStorage.multiRemove([keys.city, keys.place, keys.placeMeta]);
-        setHasPlaceSelected(false);
-        setSelectedCityId(null);
-        setSelectedPlaceId(null);
-        setPlaceMeta(null);
-    }, [keys]);
-
-    const clearLocalData = useCallback(async () => {
-        await AsyncStorage.multiRemove([
-            keys.city,
-            keys.place,
-            keys.placeMeta,
-            keys.device,
-            keys.dismissed,
-        ]);
-        setHasPlaceSelected(false);
-        setSelectedCityId(null);
-        setSelectedPlaceId(null);
-        setPlaceMeta(null);
-        setDeviceId(null);
-    }, [keys]);
-
-    useEffect(() => {
-        const loadLocalData = async () => {
-            setIsLoading(true);
-
-            const [
-                localSelectedCityId,
-                localSelectedPlaceId,
-                localPlaceMetaRaw,
-                localDeviceId,
-            ] = await Promise.all([
-                AsyncStorage.getItem(keys.city),
-                AsyncStorage.getItem(keys.place),
-                AsyncStorage.getItem(keys.placeMeta),
-                previewMode ? Promise.resolve(null) : AsyncStorage.getItem(keys.device),
-            ]);
-
-            let localPlaceMeta: PlaceSelectionMeta | null = null;
-            if (localPlaceMetaRaw) {
-                try {
-                    const parsed = JSON.parse(localPlaceMetaRaw) as PlaceSelectionMeta;
-                    localPlaceMeta = {
-                        cityName: parsed.cityName ?? null,
-                        streetName: parsed.streetName ?? null,
-                        sectorName: parsed.sectorName ?? null,
-                    };
-                } catch {
-                    localPlaceMeta = null;
-                }
-            }
-
-            const ready = Boolean(localSelectedCityId && localSelectedPlaceId);
-            setHasPlaceSelected(ready);
-            setSelectedCityId(localSelectedCityId);
-            setSelectedPlaceId(localSelectedPlaceId);
-            setPlaceMeta(localPlaceMeta);
-            setDeviceId(previewMode ? null : localDeviceId);
-
-            setIsLoading(false);
-        };
-
-        void loadLocalData();
-    }, [keys, previewMode]);
-
-    return (
-        <LocalContext
-            value={{
-                isLoading,
-                hasPlaceSelected,
-                hasCitySelected: hasPlaceSelected,
-                selectedCityId,
-                selectedPlaceId,
-                placeMeta,
-                deviceId,
-                registerDevice,
-                clearPlaceSelection,
-                clearLocalData,
-            }}
-        >
-            {children}
-        </LocalContext>
-    );
-}
-
-export function useLocal() {
-    const context = useContext(LocalContext);
-    if (!context) {
-        throw new Error("useLocal must be within a LocalProvider.");
-    }
-    return context;
-}
-
-function generateDeviceId() {
-    const randomCharacters = Array.from({ length: 8 }, () =>
-        Math.floor(Math.random() * 10),
-    ).join("");
-
-    return `device--${Date.now()}--${Platform.OS}--${randomCharacters}`;
-}
+import AsyncStorage from "@react-native-async-storage/async-storage";
+import {
+    createContext,
+    PropsWithChildren,
+    useCallback,
+    useContext,
+    useEffect,
+    useMemo,
+    useState,
+    type ReactNode,
+} from "react";
+import { Platform } from "react-native";
+import { useWastoClient } from "../hooks/useWastoClient";
+
+const STORAGE_CITY_KEY = "selected_city_id";
+const STORAGE_PLACE_KEY = "selected_place_id";
+const STORAGE_PLACE_META_KEY = "selected_place_meta";
+const STORAGE_DEVICE_KEY = "wasto_device_id";
+const STORAGE_DISMISSED_ANNOUNCEMENTS_KEY = "dismissed_announcements";
+
+/** Isolate Studio preview storage from the real PWA device profile. */
+const PREVIEW_PREFIX = "wasto_preview_";
+
+export type PlaceSelectionMeta = {
+    cityName?: string | null;
+    streetName?: string | null;
+    sectorName?: string | null;
+};
+
+export type LocalContextType = {
+    isLoading: boolean;
+    /** True when both city and collection place (sector) are selected. */
+    hasPlaceSelected: boolean;
+    /** @deprecated Prefer `hasPlaceSelected`. Kept for transitional callers. */
+    hasCitySelected: boolean;
+    selectedCityId: string | null;
+    selectedPlaceId: string | null;
+    placeMeta: PlaceSelectionMeta | null;
+    deviceId: string | null;
+    registerDevice: (
+        cityId: string,
+        placeId: string,
+        meta?: PlaceSelectionMeta,
+    ) => Promise<string | null>;
+    /** Clears city/place selection (keeps deviceId) — reopen sector picker. */
+    clearPlaceSelection: () => Promise<void>;
+    /** Wipes local profile data including deviceId and dismissed announcements. */
+    clearLocalData: () => Promise<void>;
+};
+
+export const LocalContext = createContext<LocalContextType | undefined>(undefined);
+
+export type LocalContextProps = PropsWithChildren & {
+    previewMode?: boolean;
+};
+
+function storageKey(base: string, previewMode: boolean) {
+    return previewMode ? `${PREVIEW_PREFIX}${base}` : base;
+}
+
+export function LocalProvider({
+    children,
+    previewMode = false,
+}: LocalContextProps): ReactNode {
+    const keys = useMemo(
+        () => ({
+            city: storageKey(STORAGE_CITY_KEY, previewMode),
+            place: storageKey(STORAGE_PLACE_KEY, previewMode),
+            placeMeta: storageKey(STORAGE_PLACE_META_KEY, previewMode),
+            device: storageKey(STORAGE_DEVICE_KEY, previewMode),
+            dismissed: storageKey(STORAGE_DISMISSED_ANNOUNCEMENTS_KEY, previewMode),
+        }),
+        [previewMode],
+    );
+
+    const [isLoading, setIsLoading] = useState(false);
+    const [hasPlaceSelected, setHasPlaceSelected] = useState(false);
+    const [selectedCityId, setSelectedCityId] = useState<string | null>(null);
+    const [selectedPlaceId, setSelectedPlaceId] = useState<string | null>(null);
+    const [placeMeta, setPlaceMeta] = useState<PlaceSelectionMeta | null>(null);
+    const [deviceId, setDeviceId] = useState<string | null>(null);
+
+    const client = useWastoClient();
+
+    const registerDevice = useCallback(
+        async (cityId: string, placeId: string, meta?: PlaceSelectionMeta) => {
+            setIsLoading(true);
+            const nextMeta: PlaceSelectionMeta = {
+                cityName: meta?.cityName?.trim() || null,
+                streetName: meta?.streetName?.trim() || null,
+                sectorName: meta?.sectorName?.trim() || null,
+            };
+
+            let resolvedDeviceId: string | null = null;
+            if (!previewMode) {
+                const newDeviceId = generateDeviceId();
+                await client.public.analytics.track({
+                    id: newDeviceId,
+                    cityId: cityId,
+                    platform: Platform.OS,
+                    osVersion: null,
+                    appVersion: null,
+                    deviceModel: null,
+                });
+                await AsyncStorage.setItem(keys.device, newDeviceId);
+                setDeviceId(newDeviceId);
+                resolvedDeviceId = newDeviceId;
+            } else {
+                // Studio preview: never create analytics devices / persist device id.
+                setDeviceId(null);
+            }
+
+            await AsyncStorage.setItem(keys.city, cityId);
+            await AsyncStorage.setItem(keys.place, placeId);
+            await AsyncStorage.setItem(keys.placeMeta, JSON.stringify(nextMeta));
+
+            setHasPlaceSelected(true);
+            setSelectedCityId(cityId);
+            setSelectedPlaceId(placeId);
+            setPlaceMeta(nextMeta);
+            setIsLoading(false);
+            return resolvedDeviceId;
+        },
+        [client.public.analytics, keys, previewMode],
+    );
+
+    const clearPlaceSelection = useCallback(async () => {
+        await AsyncStorage.multiRemove([keys.city, keys.place, keys.placeMeta]);
+        setHasPlaceSelected(false);
+        setSelectedCityId(null);
+        setSelectedPlaceId(null);
+        setPlaceMeta(null);
+    }, [keys]);
+
+    const clearLocalData = useCallback(async () => {
+        await AsyncStorage.multiRemove([
+            keys.city,
+            keys.place,
+            keys.placeMeta,
+            keys.device,
+            keys.dismissed,
+        ]);
+        setHasPlaceSelected(false);
+        setSelectedCityId(null);
+        setSelectedPlaceId(null);
+        setPlaceMeta(null);
+        setDeviceId(null);
+    }, [keys]);
+
+    useEffect(() => {
+        const loadLocalData = async () => {
+            setIsLoading(true);
+
+            const [
+                localSelectedCityId,
+                localSelectedPlaceId,
+                localPlaceMetaRaw,
+                localDeviceId,
+            ] = await Promise.all([
+                AsyncStorage.getItem(keys.city),
+                AsyncStorage.getItem(keys.place),
+                AsyncStorage.getItem(keys.placeMeta),
+                previewMode ? Promise.resolve(null) : AsyncStorage.getItem(keys.device),
+            ]);
+
+            let localPlaceMeta: PlaceSelectionMeta | null = null;
+            if (localPlaceMetaRaw) {
+                try {
+                    const parsed = JSON.parse(localPlaceMetaRaw) as PlaceSelectionMeta;
+                    localPlaceMeta = {
+                        cityName: parsed.cityName ?? null,
+                        streetName: parsed.streetName ?? null,
+                        sectorName: parsed.sectorName ?? null,
+                    };
+                } catch {
+                    localPlaceMeta = null;
+                }
+            }
+
+            const ready = Boolean(localSelectedCityId && localSelectedPlaceId);
+            setHasPlaceSelected(ready);
+            setSelectedCityId(localSelectedCityId);
+            setSelectedPlaceId(localSelectedPlaceId);
+            setPlaceMeta(localPlaceMeta);
+            setDeviceId(previewMode ? null : localDeviceId);
+
+            setIsLoading(false);
+        };
+
+        void loadLocalData();
+    }, [keys, previewMode]);
+
+    return (
+        <LocalContext
+            value={{
+                isLoading,
+                hasPlaceSelected,
+                hasCitySelected: hasPlaceSelected,
+                selectedCityId,
+                selectedPlaceId,
+                placeMeta,
+                deviceId,
+                registerDevice,
+                clearPlaceSelection,
+                clearLocalData,
+            }}
+        >
+            {children}
+        </LocalContext>
+    );
+}
+
+export function useLocal() {
+    const context = useContext(LocalContext);
+    if (!context) {
+        throw new Error("useLocal must be within a LocalProvider.");
+    }
+    return context;
+}
+
+function generateDeviceId() {
+    const randomCharacters = Array.from({ length: 8 }, () =>
+        Math.floor(Math.random() * 10),
+    ).join("");
+
+    return `device--${Date.now()}--${Platform.OS}--${randomCharacters}`;
+}

package/src/contexts/ThemeContext.tsx

@@ -1,37 +1,37 @@
-import {
-    createContext,
-    PropsWithChildren,
-    useContext,
-    useMemo,
-    type ReactElement,
-} from "react";
-import { resolveTheme } from "../helpers/themeStyles";
-import type { ResolvedTheme, Theme } from "../types/Theme";
-
-export type ThemeContextType = {
-    theme: ResolvedTheme;
-};
-
-export const ThemeContext = createContext<ThemeContextType | undefined>(undefined);
-
-export type ThemePoviderProps = PropsWithChildren & {
-    theme: Theme;
-};
-
-export function ThemeProvider(props: ThemePoviderProps): ReactElement {
-    const theme = useMemo(() => resolveTheme(props.theme), [props.theme]);
-
-    return <ThemeContext
-        value={{ theme }}
-    >
-        {props.children}
-    </ThemeContext>
-}
-
-export function useTheme() {
-    const context = useContext(ThemeContext);
-    if (!context) {
-        throw new Error("useTheme must be used within a ThemeProvider.");
-    }
-    return context;
-}
+import {
+    createContext,
+    PropsWithChildren,
+    useContext,
+    useMemo,
+    type ReactElement,
+} from "react";
+import { resolveTheme } from "../helpers/themeStyles";
+import type { ResolvedTheme, Theme } from "../types/Theme";
+
+export type ThemeContextType = {
+    theme: ResolvedTheme;
+};
+
+export const ThemeContext = createContext<ThemeContextType | undefined>(undefined);
+
+export type ThemePoviderProps = PropsWithChildren & {
+    theme: Theme;
+};
+
+export function ThemeProvider(props: ThemePoviderProps): ReactElement {
+    const theme = useMemo(() => resolveTheme(props.theme), [props.theme]);
+
+    return <ThemeContext
+        value={{ theme }}
+    >
+        {props.children}
+    </ThemeContext>
+}
+
+export function useTheme() {
+    const context = useContext(ThemeContext);
+    if (!context) {
+        throw new Error("useTheme must be used within a ThemeProvider.");
+    }
+    return context;
+}