dhre-ui-kit 0.0.309 → 0.0.311

package/lib/index.d.ts

@@ -731,6 +731,8 @@ interface IProps$1 {
     maxResendCount?: number;
     timerToResend?: number;
     timerIcon?: React.ReactElement;
+    errorMessageMaxReachCountProps?: string;
+    isInValidOtp?: boolean;
 }
 type OTPInputHandle = {
     reset?: () => void;

package/lib/index.js

@@ -4089,6 +4089,7 @@ const OTPInput = React__default["default"].forwardRef(
     resendOTP,
     errorMessage,
     testId = "",
+    errorMessageMaxReachCountProps,
     otpContainerStyle,
     otpHeaderTextStyle,
     textInputStyle,
@@ -4100,20 +4101,18 @@ const OTPInput = React__default["default"].forwardRef(
     disabled,
     maxResendCount = 2,
     timerToResend = 6e4,
-    timerIcon
+    timerIcon,
+    isInValidOtp
   }, ref) => {
     const [otp, setOTP] = React.useState("");
     const [isResendOtpEnable, setIsResendOtpEnable] = React.useState(false);
     const [activeInput, setActiveInput] = React.useState(null);
     const [resendOTPCount, setResendOTPCount] = React.useState(0);
     const [errorMessageMaxReachCount, setErrorMessageMaxReachCount] = React.useState("");
-    const filteredTheme = Object?.keys(theme)?.reduce(
-      (acc, key) => {
-        acc[key] = theme[key][mode];
-        return acc;
-      },
-      {}
-    );
+    const filteredTheme = Object?.keys(theme)?.reduce((acc, key) => {
+      acc[key] = theme[key][mode];
+      return acc;
+    }, {});
     const { theme: theme$1 } = mode ? { theme: filteredTheme } : useTheme();
     const [timeLeft, setTimeLeft] = React.useState(60);
     React.useEffect(() => {
@@ -4135,7 +4134,7 @@ const OTPInput = React__default["default"].forwardRef(
     const onClickResendOTP = () => {
       if (resendOTPCount > maxResendCount - 1) {
         setErrorMessageMaxReachCount(
-          "You have exceeded the maximum number of attempts."
+          errorMessageMaxReachCountProps ? errorMessageMaxReachCountProps : "You have exceeded the maximum number of attempts."
         );
       }
       if (resendOTPCount < maxResendCount) {
@@ -4238,7 +4237,7 @@ const OTPInput = React__default["default"].forwardRef(
         style: {
           ...styles$5.textInputStyle,
           color: theme$1.CONTENT_PRIMARY,
-          borderColor: errorMessage ? theme$1.ERROR : otp.length === length ? theme$1.SUCCESS : activeInput === index ? theme$1.BORDER_INVERTED : theme$1.BORDER_PRIMARY,
+          borderColor: errorMessage || isInValidOtp ? theme$1.ERROR : otp.length === length ? theme$1.SUCCESS : activeInput === index ? theme$1.BORDER_INVERTED : theme$1.BORDER_PRIMARY,
           ...textInputStyle
         },
         onFocus: () => setActiveInput(index),