@umituz/react-native-mascot 1.3.5 → 1.3.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-mascot",
-  "version": "1.3.5",
+  "version": "1.3.6",
   "description": "Interactive mascot system for React Native apps - Customizable animated characters with Lottie and SVG support, mood system, and easy integration",
   "main": "./src/index.ts",
   "types": "./src/index.ts",
@@ -52,7 +52,7 @@
     "lottie-react-native": "^7.3.4"
   },
   "peerDependencies": {
-    "@umituz/react-native-animation": "*",
+    "@umituz/react-native-animation": "^1.3.17",
     "@umituz/react-native-design-system": "*",
     "expo": ">=54.0.0",
     "react": ">=19.0.0",

package/src/assets/index.ts

@@ -6,13 +6,13 @@
 import type { MascotConfig, MascotAnimationType } from '../domain/types/MascotTypes';
 import type { MascotAnimation } from '../domain/types/MascotTypes';
 
-// Import JSON animations
-import idleAnim from './lottie/idle.json';
-import waveAnim from './lottie/wave.json';
-import jumpAnim from './lottie/jump.json';
-import successAnim from './lottie/success.json';
-import errorAnim from './lottie/error.json';
-import danceAnim from './lottie/dance.json';
+// Import JSON animations from infrastructure/assets
+import idleAnim from '../infrastructure/assets/lottie/idle.json';
+import waveAnim from '../infrastructure/assets/lottie/wave.json';
+import jumpAnim from '../infrastructure/assets/lottie/jump.json';
+import successAnim from '../infrastructure/assets/lottie/success.json';
+import errorAnim from '../infrastructure/assets/lottie/error.json';
+import danceAnim from '../infrastructure/assets/lottie/dance.json';
 
 export const BUILT_IN_MASCOTS: Record<string, MascotConfig> = {
   'happy-robot': {

package/src/presentation/components/Mascot.tsx

@@ -21,7 +21,7 @@
  */
 
 import React, { useEffect, memo } from 'react';
-import { View, Image, StyleSheet, ViewStyle, ImageSourcePropType } from 'react-native';
+import { View, Image, StyleSheet, ViewStyle, ImageSourcePropType, TextStyle } from 'react-native';
 import Animated, {
   useSharedValue,
   useAnimatedStyle,
@@ -33,6 +33,9 @@ import Animated, {
 
 import type { MascotState } from './types';
 
+// Constants
+const CIRCULAR_RADIUS = 9999;
+
 export interface MascotProps {
   /** Image source for the mascot (require() or URI) */
   source: ImageSourcePropType;
@@ -247,7 +250,12 @@ function MascotComponent({
 
 MascotComponent.displayName = 'Mascot';
 
-const MascotText = memo(({ style, children }: { style: any; children: React.ReactNode }) => (
+interface MascotTextProps {
+  style: TextStyle;
+  children: React.ReactNode;
+}
+
+const MascotTextComponent = ({ style, children }: MascotTextProps) => (
   <View>
     {typeof children === 'string' ? (
       <Animated.Text style={style}>{children}</Animated.Text>
@@ -255,7 +263,11 @@ const MascotText = memo(({ style, children }: { style: any; children: React.Reac
       children
     )}
   </View>
-));
+);
+
+MascotTextComponent.displayName = 'MascotText';
+
+const MascotText = memo(MascotTextComponent);
 
 export const Mascot = memo(MascotComponent);
 
@@ -264,7 +276,7 @@ const styles = StyleSheet.create({
     alignItems: 'center',
   },
   glow: {
-    borderRadius: 9999, // Circular
+    borderRadius: CIRCULAR_RADIUS,
     position: 'absolute',
   },
   glowContainer: {
@@ -273,7 +285,7 @@ const styles = StyleSheet.create({
     position: 'relative',
   },
   mascotImage: {
-    borderRadius: 9999, // Circular
+    borderRadius: CIRCULAR_RADIUS,
   },
   messageContainer: {
     borderRadius: 12,

package/src/presentation/hooks/useMascotAnimation.ts

@@ -14,14 +14,11 @@ export interface UseMascotAnimationOptions {
 export interface UseMascotAnimationReturn {
   isPlaying: boolean;
   currentAnimation: string | null;
-  progress: number;
   queue: string[];
   play: (animationId: string, options?: AnimationOptions) => Promise<void>;
   pause: () => void;
   resume: () => void;
   stop: () => void;
-  setSpeed: (speed: number) => void;
-  setProgress: (progress: number) => void;
   queueAnimation: (animationId: string) => void;
   clearQueue: () => void;
   playSequence: (animationIds: string[]) => Promise<void>;
@@ -69,15 +66,6 @@ export function useMascotAnimation(
     service.stopAnimation();
   }, [service]);
 
-  const setSpeed = useCallback((_speed: number) => {
-    // Speed is handled via options in play() - this method is kept for API compatibility
-    // but does nothing as speed should be passed to play() directly
-  }, []);
-
-  const setProgress = useCallback((_progress: number) => {
-    // Progress tracking not yet implemented - would need AnimationController reference
-  }, []);
-
   const queueAnimation = useCallback((animationId: string) => {
     setQueue((prev: string[]) => [...prev, animationId]);
   }, []);
@@ -106,14 +94,11 @@ export function useMascotAnimation(
   return {
     isPlaying: service.isPlaying,
     currentAnimation: service.currentAnimation,
-    progress: 0, // Would need AnimationController reference
     queue,
     play,
     pause,
     resume,
     stop,
-    setSpeed,
-    setProgress,
     queueAnimation,
     clearQueue,
     playSequence,