related-ui-components 3.2.2 → 3.2.4

package/lib/module/app.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","SafeAreaView","StyleSheet","StatusBar","GestureHandlerRootView","lightTheme","RelatedProvider","useTheme","CircularProgressBar","PhoneInput","BottomSheetStackProvider","SafeAreaProvider","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","DUMMY_DATA","Array","from","length","_","i","id","image","title","App","theme","departureDate","setDepartureDate","undefined","returnDate","setReturnDate","progress","setProgress","handleAnimate","newProgress","Math","floor","random","children","style","flex","barStyle","styles","appContainer","variant","totalSteps","currentStep","size","fontSize","strokeWidth","progressColor","value","placeholder","onChangeText","inputContainerStyle","height","create","backgroundColor","justifyContent","alignItems"],"sourceRoot":"..\\..\\src","sources":["app.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useState","SafeAreaView","StyleSheet","StatusBar","GestureHandlerRootView","lightTheme","RelatedProvider","useTheme","CircularProgressBar","PhoneInput","BottomSheetStackProvider","SafeAreaProvider","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","DUMMY_DATA","Array","from","length","_","i","id","image","title","App","theme","departureDate","setDepartureDate","undefined","returnDate","setReturnDate","progress","setProgress","handleAnimate","newProgress","Math","floor","random","children","style","flex","barStyle","styles","appContainer","variant","totalSteps","currentStep","size","fontSize","strokeWidth","progressColor","value","placeholder","onChangeText","inputContainerStyle","height","create","backgroundColor","justifyContent","alignItems"],"sourceRoot":"..\\..\\src","sources":["app.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/ScratchCard/ScratchCard.js

@@ -1,7 +1,13 @@
 "use strict";
 
-import React, { useState, useEffect, useCallback } from "react";
-import { Canvas, Group, Image, Mask, Path, Rect, Skia, useImage, Text, useFont, notifyChange, LinearGradient } from "@shopify/react-native-skia";
+import React, { useState, useEffect, useCallback // Import useCallback
+} from "react";
+import { Canvas, Group, Image, Mask, Path, Rect, Skia, useImage, Text, useFont, notifyChange
+// Import SkPath type
+// Import SkFont type
+,
+// Import SkImage type
+LinearGradient } from "@shopify/react-native-skia";
 import { View, StyleSheet } from "react-native";
 import { runOnJS, useSharedValue } from "react-native-reanimated";
 import { Gesture, GestureDetector, GestureHandlerRootView } from "react-native-gesture-handler";
@@ -103,46 +109,6 @@ const ScratchCard = ({
     return null;
   }, [loadedFont, text, areaWidth, areaHeight]);
   const canRenderCanvas = isLayoutReady && areaWidth > 0 && areaHeight > 0;
-  const renderScratchContent = () => {
-    return /*#__PURE__*/_jsxs(Group, {
-      children: [gradient ? /*#__PURE__*/_jsx(Rect, {
-        x: 0,
-        y: 0,
-        width: areaWidth,
-        height: areaHeight,
-        children: /*#__PURE__*/_jsx(LinearGradient, {
-          start: gradient.start ?? {
-            x: 0,
-            y: 0
-          },
-          end: gradient.end ?? {
-            x: areaWidth,
-            y: areaHeight
-          },
-          colors: gradient.colors
-        })
-      }) : /*#__PURE__*/_jsx(Rect, {
-        x: 0,
-        y: 0,
-        width: areaWidth,
-        height: areaHeight,
-        color: backgroundColor
-      }), loadedImg && /*#__PURE__*/_jsx(Image, {
-        image: loadedImg,
-        fit: "contain",
-        x: 0,
-        y: 0,
-        width: areaWidth,
-        height: areaHeight
-      }), loadedFont && textMetrics && text && /*#__PURE__*/_jsx(Text, {
-        x: textMetrics.x,
-        y: textMetrics.y,
-        text: text,
-        color: textFontColor,
-        font: loadedFont
-      })]
-    });
-  };
   return /*#__PURE__*/_jsx(GestureHandlerRootView, {
     style: {
       justifyContent: "center",
@@ -157,32 +123,72 @@ const ScratchCard = ({
       children: [canRenderCanvas && /*#__PURE__*/_jsx(View, {
         style: styles.content,
         children: children
-      }), !isScratched && canRenderCanvas && /*#__PURE__*/_jsx(View, {
-        style: styles.scratchOverlay,
-        pointerEvents: "box-only",
-        children: /*#__PURE__*/_jsx(GestureDetector, {
-          gesture: pan,
-          children: /*#__PURE__*/_jsx(Canvas, {
-            style: styles.canvas,
-            children: /*#__PURE__*/_jsx(Mask, {
-              mode: "luminance",
-              mask: /*#__PURE__*/_jsxs(Group, {
-                children: [/*#__PURE__*/_jsx(Rect, {
+      }), !isScratched && canRenderCanvas && /*#__PURE__*/_jsx(GestureDetector, {
+        gesture: pan,
+        children: /*#__PURE__*/_jsx(Canvas, {
+          style: styles.canvas,
+          children: /*#__PURE__*/_jsx(Mask, {
+            mode: "luminance",
+            mask: /*#__PURE__*/_jsxs(Group, {
+              children: [/*#__PURE__*/_jsx(Rect, {
+                x: 0,
+                y: 0,
+                width: areaWidth,
+                height: areaHeight,
+                color: "white"
+              }), /*#__PURE__*/_jsx(Path, {
+                path: path,
+                color: "black",
+                style: "stroke",
+                strokeJoin: "round",
+                strokeCap: "round",
+                strokeWidth: brushStrokeWidth
+              })]
+            }),
+            children: loadedImg ? /*#__PURE__*/_jsx(Image, {
+              image: loadedImg,
+              fit: "cover",
+              x: 0,
+              y: 0,
+              width: areaWidth,
+              height: areaHeight
+            }) : gradient ? /*#__PURE__*/_jsxs(Group, {
+              children: [/*#__PURE__*/_jsx(LinearGradient, {
+                start: gradient.start ?? {
                   x: 0,
-                  y: 0,
-                  width: areaWidth,
-                  height: areaHeight,
-                  color: "white"
-                }), /*#__PURE__*/_jsx(Path, {
-                  path: path,
-                  color: "black",
-                  style: "stroke",
-                  strokeJoin: "round",
-                  strokeCap: "round",
-                  strokeWidth: brushStrokeWidth
-                })]
-              }),
-              children: renderScratchContent()
+                  y: 0
+                },
+                end: gradient.end ?? {
+                  x: areaWidth,
+                  y: areaHeight
+                },
+                colors: gradient.colors
+              }), /*#__PURE__*/_jsx(Rect, {
+                x: 0,
+                y: 0,
+                width: areaWidth,
+                height: areaHeight
+              }), loadedFont && textMetrics && text ? /*#__PURE__*/_jsx(Text, {
+                x: textMetrics.x,
+                y: textMetrics.y,
+                text: text,
+                color: textFontColor,
+                font: loadedFont
+              }) : null]
+            }) : /*#__PURE__*/_jsxs(Group, {
+              children: [/*#__PURE__*/_jsx(Rect, {
+                x: 0,
+                y: 0,
+                width: areaWidth,
+                height: areaHeight,
+                color: backgroundColor
+              }), loadedFont && textMetrics && text ? /*#__PURE__*/_jsx(Text, {
+                x: textMetrics.x,
+                y: textMetrics.y,
+                text: text,
+                color: textFontColor,
+                font: loadedFont
+              }) : null]
             })
           })
         })
@@ -203,19 +209,13 @@ const styles = StyleSheet.create({
     height: "100%",
     zIndex: 1
   },
-  scratchOverlay: {
+  canvas: {
     position: "absolute",
     top: 0,
     left: 0,
     width: "100%",
     height: "100%",
-    zIndex: 10,
-    backgroundColor: "transparent"
-  },
-  canvas: {
-    flex: 1,
-    width: "100%",
-    height: "100%"
+    zIndex: 2
   }
 });
 export default ScratchCard;

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

@@ -1 +1 @@
-{"version":3,"names":["React","useState","useEffect","useCallback","Canvas","Group","Image","Mask","Path","Rect","Skia","useImage","Text","useFont","notifyChange","LinearGradient","View","StyleSheet","runOnJS","useSharedValue","Gesture","GestureDetector","GestureHandlerRootView","jsx","_jsx","jsxs","_jsxs","ScratchCard","style","children","image","brushStrokeWidth","revealThreshold","width","height","backgroundColor","text","textFont","textFontColor","textFontSize","onScratched","gradient","loadedImg","loadedFont","areaWidth","areaHeight","setSize","isScratched","setScratched","isLayoutReady","setLayoutReady","isThresholdReached","path","Make","value","handleLayout","event","newWidth","newHeight","nativeEvent","layout","revealCardOnJS","pan","Pan","averageTouches","maxPointers","onBegin","e","newPath","copy","moveTo","x","y","lineTo","error","console","onChange","bounds","getBounds","scratchedArea","totalArea","textMetrics","useMemo","metrics","measureText","textX","textY","canRenderCanvas","renderScratchContent","start","end","colors","color","fit","font","justifyContent","alignContent","onLayout","styles","container","content","scratchOverlay","pointerEvents","gesture","canvas","mode","mask","strokeJoin","strokeCap","strokeWidth","create","position","overflow","top","left","zIndex","flex"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/ScratchCard/ScratchCard.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useState","useEffect","useCallback","Canvas","Group","Image","Mask","Path","Rect","Skia","useImage","Text","useFont","notifyChange","LinearGradient","View","StyleSheet","runOnJS","useSharedValue","Gesture","GestureDetector","GestureHandlerRootView","jsx","_jsx","jsxs","_jsxs","ScratchCard","style","children","image","brushStrokeWidth","revealThreshold","width","height","backgroundColor","text","textFont","textFontColor","textFontSize","onScratched","gradient","loadedImg","loadedFont","areaWidth","areaHeight","setSize","isScratched","setScratched","isLayoutReady","setLayoutReady","isThresholdReached","path","Make","value","handleLayout","event","newWidth","newHeight","nativeEvent","layout","revealCardOnJS","pan","Pan","averageTouches","maxPointers","onBegin","e","newPath","copy","moveTo","x","y","lineTo","error","console","onChange","bounds","getBounds","scratchedArea","totalArea","textMetrics","useMemo","metrics","measureText","textX","textY","canRenderCanvas","justifyContent","alignContent","onLayout","styles","container","content","gesture","canvas","mode","mask","color","strokeJoin","strokeCap","strokeWidth","fit","start","end","colors","font","create","position","overflow","top","left","zIndex"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/ScratchCard/ScratchCard.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Skeleton/Shimmer.js

@@ -1,8 +1,9 @@
 "use strict";
 
 import { LinearGradient } from "expo-linear-gradient";
-import React, { useEffect, useRef, useState } from "react";
-import { Animated, Easing, I18nManager, StyleSheet, View } from "react-native";
+import React, { useEffect } from "react";
+import { I18nManager, StyleSheet, View } from "react-native";
+import Animated, { Easing, interpolate, useAnimatedStyle, useSharedValue, withRepeat, withTiming } from "react-native-reanimated";
 import { useTheme } from "../../theme/index.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const Shimmer = ({
@@ -17,50 +18,50 @@ const Shimmer = ({
   const {
     theme
   } = useTheme();
-  const isRTL = I18nManager.isRTL;
-  const [viewWidth, setViewWidth] = useState(0);
-  const animatedValue = useRef(new Animated.Value(0)).current;
+  const layoutWidth = useSharedValue(0);
+  const progress = useSharedValue(0);
   useEffect(() => {
-    if (viewWidth === 0) return;
-    const animation = Animated.loop(Animated.timing(animatedValue, {
-      toValue: 1,
+    progress.value = withRepeat(withTiming(1, {
       duration: duration,
-      easing: Easing.linear,
-      useNativeDriver: true
-    }));
-    animation.start();
-    return () => animation.stop();
-  }, [animatedValue, duration, viewWidth]);
+      easing: Easing.linear
+    }), -1, false);
+  }, [duration, progress]);
+
+  // 3. Update width via shared value (no re-render)
   const handleLayout = event => {
-    const {
-      width
-    } = event.nativeEvent.layout;
-    if (width > 0 && Math.round(width) !== Math.round(viewWidth)) {
-      setViewWidth(width);
-    }
+    layoutWidth.value = event.nativeEvent.layout.width;
   };
-  const outputRange = isRTL ? [viewWidth, -(viewWidth + shimmerWidth)] : [-(viewWidth + shimmerWidth), viewWidth];
-  const translateX = animatedValue.interpolate({
-    inputRange: [0, 1],
-    outputRange: outputRange
+
+  // 4. Calculate translation on the UI thread
+  const rStyle = useAnimatedStyle(() => {
+    if (layoutWidth.value === 0) {
+      return {
+        opacity: 0
+      };
+    }
+    const start = -layoutWidth.value;
+    const end = layoutWidth.value;
+    const outputRange = I18nManager.isRTL ? [end, start] : [start, end];
+    const translateX = interpolate(progress.value, [0, 1], outputRange);
+    return {
+      opacity: 1,
+      transform: [{
+        translateX
+      }]
+    };
   });
   const gradientColors = ["rgba(255, 255, 255, 0)", shimmerColor || theme.skeletonShimmer || "rgba(255, 255, 255, 0.3)", "rgba(255, 255, 255, 0)"];
   return /*#__PURE__*/_jsxs(View, {
     onLayout: handleLayout,
-    style: [{
+    style: [styles.container, {
       width,
       height,
-      overflow: "hidden",
-      backgroundColor: theme.skeletonBackgroundColor
+      backgroundColor: theme.skeletonBackgroundColor || "#E0E0E0"
     }, style],
-    children: [children, viewWidth > 0 && /*#__PURE__*/_jsx(Animated.View, {
-      style: {
-        ...StyleSheet.absoluteFillObject,
-        transform: [{
-          translateX
-        }],
+    children: [children, /*#__PURE__*/_jsx(Animated.View, {
+      style: [StyleSheet.absoluteFill, rStyle, {
         zIndex: 1
-      },
+      }],
       children: /*#__PURE__*/_jsx(LinearGradient, {
         colors: gradientColors,
         style: {
@@ -79,5 +80,10 @@ const Shimmer = ({
     })]
   });
 };
+const styles = StyleSheet.create({
+  container: {
+    overflow: "hidden"
+  }
+});
 export default Shimmer;
 //# sourceMappingURL=Shimmer.js.map

package/lib/module/components/Skeleton/Shimmer.js.map

@@ -1 +1 @@
-{"version":3,"names":["LinearGradient","React","useEffect","useRef","useState","Animated","Easing","I18nManager","StyleSheet","View","useTheme","jsx","_jsx","jsxs","_jsxs","Shimmer","children","width","height","style","shimmerColor","duration","shimmerWidth","theme","isRTL","viewWidth","setViewWidth","animatedValue","Value","current","animation","loop","timing","toValue","easing","linear","useNativeDriver","start","stop","handleLayout","event","nativeEvent","layout","Math","round","outputRange","translateX","interpolate","inputRange","gradientColors","skeletonShimmer","onLayout","overflow","backgroundColor","skeletonBackgroundColor","absoluteFillObject","transform","zIndex","colors","x","y","end"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Skeleton/Shimmer.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["LinearGradient","React","useEffect","I18nManager","StyleSheet","View","Animated","Easing","interpolate","useAnimatedStyle","useSharedValue","withRepeat","withTiming","useTheme","jsx","_jsx","jsxs","_jsxs","Shimmer","children","width","height","style","shimmerColor","duration","shimmerWidth","theme","layoutWidth","progress","value","easing","linear","handleLayout","event","nativeEvent","layout","rStyle","opacity","start","end","outputRange","isRTL","translateX","transform","gradientColors","skeletonShimmer","onLayout","styles","container","backgroundColor","skeletonBackgroundColor","absoluteFill","zIndex","colors","x","y","create","overflow"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Skeleton/Shimmer.tsx"],"mappings":"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","ignoreList":[]}

package/lib/typescript/src/app.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"app.d.ts","sourceRoot":"","sources":["../../../src/app.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAiCnD,QAAA,MAAM,GAAG,yBAiJR,CAAC;AAWF,eAAe,GAAG,CAAC"}
+{"version":3,"file":"app.d.ts","sourceRoot":"","sources":["../../../src/app.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAiCnD,QAAA,MAAM,GAAG,yBAgJR,CAAC;AAWF,eAAe,GAAG,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"ScratchCard.d.ts","sourceRoot":"","sources":["../../../../../src/components/ScratchCard/ScratchCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAKN,MAAM,OAAO,CAAC;AAkBf,OAAO,EACL,SAAS,EAET,SAAS,EAET,kBAAkB,EAEnB,MAAM,cAAc,CAAC;AAQtB,KAAK,gBAAgB,GAAG;IACtB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,QAAQ,CAAC,EAAE;QACT,MAAM,EAAE,MAAM,EAAE,CAAC;QACjB,KAAK,CAAC,EAAE;YAAE,CAAC,EAAE,MAAM,CAAC;YAAC,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC;QACjC,GAAG,CAAC,EAAE;YAAE,CAAC,EAAE,MAAM,CAAC;YAAC,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC;KAChC,CAAC;CACH,CAAC;AAEF,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAmN3C,CAAC;AA+BF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"ScratchCard.d.ts","sourceRoot":"","sources":["../../../../../src/components/ScratchCard/ScratchCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAKN,MAAM,OAAO,CAAC;AAkBf,OAAO,EACL,SAAS,EAET,SAAS,EAET,kBAAkB,EAEnB,MAAM,cAAc,CAAC;AAQtB,KAAK,gBAAgB,GAAG;IACtB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,QAAQ,CAAC,EAAE;QACT,MAAM,EAAE,MAAM,EAAE,CAAC;QACjB,KAAK,CAAC,EAAE;YAAE,CAAC,EAAE,MAAM,CAAC;YAAC,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC;QACjC,GAAG,CAAC,EAAE;YAAE,CAAC,EAAE,MAAM,CAAC;YAAC,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC;KAChC,CAAC;CACH,CAAC;AAEF,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA6M3C,CAAC;AAyBF,eAAe,WAAW,CAAC"}

package/lib/typescript/src/components/Skeleton/Shimmer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Shimmer.d.ts","sourceRoot":"","sources":["../../../../../src/components/Skeleton/Shimmer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAC3D,OAAO,EAEL,cAAc,EAId,SAAS,EAGT,SAAS,EACV,MAAM,cAAc,CAAC;AAGtB,UAAU,YAAY;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,MAAM,EAAE,cAAc,CAAC;IACvB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAqFnC,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"Shimmer.d.ts","sourceRoot":"","sources":["../../../../../src/components/Skeleton/Shimmer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EACL,cAAc,EAGd,SAAS,EAGT,SAAS,EACV,MAAM,cAAc,CAAC;AAWtB,UAAU,YAAY;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,MAAM,EAAE,cAAc,CAAC;IACvB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAgFnC,CAAC;AAQF,eAAe,OAAO,CAAC"}

package/package.json

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

package/src/app.tsx

@@ -120,8 +120,7 @@ const App = () => {
                 {/* <RangeSlider initialMinValue={0} initialMaxValue={100} min={0} max={500} sliderWidth={300} onValueChange={console.log}></RangeSlider> */}
                 <PhoneInput
                   value=""
-                                    placeholder="123 456 7890"
-
+                  placeholder="123 456 7890"
                   onChangeText={() => {}}
                   inputContainerStyle={{ height: 55 }}
                 ></PhoneInput>
@@ -139,7 +138,7 @@ const App = () => {
                   backgroundImage={require("./assets/images/namshi-banner.png")}
                 ></SelaDealCard>
       */}
-{/* 
+                {/* 
                 <ScratchCard
                   backgroundColor={"black"}
                   text="Scratch And Win"

package/src/components/ScratchCard/ScratchCard.tsx

@@ -2,7 +2,7 @@ import React, {
   useRef,
   useState,
   useEffect,
-  useCallback,
+  useCallback, // Import useCallback
 } from "react";
 import {
   Canvas,
@@ -16,9 +16,9 @@ import {
   Text,
   useFont,
   notifyChange,
-  SkPath,
-  SkFont,
-  SkImage,
+  SkPath, // Import SkPath type
+  SkFont, // Import SkFont type
+  SkImage, // Import SkImage type
   LinearGradient,
 } from "@shopify/react-native-skia";
 import {
@@ -41,7 +41,7 @@ type ScratchCardProps = {
   image?: ImageRequireSource;
   children?: React.ReactNode;
   brushStrokeWidth?: number;
-  revealThreshold?: number;
+  revealThreshold?: number; // Percentage (0 to 1) - Based on bounding box
   width?: number;
   height?: number;
   backgroundColor?: string;
@@ -173,54 +173,6 @@ const ScratchCard: React.FC<ScratchCardProps> = ({
 
   const canRenderCanvas = isLayoutReady && areaWidth > 0 && areaHeight > 0;
 
-  const renderScratchContent = () => {
-    return (
-      <Group>
-        {/* Background layer */}
-        {gradient ? (
-          <Rect x={0} y={0} width={areaWidth} height={areaHeight}>
-            <LinearGradient
-              start={gradient.start ?? { x: 0, y: 0 }}
-              end={gradient.end ?? { x: areaWidth, y: areaHeight }}
-              colors={gradient.colors}
-            />
-          </Rect>
-        ) : (
-          <Rect
-            x={0}
-            y={0}
-            width={areaWidth}
-            height={areaHeight}
-            color={backgroundColor}
-          />
-        )}
-
-        {/* Image layer */}
-        {loadedImg && (
-          <Image
-            image={loadedImg}
-            fit="contain"
-            x={0}
-            y={0}
-            width={areaWidth}
-            height={areaHeight}
-          />
-        )}
-
-        {/* Text layer */}
-        {loadedFont && textMetrics && text && (
-          <Text
-            x={textMetrics.x}
-            y={textMetrics.y}
-            text={text}
-            color={textFontColor}
-            font={loadedFont}
-          />
-        )}
-      </Group>
-    );
-  };
-
   return (
     <GestureHandlerRootView
       style={{ justifyContent: "center", alignContent: "center" }}
@@ -229,41 +181,83 @@ const ScratchCard: React.FC<ScratchCardProps> = ({
         onLayout={handleLayout}
         style={[styles.container, style, { width, height }]}
       >
-        {/* Prize content */}
         {canRenderCanvas && <View style={styles.content}>{children}</View>}
 
-        {/* Scratch overlay with opaque background */}
         {!isScratched && canRenderCanvas && (
-          <View style={styles.scratchOverlay} pointerEvents="box-only">
-            <GestureDetector gesture={pan}>
-              <Canvas style={styles.canvas}>
-                <Mask
-                  mode="luminance"
-                  mask={
-                    <Group>
-                      <Rect
-                        x={0}
-                        y={0}
-                        width={areaWidth}
-                        height={areaHeight}
-                        color="white"
+          <GestureDetector gesture={pan}>
+            <Canvas style={styles.canvas}>
+              <Mask
+                mode="luminance"
+                mask={
+                  <Group>
+                    <Rect
+                      x={0}
+                      y={0}
+                      width={areaWidth}
+                      height={areaHeight}
+                      color="white"
+                    />
+                    <Path
+                      path={path}
+                      color="black"
+                      style="stroke"
+                      strokeJoin="round"
+                      strokeCap="round"
+                      strokeWidth={brushStrokeWidth}
+                    />
+                  </Group>
+                }
+              >
+                {loadedImg ? (
+                  <Image
+                    image={loadedImg}
+                    fit="cover"
+                    x={0}
+                    y={0}
+                    width={areaWidth}
+                    height={areaHeight}
+                  />
+                ) : gradient ? (
+                  <Group>
+                    <LinearGradient
+                      start={gradient.start ?? { x: 0, y: 0 }}
+                      end={gradient.end ?? { x: areaWidth, y: areaHeight }}
+                      colors={gradient.colors}
+                    ></LinearGradient>
+                    <Rect x={0} y={0} width={areaWidth} height={areaHeight} />
+                    {loadedFont && textMetrics && text ? (
+                      <Text
+                        x={textMetrics.x}
+                        y={textMetrics.y}
+                        text={text}
+                        color={textFontColor}
+                        font={loadedFont}
                       />
-                      <Path
-                        path={path}
-                        color="black"
-                        style="stroke"
-                        strokeJoin="round"
-                        strokeCap="round"
-                        strokeWidth={brushStrokeWidth}
+                    ) : null}
+                  </Group>
+                ) : (
+                  <Group>
+                    <Rect
+                      x={0}
+                      y={0}
+                      width={areaWidth}
+                      height={areaHeight}
+                      color={backgroundColor}
+                    />
+                    {loadedFont && textMetrics && text ? (
+                      <Text
+                        x={textMetrics.x}
+                        y={textMetrics.y}
+                        text={text}
+                        color={textFontColor}
+                        font={loadedFont}
                       />
-                    </Group>
-                  }
-                >
-                  {renderScratchContent()}
-                </Mask>
-              </Canvas>
-            </GestureDetector>
-          </View>
+                    ) : null}
+                  </Group>
+                )}
+              </Mask>
+            </Canvas>
+          </GestureDetector>
         )}
       </View>
     </GestureHandlerRootView>
@@ -283,19 +277,13 @@ const styles = StyleSheet.create({
     height: "100%",
     zIndex: 1,
   },
-  scratchOverlay: {
+  canvas: {
     position: "absolute",
     top: 0,
     left: 0,
     width: "100%",
     height: "100%",
-    zIndex: 10,
-    backgroundColor: "transparent",
-  },
-  canvas: {
-    flex: 1,
-    width: "100%",
-    height: "100%",
+    zIndex: 2,
   },
 });
 

package/src/components/Skeleton/Shimmer.tsx

@@ -1,9 +1,7 @@
 import { LinearGradient } from "expo-linear-gradient";
-import React, { useEffect, useRef, useState } from "react";
+import React, { useEffect } from "react";
 import {
-  Animated,
   DimensionValue,
-  Easing,
   I18nManager,
   LayoutChangeEvent,
   StyleProp,
@@ -11,6 +9,14 @@ import {
   View,
   ViewStyle,
 } from "react-native";
+import Animated, {
+  Easing,
+  interpolate,
+  useAnimatedStyle,
+  useSharedValue,
+  withRepeat,
+  withTiming,
+} from "react-native-reanimated";
 import { useTheme } from "../../theme";
 
 interface ShimmerProps {
@@ -33,40 +39,43 @@ const Shimmer: React.FC<ShimmerProps> = ({
   shimmerWidth = 150,
 }) => {
   const { theme } = useTheme();
-  const isRTL = I18nManager.isRTL;
-  
-  const [viewWidth, setViewWidth] = useState<number>(0);
-  const animatedValue = useRef(new Animated.Value(0)).current;
 
-  useEffect(() => {
-    if (viewWidth === 0) return;
+  const layoutWidth = useSharedValue(0);
+  const progress = useSharedValue(0);
 
-    const animation = Animated.loop(
-      Animated.timing(animatedValue, {
-        toValue: 1,
+  useEffect(() => {
+    progress.value = withRepeat(
+      withTiming(1, {
         duration: duration,
         easing: Easing.linear,
-        useNativeDriver: true,
-      })
+      }),
+      -1,
+      false
     );
-    animation.start();
-    return () => animation.stop();
-  }, [animatedValue, duration, viewWidth]);
+  }, [duration, progress]);
 
+  // 3. Update width via shared value (no re-render)
   const handleLayout = (event: LayoutChangeEvent) => {
-    const { width } = event.nativeEvent.layout;
-    if (width > 0 && Math.round(width) !== Math.round(viewWidth)) {
-      setViewWidth(width);
-    }
+    layoutWidth.value = event.nativeEvent.layout.width;
   };
 
-  const outputRange = isRTL
-    ? [viewWidth, -(viewWidth + shimmerWidth)]
-    : [-(viewWidth + shimmerWidth), viewWidth];
+  // 4. Calculate translation on the UI thread
+  const rStyle = useAnimatedStyle(() => {
+    if (layoutWidth.value === 0) {
+      return { opacity: 0 };
+    }
+
+    const start = -layoutWidth.value;
+    const end = layoutWidth.value;
+
+    const outputRange = I18nManager.isRTL ? [end, start] : [start, end];
 
-  const translateX = animatedValue.interpolate({
-    inputRange: [0, 1],
-    outputRange: outputRange,
+    const translateX = interpolate(progress.value, [0, 1], outputRange);
+
+    return {
+      opacity: 1,
+      transform: [{ translateX }],
+    };
   });
 
   const gradientColors = [
@@ -79,35 +88,33 @@ const Shimmer: React.FC<ShimmerProps> = ({
     <View
       onLayout={handleLayout}
       style={[
+        styles.container,
         {
           width,
           height,
-          overflow: "hidden",
-          backgroundColor: theme.skeletonBackgroundColor,
+          backgroundColor: theme.skeletonBackgroundColor || "#E0E0E0",
         },
         style,
       ]}
     >
       {children}
 
-      {viewWidth > 0 && (
-        <Animated.View
-          style={{
-            ...StyleSheet.absoluteFillObject,
-            transform: [{ translateX }],
-            zIndex: 1,
-          }}
-        >
-          <LinearGradient
-            colors={gradientColors as any}
-            style={{ height: "100%", width: shimmerWidth }}
-            start={{ x: 0, y: 0.5 }}
-            end={{ x: 1, y: 0.5 }}
-          />
-        </Animated.View>
-      )}
+      <Animated.View style={[StyleSheet.absoluteFill, rStyle, { zIndex: 1 }]}>
+        <LinearGradient
+          colors={gradientColors as any}
+          style={{ height: "100%", width: shimmerWidth }}
+          start={{ x: 0, y: 0.5 }}
+          end={{ x: 1, y: 0.5 }}
+        />
+      </Animated.View>
     </View>
   );
 };
 
+const styles = StyleSheet.create({
+  container: {
+    overflow: "hidden",
+  },
+});
+
 export default Shimmer;