related-ui-components 4.1.2 → 4.1.3

package/lib/module/components/Wheel/Wheel.js

@@ -1,90 +1,85 @@
 "use strict";
 
-import React, { useState, useRef, useEffect } from "react";
-import { View, StyleSheet, Animated, Easing } from "react-native";
-import { Svg, Path, G, Text as SvgText, Circle } from "react-native-svg";
-import { Button } from "../Button/index.js";
+import React, { useEffect, useRef, useState } from "react";
+import { Animated, Easing, StyleSheet, View } from "react-native";
+import { Circle, G, Path, Svg, Text as SvgText } from "react-native-svg";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-//default random colors
 const colors = ["#FF0000", "#FFA500", "#FFFF00", "#008000", "#0000FF", "#800080", "#FFC0CB", "#00FFFF", "#FF00FF", "#00FF00", "#4B0082", "#EE82EE", "#40E0D0", "#FFD700", "#C0C0C0", "#FFDAB9", "#E6E6FA", "#008080", "#FF7F50", "#DC143C", "#87CEEB", "#7FFF00", "#CCCCFF", "#FF6347", "#FA8072"];
-// Constants for consistent animation
-const ROTATION_DURATION = 2500; // Duration for one full rotation
-const DECEL_DURATION = 3000; // Duration for deceleration phase
-const EXTRA_SPINS = 3; // Number of extra full rotations before stopping
+// Config for the single animation
+const TOTAL_SPINS = 5; // How many full rotations before stopping
+const SPIN_DURATION = 4000; // Total time for the one animation
 
 const SpinWheel = ({
   items,
   size = 300,
   winner,
-  minSpinDuration = 2000,
-  onSpinStart,
   onSpinEnd,
   containerStyle,
   centerStyle,
-  spinButtonText = "Spin",
   wheelTextStyle,
   knobStyle,
   knobColor = "#D81E5B",
-  actionButtonStyle,
-  actionButtonTextStyle,
   wheelBorderColor,
   wheelBorderWidth,
   wheelTextColor = "#FFFFFF",
-  actionButtonProps,
   centerSize,
   centerComponent
 }) => {
   const wheelItems = items.length > 0 ? items : [];
-  const spinLoop = useRef(null);
-  const spinStartTime = useRef(0);
   const [spinning, setSpinning] = useState(false);
+
+  // 0-1 represents 0-360 degrees. We keep increasing this value.
   const rotateValue = useRef(new Animated.Value(0)).current;
   const rotationRef = useRef(0);
-  const startInfiniteSpin = () => {
-    rotateValue.setValue(rotationRef.current);
-    spinStartTime.current = Date.now();
-    spinLoop.current = Animated.loop(Animated.timing(rotateValue, {
-      toValue: rotationRef.current + 1,
-      duration: ROTATION_DURATION,
-      easing: Easing.linear,
-      useNativeDriver: true
-    }));
-    spinLoop.current.start();
-    setSpinning(true);
-    onSpinStart?.();
-  };
-  const stopOnWinner = winnerValue => {
-    if (!spinLoop.current) return;
-    spinLoop.current.stop();
-    spinLoop.current = null;
+
+  // Sync the ref with the animated value to ensure we start next spin from where we left off
+  useEffect(() => {
+    const listener = rotateValue.addListener(({
+      value
+    }) => {
+      rotationRef.current = value;
+    });
+    return () => {
+      rotateValue.removeListener(listener);
+    };
+  }, [rotateValue]);
+
+  // Main Logic: Trigger spin when 'winner' is provided
+  useEffect(() => {
+    if (winner != null && !spinning) {
+      spinToWinner(winner);
+    }
+  }, [winner]);
+  const spinToWinner = winnerValue => {
     const winnerId = typeof winnerValue === "object" ? winnerValue.id : winnerValue;
     const index = items.findIndex(i => i.id === winnerId);
-    if (index === -1) return;
+    if (index === -1) {
+      console.warn("Winner not found in items array");
+      return;
+    }
+    setSpinning(true);
 
-    // Calculate target angle (pointer at top = 270 degrees)
+    // 1. Calculate the angle where the item is centered
     const anglePerItem = 360 / items.length;
+    // We want the item centered at 270 degrees (top of the wheel in standard SVG)
     const segmentCenter = (index + 0.5) * anglePerItem;
     const targetAngle = (270 - segmentCenter + 360) % 360;
 
-    // Get current rotation position
-    const currentRotation = rotationRef.current;
-    const currentAngle = currentRotation * 360 % 360;
+    // 2. Calculate offset from current position
+    const currentRotationDegrees = rotationRef.current * 360 % 360;
+    const offset = (targetAngle - currentRotationDegrees + 360) % 360;
 
-    // Calculate shortest path to target
-    let offset = (targetAngle - currentAngle + 360) % 360;
+    // 3. Calculate total rotation:
+    // Current Rotation + (Distance to target) + (Extra Full Spins)
+    // We divide by 360 because our Animated.Value goes from 0 to 1 for a full circle
+    const finalRotation = rotationRef.current + (offset + 360 * TOTAL_SPINS) / 360;
 
-    // Add extra full rotations for dramatic effect
-    const extraRotations = EXTRA_SPINS * 360;
-    const totalRotation = offset + extraRotations;
-
-    // Final rotation value
-    const finalRotation = currentRotation + totalRotation / 360;
-
-    // Use ease-out cubic for smooth deceleration
+    // 4. One smooth animation
     Animated.timing(rotateValue, {
       toValue: finalRotation,
-      duration: DECEL_DURATION,
+      duration: SPIN_DURATION,
       easing: Easing.out(Easing.cubic),
+      // Starts fast, slows down smoothly
       useNativeDriver: true
     }).start(() => {
       rotationRef.current = finalRotation;
@@ -92,16 +87,6 @@ const SpinWheel = ({
       onSpinEnd?.(items[index]);
     });
   };
-  useEffect(() => {
-    const listener = rotateValue.addListener(({
-      value
-    }) => {
-      rotationRef.current = value;
-    });
-    return () => {
-      rotateValue.removeListener(listener);
-    };
-  }, [rotateValue]);
   const anglePerItem = wheelItems.length > 0 ? 360 / wheelItems.length : 0;
   const generateWheelPaths = () => {
     if (wheelItems.length === 0) return [];
@@ -129,15 +114,6 @@ const SpinWheel = ({
     });
   };
   const wheelPaths = generateWheelPaths();
-  useEffect(() => {
-    if (!winner || !spinning) return;
-    const elapsed = Date.now() - spinStartTime.current;
-    const delay = Math.max(0, minSpinDuration - elapsed);
-    const timeout = setTimeout(() => {
-      stopOnWinner(winner);
-    }, delay);
-    return () => clearTimeout(timeout);
-  }, [winner, spinning]);
   const rotate = rotateValue.interpolate({
     inputRange: [0, 1],
     outputRange: ["0deg", "360deg"]
@@ -230,23 +206,6 @@ const SpinWheel = ({
             borderBottomColor: knobColor
           }, knobStyle]
         })
-      }), /*#__PURE__*/_jsx(View, {
-        style: {
-          position: "absolute",
-          width: "100%",
-          alignItems: "center",
-          justifyContent: "center",
-          bottom: -70,
-          zIndex: 2
-        },
-        children: /*#__PURE__*/_jsx(Button, {
-          style: [styles.actionButton, actionButtonStyle],
-          onPress: startInfiniteSpin,
-          title: spinButtonText,
-          disabled: spinning,
-          textStyle: [styles.actionButtonText, actionButtonTextStyle],
-          ...actionButtonProps
-        })
       })]
     })
   });

package/lib/module/components/Wheel/Wheel.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","useRef","useEffect","View","StyleSheet","Animated","Easing","Svg","Path","G","Text","SvgText","Circle","Button","jsx","_jsx","jsxs","_jsxs","colors","ROTATION_DURATION","DECEL_DURATION","EXTRA_SPINS","SpinWheel","items","size","winner","minSpinDuration","onSpinStart","onSpinEnd","containerStyle","centerStyle","spinButtonText","wheelTextStyle","knobStyle","knobColor","actionButtonStyle","actionButtonTextStyle","wheelBorderColor","wheelBorderWidth","wheelTextColor","actionButtonProps","centerSize","centerComponent","wheelItems","length","spinLoop","spinStartTime","spinning","setSpinning","rotateValue","Value","current","rotationRef","startInfiniteSpin","setValue","Date","now","loop","timing","toValue","duration","easing","linear","useNativeDriver","start","stopOnWinner","winnerValue","stop","winnerId","id","index","findIndex","i","anglePerItem","segmentCenter","targetAngle","currentRotation","currentAngle","offset","extraRotations","totalRotation","finalRotation","out","cubic","listener","addListener","value","removeListener","generateWheelPaths","map","item","startAngle","endAngle","startRad","Math","PI","endRad","x1","cos","y1","sin","x2","y2","largeArcFlag","pathData","join","midRad","textX","textY","path","angle","wheelPaths","elapsed","delay","max","timeout","setTimeout","clearTimeout","rotate","interpolate","inputRange","outputRange","actualCenterSize","undefined","style","styles","container","children","width","height","wheelContainer","borderRadius","transform","viewBox","Fragment","d","fill","color","floor","random","x","y","textColor","fontSize","fontWeight","textAnchor","alignmentBaseline","label","cx","cy","r","stroke","strokeWidth","position","top","left","translateX","translateY","zIndex","wheelCenter","pointerPosition","pointer","borderBottomColor","alignItems","justifyContent","bottom","actionButton","onPress","title","disabled","textStyle","actionButtonText","create","marginTop","marginBottom","overflow","backgroundColor","borderWidth","borderColor","borderStyle","borderLeftWidth","borderRightWidth","borderBottomWidth","borderLeftColor","borderRightColor","paddingHorizontal","paddingVertical","shadowColor","shadowRadius"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Wheel/Wheel.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useEffect","useRef","useState","Animated","Easing","StyleSheet","View","Circle","G","Path","Svg","Text","SvgText","jsx","_jsx","jsxs","_jsxs","colors","TOTAL_SPINS","SPIN_DURATION","SpinWheel","items","size","winner","onSpinEnd","containerStyle","centerStyle","wheelTextStyle","knobStyle","knobColor","wheelBorderColor","wheelBorderWidth","wheelTextColor","centerSize","centerComponent","wheelItems","length","spinning","setSpinning","rotateValue","Value","current","rotationRef","listener","addListener","value","removeListener","spinToWinner","winnerValue","winnerId","id","index","findIndex","i","console","warn","anglePerItem","segmentCenter","targetAngle","currentRotationDegrees","offset","finalRotation","timing","toValue","duration","easing","out","cubic","useNativeDriver","start","generateWheelPaths","map","item","startAngle","endAngle","startRad","Math","PI","endRad","x1","cos","y1","sin","x2","y2","largeArcFlag","pathData","join","midRad","textX","textY","path","angle","wheelPaths","rotate","interpolate","inputRange","outputRange","actualCenterSize","undefined","style","styles","container","children","width","height","wheelContainer","borderRadius","transform","viewBox","Fragment","d","fill","color","floor","random","x","y","textColor","fontSize","fontWeight","textAnchor","alignmentBaseline","label","cx","cy","r","stroke","strokeWidth","position","top","left","translateX","translateY","zIndex","wheelCenter","pointerPosition","pointer","borderBottomColor","create","alignItems","justifyContent","marginTop","marginBottom","overflow","backgroundColor","borderWidth","borderColor","borderStyle","borderLeftWidth","borderRightWidth","borderBottomWidth","borderLeftColor","borderRightColor","actionButton","paddingHorizontal","paddingVertical","shadowColor","shadowRadius","actionButtonText"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Wheel/Wheel.tsx"],"mappings":"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","ignoreList":[]}

package/lib/typescript/src/components/Wheel/Wheel.d.ts

@@ -1,6 +1,5 @@
 import React from "react";
-import { ViewStyle, TextStyle } from "react-native";
-import { AppButtonProps } from "../Button";
+import { TextStyle, ViewStyle } from "react-native";
 export interface SpinWheelItem {
     id: string | number;
     label: string;
@@ -10,24 +9,15 @@ export interface SpinWheelItem {
 }
 interface SpinWheelProps {
     items: SpinWheelItem[];
-    predeterminedWinner?: SpinWheelItem | string | number;
     size?: number;
-    startSpin?: boolean;
     winner?: SpinWheelItem | string | number;
-    minSpinDuration?: number;
     spinDuration?: number;
-    friction?: number;
-    enabled?: boolean;
     onSpinStart?: () => void;
     onSpinEnd?: (item: SpinWheelItem) => void;
     containerStyle?: ViewStyle;
     centerStyle?: ViewStyle;
-    spinButtonText?: string;
     wheelTextStyle?: TextStyle;
     knobStyle?: ViewStyle;
-    actionButtonStyle?: ViewStyle;
-    actionButtonTextStyle?: TextStyle;
-    actionButtonProps?: Partial<Omit<AppButtonProps, "title" | "onPress">>;
     wheelBorderColor?: string;
     wheelBorderWidth?: number;
     wheelTextColor?: string;

package/lib/typescript/src/components/Wheel/Wheel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Wheel.d.ts","sourceRoot":"","sources":["../../../../../src/components/Wheel/Wheel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAC3D,OAAO,EAOL,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAE,cAAc,EAAU,MAAM,WAAW,CAAC;AAEnD,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAWD,UAAU,cAAc;IACtB,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,mBAAmB,CAAC,EAAE,aAAa,GAAG,MAAM,GAAG,MAAM,CAAC;IACtD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,aAAa,GAAG,MAAM,GAAG,MAAM,CAAC;IACzC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IAC1C,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B,qBAAqB,CAAC,EAAE,SAAS,CAAC;IAClC,iBAAiB,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,SAAS,CAAC,CAAC,CAAC;IACvE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACnC;AAOD,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAmSvC,CAAC;AAqDF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"Wheel.d.ts","sourceRoot":"","sources":["../../../../../src/components/Wheel/Wheel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAC3D,OAAO,EAIL,SAAS,EAET,SAAS,EACV,MAAM,cAAc,CAAC;AAGtB,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAUD,UAAU,cAAc;IACtB,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,aAAa,GAAG,MAAM,GAAG,MAAM,CAAC;IACzC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IAC1C,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACnC;AAMD,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA4OvC,CAAC;AAqDF,eAAe,SAAS,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "related-ui-components",
-  "version": "4.1.2",
+  "version": "4.1.3",
   "main": "./src/index.ts",
   "scripts": {
     "start": "expo start",

package/src/components/Wheel/Wheel.tsx

@@ -1,16 +1,13 @@
-import React, { useState, useRef, useEffect } from "react";
+import React, { useEffect, useRef, useState } from "react";
 import {
-  View,
-  StyleSheet,
   Animated,
-  Text,
-  TouchableOpacity,
   Easing,
-  ViewStyle,
+  StyleSheet,
   TextStyle,
+  View,
+  ViewStyle,
 } from "react-native";
-import { Svg, Path, G, Text as SvgText, Circle } from "react-native-svg";
-import { AppButtonProps, Button } from "../Button";
+import { Circle, G, Path, Svg, Text as SvgText } from "react-native-svg";
 
 export interface SpinWheelItem {
   id: string | number;
@@ -20,7 +17,6 @@ export interface SpinWheelItem {
   textColor?: string;
 }
 
-//default random colors
 const colors = [
   "#FF0000", "#FFA500", "#FFFF00", "#008000", "#0000FF", "#800080",
   "#FFC0CB", "#00FFFF", "#FF00FF", "#00FF00", "#4B0082", "#EE82EE",
@@ -31,24 +27,15 @@ const colors = [
 
 interface SpinWheelProps {
   items: SpinWheelItem[];
-  predeterminedWinner?: SpinWheelItem | string | number;
   size?: number;
-  startSpin?: boolean;
   winner?: SpinWheelItem | string | number;
-  minSpinDuration?: number;
   spinDuration?: number;
-  friction?: number;
-  enabled?: boolean;
   onSpinStart?: () => void;
   onSpinEnd?: (item: SpinWheelItem) => void;
   containerStyle?: ViewStyle;
   centerStyle?: ViewStyle;
-  spinButtonText?: string;
   wheelTextStyle?: TextStyle;
   knobStyle?: ViewStyle;
-  actionButtonStyle?: ViewStyle;
-  actionButtonTextStyle?: TextStyle;
-  actionButtonProps?: Partial<Omit<AppButtonProps, "title" | "onPress">>;
   wheelBorderColor?: string;
   wheelBorderWidth?: number;
   wheelTextColor?: string;
@@ -57,96 +44,83 @@ interface SpinWheelProps {
   centerComponent?: React.ReactNode;
 }
 
-// Constants for consistent animation
-const ROTATION_DURATION = 2500; // Duration for one full rotation
-const DECEL_DURATION = 3000; // Duration for deceleration phase
-const EXTRA_SPINS = 3; // Number of extra full rotations before stopping
+// Config for the single animation
+const TOTAL_SPINS = 5; // How many full rotations before stopping
+const SPIN_DURATION = 4000; // Total time for the one animation
 
 const SpinWheel: React.FC<SpinWheelProps> = ({
   items,
   size = 300,
   winner,
-  minSpinDuration = 2000,
-  onSpinStart,
   onSpinEnd,
   containerStyle,
   centerStyle,
-  spinButtonText = "Spin",
   wheelTextStyle,
   knobStyle,
   knobColor = "#D81E5B",
-  actionButtonStyle,
-  actionButtonTextStyle,
   wheelBorderColor,
   wheelBorderWidth,
   wheelTextColor = "#FFFFFF",
-  actionButtonProps,
   centerSize,
   centerComponent,
 }) => {
   const wheelItems = items.length > 0 ? items : [];
-
-  const spinLoop = useRef<Animated.CompositeAnimation | null>(null);
-  const spinStartTime = useRef<number>(0);
-
   const [spinning, setSpinning] = useState(false);
+  
+  // 0-1 represents 0-360 degrees. We keep increasing this value.
   const rotateValue = useRef(new Animated.Value(0)).current;
   const rotationRef = useRef(0);
 
-  const startInfiniteSpin = () => {
-    rotateValue.setValue(rotationRef.current);
-    spinStartTime.current = Date.now();
-
-    spinLoop.current = Animated.loop(
-      Animated.timing(rotateValue, {
-        toValue: rotationRef.current + 1,
-        duration: ROTATION_DURATION,
-        easing: Easing.linear,
-        useNativeDriver: true,
-      })
-    );
-
-    spinLoop.current.start();
-    setSpinning(true);
-    onSpinStart?.();
-  };
-
-  const stopOnWinner = (winnerValue: SpinWheelItem | string | number) => {
-    if (!spinLoop.current) return;
+  // Sync the ref with the animated value to ensure we start next spin from where we left off
+  useEffect(() => {
+    const listener = rotateValue.addListener(({ value }) => {
+      rotationRef.current = value;
+    });
+    return () => {
+      rotateValue.removeListener(listener);
+    };
+  }, [rotateValue]);
 
-    spinLoop.current.stop();
-    spinLoop.current = null;
+  // Main Logic: Trigger spin when 'winner' is provided
+  useEffect(() => {
+    if (winner != null && !spinning) {
+      spinToWinner(winner);
+    }
+  }, [winner]);
 
+  const spinToWinner = (winnerValue: SpinWheelItem | string | number) => {
     const winnerId =
       typeof winnerValue === "object" ? winnerValue.id : winnerValue;
 
     const index = items.findIndex((i) => i.id === winnerId);
-    if (index === -1) return;
+    if (index === -1) {
+      console.warn("Winner not found in items array");
+      return;
+    }
 
-    // Calculate target angle (pointer at top = 270 degrees)
+    setSpinning(true);
+
+    // 1. Calculate the angle where the item is centered
     const anglePerItem = 360 / items.length;
+    // We want the item centered at 270 degrees (top of the wheel in standard SVG)
     const segmentCenter = (index + 0.5) * anglePerItem;
     const targetAngle = (270 - segmentCenter + 360) % 360;
 
-    // Get current rotation position
-    const currentRotation = rotationRef.current;
-    const currentAngle = (currentRotation * 360) % 360;
-    
-    // Calculate shortest path to target
-    let offset = (targetAngle - currentAngle + 360) % 360;
-    
-    // Add extra full rotations for dramatic effect
-    const extraRotations = EXTRA_SPINS * 360;
-    const totalRotation = offset + extraRotations;
-    
-    // Final rotation value
-    const finalRotation = currentRotation + totalRotation / 360;
+    // 2. Calculate offset from current position
+    const currentRotationDegrees = (rotationRef.current * 360) % 360;
+    const offset = (targetAngle - currentRotationDegrees + 360) % 360;
+
+    // 3. Calculate total rotation:
+    // Current Rotation + (Distance to target) + (Extra Full Spins)
+    // We divide by 360 because our Animated.Value goes from 0 to 1 for a full circle
+    const finalRotation =
+      rotationRef.current + (offset + 360 * TOTAL_SPINS) / 360;
 
-    // Use ease-out cubic for smooth deceleration
+    // 4. One smooth animation
     Animated.timing(rotateValue, {
       toValue: finalRotation,
-      duration: DECEL_DURATION,
-      easing: Easing.out(Easing.cubic),
+      duration: SPIN_DURATION,
+      easing: Easing.out(Easing.cubic), // Starts fast, slows down smoothly
       useNativeDriver: true,
     }).start(() => {
       rotationRef.current = finalRotation;
@@ -155,16 +129,6 @@ const SpinWheel: React.FC<SpinWheelProps> = ({
     });
   };
 
-  useEffect(() => {
-    const listener = rotateValue.addListener(({ value }) => {
-      rotationRef.current = value;
-    });
-
-    return () => {
-      rotateValue.removeListener(listener);
-    };
-  }, [rotateValue]);
-
   const anglePerItem = wheelItems.length > 0 ? 360 / wheelItems.length : 0;
 
   const generateWheelPaths = () => {
@@ -206,19 +170,6 @@ const SpinWheel: React.FC<SpinWheelProps> = ({
 
   const wheelPaths = generateWheelPaths();
 
-  useEffect(() => {
-    if (!winner || !spinning) return;
-
-    const elapsed = Date.now() - spinStartTime.current;
-    const delay = Math.max(0, minSpinDuration - elapsed);
-
-    const timeout = setTimeout(() => {
-      stopOnWinner(winner);
-    }, delay);
-
-    return () => clearTimeout(timeout);
-  }, [winner, spinning]);
-
   const rotate = rotateValue.interpolate({
     inputRange: [0, 1],
     outputRange: ["0deg", "360deg"],
@@ -330,26 +281,6 @@ const SpinWheel: React.FC<SpinWheelProps> = ({
             ]}
           />
         </View>
-
-        <View
-          style={{
-            position: "absolute",
-            width: "100%",
-            alignItems: "center",
-            justifyContent: "center",
-            bottom: -70,
-            zIndex: 2,
-          }}
-        >
-          <Button
-            style={[styles.actionButton, actionButtonStyle]}
-            onPress={startInfiniteSpin}
-            title={spinButtonText}
-            disabled={spinning}
-            textStyle={[styles.actionButtonText, actionButtonTextStyle]}
-            {...actionButtonProps}
-          />
-        </View>
       </View>
     </View>
   );