@umituz/react-native-design-system 2.6.48 → 2.6.50

package/src/molecules/celebration/presentation/hooks/useCelebrationModalAnimation.ts

@@ -1,49 +0,0 @@
-/**
- * useCelebrationModalAnimation Hook
- * Single Responsibility: Compose all celebration modal animations
- * Uses ../../../animation directly
- */
-
-import {
-  useModalAnimations,
-  useIconAnimations,
-  type ModalAnimationConfig,
-  type IconAnimationConfig,
-} from "../../../animation";
-
-export interface UseCelebrationModalAnimationReturn {
-  isReady: boolean;
-  overlayStyle: ReturnType<typeof useModalAnimations>["overlayStyle"];
-  modalStyle: ReturnType<typeof useModalAnimations>["modalStyle"];
-  iconStyle: ReturnType<typeof useIconAnimations>["iconStyle"];
-}
-
-/**
- * Hook for managing all celebration modal animations
- */
-export function useCelebrationModalAnimation(
-  visible: boolean,
-  animationConfig?: {
-    modal?: ModalAnimationConfig;
-    icon?: IconAnimationConfig;
-  },
-): UseCelebrationModalAnimationReturn {
-  const { isReady, overlayStyle, modalStyle } = useModalAnimations(
-    visible,
-    animationConfig?.modal,
-  );
-
-  const { iconStyle } = useIconAnimations(
-    visible,
-    isReady,
-    animationConfig?.icon,
-  );
-
-  return {
-    isReady,
-    overlayStyle,
-    modalStyle,
-    iconStyle,
-  };
-}
-

package/src/molecules/celebration/presentation/hooks/useCelebrationState.ts

@@ -1,45 +0,0 @@
-/**
- * useCelebrationState Hook
- * Single Responsibility: Manage celebration modal state
- */
-
-import { useState, useCallback } from "react";
-import type { CelebrationConfig } from "../../domain/entities/CelebrationConfig";
-
-export interface UseCelebrationStateReturn {
-  visible: boolean;
-  config: CelebrationConfig | null;
-  show: (config: CelebrationConfig) => void;
-  hide: () => void;
-}
-
-const ANIMATION_CLEANUP_DELAY = 300;
-
-/**
- * Hook for managing celebration modal state
- */
-export function useCelebrationState(): UseCelebrationStateReturn {
-  const [visible, setVisible] = useState(false);
-  const [config, setConfig] = useState<CelebrationConfig | null>(null);
-
-  const show = useCallback((celebrationConfig: CelebrationConfig) => {
-    setConfig(celebrationConfig);
-    setVisible(true);
-  }, []);
-
-  const hide = useCallback(() => {
-    setVisible(false);
-    // Clear config after animation completes
-    setTimeout(() => {
-      setConfig(null);
-    }, ANIMATION_CLEANUP_DELAY);
-  }, []);
-
-  return {
-    visible,
-    config: config || null,
-    show,
-    hide,
-  };
-}
-

package/src/molecules/celebration/presentation/styles/CelebrationModalStyles.ts

@@ -1,65 +0,0 @@
-import { StyleSheet } from "react-native";
-import { useAppDesignTokens } from "../../../../theme";
-
-export const createCelebrationModalStyles = () => {
-    const tokens = useAppDesignTokens();
-
-    return StyleSheet.create({
-        overlay: {
-            flex: 1,
-            justifyContent: "center",
-            alignItems: "center",
-            padding: tokens.spacing.lg || 20,
-        },
-        modal: {
-            width: "100%",
-            maxWidth: 400,
-            borderRadius: tokens.borders.radius.xl || 20,
-            padding: tokens.spacing.xl || 28,
-            borderWidth: 1,
-            alignItems: "center",
-        },
-        iconContainer: {
-            marginBottom: tokens.spacing.xl || 24,
-        },
-        iconCircle: {
-            width: 80,
-            height: 80,
-            borderRadius: 40,
-            alignItems: "center",
-            justifyContent: "center",
-        },
-        iconText: {
-            fontSize: 40,
-            color: "#FFFFFF",
-            fontWeight: "bold",
-        },
-        title: {
-            fontSize: (tokens.typography.headlineSmall as any).fontSize || 22,
-            fontWeight: "700",
-            marginBottom: tokens.spacing.xs || 8,
-            textAlign: "center",
-        },
-        message: {
-            fontSize: (tokens.typography.bodyLarge as any).fontSize || 15,
-            marginBottom: tokens.spacing.xl || 24,
-            textAlign: "center",
-            lineHeight: 22,
-        },
-        actions: {
-            width: "100%",
-            gap: tokens.spacing.md || 12,
-        },
-        button: {
-            width: "100%",
-            paddingVertical: 14,
-            paddingHorizontal: 24,
-            borderRadius: tokens.borders.radius.lg || 12,
-            alignItems: "center",
-        },
-        buttonText: {
-            fontSize: 16,
-            fontWeight: "600",
-        },
-    });
-};