@umituz/react-native-settings 5.2.34 → 5.2.36

package/src/infrastructure/utils/styles/componentStyles.ts

@@ -1,90 +0,0 @@
-/**
- * Component Style Utilities
- * Reusable component styling patterns
- */
-
-import type { ViewStyle, TextStyle } from 'react-native';
-import type { DesignTokens } from '@umituz/react-native-design-system';
-
-/**
- * Creates a header style
- */
-export const createHeaderStyle = (tokens: DesignTokens, overrides: ViewStyle = {}): ViewStyle => ({
-  paddingHorizontal: tokens.spacing.lg,
-  paddingVertical: tokens.spacing.md,
-  ...overrides,
-});
-
-/**
- * Creates a section style
- */
-export const createSectionStyle = (tokens: DesignTokens, overrides: ViewStyle = {}): ViewStyle => ({
-  padding: tokens.spacing.lg,
-  ...overrides,
-});
-
-/**
- * Creates a card style
- */
-export const createCardStyle = (tokens: DesignTokens, overrides: ViewStyle = {}): ViewStyle => ({
-  backgroundColor: tokens.colors.surface,
-  borderRadius: tokens.borders.radius.md,
-  padding: tokens.spacing.lg,
-  ...overrides,
-});
-
-/**
- * Creates a button style
- */
-export const createButtonStyle = (tokens: DesignTokens, overrides: ViewStyle = {}): ViewStyle => ({
-  backgroundColor: tokens.colors.primary,
-  borderRadius: tokens.borders.radius.md,
-  paddingVertical: tokens.spacing.md,
-  paddingHorizontal: tokens.spacing.lg,
-  ...overrides,
-});
-
-/**
- * Creates an icon container style
- */
-export const createIconContainerStyle = (
-  size: number = 48,
-  tokens: DesignTokens,
-  overrides: ViewStyle = {}
-): ViewStyle => ({
-  width: size,
-  height: size,
-  borderRadius: size / 2,
-  justifyContent: 'center',
-  alignItems: 'center',
-  backgroundColor: tokens.colors.surfaceSecondary,
-  ...overrides,
-});
-
-/**
- * Creates a separator/border style
- */
-export const createSeparatorStyle = (tokens: DesignTokens, overrides: ViewStyle = {}): ViewStyle => ({
-  height: 1,
-  backgroundColor: tokens.colors.border,
-  ...overrides,
-});
-
-/**
- * Creates a title text style
- */
-export const createTitleStyle = (tokens: DesignTokens, overrides: TextStyle = {}): TextStyle => ({
-  fontSize: tokens.typography.headlineMedium.responsiveFontSize,
-  fontWeight: '600',
-  color: tokens.colors.textPrimary,
-  ...overrides,
-});
-
-/**
- * Creates a subtitle text style
- */
-export const createSubtitleStyle = (tokens: DesignTokens, overrides: TextStyle = {}): TextStyle => ({
-  fontSize: tokens.typography.bodyMedium.responsiveFontSize,
-  color: tokens.colors.textSecondary,
-  ...overrides,
-});

package/src/infrastructure/utils/styles/index.ts

@@ -1,9 +0,0 @@
-/**
- * Style Utilities - Index
- * Centralized exports for all style utilities
- */
-
-export * from './layoutStyles';
-export * from './componentStyles';
-export * from './spacingStyles';
-export * from './styleHelpers';

package/src/infrastructure/utils/styles/layoutStyles.ts

@@ -1,56 +0,0 @@
-/**
- * Layout Style Utilities
- * Common layout patterns
- */
-
-import type { ViewStyle } from 'react-native';
-import type { DesignTokens } from '@umituz/react-native-design-system';
-
-/**
- * Creates a container style with flex 1
- */
-export const createContainerStyle = (overrides: ViewStyle = {}): ViewStyle => ({
-  flex: 1,
-  ...overrides,
-});
-
-/**
- * Creates a centered container style
- */
-export const createCenteredContainerStyle = (overrides: ViewStyle = {}): ViewStyle => ({
-  flex: 1,
-  justifyContent: 'center',
-  alignItems: 'center',
-  ...overrides,
-});
-
-/**
- * Creates a row style for horizontal layouts
- */
-export const createRowStyle = (overrides: ViewStyle = {}): ViewStyle => ({
-  flexDirection: 'row',
-  alignItems: 'center',
-  ...overrides,
-});
-
-/**
- * Creates a scroll content style
- */
-export const createScrollContentStyle = (tokens: DesignTokens, overrides: ViewStyle = {}): ViewStyle => ({
-  padding: tokens.spacing.lg,
-  ...overrides,
-});
-
-/**
- * Creates a safe area aware style
- */
-export const createSafeAreaStyle = (
-  insets: { top?: number; bottom?: number; left?: number; right?: number },
-  overrides: ViewStyle = {}
-): ViewStyle => ({
-  paddingTop: insets.top,
-  paddingBottom: insets.bottom,
-  paddingLeft: insets.left,
-  paddingRight: insets.right,
-  ...overrides,
-});

package/src/infrastructure/utils/styles/spacingStyles.ts

@@ -1,33 +0,0 @@
-/**
- * Spacing Style Utilities
- * Margin and padding helpers
- */
-
-import type { ViewStyle } from 'react-native';
-import type { DesignTokens } from '@umituz/react-native-design-system';
-
-type SpacingSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-
-/**
- * Creates a margin utility style
- */
-export const createMarginStyle = (
-  spacing: SpacingSize,
-  tokens: DesignTokens,
-  overrides: ViewStyle = {}
-): ViewStyle => ({
-  margin: tokens.spacing[spacing],
-  ...overrides,
-});
-
-/**
- * Creates a padding utility style
- */
-export const createPaddingStyle = (
-  spacing: SpacingSize,
-  tokens: DesignTokens,
-  overrides: ViewStyle = {}
-): ViewStyle => ({
-  padding: tokens.spacing[spacing],
-  ...overrides,
-});

package/src/infrastructure/utils/styles/styleHelpers.ts

@@ -1,22 +0,0 @@
-/**
- * Style Helper Utilities
- * Generic style manipulation functions
- */
-
-import { StyleSheet, ViewStyle, TextStyle, ImageStyle } from 'react-native';
-
-/**
- * Combines multiple styles into one
- */
-export const combineStyles = (
-  ...styles: (ViewStyle | TextStyle | ImageStyle | undefined | false | null)[]
-): ViewStyle | TextStyle | ImageStyle => {
-  return StyleSheet.flatten(styles.filter(Boolean));
-};
-
-/**
- * Type guard for ViewStyle
- */
-export const isViewStyle = (style: unknown): style is ViewStyle => {
-  return typeof style === 'object' && style !== null;
-};

package/src/infrastructure/utils/translationHelpers.ts

@@ -1,81 +0,0 @@
-/**
- * Translation Helper Utilities
- *
- * Provides safe translation utilities that handle cases where
- * the translation function might not be available yet.
- */
-
-export type TranslationFunction = (key: string, params?: Record<string, string | number>) => string;
-
-/**
- * Safely get a translation with fallback
- * @param t Translation function
- * @param key Translation key
- * @param fallback Fallback text if translation fails
- * @returns Translated text or fallback
- */
-export function getTranslationWithFallback(
-  t: TranslationFunction | unknown,
-  key: string,
-  fallback: string
-): string {
-  if (typeof t === "function") {
-    try {
-      return t(key);
-    } catch {
-      return fallback;
-    }
-  }
-  return fallback;
-}
-
-/**
- * Get translation with parameters support
- * @param t Translation function
- * @param key Translation key
- * @param params Parameters for translation
- * @param fallback Fallback text if translation fails
- * @returns Translated text or fallback
- */
-export function getTranslationWithParams(
-  t: TranslationFunction | unknown,
-  key: string,
-  params: Record<string, string | number>,
-  fallback: string
-): string {
-  if (typeof t === "function") {
-    try {
-      return t(key, params);
-    } catch {
-      return fallback;
-    }
-  }
-  return fallback;
-}
-
-/**
- * Check if translation function is available
- * @param t Translation function to check
- * @returns true if translation function is available
- */
-export function isTranslationFunctionAvailable(t: unknown): t is TranslationFunction {
-  return typeof t === "function";
-}
-
-/**
- * Create a safe translation wrapper that always returns a string
- * @param t Translation function
- * @returns Safe translation function
- */
-export function createSafeTranslator(t: TranslationFunction | unknown): TranslationFunction {
-  return (key: string, params?: Record<string, string | number>) => {
-    if (isTranslationFunctionAvailable(t)) {
-      try {
-        return t(key, params);
-      } catch {
-        return key;
-      }
-    }
-    return key;
-  };
-}

package/src/infrastructure/utils/validation/numericValidators.ts

@@ -1,66 +0,0 @@
-/**
- * Numeric Validators
- * Validation functions for numeric inputs
- */
-
-import type { ValidationResult } from "./core";
-
-/**
- * Validates a rating value (1-5)
- */
-export const validateRating = (rating: number): ValidationResult => {
-  if (rating < 1 || rating > 5) {
-    return { isValid: false, error: "Rating must be between 1 and 5" };
-  }
-  return { isValid: true };
-};
-
-/**
- * Validates a number is within a range
- */
-export const validateRange = (
-  value: number,
-  min: number,
-  max: number,
-  fieldName?: string
-): ValidationResult => {
-  if (value < min || value > max) {
-    return {
-      isValid: false,
-      error: `${fieldName || "Value"} must be between ${min} and ${max}`,
-    };
-  }
-  return { isValid: true };
-};
-
-/**
- * Validates a positive number
- */
-export const validatePositiveNumber = (
-  value: number,
-  fieldName?: string
-): ValidationResult => {
-  if (value <= 0) {
-    return {
-      isValid: false,
-      error: `${fieldName || "Value"} must be greater than 0`,
-    };
-  }
-  return { isValid: true };
-};
-
-/**
- * Validates a non-negative number
- */
-export const validateNonNegativeNumber = (
-  value: number,
-  fieldName?: string
-): ValidationResult => {
-  if (value < 0) {
-    return {
-      isValid: false,
-      error: `${fieldName || "Value"} must be 0 or greater`,
-    };
-  }
-  return { isValid: true };
-};

package/src/infrastructure/utils/validation/passwordValidator.ts

@@ -1,53 +0,0 @@
-/**
- * Password Validator
- * Password-specific validation logic
- */
-
-import type { ValidationResult, PasswordValidationOptions } from "./core";
-
-/**
- * Validates a password
- */
-export const validatePassword = (
-  password: string,
-  options: PasswordValidationOptions = {}
-): ValidationResult => {
-  const {
-    minLength = 8,
-    requireUppercase = false,
-    requireLowercase = false,
-    requireNumber = false,
-    requireSpecialChar = false,
-  } = options;
-
-  const errors: string[] = [];
-
-  if (password.length < minLength) {
-    errors.push(`at least ${minLength} characters`);
-  }
-
-  if (requireUppercase && !/[A-Z]/.test(password)) {
-    errors.push("one uppercase letter");
-  }
-
-  if (requireLowercase && !/[a-z]/.test(password)) {
-    errors.push("one lowercase letter");
-  }
-
-  if (requireNumber && !/\d/.test(password)) {
-    errors.push("one number");
-  }
-
-  if (requireSpecialChar && !/[!@#$%^&*()_+\-=\[\]{};':"\\|,.<>\/?]/.test(password)) {
-    errors.push("one special character");
-  }
-
-  if (errors.length > 0) {
-    return {
-      isValid: false,
-      error: `Password must contain ${errors.join(", ")}`,
-    };
-  }
-
-  return { isValid: true };
-};

package/src/infrastructure/utils/validation/textValidators.ts

@@ -1,118 +0,0 @@
-/**
- * Text Validators
- * Validation functions for text-based inputs
- */
-
-import type { ValidationResult, TextValidationOptions } from "./core";
-
-/**
- * Validates a text field based on provided options
- */
-export const validateTextField = (
-  value: string,
-  options: TextValidationOptions = {}
-): ValidationResult => {
-  const {
-    minLength,
-    maxLength,
-    required = false,
-    pattern,
-    customValidator,
-  } = options;
-
-  // Check required
-  if (required && !value.trim()) {
-    return { isValid: false, error: "This field is required" };
-  }
-
-  // Skip other validations if empty and not required
-  if (!value.trim() && !required) {
-    return { isValid: true };
-  }
-
-  // Check min length
-  if (minLength && value.length < minLength) {
-    return { isValid: false, error: `Minimum length is ${minLength} characters` };
-  }
-
-  // Check max length
-  if (maxLength && value.length > maxLength) {
-    return { isValid: false, error: `Maximum length is ${maxLength} characters` };
-  }
-
-  // Check pattern
-  if (pattern && !pattern.test(value)) {
-    return { isValid: false, error: "Invalid format" };
-  }
-
-  // Custom validator
-  if (customValidator) {
-    const customError = customValidator(value);
-    if (customError) {
-      return { isValid: false, error: customError };
-    }
-  }
-
-  return { isValid: true };
-};
-
-/**
- * Validates an email address
- */
-export const validateEmail = (
-  email: string,
-  options: { required?: boolean; allowEmpty?: boolean } = {}
-): ValidationResult => {
-  const { required = false, allowEmpty = false } = options;
-
-  // Check if empty
-  if (!email.trim()) {
-    if (required && !allowEmpty) {
-      return { isValid: false, error: "Email is required" };
-    }
-    return { isValid: true };
-  }
-
-  // Email regex pattern
-  const emailPattern = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
-  if (!emailPattern.test(email)) {
-    return { isValid: false, error: "Invalid email address" };
-  }
-
-  return { isValid: true };
-};
-
-/**
- * Validates a URL
- */
-export const validateUrl = (url: string): ValidationResult => {
-  if (!url.trim()) {
-    return { isValid: true };
-  }
-
-  try {
-    new URL(url);
-    return { isValid: true };
-  } catch {
-    return { isValid: false, error: "Invalid URL" };
-  }
-};
-
-/**
- * Validates a phone number (basic validation)
- */
-export const validatePhoneNumber = (phone: string): ValidationResult => {
-  if (!phone.trim()) {
-    return { isValid: true };
-  }
-
-  // Remove all non-digit characters
-  const digitsOnly = phone.replace(/\D/g, "");
-
-  // Check if length is reasonable (10-15 digits)
-  if (digitsOnly.length < 10 || digitsOnly.length > 15) {
-    return { isValid: false, error: "Invalid phone number" };
-  }
-
-  return { isValid: true };
-};

package/src/presentation/components/ErrorBoundary/SettingsErrorBoundary.tsx

@@ -1,105 +0,0 @@
-/**
- * Settings Error Boundary
- *
- * Generic error boundary component for Settings domains.
- * Catches JavaScript errors in child component tree and displays fallback UI.
- */
-
-import React, { Component, ReactNode } from 'react';
-import { View, Text, StyleSheet } from 'react-native';
-import { devError } from '../../../utils/devUtils';
-
-export interface SettingsErrorBoundaryProps {
-  children: ReactNode;
-  domainName: string;
-  fallback?: ReactNode;
-  onError?: (error: Error, errorInfo: React.ErrorInfo) => void;
-}
-
-export interface SettingsErrorBoundaryState {
-  hasError: boolean;
-  error: Error | null;
-}
-
-/**
- * Error Boundary for Settings domains
- *
- * @example
- * ```tsx
- * <SettingsErrorBoundary domainName="Appearance">
- *   <AppearanceSection {...props} />
- * </SettingsErrorBoundary>
- * ```
- */
-export class SettingsErrorBoundary extends Component<
-  SettingsErrorBoundaryProps,
-  SettingsErrorBoundaryState
-> {
-  constructor(props: SettingsErrorBoundaryProps) {
-    super(props);
-    this.state = { hasError: false, error: null };
-  }
-
-  static getDerivedStateFromError(error: Error): SettingsErrorBoundaryState {
-    return { hasError: true, error };
-  }
-
-  componentDidCatch(error: Error, errorInfo: React.ErrorInfo): void {
-    const { domainName, onError } = this.props;
-
-    // Log error in development
-    devError(`[${domainName}] Error caught by boundary:`, error, errorInfo);
-
-    // Call custom error handler if provided
-    onError?.(error, errorInfo);
-  }
-
-  private handleReset = (): void => {
-    this.setState({ hasError: false, error: null });
-  };
-
-  render(): ReactNode {
-    const { hasError } = this.state;
-    const { children, fallback, domainName } = this.props;
-
-    if (hasError) {
-      // Use custom fallback if provided
-      if (fallback) {
-        return fallback;
-      }
-
-      // Default fallback UI
-      return (
-        <View style={styles.container}>
-          <Text style={styles.title}>Something went wrong</Text>
-          <Text style={styles.message}>
-            {domainName} encountered an error. Please try again.
-          </Text>
-        </View>
-      );
-    }
-
-    return children;
-  }
-}
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    justifyContent: 'center',
-    alignItems: 'center',
-    padding: 16,
-  },
-  title: {
-    fontSize: 18,
-    fontWeight: '600',
-    marginBottom: 8,
-    textAlign: 'center',
-  },
-  message: {
-    fontSize: 14,
-    color: '#666',
-    textAlign: 'center',
-    marginBottom: 16,
-  },
-});

package/src/presentation/components/ErrorBoundary/index.ts

@@ -1,12 +0,0 @@
-/**
- * Error Boundary exports
- */
-
-export { SettingsErrorBoundary } from './SettingsErrorBoundary';
-export type {
-  SettingsErrorBoundaryProps,
-  SettingsErrorBoundaryState,
-} from './SettingsErrorBoundary';
-
-export { withErrorBoundary } from './withErrorBoundary';
-export type { WithErrorBoundaryOptions } from './withErrorBoundary';

package/src/presentation/components/ErrorBoundary/withErrorBoundary.tsx

@@ -1,45 +0,0 @@
-/**
- * withErrorBoundary HOC
- * Wraps screens with SettingsErrorBoundary for error handling
- */
-
-import React from 'react';
-import { SettingsErrorBoundary } from './SettingsErrorBoundary';
-
-export interface WithErrorBoundaryOptions {
-  domainName: string;
-  fallback?: React.ReactNode;
-  onError?: (error: Error, errorInfo: React.ErrorInfo) => void;
-}
-
-/**
- * Higher-Order Component to wrap screens with ErrorBoundary
- *
- * @example
- * ```tsx
- * export const AppearanceScreen = withErrorBoundary(
- *   AppearanceScreenComponent,
- *   { domainName: 'Appearance' }
- * );
- * ```
- */
-export function withErrorBoundary<P extends object>(
-  Component: React.ComponentType<P>,
-  options: WithErrorBoundaryOptions
-): React.FC<P> {
-  const WrappedComponent: React.FC<P> = (props) => {
-    return (
-      <SettingsErrorBoundary
-        domainName={options.domainName}
-        fallback={options.fallback}
-        onError={options.onError}
-      >
-        <Component {...props} />
-      </SettingsErrorBoundary>
-    );
-  };
-
-  WrappedComponent.displayName = `withErrorBoundary(${Component.displayName || Component.name || 'Component'})`;
-
-  return WrappedComponent;
-}

package/src/utils/hooks/index.ts

@@ -1,6 +0,0 @@
-/**
- * Shared React Hooks
- */
-export { useMountSafety } from './useMountSafety';
-export { useAsyncStateUpdate } from './useAsyncStateUpdate';
-export type { AsyncStateOptions, AsyncStateResult } from './useAsyncStateUpdate';