@oxyhq/services 23.0.2 → 23.0.3

package/lib/module/ui/screens/PreferencesScreen.js

@@ -0,0 +1,189 @@
+"use strict";
+
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
+import { AccessibilityInfo, Platform, View } from 'react-native';
+import { SettingsListGroup, SettingsListItem } from '@oxyhq/bloom/settings-list';
+import { Switch } from '@oxyhq/bloom/switch';
+import { useTheme } from '@oxyhq/bloom/theme';
+import { getNativeLanguageName } from '@oxyhq/core';
+import { SettingsIcon } from "../components/SettingsIcon.js";
+import { useI18n } from "../hooks/useI18n.js";
+import { useSurfaceHeader } from "../hooks/useSurfaceHeader.js";
+import { useOxy } from "../context/OxyContext.js";
+import { useCurrentUser } from "../hooks/queries/useAccountQueries.js";
+import { useUpdateUserPreferences } from "../hooks/mutations/useAccountMutations.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const THEME_ORDER = ['system', 'light', 'dark'];
+
+/**
+ * Resolve the device's timezone using `Intl.DateTimeFormat`. Available on
+ * every Hermes/JSC build we support; no `expo-localization` native module
+ * needed.
+ */
+const getDeviceTimezone = () => {
+  try {
+    return Intl.DateTimeFormat().resolvedOptions().timeZone || '';
+  } catch {
+    return '';
+  }
+};
+
+/**
+ * PreferencesScreen — general user preferences applied across all Oxy apps.
+ *
+ * Language is delegated to the existing LanguageSelector screen. Theme,
+ * reduce-motion, and timezone are persisted on the User document via
+ * `useUpdateUserPreferences` so every Oxy app sees the same setting.
+ */
+const PreferencesScreen = ({
+  onClose,
+  goBack,
+  navigate
+}) => {
+  const bloomTheme = useTheme();
+  const {
+    t,
+    locale
+  } = useI18n();
+  useSurfaceHeader({
+    title: t('preferences.title') || 'Preferences'
+  });
+  const {
+    isAuthenticated
+  } = useOxy();
+  const {
+    data: user
+  } = useCurrentUser({
+    enabled: isAuthenticated
+  });
+  const updateMutation = useUpdateUserPreferences();
+  const prefs = user?.userPreferences;
+  const themePref = prefs?.theme ?? 'system';
+  const reduceMotionPref = prefs?.reduceMotion ?? false;
+  const deviceTimezone = useMemo(getDeviceTimezone, []);
+  const timezone = prefs?.timezone || deviceTimezone;
+
+  // Mirror the OS reduce-motion state on first mount so users can see whether
+  // the device itself is in reduced-motion mode (independent of their saved
+  // server preference). Persists into the saved value when toggled.
+  const [systemReduceMotion, setSystemReduceMotion] = useState(false);
+  useEffect(() => {
+    let cancelled = false;
+    AccessibilityInfo.isReduceMotionEnabled().then(value => {
+      if (!cancelled) {
+        setSystemReduceMotion(value);
+      }
+    }).catch(() => {
+      // AccessibilityInfo not available on this platform — keep default
+    });
+    const sub = AccessibilityInfo.addEventListener('reduceMotionChanged', value => setSystemReduceMotion(value));
+    return () => {
+      cancelled = true;
+      sub.remove();
+    };
+  }, []);
+  const handleThemeChange = useCallback(async nextTheme => {
+    const patch = {
+      theme: nextTheme
+    };
+    await updateMutation.mutateAsync(patch);
+  }, [updateMutation]);
+  const handleReduceMotionToggle = useCallback(async () => {
+    const next = !reduceMotionPref;
+    const patch = {
+      reduceMotion: next
+    };
+    await updateMutation.mutateAsync(patch);
+  }, [reduceMotionPref, updateMutation]);
+  const handleResetTimezone = useCallback(async () => {
+    // Empty string means "follow device" — server-side default
+    const patch = {
+      timezone: ''
+    };
+    await updateMutation.mutateAsync(patch);
+  }, [updateMutation]);
+  const themeDisplay = useMemo(() => {
+    switch (themePref) {
+      case 'light':
+        return t('preferences.theme.light') || 'Light';
+      case 'dark':
+        return t('preferences.theme.dark') || 'Dark';
+      default:
+        return t('preferences.theme.system') || 'System default';
+    }
+  }, [themePref, t]);
+  const nextTheme = THEME_ORDER[(THEME_ORDER.indexOf(themePref) + 1) % THEME_ORDER.length] ?? 'system';
+
+  // The active UI locale is driven by the account's primary language when
+  // signed in (else the device locale) — surfaced here via the i18n `locale`.
+  const languageDescription = useMemo(() => getNativeLanguageName(locale), [locale]);
+  const isSaving = updateMutation.isPending;
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: /*#__PURE__*/_jsxs(View, {
+      className: "px-screen-margin pb-space-24",
+      children: [/*#__PURE__*/_jsxs(SettingsListGroup, {
+        title: t('preferences.sections.appearance') || 'Appearance',
+        children: [/*#__PURE__*/_jsx(SettingsListItem, {
+          icon: /*#__PURE__*/_jsx(SettingsIcon, {
+            name: "theme-light-dark",
+            color: bloomTheme.colors.primary
+          }),
+          title: t('preferences.items.theme.title') || 'Theme',
+          description: themeDisplay,
+          onPress: () => handleThemeChange(nextTheme),
+          disabled: isSaving
+        }), /*#__PURE__*/_jsx(SettingsListItem, {
+          icon: /*#__PURE__*/_jsx(SettingsIcon, {
+            name: "motion",
+            color: bloomTheme.colors.success
+          }),
+          title: t('preferences.items.reduceMotion.title') || 'Reduce motion',
+          description: systemReduceMotion ? t('preferences.items.reduceMotion.systemOn') || 'Following system: reduce motion is on' : t('preferences.items.reduceMotion.subtitle') || 'Minimise animations across Oxy apps',
+          rightElement: /*#__PURE__*/_jsx(Switch, {
+            value: reduceMotionPref,
+            onValueChange: handleReduceMotionToggle,
+            disabled: isSaving
+          }),
+          showChevron: false
+        })]
+      }), /*#__PURE__*/_jsx(SettingsListGroup, {
+        title: t('preferences.sections.language') || 'Language',
+        children: /*#__PURE__*/_jsx(SettingsListItem, {
+          icon: /*#__PURE__*/_jsx(SettingsIcon, {
+            name: "translate",
+            color: bloomTheme.colors.success
+          }),
+          title: t('preferences.items.language.title') || 'Language',
+          description: languageDescription,
+          onPress: () => navigate?.('LanguageSelector')
+        })
+      }), /*#__PURE__*/_jsx(SettingsListGroup, {
+        title: t('preferences.sections.region') || 'Region',
+        children: /*#__PURE__*/_jsx(SettingsListItem, {
+          icon: /*#__PURE__*/_jsx(SettingsIcon, {
+            name: "clock-outline",
+            color: bloomTheme.colors.info
+          }),
+          title: t('preferences.items.timezone.title') || 'Timezone',
+          description: timezone || t('preferences.items.timezone.unknown') || 'Unable to detect timezone',
+          onPress: prefs?.timezone ? handleResetTimezone : undefined,
+          disabled: isSaving || !prefs?.timezone,
+          showChevron: false
+        })
+      }), Platform.OS === 'web' ? null : /*#__PURE__*/_jsx(SettingsListGroup, {
+        children: /*#__PURE__*/_jsx(SettingsListItem, {
+          icon: /*#__PURE__*/_jsx(SettingsIcon, {
+            name: "information",
+            color: bloomTheme.colors.secondary
+          }),
+          title: t('preferences.items.about.title') || 'About preferences',
+          description: t('preferences.items.about.subtitle') || 'Preferences sync across every Oxy app you sign into',
+          showChevron: false,
+          disabled: true
+        })
+      })]
+    })
+  });
+};
+export default /*#__PURE__*/React.memo(PreferencesScreen);
+//# sourceMappingURL=PreferencesScreen.js.map

package/lib/module/ui/screens/PreferencesScreen.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useEffect","useMemo","useState","AccessibilityInfo","Platform","View","SettingsListGroup","SettingsListItem","Switch","useTheme","getNativeLanguageName","SettingsIcon","useI18n","useSurfaceHeader","useOxy","useCurrentUser","useUpdateUserPreferences","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","THEME_ORDER","getDeviceTimezone","Intl","DateTimeFormat","resolvedOptions","timeZone","PreferencesScreen","onClose","goBack","navigate","bloomTheme","t","locale","title","isAuthenticated","data","user","enabled","updateMutation","prefs","userPreferences","themePref","theme","reduceMotionPref","reduceMotion","deviceTimezone","timezone","systemReduceMotion","setSystemReduceMotion","cancelled","isReduceMotionEnabled","then","value","catch","sub","addEventListener","remove","handleThemeChange","nextTheme","patch","mutateAsync","handleReduceMotionToggle","next","handleResetTimezone","themeDisplay","indexOf","length","languageDescription","isSaving","isPending","children","className","icon","name","color","colors","primary","description","onPress","disabled","success","rightElement","onValueChange","showChevron","info","undefined","OS","secondary","memo"],"sourceRoot":"../../../../src","sources":["ui/screens/PreferencesScreen.tsx"],"mappings":"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","ignoreList":[]}