dhre-ui-kit 0.0.234 → 0.0.236

package/lib/index.d.ts

@@ -712,6 +712,8 @@ interface IProps$1 {
     resendText?: string;
     mode?: 'light' | 'dark';
     disabled?: boolean;
+    maxResendCount?: number;
+    timerToResend?: number;
 }
 type OTPInputHandle = {
     reset?: () => void;

package/lib/index.js

@@ -4025,7 +4025,9 @@ const OTPInput = React__default["default"].forwardRef(
     label = "OTP",
     resendText = "Resend OTP",
     mode,
-    disabled
+    disabled,
+    maxResendCount = 4,
+    timerToResend = 6e4
   }, ref) => {
     const [otp, setOTP] = React.useState("");
     const [isResendOtpEnable, setIsResendOtpEnable] = React.useState(false);
@@ -4046,11 +4048,10 @@ const OTPInput = React__default["default"].forwardRef(
       enableResendOtp();
     }, []);
     const onClickResendOTP = () => {
-      if (resendOTPCount >= 3) {
+      if (resendOTPCount >= maxResendCount - 1) {
         setErrorMessageMaxReachCount("You have exceeded the maximum number of attempts.");
-        return;
       }
-      if (resendOTPCount < 3) {
+      if (resendOTPCount <= maxResendCount) {
         setIsResendOtpEnable(false);
         setResendOTPCount(resendOTPCount + 1);
         enableResendOtp();
@@ -4058,20 +4059,18 @@ const OTPInput = React__default["default"].forwardRef(
         setOTP("");
       }
     };
-    const enableResendOtp = () => {
-      setTimeout(() => {
-        setIsResendOtpEnable(true);
-      }, 5e3);
-    };
     const disableResendButton = () => {
-      if (disabled === true && resendOTPCount >= 3) {
-        setIsResendOtpEnable(true);
+      if (disabled === true && resendOTPCount >= maxResendCount) {
         return true;
       } else {
-        setIsResendOtpEnable(false);
         return false;
       }
     };
+    const enableResendOtp = () => {
+      setTimeout(() => {
+        setIsResendOtpEnable(true);
+      }, timerToResend);
+    };
     React.useEffect(() => {
       if (reactNative.Platform.OS === "android") {
         onStartListeningOtp();
@@ -4151,7 +4150,7 @@ const OTPInput = React__default["default"].forwardRef(
         style: {
           ...styles$5.textInputStyle,
           color: theme$1.CONTENT_PRIMARY,
-          borderColor: errorMessage || errorMessageMaxReachCount ? theme$1.ERROR : otp.length === length ? theme$1.SUCCESS : activeInput === index ? theme$1.BORDER_INVERTED : theme$1.BORDER_PRIMARY,
+          borderColor: errorMessage ? theme$1.ERROR : otp.length === length ? theme$1.SUCCESS : activeInput === index ? theme$1.BORDER_INVERTED : theme$1.BORDER_PRIMARY,
           ...textInputStyle
         },
         onFocus: () => setActiveInput(index),
@@ -4168,7 +4167,7 @@ const OTPInput = React__default["default"].forwardRef(
         autoComplete: "sms-otp",
         selectionColor: theme$1.CONTENT_PRIMARY
       }
-    ))), /* @__PURE__ */ React__default["default"].createElement(
+    ))), !errorMessageMaxReachCount && /* @__PURE__ */ React__default["default"].createElement(
       reactNative.Pressable,
       {
         onPress: onClickResendOTP,