dhre-ui-kit 0.0.310 → 0.0.311

package/lib/index.d.ts

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

package/lib/index.js

@@ -4101,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(() => {
@@ -4239,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),