dhre-ui-kit 0.0.235 → 0.0.237

package/lib/index.mjs

@@ -3990,7 +3990,8 @@ const OTPInput = React.forwardRef(
     resendText = "Resend OTP",
     mode,
     disabled,
-    maxResendCount = 4
+    maxResendCount = 4,
+    timerToResend = 6e4
   }, ref) => {
     const [otp, setOTP] = useState("");
     const [isResendOtpEnable, setIsResendOtpEnable] = useState(false);
@@ -4013,9 +4014,8 @@ const OTPInput = React.forwardRef(
     const onClickResendOTP = () => {
       if (resendOTPCount >= maxResendCount - 1) {
         setErrorMessageMaxReachCount("You have exceeded the maximum number of attempts.");
-        return;
       }
-      if (resendOTPCount < maxResendCount) {
+      if (resendOTPCount <= maxResendCount) {
         setIsResendOtpEnable(false);
         setResendOTPCount(resendOTPCount + 1);
         enableResendOtp();
@@ -4033,7 +4033,7 @@ const OTPInput = React.forwardRef(
     const enableResendOtp = () => {
       setTimeout(() => {
         setIsResendOtpEnable(true);
-      }, 6e4);
+      }, timerToResend);
     };
     useEffect(() => {
       if (Platform.OS === "android") {
@@ -4416,23 +4416,26 @@ const CustomSlideButton = React.forwardRef(
     };
     const panResponder = PanResponder.create({
       onMoveShouldSetPanResponder: (e, gestureState) => {
-        return Math.abs(gestureState.dx) > Math.abs(gestureState.dy);
+        return gestureState.dx !== 0;
       },
       onPanResponderMove: (evt, gestureState) => {
-        translateX.setValue(gestureState.dx);
-        slideTailCardRef?.current?.setNativeProps({
-          style: { width: gestureState.dx + BUTTON_WIDTH / 2 }
-        });
+        if (gestureState.dx > 0) {
+          translateX.setValue(gestureState.dx);
+          slideTailCardRef?.current?.setNativeProps({
+            style: { width: gestureState.dx + BUTTON_WIDTH / 2 }
+          });
+        }
       },
       onPanResponderRelease: (e, gestureState) => {
-        if (gestureState.dx >= value.current * 0.8) {
-          onComplete?.();
+        if (gestureState.dx >= value.current * 0.7) {
           Animated.timing(translateX, {
-            toValue: value.current - BUTTON_WIDTH,
+            toValue: value.current - BUTTON_WIDTH - 12,
             // Slide to the end
             duration: 300,
             useNativeDriver: false
-          }).start();
+          }).start(() => {
+            onComplete?.();
+          });
           slideTailCardRef?.current?.setNativeProps({
             style: { width: value.current + BUTTON_WIDTH }
             // Change the width here