Update Upload Center

Author: natsukiai

packages/camera/src/components/Capture/hooks.js

@@ -11,10 +11,25 @@ import log from '../../utils/log';
 import getOS from '../../utils/getOS';
 
 const COVERAGE_360_WHITELIST = [
+  // T-ROCK
   'GHbWVnMB', 'GvCtVnoD', 'IVcF1dOP', 'LE9h1xh0',
   'PLh198NC', 'UHZkpCuK', 'XyeyZlaU', 'vLcBGkeh',
   'Pzgw0WGe', 'EqLDVYj3', 'jqJOb6Ov', 'j3E2UHFc',
   'AoO-nOoM', 'B5s1CWT-',
+  // AUDI A7
+  'vxRr9chD', // Front Bumper Side Left
+  'cDe2q69X', // Front Fender Left
+  'R_f4g8MN', // Doors Left
+  'vedHBC2n', // Front Roof Left
+  'McR3TJK0', // Rear Lateral Left
+  '7bTC-nGS', // Rear Fender Left
+  'hhCBI9oZ', // Rear
+  'e_QIW30o', // Rear Fender Right
+  'fDo5M0Fp', // Rear Lateral Right
+  'fDKWkHHp', // Doors Right
+  '5CFsFvj7', // Front Fender Right
+  'g30kyiVH', // Front Bumper Side Right
+  'I0cOpT1e', // Front
 ];
 
 /**

packages/camera/src/components/UploadCenter/UploadCard/index.js

@@ -4,6 +4,7 @@ import { View, StyleSheet, Text, Image, TouchableOpacity, ActivityIndicator } fr
 import { MaterialCommunityIcons } from '@expo/vector-icons';
 
 import { utils } from '@monkvision/toolkit';
+import texts from './texts';
 
 const { spacing } = utils.styles;
 
@@ -59,6 +60,13 @@ const styles = StyleSheet.create({
     alignSelf: 'center',
     zIndex: 10,
   },
+  retakeText: {
+    color: '#fff',
+    fontSize: 12,
+    fontWeight: 'bold',
+    textTransform: 'uppercase',
+    textAlign: 'center',
+  },
 });
 
 function UploadCard({ compliance, id, label, onRetake, picture, upload }) {
@@ -92,19 +100,19 @@ function UploadCard({ compliance, id, label, onRetake, picture, upload }) {
       if (badQuality && iqa.reasons) {
         iqa.reasons.forEach((reason, index) => {
           const first = index === 0;
-          reasons.push(first ? reason : `and ${reason}`);
+          reasons.push(first ? texts[reason] : `and ${texts[reason]}`);
         });
       }
 
       if (badCoverage && carCov.reasons) {
         carCov.reasons.forEach((reason, index) => {
           const first = index === 0 && !badQuality;
-          reasons.push(first ? reason : `and ${reason}`);
+          reasons.push(first ? texts[reason] : `and ${texts[reason]}`);
         });
       }
 
       if (reasons.length > 0) {
-        return `This image has ${reasons.join(' ')}`;
+        return `This image ${reasons.join(' ')}`;
       }
     }
 
@@ -134,6 +142,7 @@ function UploadCard({ compliance, id, label, onRetake, picture, upload }) {
           ]}
           >
             <MaterialCommunityIcons name="camera-retake" size={24} color="#FFF" />
+            <Text style={styles.retakeText}>Retake picture</Text>
           </View>
           <Image style={styles.image} source={{ uri }} />
         </TouchableOpacity>

packages/camera/src/components/UploadCenter/UploadCard/texts.js

@@ -0,0 +1,13 @@
+export default {
+  blurriness: 'is blurry',
+  underexposure: 'is underexposed (too dark)',
+  overexposure: 'is overexposed (too bright)',
+  'TOO_ZOOMED--too zoomed': 'is too zoomed',
+  'NOT_ZOOMED_ENOUGH--not zoomed enough': 'is too far from vehicle',
+  'WRONG_ANGLE--wrong angle': 'is taken from incorrect angle',
+  'UNKNOWN_VIEWPOINT--unknown viewpoint': 'doesn\'t match photo guide',
+  'WRONG_CENTER_PART--picture centered on the wrong parts': 'is not centered on the right part',
+  'MISSING_PARTS--missing some parts': 'is missing important car parts',
+  'HIDDEN_PARTS--some parts not visible enough': 'has some car parts not visible enough',
+  'NO_CAR_BODY--no car body detected': 'has no car in it',
+};

packages/camera/src/components/UploadCenter/index.js

@@ -137,7 +137,7 @@ export default function UploadCenter({
       </Text>
       <Text style={styles.subtitle}>
         Improve image compliance will result to a better AI inspection.
-        Thank you for your comprehension.
+        Thank you for your understanding.
       </Text>
       {unionIds.map((id) => (
         <UploadCard
@@ -175,5 +175,5 @@ UploadCenter.defaultProps = {
   navigationOptions: {
     retakeMaxTry: 1,
   },
-  submitButtonProps: { title: 'Next', onPress: null },
+  submitButtonProps: { title: 'Skip Retaking', onPress: null },
 };

src/screens/InspectionCreate/index.js

@@ -7,6 +7,27 @@ import useScreen from 'screens/InspectionCreate/useScreen';
 
 import { Capture, Controls, useUploads, UploadCenter } from '@monkvision/camera';
 
+const sightIds = [
+  'WKJlxkiF', // Beauty Shot
+  'vxRr9chD', // Front Bumper Side Left
+  'cDe2q69X', // Front Fender Left
+  'R_f4g8MN', // Doors Left
+  'vedHBC2n', // Front Roof Left
+  'McR3TJK0', // Rear Lateral Left
+  '7bTC-nGS', // Rear Fender Left
+  'hhCBI9oZ', // Rear
+  'e_QIW30o', // Rear Fender Right
+  'fDo5M0Fp', // Rear Lateral Right
+  'fDKWkHHp', // Doors Right
+  '5CFsFvj7', // Front Fender Right
+  'g30kyiVH', // Front Bumper Side Right
+  'I0cOpT1e', // Front
+  'IqwSM3', // Front seats
+  'rSvk2C', // Dashboard
+  'rj5mhm', // Back seats
+  'qhKA2z', // Trunk
+];
+
 export default () => {
   const route = useRoute();
   const { inspectionId } = route.params;
@@ -58,18 +79,19 @@ export default () => {
     ...Controls.CaptureButtonProps,
   }];
 
-  const uploads = useUploads({ sightIds: Capture.defaultSightIds });
+  const uploads = useUploads({ sightIds });
 
   return (
     <SafeAreaView>
       <Capture
+        sightIds={sightIds}
         inspectionId={inspectionId}
         controls={controls}
         loading={loading}
         uploads={uploads}
         renderOnFinish={UploadCenter}
         submitButtonProps={{
-          title: 'Next',
+          title: 'Skip Retaking',
           onPress: handleSuccess,
         }}
       />