@umituz/react-native-settings 4.20.53 → 4.20.55

package/src/domains/about/presentation/hooks/useAboutInfo.utils.ts

@@ -0,0 +1,167 @@
+/**
+ * useAboutInfo Hook Utilities
+ * Shared utility functions for about info hook
+ */
+
+import type { MutableRefObject } from 'react';
+import type { AppInfo, AboutConfig } from '../../domain/entities/AppInfo';
+import type { AboutRepository } from '../../infrastructure/repositories/AboutRepository';
+import { createDefaultAppInfo } from '../../utils/AppInfoFactory';
+
+/**
+ * Safely set error if component is mounted
+ */
+export const setErrorIfMounted = (
+  isMountedRef: MutableRefObject<boolean>,
+  setError: (error: string | null) => void,
+  err: string | null
+) => {
+  if (isMountedRef.current) {
+    setError(err);
+  }
+};
+
+/**
+ * Safely set loading state if component is mounted
+ */
+export const setLoadingIfMounted = (
+  isMountedRef: MutableRefObject<boolean>,
+  setLoading: (loading: boolean) => void,
+  value: boolean
+) => {
+  if (isMountedRef.current) {
+    setLoading(value);
+  }
+};
+
+/**
+ * Initialize app info with config
+ */
+export const initializeAppInfo = async (
+  config: AboutConfig,
+  repository: AboutRepository,
+  isMountedRef: MutableRefObject<boolean>,
+  isInitializedRef: MutableRefObject<boolean>,
+  setAppInfo: (info: AppInfo | null) => void,
+  setError: (error: string | null) => void,
+  setLoading: (loading: boolean) => void,
+  force = false
+): Promise<void> => {
+  if (isInitializedRef.current && !force) {
+    return;
+  }
+
+  if (!isMountedRef.current) {
+    return;
+  }
+
+  setLoading(true);
+  setError(null);
+
+  try {
+    const defaultAppInfo = createDefaultAppInfo(config);
+    await repository.saveAppInfo(defaultAppInfo);
+
+    if (isMountedRef.current) {
+      setAppInfo(defaultAppInfo);
+      isInitializedRef.current = true;
+    }
+  } catch (err) {
+    setError(err instanceof Error ? err.message : 'Unknown error');
+  } finally {
+    setLoading(false);
+  }
+};
+
+/**
+ * Update app info with new config
+ */
+export const updateAppInfoConfig = async (
+  config: AboutConfig,
+  repository: AboutRepository,
+  isMountedRef: MutableRefObject<boolean>,
+  setAppInfo: (info: AppInfo | null) => void,
+  setError: (error: string | null) => void,
+  setLoading: (loading: boolean) => void
+): Promise<void> => {
+  if (!isMountedRef.current) {
+    return;
+  }
+
+  setLoading(true);
+  setError(null);
+
+  try {
+    const updatedAppInfo = createDefaultAppInfo(config);
+    await repository.saveAppInfo(updatedAppInfo);
+
+    if (isMountedRef.current) {
+      setAppInfo(updatedAppInfo);
+    }
+  } catch (err) {
+    setError(err instanceof Error ? err.message : 'Unknown error');
+  } finally {
+    setLoading(false);
+  }
+};
+
+/**
+ * Update app info with partial updates
+ */
+export const updateAppInfoPartial = async (
+  updates: Partial<AppInfo>,
+  repository: AboutRepository,
+  isMountedRef: MutableRefObject<boolean>,
+  setAppInfo: (info: AppInfo | null) => void,
+  setError: (error: string | null) => void,
+  setLoading: (loading: boolean) => void
+): Promise<void> => {
+  if (!isMountedRef.current) {
+    return;
+  }
+
+  setLoading(true);
+  setError(null);
+
+  try {
+    const updatedInfo = await repository.updateAppInfo(updates);
+
+    if (isMountedRef.current) {
+      setAppInfo(updatedInfo);
+    }
+  } catch (err) {
+    setError(err instanceof Error ? err.message : 'Unknown error');
+  } finally {
+    setLoading(false);
+  }
+};
+
+/**
+ * Refresh app info from repository
+ */
+export const refreshAppInfo = async (
+  repository: AboutRepository,
+  isMountedRef: MutableRefObject<boolean>,
+  setAppInfo: (info: AppInfo | null) => void,
+  setError: (error: string | null) => void,
+  setLoading: (loading: boolean) => void
+): Promise<void> => {
+  if (!isMountedRef.current) {
+    return;
+  }
+
+  setLoading(true);
+  setError(null);
+
+  try {
+    const refreshedInfo = await repository.getAppInfo();
+
+    if (isMountedRef.current) {
+      setAppInfo(refreshedInfo);
+    }
+  } catch (err) {
+    setError(err instanceof Error ? err.message : 'Unknown error');
+  } finally {
+    setLoading(false);
+  }
+};

package/src/domains/about/utils/AppInfoFactory.ts

@@ -0,0 +1,19 @@
+/**
+ * AppInfo Factory Utility
+ * Creates AppInfo objects from AboutConfig
+ */
+import { AppInfo, AboutConfig } from '../domain/entities/AppInfo';
+
+/**
+ * Creates a default AppInfo object from AboutConfig
+ */
+export const createDefaultAppInfo = (config: AboutConfig): AppInfo => ({
+  name: config.appInfo?.name || '',
+  version: config.appInfo?.version || '1.0.0',
+  description: config.appInfo?.description,
+  developer: config.appInfo?.developer,
+  contactEmail: config.appInfo?.contactEmail,
+  websiteUrl: config.appInfo?.websiteUrl,
+  websiteDisplay: config.appInfo?.websiteDisplay,
+  moreAppsUrl: config.appInfo?.moreAppsUrl,
+});

package/src/domains/about/utils/index.ts

@@ -3,6 +3,8 @@
  * General purpose utilities for all applications
  */
 
+export { createDefaultAppInfo } from './AppInfoFactory';
+
 /**
  * Create default configuration with overrides
  */

package/src/domains/legal/index.ts

@@ -6,3 +6,4 @@
 export * from './presentation/screens/LegalScreen';
 export * from './presentation/screens/PrivacyPolicyScreen';
 export * from './presentation/screens/TermsOfServiceScreen';
+export { LegalContentScreen } from './presentation/screens/LegalContentScreen';

package/src/domains/legal/presentation/screens/LegalContentScreen.tsx

@@ -0,0 +1,140 @@
+/**
+ * Base Legal Content Screen Component
+ * Shared logic for legal document screens
+ */
+import React from "react";
+import { View, ScrollView, StyleSheet } from "react-native";
+import { useSafeAreaInsets } from "react-native-safe-area-context";
+import { useAppDesignTokens } from "@umituz/react-native-design-system";
+import { AtomicText, AtomicButton } from "@umituz/react-native-design-system";
+import { UrlHandlerService } from "../../domain/services/UrlHandlerService";
+import { ContentValidationService } from "../../domain/services/ContentValidationService";
+import { StyleCacheService } from "../../domain/services/StyleCacheService";
+
+export interface LegalContentScreenProps {
+  content?: string;
+  url?: string;
+  title: string;
+  viewOnlineText?: string;
+  openText?: string;
+  onUrlPress?: () => void;
+  testID?: string;
+  styleCacheKey: string;
+  createStyles: (tokens: any) => ReturnType<typeof StyleSheet.create>;
+}
+
+export const LegalContentScreen: React.FC<LegalContentScreenProps> = React.memo(({
+  content,
+  url,
+  title,
+  viewOnlineText,
+  openText,
+  onUrlPress,
+  testID,
+  styleCacheKey,
+  createStyles,
+}) => {
+  const tokens = useAppDesignTokens();
+  const insets = useSafeAreaInsets();
+
+  React.useEffect(() => {
+    ContentValidationService.validateScreenContent(
+      content,
+      url,
+      title,
+      viewOnlineText,
+      openText,
+      styleCacheKey
+    );
+  }, [content, url, title, viewOnlineText, openText, styleCacheKey]);
+
+  const styles = React.useMemo(() => {
+    const cacheKey = StyleCacheService.createTokenCacheKey(tokens);
+    return StyleCacheService.getCachedStyles(
+      styleCacheKey,
+      cacheKey,
+      () => createStyles(tokens)
+    );
+  }, [tokens, styleCacheKey, createStyles]);
+
+  const handleUrlPress = React.useCallback(async () => {
+    if (onUrlPress) {
+      onUrlPress();
+    } else if (url) {
+      try {
+        await UrlHandlerService.openUrl(url);
+      } catch {
+        // Silent error handling
+      }
+    }
+  }, [onUrlPress, url]);
+
+  const containerStyle = React.useMemo(() => [
+    styles.container,
+    {
+      backgroundColor: tokens.colors.backgroundPrimary,
+      paddingTop: insets.top,
+    },
+  ], [styles.container, tokens.colors.backgroundPrimary, insets.top]);
+
+  const showContent = React.useMemo(() => !!(content), [content]);
+  const showUrlSection = React.useMemo(() =>
+    ContentValidationService.shouldShowUrlSection(url, onUrlPress),
+    [url, onUrlPress]
+  );
+
+  const contentSection = React.useMemo(() => {
+    if (showContent) {
+      return (
+        <AtomicText type="bodyMedium" color="onSurface" style={styles.text}>
+          {content}
+        </AtomicText>
+      );
+    }
+
+    if (showUrlSection) {
+      return (
+        <View style={styles.urlContainer}>
+          <AtomicText
+            type="bodyMedium"
+            color="secondary"
+            style={styles.urlText}
+          >
+            {viewOnlineText}
+          </AtomicText>
+          <AtomicButton
+            variant="primary"
+            onPress={handleUrlPress}
+            fullWidth
+            style={styles.urlButton}
+          >
+            {openText}
+          </AtomicButton>
+        </View>
+      );
+    }
+
+    return null;
+  }, [showContent, showUrlSection, styles, content, viewOnlineText, openText, handleUrlPress]);
+
+  return (
+    <View style={containerStyle} testID={testID}>
+      <ScrollView
+        contentContainerStyle={styles.scrollContent}
+        showsVerticalScrollIndicator={false}
+      >
+        <View style={styles.content}>
+          <AtomicText
+            type="headlineLarge"
+            color="primary"
+            style={styles.title}
+          >
+            {title}
+          </AtomicText>
+
+          {contentSection}
+        </View>
+      </ScrollView>
+    </View>
+  );
+});

package/src/domains/legal/presentation/screens/PrivacyPolicyScreen.tsx

@@ -2,46 +2,17 @@
  * Privacy Policy Screen Component
  * Display Privacy Policy content
  */
-
 import React from "react";
-import { View, ScrollView, StyleSheet } from "react-native";
-import { useSafeAreaInsets } from "react-native-safe-area-context";
-import { useAppDesignTokens } from "@umituz/react-native-design-system";
-import { AtomicText, AtomicButton } from "@umituz/react-native-design-system";
-import { UrlHandlerService } from "../../domain/services/UrlHandlerService";
-import { ContentValidationService } from "../../domain/services/ContentValidationService";
-import { StyleCacheService } from "../../domain/services/StyleCacheService";
+import { StyleSheet } from "react-native";
+import { LegalContentScreen } from "./LegalContentScreen";
 
 export interface PrivacyPolicyScreenProps {
-  /**
-   * Privacy Policy content (HTML or plain text)
-   * Either content or url must be provided
-   */
   content?: string;
-  /**
-   * Privacy Policy URL (if content is not provided, will open URL)
-   * Either content or url must be provided
-   */
   url?: string;
-  /**
-   * Custom title
-   */
   title: string;
-  /**
-   * Text for viewing online button (required when url is provided)
-   */
   viewOnlineText?: string;
-  /**
-   * Text for open button (required when url is provided)
-   */
   openText?: string;
-  /**
-   * Callback when URL is pressed (if content is not provided)
-   */
   onUrlPress?: () => void;
-  /**
-   * Test ID for E2E testing
-   */
   testID?: string;
 }
 
@@ -54,119 +25,7 @@ export const PrivacyPolicyScreen: React.FC<PrivacyPolicyScreenProps> = React.mem
   onUrlPress,
   testID = "privacy-policy-screen",
 }) => {
-  const tokens = useAppDesignTokens();
-  const insets = useSafeAreaInsets();
-  
-  // Validate required props
-  React.useEffect(() => {
-    ContentValidationService.validateScreenContent(
-      content,
-      url,
-      title,
-      viewOnlineText,
-      openText,
-      'PrivacyPolicyScreen'
-    );
-  }, [content, url, title, viewOnlineText, openText]);
-  
-  // Use cached styles
-  const styles = React.useMemo(() => {
-    const cacheKey = StyleCacheService.createTokenCacheKey(tokens);
-    return StyleCacheService.getCachedStyles(
-      'PrivacyPolicyScreen',
-      cacheKey,
-      () => createPrivacyPolicyStyles(tokens)
-    );
-  }, [tokens]);
-
-  // Memoize URL press handler to prevent child re-renders
-  const handleUrlPress = React.useCallback(async () => {
-    if (onUrlPress) {
-      onUrlPress();
-    } else if (url) {
-      try {
-        await UrlHandlerService.openUrl(url);
-      } catch {
-        // Silent error handling
-      }
-    }
-  }, [onUrlPress, url]);
-
-  // Memoize container style to prevent object creation
-  const containerStyle = React.useMemo(() => [
-    styles.container,
-    {
-      backgroundColor: tokens.colors.backgroundPrimary,
-      paddingTop: insets.top,
-    },
-  ], [styles.container, tokens.colors.backgroundPrimary, insets.top]);
-
-  // Memoize conditional rendering
-  const showContent = React.useMemo(() => !!(content), [content]);
-  const showUrlSection = React.useMemo(() => 
-    ContentValidationService.shouldShowUrlSection(url, onUrlPress), 
-    [url, onUrlPress]
-  );
-
-  // Memoize content section
-  const contentSection = React.useMemo(() => {
-    if (showContent) {
-      return (
-        <AtomicText type="bodyMedium" color="onSurface" style={styles.text}>
-          {content}
-        </AtomicText>
-      );
-    }
-
-    if (showUrlSection) {
-      return (
-        <View style={styles.urlContainer}>
-          <AtomicText
-            type="bodyMedium"
-            color="secondary"
-            style={styles.urlText}
-          >
-            {viewOnlineText}
-          </AtomicText>
-          <AtomicButton
-            variant="primary"
-            onPress={handleUrlPress}
-            fullWidth
-            style={styles.urlButton}
-          >
-            {openText}
-          </AtomicButton>
-        </View>
-      );
-    }
-
-    return null;
-  }, [showContent, showUrlSection, styles.text, styles.urlContainer, styles.urlText, styles.urlButton, content, viewOnlineText, openText, handleUrlPress]);
-
-  return (
-    <View style={containerStyle} testID={testID}>
-      <ScrollView
-        contentContainerStyle={styles.scrollContent}
-        showsVerticalScrollIndicator={false}
-      >
-        <View style={styles.content}>
-          <AtomicText
-            type="headlineLarge"
-            color="primary"
-            style={styles.title}
-          >
-            {title}
-          </AtomicText>
-
-          {contentSection}
-        </View>
-      </ScrollView>
-    </View>
-  );
-});
-
-const createPrivacyPolicyStyles = (tokens: any) => {
-  return StyleSheet.create({
+  const createStyles = (tokens: any) => StyleSheet.create({
     container: {
       flex: 1,
     },
@@ -197,15 +56,18 @@ const createPrivacyPolicyStyles = (tokens: any) => {
       marginTop: 8,
     },
   });
-};
-
-
-
-
-
-
-
-
-
-
 
+  return (
+    <LegalContentScreen
+      content={content}
+      url={url}
+      title={title}
+      viewOnlineText={viewOnlineText}
+      openText={openText}
+      onUrlPress={onUrlPress}
+      testID={testID}
+      styleCacheKey="PrivacyPolicyScreen"
+      createStyles={createStyles}
+    />
+  );
+});