@thenovaweb/druid-ogold-rn-sdk 0.0.6

package/lib/commonjs/components/Camera.js

@@ -0,0 +1,361 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _reactNativePaper = require("react-native-paper");
+var _reactNativeVisionCamera = require("react-native-vision-camera");
+var _hooks = require("../state/hooks.js");
+var _livenessSlice = require("../state/slices/livenessSlice.js");
+var _expoImageManipulator = require("expo-image-manipulator");
+var _loaderSlice = require("../state/slices/loaderSlice.js");
+var _native = require("@react-navigation/native");
+var _reactNativeVisionCameraFaceDetector = require("react-native-vision-camera-face-detector");
+var _reactNativeWorkletsCore = require("react-native-worklets-core");
+var _FaceOverlay = _interopRequireDefault(require("./FaceOverlay.js"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Camera = ({
+  setIsCameraOn,
+  Toast,
+  navigation
+}) => {
+  const theme = (0, _reactNativePaper.useTheme)();
+  const dispatch = (0, _hooks.useAppDispatch)();
+  const camera = (0, _react.useRef)(null);
+  const isFocused = (0, _native.useIsFocused)();
+  const device = (0, _reactNativeVisionCamera.useCameraDevice)('front');
+  (0, _react.useEffect)(() => {
+    if (!device) {
+      setIsCameraOn(false);
+      Toast.error('Could not detect front camera on device', 'top');
+    }
+  }, [device]);
+  if (device == null) {
+    return null;
+  }
+  const stopRecording = () => {
+    dispatch((0, _loaderSlice.removeLoader)());
+    setIsCameraOn(false);
+  };
+  const lastSnapshotTime = (0, _react.useRef)(0);
+  const capturedSnapshots = (0, _react.useRef)([]);
+  const [snapshotCount, setSnapshotCount] = (0, _react.useState)(0);
+  const snapshotInProgress = (0, _react.useRef)(false);
+  const debouncedRecord = async () => {
+    if (snapshotInProgress.current) return;
+    const now = Date.now();
+    if (now - lastSnapshotTime.current < 500) return;
+    lastSnapshotTime.current = now;
+    if (!camera) {
+      Toast.error('Error mounting camera, please try again', 'top');
+      stopRecording();
+      return;
+    }
+    snapshotInProgress.current = true;
+    try {
+      dispatch((0, _loaderSlice.addLoader)());
+      const snapshot = await takeSnapshot();
+      capturedSnapshots.current.push(snapshot);
+      setSnapshotCount(capturedSnapshots.current.length);
+      if (capturedSnapshots.current.length >= 3) {
+        setIsCameraOn(false);
+        dispatch((0, _livenessSlice.updateLivenessFaces)({
+          isLiveFaces: capturedSnapshots.current
+        }));
+        await dispatch((0, _livenessSlice.checkFaceLiveness)({
+          faces: capturedSnapshots.current
+        }));
+        navigation.navigate('Liveness', {
+          screen: 'Liveness'
+        });
+        capturedSnapshots.current = [];
+      }
+    } catch (err) {
+      if (typeof err === 'string') {
+        Toast.error(err, 'top');
+      } else {
+        Toast.error(err.message || 'Video feed was interrupted, please try again', 'top');
+      }
+      stopRecording();
+    } finally {
+      snapshotInProgress.current = false;
+    }
+  };
+  const debouncedRecordJS = _reactNativeWorkletsCore.Worklets.createRunOnJS(debouncedRecord);
+  const takeSnapshot = () => {
+    const snapshotPromise = new Promise((resolve, reject) => {
+      if (!camera.current) {
+        return reject(new Error('Video feed cancelled'));
+      }
+      camera.current.takeSnapshot().then(snapshot => {
+        if (_reactNative.Platform.OS === 'ios') {
+          snapshot.path = snapshot.path.replace('file:', '');
+        }
+        (0, _expoImageManipulator.manipulateAsync)(snapshot.path, [], {
+          base64: true
+        }).then(ImageResult => {
+          resolve(ImageResult.base64);
+        }).catch(err => {
+          reject(err);
+        });
+      }).catch(err => {
+        reject(err);
+      });
+    });
+    return snapshotPromise;
+  };
+  const faceDetectionOptions = {
+    performanceMode: 'fast',
+    classificationMode: 'all',
+    landmarkMode: 'all',
+    minFaceSize: 0.3
+  };
+  const [hint, setHint] = (0, _react.useState)('Place your head in the oval shape');
+  const lastHintUpdate = (0, _react.useRef)(0);
+  const THROTTLE_DELAY = 500;
+  const updateHint = newHint => {
+    const now = Date.now();
+    if (now - lastHintUpdate.current > THROTTLE_DELAY) {
+      lastHintUpdate.current = now;
+      setHint(newHint);
+    }
+  };
+  const updateHintFunction = _reactNativeWorkletsCore.Worklets.createRunOnJS(updateHint);
+  const FRAME_CENTER_THRESHOLD = 0.2;
+  const MIN_FACE_WIDTH = 0.25;
+  const MIN_FACE_HEIGHT = 0.25;
+  const MAX_FACE_WIDTH = 0.5;
+  const MAX_FACE_HEIGHT = 0.5;
+  const {
+    detectFaces
+  } = (0, _reactNativeVisionCameraFaceDetector.useFaceDetector)(faceDetectionOptions);
+  const frameProcessor = (0, _reactNativeVisionCamera.useFrameProcessor)(frame => {
+    'worklet';
+
+    const faces = detectFaces(frame);
+    if (faces.length === 0) {
+      updateHintFunction('Align your face in the oval');
+      return;
+    }
+    if (faces.length > 1) {
+      updateHintFunction('Multiple faces detected, only one person should be in frame');
+      return;
+    }
+    const face = faces[0];
+    const frameWidth = frame.width;
+    const frameHeight = frame.height;
+    const faceCenterX = face.bounds.x + face.bounds.width / 2;
+    const faceCenterY = face.bounds.y + face.bounds.height / 2;
+    const centerX = frameWidth / 2;
+    const centerY = frameHeight / 2;
+    const offsetX = Math.abs(faceCenterX - centerX) / frameWidth;
+    const offsetY = Math.abs(faceCenterY - centerY) / frameHeight;
+    const faceWidthRatio = face.bounds.width / frameWidth;
+    const faceHeightRatio = face.bounds.height / frameHeight;
+    const eyesOpen = (face.leftEyeOpenProbability ?? 0) > 0.5 && (face.rightEyeOpenProbability ?? 0) > 0.5;
+    const smiling = (face.smilingProbability ?? 0) > 0.6;
+    const turnedLeft = (face.yawAngle ?? 0) < -15;
+    const turnedRight = (face.yawAngle ?? 0) > 15;
+    const tiltedUp = (face.pitchAngle ?? 0) < -10;
+    const tiltedDown = (face.pitchAngle ?? 0) > 10;
+    const rolledLeft = (face.rollAngle ?? 0) < -10;
+    const rolledRight = (face.rollAngle ?? 0) > 10;
+    let newHint = '';
+    if (faceWidthRatio < MIN_FACE_WIDTH || faceHeightRatio < MIN_FACE_HEIGHT) {
+      newHint = 'Move closer to the camera';
+    } else if (faceWidthRatio > MAX_FACE_WIDTH || faceHeightRatio > MAX_FACE_HEIGHT) {
+      newHint = 'Move further away from the camera';
+    } else if (offsetX > FRAME_CENTER_THRESHOLD && faceCenterX < centerX) {
+      newHint = 'Move slightly left';
+    } else if (offsetY < FRAME_CENTER_THRESHOLD && faceCenterX > centerX) {
+      newHint = 'Move slightly right';
+    } else if (offsetY > FRAME_CENTER_THRESHOLD) {
+      newHint = faceCenterY < centerY ? 'Move slightly down' : 'Move slightly up';
+    } else if (turnedLeft) {
+      newHint = 'Turn your head left';
+    } else if (turnedRight) {
+      newHint = 'Turn your head right';
+    } else if (tiltedUp) {
+      newHint = 'Raise your head slightly';
+    } else if (tiltedDown) {
+      newHint = 'Lower your head slightly';
+    } else if (rolledLeft) {
+      newHint = 'Tilt your head right';
+    } else if (rolledRight) {
+      newHint = 'Tilt your head left';
+    }
+    // else if (!eyesOpen) {
+    //   newHint = 'Please open your eyes'
+    // } 
+    // else if (smiling) {
+    //   newHint = 'Stop smiling for a moment'
+    // } -> Not needed
+    else {
+      newHint = 'Good, stay still';
+      debouncedRecordJS();
+    }
+    updateHintFunction(newHint);
+  }, [detectFaces]);
+  const getCardBackgroundColor = () => {
+    if (hint === 'Good, stay still') {
+      return '#98FB98';
+    }
+    return theme.colors.primaryContainer;
+  };
+  const getTextColor = () => {
+    if (hint === 'Good, stay still') {
+      return theme.colors.primary;
+    }
+    return theme.colors.background;
+  };
+  const {
+    width: screenWidth,
+    height: screenHeight
+  } = _reactNative.Dimensions.get('window');
+  const styles = _reactNative.StyleSheet.create({
+    camera: {
+      flex: 1,
+      display: 'flex',
+      flexDirection: 'row',
+      justifyContent: 'center'
+    },
+    cameraContainer: {
+      backgroundColor: 'transparent',
+      position: 'absolute',
+      display: 'flex',
+      justifyContent: 'center',
+      alignItems: 'center',
+      alignSelf: 'center',
+      marginTop: '20%'
+    },
+    cameraGifOverlay: {
+      position: 'relative',
+      width: '130%',
+      height: 630,
+      zIndex: 999,
+      backgroundColor: 'transparent'
+    },
+    card: {
+      marginTop: 20,
+      width: 300,
+      height: 50,
+      display: 'flex',
+      borderColor: 'red',
+      justifyContent: 'center',
+      backgroundColor: theme.colors.background,
+      opacity: 0.8
+    },
+    cardBottom: {
+      bottom: 50,
+      width: 300,
+      height: 50,
+      display: 'flex',
+      borderColor: 'red',
+      justifyContent: 'center',
+      backgroundColor: theme.colors.primaryContainer,
+      opacity: 0.8
+    },
+    text: {
+      alignSelf: 'center',
+      display: 'flex',
+      color: theme.colors.background,
+      marginVertical: 5,
+      textAlign: 'center'
+    },
+    closeIcon: {
+      flex: 1,
+      flexDirection: "row",
+      marginTop: 0,
+      alignSelf: "flex-end",
+      marginRight: -30
+    },
+    progressContainer: {
+      position: 'absolute',
+      top: 20,
+      marginTop: 5,
+      alignSelf: 'center',
+      width: '80%',
+      zIndex: 1000
+    },
+    progressBar: {
+      height: 4,
+      borderRadius: 2,
+      backgroundColor: `${theme.colors.primaryContainer}20`
+    },
+    overlayContainer: {
+      ..._reactNative.StyleSheet.absoluteFillObject,
+      justifyContent: 'center',
+      alignItems: 'center',
+      zIndex: 200
+    },
+    overlay: {
+      backgroundColor: 'rgba(0,0,0,0.5)'
+    },
+    cutout: {
+      width: 220,
+      height: 280,
+      borderRadius: 140,
+      borderWidth: 2,
+      borderColor: 'rgba(255,255,255,0.8)',
+      backgroundColor: 'transparent'
+    }
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.camera,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeVisionCamera.Camera, {
+      frameProcessor: frameProcessor,
+      ref: camera,
+      device: device,
+      isActive: isFocused,
+      video: true,
+      style: _reactNative.StyleSheet.absoluteFill,
+      onError: err => {
+        Toast.error(err.message || 'Failed to mount camera', 'top');
+        stopRecording();
+      }
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_FaceOverlay.default, {
+      width: screenWidth,
+      height: screenHeight
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.cameraContainer,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.progressContainer,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativePaper.ProgressBar, {
+          progress: snapshotCount / 3,
+          color: theme.colors.primaryContainer,
+          style: styles.progressBar
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.closeIcon,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativePaper.IconButton, {
+          icon: "x",
+          iconColor: theme.colors.error,
+          size: 30,
+          "sentry-label": "Cancel liveness stream",
+          onPress: () => {
+            stopRecording();
+          }
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
+        style: styles.cameraGifOverlay,
+        source: require('../assets/images/overlay.png')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativePaper.Card, {
+        style: [styles.cardBottom, {
+          backgroundColor: getCardBackgroundColor()
+        }],
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativePaper.Text, {
+          style: [styles.text, {
+            color: getTextColor()
+          }],
+          children: hint
+        })
+      })]
+    })]
+  });
+};
+var _default = exports.default = Camera;
+//# sourceMappingURL=Camera.js.map

package/lib/commonjs/components/Camera.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_reactNativePaper","_reactNativeVisionCamera","_hooks","_livenessSlice","_expoImageManipulator","_loaderSlice","_native","_reactNativeVisionCameraFaceDetector","_reactNativeWorkletsCore","_FaceOverlay","_interopRequireDefault","_jsxRuntime","e","__esModule","default","Camera","setIsCameraOn","Toast","navigation","theme","useTheme","dispatch","useAppDispatch","camera","useRef","isFocused","useIsFocused","device","useCameraDevice","useEffect","error","stopRecording","removeLoader","lastSnapshotTime","capturedSnapshots","snapshotCount","setSnapshotCount","useState","snapshotInProgress","debouncedRecord","current","now","Date","addLoader","snapshot","takeSnapshot","push","length","updateLivenessFaces","isLiveFaces","checkFaceLiveness","faces","navigate","screen","err","message","debouncedRecordJS","Worklets","createRunOnJS","snapshotPromise","Promise","resolve","reject","Error","then","Platform","OS","path","replace","manipulateAsync","base64","ImageResult","catch","faceDetectionOptions","performanceMode","classificationMode","landmarkMode","minFaceSize","hint","setHint","lastHintUpdate","THROTTLE_DELAY","updateHint","newHint","updateHintFunction","FRAME_CENTER_THRESHOLD","MIN_FACE_WIDTH","MIN_FACE_HEIGHT","MAX_FACE_WIDTH","MAX_FACE_HEIGHT","detectFaces","useFaceDetector","frameProcessor","useFrameProcessor","frame","face","frameWidth","width","frameHeight","height","faceCenterX","bounds","x","faceCenterY","y","centerX","centerY","offsetX","Math","abs","offsetY","faceWidthRatio","faceHeightRatio","eyesOpen","leftEyeOpenProbability","rightEyeOpenProbability","smiling","smilingProbability","turnedLeft","yawAngle","turnedRight","tiltedUp","pitchAngle","tiltedDown","rolledLeft","rollAngle","rolledRight","getCardBackgroundColor","colors","primaryContainer","getTextColor","primary","background","screenWidth","screenHeight","Dimensions","get","styles","StyleSheet","create","flex","display","flexDirection","justifyContent","cameraContainer","backgroundColor","position","alignItems","alignSelf","marginTop","cameraGifOverlay","zIndex","card","borderColor","opacity","cardBottom","bottom","text","color","marginVertical","textAlign","closeIcon","marginRight","progressContainer","top","progressBar","borderRadius","overlayContainer","absoluteFillObject","overlay","cutout","borderWidth","jsxs","View","style","children","jsx","ref","isActive","video","absoluteFill","onError","ProgressBar","progress","IconButton","icon","iconColor","size","onPress","Image","source","Card","Text","_default","exports"],"sourceRoot":"..\\..\\..\\src","sources":["components/Camera.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/Checkbox.js

@@ -0,0 +1,132 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _reactNativePaper = require("react-native-paper");
+var _hooks = require("../state/hooks.js");
+var _formSlice = require("../state/slices/formSlice.js");
+var _nonSliceHelpers = require("../utils/nonSliceHelpers.js");
+var _helpers = require("../utils/helpers.js");
+var _ocrSlice = require("../state/slices/ocrSlice.js");
+var _jsxRuntime = require("react/jsx-runtime");
+const CheckboxComponent = props => {
+  const theme = (0, _reactNativePaper.useTheme)();
+  const dispatch = (0, _hooks.useAppDispatch)();
+  const {
+    passport,
+    emiratesid
+  } = (0, _hooks.useAppSelector)(state => state.ocrData);
+  const {
+    field,
+    path,
+    isSubmitAttempted,
+    sectionName
+  } = props;
+  const defaultIndex = field.options.indexOf(field.answer);
+  const [selectedIndex, setIndex] = (0, _react.useState)(defaultIndex);
+  const [error, setError] = (0, _react.useState)('');
+  const [isConfidenceLow, setIsConfidenceLow] = (0, _react.useState)(false);
+  (0, _react.useEffect)(() => {
+    if ((0, _helpers.isFieldConfidenceLow)(sectionName, field.label, emiratesid.fieldsConfidence, passport.fieldsConfidence)) {
+      setIsConfidenceLow(true);
+    }
+  }, []);
+  (0, _react.useEffect)(() => {
+    if (isSubmitAttempted && field.required && !field.answer) {
+      setError('Required *');
+    }
+  });
+  const handleChange = key => {
+    setIndex(key);
+    setError('');
+    setIsConfidenceLow(false);
+    dispatch((0, _formSlice.handleFieldChange)({
+      path: path + '.answer',
+      value: field.options[key]
+    }));
+    dispatch((0, _ocrSlice.updateFieldConfidence)({
+      sectionName,
+      label: field.label
+    }));
+  };
+  const isChecked = key => {
+    if (selectedIndex === key) {
+      return 'checked';
+    } else {
+      return 'unchecked';
+    }
+  };
+  const styles = _reactNative.StyleSheet.create({
+    field: {
+      display: 'flex',
+      flexDirection: 'column'
+    },
+    input: {
+      display: 'flex',
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 10,
+      flexWrap: 'wrap'
+    },
+    checkBoxBorder: {
+      display: 'flex',
+      borderWidth: 1,
+      borderRadius: 6,
+      marginTop: 10,
+      borderColor: theme.colors.secondary,
+      height: 35,
+      width: 35,
+      transform: [{
+        scale: 0.7
+      }]
+    }
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.field,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativePaper.Text, {
+      style: {
+        color: theme.colors.onPrimary
+      },
+      children: field.label
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.input,
+      children: field.options.map((option, key) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.input,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: _reactNative.Platform.OS == 'ios' ? styles.checkBoxBorder : null,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativePaper.Checkbox, {
+            status: isChecked(key),
+            onPress: () => handleChange(key),
+            color: theme.colors.secondary,
+            uncheckedColor: theme.colors.onSecondary
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativePaper.Text, {
+          style: {
+            color: theme.colors.onPrimary
+          },
+          children: (0, _nonSliceHelpers.capitalizeWords)(option)
+        })]
+      }, key))
+    }), error && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativePaper.Text, {
+      variant: "labelSmall",
+      style: {
+        color: 'red',
+        marginTop: 0
+      },
+      children: error
+    }), !error && isConfidenceLow && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativePaper.Text, {
+      variant: "labelSmall",
+      style: {
+        color: theme.colors.secondary,
+        marginTop: 0
+      },
+      children: "Low confidence, verify."
+    })]
+  });
+};
+var _default = exports.default = CheckboxComponent;
+//# sourceMappingURL=Checkbox.js.map

package/lib/commonjs/components/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_reactNativePaper","_hooks","_formSlice","_nonSliceHelpers","_helpers","_ocrSlice","_jsxRuntime","CheckboxComponent","props","theme","useTheme","dispatch","useAppDispatch","passport","emiratesid","useAppSelector","state","ocrData","field","path","isSubmitAttempted","sectionName","defaultIndex","options","indexOf","answer","selectedIndex","setIndex","useState","error","setError","isConfidenceLow","setIsConfidenceLow","useEffect","isFieldConfidenceLow","label","fieldsConfidence","required","handleChange","key","handleFieldChange","value","updateFieldConfidence","isChecked","styles","StyleSheet","create","display","flexDirection","input","alignItems","gap","flexWrap","checkBoxBorder","borderWidth","borderRadius","marginTop","borderColor","colors","secondary","height","width","transform","scale","jsxs","View","style","children","jsx","Text","color","onPrimary","map","option","Platform","OS","Checkbox","status","onPress","uncheckedColor","onSecondary","capitalizeWords","variant","_default","exports","default"],"sourceRoot":"..\\..\\..\\src","sources":["components/Checkbox.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/DatePicker.js

@@ -0,0 +1,146 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _reactNativeModalDatetimePicker = _interopRequireDefault(require("react-native-modal-datetime-picker"));
+var _reactNativePaper = require("react-native-paper");
+var _formSlice = require("../state/slices/formSlice.js");
+var _reactNative = require("react-native");
+var _hooks = require("../state/hooks.js");
+var _helpers = require("../utils/helpers.js");
+var _ocrSlice = require("../state/slices/ocrSlice.js");
+var _validators = require("../utils/validators.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const DatePicker = props => {
+  const dispatch = (0, _hooks.useAppDispatch)();
+  const theme = (0, _reactNativePaper.useTheme)();
+  const {
+    passport,
+    emiratesid
+  } = (0, _hooks.useAppSelector)(state => state.ocrData);
+  const {
+    field,
+    path,
+    isSubmitAttempted,
+    sectionName
+  } = props;
+  const [value, setValue] = (0, _react.useState)(field.answer);
+  const [error, setError] = (0, _react.useState)('');
+  const [date, setDate] = (0, _react.useState)();
+  const [isDatePickerVisible, setDatePickerVisibility] = (0, _react.useState)(false);
+  const [isConfidenceLow, setIsConfidenceLow] = (0, _react.useState)(false);
+  (0, _react.useEffect)(() => {
+    if ((0, _helpers.isFieldConfidenceLow)(sectionName, field.label, emiratesid.fieldsConfidence, passport.fieldsConfidence)) {
+      setIsConfidenceLow(true);
+    }
+  }, []);
+  (0, _react.useEffect)(() => {
+    if (isSubmitAttempted && field.required && !field.answer) {
+      setError('Required *');
+    } else if (isSubmitAttempted && !(0, _validators.validateDate)(field.answer)) {
+      setError("Please enter a valid date");
+    } else {
+      setError('');
+    }
+  });
+  const showDatePicker = () => {
+    setDatePickerVisibility(true);
+  };
+  const hideDatePicker = () => {
+    setDatePickerVisibility(false);
+  };
+  const shouldHaveMaxDate = field.label === "Date of Birth" || field.label === "Date of Issue";
+  const shouldHaveMinDate = field.label === "Date of Expiry";
+  const handleConfirm = date => {
+    setError('');
+    hideDatePicker();
+    setDate(date);
+    const day = String(date.getDate()).padStart(2, '0');
+    // The getMonth() method of Date instances returns the month for this date according to local time,
+    // as a zero-based value (where zero indicates the first month of the year).
+    const month = String(date.getMonth() + 1).padStart(2, '0');
+    const year = date.getFullYear();
+    const formattedDate = day + '/' + month + '/' + year;
+    if (!(0, _validators.validateDate)(formattedDate)) {
+      setError("Please enter a valid date");
+    }
+    setValue(formattedDate);
+    setIsConfidenceLow(false);
+    dispatch((0, _formSlice.handleFieldChange)({
+      path: path + '.answer',
+      value: formattedDate
+    }));
+    dispatch((0, _ocrSlice.updateFieldConfidence)({
+      sectionName,
+      label: field.label
+    }));
+  };
+  const styles = _reactNative.StyleSheet.create({
+    field: {
+      display: 'flex',
+      gap: 6
+    }
+  });
+  const defaultColor = isConfidenceLow ? theme.colors.secondary : theme.colors.surface;
+  const borderColor = error ? 'red' : defaultColor;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.field,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativePaper.Text, {
+      style: {
+        color: theme.colors.onPrimary
+      },
+      children: field.label
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativePaper.Button, {
+      icon: "calendar",
+      mode: "outlined",
+      onPress: showDatePicker,
+      labelStyle: {
+        marginHorizontal: 0
+      },
+      contentStyle: {
+        flexDirection: 'row-reverse',
+        height: 50,
+        justifyContent: 'space-between',
+        marginRight: 14,
+        marginLeft: 14
+      },
+      style: {
+        borderColor: borderColor,
+        borderRadius: 8,
+        display: 'flex',
+        backgroundColor: theme.colors.surfaceVariant,
+        height: 50
+      },
+      textColor: value ? theme.colors.onPrimary : "#918c8c",
+      children: value ? value : field.placeholder
+    }), error && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativePaper.Text, {
+      variant: "labelSmall",
+      style: {
+        color: 'red',
+        marginTop: 0
+      },
+      children: error
+    }), !error && isConfidenceLow && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativePaper.Text, {
+      variant: "labelSmall",
+      style: {
+        color: theme.colors.secondary,
+        marginTop: 0
+      },
+      children: "Low confidence, verify."
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeModalDatetimePicker.default, {
+      isVisible: isDatePickerVisible,
+      mode: "date",
+      date: date,
+      onConfirm: handleConfirm,
+      onCancel: hideDatePicker,
+      maximumDate: shouldHaveMaxDate ? new Date() : undefined,
+      minimumDate: shouldHaveMinDate ? new Date() : undefined
+    })]
+  });
+};
+var _default = exports.default = DatePicker;
+//# sourceMappingURL=DatePicker.js.map