@umituz/react-native-settings 5.4.10 → 5.4.11

package/src/domains/feedback/presentation/hooks/useFeedbackModal.ts

@@ -1,182 +0,0 @@
-/**
- * useFeedbackModal Hook
- *
- * Refactored to use GenericModal and ModalConfig.
- * Replaces old FeedbackModal component.
- *
- * @example
- * ```ts
- * const { FeedbackModal, showFeedbackModal } = useFeedbackModal();
- *
- * return (
- *   <>
- *     <Button onPress={() => showFeedbackModal({ onSubmit: ... })} />
- *     <FeedbackModal />
- *   </>
- * );
- * ```
- */
-
-import { useCallback, useState } from 'react';
-import { View, TouchableOpacity, StyleSheet } from 'react-native';
-import { BaseModal } from '@umituz/react-native-design-system/molecules';
-import { AtomicText, AtomicIcon } from '@umituz/react-native-design-system/atoms';
-import { ScreenLayout } from '@umituz/react-native-design-system/layouts';
-import { useAppDesignTokens } from '@umituz/react-native-design-system/theme';
-import { FeedbackForm } from '../components/FeedbackForm';
-import type { FeedbackType, FeedbackRating } from '../../domain/entities/FeedbackEntity';
-import type { FeedbackFormProps } from '../components/FeedbackFormProps';
-
-export interface FeedbackModalOptions {
-  /**
-   * Submit callback
-   */
-  onSubmit: (data: {
-    type: FeedbackType;
-    rating: FeedbackRating;
-    description: string;
-    title: string;
-  }) => Promise<void>;
-
-  /**
-   * Initial feedback type
-   */
-  initialType?: FeedbackType;
-
-  /**
-   * Modal title
-   */
-  title?: string;
-
-  /**
-   * Modal subtitle
-   */
-  subtitle?: string;
-
-  /**
-   * Form texts
-   */
-  texts: FeedbackFormProps['texts'];
-
-  /**
-   * Custom configuration
-   */
-  config?: {
-    showHeader?: boolean;
-    showCloseButton?: boolean;
-  };
-}
-
-/**
- * Feedback modal hook
- */
-export function useFeedbackModal() {
-  const [visible, setVisible] = useState(false);
-  const [options, setOptions] = useState<FeedbackModalOptions | null>(null);
-  const [isSubmitting, setIsSubmitting] = useState(false);
-
-  const tokens = useAppDesignTokens();
-  const styles = getStyles(tokens);
-
-  const showFeedbackModal = useCallback((newOptions: FeedbackModalOptions) => {
-    setOptions(newOptions);
-    setVisible(true);
-  }, []);
-
-  const hideFeedbackModal = useCallback(() => {
-    setVisible(false);
-    setIsSubmitting(false);
-  }, []);
-
-  const handleSubmit = useCallback(async (data: any) => {
-    if (!options) return;
-
-    setIsSubmitting(true);
-    try {
-      await options.onSubmit(data);
-      hideFeedbackModal();
-    } catch (error) {
-      setIsSubmitting(false);
-    }
-  }, [options, hideFeedbackModal]);
-
-  const header = options?.config?.showHeader !== false ? (
-    <View style={styles.header}>
-      <View style={styles.headerText}>
-        {options?.title && (
-          <AtomicText style={{ fontSize: 20, fontWeight: '600' }}>
-            {options.title}
-          </AtomicText>
-        )}
-        {options?.subtitle && (
-          <AtomicText style={{ fontSize: 14, marginTop: 4 }}>
-            {options.subtitle}
-          </AtomicText>
-        )}
-      </View>
-      {options?.config?.showCloseButton !== false && (
-        <TouchableOpacity
-          onPress={hideFeedbackModal}
-          style={[styles.closeButton, { backgroundColor: tokens.colors.surfaceVariant }]}
-        >
-          <AtomicIcon name="close" size="sm" color="onSurface" />
-        </TouchableOpacity>
-      )}
-    </View>
-  ) : undefined;
-
-  const FeedbackModal = useCallback(() => {
-    if (!options) return null;
-
-    return (
-      <BaseModal visible={visible} onClose={hideFeedbackModal}>
-        <ScreenLayout
-          header={header}
-          scrollable={true}
-          edges={[]}
-          keyboardAvoiding={true}
-          contentContainerStyle={styles.content}
-          hideScrollIndicator={false}
-        >
-          <FeedbackForm
-            onSubmit={handleSubmit}
-            initialType={options.initialType}
-            isSubmitting={isSubmitting}
-            texts={options.texts}
-          />
-        </ScreenLayout>
-      </BaseModal>
-    );
-  }, [visible, options, header, styles, handleSubmit, isSubmitting, hideFeedbackModal]);
-
-  return {
-    FeedbackModal,
-    showFeedbackModal,
-    hideFeedbackModal,
-    isVisible: visible,
-  };
-}
-
-const getStyles = (_tokens: ReturnType<typeof useAppDesignTokens>) =>
-  StyleSheet.create({
-    header: {
-      flexDirection: 'row',
-      justifyContent: 'space-between',
-      alignItems: 'center',
-      padding: 16,
-      borderBottomWidth: 1,
-    },
-    headerText: {
-      flex: 1,
-    },
-    closeButton: {
-      width: 36,
-      height: 36,
-      borderRadius: 18,
-      justifyContent: 'center',
-      alignItems: 'center',
-    },
-    content: {
-      padding: 20,
-    },
-  });

package/src/domains/rating/presentation/hooks/useRatingPromptModal.ts

@@ -1,122 +0,0 @@
-/**
- * useRatingPromptModal Hook
- *
- * Refactored to use GenericModal and ModalConfig.
- * Replaces old RatingPromptModal component.
- *
- * @example
- * ```ts
- * const { RatingPrompt, showRatingPrompt } = useRatingPromptModal();
- *
- * return (
- *   <>
- *     <Button onPress={() => showRatingPrompt({ onPositive: ... })} />
- *     <RatingPrompt />
- *   </>
- * );
- * ```
- */
-
-import { useCallback } from 'react';
-import { GenericModal } from '../../../../presentation/components/GenericModal';
-import { useModalState } from '../../../../core/patterns/Modal/useModalState';
-import type { ModalConfig } from '../../../../core/patterns/Modal/ModalConfig';
-import type { RatingTranslations } from '../../domain/entities/RatingConfig';
-
-export interface RatingPromptOptions {
-  /**
-   * Callback when user clicks positive (loves the app)
-   */
-  onPositive: () => void | Promise<void>;
-
-  /**
-   * Callback when user clicks negative (doesn't love the app)
-   */
-  onNegative: () => void | Promise<void>;
-
-  /**
-   * Callback when user clicks later
-   */
-  onLater: () => void | Promise<void>;
-
-  /**
-   * App name for message
-   */
-  appName?: string;
-
-  /**
-   * Custom translations
-   */
-  translations?: RatingTranslations;
-
-  /**
-   * Custom modal configuration
-   */
-  config?: Partial<ModalConfig>;
-}
-
-/**
- * Rating prompt modal hook
- */
-export function useRatingPromptModal() {
-  const modal = useModalState();
-
-  const showRatingPrompt = useCallback((options: RatingPromptOptions) => {
-    const {
-      onPositive,
-      onNegative,
-      onLater,
-      appName = 'this app',
-      translations,
-      config: customConfig,
-    } = options;
-
-    const defaultTranslations: RatingTranslations = {
-      title: translations?.title ?? 'Enjoying the app?',
-      message:
-        translations?.message ??
-        `If you love using ${appName}, would you mind taking a moment to rate it?`,
-      positiveButton: translations?.positiveButton ?? 'Yes, I love it!',
-      negativeButton: translations?.negativeButton ?? 'Not really',
-      laterButton: translations?.laterButton ?? 'Maybe later',
-    };
-
-    const modalConfig: ModalConfig = {
-      title: defaultTranslations.title,
-      message: defaultTranslations.message,
-      icon: 'star',
-      iconColor: 'primary',
-      actions: [
-        {
-          label: defaultTranslations.positiveButton,
-          onPress: onPositive,
-          variant: 'primary',
-        },
-        {
-          label: defaultTranslations.negativeButton,
-          onPress: onNegative,
-          variant: 'outline',
-        },
-        {
-          label: defaultTranslations.laterButton,
-          onPress: onLater,
-          variant: 'text',
-        },
-      ],
-      dismissible: true,
-      ...customConfig,
-    };
-
-    modal.show(modalConfig);
-  }, [modal]);
-
-  const RatingPrompt = useCallback(() => {
-    return <GenericModal state={modal} testID="rating-prompt-modal" />;
-  }, [modal]);
-
-  return {
-    RatingPrompt,
-    showRatingPrompt,
-    modal,
-  };
-}