dhre-ui-kit 0.0.324 → 0.0.326

package/lib/index.d.ts

@@ -1,6 +1,7 @@
 import React$1, { ReactElement, ReactNode, JSXElementConstructor } from 'react';
 import { TextStyle, TextProps, StyleProp, ViewStyle, TextInputProps, ImageStyle, GestureResponderEvent } from 'react-native';
 import { SvgProps } from 'react-native-svg';
+import { TooltipProps } from 'react-native-walkthrough-tooltip';
 import { PdfProps } from 'react-native-pdf';
 import { CalendarProps } from 'react-native-calendars';
 import { CountryCode } from 'react-native-country-picker-modal';
@@ -155,7 +156,7 @@ interface CustomTextInputProps extends TextInputProps {
 
 declare const CustomTextInput: React$1.FC<CustomTextInputProps>;
 
-interface CustomTooltipProps {
+interface CustomTooltipProps extends TooltipProps {
     isVisible: boolean;
     onClose: () => void;
     content: ReactElement<string | JSXElementConstructor<string>>;

package/lib/index.js

@@ -4183,22 +4183,25 @@ const OTPInput = React__default["default"].forwardRef(
       }
     }));
     const handleChange = (index, value) => {
-      const regex = /^\d+$/;
-      if (value.length === 1 && regex.test(value) && index >= 0 && index < length) {
-        const newOTP = `${otp}${value}`;
-        setOTP(newOTP);
-        refs.current[index + 1]?.focus();
-      } else if (value.length === 0 && index > 0) {
-        const newOTP = otp.slice(0, -1);
-        setOTP(newOTP);
-        refs.current[index - 1]?.focus();
-      } else if (value?.length === length) {
-        setOTP(value);
-        refs.current[length - 1]?.focus();
-      } else {
-        const newOTP = otp.slice(0, -1);
-        setOTP(newOTP);
-        refs.current[index]?.focus();
+      const specialCharacterRegex = /[^a-zA-Z0-9 ]/;
+      if (value === "" || value?.length > 1 || !specialCharacterRegex.test(value)) {
+        const regex = /^\d+$/;
+        if (value.length === 1 && regex.test(value) && index >= 0 && index < length) {
+          const newOTP = `${otp}${value}`;
+          setOTP(newOTP);
+          refs.current[index + 1]?.focus();
+        } else if (value.length === 0 && index > 0) {
+          const newOTP = otp.slice(0, -1);
+          setOTP(newOTP);
+          refs.current[index - 1]?.focus();
+        } else if (value?.length === length) {
+          setOTP(value);
+          refs.current[length - 1]?.focus();
+        } else {
+          const newOTP = otp.slice(0, -1);
+          setOTP(newOTP);
+          refs.current[index]?.focus();
+        }
       }
     };
     const handleKeyPress = (e, index) => {