SSR-1433 Multiple Tint Image Fixes

Added missing tints from FMG
If we don't have a tint image in the tint map don't error out just hide the image. (Same Functionality as FMG)

src/constants/tint-mapper.js

@@ -32,6 +32,8 @@ const tintMap = Object.freeze({
         { name: 'gray tint', src: 'Glass-NoShade-GrayTint.svg' },
         { name: 'green tint', src: 'Glass-NoShade-GreenTint.svg' },
         { name: 'gray tint privacy', src: 'Glass-NoShade-GrayTint.svg' },
+        { name: 'blue tint', src: 'Glass-NoShade-BlueTint.svg' },
+        { name: 'green tint privacy', src: 'Glass-NoShade-GreenTint.svg' },
 
         // No shade or tint
         { name: 'clear', src: 'Glass-NoShade-NoTint.svg' }

src/layouts/vehicle-parts/glass-part-question/glass-part-question.vue

@@ -102,10 +102,11 @@ export default {
             const tintOptions = [];
 
             Object.keys(this.featureListData).forEach((tintOption) => {
+                const buttonImage = this.getTintSourceImage(this.glassLocation, tintOption);
                 tintOptions.push({
                     value: tintOption,
                     buttonLabel: tintOption,
-                    buttonImage: require(`@/assets/img/tints/${this.getTintSourceImage(this.glassLocation, tintOption)}`)
+                    buttonImage: buttonImage ? require(`@/assets/img/tints/${buttonImage}`) : null
                 });
             });
 

src/ux-components/list-card/list-card.vue

@@ -10,6 +10,7 @@
             class="d-flex w-100 align-items-center px-2 h-100 list-card-content button-content rounded-3"
             :class="labelClasses">
             <img
+                v-if="buttonImage"
                 :id="buttonImageId"
                 :class="!isWide ? 'order-1' : 'ms-auto order-3'"
                 :src="buttonImage"