@umituz/react-native-ai-generation-content 1.61.37 → 1.61.38

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-ai-generation-content",
-  "version": "1.61.37",
+  "version": "1.61.38",
   "description": "Provider-agnostic AI generation orchestration for React Native with result preview components",
   "main": "src/index.ts",
   "types": "src/index.ts",
@@ -65,12 +65,14 @@
     "@tanstack/react-query": "^5.66.7",
     "@tanstack/react-query-persist-client": "^5.66.7",
     "@types/react": "~19.1.10",
-    "@typescript-eslint/eslint-plugin": "^8.0.0",
-    "@typescript-eslint/parser": "^8.0.0",
+    "@typescript-eslint/eslint-plugin": "^8.54.0",
+    "@typescript-eslint/parser": "^8.54.0",
     "@umituz/react-native-design-system": "^4.23.42",
     "@umituz/react-native-firebase": "^1.13.87",
     "@umituz/react-native-subscription": "^2.27.23",
-    "eslint": "^9.0.0",
+    "eslint": "^9.39.2",
+    "eslint-plugin-react": "^7.37.5",
+    "eslint-plugin-react-hooks": "^7.0.1",
     "expo-apple-authentication": "^8.0.8",
     "expo-application": "^7.0.8",
     "expo-auth-session": "^5.0.0",

package/src/domain/entities/error.types.ts

@@ -19,6 +19,7 @@ export interface AIErrorInfo {
   messageKey: string;
   originalError?: unknown;
   statusCode?: number;
+  retryable?: boolean;
 }
 
 export interface AIErrorMessages {

package/src/domain/entities/polling.types.ts

@@ -9,6 +9,7 @@ export interface PollingConfig {
   maxIntervalMs: number;
   backoffMultiplier: number;
   maxTotalTimeMs?: number;
+  maxConsecutiveErrors?: number;
 }
 
 export const DEFAULT_POLLING_CONFIG: PollingConfig = {

package/src/domains/access-control/hooks/useAIFeatureGate.ts

@@ -65,7 +65,7 @@ export function useAIFeatureGate(
   // Configure feature gate from subscription package
   const { requireFeature: requireFeatureFromPackage } = useFeatureGate({
     isAuthenticated,
-    onShowAuthModal: (cb) => showAuthModal(cb),
+    onShowAuthModal: (cb?: () => void) => showAuthModal(cb),
     hasSubscription: isPremium,
     creditBalance,
     requiredCredits: creditCost,

package/src/domains/content-moderation/infrastructure/services/moderators/text.moderator.ts

@@ -91,30 +91,6 @@ function containsPromptInjection(content: string): boolean {
   });
 }
 
-// Kept for reference but no longer used directly - using safer functions above
-const MALICIOUS_CODE_PATTERNS = [
-  /<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi,
-  /javascript:/gi,
-  /on\w+\s*=/gi,
-];
-
-const PROMPT_INJECTION_PATTERNS = [
-  /ignore\s+(all\s+)?(previous|prior|above)\s+(instructions?|prompts?|rules?)/gi,
-  /disregard\s+(all\s+)?(previous|prior|above)\s+(instructions?|prompts?)/gi,
-  /forget\s+(all\s+)?(previous|prior|your)\s+(instructions?|prompts?|rules?)/gi,
-  /you\s+are\s+now\s+(a|an)\s+/gi,
-  /act\s+as\s+(if|though)\s+you/gi,
-  /pretend\s+(you\s+are|to\s+be)/gi,
-  /bypass\s+(your\s+)?(safety|content|moderation)/gi,
-  /override\s+(your\s+)?(restrictions?|limitations?|rules?)/gi,
-  /jailbreak/gi,
-  /DAN\s*mode/gi,
-  /developer\s+mode\s+(enabled|on|activated)/gi,
-  /system\s*:\s*/gi,
-  /\[system\]/gi,
-  /<<\s*sys\s*>>/gi,
-];
-
 class TextModerator extends BaseModerator {
   private maxLength = DEFAULT_MAX_TEXT_LENGTH;
 

package/src/domains/creations/domain/types/creation-filter.ts

@@ -4,6 +4,7 @@
  */
 
 import type { CreationTypeId, CreationStatus, CreationCategory } from "./creation-types";
+import { getCategoryForCreation } from "./creation-categories";
 
 /**
  * Filter options for querying creations
@@ -118,7 +119,6 @@ export function calculateCreationStats(
   }
 
   // Calculate category counts based on OUTPUT content (most reliable)
-  const { getCategoryForCreation } = require("./creation-categories");
   for (const creation of creations) {
     const category = getCategoryForCreation(creation) as Exclude<CreationCategory, "all">;
     stats.byCategory[category]++;

package/src/domains/creations/infrastructure/repositories/CreationsFetcher.ts

@@ -52,7 +52,7 @@ export class CreationsFetcher {
             });
 
             // Filter out soft-deleted creations
-            return allCreations.filter((creation) => !creation.deletedAt);
+            return allCreations.filter((creation: Creation) => !creation.deletedAt);
         } catch (error) {
             if (__DEV__) {
 
@@ -132,7 +132,7 @@ export class CreationsFetcher {
                     return creation;
                 });
 
-                const filtered = allCreations.filter((c) => !c.deletedAt);
+                const filtered = allCreations.filter((c: Creation) => !c.deletedAt);
 
                 if (__DEV__) {
                     console.log("[CreationsFetcher] Realtime update:", filtered.length);
@@ -140,7 +140,7 @@ export class CreationsFetcher {
 
                 onData(filtered);
             },
-            (error) => {
+            (error: Error) => {
                 if (__DEV__) {
                     console.error("[CreationsFetcher] subscribeToAll() ERROR", error);
                 }

package/src/domains/creations/infrastructure/repositories/CreationsRepository.ts

@@ -43,22 +43,17 @@ export class CreationsRepository
     collectionName: string,
     options?: RepositoryOptions,
   ) {
-     
+
     if (typeof __DEV__ !== "undefined" && __DEV__) console.log("📍 [LIFECYCLE] CreationsRepository - Constructor start");
     super();
 
     const documentMapper = options?.documentMapper ?? mapDocumentToCreation;
 
-     
-    if (typeof __DEV__ !== "undefined" && __DEV__) console.log("📍 [LIFECYCLE] CreationsRepository - Getting db");
-    const db = this.getDb();
-     
-    if (typeof __DEV__ !== "undefined" && __DEV__) console.log("📍 [LIFECYCLE] CreationsRepository - db:", db ? "available" : "null");
-
-    this.pathResolver = new FirestorePathResolver(collectionName, db);
+    // Initialize with default database (will be resolved by FirestorePathResolver)
+    this.pathResolver = new FirestorePathResolver(collectionName, null);
     this.fetcher = new CreationsFetcher(this.pathResolver, documentMapper);
     this.writer = new CreationsWriter(this.pathResolver);
-     
+
     if (typeof __DEV__ !== "undefined" && __DEV__) console.log("📍 [LIFECYCLE] CreationsRepository - Constructor end");
   }
 

package/src/domains/creations/presentation/components/CreationActions.tsx

@@ -8,6 +8,7 @@ import {
   View,
   StyleSheet,
   TouchableOpacity,
+  type GestureResponderEvent,
 } from "react-native";
 import {
   useAppDesignTokens,
@@ -99,7 +100,7 @@ export function CreationActions({
             action.filled && styles.actionButtonFilled,
             action.disabled && styles.actionButtonDisabled,
           ]}
-          onPress={(e) => {
+          onPress={(e: GestureResponderEvent) => {
             e.stopPropagation();
             action.onPress();
           }}

package/src/domains/creations/presentation/components/CreationImageViewer.tsx

@@ -21,7 +21,7 @@ export const CreationImageViewer: React.FC<CreationImageViewerProps> = ({
     onDismiss,
     onIndexChange,
     onImageEdit,
-}) => {
+}: CreationImageViewerProps) => {
     const handleImageChange = useCallback(async (uri: string, idx: number) => {
         const creation = creations[idx];
         if (creation && onImageEdit) {

package/src/domains/creations/presentation/components/CreationRating.tsx

@@ -16,7 +16,7 @@ export const CreationRating: React.FC<CreationRatingProps> = ({
   size = 32,
   onRate,
   readonly = false,
-}) => {
+}: CreationRatingProps) => {
   const tokens = useAppDesignTokens();
 
   return (

package/src/domains/creations/presentation/components/CreationsGrid.tsx

@@ -101,7 +101,7 @@ export function CreationsGrid<T extends CreationCardData>({
     <FlatList
       data={creations}
       renderItem={renderItem}
-      keyExtractor={(item) => item.id}
+      keyExtractor={(item: T) => item.id}
       ListHeaderComponent={ListHeaderComponent}
       ListEmptyComponent={ListEmptyComponent}
       contentContainerStyle={[

package/src/domains/creations/presentation/components/CreationsHomeCard.tsx

@@ -165,7 +165,7 @@ export function CreationsHomeCard({
       <FlatList
         data={displayItems}
         renderItem={renderItem}
-        keyExtractor={(item) => item.id}
+        keyExtractor={(item: Creation) => item.id}
         horizontal
         showsHorizontalScrollIndicator={false}
         contentContainerStyle={styles.thumbnailList}

package/src/domains/creations/presentation/components/FilterSheets.tsx

@@ -27,7 +27,7 @@ export const StatusFilterSheet: React.FC<FilterSheetConfig> = ({
   onClear,
   title,
   clearLabel
-}) => (
+}: FilterSheetConfig) => (
   <FilterSheet
     visible={visible}
     onClose={onClose}
@@ -49,7 +49,7 @@ export const MediaFilterSheet: React.FC<FilterSheetConfig> = ({
   onClear,
   title,
   clearLabel
-}) => (
+}: FilterSheetConfig) => (
   <FilterSheet
     visible={visible}
     onClose={onClose}

package/src/domains/creations/presentation/components/GalleryEmptyStates.tsx

@@ -76,7 +76,7 @@ export function GalleryEmptyStates({
     if (isLoading && (!creations || creations?.length === 0)) {
         return (
             <View style={styles.skeletonContainer}>
-                {[1, 2, 3].map((i) => (
+                {[1, 2, 3].map((i: number) => (
                     <CreationCardSkeleton key={i} tokens={tokens} />
                 ))}
             </View>

package/src/domains/creations/presentation/components/GalleryHeader.tsx

@@ -28,7 +28,7 @@ export const GalleryHeader: React.FC<GalleryHeaderProps> = ({
   filterButtons = [],
   showFilter = true,
   style,
-}) => {
+}: GalleryHeaderProps) => {
   const tokens = useAppDesignTokens();
   const styles = useStyles(tokens);
 
@@ -44,7 +44,7 @@ export const GalleryHeader: React.FC<GalleryHeaderProps> = ({
       </View>
       {showFilter && filterButtons.length > 0 && (
         <View style={styles.filterRow}>
-          {filterButtons.map((btn) => (
+          {filterButtons.map((btn: FilterButtonConfig) => (
             <TouchableOpacity
               key={btn.id}
               onPress={() => {

package/src/domains/creations/presentation/hooks/useCreationsFilter.ts

@@ -27,7 +27,7 @@ export function useCreationsFilter({
 }: UseCreationsFilterProps): UseCreationsFilterReturn {
 
   const filtered = useMemo(() => {
-    if (!creations) return [];
+    if (!creations || creations.length === 0) return [];
 
     return creations.filter((creation) => {
       // Status filter

package/src/domains/creations/presentation/hooks/useProcessingJobsPoller.ts

@@ -8,7 +8,7 @@
 import { useEffect, useRef, useCallback, useMemo } from "react";
 import { providerRegistry } from "../../../../infrastructure/services/provider-registry.service";
 import { QUEUE_STATUS, CREATION_STATUS } from "../../../../domain/constants/queue-status.constants";
-import { GALLERY_POLL_INTERVAL_MS } from "../../../../infrastructure/constants/polling.constants";
+import { DEFAULT_POLL_INTERVAL_MS } from "../../../../infrastructure/constants/polling.constants";
 import {
   extractResultUrl,
   type FalResult,
@@ -42,16 +42,6 @@ export function useProcessingJobsPoller(
   const pollingRef = useRef<Set<string>>(new Set());
   const intervalRef = useRef<ReturnType<typeof setInterval> | null>(null);
 
-  // Find creations that need polling - use Set for O(1) lookups
-  const processingJobIds = useMemo(
-    () => new Set(
-      creations
-        .filter((c) => c.status === CREATION_STATUS.PROCESSING && c.requestId && c.model)
-        .map((c) => c.id)
-    ),
-    [creations],
-  );
-
   const processingJobs = useMemo(
     () => creations.filter(
       (c) => c.status === CREATION_STATUS.PROCESSING && c.requestId && c.model,
@@ -126,15 +116,17 @@ export function useProcessingJobsPoller(
     // Set up interval polling
     intervalRef.current = setInterval(() => {
       processingJobs.forEach((job) => void pollJob(job));
-    }, POLL_INTERVAL_MS);
+    }, DEFAULT_POLL_INTERVAL_MS);
 
     return () => {
+      // Clear polling set first to prevent new operations
+      pollingRef.current.clear();
+
+      // Then clear interval
       if (intervalRef.current) {
         clearInterval(intervalRef.current);
         intervalRef.current = null;
       }
-      // Clear polling set to prevent memory leak
-      pollingRef.current.clear();
     };
   }, [enabled, userId, processingJobs, pollJob]);
 

package/src/domains/generation/infrastructure/flow/step-builders.ts

@@ -14,7 +14,6 @@ import type {
  * Build steps from scenario configuration
  */
 export const buildStepsFromScenario = (
-  scenarioId: string,
   config: ScenarioStepConfig,
 ): DynamicStepDefinition[] => {
   const steps: DynamicStepDefinition[] = [];

package/src/domains/generation/infrastructure/flow/useFlow.ts

@@ -70,6 +70,9 @@ export const useFlow = (config: UseFlowConfig): UseFlowReturn => {
   };
 
   const store = storeRef.current;
+  if (!store) {
+    throw new Error("Flow store not initialized");
+  }
   const state = store();
   const totalSteps = config.steps.length;
 

package/src/domains/generation/wizard/presentation/hooks/generation-result.utils.ts

@@ -31,8 +31,10 @@ function checkForErrors(result: FalResult): void {
   // Check for FAL API error format: {detail: [{msg, type}]}
   if (result.detail && Array.isArray(result.detail) && result.detail.length > 0) {
     const firstError = result.detail[0];
-    const errorType = firstError?.type || "unknown";
-    const errorMsg = firstError?.msg || "Generation failed";
+    if (!firstError) return;
+
+    const errorType = firstError.type || "unknown";
+    const errorMsg = firstError.msg || "Generation failed";
 
     // Map error type to translation key
     if (errorType === "content_policy_violation") {
@@ -47,7 +49,7 @@ function checkForErrors(result: FalResult): void {
   }
 
   // Check for simple error field
-  if (result.error) {
+  if (result.error && typeof result.error === "string" && result.error.length > 0) {
     throw new Error(result.error);
   }
 }
@@ -62,25 +64,28 @@ export function extractResultUrl(result: FalResult): GenerationUrls {
   checkForErrors(result);
 
   // Video result
-  if (result.video?.url) {
+  if (result.video?.url && typeof result.video.url === "string") {
     return { videoUrl: result.video.url };
   }
 
   // Output URL (some models return direct URL)
-  if (typeof result.output === "string" && result.output.startsWith("http")) {
+  if (typeof result.output === "string" && result.output.length > 0 && result.output.startsWith("http")) {
     if (result.output.includes(".mp4") || result.output.includes("video")) {
       return { videoUrl: result.output };
     }
     return { imageUrl: result.output };
   }
 
-  // Images array (most image models)
-  if (result.images?.[0]?.url) {
-    return { imageUrl: result.images[0].url };
+  // Images array (most image models) with bounds checking
+  if (result.images && Array.isArray(result.images) && result.images.length > 0) {
+    const firstImage = result.images[0];
+    if (firstImage?.url && typeof firstImage.url === "string") {
+      return { imageUrl: firstImage.url };
+    }
   }
 
   // Single image
-  if (result.image?.url) {
+  if (result.image?.url && typeof result.image.url === "string") {
     return { imageUrl: result.image.url };
   }
 

package/src/index.ts

@@ -17,6 +17,3 @@ export * from "./exports/domains";
 
 // Features
 export * from "./exports/features";
-
-// Utils
-export { distinctBy } from "./utils/arrayUtils";

package/src/infrastructure/constants/index.ts

@@ -13,9 +13,3 @@ export * from "./content.constants";
 
 // Storage Constants
 export * from "./storage.constants";
-
-/** Video generation timeout in milliseconds (5 minutes) - @deprecated Use DEFAULT_MAX_POLL_TIME_MS instead */
-export const VIDEO_TIMEOUT_MS = 300000;
-
-/** Maximum consecutive transient errors before failing - @deprecated Use DEFAULT_MAX_CONSECUTIVE_ERRORS instead */
-export const MAX_TRANSIENT_ERRORS = 5;

package/src/infrastructure/logging/logger.ts

@@ -52,16 +52,6 @@ class Logger {
     }
   }
 
-  private formatMessage(entry: LogEntry): string {
-    const levelName = LogLevel[entry.level];
-    const timestamp = new Date(entry.timestamp).toISOString();
-    const contextStr = entry.context
-      ? ` ${JSON.stringify(entry.context)}`
-      : "";
-    const errorStr = entry.error ? ` ${entry.error.message}` : "";
-    return `[${timestamp}] [${levelName}] ${entry.message}${contextStr}${errorStr}`;
-  }
-
   debug(message: string, context?: LogContext): void {
     if (!this.shouldLog(LogLevel.DEBUG)) return;
 
@@ -182,4 +172,3 @@ export function setProductionMode(): void {
   logger.setMinLevel(LogLevel.WARN);
 }
 
-export type { LogEntry, LogContext };

package/src/infrastructure/services/job-poller.service.ts

@@ -28,9 +28,10 @@ export async function pollJob<T = unknown>(
   } = options;
 
   const pollingConfig = { ...DEFAULT_POLLING_CONFIG, ...config };
-  const { maxAttempts, maxTotalTimeMs } = pollingConfig;
+  const { maxAttempts, maxTotalTimeMs, maxConsecutiveErrors } = pollingConfig;
 
   const startTime = Date.now();
+  let consecutiveTransientErrors = 0;
 
   for (let attempt = 0; attempt < maxAttempts; attempt++) {
     // Check total time limit
@@ -97,13 +98,21 @@ export async function pollJob<T = unknown>(
           elapsedMs: Date.now() - startTime,
         };
       }
-    } catch (error) {
-      return {
-        success: false,
-        error: error instanceof Error ? error : new Error(String(error)),
-        attempts: attempt + 1,
-        elapsedMs: Date.now() - startTime,
-      };
+    } catch {
+      consecutiveTransientErrors++;
+
+      // Check if we've hit max consecutive transient errors
+      if (maxConsecutiveErrors && consecutiveTransientErrors >= maxConsecutiveErrors) {
+        return {
+          success: false,
+          error: new Error(`Too many consecutive errors (${consecutiveTransientErrors})`),
+          attempts: attempt + 1,
+          elapsedMs: Date.now() - startTime,
+        };
+      }
+
+      // Continue polling on transient errors
+      continue;
     }
   }
 

package/src/infrastructure/services/video-feature-executor.service.ts

@@ -6,7 +6,7 @@
 
 import { extractErrorMessage, checkFalApiError, validateProvider, prepareVideoInputData } from "../utils";
 import { extractVideoResult } from "../utils/url-extractor";
-import { VIDEO_TIMEOUT_MS } from "../constants";
+import { DEFAULT_MAX_POLL_TIME_MS } from "../constants";
 import type { VideoFeatureType } from "../../domain/interfaces";
 import type { ExecuteVideoFeatureOptions, VideoFeatureResult, VideoFeatureRequest } from "./video-feature-executor.types";
 
@@ -38,7 +38,7 @@ export async function executeVideoFeature(
     const input = provider.buildVideoFeatureInput(featureType, inputData);
 
     const result = await provider.subscribe(model, input, {
-      timeoutMs: VIDEO_TIMEOUT_MS,
+      timeoutMs: DEFAULT_MAX_POLL_TIME_MS,
       onQueueUpdate: (status) => onStatusChange?.(status.status),
     });
 

package/src/infrastructure/utils/error-classifier.util.ts

@@ -143,7 +143,7 @@ export function classifyError(error: unknown): AIErrorInfo {
 
 export function isTransientError(error: unknown): boolean {
   const info = classifyError(error);
-  return info.retryable;
+  return info.retryable ?? false;
 }
 
 export function isPermanentError(error: unknown): boolean {

package/src/infrastructure/utils/result-validator.util.ts

@@ -77,11 +77,13 @@ export function validateResult(
 
     if (typeof value === "object" && value !== null) {
       const nested = value as Record<string, unknown>;
+      // Cache Object.keys result for performance
+      const nestedKeys = Object.keys(nested);
       return !!(
         nested.url ||
         nested.image_url ||
         nested.video_url ||
-        Object.keys(nested).length > 0
+        nestedKeys.length > 0
       );
     }
 

package/src/infrastructure/utils/status-checker.util.ts

@@ -50,7 +50,7 @@ export function checkStatusForErrors(
     safeString(status, "message");
   const hasStatusError = statusError.length > 0;
 
-  // Check logs array for ERROR/FATAL level logs
+  // Check logs array for ERROR/FATAL level logs with bounds checking
   const rawLogs = (status as JobStatus)?.logs;
   const logs = Array.isArray(rawLogs) ? rawLogs : [];
   const errorLogs = logs.filter((log: AILogEntry) => {
@@ -59,14 +59,17 @@ export function checkStatusForErrors(
   });
   const hasErrorLog = errorLogs.length > 0;
 
-  // Extract error message from logs
-  const errorLogMessage =
-    errorLogs.length > 0
-      ? (errorLogs[0] as AILogEntry & { text?: string; content?: string })
-        ?.message ||
-      (errorLogs[0] as AILogEntry & { text?: string })?.text ||
-      (errorLogs[0] as AILogEntry & { content?: string })?.content
-      : undefined;
+  // Extract error message from logs with safer access
+  let errorLogMessage: string | undefined;
+  if (errorLogs.length > 0) {
+    const firstErrorLog = errorLogs[0];
+    if (firstErrorLog && typeof firstErrorLog === "object") {
+      errorLogMessage =
+        safeString(firstErrorLog, "message") ||
+        safeString(firstErrorLog, "text") ||
+        safeString(firstErrorLog, "content");
+    }
+  }
 
   // Combine error messages
   const errorMessage = statusError || errorLogMessage;
@@ -78,7 +81,7 @@ export function checkStatusForErrors(
   return {
     status: statusString,
     hasError: hasStatusError || hasErrorLog,
-    errorMessage: errorMessage ? String(errorMessage) : undefined,
+    errorMessage: errorMessage && errorMessage.length > 0 ? errorMessage : undefined,
     shouldStop,
   };
 }

package/src/infrastructure/utils/url-extractor/media-extractors.ts

@@ -47,14 +47,16 @@ export function extractImageUrls(result: unknown): string[] {
     return urls;
   }
 
-  // Check images array
-  if (Array.isArray(resultObj.images)) {
+  // Check images array with bounds checking
+  if (Array.isArray(resultObj.images) && resultObj.images.length > 0) {
     for (const img of resultObj.images) {
+      if (!img) continue; // Skip null/undefined items
+
       if (typeof img === "string" && img.length > 0) {
         urls.push(img);
-      } else if (img && typeof img === "object") {
+      } else if (typeof img === "object") {
         const imgObj = img as Record<string, unknown>;
-        if (typeof imgObj.url === "string") {
+        if (typeof imgObj.url === "string" && imgObj.url.length > 0) {
           urls.push(imgObj.url);
         }
       }

package/src/infrastructure/validation/input-validator.ts

@@ -50,7 +50,12 @@ export function sanitizeString(input: unknown): string {
     .trim()
     .replace(/[<>]/g, "") // Remove potential HTML tags
     .replace(/javascript:/gi, "") // Remove javascript: protocol
+    .replace(/data:/gi, "") // Remove data: protocol
+    .replace(/vbscript:/gi, "") // Remove vbscript: protocol
     .replace(/on\w+\s*=/gi, "") // Remove event handlers
+    .replace(/--/g, "") // Remove SQL comment sequences
+    .replace(/;\s*drop\s+/gi, "") // Remove SQL injection attempts
+    .replace(/['"\\]/g, "") // Remove quotes and backslashes
     .slice(0, 10000); // Limit length
 }
 

package/src/presentation/components/AIGenerationForm.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect } from "react";
+import React from "react";
 import { TouchableOpacity, StyleSheet } from "react-native";
 import {
   AtomicText,
@@ -6,7 +6,6 @@ import {
   useAppDesignTokens,
 } from "@umituz/react-native-design-system";
 
-declare const __DEV__: boolean;
 import { StyleSelector } from "./selectors/StyleSelector";
 import { DurationSelector } from "./selectors/DurationSelector";
 import { AspectRatioSelector } from "./selectors/AspectRatioSelector";

package/src/presentation/components/PhotoUploadCard/useBorderColor.ts

@@ -27,5 +27,5 @@ export function useBorderColor({
     if (isValid === true) return tokens.colors.success;
     if (isValid === false) return tokens.colors.error;
     return tokens.colors.borderLight;
-  }, [isValidating, isValid, showValidationStatus, tokens]);
+  }, [isValidating, isValid, showValidationStatus, tokens.colors.borderLight, tokens.colors.primary, tokens.colors.success, tokens.colors.error]);
 }

package/src/presentation/types/result-config.types.ts

@@ -78,6 +78,7 @@ export interface ResultActionButton {
 export interface ResultActionsConfig {
   share?: ResultActionButton;
   save?: ResultActionButton;
+  retry?: ResultActionButton;
   layout?: "horizontal" | "vertical" | "grid";
   buttonSpacing?: number;
   spacing?: {
@@ -168,6 +169,12 @@ export const DEFAULT_RESULT_CONFIG: ResultConfig = {
       variant: "secondary",
       position: "bottom",
     },
+    retry: {
+      enabled: true,
+      icon: "refresh",
+      variant: "outline",
+      position: "bottom",
+    },
     layout: "horizontal",
     buttonSpacing: 10,
     spacing: {

package/src/utils/arrayUtils.ts

@@ -1,22 +0,0 @@
-/**
- * Deduplicates an array of objects based on a specific key.
- * Keeps the first occurrence of each item with a unique key.
- *
- * @param array The array to deduplicate
- * @param keyFn A function that returns the unique key for each item
- * @returns A new array with duplicate items removed
- */
-export const distinctBy = <T>(array: readonly T[], keyFn: (item: T) => string | number): T[] => {
-  const seen = new Set<string | number>();
-  const result: T[] = [];
-
-  for (const item of array) {
-    const key = keyFn(item);
-    if (!seen.has(key)) {
-      seen.add(key);
-      result.push(item);
-    }
-  }
-
-  return result;
-};