dhre-ui-kit 0.0.310 → 0.0.311

package/lib/index.mjs

@@ -4064,20 +4064,18 @@ const OTPInput = React.forwardRef(
     disabled,
     maxResendCount = 2,
     timerToResend = 6e4,
-    timerIcon
+    timerIcon,
+    isInValidOtp
   }, ref) => {
     const [otp, setOTP] = useState("");
     const [isResendOtpEnable, setIsResendOtpEnable] = useState(false);
     const [activeInput, setActiveInput] = useState(null);
     const [resendOTPCount, setResendOTPCount] = useState(0);
     const [errorMessageMaxReachCount, setErrorMessageMaxReachCount] = 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] = useState(60);
     useEffect(() => {
@@ -4202,7 +4200,7 @@ const OTPInput = React.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),