@oxyhq/services/lib/module/ui/screens/SearchSettingsScreen.js

Reusable OxyHQ module to handle authentication, user management, karma system, device-based session management and more 🚀

"use strict";

import React, { useState, useCallback, useMemo, useEffect } from 'react';
import { View, Text, StyleSheet, ScrollView, Switch, ActivityIndicator } from 'react-native';
import { useOxy } from '../context/OxyContext';
import { toast } from '../../lib/sonner';
import { Header, Section } from '../components';
import { useI18n } from '../hooks/useI18n';
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
const SearchSettingsScreen = ({
  onClose,
  theme,
  goBack
}) => {
  const {
    oxyServices,
    user
  } = useOxy();
  const {
    t
  } = useI18n();
  const [safeSearch, setSafeSearch] = useState(false);
  const [searchPersonalization, setSearchPersonalization] = useState(true);
  const [isLoading, setIsLoading] = useState(true);
  const [isSaving, setIsSaving] = useState(false);

  // Load settings
  useEffect(() => {
    const loadSettings = async () => {
      try {
        setIsLoading(true);
        if (user?.id && oxyServices) {
          // Load from user's privacy settings
          const userData = await oxyServices.getCurrentUser();
          const privacySettings = userData?.privacySettings || {};

          // SafeSearch is typically stored in privacySettings.autoFilter or a separate field
          setSafeSearch(privacySettings.autoFilter ?? false);
          setSearchPersonalization(privacySettings.dataSharing ?? true);
        }
      } catch (error) {
        console.error('Failed to load search settings:', error);
      } finally {
        setIsLoading(false);
      }
    };
    loadSettings();
  }, [user?.id, oxyServices]);
  const handleSafeSearchToggle = useCallback(async value => {
    try {
      setIsSaving(true);
      setSafeSearch(value);
      if (user?.id && oxyServices) {
        // Update privacy settings
        await oxyServices.updateProfile({
          privacySettings: {
            autoFilter: value
          }
        });
        toast.success(t('searchSettings.safeSearch.updated') || 'SafeSearch setting updated');
      }
    } catch (error) {
      console.error('Failed to update SafeSearch:', error);
      toast.error(t('searchSettings.safeSearch.error') || 'Failed to update SafeSearch');
      setSafeSearch(!value); // Revert on error
    } finally {
      setIsSaving(false);
    }
  }, [user?.id, oxyServices, t]);
  const handlePersonalizationToggle = useCallback(async value => {
    try {
      setIsSaving(true);
      setSearchPersonalization(value);
      if (user?.id && oxyServices) {
        // Update privacy settings
        await oxyServices.updateProfile({
          privacySettings: {
            dataSharing: value
          }
        });
        toast.success(t('searchSettings.personalization.updated') || 'Search personalization updated');
      }
    } catch (error) {
      console.error('Failed to update personalization:', error);
      toast.error(t('searchSettings.personalization.error') || 'Failed to update personalization');
      setSearchPersonalization(!value); // Revert on error
    } finally {
      setIsSaving(false);
    }
  }, [user?.id, oxyServices, t]);
  const themeStyles = useMemo(() => {
    const isDarkTheme = theme === 'dark';
    return {
      textColor: isDarkTheme ? '#FFFFFF' : '#000000',
      backgroundColor: isDarkTheme ? '#121212' : '#FFFFFF',
      secondaryBackgroundColor: isDarkTheme ? '#222222' : '#F5F5F5',
      borderColor: isDarkTheme ? '#444444' : '#E0E0E0'
    };
  }, [theme]);
  if (isLoading) {
    return /*#__PURE__*/_jsxs(View, {
      style: [styles.container, {
        backgroundColor: themeStyles.backgroundColor
      }],
      children: [/*#__PURE__*/_jsx(Header, {
        title: t('searchSettings.title') || 'Search Settings',
        theme: theme,
        onBack: goBack || onClose,
        variant: "minimal",
        elevation: "subtle"
      }), /*#__PURE__*/_jsx(View, {
        style: styles.loadingContainer,
        children: /*#__PURE__*/_jsx(ActivityIndicator, {
          size: "large",
          color: themeStyles.textColor
        })
      })]
    });
  }
  return /*#__PURE__*/_jsxs(View, {
    style: [styles.container, {
      backgroundColor: themeStyles.backgroundColor
    }],
    children: [/*#__PURE__*/_jsx(Header, {
      title: t('searchSettings.title') || 'Search Settings',
      theme: theme,
      onBack: goBack || onClose,
      variant: "minimal",
      elevation: "subtle"
    }), /*#__PURE__*/_jsxs(ScrollView, {
      style: styles.content,
      children: [/*#__PURE__*/_jsx(Section, {
        title: t('searchSettings.safeSearch.title') || 'SafeSearch',
        theme: theme,
        isFirst: true,
        children: /*#__PURE__*/_jsxs(View, {
          style: [styles.settingRow, {
            borderBottomColor: themeStyles.borderColor
          }],
          children: [/*#__PURE__*/_jsxs(View, {
            style: styles.settingInfo,
            children: [/*#__PURE__*/_jsx(Text, {
              style: [styles.settingTitle, {
                color: themeStyles.textColor
              }],
              children: t('searchSettings.safeSearch.label') || 'Enable SafeSearch'
            }), /*#__PURE__*/_jsx(Text, {
              style: [styles.settingDescription, {
                color: themeStyles.textColor
              }],
              children: t('searchSettings.safeSearch.description') || 'Filter out explicit content from search results'
            })]
          }), /*#__PURE__*/_jsx(Switch, {
            value: safeSearch,
            onValueChange: handleSafeSearchToggle,
            disabled: isSaving,
            trackColor: {
              false: '#767577',
              true: '#d169e5'
            },
            thumbColor: safeSearch ? '#fff' : '#f4f3f4'
          })]
        })
      }), /*#__PURE__*/_jsx(Section, {
        title: t('searchSettings.personalization.title') || 'Search Personalization',
        theme: theme,
        children: /*#__PURE__*/_jsxs(View, {
          style: [styles.settingRow, {
            borderBottomColor: themeStyles.borderColor
          }],
          children: [/*#__PURE__*/_jsxs(View, {
            style: styles.settingInfo,
            children: [/*#__PURE__*/_jsx(Text, {
              style: [styles.settingTitle, {
                color: themeStyles.textColor
              }],
              children: t('searchSettings.personalization.label') || 'Personalized Search'
            }), /*#__PURE__*/_jsx(Text, {
              style: [styles.settingDescription, {
                color: themeStyles.textColor
              }],
              children: t('searchSettings.personalization.description') || 'Use your activity to improve search results'
            })]
          }), /*#__PURE__*/_jsx(Switch, {
            value: searchPersonalization,
            onValueChange: handlePersonalizationToggle,
            disabled: isSaving,
            trackColor: {
              false: '#767577',
              true: '#d169e5'
            },
            thumbColor: searchPersonalization ? '#fff' : '#f4f3f4'
          })]
        })
      })]
    })]
  });
};
const styles = StyleSheet.create({
  container: {
    flex: 1
  },
  content: {
    flex: 1,
    padding: 16
  },
  loadingContainer: {
    flex: 1,
    alignItems: 'center',
    justifyContent: 'center'
  },
  settingRow: {
    flexDirection: 'row',
    justifyContent: 'space-between',
    alignItems: 'center',
    paddingVertical: 16,
    borderBottomWidth: 1
  },
  settingInfo: {
    flex: 1,
    marginRight: 16
  },
  settingTitle: {
    fontSize: 16,
    fontWeight: '500',
    marginBottom: 4
  },
  settingDescription: {
    fontSize: 14,
    opacity: 0.7
  }
});
export default /*#__PURE__*/React.memo(SearchSettingsScreen);
//# sourceMappingURL=SearchSettingsScreen.js.map