related-ui-components 3.1.4 → 3.1.7

package/lib/module/app.js

@@ -1,7 +1,7 @@
 "use strict";
 
 import React, { useState } from "react";
-import { SafeAreaView, StyleSheet, StatusBar } from "react-native";
+import { SafeAreaView, StyleSheet, StatusBar, Text } from "react-native";
 // Adjust path as needed
 import { GestureHandlerRootView } from "react-native-gesture-handler";
 import { lightTheme, RelatedProvider, useTheme } from "./theme/index.js";
@@ -9,6 +9,8 @@ import CircularProgressBar from "./components/ProgressBar/CircularProgressBar.js
 import PhoneInput from "./components/Input/PhoneInput.js";
 import { BottomSheetStackProvider } from "./contexts/index.js";
 import { SafeAreaProvider } from "react-native-safe-area-context";
+import { ScratchCard } from "../lib/commonjs/components/ScratchCard/index.js";
+import { ScratchCardContent } from "../lib/commonjs/components/ScratchCard/index.js";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const DUMMY_DATA = Array.from({
   length: 10
@@ -57,6 +59,38 @@ const App = () => {
                 inputContainerStyle: {
                   height: 55
                 }
+              }), /*#__PURE__*/_jsx(ScratchCard, {
+                backgroundColor: "black",
+                text: "Scratch And Win",
+                textFontColor: "red",
+                textFont: require("./assets/fonts/SpaceMono-Regular.ttf"),
+                textFontSize: 32,
+                image: require("./assets/images/sw-bg.png"),
+                style: {
+                  borderRadius: 16
+                },
+                width: 335,
+                height: 303,
+                onScratched: () => {},
+                children: /*#__PURE__*/_jsxs(ScratchCardContent, {
+                  style: {
+                    backgroundColor: theme.secondary
+                  },
+                  children: [/*#__PURE__*/_jsx(Text, {
+                    style: {
+                      fontSize: 24,
+                      fontWeight: "bold",
+                      color: "#000"
+                    },
+                    children: "50% OFF COUPON"
+                  }), /*#__PURE__*/_jsx(Text, {
+                    style: {
+                      marginTop: 8,
+                      color: "#333"
+                    },
+                    children: "Use code: SCRATCH50"
+                  })]
+                })
               })]
             })]
           })

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","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","Text","GestureHandlerRootView","lightTheme","RelatedProvider","useTheme","CircularProgressBar","PhoneInput","BottomSheetStackProvider","SafeAreaProvider","ScratchCard","ScratchCardContent","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","onChangeText","inputContainerStyle","height","backgroundColor","text","textFontColor","textFont","require","textFontSize","borderRadius","width","onScratched","secondary","fontWeight","color","marginTop","create","justifyContent","alignItems"],"sourceRoot":"..\\..\\src","sources":["app.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAeC,QAAQ,QAAQ,OAAO;AAClD,SAASC,YAAY,EAAEC,UAAU,EAAEC,SAAS,EAA4BC,IAAI,QAAQ,cAAc;AAChB;AAClF,SAASC,sBAAsB,QAAQ,8BAA8B;AAarE,SAAoBC,UAAU,EAAEC,eAAe,EAAEC,QAAQ,QAAQ,kBAAS;AAC1E,OAAOC,mBAAmB,MAAM,iDAA8C;AAC9E,OAAOC,UAAU,MAAM,kCAA+B;AACtD,SAASC,wBAAwB,QAAQ,qBAAY;AACrD,SAASC,gBAAgB,QAAQ,gCAAgC;AAEjE,SAASC,WAAW,QAAQ,iDAAwC;AACpE,SAASC,kBAAkB,QAAQ,iDAAwC;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAG5E,MAAMC,UAAU,GAAGC,KAAK,CAACC,IAAI,CAAC;EAAEC,MAAM,EAAE;AAAG,CAAC,EAAE,CAACC,CAAC,EAAEC,CAAC,MAAM;EACvDC,EAAE,EAAE,SAASD,CAAC,GAAG,CAAC,EAAE;EACpB;EACAE,KAAK,EAAE,2CAA2C;EAClDC,KAAK,EAAE,UAAUH,CAAC,GAAG,CAAC;AACxB,CAAC,CAAC,CAAC;AAEH,MAAMI,GAAG,GAAGA,CAAA,KAAM;EAChB,MAAM;IAAEC;EAAM,CAAC,GAAGvB,QAAQ,CAAC,CAAC;EAE5B,MAAM,CAACwB,aAAa,EAAEC,gBAAgB,CAAC,GAAGjC,QAAQ,CAChDkC,SACF,CAAC;EACD,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAGpC,QAAQ,CAAqBkC,SAAS,CAAC;EAE3E,MAAM,CAACG,QAAQ,EAAEC,WAAW,CAAC,GAAGtC,QAAQ,CAAC,EAAE,CAAC;EAC5C,MAAMuC,aAAa,GAAGA,CAAA,KAAM;IAC1B;IACA,MAAMC,WAAW,GAAGC,IAAI,CAACC,KAAK,CAACD,IAAI,CAACE,MAAM,CAAC,CAAC,GAAG,GAAG,CAAC;IACnDL,WAAW,CAACE,WAAW,CAAC;EAC1B,CAAC;EAED,oBACExB,IAAA,CAAAI,SAAA;IAAAwB,QAAA,eACE5B,IAAA,CAACJ,gBAAgB;MAAAgC,QAAA,eACf5B,IAAA,CAACX,sBAAsB;QAACwC,KAAK,EAAE;UAAEC,IAAI,EAAE;QAAE,CAAE;QAAAF,QAAA,eACzC5B,IAAA,CAACT,eAAe;UAACwB,KAAK,EAAEzB,UAAW;UAAAsC,QAAA,eACjC1B,KAAA,CAACP,wBAAwB;YAAAiC,QAAA,gBACvB5B,IAAA,CAACb,SAAS;cAAC4C,QAAQ,EAAC;YAAe,CAAE,CAAC,eACtC7B,KAAA,CAACjB,YAAY;cAAC4C,KAAK,EAAEG,MAAM,CAACC,YAAa;cAAAL,QAAA,gBAuDvC5B,IAAA,CAACP,mBAAmB;gBAClByC,OAAO,EAAC,OAAO;gBACfC,UAAU,EAAE,CAAE;gBACdC,WAAW,EAAE,CAAE;gBACfC,IAAI,EAAE,EAAG;gBACTC,QAAQ,EAAE,EAAG;gBACbC,WAAW,EAAE,CAAE;gBACfC,aAAa,EAAC;cAAM,CACA,CAAC,eAEvBxC,IAAA,CAACN,UAAU;gBACT+C,KAAK,EAAC,EAAE;gBACRC,YAAY,EAAEA,CAAA,KAAM,CAAC,CAAE;gBACvBC,mBAAmB,EAAE;kBAAEC,MAAM,EAAE;gBAAG;cAAE,CACzB,CAAC,eAgBd5C,IAAA,CAACH,WAAW;gBACVgD,eAAe,EAAE,OAAQ;gBACzBC,IAAI,EAAC,iBAAiB;gBACtBC,aAAa,EAAE,KAAM;gBACrBC,QAAQ,EAAEC,OAAO,CAAC,sCAAsC,CAAE;gBAC1DC,YAAY,EAAE,EAAG;gBACjBtC,KAAK,EAAEqC,OAAO,CAAC,2BAA2B,CAAE;gBAC5CpB,KAAK,EAAE;kBAAEsB,YAAY,EAAE;gBAAG,CAAE;gBAC5BC,KAAK,EAAE,GAAI;gBACXR,MAAM,EAAE,GAAI;gBACZS,WAAW,EAAEA,CAAA,KAAM,CAAC,CAAE;gBAAAzB,QAAA,eAEtB1B,KAAA,CAACJ,kBAAkB;kBACjB+B,KAAK,EAAE;oBAAEgB,eAAe,EAAE9B,KAAK,CAACuC;kBAAU,CAAE;kBAAA1B,QAAA,gBAE5C5B,IAAA,CAACZ,IAAI;oBACHyC,KAAK,EAAE;sBACLS,QAAQ,EAAE,EAAE;sBACZiB,UAAU,EAAE,MAAM;sBAClBC,KAAK,EAAE;oBACT,CAAE;oBAAA5B,QAAA,EACH;kBAED,CAAM,CAAC,eACP5B,IAAA,CAACZ,IAAI;oBAACyC,KAAK,EAAE;sBAAE4B,SAAS,EAAE,CAAC;sBAAED,KAAK,EAAE;oBAAO,CAAE;oBAAA5B,QAAA,EAAC;kBAE9C,CAAM,CAAC;gBAAA,CACW;cAAC,CACV,CAAC;YAAA,CACF,CAAC;UAAA,CACS;QAAC,CACZ;MAAC,CACI;IAAC,CACT;EAAC,CACnB,CAAC;AAEP,CAAC;AAED,MAAMI,MAAM,GAAG9C,UAAU,CAACwE,MAAM,CAAC;EAC/BzB,YAAY,EAAE;IACZH,IAAI,EAAE,CAAC;IACPe,eAAe,EAAE,MAAM;IACvBc,cAAc,EAAE,QAAQ;IAAE;IAC1BC,UAAU,EAAC;EACb;AACF,CAAC,CAAC;AAEF,eAAe9C,GAAG","ignoreList":[]}

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

@@ -103,8 +103,6 @@ const ScratchCard = ({
     return null;
   }, [loadedFont, text, areaWidth, areaHeight]);
   const canRenderCanvas = isLayoutReady && areaWidth > 0 && areaHeight > 0;
-
-  // Render the scratch layer content
   const renderScratchContent = () => {
     return /*#__PURE__*/_jsxs(Group, {
       children: [gradient ? /*#__PURE__*/_jsx(Rect, {
@@ -156,34 +154,38 @@ const ScratchCard = ({
         width,
         height
       }],
-      children: [!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: renderScratchContent()
-          })
-        })
-      }), canRenderCanvas && /*#__PURE__*/_jsx(View, {
+      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, {
+                  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()
+            })
+          })
+        })
       })]
     })
   });
@@ -201,13 +203,19 @@ const styles = StyleSheet.create({
     height: "100%",
     zIndex: 1
   },
-  canvas: {
+  scratchOverlay: {
     position: "absolute",
     top: 0,
     left: 0,
     width: "100%",
     height: "100%",
-    zIndex: 2
+    zIndex: 10,
+    backgroundColor: "transparent"
+  },
+  canvas: {
+    flex: 1,
+    width: "100%",
+    height: "100%"
   }
 });
 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","gesture","canvas","mode","mask","strokeJoin","strokeCap","strokeWidth","content","create","position","overflow","top","left","zIndex"],"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","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":[]}

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

@@ -1,13 +1,13 @@
 "use strict";
 
-import React, { useEffect, useRef } from "react";
-import { View, StyleSheet, Animated, Easing, I18nManager } from "react-native";
 import { LinearGradient } from "expo-linear-gradient";
+import React, { useEffect, useRef, useState } from "react";
+import { Animated, Easing, I18nManager, StyleSheet, View } from "react-native";
 import { useTheme } from "../../theme/index.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const Shimmer = ({
   children,
-  width,
+  width = "100%",
   height,
   style,
   shimmerColor,
@@ -18,8 +18,10 @@ const Shimmer = ({
     theme
   } = useTheme();
   const isRTL = I18nManager.isRTL;
+  const [viewWidth, setViewWidth] = useState(0);
   const animatedValue = useRef(new Animated.Value(0)).current;
   useEffect(() => {
+    if (viewWidth === 0) return;
     const animation = Animated.loop(Animated.timing(animatedValue, {
       toValue: 1,
       duration: duration,
@@ -28,23 +30,31 @@ const Shimmer = ({
     }));
     animation.start();
     return () => animation.stop();
-  }, [animatedValue, duration]);
-  const numericWidth = typeof width === "number" ? width : 400;
-  const ltrOutputRange = [-shimmerWidth, numericWidth + shimmerWidth];
-  const rtlOutputRange = [numericWidth + shimmerWidth, -shimmerWidth];
+  }, [animatedValue, duration, viewWidth]);
+  const handleLayout = event => {
+    const {
+      width
+    } = event.nativeEvent.layout;
+    if (width > 0 && Math.round(width) !== Math.round(viewWidth)) {
+      setViewWidth(width);
+    }
+  };
+  const ltrOutputRange = [-shimmerWidth, viewWidth];
+  const rtlOutputRange = [0, -viewWidth - shimmerWidth];
   const translateX = animatedValue.interpolate({
     inputRange: [0, 1],
     outputRange: isRTL ? rtlOutputRange : ltrOutputRange
   });
-  const shimmerColors = ["rgba(255, 255, 255, 0)", shimmerColor || theme.skeletonShimmer, "rgba(255, 255, 255, 0)"];
+  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: [{
       width,
       height,
       overflow: "hidden",
       backgroundColor: theme.skeletonBackgroundColor
     }, style],
-    children: [children, /*#__PURE__*/_jsx(Animated.View, {
+    children: [children, viewWidth > 0 && /*#__PURE__*/_jsx(Animated.View, {
       style: {
         ...StyleSheet.absoluteFillObject,
         transform: [{
@@ -53,9 +63,9 @@ const Shimmer = ({
         zIndex: 1
       },
       children: /*#__PURE__*/_jsx(LinearGradient, {
-        colors: shimmerColors,
+        colors: gradientColors,
         style: {
-          flex: 1,
+          height: "100%",
           width: shimmerWidth
         },
         start: {

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

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useRef","View","StyleSheet","Animated","Easing","I18nManager","LinearGradient","useTheme","jsx","_jsx","jsxs","_jsxs","Shimmer","children","width","height","style","shimmerColor","duration","shimmerWidth","theme","isRTL","animatedValue","Value","current","animation","loop","timing","toValue","easing","linear","useNativeDriver","start","stop","numericWidth","ltrOutputRange","rtlOutputRange","translateX","interpolate","inputRange","outputRange","shimmerColors","skeletonShimmer","overflow","backgroundColor","skeletonBackgroundColor","absoluteFillObject","transform","zIndex","colors","flex","x","y","end"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Skeleton/Shimmer.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AAChD,SACEC,IAAI,EACJC,UAAU,EACVC,QAAQ,EACRC,MAAM,EAINC,WAAW,QACN,cAAc;AACrB,SAASC,cAAc,QAAQ,sBAAsB;AACrD,SAASC,QAAQ,QAAQ,sBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAYvC,MAAMC,OAA+B,GAAGA,CAAC;EACvCC,QAAQ;EACRC,KAAK;EACLC,MAAM;EACNC,KAAK;EACLC,YAAY;EACZC,QAAQ,GAAG,IAAI;EACfC,YAAY,GAAG;AACjB,CAAC,KAAK;EACJ,MAAM;IAAEC;EAAM,CAAC,GAAGb,QAAQ,CAAC,CAAC;EAC5B,MAAMc,KAAK,GAAGhB,WAAW,CAACgB,KAAK;EAC/B,MAAMC,aAAa,GAAGtB,MAAM,CAAC,IAAIG,QAAQ,CAACoB,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,OAAO;EAE3DzB,SAAS,CAAC,MAAM;IACd,MAAM0B,SAAS,GAAGtB,QAAQ,CAACuB,IAAI,CAC7BvB,QAAQ,CAACwB,MAAM,CAACL,aAAa,EAAE;MAC7BM,OAAO,EAAE,CAAC;MACVV,QAAQ,EAAEA,QAAQ;MAClBW,MAAM,EAAEzB,MAAM,CAAC0B,MAAM;MACrBC,eAAe,EAAE;IACnB,CAAC,CACH,CAAC;IACDN,SAAS,CAACO,KAAK,CAAC,CAAC;IACjB,OAAO,MAAMP,SAAS,CAACQ,IAAI,CAAC,CAAC;EAC/B,CAAC,EAAE,CAACX,aAAa,EAAEJ,QAAQ,CAAC,CAAC;EAE7B,MAAMgB,YAAY,GAAG,OAAOpB,KAAK,KAAK,QAAQ,GAAGA,KAAK,GAAG,GAAG;EAE5D,MAAMqB,cAAc,GAAG,CAAC,CAAChB,YAAY,EAAEe,YAAY,GAAGf,YAAY,CAAC;EACnE,MAAMiB,cAAc,GAAG,CAACF,YAAY,GAAGf,YAAY,EAAE,CAACA,YAAY,CAAC;EAEnE,MAAMkB,UAAU,GAAGf,aAAa,CAACgB,WAAW,CAAC;IAC3CC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;IAClBC,WAAW,EAAEnB,KAAK,GAAGe,cAAc,GAAGD;EACxC,CAAC,CAAC;EAEF,MAAMM,aAAa,GAAG,CACpB,wBAAwB,EACxBxB,YAAY,IAAIG,KAAK,CAACsB,eAAe,EACrC,wBAAwB,CACzB;EAED,oBACE/B,KAAA,CAACV,IAAI;IACHe,KAAK,EAAE,CACL;MACEF,KAAK;MACLC,MAAM;MACN4B,QAAQ,EAAE,QAAQ;MAClBC,eAAe,EAAExB,KAAK,CAACyB;IACzB,CAAC,EACD7B,KAAK,CACL;IAAAH,QAAA,GAEDA,QAAQ,eACTJ,IAAA,CAACN,QAAQ,CAACF,IAAI;MACZe,KAAK,EAAE;QACL,GAAGd,UAAU,CAAC4C,kBAAkB;QAChCC,SAAS,EAAE,CAAC;UAAEV;QAAW,CAAC,CAAC;QAC3BW,MAAM,EAAE;MACV,CAAE;MAAAnC,QAAA,eAEFJ,IAAA,CAACH,cAAc;QACb2C,MAAM,EAAER,aAAqB;QAC7BzB,KAAK,EAAE;UAAEkC,IAAI,EAAE,CAAC;UAAEpC,KAAK,EAAEK;QAAa,CAAE;QACxCa,KAAK,EAAE;UAAEmB,CAAC,EAAE,CAAC;UAAEC,CAAC,EAAE;QAAI,CAAE;QACxBC,GAAG,EAAE;UAAEF,CAAC,EAAE,CAAC;UAAEC,CAAC,EAAE;QAAI;MAAE,CACvB;IAAC,CACW,CAAC;EAAA,CACZ,CAAC;AAEX,CAAC;AAED,eAAexC,OAAO","ignoreList":[]}
+{"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","ltrOutputRange","rtlOutputRange","translateX","interpolate","inputRange","outputRange","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":[]}

package/lib/module/contexts/BottomSheetStackProvider.js

@@ -85,9 +85,7 @@ export const BottomSheetStackProvider = ({
       topInset: top,
       handleIndicatorStyle: {
         backgroundColor: "#CCCCCC"
-      }
-      // style={styles.sheetContainer}
-      ,
+      },
       ...currentItem?.bottomSheetProps,
       children: currentItem && /*#__PURE__*/_jsx(AnimatedView, {
         entering: enteringAnimation,

package/lib/module/contexts/BottomSheetStackProvider.js.map

@@ -1 +1 @@
-{"version":3,"names":["BottomSheet","BottomSheetBackdrop","React","useCallback","useEffect","useMemo","useRef","useState","BackHandler","StyleSheet","Animated","FadeIn","FadeOut","useSafeAreaInsets","BottomSheetStackContext","jsx","_jsx","jsxs","_jsxs","BottomSheetStackProvider","children","stack","setStack","sheetRef","top","push","item","prev","clear","pop","slice","replace","currentItem","length","canGoBack","isOpen","undefined","current","close","snapToIndex","initialSnapIndex","backHandlerSubscription","addEventListener","remove","AnimatedView","View","enteringAnimation","duration","exitingAnimation","renderBackdrop","props","disappearsOnIndex","style","backgroundColor","appearsOnIndex","pressBehavior","contextValue","Provider","value","ref","index","snapPoints","enableDynamicSizing","dynamicSizing","enablePanDownToClose","android_keyboardInputMode","enableBlurKeyboardOnGesture","keyboardBlurBehavior","keyboardBehavior","onClose","backdropComponent","topInset","handleIndicatorStyle","bottomSheetProps","entering","exiting","styles","animatedView","component","create","flex"],"sourceRoot":"..\\..\\..\\src","sources":["contexts/BottomSheetStackProvider.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["BottomSheet","BottomSheetBackdrop","React","useCallback","useEffect","useMemo","useRef","useState","BackHandler","StyleSheet","Animated","FadeIn","FadeOut","useSafeAreaInsets","BottomSheetStackContext","jsx","_jsx","jsxs","_jsxs","BottomSheetStackProvider","children","stack","setStack","sheetRef","top","push","item","prev","clear","pop","slice","replace","currentItem","length","canGoBack","isOpen","undefined","current","close","snapToIndex","initialSnapIndex","backHandlerSubscription","addEventListener","remove","AnimatedView","View","enteringAnimation","duration","exitingAnimation","renderBackdrop","props","disappearsOnIndex","style","backgroundColor","appearsOnIndex","pressBehavior","contextValue","Provider","value","ref","index","snapPoints","enableDynamicSizing","dynamicSizing","enablePanDownToClose","android_keyboardInputMode","enableBlurKeyboardOnGesture","keyboardBlurBehavior","keyboardBehavior","onClose","backdropComponent","topInset","handleIndicatorStyle","bottomSheetProps","entering","exiting","styles","animatedView","component","create","flex"],"sourceRoot":"..\\..\\..\\src","sources":["contexts/BottomSheetStackProvider.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/index.js

@@ -5,8 +5,8 @@
 
 // import App from "./app";
 // import { I18nManager } from "react-native";
-// I18nManager.allowRTL(true);
-// I18nManager.forceRTL(true);
+// I18nManager.allowRTL(false);
+// I18nManager.forceRTL(false);
 // registerRootComponent(App);
 
 export * from "./theme/index.js";

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;AA+BnD,QAAA,MAAM,GAAG,yBAyGR,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,yBA+IR,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,CAgN3C,CAAC;AAyBF,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,CAmN3C,CAAC;AA+BF,eAAe,WAAW,CAAC"}

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

@@ -1,8 +1,8 @@
 import React from "react";
-import { ViewStyle, DimensionValue, StyleProp } from "react-native";
+import { DimensionValue, StyleProp, ViewStyle } from "react-native";
 interface ShimmerProps {
     children?: React.ReactNode;
-    width: DimensionValue;
+    width?: DimensionValue;
     height: DimensionValue;
     style?: StyleProp<ViewStyle>;
     duration?: number;

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":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAKL,SAAS,EACT,cAAc,EACd,SAAS,EAEV,MAAM,cAAc,CAAC;AAItB,UAAU,YAAY;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,EAAE,cAAc,CAAC;IACtB,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,CAuEnC,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"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"}

package/lib/typescript/src/contexts/BottomSheetStackProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BottomSheetStackProvider.d.ts","sourceRoot":"","sources":["../../../../src/contexts/BottomSheetStackProvider.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EACZ,SAAS,EAMV,MAAM,OAAO,CAAC;AASf,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,CAiHtE,CAAC"}
+{"version":3,"file":"BottomSheetStackProvider.d.ts","sourceRoot":"","sources":["../../../../src/contexts/BottomSheetStackProvider.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EACZ,SAAS,EAMV,MAAM,OAAO,CAAC;AASf,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,CAgHtE,CAAC"}

package/package.json

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

package/src/app.tsx

@@ -1,5 +1,5 @@
 import React, { useEffect, useState } from "react";
-import { SafeAreaView, StyleSheet, StatusBar, I18nManager, DevSettings } from "react-native";
+import { SafeAreaView, StyleSheet, StatusBar, I18nManager, DevSettings, Text } from "react-native";
 import CarouselCardStack from "./components/CarouselCardStack/CarouselCardStack"; // Adjust path as needed
 import { GestureHandlerRootView } from "react-native-gesture-handler";
 import {
@@ -20,6 +20,8 @@ import PhoneInput from "./components/Input/PhoneInput";
 import { BottomSheetStackProvider } from "./contexts";
 import { SafeAreaProvider } from "react-native-safe-area-context";
 import { Ionicons } from "@expo/vector-icons";
+import { ScratchCard } from "../lib/commonjs/components/ScratchCard";
+import { ScratchCardContent } from "../lib/commonjs/components/ScratchCard";
 
 
 const DUMMY_DATA = Array.from({ length: 10 }, (_, i) => ({
@@ -106,7 +108,15 @@ const App = () => {
                 {/* <DateRangePicker onDatesChange={()=>{}} labelContainerStyle={{backgroundColor:"red"}}></DateRangePicker> */}
                 {/* <CarRentalForm onSelectionChange={console.log}></CarRentalForm> */}
                 {/* <CarouselCardStack data={DUMMY_DATA} /> */}
-                <CircularProgressBar variant="steps"  totalSteps={4} currentStep={1} size={43} fontSize={14} strokeWidth={2} progressColor="blue"></CircularProgressBar>
+                <CircularProgressBar
+                  variant="steps"
+                  totalSteps={4}
+                  currentStep={1}
+                  size={43}
+                  fontSize={14}
+                  strokeWidth={2}
+                  progressColor="blue"
+                ></CircularProgressBar>
                 {/* <RangeSlider initialMinValue={0} initialMaxValue={100} min={0} max={500} sliderWidth={300} onValueChange={console.log}></RangeSlider> */}
                 <PhoneInput
                   value=""
@@ -127,6 +137,36 @@ const App = () => {
                   backgroundImage={require("./assets/images/namshi-banner.png")}
                 ></SelaDealCard>
       */}
+
+                <ScratchCard
+                  backgroundColor={"black"}
+                  text="Scratch And Win"
+                  textFontColor={"red"}
+                  textFont={require("./assets/fonts/SpaceMono-Regular.ttf")}
+                  textFontSize={32}
+                  image={require("./assets/images/sw-bg.png")}
+                  style={{ borderRadius: 16 }}
+                  width={335}
+                  height={303}
+                  onScratched={() => {}}
+                >
+                  <ScratchCardContent
+                    style={{ backgroundColor: theme.secondary }}
+                  >
+                    <Text
+                      style={{
+                        fontSize: 24,
+                        fontWeight: "bold",
+                        color: "#000",
+                      }}
+                    >
+                      50% OFF COUPON
+                    </Text>
+                    <Text style={{ marginTop: 8, color: "#333" }}>
+                      Use code: SCRATCH50
+                    </Text>
+                  </ScratchCardContent>
+                </ScratchCard>
               </SafeAreaView>
             </BottomSheetStackProvider>
           </RelatedProvider>

package/src/components/ScratchCard/ScratchCard.tsx

@@ -173,11 +173,10 @@ const ScratchCard: React.FC<ScratchCardProps> = ({
 
   const canRenderCanvas = isLayoutReady && areaWidth > 0 && areaHeight > 0;
 
-  // Render the scratch layer content
   const renderScratchContent = () => {
     return (
       <Group>
-        {/* Background layer - always render if gradient or backgroundColor */}
+        {/* Background layer */}
         {gradient ? (
           <Rect x={0} y={0} width={areaWidth} height={areaHeight}>
             <LinearGradient
@@ -196,7 +195,7 @@ const ScratchCard: React.FC<ScratchCardProps> = ({
           />
         )}
 
-        {/* Image layer - render on top of background if exists */}
+        {/* Image layer */}
         {loadedImg && (
           <Image
             image={loadedImg}
@@ -208,7 +207,7 @@ const ScratchCard: React.FC<ScratchCardProps> = ({
           />
         )}
 
-        {/* Text layer - always on top */}
+        {/* Text layer */}
         {loadedFont && textMetrics && text && (
           <Text
             x={textMetrics.x}
@@ -230,38 +229,42 @@ 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 && (
-          <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>
-                }
-              >
-                {renderScratchContent()}
-              </Mask>
-            </Canvas>
-          </GestureDetector>
+          <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"
+                      />
+                      <Path
+                        path={path}
+                        color="black"
+                        style="stroke"
+                        strokeJoin="round"
+                        strokeCap="round"
+                        strokeWidth={brushStrokeWidth}
+                      />
+                    </Group>
+                  }
+                >
+                  {renderScratchContent()}
+                </Mask>
+              </Canvas>
+            </GestureDetector>
+          </View>
         )}
-
-        {canRenderCanvas && <View style={styles.content}>{children}</View>}
       </View>
     </GestureHandlerRootView>
   );
@@ -280,13 +283,19 @@ const styles = StyleSheet.create({
     height: "100%",
     zIndex: 1,
   },
-  canvas: {
+  scratchOverlay: {
     position: "absolute",
     top: 0,
     left: 0,
     width: "100%",
     height: "100%",
-    zIndex: 2,
+    zIndex: 10,
+    backgroundColor: "transparent",
+  },
+  canvas: {
+    flex: 1,
+    width: "100%",
+    height: "100%",
   },
 });
 

package/src/components/Skeleton/Shimmer.tsx

@@ -1,20 +1,21 @@
-import React, { useEffect, useRef } from "react";
+import { LinearGradient } from "expo-linear-gradient";
+import React, { useEffect, useRef, useState } from "react";
 import {
-  View,
-  StyleSheet,
   Animated,
-  Easing,
-  ViewStyle,
   DimensionValue,
-  StyleProp,
+  Easing,
   I18nManager,
+  LayoutChangeEvent,
+  StyleProp,
+  StyleSheet,
+  View,
+  ViewStyle,
 } from "react-native";
-import { LinearGradient } from "expo-linear-gradient";
 import { useTheme } from "../../theme";
 
 interface ShimmerProps {
   children?: React.ReactNode;
-  width: DimensionValue;
+  width?: DimensionValue;
   height: DimensionValue;
   style?: StyleProp<ViewStyle>;
   duration?: number;
@@ -24,7 +25,7 @@ interface ShimmerProps {
 
 const Shimmer: React.FC<ShimmerProps> = ({
   children,
-  width,
+  width = "100%",
   height,
   style,
   shimmerColor,
@@ -33,9 +34,13 @@ const Shimmer: React.FC<ShimmerProps> = ({
 }) => {
   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 animation = Animated.loop(
       Animated.timing(animatedValue, {
         toValue: 1,
@@ -46,26 +51,33 @@ const Shimmer: React.FC<ShimmerProps> = ({
     );
     animation.start();
     return () => animation.stop();
-  }, [animatedValue, duration]);
+  }, [animatedValue, duration, viewWidth]);
 
-  const numericWidth = typeof width === "number" ? width : 400;
+  const handleLayout = (event: LayoutChangeEvent) => {
+    const { width } = event.nativeEvent.layout;
+    if (width > 0 && Math.round(width) !== Math.round(viewWidth)) {
+      setViewWidth(width);
+    }
+  };
 
-  const ltrOutputRange = [-shimmerWidth, numericWidth + shimmerWidth];
-  const rtlOutputRange = [numericWidth + shimmerWidth, -shimmerWidth];
+  const ltrOutputRange = [-shimmerWidth, viewWidth];
+  
+  const rtlOutputRange = [0, -viewWidth - shimmerWidth];
 
   const translateX = animatedValue.interpolate({
     inputRange: [0, 1],
     outputRange: isRTL ? rtlOutputRange : ltrOutputRange,
   });
 
-  const shimmerColors = [
+  const gradientColors = [
     "rgba(255, 255, 255, 0)",
-    shimmerColor || theme.skeletonShimmer,
+    shimmerColor || theme.skeletonShimmer || "rgba(255, 255, 255, 0.3)",
     "rgba(255, 255, 255, 0)",
   ];
 
   return (
     <View
+      onLayout={handleLayout}
       style={[
         {
           width,
@@ -77,22 +89,25 @@ const Shimmer: React.FC<ShimmerProps> = ({
       ]}
     >
       {children}
-      <Animated.View
-        style={{
-          ...StyleSheet.absoluteFillObject,
-          transform: [{ translateX }],
-          zIndex: 1,
-        }}
-      >
-        <LinearGradient
-          colors={shimmerColors as any}
-          style={{ flex: 1, width: shimmerWidth }}
-          start={{ x: 0, y: 0.5 }}
-          end={{ x: 1, y: 0.5 }}
-        />
-      </Animated.View>
+      
+      {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>
+      )}
     </View>
   );
 };
 
-export default Shimmer;
+export default Shimmer;

package/src/contexts/BottomSheetStackProvider.tsx

@@ -115,7 +115,6 @@ export const BottomSheetStackProvider: React.FC<{ children: ReactNode }> = ({
         backdropComponent={renderBackdrop}
         topInset={top}
         handleIndicatorStyle={{ backgroundColor: "#CCCCCC" }}
-        // style={styles.sheetContainer}
         {...currentItem?.bottomSheetProps}
       >
         {currentItem && (

package/src/index.ts

@@ -3,8 +3,8 @@
 
 // import App from "./app";
 // import { I18nManager } from "react-native";
-// I18nManager.allowRTL(true);
-// I18nManager.forceRTL(true);
+// I18nManager.allowRTL(false);
+// I18nManager.forceRTL(false);
 // registerRootComponent(App);
 
 export * from "./theme";