dhre-ui-kit 0.0.202 → 0.0.204

package/lib/index.js

@@ -16,6 +16,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');
 var Clipboard = require('@react-native-clipboard/clipboard');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -45,6 +46,7 @@ var Progress__namespace = /*#__PURE__*/_interopNamespace(Progress);
 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 Clipboard__default = /*#__PURE__*/_interopDefaultLegacy(Clipboard);
 
 var ShapeType = /* @__PURE__ */ ((ShapeType2) => {
@@ -3932,6 +3934,25 @@ const OTPInput = React__default["default"].forwardRef(
         setIsResendOtpEnable(true);
       }, 5e3);
     };
+    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 ?? "");
+      });
+    };
     React__default["default"].useImperativeHandle(ref, () => ({
       reset() {
         setOTP("");
@@ -3944,19 +3965,14 @@ const OTPInput = React__default["default"].forwardRef(
     }));
     const handleChange = (index, value) => {
       const regex = /^\d+$/;
-      if (value.length === 1 && // User is typing
-      regex.test(value) && index >= 0 && index < length) {
+      if (value.length === 1 && regex.test(value) && index >= 0 && index < length) {
         const newOTP = `${otp}${value}`;
         setOTP(newOTP);
-        if (index + 1 < length) {
-          refs.current[index + 1]?.focus();
-        }
+        refs.current[index + 1]?.focus();
       } else if (value.length === 0 && index > 0) {
         const newOTP = otp.slice(0, -1);
         setOTP(newOTP);
-        if (index - 1 >= 0) {
-          refs.current[index - 1]?.focus();
-        }
+        refs.current[index - 1]?.focus();
       } else if (value?.length === length) {
         setOTP(value);
         refs.current[length - 1]?.focus();