related-ui-components 1.8.4 → 1.8.6

package/lib/commonjs/components/Wheel/Wheel.js

@@ -10,57 +10,7 @@ var _reactNativeSvg = require("react-native-svg");
 var _jsxRuntime = require("react/jsx-runtime");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-//default random colors
-const colors = ["#FF0000",
-// Red
-"#FFA500",
-// Orange
-"#FFFF00",
-// Yellow
-"#008000",
-// Green
-"#0000FF",
-// Blue
-"#800080",
-// Purple
-"#FFC0CB",
-// Pink
-"#00FFFF",
-// Cyan
-"#FF00FF",
-// Magenta
-"#00FF00",
-// Lime
-"#4B0082",
-// Indigo
-"#EE82EE",
-// Violet
-"#40E0D0",
-// Turquoise
-"#FFD700",
-// Gold
-"#C0C0C0",
-// Silver
-"#FFDAB9",
-// Peach
-"#E6E6FA",
-// Lavender
-"#008080",
-// Teal
-"#FF7F50",
-// Coral
-"#DC143C",
-// Crimson
-"#87CEEB",
-// Sky Blue
-"#7FFF00",
-// Chartreuse
-"#CCCCFF",
-// Periwinkle
-"#FF6347",
-// Tomato
-"#FA8072" // Salmon
-];
+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"];
 const SpinWheel = ({
   items,
   size = 300,
@@ -76,17 +26,14 @@ const SpinWheel = ({
   knobColor = "#D81E5B",
   actionButtonStyle,
   actionButtonTextStyle,
-  wheelTextColor = "#FFFFFF"
+  wheelTextColor = "#FFFFFF",
+  winner
 }) => {
   const wheelItems = items.length > 0 ? items : [];
   const [spinning, setSpinning] = (0, _react.useState)(false);
-  const [_, setWinner] = (0, _react.useState)(null);
+  const [internalWinner, setInternalWinner] = (0, _react.useState)(null);
   const rotateValue = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
-
-  // Track rotation manually for calculations
   const rotationRef = (0, _react.useRef)(0);
-
-  // Update tracked rotation when animation completes
   (0, _react.useEffect)(() => {
     const listener = rotateValue.addListener(({
       value
@@ -97,17 +44,13 @@ const SpinWheel = ({
       rotateValue.removeListener(listener);
     };
   }, [rotateValue]);
-
-  // Calculate angle for each segment
   const anglePerItem = 360 / wheelItems.length;
 
-  // Create wheel segments
+  // Generate wheel paths and text positions
   const generateWheelPaths = () => {
     return wheelItems.map((item, index) => {
       const startAngle = index * anglePerItem;
       const endAngle = (index + 1) * anglePerItem;
-
-      // Calculate path for segment
       const startRad = startAngle * Math.PI / 180;
       const endRad = endAngle * Math.PI / 180;
       const x1 = size / 2 + size / 2 * Math.cos(startRad);
@@ -116,56 +59,67 @@ const SpinWheel = ({
       const y2 = size / 2 + size / 2 * Math.sin(endRad);
       const largeArcFlag = endAngle - startAngle <= 180 ? "0" : "1";
       const pathData = [`M ${size / 2} ${size / 2}`, `L ${x1} ${y1}`, `A ${size / 2} ${size / 2} 0 ${largeArcFlag} 1 ${x2} ${y2}`, "Z"].join(" ");
-
-      // Calculate coordinates for text and decoration
       const midRad = (startAngle + endAngle) / 2 * (Math.PI / 180);
       const textX = size / 2 + size * 0.32 * Math.cos(midRad);
       const textY = size / 2 + size * 0.32 * Math.sin(midRad);
-      const decorationX = size / 2 + size * 0.43 * Math.cos(midRad);
-      const decorationY = size / 2 + size * 0.43 * Math.sin(midRad);
       return {
         path: pathData,
         item,
         textX,
         textY,
-        decorationX,
-        decorationY,
         angle: (startAngle + endAngle) / 2
       };
     });
   };
   const wheelPaths = generateWheelPaths();
 
-  // Handle spin button press
-  const handleSpin = () => {
-    if (spinning || !enabled) return;
+  // Helper: get index of a SpinWheelItem
+  const getItemIndex = target => wheelItems.findIndex(item => item.id === target.id);
+
+  // Helper: spin to a given index
+  const spinToIndex = (targetIndex, callbackItem) => {
     setSpinning(true);
     onSpinStart?.();
 
-    // Random number of spins (3-5 full rotations) plus random angle
-    const randomSpins = 3 + Math.random() * 2;
-    const randomAngle = Math.random() * 360;
-    const targetRotation = 360 * randomSpins + randomAngle;
+    // The pointer is at 270deg (top), so we want the winner to land there.
+    // The center of the segment is at: (index + 0.5) * anglePerItem
+    const winnerAngle = 360 - ((targetIndex + 0.5) * anglePerItem - 270);
+
+    // Add extra spins for effect
+    const extraSpins = 3;
+    const currentRotation = rotationRef.current * 360;
+    const targetRotation = currentRotation + extraSpins * 360 + winnerAngle;
     _reactNative.Animated.timing(rotateValue, {
-      toValue: rotationRef.current + targetRotation / 360,
+      toValue: targetRotation / 360,
       duration: spinDuration,
       easing: _reactNative.Easing.out(_reactNative.Easing.cubic),
       useNativeDriver: true
-    }).start(() => handleSpinEnd());
+    }).start(() => {
+      setSpinning(false);
+      setInternalWinner(callbackItem);
+      onSpinEnd?.(callbackItem);
+    });
   };
 
-  // Handle spin completion
-  const handleSpinEnd = () => {
-    setSpinning(false);
+  // If winner prop changes, spin to it
+  (0, _react.useEffect)(() => {
+    if (!winner || spinning) return;
+    const winnerIndex = getItemIndex(winner);
+    if (winnerIndex === -1) return;
+    spinToIndex(winnerIndex, winner);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [winner]);
+
+  // Handle random spin (if no winner is set)
+  const handleSpin = () => {
+    if (spinning || !enabled) return;
+    // If winner prop is set, ignore button (or you can allow override)
+    if (winner) return;
 
-    // Calculate winning segment based on final rotation with pointer at 270 degrees
-    const normalizedAngle = rotationRef.current * 360 % 360;
-    // Adjust calculation to account for pointer at 270 degrees (instead of 0)
-    const winningIndex = Math.floor((normalizedAngle - 270) % 360 / anglePerItem);
-    const adjustedIndex = (wheelItems.length - 1 - winningIndex) % wheelItems.length;
-    const winningItem = wheelItems[adjustedIndex >= 0 ? adjustedIndex : wheelItems.length + adjustedIndex];
-    setWinner(winningItem);
-    onSpinEnd?.(winningItem);
+    // Pick a random winner
+    const randomIndex = Math.floor(Math.random() * wheelItems.length);
+    const randomWinner = wheelItems[randomIndex];
+    spinToIndex(randomIndex, randomWinner);
   };
 
   // Animation interpolation for rotation
@@ -199,29 +153,25 @@ const SpinWheel = ({
               item,
               textX,
               textY,
-              decorationX,
-              decorationY,
               angle
-            }, index) => {
-              return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.default.Fragment, {
-                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
-                  d: path,
-                  fill: item.color == "" || null ? colors[Math.floor(Math.random() * colors.length)] : item.color,
-                  stroke: "#000000",
-                  strokeWidth: 1
-                }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Text, {
-                  x: textX,
-                  y: textY,
-                  fill: item.textColor || wheelTextColor,
-                  fontSize: wheelTextStyle?.fontSize || 14,
-                  fontWeight: wheelTextStyle?.fontWeight || "bold",
-                  textAnchor: "middle",
-                  alignmentBaseline: "central",
-                  transform: `rotate(${angle + 180}, ${textX}, ${textY} )`,
-                  children: item.label
-                })]
-              }, item.id);
-            })
+            }, index) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.default.Fragment, {
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+                d: path,
+                fill: !item.color ? colors[index % colors.length] : item.color,
+                stroke: "#000000",
+                strokeWidth: 1
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Text, {
+                x: textX,
+                y: textY,
+                fill: item.textColor || wheelTextColor,
+                fontSize: wheelTextStyle?.fontSize || 14,
+                fontWeight: wheelTextStyle?.fontWeight || "bold",
+                textAnchor: "middle",
+                alignmentBaseline: "central",
+                transform: `rotate(${angle + 180}, ${textX}, ${textY})`,
+                children: item.label
+              })]
+            }, item.id))
           })
         })
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
@@ -253,7 +203,7 @@ const SpinWheel = ({
         },
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
           onPress: handleSpin,
-          disabled: spinning || !enabled,
+          disabled: spinning || !enabled || !!winner,
           style: [styles.actionButton, actionButtonStyle],
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
             style: [styles.actionButtonText, actionButtonTextStyle],
@@ -269,7 +219,7 @@ const styles = _reactNative.StyleSheet.create({
     alignItems: "center",
     justifyContent: "center",
     marginTop: 20,
-    marginBottom: 70 // Space for the button
+    marginBottom: 70
   },
   wheelContainer: {
     overflow: "hidden",

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeSvg","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","colors","SpinWheel","items","size","spinDuration","enabled","onSpinStart","onSpinEnd","containerStyle","centerStyle","spinButtonText","wheelTextStyle","knobStyle","knobColor","actionButtonStyle","actionButtonTextStyle","wheelTextColor","wheelItems","length","spinning","setSpinning","useState","_","setWinner","rotateValue","useRef","Animated","Value","current","rotationRef","useEffect","listener","addListener","value","removeListener","anglePerItem","generateWheelPaths","map","item","index","startAngle","endAngle","startRad","Math","PI","endRad","x1","cos","y1","sin","x2","y2","largeArcFlag","pathData","join","midRad","textX","textY","decorationX","decorationY","path","angle","wheelPaths","handleSpin","randomSpins","random","randomAngle","targetRotation","timing","toValue","duration","easing","Easing","out","cubic","useNativeDriver","start","handleSpinEnd","normalizedAngle","winningIndex","floor","adjustedIndex","winningItem","rotate","interpolate","inputRange","outputRange","jsx","View","style","styles","container","children","jsxs","width","height","wheelContainer","borderRadius","transform","Svg","viewBox","G","Fragment","Path","d","fill","color","stroke","strokeWidth","Text","x","y","textColor","fontSize","fontWeight","textAnchor","alignmentBaseline","label","id","wheelCenter","translateX","translateY","pointerPosition","pointer","borderBottomColor","position","alignItems","justifyContent","bottom","zIndex","TouchableOpacity","onPress","disabled","actionButton","actionButtonText","StyleSheet","create","marginTop","marginBottom","overflow","backgroundColor","top","left","borderWidth","borderColor","borderStyle","borderLeftWidth","borderRightWidth","borderBottomWidth","borderLeftColor","borderRightColor","paddingHorizontal","paddingVertical","shadowColor","shadowRadius","_default","exports"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Wheel/Wheel.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeSvg","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","colors","SpinWheel","items","size","spinDuration","enabled","onSpinStart","onSpinEnd","containerStyle","centerStyle","spinButtonText","wheelTextStyle","knobStyle","knobColor","actionButtonStyle","actionButtonTextStyle","wheelTextColor","winner","wheelItems","length","spinning","setSpinning","useState","internalWinner","setInternalWinner","rotateValue","useRef","Animated","Value","current","rotationRef","useEffect","listener","addListener","value","removeListener","anglePerItem","generateWheelPaths","map","item","index","startAngle","endAngle","startRad","Math","PI","endRad","x1","cos","y1","sin","x2","y2","largeArcFlag","pathData","join","midRad","textX","textY","path","angle","wheelPaths","getItemIndex","target","findIndex","id","spinToIndex","targetIndex","callbackItem","winnerAngle","extraSpins","currentRotation","targetRotation","timing","toValue","duration","easing","Easing","out","cubic","useNativeDriver","start","winnerIndex","handleSpin","randomIndex","floor","random","randomWinner","rotate","interpolate","inputRange","outputRange","jsx","View","style","styles","container","children","jsxs","width","height","wheelContainer","borderRadius","transform","Svg","viewBox","G","Fragment","Path","d","fill","color","stroke","strokeWidth","Text","x","y","textColor","fontSize","fontWeight","textAnchor","alignmentBaseline","label","wheelCenter","translateX","translateY","pointerPosition","pointer","borderBottomColor","position","alignItems","justifyContent","bottom","zIndex","TouchableOpacity","onPress","disabled","actionButton","actionButtonText","StyleSheet","create","marginTop","marginBottom","overflow","backgroundColor","top","left","borderWidth","borderColor","borderStyle","borderLeftWidth","borderRightWidth","borderBottomWidth","borderLeftColor","borderRightColor","paddingHorizontal","paddingVertical","shadowColor","shadowRadius","_default","exports"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Wheel/Wheel.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -4,57 +4,7 @@ import React, { useState, useRef, useEffect } from "react";
 import { View, StyleSheet, Animated, Text, TouchableOpacity, Easing } from "react-native";
 import { Svg, Path, G, Text as SvgText } from "react-native-svg";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-//default random colors
-const colors = ["#FF0000",
-// Red
-"#FFA500",
-// Orange
-"#FFFF00",
-// Yellow
-"#008000",
-// Green
-"#0000FF",
-// Blue
-"#800080",
-// Purple
-"#FFC0CB",
-// Pink
-"#00FFFF",
-// Cyan
-"#FF00FF",
-// Magenta
-"#00FF00",
-// Lime
-"#4B0082",
-// Indigo
-"#EE82EE",
-// Violet
-"#40E0D0",
-// Turquoise
-"#FFD700",
-// Gold
-"#C0C0C0",
-// Silver
-"#FFDAB9",
-// Peach
-"#E6E6FA",
-// Lavender
-"#008080",
-// Teal
-"#FF7F50",
-// Coral
-"#DC143C",
-// Crimson
-"#87CEEB",
-// Sky Blue
-"#7FFF00",
-// Chartreuse
-"#CCCCFF",
-// Periwinkle
-"#FF6347",
-// Tomato
-"#FA8072" // Salmon
-];
+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"];
 const SpinWheel = ({
   items,
   size = 300,
@@ -70,17 +20,14 @@ const SpinWheel = ({
   knobColor = "#D81E5B",
   actionButtonStyle,
   actionButtonTextStyle,
-  wheelTextColor = "#FFFFFF"
+  wheelTextColor = "#FFFFFF",
+  winner
 }) => {
   const wheelItems = items.length > 0 ? items : [];
   const [spinning, setSpinning] = useState(false);
-  const [_, setWinner] = useState(null);
+  const [internalWinner, setInternalWinner] = useState(null);
   const rotateValue = useRef(new Animated.Value(0)).current;
-
-  // Track rotation manually for calculations
   const rotationRef = useRef(0);
-
-  // Update tracked rotation when animation completes
   useEffect(() => {
     const listener = rotateValue.addListener(({
       value
@@ -91,17 +38,13 @@ const SpinWheel = ({
       rotateValue.removeListener(listener);
     };
   }, [rotateValue]);
-
-  // Calculate angle for each segment
   const anglePerItem = 360 / wheelItems.length;
 
-  // Create wheel segments
+  // Generate wheel paths and text positions
   const generateWheelPaths = () => {
     return wheelItems.map((item, index) => {
       const startAngle = index * anglePerItem;
       const endAngle = (index + 1) * anglePerItem;
-
-      // Calculate path for segment
       const startRad = startAngle * Math.PI / 180;
       const endRad = endAngle * Math.PI / 180;
       const x1 = size / 2 + size / 2 * Math.cos(startRad);
@@ -110,56 +53,67 @@ const SpinWheel = ({
       const y2 = size / 2 + size / 2 * Math.sin(endRad);
       const largeArcFlag = endAngle - startAngle <= 180 ? "0" : "1";
       const pathData = [`M ${size / 2} ${size / 2}`, `L ${x1} ${y1}`, `A ${size / 2} ${size / 2} 0 ${largeArcFlag} 1 ${x2} ${y2}`, "Z"].join(" ");
-
-      // Calculate coordinates for text and decoration
       const midRad = (startAngle + endAngle) / 2 * (Math.PI / 180);
       const textX = size / 2 + size * 0.32 * Math.cos(midRad);
       const textY = size / 2 + size * 0.32 * Math.sin(midRad);
-      const decorationX = size / 2 + size * 0.43 * Math.cos(midRad);
-      const decorationY = size / 2 + size * 0.43 * Math.sin(midRad);
       return {
         path: pathData,
         item,
         textX,
         textY,
-        decorationX,
-        decorationY,
         angle: (startAngle + endAngle) / 2
       };
     });
   };
   const wheelPaths = generateWheelPaths();
 
-  // Handle spin button press
-  const handleSpin = () => {
-    if (spinning || !enabled) return;
+  // Helper: get index of a SpinWheelItem
+  const getItemIndex = target => wheelItems.findIndex(item => item.id === target.id);
+
+  // Helper: spin to a given index
+  const spinToIndex = (targetIndex, callbackItem) => {
     setSpinning(true);
     onSpinStart?.();
 
-    // Random number of spins (3-5 full rotations) plus random angle
-    const randomSpins = 3 + Math.random() * 2;
-    const randomAngle = Math.random() * 360;
-    const targetRotation = 360 * randomSpins + randomAngle;
+    // The pointer is at 270deg (top), so we want the winner to land there.
+    // The center of the segment is at: (index + 0.5) * anglePerItem
+    const winnerAngle = 360 - ((targetIndex + 0.5) * anglePerItem - 270);
+
+    // Add extra spins for effect
+    const extraSpins = 3;
+    const currentRotation = rotationRef.current * 360;
+    const targetRotation = currentRotation + extraSpins * 360 + winnerAngle;
     Animated.timing(rotateValue, {
-      toValue: rotationRef.current + targetRotation / 360,
+      toValue: targetRotation / 360,
       duration: spinDuration,
       easing: Easing.out(Easing.cubic),
       useNativeDriver: true
-    }).start(() => handleSpinEnd());
+    }).start(() => {
+      setSpinning(false);
+      setInternalWinner(callbackItem);
+      onSpinEnd?.(callbackItem);
+    });
   };
 
-  // Handle spin completion
-  const handleSpinEnd = () => {
-    setSpinning(false);
+  // If winner prop changes, spin to it
+  useEffect(() => {
+    if (!winner || spinning) return;
+    const winnerIndex = getItemIndex(winner);
+    if (winnerIndex === -1) return;
+    spinToIndex(winnerIndex, winner);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [winner]);
+
+  // Handle random spin (if no winner is set)
+  const handleSpin = () => {
+    if (spinning || !enabled) return;
+    // If winner prop is set, ignore button (or you can allow override)
+    if (winner) return;
 
-    // Calculate winning segment based on final rotation with pointer at 270 degrees
-    const normalizedAngle = rotationRef.current * 360 % 360;
-    // Adjust calculation to account for pointer at 270 degrees (instead of 0)
-    const winningIndex = Math.floor((normalizedAngle - 270) % 360 / anglePerItem);
-    const adjustedIndex = (wheelItems.length - 1 - winningIndex) % wheelItems.length;
-    const winningItem = wheelItems[adjustedIndex >= 0 ? adjustedIndex : wheelItems.length + adjustedIndex];
-    setWinner(winningItem);
-    onSpinEnd?.(winningItem);
+    // Pick a random winner
+    const randomIndex = Math.floor(Math.random() * wheelItems.length);
+    const randomWinner = wheelItems[randomIndex];
+    spinToIndex(randomIndex, randomWinner);
   };
 
   // Animation interpolation for rotation
@@ -193,29 +147,25 @@ const SpinWheel = ({
               item,
               textX,
               textY,
-              decorationX,
-              decorationY,
               angle
-            }, index) => {
-              return /*#__PURE__*/_jsxs(React.Fragment, {
-                children: [/*#__PURE__*/_jsx(Path, {
-                  d: path,
-                  fill: item.color == "" || null ? colors[Math.floor(Math.random() * colors.length)] : item.color,
-                  stroke: "#000000",
-                  strokeWidth: 1
-                }), /*#__PURE__*/_jsx(SvgText, {
-                  x: textX,
-                  y: textY,
-                  fill: item.textColor || wheelTextColor,
-                  fontSize: wheelTextStyle?.fontSize || 14,
-                  fontWeight: wheelTextStyle?.fontWeight || "bold",
-                  textAnchor: "middle",
-                  alignmentBaseline: "central",
-                  transform: `rotate(${angle + 180}, ${textX}, ${textY} )`,
-                  children: item.label
-                })]
-              }, item.id);
-            })
+            }, index) => /*#__PURE__*/_jsxs(React.Fragment, {
+              children: [/*#__PURE__*/_jsx(Path, {
+                d: path,
+                fill: !item.color ? colors[index % colors.length] : item.color,
+                stroke: "#000000",
+                strokeWidth: 1
+              }), /*#__PURE__*/_jsx(SvgText, {
+                x: textX,
+                y: textY,
+                fill: item.textColor || wheelTextColor,
+                fontSize: wheelTextStyle?.fontSize || 14,
+                fontWeight: wheelTextStyle?.fontWeight || "bold",
+                textAnchor: "middle",
+                alignmentBaseline: "central",
+                transform: `rotate(${angle + 180}, ${textX}, ${textY})`,
+                children: item.label
+              })]
+            }, item.id))
           })
         })
       }), /*#__PURE__*/_jsx(View, {
@@ -247,7 +197,7 @@ const SpinWheel = ({
         },
         children: /*#__PURE__*/_jsx(TouchableOpacity, {
           onPress: handleSpin,
-          disabled: spinning || !enabled,
+          disabled: spinning || !enabled || !!winner,
           style: [styles.actionButton, actionButtonStyle],
           children: /*#__PURE__*/_jsx(Text, {
             style: [styles.actionButtonText, actionButtonTextStyle],
@@ -263,7 +213,7 @@ const styles = StyleSheet.create({
     alignItems: "center",
     justifyContent: "center",
     marginTop: 20,
-    marginBottom: 70 // Space for the button
+    marginBottom: 70
   },
   wheelContainer: {
     overflow: "hidden",

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

@@ -1 +1 @@
-{"version":3,"names":["React","useState","useRef","useEffect","View","StyleSheet","Animated","Text","TouchableOpacity","Easing","Svg","Path","G","SvgText","jsx","_jsx","jsxs","_jsxs","colors","SpinWheel","items","size","spinDuration","enabled","onSpinStart","onSpinEnd","containerStyle","centerStyle","spinButtonText","wheelTextStyle","knobStyle","knobColor","actionButtonStyle","actionButtonTextStyle","wheelTextColor","wheelItems","length","spinning","setSpinning","_","setWinner","rotateValue","Value","current","rotationRef","listener","addListener","value","removeListener","anglePerItem","generateWheelPaths","map","item","index","startAngle","endAngle","startRad","Math","PI","endRad","x1","cos","y1","sin","x2","y2","largeArcFlag","pathData","join","midRad","textX","textY","decorationX","decorationY","path","angle","wheelPaths","handleSpin","randomSpins","random","randomAngle","targetRotation","timing","toValue","duration","easing","out","cubic","useNativeDriver","start","handleSpinEnd","normalizedAngle","winningIndex","floor","adjustedIndex","winningItem","rotate","interpolate","inputRange","outputRange","style","styles","container","children","width","height","wheelContainer","borderRadius","transform","viewBox","Fragment","d","fill","color","stroke","strokeWidth","x","y","textColor","fontSize","fontWeight","textAnchor","alignmentBaseline","label","id","wheelCenter","translateX","translateY","pointerPosition","pointer","borderBottomColor","position","alignItems","justifyContent","bottom","zIndex","onPress","disabled","actionButton","actionButtonText","create","marginTop","marginBottom","overflow","backgroundColor","top","left","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","useState","useRef","useEffect","View","StyleSheet","Animated","Text","TouchableOpacity","Easing","Svg","Path","G","SvgText","jsx","_jsx","jsxs","_jsxs","colors","SpinWheel","items","size","spinDuration","enabled","onSpinStart","onSpinEnd","containerStyle","centerStyle","spinButtonText","wheelTextStyle","knobStyle","knobColor","actionButtonStyle","actionButtonTextStyle","wheelTextColor","winner","wheelItems","length","spinning","setSpinning","internalWinner","setInternalWinner","rotateValue","Value","current","rotationRef","listener","addListener","value","removeListener","anglePerItem","generateWheelPaths","map","item","index","startAngle","endAngle","startRad","Math","PI","endRad","x1","cos","y1","sin","x2","y2","largeArcFlag","pathData","join","midRad","textX","textY","path","angle","wheelPaths","getItemIndex","target","findIndex","id","spinToIndex","targetIndex","callbackItem","winnerAngle","extraSpins","currentRotation","targetRotation","timing","toValue","duration","easing","out","cubic","useNativeDriver","start","winnerIndex","handleSpin","randomIndex","floor","random","randomWinner","rotate","interpolate","inputRange","outputRange","style","styles","container","children","width","height","wheelContainer","borderRadius","transform","viewBox","Fragment","d","fill","color","stroke","strokeWidth","x","y","textColor","fontSize","fontWeight","textAnchor","alignmentBaseline","label","wheelCenter","translateX","translateY","pointerPosition","pointer","borderBottomColor","position","alignItems","justifyContent","bottom","zIndex","onPress","disabled","actionButton","actionButtonText","create","marginTop","marginBottom","overflow","backgroundColor","top","left","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":[]}

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

@@ -11,7 +11,6 @@ interface SpinWheelProps {
     items: SpinWheelItem[];
     size?: number;
     spinDuration?: number;
-    friction?: number;
     enabled?: boolean;
     onSpinStart?: () => void;
     onSpinEnd?: (item: SpinWheelItem) => void;
@@ -22,10 +21,10 @@ interface SpinWheelProps {
     knobStyle?: ViewStyle;
     actionButtonStyle?: ViewStyle;
     actionButtonTextStyle?: TextStyle;
-    wheelBorderColor?: string;
     wheelTextColor?: string;
     knobColor?: string;
     centerComponent?: React.ReactNode;
+    winner?: SpinWheelItem | null;
 }
 declare const SpinWheel: React.FC<SpinWheelProps>;
 export default SpinWheel;

package/lib/typescript/commonjs/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;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;AA+BD,UAAU,cAAc;IAEtB,KAAK,EAAE,aAAa,EAAE,CAAC;IAGvB,IAAI,CAAC,EAAE,MAAM,CAAC;IAGd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAGlB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IAG1C,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;IAGlC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACnC;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAyOvC,CAAC;AAsDF,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,EAOL,SAAS,EACT,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;AASD,UAAU,cAAc;IACtB,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,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,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,MAAM,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;CAC/B;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAqOvC,CAAC;AAsDF,eAAe,SAAS,CAAC"}

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

@@ -11,7 +11,6 @@ interface SpinWheelProps {
     items: SpinWheelItem[];
     size?: number;
     spinDuration?: number;
-    friction?: number;
     enabled?: boolean;
     onSpinStart?: () => void;
     onSpinEnd?: (item: SpinWheelItem) => void;
@@ -22,10 +21,10 @@ interface SpinWheelProps {
     knobStyle?: ViewStyle;
     actionButtonStyle?: ViewStyle;
     actionButtonTextStyle?: TextStyle;
-    wheelBorderColor?: string;
     wheelTextColor?: string;
     knobColor?: string;
     centerComponent?: React.ReactNode;
+    winner?: SpinWheelItem | null;
 }
 declare const SpinWheel: React.FC<SpinWheelProps>;
 export default SpinWheel;

package/lib/typescript/module/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;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;AA+BD,UAAU,cAAc;IAEtB,KAAK,EAAE,aAAa,EAAE,CAAC;IAGvB,IAAI,CAAC,EAAE,MAAM,CAAC;IAGd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAGlB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IAG1C,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;IAGlC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACnC;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAyOvC,CAAC;AAsDF,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,EAOL,SAAS,EACT,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;AASD,UAAU,cAAc;IACtB,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,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,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,MAAM,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;CAC/B;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAqOvC,CAAC;AAsDF,eAAe,SAAS,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "related-ui-components",
   "main": "./src/index.ts",
-  "version": "1.8.4",
+  "version": "1.8.6",
   "scripts": {
     "start": "expo start",
     "reset-project": "node ./scripts/reset-project.js",

package/src/components/Wheel/Wheel.tsx

@@ -19,52 +19,20 @@ export interface SpinWheelItem {
   textColor?: string;
 }
 
-//default random colors
 const colors = [
-    "#FF0000", // Red
-    "#FFA500", // Orange
-    "#FFFF00", // Yellow
-    "#008000", // Green
-    "#0000FF", // Blue
-    "#800080", // Purple
-    "#FFC0CB", // Pink
-    "#00FFFF", // Cyan
-    "#FF00FF", // Magenta
-    "#00FF00", // Lime
-    "#4B0082", // Indigo
-    "#EE82EE", // Violet
-    "#40E0D0", // Turquoise
-    "#FFD700", // Gold
-    "#C0C0C0", // Silver
-    "#FFDAB9", // Peach
-    "#E6E6FA", // Lavender
-    "#008080", // Teal
-    "#FF7F50", // Coral
-    "#DC143C", // Crimson
-    "#87CEEB", // Sky Blue
-    "#7FFF00", // Chartreuse
-    "#CCCCFF", // Periwinkle
-    "#FF6347", // Tomato
-    "#FA8072"  // Salmon
+  "#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"
 ];
 
 interface SpinWheelProps {
-  // Data
   items: SpinWheelItem[];
-
-  // Dimensions
   size?: number;
-
-  // Behavior
   spinDuration?: number;
-  friction?: number;
   enabled?: boolean;
-
-  // Events
   onSpinStart?: () => void;
   onSpinEnd?: (item: SpinWheelItem) => void;
-
-  // Styling
   containerStyle?: ViewStyle;
   centerStyle?: ViewStyle;
   spinButtonText?: string;
@@ -72,14 +40,10 @@ interface SpinWheelProps {
   knobStyle?: ViewStyle;
   actionButtonStyle?: ViewStyle;
   actionButtonTextStyle?: TextStyle;
-
-  // Custom colors
-  wheelBorderColor?: string;
   wheelTextColor?: string;
   knobColor?: string;
-
-  // Custom components
   centerComponent?: React.ReactNode;
+  winner?: SpinWheelItem | null; // Winner to spin to
 }
 
 const SpinWheel: React.FC<SpinWheelProps> = ({
@@ -98,69 +62,51 @@ const SpinWheel: React.FC<SpinWheelProps> = ({
   actionButtonStyle,
   actionButtonTextStyle,
   wheelTextColor = "#FFFFFF",
+  winner,
 }) => {
   const wheelItems = items.length > 0 ? items : [];
-
   const [spinning, setSpinning] = useState(false);
-  const [_, setWinner] = useState<SpinWheelItem | null>(null);
+  const [internalWinner, setInternalWinner] = useState<SpinWheelItem | null>(null);
   const rotateValue = useRef(new Animated.Value(0)).current;
-
-  // Track rotation manually for calculations
   const rotationRef = useRef(0);
 
-  // Update tracked rotation when animation completes
   useEffect(() => {
     const listener = rotateValue.addListener(({ value }) => {
       rotationRef.current = value;
     });
-
     return () => {
       rotateValue.removeListener(listener);
     };
   }, [rotateValue]);
 
-  // Calculate angle for each segment
   const anglePerItem = 360 / wheelItems.length;
 
-  // Create wheel segments
+  // Generate wheel paths and text positions
   const generateWheelPaths = () => {
     return wheelItems.map((item, index) => {
       const startAngle = index * anglePerItem;
       const endAngle = (index + 1) * anglePerItem;
-
-      // Calculate path for segment
       const startRad = (startAngle * Math.PI) / 180;
       const endRad = (endAngle * Math.PI) / 180;
-
       const x1 = size / 2 + (size / 2) * Math.cos(startRad);
       const y1 = size / 2 + (size / 2) * Math.sin(startRad);
       const x2 = size / 2 + (size / 2) * Math.cos(endRad);
       const y2 = size / 2 + (size / 2) * Math.sin(endRad);
-
       const largeArcFlag = endAngle - startAngle <= 180 ? "0" : "1";
-
       const pathData = [
         `M ${size / 2} ${size / 2}`,
         `L ${x1} ${y1}`,
         `A ${size / 2} ${size / 2} 0 ${largeArcFlag} 1 ${x2} ${y2}`,
         "Z",
       ].join(" ");
-
-      // Calculate coordinates for text and decoration
       const midRad = ((startAngle + endAngle) / 2) * (Math.PI / 180);
       const textX = size / 2 + size * 0.32 * Math.cos(midRad);
       const textY = size / 2 + size * 0.32 * Math.sin(midRad);
-
-      const decorationX = size / 2 + size * 0.43 * Math.cos(midRad);
-      const decorationY = size / 2 + size * 0.43 * Math.sin(midRad);
-
       return {
         path: pathData,
         item,
         textX,
         textY,
-        decorationX,
-        decorationY,
         angle: (startAngle + endAngle) / 2,
       };
     });
@@ -168,45 +114,56 @@ const SpinWheel: React.FC<SpinWheelProps> = ({
 
   const wheelPaths = generateWheelPaths();
 
-  // Handle spin button press
-  const handleSpin = () => {
-    if (spinning || !enabled) return;
+  // Helper: get index of a SpinWheelItem
+  const getItemIndex = (target: SpinWheelItem) =>
+    wheelItems.findIndex((item) => item.id === target.id);
 
+  // Helper: spin to a given index
+  const spinToIndex = (targetIndex: number, callbackItem: SpinWheelItem) => {
     setSpinning(true);
     onSpinStart?.();
 
-    // Random number of spins (3-5 full rotations) plus random angle
-    const randomSpins = 3 + Math.random() * 2;
-    const randomAngle = Math.random() * 360;
-    const targetRotation = 360 * randomSpins + randomAngle;
+    // The pointer is at 270deg (top), so we want the winner to land there.
+    // The center of the segment is at: (index + 0.5) * anglePerItem
+    const winnerAngle =
+      360 - ((targetIndex + 0.5) * anglePerItem - 270);
+
+    // Add extra spins for effect
+    const extraSpins = 3;
+    const currentRotation = rotationRef.current * 360;
+    const targetRotation = currentRotation + extraSpins * 360 + winnerAngle;
 
     Animated.timing(rotateValue, {
-      toValue: rotationRef.current + targetRotation / 360,
+      toValue: targetRotation / 360,
       duration: spinDuration,
       easing: Easing.out(Easing.cubic),
       useNativeDriver: true,
-    }).start(() => handleSpinEnd());
+    }).start(() => {
+      setSpinning(false);
+      setInternalWinner(callbackItem);
+      onSpinEnd?.(callbackItem);
+    });
   };
 
-  // Handle spin completion
-  const handleSpinEnd = () => {
-    setSpinning(false);
-
-    // Calculate winning segment based on final rotation with pointer at 270 degrees
-    const normalizedAngle = (rotationRef.current * 360) % 360;
-    // Adjust calculation to account for pointer at 270 degrees (instead of 0)
-    const winningIndex = Math.floor(
-      ((normalizedAngle - 270) % 360) / anglePerItem
-    );
-    const adjustedIndex =
-      (wheelItems.length - 1 - winningIndex) % wheelItems.length;
-    const winningItem =
-      wheelItems[
-        adjustedIndex >= 0 ? adjustedIndex : wheelItems.length + adjustedIndex
-      ];
+  // If winner prop changes, spin to it
+  useEffect(() => {
+    if (!winner || spinning) return;
+    const winnerIndex = getItemIndex(winner);
+    if (winnerIndex === -1) return;
+    spinToIndex(winnerIndex, winner);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [winner]);
+
+  // Handle random spin (if no winner is set)
+  const handleSpin = () => {
+    if (spinning || !enabled) return;
+    // If winner prop is set, ignore button (or you can allow override)
+    if (winner) return;
 
-    setWinner(winningItem);
-    onSpinEnd?.(winningItem);
+    // Pick a random winner
+    const randomIndex = Math.floor(Math.random() * wheelItems.length);
+    const randomWinner = wheelItems[randomIndex];
+    spinToIndex(randomIndex, randomWinner);
   };
 
   // Animation interpolation for rotation
@@ -233,35 +190,32 @@ const SpinWheel: React.FC<SpinWheelProps> = ({
           <Svg width={size} height={size} viewBox={`0 0 ${size} ${size}`}>
             <G>
               {wheelPaths.map(
-                (
-                  { path, item, textX, textY, decorationX, decorationY, angle },
-                  index
-                ) => {
-                  return (
-                    <React.Fragment key={item.id}>
-                      <Path
-                        d={path}
-                        fill={item.color == "" || null ? colors[Math.floor(Math.random() * colors.length)] : item.color}
-                        stroke="#000000"
-                        strokeWidth={1}
-                      />
-
-                      {/* Fixed text rendering */}
-                      <SvgText
-                        x={textX}
-                        y={textY}
-                        fill={item.textColor || wheelTextColor}
-                        fontSize={wheelTextStyle?.fontSize || 14}
-                        fontWeight={wheelTextStyle?.fontWeight || "bold"}
-                        textAnchor="middle"
-                        alignmentBaseline="central"
-                        transform={`rotate(${angle + 180}, ${textX}, ${textY} )`}
-                      >
-                        {item.label}
-                      </SvgText>
-                    </React.Fragment>
-                  );
-                }
+                ({ path, item, textX, textY, angle }, index) => (
+                  <React.Fragment key={item.id}>
+                    <Path
+                      d={path}
+                      fill={
+                        !item.color
+                          ? colors[index % colors.length]
+                          : item.color
+                      }
+                      stroke="#000000"
+                      strokeWidth={1}
+                    />
+                    <SvgText
+                      x={textX}
+                      y={textY}
+                      fill={item.textColor || wheelTextColor}
+                      fontSize={wheelTextStyle?.fontSize || 14}
+                      fontWeight={wheelTextStyle?.fontWeight || "bold"}
+                      textAnchor="middle"
+                      alignmentBaseline="central"
+                      transform={`rotate(${angle + 180}, ${textX}, ${textY})`}
+                    >
+                      {item.label}
+                    </SvgText>
+                  </React.Fragment>
+                )
               )}
             </G>
           </Svg>
@@ -280,13 +234,21 @@ const SpinWheel: React.FC<SpinWheelProps> = ({
               ],
               borderRadius: size / 5,
             },
-            centerStyle
+            centerStyle,
           ]}
-        />
+        >
+          {/** Optional: custom center component */}
+        </View>
 
         {/* The pointer is a triangle on top */}
         <View style={styles.pointerPosition}>
-          <View style={[styles.pointer, { borderBottomColor: knobColor }, knobStyle]} />
+          <View
+            style={[
+              styles.pointer,
+              { borderBottomColor: knobColor },
+              knobStyle,
+            ]}
+          />
         </View>
 
         {/* Action Button */}
@@ -302,12 +264,10 @@ const SpinWheel: React.FC<SpinWheelProps> = ({
         >
           <TouchableOpacity
             onPress={handleSpin}
-            disabled={spinning || !enabled}
-            style={[styles.actionButton,  actionButtonStyle]}
+            disabled={spinning || !enabled || !!winner}
+            style={[styles.actionButton, actionButtonStyle]}
           >
-            <Text
-              style={[styles.actionButtonText, actionButtonTextStyle]}
-            >
+            <Text style={[styles.actionButtonText, actionButtonTextStyle]}>
               {spinButtonText}
             </Text>
           </TouchableOpacity>
@@ -322,7 +282,7 @@ const styles = StyleSheet.create({
     alignItems: "center",
     justifyContent: "center",
     marginTop: 20,
-    marginBottom: 70, // Space for the button
+    marginBottom: 70,
   },
   wheelContainer: {
     overflow: "hidden",
@@ -361,12 +321,12 @@ const styles = StyleSheet.create({
     borderRadius: 25,
     shadowColor: "#000",
     shadowRadius: 3,
-    backgroundColor: "grey"
+    backgroundColor: "grey",
   },
   actionButtonText: {
     fontWeight: "bold",
     fontSize: 16,
-  }
+  },
 });
 
 export default SpinWheel;