@umituz/react-native-settings 5.3.37 → 5.3.39

package/dist/presentation/utils/screenFactory.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Screen Factory Utilities
+ *
+ * Helper functions for creating stack screen configurations.
+ */
+import React from "react";
+import type { StackScreen } from "@umituz/react-native-design-system/molecules";
+import type { AdditionalScreen } from "../navigation/types";
+/**
+ * Create a screen with props
+ */
+export declare function createScreenWithProps<P>(name: string, component: React.ComponentType<P>, props: P, options?: {
+    headerShown?: boolean;
+}): StackScreen;
+/**
+ * Convert additional screen to stack screen
+ */
+export declare function convertAdditionalScreen(screen: AdditionalScreen): StackScreen;
+/**
+ * Create conditional screen
+ */
+export declare function createConditionalScreen(condition: boolean, screenFactory: () => StackScreen): StackScreen | null;
+/**
+ * Combine screens excluding null values
+ */
+export declare function combineScreens(...screens: (StackScreen | null | StackScreen[])[]): StackScreen[];

package/dist/presentation/utils/settingsConfigFactory.d.ts

@@ -0,0 +1,33 @@
+/**
+ * Settings Config Factory Utility
+ * Creates settings configuration based on feature flags
+ */
+import type { FeedbackFormData } from "./config-creators/types";
+import type { SettingsConfig } from "../screens/types";
+export interface SettingsConfigFactoryParams {
+    onFeedbackSubmit: (data: FeedbackFormData) => Promise<void>;
+    handleRatePress: () => void;
+    appStoreUrl: string;
+    isPremium: boolean;
+    features: {
+        notifications: boolean;
+        appearance: boolean;
+        language: boolean;
+        feedback: boolean;
+        rating: boolean;
+        faqs: boolean;
+        about: boolean;
+        legal: boolean;
+        gamification: boolean;
+        videoTutorial: boolean;
+        subscription: boolean;
+    };
+}
+/**
+ * Creates settings configuration based on enabled features
+ */
+export declare const createSettingsConfig: (params: SettingsConfigFactoryParams) => SettingsConfig;
+/**
+ * Hook for creating settings config with memoization
+ */
+export declare const useSettingsConfigFactory: (params: SettingsConfigFactoryParams) => SettingsConfig;

package/dist/presentation/utils/userProfileUtils.d.ts

@@ -0,0 +1,20 @@
+/**
+ * User Profile Utilities
+ *
+ * Helper functions for creating user profile configurations.
+ */
+import type { UserProfileDisplay } from "../navigation/types";
+export interface UserProfileConfig {
+    displayName?: string;
+    userId?: string;
+    isAnonymous?: boolean;
+    avatarUrl?: string;
+}
+export interface CreateUserProfileParams {
+    profileData?: UserProfileConfig;
+    onSignIn?: () => void;
+}
+/**
+ * Create user profile display configuration
+ */
+export declare function createUserProfileDisplay(params: CreateUserProfileParams): UserProfileDisplay;

package/dist/utils/appUtils.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Gets the current app version from Expo constants
+ */
+export declare function getAppVersion(): string;

package/dist/utils/devUtils.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Development Mode Utilities
+ *
+ * Provides safe, standardized helpers for development-only code.
+ * All utilities check for __DEV__ existence to prevent runtime errors.
+ */
+/**
+ * Safe development mode check
+ * Handles cases where __DEV__ is not defined
+ *
+ * @returns true if in development mode, false otherwise
+ */
+export declare const isDev: () => boolean;
+/**
+ * Log only in development mode
+ *
+ * @param args - Arguments to log
+ */
+export declare const devLog: (...args: unknown[]) => void;
+/**
+ * Warn only in development mode
+ *
+ * @param args - Arguments to warn
+ */
+export declare const devWarn: (...args: unknown[]) => void;
+/**
+ * Error only in development mode
+ *
+ * @param args - Arguments to error
+ */
+export declare const devError: (...args: unknown[]) => void;

package/dist/utils/errorUtils.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Error Utilities
+ * Centralized error message formatting and handling
+ */
+/**
+ * Format error message from unknown error type
+ * Handles Error instances, string errors, and unknown error types
+ *
+ * @param error - The error to format
+ * @returns Formatted error message string
+ *
+ * @example
+ * ```typescript
+ * try {
+ *   await riskyOperation();
+ * } catch (err) {
+ *   const message = formatErrorMessage(err);
+ *   console.error(message);
+ * }
+ * ```
+ */
+export declare const formatErrorMessage: (error: unknown) => string;

package/dist/utils/hooks/useAsyncStateUpdate.d.ts

@@ -0,0 +1,35 @@
+export interface AsyncStateOptions<T> {
+    /** Initial data value */
+    initialData?: T | null;
+    /** Callback invoked on successful operation */
+    onSuccess?: (data: T) => void;
+    /** Callback invoked on error */
+    onError?: (error: string) => void;
+}
+export interface AsyncStateResult<T> {
+    /** Current data value */
+    data: T | null;
+    /** Loading state */
+    loading: boolean;
+    /** Error message if operation failed */
+    error: string | null;
+    /** Execute an async operation with automatic state management */
+    execute: (operation: () => Promise<T>) => Promise<T | null>;
+    /** Manually set data */
+    setData: (data: T | null) => void;
+    /** Manually set error */
+    setError: (error: string | null) => void;
+}
+/**
+ * Hook for managing async operations with automatic state updates
+ *
+ * Features:
+ * - Automatic loading state management
+ * - Safe mounted state checks
+ * - Standardized error handling
+ * - Optional success/error callbacks
+ *
+ * @param options - Configuration options
+ * @returns Async state result with execute function
+ */
+export declare const useAsyncStateUpdate: <T = unknown>(options?: AsyncStateOptions<T>) => AsyncStateResult<T>;

package/dist/utils/hooks/useMountSafety.d.ts

@@ -0,0 +1 @@
+export declare const useMountSafety: () => import("react").RefObject<boolean>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-settings",
-  "version": "5.3.37",
+  "version": "5.3.39",
   "description": "Complete settings hub for React Native apps - consolidated package with settings, localization, about, legal, appearance, feedback, FAQs, rating, and gamification",
   "main": "./src/index.ts",
   "types": "./dist/index.d.ts",

package/src/domains/feedback/presentation/components/FeedbackForm.styles.ts

@@ -15,37 +15,51 @@ export const getFeedbackFormStyles = (_tokens: ReturnType<typeof useAppDesignTok
     typeButton: {
         flexDirection: "row",
         alignItems: "center",
-        paddingHorizontal: 16,
-        paddingVertical: 8,
-        borderRadius: 20,
-        borderWidth: 1,
-        gap: 6,
+        paddingHorizontal: 20,
+        paddingVertical: 10,
+        borderRadius: 24,
+        borderWidth: 1.5,
+        marginRight: 10,
     },
     ratingContainer: {
         alignItems: "center",
-        marginBottom: 24,
+        marginVertical: 32,
+        paddingVertical: 16,
+        backgroundColor: "rgba(255,255,255,0.02)",
+        borderRadius: 16,
+    },
+    ratingLabel: {
+        fontSize: 12,
+        fontWeight: "900",
+        letterSpacing: 1,
+        marginBottom: 16,
+        textTransform: "uppercase",
     },
     stars: {
         flexDirection: "row",
-        gap: 8,
+        gap: 12,
     },
     starButton: {
         padding: 4,
     },
     inputContainer: {
-        marginBottom: 24,
+        marginBottom: 32,
     },
     textArea: {
         textAlignVertical: "top",
-        minHeight: 120,
-        borderWidth: 1,
-        borderRadius: 8,
-        padding: 12,
+        minHeight: 140,
+        borderWidth: 1.5,
+        borderRadius: 16,
+        padding: 16,
+        fontSize: 15,
     },
     errorText: {
         marginTop: 8,
+        fontWeight: "600",
     },
     submitButton: {
         width: "100%",
+        height: 56,
+        borderRadius: 16,
     },
 });

package/src/domains/feedback/presentation/components/FeedbackForm.tsx

@@ -67,7 +67,7 @@ const FeedbackRatingSection: React.FC<FeedbackRatingSectionProps> = ({
     tokens,
 }) => (
     <View style={styles.ratingContainer}>
-        <AtomicText type="bodyMedium" style={{ marginBottom: 8, color: tokens.colors.textSecondary }}>
+        <AtomicText style={[styles.ratingLabel, { color: tokens.colors.textSecondary }]}>
             {ratingLabel}
         </AtomicText>
         <View style={styles.stars}>