@thenovaweb/druid-ogold-rn-sdk 0.0.6

package/lib/module/components/Camera.js

@@ -0,0 +1,356 @@
+"use strict";
+
+import { useEffect, useRef, useState } from 'react';
+import { Dimensions, Image, Platform, StyleSheet, View } from 'react-native';
+import { Card, IconButton, ProgressBar, Text, useTheme } from 'react-native-paper';
+import { Camera as VisionCamera, useCameraDevice, useFrameProcessor } from 'react-native-vision-camera';
+import { useAppDispatch } from "../state/hooks.js";
+import { checkFaceLiveness, updateLivenessFaces } from "../state/slices/livenessSlice.js";
+import { manipulateAsync } from "expo-image-manipulator";
+import { addLoader, removeLoader } from "../state/slices/loaderSlice.js";
+import { useIsFocused } from '@react-navigation/native';
+import { useFaceDetector } from 'react-native-vision-camera-face-detector';
+import { Worklets } from 'react-native-worklets-core';
+import FaceOverlay from "./FaceOverlay.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const Camera = ({
+  setIsCameraOn,
+  Toast,
+  navigation
+}) => {
+  const theme = useTheme();
+  const dispatch = useAppDispatch();
+  const camera = useRef(null);
+  const isFocused = useIsFocused();
+  const device = useCameraDevice('front');
+  useEffect(() => {
+    if (!device) {
+      setIsCameraOn(false);
+      Toast.error('Could not detect front camera on device', 'top');
+    }
+  }, [device]);
+  if (device == null) {
+    return null;
+  }
+  const stopRecording = () => {
+    dispatch(removeLoader());
+    setIsCameraOn(false);
+  };
+  const lastSnapshotTime = useRef(0);
+  const capturedSnapshots = useRef([]);
+  const [snapshotCount, setSnapshotCount] = useState(0);
+  const snapshotInProgress = 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(addLoader());
+      const snapshot = await takeSnapshot();
+      capturedSnapshots.current.push(snapshot);
+      setSnapshotCount(capturedSnapshots.current.length);
+      if (capturedSnapshots.current.length >= 3) {
+        setIsCameraOn(false);
+        dispatch(updateLivenessFaces({
+          isLiveFaces: capturedSnapshots.current
+        }));
+        await dispatch(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 = 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 (Platform.OS === 'ios') {
+          snapshot.path = snapshot.path.replace('file:', '');
+        }
+        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] = useState('Place your head in the oval shape');
+  const lastHintUpdate = 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 = 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
+  } = useFaceDetector(faceDetectionOptions);
+  const frameProcessor = 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
+  } = Dimensions.get('window');
+  const styles = 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: {
+      ...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__*/_jsxs(View, {
+    style: styles.camera,
+    children: [/*#__PURE__*/_jsx(VisionCamera, {
+      frameProcessor: frameProcessor,
+      ref: camera,
+      device: device,
+      isActive: isFocused,
+      video: true,
+      style: StyleSheet.absoluteFill,
+      onError: err => {
+        Toast.error(err.message || 'Failed to mount camera', 'top');
+        stopRecording();
+      }
+    }), /*#__PURE__*/_jsx(FaceOverlay, {
+      width: screenWidth,
+      height: screenHeight
+    }), /*#__PURE__*/_jsxs(View, {
+      style: styles.cameraContainer,
+      children: [/*#__PURE__*/_jsx(View, {
+        style: styles.progressContainer,
+        children: /*#__PURE__*/_jsx(ProgressBar, {
+          progress: snapshotCount / 3,
+          color: theme.colors.primaryContainer,
+          style: styles.progressBar
+        })
+      }), /*#__PURE__*/_jsx(View, {
+        style: styles.closeIcon,
+        children: /*#__PURE__*/_jsx(IconButton, {
+          icon: "x",
+          iconColor: theme.colors.error,
+          size: 30,
+          "sentry-label": "Cancel liveness stream",
+          onPress: () => {
+            stopRecording();
+          }
+        })
+      }), /*#__PURE__*/_jsx(Image, {
+        style: styles.cameraGifOverlay,
+        source: require('../assets/images/overlay.png')
+      }), /*#__PURE__*/_jsx(Card, {
+        style: [styles.cardBottom, {
+          backgroundColor: getCardBackgroundColor()
+        }],
+        children: /*#__PURE__*/_jsx(Text, {
+          style: [styles.text, {
+            color: getTextColor()
+          }],
+          children: hint
+        })
+      })]
+    })]
+  });
+};
+export default Camera;
+//# sourceMappingURL=Camera.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useRef","useState","Dimensions","Image","Platform","StyleSheet","View","Card","IconButton","ProgressBar","Text","useTheme","Camera","VisionCamera","useCameraDevice","useFrameProcessor","useAppDispatch","checkFaceLiveness","updateLivenessFaces","manipulateAsync","addLoader","removeLoader","useIsFocused","useFaceDetector","Worklets","FaceOverlay","jsx","_jsx","jsxs","_jsxs","setIsCameraOn","Toast","navigation","theme","dispatch","camera","isFocused","device","error","stopRecording","lastSnapshotTime","capturedSnapshots","snapshotCount","setSnapshotCount","snapshotInProgress","debouncedRecord","current","now","Date","snapshot","takeSnapshot","push","length","isLiveFaces","faces","navigate","screen","err","message","debouncedRecordJS","createRunOnJS","snapshotPromise","Promise","resolve","reject","Error","then","OS","path","replace","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","frameProcessor","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","get","styles","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","style","children","ref","isActive","video","absoluteFill","onError","progress","icon","iconColor","size","onPress","source","require"],"sourceRoot":"..\\..\\..\\src","sources":["components/Camera.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Checkbox.js

@@ -0,0 +1,128 @@
+"use strict";
+
+import { useEffect, useState } from 'react';
+import { Platform, StyleSheet, View } from 'react-native';
+import { Checkbox, Text, useTheme } from 'react-native-paper';
+import { useAppDispatch, useAppSelector } from "../state/hooks.js";
+import { handleFieldChange } from "../state/slices/formSlice.js";
+import { capitalizeWords } from "../utils/nonSliceHelpers.js";
+import { isFieldConfidenceLow } from "../utils/helpers.js";
+import { updateFieldConfidence } from "../state/slices/ocrSlice.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const CheckboxComponent = props => {
+  const theme = useTheme();
+  const dispatch = useAppDispatch();
+  const {
+    passport,
+    emiratesid
+  } = useAppSelector(state => state.ocrData);
+  const {
+    field,
+    path,
+    isSubmitAttempted,
+    sectionName
+  } = props;
+  const defaultIndex = field.options.indexOf(field.answer);
+  const [selectedIndex, setIndex] = useState(defaultIndex);
+  const [error, setError] = useState('');
+  const [isConfidenceLow, setIsConfidenceLow] = useState(false);
+  useEffect(() => {
+    if (isFieldConfidenceLow(sectionName, field.label, emiratesid.fieldsConfidence, passport.fieldsConfidence)) {
+      setIsConfidenceLow(true);
+    }
+  }, []);
+  useEffect(() => {
+    if (isSubmitAttempted && field.required && !field.answer) {
+      setError('Required *');
+    }
+  });
+  const handleChange = key => {
+    setIndex(key);
+    setError('');
+    setIsConfidenceLow(false);
+    dispatch(handleFieldChange({
+      path: path + '.answer',
+      value: field.options[key]
+    }));
+    dispatch(updateFieldConfidence({
+      sectionName,
+      label: field.label
+    }));
+  };
+  const isChecked = key => {
+    if (selectedIndex === key) {
+      return 'checked';
+    } else {
+      return 'unchecked';
+    }
+  };
+  const styles = 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__*/_jsxs(View, {
+    style: styles.field,
+    children: [/*#__PURE__*/_jsx(Text, {
+      style: {
+        color: theme.colors.onPrimary
+      },
+      children: field.label
+    }), /*#__PURE__*/_jsx(View, {
+      style: styles.input,
+      children: field.options.map((option, key) => /*#__PURE__*/_jsxs(View, {
+        style: styles.input,
+        children: [/*#__PURE__*/_jsx(View, {
+          style: Platform.OS == 'ios' ? styles.checkBoxBorder : null,
+          children: /*#__PURE__*/_jsx(Checkbox, {
+            status: isChecked(key),
+            onPress: () => handleChange(key),
+            color: theme.colors.secondary,
+            uncheckedColor: theme.colors.onSecondary
+          })
+        }), /*#__PURE__*/_jsx(Text, {
+          style: {
+            color: theme.colors.onPrimary
+          },
+          children: capitalizeWords(option)
+        })]
+      }, key))
+    }), error && /*#__PURE__*/_jsx(Text, {
+      variant: "labelSmall",
+      style: {
+        color: 'red',
+        marginTop: 0
+      },
+      children: error
+    }), !error && isConfidenceLow && /*#__PURE__*/_jsx(Text, {
+      variant: "labelSmall",
+      style: {
+        color: theme.colors.secondary,
+        marginTop: 0
+      },
+      children: "Low confidence, verify."
+    })]
+  });
+};
+export default CheckboxComponent;
+//# sourceMappingURL=Checkbox.js.map

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

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

package/lib/module/components/DatePicker.js

@@ -0,0 +1,141 @@
+"use strict";
+
+import { useEffect, useState } from 'react';
+import DateTimePickerModal from "react-native-modal-datetime-picker";
+import { Text, Button, useTheme } from 'react-native-paper';
+import { handleFieldChange } from "../state/slices/formSlice.js";
+import { StyleSheet, View } from 'react-native';
+import { useAppDispatch, useAppSelector } from "../state/hooks.js";
+import { isFieldConfidenceLow } from "../utils/helpers.js";
+import { updateFieldConfidence } from "../state/slices/ocrSlice.js";
+import { validateDate } from "../utils/validators.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const DatePicker = props => {
+  const dispatch = useAppDispatch();
+  const theme = useTheme();
+  const {
+    passport,
+    emiratesid
+  } = useAppSelector(state => state.ocrData);
+  const {
+    field,
+    path,
+    isSubmitAttempted,
+    sectionName
+  } = props;
+  const [value, setValue] = useState(field.answer);
+  const [error, setError] = useState('');
+  const [date, setDate] = useState();
+  const [isDatePickerVisible, setDatePickerVisibility] = useState(false);
+  const [isConfidenceLow, setIsConfidenceLow] = useState(false);
+  useEffect(() => {
+    if (isFieldConfidenceLow(sectionName, field.label, emiratesid.fieldsConfidence, passport.fieldsConfidence)) {
+      setIsConfidenceLow(true);
+    }
+  }, []);
+  useEffect(() => {
+    if (isSubmitAttempted && field.required && !field.answer) {
+      setError('Required *');
+    } else if (isSubmitAttempted && !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 (!validateDate(formattedDate)) {
+      setError("Please enter a valid date");
+    }
+    setValue(formattedDate);
+    setIsConfidenceLow(false);
+    dispatch(handleFieldChange({
+      path: path + '.answer',
+      value: formattedDate
+    }));
+    dispatch(updateFieldConfidence({
+      sectionName,
+      label: field.label
+    }));
+  };
+  const styles = StyleSheet.create({
+    field: {
+      display: 'flex',
+      gap: 6
+    }
+  });
+  const defaultColor = isConfidenceLow ? theme.colors.secondary : theme.colors.surface;
+  const borderColor = error ? 'red' : defaultColor;
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.field,
+    children: [/*#__PURE__*/_jsx(Text, {
+      style: {
+        color: theme.colors.onPrimary
+      },
+      children: field.label
+    }), /*#__PURE__*/_jsx(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__*/_jsx(Text, {
+      variant: "labelSmall",
+      style: {
+        color: 'red',
+        marginTop: 0
+      },
+      children: error
+    }), !error && isConfidenceLow && /*#__PURE__*/_jsx(Text, {
+      variant: "labelSmall",
+      style: {
+        color: theme.colors.secondary,
+        marginTop: 0
+      },
+      children: "Low confidence, verify."
+    }), /*#__PURE__*/_jsx(DateTimePickerModal, {
+      isVisible: isDatePickerVisible,
+      mode: "date",
+      date: date,
+      onConfirm: handleConfirm,
+      onCancel: hideDatePicker,
+      maximumDate: shouldHaveMaxDate ? new Date() : undefined,
+      minimumDate: shouldHaveMinDate ? new Date() : undefined
+    })]
+  });
+};
+export default DatePicker;
+//# sourceMappingURL=DatePicker.js.map

package/lib/module/components/DatePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useState","DateTimePickerModal","Text","Button","useTheme","handleFieldChange","StyleSheet","View","useAppDispatch","useAppSelector","isFieldConfidenceLow","updateFieldConfidence","validateDate","jsx","_jsx","jsxs","_jsxs","DatePicker","props","dispatch","theme","passport","emiratesid","state","ocrData","field","path","isSubmitAttempted","sectionName","value","setValue","answer","error","setError","date","setDate","isDatePickerVisible","setDatePickerVisibility","isConfidenceLow","setIsConfidenceLow","label","fieldsConfidence","required","showDatePicker","hideDatePicker","shouldHaveMaxDate","shouldHaveMinDate","handleConfirm","day","String","getDate","padStart","month","getMonth","year","getFullYear","formattedDate","styles","create","display","gap","defaultColor","colors","secondary","surface","borderColor","style","children","color","onPrimary","icon","mode","onPress","labelStyle","marginHorizontal","contentStyle","flexDirection","height","justifyContent","marginRight","marginLeft","borderRadius","backgroundColor","surfaceVariant","textColor","placeholder","variant","marginTop","isVisible","onConfirm","onCancel","maximumDate","Date","undefined","minimumDate"],"sourceRoot":"..\\..\\..\\src","sources":["components/DatePicker.tsx"],"mappings":"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","ignoreList":[]}