@trustchex/react-native-sdk 1.361.0 → 1.362.0

package/lib/module/Screens/Debug/MRZTestScreen.js

@@ -0,0 +1,175 @@
+"use strict";
+
+import React, { useState, useRef, useCallback } from 'react';
+import { View, StyleSheet, Text, ScrollView, StatusBar, TouchableOpacity } from 'react-native';
+import { SafeAreaView } from 'react-native-safe-area-context';
+import { TrustchexCamera } from "../../Shared/Components/TrustchexCamera.js";
+import mrzUtils from "../../Shared/Libs/mrz.utils.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const MRZTestScreen = () => {
+  const cameraRef = useRef(null);
+  const [mrzText, setMrzText] = useState('Waiting for MRZ...');
+  const [mrzRawText, setMrzRawText] = useState('');
+  const [mrzValid, setMrzValid] = useState(false);
+  const [rawHistory, setRawHistory] = useState([]);
+  const [isPaused, setIsPaused] = useState(false);
+  const handleFrame = useCallback(event => {
+    if (isPaused) {
+      return;
+    }
+    const frame = event.nativeEvent.frame;
+    if (frame.resultText) {
+      setRawHistory(prev => {
+        if (prev[0] === frame.resultText) {
+          return prev;
+        }
+        const next = [frame.resultText, ...prev];
+        return next.slice(0, 20);
+      });
+    }
+    if (frame.resultText && frame.resultText.includes('<')) {
+      // Extract MRZ-only text from detected blocks
+      let mrzOnlyText = '';
+      if (frame.textBlocks && frame.textBlocks.length > 0) {
+        // Filter blocks that look like MRZ (contain < and are in bottom half of frame)
+        const frameHeight = frame.height;
+        const bottomThreshold = frameHeight * 0.5;
+        const mrzBlocks = frame.textBlocks.filter(block => {
+          const blockText = block.text || '';
+          const hasFillers = blockText.includes('<');
+          const isInBottomArea = block.blockFrame ? block.blockFrame.y > bottomThreshold : false;
+          const isLongEnough = blockText.length >= 12;
+          return hasFillers && isInBottomArea && isLongEnough;
+        });
+        if (mrzBlocks.length > 0) {
+          mrzOnlyText = mrzBlocks.map(b => b.text).join('\n');
+        }
+      }
+
+      // Fallback to full text if no MRZ blocks detected
+      if (!mrzOnlyText) {
+        mrzOnlyText = frame.resultText;
+      }
+      const fixedMrz = mrzUtils.fixMRZ(mrzOnlyText);
+      setMrzRawText(mrzOnlyText);
+      setMrzText(fixedMrz);
+      setMrzValid(mrzUtils.validateMRZWithCorrections(fixedMrz).valid);
+    }
+  }, [isPaused]);
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.container,
+    children: [/*#__PURE__*/_jsx(StatusBar, {
+      barStyle: "light-content",
+      backgroundColor: "transparent",
+      translucent: true
+    }), /*#__PURE__*/_jsx(TrustchexCamera, {
+      ref: cameraRef,
+      style: styles.camera,
+      cameraType: "back",
+      enableFrameProcessing: true,
+      enableFaceDetection: false,
+      enableTextRecognition: true,
+      enableBarcodeScanning: false,
+      includeBase64: false,
+      targetFps: 10,
+      onFrameAvailable: handleFrame
+    }), /*#__PURE__*/_jsx(SafeAreaView, {
+      style: styles.mrzPanel,
+      edges: ['bottom'],
+      children: /*#__PURE__*/_jsx(ScrollView, {
+        style: styles.scrollView,
+        children: /*#__PURE__*/_jsxs(View, {
+          style: styles.panelContent,
+          children: [/*#__PURE__*/_jsx(TouchableOpacity, {
+            style: styles.pauseButton,
+            onPress: () => setIsPaused(!isPaused),
+            children: /*#__PURE__*/_jsx(Text, {
+              style: styles.pauseButtonText,
+              children: isPaused ? 'Resume Processing' : 'Pause Processing'
+            })
+          }), /*#__PURE__*/_jsx(Text, {
+            style: styles.title,
+            children: "MRZ Text Read"
+          }), /*#__PURE__*/_jsx(Text, {
+            style: styles.sectionTitle,
+            children: "MRZ Raw Text"
+          }), /*#__PURE__*/_jsx(Text, {
+            style: styles.mrzText,
+            children: mrzRawText ? mrzRawText.split('\n').map((line, i) => `Line ${i + 1}: ${line} (${line.length} chars)`).join('\n') : 'No MRZ raw text'
+          }), /*#__PURE__*/_jsx(Text, {
+            style: styles.sectionTitle,
+            children: "MRZ Corrected Text"
+          }), /*#__PURE__*/_jsx(Text, {
+            style: [styles.mrzText, mrzValid ? styles.mrzValid : null],
+            children: mrzText.split('\n').map((line, i) => `Line ${i + 1}: ${line} (${line.length} chars)`).join('\n')
+          }), /*#__PURE__*/_jsx(Text, {
+            style: styles.sectionTitle,
+            children: "Raw Text History"
+          }), /*#__PURE__*/_jsx(Text, {
+            style: styles.mrzText,
+            children: rawHistory.length > 0 ? rawHistory.map((text, i) => `#${i + 1}: ${text.replace(/\n/g, ' ')}`).join('\n') : 'No history'
+          })]
+        })
+      })
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: '#000000'
+  },
+  camera: {
+    flex: 2
+  },
+  mrzPanel: {
+    flex: 1,
+    backgroundColor: 'rgba(0, 0, 0, 0.95)',
+    borderTopWidth: 2,
+    borderTopColor: '#FFA500'
+  },
+  scrollView: {
+    flex: 1
+  },
+  panelContent: {
+    padding: 10
+  },
+  pauseButton: {
+    alignSelf: 'center',
+    borderWidth: 1,
+    borderColor: '#FFA500',
+    borderRadius: 4,
+    paddingVertical: 6,
+    paddingHorizontal: 12,
+    marginBottom: 8
+  },
+  pauseButtonText: {
+    color: '#FFA500',
+    fontSize: 10,
+    fontWeight: 'bold'
+  },
+  title: {
+    color: '#FFA500',
+    fontSize: 12,
+    fontWeight: 'bold',
+    marginBottom: 8,
+    textAlign: 'center'
+  },
+  sectionTitle: {
+    color: '#FFA500',
+    fontSize: 10,
+    fontWeight: 'bold',
+    marginTop: 6,
+    marginBottom: 4
+  },
+  mrzText: {
+    color: '#FFFFFF',
+    fontSize: 9,
+    fontFamily: 'monospace',
+    lineHeight: 16
+  },
+  mrzValid: {
+    color: '#00C853'
+  }
+});
+export default MRZTestScreen;

package/lib/module/Shared/Components/DebugNavigationPanel.js

@@ -148,6 +148,10 @@ const DebugNavigationPanel = () => {
     setupDemo: () => {
       setupDemoSession();
     }
+  }, {
+    screen: 'MRZTestScreen',
+    label: 'MRZ Test',
+    icon: ICONS.BUG_REPORT
   }];
   const selectScreen = useCallback(screen => {
     if (!screen.hasOptions) {

package/lib/module/Shared/Components/EIDScanner.js

@@ -13,7 +13,6 @@ import StyledButton from "./StyledButton.js";
 import LottieView from 'lottie-react-native';
 import { useKeepAwake } from "../Libs/native-keep-awake.utils.js";
 import { speak, resetLastMessage } from "../Libs/tts.utils.js";
-import { isDebugEnabled } from "../Libs/debug.utils.js";
 import { trackEIDScanStart, trackEIDScanComplete, trackEIDScanFailed } from "../Libs/analytics.utils.js";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const EIDScanner = ({
@@ -439,83 +438,6 @@ const EIDScanner = ({
           },
           children: t('eidScannerScreen.approveAndContinue')
         })
-      }), isDebugEnabled() && /*#__PURE__*/_jsxs(View, {
-        style: {
-          position: 'absolute',
-          top: insets.top + 10,
-          right: 10,
-          backgroundColor: 'rgba(0, 0, 0, 0.85)',
-          padding: 10,
-          borderRadius: 8,
-          borderWidth: 1,
-          borderColor: '#FF6B6B',
-          maxWidth: 200,
-          zIndex: 1001
-        },
-        children: [/*#__PURE__*/_jsx(Text, {
-          style: {
-            color: '#FF6B6B',
-            fontSize: 11,
-            fontWeight: 'bold',
-            marginBottom: 6
-          },
-          children: "\uD83D\uDC1B DEBUG MODE"
-        }), /*#__PURE__*/_jsx(Text, {
-          style: {
-            color: '#88D8B0',
-            fontSize: 9,
-            marginBottom: 2
-          },
-          children: `NFC: ${hasNfc ? '✓' : '✗'}`
-        }), /*#__PURE__*/_jsx(Text, {
-          style: {
-            color: '#88D8B0',
-            fontSize: 9,
-            marginBottom: 2
-          },
-          children: `Enabled: ${isEnabled ? '✓' : '✗'}`
-        }), /*#__PURE__*/_jsx(Text, {
-          style: {
-            color: '#88D8B0',
-            fontSize: 9,
-            marginBottom: 2
-          },
-          children: `Scanning: ${isScanning ? '✓' : '○'}`
-        }), /*#__PURE__*/_jsx(Text, {
-          style: {
-            color: '#88D8B0',
-            fontSize: 9,
-            marginBottom: 2
-          },
-          children: `Scanned: ${isScanned ? '✓' : '○'}`
-        }), /*#__PURE__*/_jsx(Text, {
-          style: {
-            color: '#88D8B0',
-            fontSize: 9,
-            marginBottom: 2
-          },
-          children: `Progress: ${Math.round(progress)}%`
-        }), /*#__PURE__*/_jsx(Text, {
-          style: {
-            color: '#88D8B0',
-            fontSize: 9,
-            marginBottom: 2
-          },
-          children: `Face Image: ${documentFaceImage ? '✓' : '✗'}`
-        }), /*#__PURE__*/_jsx(Text, {
-          style: {
-            color: '#88D8B0',
-            fontSize: 9,
-            marginBottom: 2
-          },
-          children: `MRZ Info: ${documentMRZInfo ? '✓' : '✗'}`
-        }), /*#__PURE__*/_jsx(Text, {
-          style: {
-            color: '#88D8B0',
-            fontSize: 9
-          },
-          children: `Doc Type: ${documentType}`
-        })]
       })]
     })]
   });