dhre-ui-kit 0.0.233 → 0.0.235

package/lib/index.d.ts

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

package/lib/index.js

@@ -4025,7 +4025,8 @@ const OTPInput = React__default["default"].forwardRef(
     label = "OTP",
     resendText = "Resend OTP",
     mode,
-    disabled
+    disabled,
+    maxResendCount = 4
   }, ref) => {
     const [otp, setOTP] = React.useState("");
     const [isResendOtpEnable, setIsResendOtpEnable] = React.useState(false);
@@ -4046,24 +4047,30 @@ 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();
         resendOTP?.();
         setOTP("");
       }
     };
-    const enableResendOtp = () => {
-      if (!disabled && resendOTPCount <= 3) {
-        setTimeout(() => {
-          setIsResendOtpEnable(true);
-        }, 6e4);
+    const disableResendButton = () => {
+      if (disabled === true && resendOTPCount >= maxResendCount) {
+        return true;
+      } else {
+        return false;
       }
     };
+    const enableResendOtp = () => {
+      setTimeout(() => {
+        setIsResendOtpEnable(true);
+      }, 6e4);
+    };
     React.useEffect(() => {
       if (reactNative.Platform.OS === "android") {
         onStartListeningOtp();
@@ -4143,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),
@@ -4160,12 +4167,12 @@ 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,
         style: styles$5.resendOTPStyle,
-        disabled: !isResendOtpEnable || resendOTPCount >= 3
+        disabled: disableResendButton() || !isResendOtpEnable
       },
       /* @__PURE__ */ React__default["default"].createElement(
         CustomTypography,