@umituz/react-native-ai-generation-content 1.26.63 → 1.26.64

package/package.json

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

package/src/domains/generation/wizard/presentation/components/GenericWizardFlow.tsx

@@ -26,6 +26,7 @@ import type { Creation } from "../../../../creations/domain/entities/Creation";
 import { useResultActions } from "../../../../result-preview/presentation/hooks/useResultActions";
 import { validateScenario } from "../utilities/validateScenario";
 import { WizardStepRenderer } from "./WizardStepRenderer";
+import { StarRatingPicker } from "../../../../result-preview/presentation/components/StarRatingPicker";
 
 export interface GenericWizardFlowProps {
   readonly featureConfig: WizardFeatureConfig;
@@ -37,6 +38,7 @@ export interface GenericWizardFlowProps {
   readonly onGenerationComplete?: (result: unknown) => void;
   readonly onGenerationError?: (error: string) => void;
   readonly onCreditsExhausted?: () => void;
+  readonly onRate?: (creationId: string, rating: number, description: string) => Promise<boolean>;
   readonly onBack?: () => void;
   readonly onTryAgain?: () => void;
   readonly t: (key: string) => string;
@@ -56,6 +58,7 @@ export const GenericWizardFlow: React.FC<GenericWizardFlowProps> = ({
   onGenerationComplete,
   onGenerationError,
   onCreditsExhausted,
+  onRate,
   onBack,
   onTryAgain,
   t,
@@ -66,6 +69,8 @@ export const GenericWizardFlow: React.FC<GenericWizardFlowProps> = ({
 }) => {
   const tokens = useAppDesignTokens();
   const [currentCreation, setCurrentCreation] = useState<Creation | null>(null);
+  const [showRatingPicker, setShowRatingPicker] = useState(false);
+  const [hasRated, setHasRated] = useState(false);
   const prevStepIdRef = useRef<string | undefined>(undefined);
 
   const flowSteps = useMemo<StepDefinition[]>(() => {
@@ -155,6 +160,21 @@ export const GenericWizardFlow: React.FC<GenericWizardFlowProps> = ({
     nextStep();
   }, [currentStepIndex, flowSteps.length, customData, setCustomData, nextStep, onGenerationStart]);
 
+  const handleOpenRatingPicker = useCallback(() => {
+    setShowRatingPicker(true);
+  }, []);
+
+  const handleSubmitRating = useCallback(async (rating: number, description: string) => {
+    if (!currentCreation?.id || !onRate) return;
+    const success = await onRate(currentCreation.id, rating, description);
+    if (success) {
+      setHasRated(true);
+    }
+    setShowRatingPicker(false);
+  }, [currentCreation, onRate]);
+
+  const showRatingButton = Boolean(onRate) && !hasRated;
+
   return (
     <View style={[styles.container, { backgroundColor: tokens.colors.backgroundPrimary }]}>
       <WizardStepRenderer
@@ -165,17 +185,28 @@ export const GenericWizardFlow: React.FC<GenericWizardFlowProps> = ({
         generationResult={generationResult}
         isSaving={isSaving}
         isSharing={isSharing}
+        showRating={showRatingButton}
         onNext={nextStep}
         onBack={handleBack}
         onPhotoContinue={handlePhotoContinue}
         onDownload={handleDownload}
         onShare={handleShare}
+        onRate={handleOpenRatingPicker}
         onTryAgain={onTryAgain}
         t={t}
         renderPreview={renderPreview}
         renderGenerating={renderGenerating}
         renderResult={renderResult}
       />
+      <StarRatingPicker
+        visible={showRatingPicker}
+        onClose={() => setShowRatingPicker(false)}
+        onRate={handleSubmitRating}
+        title={t("result.rateTitle")}
+        submitLabel={t("common.submit")}
+        cancelLabel={t("common.cancel")}
+        descriptionPlaceholder={t("result.feedbackPlaceholder")}
+      />
     </View>
   );
 };

package/src/domains/generation/wizard/presentation/components/WizardStepRenderer.tsx

@@ -18,11 +18,13 @@ export const WizardStepRenderer: React.FC<WizardStepRendererProps> = ({
   generationResult,
   isSaving,
   isSharing,
+  showRating = true,
   onNext,
   onBack,
   onPhotoContinue,
   onDownload,
   onShare,
+  onRate,
   onTryAgain,
   t,
   renderPreview,
@@ -77,11 +79,13 @@ export const WizardStepRenderer: React.FC<WizardStepRendererProps> = ({
           isSharing={isSharing}
           onDownload={onDownload}
           onShare={onShare}
+          onRate={onRate}
           onTryAgain={handleTryAgain}
           onNavigateBack={handleTryAgain}
           hideLabel
           iconOnly
           showTryAgain
+          showRating={showRating}
           translations={{
             title: t("generation.result.title"),
             saveButton: t("generation.result.save"),

package/src/domains/generation/wizard/presentation/components/WizardStepRenderer.types.ts

@@ -10,11 +10,13 @@ export interface WizardStepRendererProps {
   readonly generationResult: unknown;
   readonly isSaving: boolean;
   readonly isSharing: boolean;
+  readonly showRating?: boolean;
   readonly onNext: () => void;
   readonly onBack: () => void;
   readonly onPhotoContinue: (stepId: string, image: UploadedImage) => void;
   readonly onDownload: () => void;
   readonly onShare: () => void;
+  readonly onRate?: () => void;
   readonly onTryAgain?: () => void;
   readonly t: (key: string) => string;
   readonly renderPreview?: (onContinue: () => void) => React.ReactElement | null;