Add basic file-size check.

src/common-components/textbox-question/textbox-question.vue

@@ -95,7 +95,7 @@ export default {
         cornerStyle: String, // Rounded or square. Square is default.
         includeSearchIcon: Boolean,
         includeImageQuestion: Boolean,
-        onImageQuestionSubmit: Function,
+        imageQuestionSubmitHandler: Function,
     },
     setup(props) {
         const propsClone = Object.assign({}, props);
@@ -136,9 +136,16 @@ export default {
     },
     methods: {
         async imageChanged(e) {
+            let file = e.target.files[0];
+
+            if (!this.isImageValid(file)) {
+                this.$emit("imageLookupError");
+                return;
+            }
+
             this.isImageProcessing = true;
 
-            await this.onImageQuestionSubmit(e.target.files[0])
+            await this.imageQuestionSubmitHandler(file)
                 .then(async (response) => {
                     this.value = response;
 
@@ -152,6 +159,12 @@ export default {
 
             this.isImageProcessing = false;
         },
+
+        isImageValid(imageFile) {
+            let maxSize = 0.5 * 1028 * 1028;
+
+            return imageFile && imageFile.size < maxSize;
+        },
     },
     computed: {
         questionText() {

src/layouts/vin-lookup/vin-lookup.vue

@@ -21,7 +21,7 @@
                             maxLength="17"
                             :mask="vinMask"
                             includeImageQuestion
-                            :onImageQuestionSubmit="getVinFromImage"
+                            :imageQuestionSubmitHandler="getVinFromImage"
                             @image-lookup-error="displayVinScanAlert"
                             data-test="vin-lookup-field"
                             ref="vinLookupQuestion" />