Merge pull request #441 from selfxyz/justin/update-passport-camera-screen-ui

Update passport camera scan view

app/ios/Podfile

@@ -94,5 +94,16 @@ target 'Self' do
         end
       end
     end
+
+    # update QKCutoutView.swift to hide OCR border
+    qkCutoutView = 'Pods/QKMRZScanner/QKMRZScanner/QKCutoutView.swift'
+    if File.exist?(qkCutoutView)
+      text = File.read(qkCutoutView)
+      # Comment out the line containing "addBorderAroundCutout()"
+      new_text = text.gsub(/^(\s*addBorderAroundCutout\s*\(\s*\))/, '// \1')
+      File.open(qkCutoutView, "w") { |file| file.puts new_text }
+    else
+      puts "Warning: Could not find QKCutoutView.swift at #{qkCutoutView}"
+    end
   end
 end

app/ios/Podfile.lock

@@ -2046,6 +2046,6 @@ SPEC CHECKSUMS:
   SwiftyTesseract: 1f3d96668ae92dc2208d9842c8a59bea9fad2cbb
   Yoga: b05994d1933f507b0a28ceaa4fdb968dc18da178
 
-PODFILE CHECKSUM: 360610d96d3dc76182e3079e22704a7c8151e46d
+PODFILE CHECKSUM: 43bcc5c1c02614f10183612fd8a81c2000737528
 
 COCOAPODS: 1.16.2

app/src/components/native/PassportCamera.tsx

@@ -98,8 +98,8 @@ export const PassportCamera: React.FC<PassportCameraProps> = ({
         onPassportRead={_onPassportRead}
         onError={_onError}
         style={{
-          width: '110%',
-          height: '110%',
+          width: '130%',
+          height: '130%',
         }}
       />
     );

app/src/screens/Onboarding/PassportCameraScreen.tsx

@@ -167,8 +167,8 @@ export default PassportCameraScreen;
 const styles = StyleSheet.create({
   animation: {
     position: 'absolute',
-    width: '115%',
-    height: '115%',
+    width: '130%',
+    height: '130%',
   },
   subheader: {
     color: slate800,