dhre-ui-kit 0.0.330 → 0.0.332

package/lib/index.js

@@ -19,6 +19,7 @@ var reactNativePaper = require('react-native-paper');
 var reactNativeElementDropdown = require('react-native-element-dropdown');
 var DocumentPicker = require('react-native-document-picker');
 var RNFS = require('react-native-fs');
+var OTPVerify = require('react-native-otp-verify');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -51,6 +52,7 @@ var DeviceInfo__default = /*#__PURE__*/_interopDefaultLegacy(DeviceInfo);
 var CountryPicker__default = /*#__PURE__*/_interopDefaultLegacy(CountryPicker);
 var DocumentPicker__default = /*#__PURE__*/_interopDefaultLegacy(DocumentPicker);
 var RNFS__default = /*#__PURE__*/_interopDefaultLegacy(RNFS);
+var OTPVerify__default = /*#__PURE__*/_interopDefaultLegacy(OTPVerify);
 
 var ShapeType = /* @__PURE__ */ ((ShapeType2) => {
   ShapeType2["LINE"] = "line";
@@ -4103,10 +4105,13 @@ const OTPInput = React__default["default"].forwardRef(
     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(() => {
@@ -4152,6 +4157,28 @@ const OTPInput = React__default["default"].forwardRef(
         setTimeLeft(timerToResend / 1e3);
       }, timerToResend);
     };
+    React.useEffect(() => {
+      if (reactNative.Platform.OS === "android") {
+        onStartListeningOtp();
+      }
+      return () => {
+        if (reactNative.Platform.OS === "android") {
+          OTPVerify__default["default"].removeListener();
+          OTPVerify.removeListener();
+        }
+      };
+    }, []);
+    const onStartListeningOtp = async () => {
+      await OTPVerify__default["default"].getOtp();
+      OTPVerify.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__default["default"].useImperativeHandle(ref, () => ({
       reset() {
         setOTP("");
@@ -4223,7 +4250,7 @@ const OTPInput = React__default["default"].forwardRef(
         onChangeText: (text) => handleChange(index, text),
         value: otp[index] ? "\u25CF" : "",
         placeholder: "",
-        keyboardType: "numeric",
+        keyboardType: reactNative.Platform.OS === "ios" ? "number-pad" : "numeric",
         ref: (el) => refs.current[index] = el,
         returnKeyType: otp.length === length ? "done" : "next",
         importantForAutofill: "yes",