@umituz/react-native-ai-generation-content 1.23.2 → 1.23.4

package/package.json

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

package/src/features/couple-future/presentation/components/CoupleFutureWizard.tsx

@@ -49,6 +49,9 @@ export const CoupleFutureWizard: React.FC<CoupleFutureWizardProps> = ({
   });
 
   // Notify parent app when step changes
+  // NOTE: Do NOT include callbacks in dependencies - causes infinite loop!
+  // Parent app re-renders when onStepChange updates state, which recreates callbacks,
+  // which would retrigger this effect, creating infinite loop.
   useEffect(() => {
     if (flow.currentStep && callbacks?.onStepChange) {
       if (typeof __DEV__ !== "undefined" && __DEV__) {
@@ -60,7 +63,8 @@ export const CoupleFutureWizard: React.FC<CoupleFutureWizardProps> = ({
       }
       callbacks.onStepChange(flow.currentStep.id, flow.currentStep.type);
     }
-  }, [flow.currentStep, flow.currentStepIndex, callbacks]);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [flow.currentStep, flow.currentStepIndex]);
 
   const handleScenarioPreviewContinue = useCallback(() => {
     if (typeof __DEV__ !== "undefined" && __DEV__) {

package/src/presentation/components/flows/AIGenerateWizardFlow.tsx

@@ -29,6 +29,7 @@ export const AIGenerateWizardFlow: React.FC<AIGenerateWizardFlowProps> = ({
   onBack: onBackProp,
   onSave,
   onShare,
+  onStepChange,
   t,
 }) => {
   const tokens = useAppDesignTokens();
@@ -74,7 +75,7 @@ export const AIGenerateWizardFlow: React.FC<AIGenerateWizardFlowProps> = ({
     handleBack,
     handleNext,
     handleGenerate,
-  } = useAIGenerateWizardFlow({ featureType, onGenerate, onBack: onBackProp });
+  } = useAIGenerateWizardFlow({ featureType, onGenerate, onBack: onBackProp, onStepChange });
 
   switch (currentStep) {
     case AIGenerateStep.UPLOAD_1:

package/src/presentation/components/flows/AIGenerateWizardFlow.types.ts

@@ -61,5 +61,6 @@ export interface AIGenerateWizardFlowProps {
   readonly onBack?: () => void;
   readonly onSave?: (uri: string) => Promise<void>;
   readonly onShare?: (uri: string) => Promise<void>;
+  readonly onStepChange?: (stepId: string) => void;
   readonly t: (key: string) => string;
 }

package/src/presentation/components/flows/useAIGenerateWizardFlow.ts

@@ -14,12 +14,14 @@ interface UseAIGenerateWizardFlowProps {
   featureType: string;
   onGenerate: (data: GenerationData) => Promise<string | null | void>;
   onBack?: () => void;
+  onStepChange?: (stepId: string) => void;
 }
 
 export function useAIGenerateWizardFlow({
   featureType,
   onGenerate,
   onBack: onBackProp,
+  onStepChange,
 }: UseAIGenerateWizardFlowProps) {
   const state = useAIGenerateState();
   const {
@@ -28,6 +30,22 @@ export function useAIGenerateWizardFlow({
     selectedDuration
   } = state;
 
+  // Notify parent app when step changes
+  // NOTE: Do NOT include onStepChange in dependencies - causes infinite loop!
+  // Parent app re-renders when callback updates state, recreating the callback,
+  // which would retrigger this effect in an infinite loop.
+  useEffect(() => {
+    if (onStepChange) {
+      if (typeof __DEV__ !== "undefined" && __DEV__) {
+        console.log("[AIGenerateWizardFlow] Step changed", {
+          currentStep,
+        });
+      }
+      onStepChange(currentStep);
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [currentStep]);
+
   const imageCountRequired = useMemo(() => {
     if (!featureType || !hasAIFeature(featureType)) return 0;
     const config = getAIFeatureConfig(featureType as Parameters<typeof getAIFeatureConfig>[0]);

package/src/presentation/components/index.ts

@@ -29,18 +29,11 @@ export type { AIGenerationHeroProps } from "./AIGenerationHero";
 export * from "./result";
 export * from "./photo-step";
 export * from "./modals/SettingsSheet";
-export * from "./selectors/AspectRatioSelector";
-export * from "./selectors/DurationSelector";
-export * from "./selectors/GridSelector";
-export * from "./selectors/StyleSelector";
-export * from "./selectors/factories";
-export * from "./selectors/types";
-export * from "./PromptInput";
+export * from "./selectors";
 export * from "./image-picker";
 export * from "./buttons";
 export * from "./display";
 export * from "./headers";
 export * from "./PhotoUploadCard";
-export * from "./selectors";
 export * from "./prompts/ExamplePrompts";
 export * from "./moderation/ModerationSummary";