@umituz/react-native-ai-generation-content 1.26.11 → 1.26.12

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-ai-generation-content",
-  "version": "1.26.11",
+  "version": "1.26.12",
   "description": "Provider-agnostic AI generation orchestration for React Native with result preview components",
   "main": "src/index.ts",
   "types": "src/index.ts",

package/src/domains/scenarios/presentation/containers/CategoryNavigationContainer.tsx

@@ -22,10 +22,13 @@ export interface CategoryNavigationContainerProps {
   readonly scenarios: readonly ScenarioData[];
   readonly onSelectScenario: (scenarioId: string) => void;
   readonly onBack?: () => void;
+  readonly onSelectMainCategory?: (categoryId: string) => void;
+  readonly onSelectSubCategory?: (subCategoryId: string) => void;
   readonly t: (key: string) => string;
   readonly headerTitle?: string;
   readonly headerDescription?: string;
   readonly numColumns?: number;
+  readonly isLoading?: boolean;
 }
 
 export const CategoryNavigationContainer: React.FC<
@@ -36,10 +39,13 @@ export const CategoryNavigationContainer: React.FC<
   scenarios,
   onSelectScenario,
   onBack,
+  onSelectMainCategory,
+  onSelectSubCategory,
   t,
   headerTitle,
   headerDescription,
   numColumns = 2,
+  isLoading = false,
 }) => {
   const [currentStep, setCurrentStep] = useState<NavigationStep>("main_category");
   const [selectedMainCategoryId, setSelectedMainCategoryId] = useState<string | null>(null);
@@ -76,7 +82,10 @@ export const CategoryNavigationContainer: React.FC<
     }
     setSelectedMainCategoryId(categoryId);
     setCurrentStep("sub_category");
-  }, []);
+    if (onSelectMainCategory) {
+      onSelectMainCategory(categoryId);
+    }
+  }, [onSelectMainCategory]);
 
   const handleSelectSubCategory = useCallback((subCategoryId: string) => {
     if (typeof __DEV__ !== "undefined" && __DEV__) {
@@ -86,7 +95,10 @@ export const CategoryNavigationContainer: React.FC<
     }
     setSelectedSubCategoryId(subCategoryId);
     setCurrentStep("scenario_list");
-  }, []);
+    if (onSelectSubCategory) {
+      onSelectSubCategory(subCategoryId);
+    }
+  }, [onSelectSubCategory]);
 
   const handleBackFromSubCategory = useCallback(() => {
     if (typeof __DEV__ !== "undefined" && __DEV__) {
@@ -162,6 +174,7 @@ export const CategoryNavigationContainer: React.FC<
         onBack={handleBackFromScenarioList}
         t={t}
         numColumns={numColumns}
+        isLoading={isLoading}
       />
     );
   }

package/src/domains/scenarios/presentation/screens/HierarchicalScenarioListScreen.tsx

@@ -20,6 +20,7 @@ import {
   ScreenLayout,
   NavigationHeader,
   AtomicIcon,
+  AtomicSpinner,
   type DesignTokens,
 } from "@umituz/react-native-design-system";
 import { useSafeAreaInsets } from "react-native-safe-area-context";
@@ -33,6 +34,7 @@ export interface HierarchicalScenarioListScreenProps {
   readonly onBack: () => void;
   readonly t: (key: string) => string;
   readonly numColumns?: number;
+  readonly isLoading?: boolean;
 }
 
 export const HierarchicalScenarioListScreen: React.FC<HierarchicalScenarioListScreenProps> = ({
@@ -43,6 +45,7 @@ export const HierarchicalScenarioListScreen: React.FC<HierarchicalScenarioListSc
   onBack,
   t,
   numColumns = 2,
+  isLoading = false,
 }) => {
   const tokens = useAppDesignTokens();
   const insets = useSafeAreaInsets();
@@ -68,7 +71,7 @@ export const HierarchicalScenarioListScreen: React.FC<HierarchicalScenarioListSc
 
     const filtered = scenarios.filter((scenario) => {
       if (!scenario.category) return false;
-      return subCategory.scenarioCategories.includes(scenario.category);
+      return subCategory.scenarioCategories?.includes(scenario.category) ?? false;
     });
 
     if (typeof __DEV__ !== "undefined" && __DEV__) {
@@ -152,6 +155,18 @@ export const HierarchicalScenarioListScreen: React.FC<HierarchicalScenarioListSc
     ),
     [t, styles.emptyState]
   );
+  
+  const LoadingComponent = useMemo(
+    () => (
+      <View style={styles.loadingContainer}>
+        <AtomicSpinner size="lg" color="primary" />
+        <AtomicText type="bodyMedium" style={{ marginTop: tokens.spacing.md }}>
+          {t("common.loading")}
+        </AtomicText>
+      </View>
+    ),
+    [tokens, t, styles.loadingContainer]
+  );
 
   if (!subCategory) {
     return null;
@@ -213,7 +228,9 @@ export const HierarchicalScenarioListScreen: React.FC<HierarchicalScenarioListSc
           renderItem={renderItem}
           keyExtractor={(item) => item.id}
           ListEmptyComponent={
-            filteredScenarios.length === 0 ? ListEmptyComponent : null
+            isLoading 
+              ? LoadingComponent 
+              : (filteredScenarios.length === 0 ? ListEmptyComponent : null)
           }
           contentContainerStyle={[
             styles.listContent,
@@ -254,6 +271,12 @@ const createStyles = (
       alignItems: "center",
       paddingVertical: tokens.spacing.xl,
     },
+    loadingContainer: {
+      flex: 1,
+      justifyContent: "center",
+      alignItems: "center",
+      paddingVertical: tokens.spacing.xl,
+    },
     continueButton: {
       flexDirection: "row",
       alignItems: "center",