dhre-ui-kit 0.0.330 → 0.0.331

package/lib/index.mjs

@@ -15,6 +15,7 @@ import { TextInput as TextInput$1 } from 'react-native-paper';
 import { Dropdown } from 'react-native-element-dropdown';
 import DocumentPicker from 'react-native-document-picker';
 import RNFS from 'react-native-fs';
+import OTPVerify, { removeListener, startOtpListener } from 'react-native-otp-verify';
 
 var ShapeType = /* @__PURE__ */ ((ShapeType2) => {
   ShapeType2["LINE"] = "line";
@@ -4067,10 +4068,13 @@ const OTPInput = React.forwardRef(
     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(() => {
@@ -4116,6 +4120,28 @@ const OTPInput = React.forwardRef(
         setTimeLeft(timerToResend / 1e3);
       }, timerToResend);
     };
+    useEffect(() => {
+      if (Platform.OS === "android") {
+        onStartListeningOtp();
+      }
+      return () => {
+        if (Platform.OS === "android") {
+          OTPVerify.removeListener();
+          removeListener();
+        }
+      };
+    }, []);
+    const onStartListeningOtp = async () => {
+      await OTPVerify.getOtp();
+      startOtpListener((message) => {
+        const otpRegex = new RegExp(`(\\d{${length}})`, "g");
+        const otp2 = otpRegex.exec(message)?.[1];
+        setOTP(otp2 ?? "");
+        if (otp2) {
+          refs.current[otp2?.length - 1]?.focus();
+        }
+      });
+    };
     React.useImperativeHandle(ref, () => ({
       reset() {
         setOTP("");
@@ -4187,7 +4213,7 @@ const OTPInput = React.forwardRef(
         onChangeText: (text) => handleChange(index, text),
         value: otp[index] ? "\u25CF" : "",
         placeholder: "",
-        keyboardType: "numeric",
+        keyboardType: "number-pad",
         ref: (el) => refs.current[index] = el,
         returnKeyType: otp.length === length ? "done" : "next",
         importantForAutofill: "yes",