Fixed: handled when variantId not available in current variants (#85z…

…t0m4qc)

src/i18n/locales/en.json

@@ -159,6 +159,7 @@
     "Select item": "Select item",
     "Select store": "Select store",
     "Selected variant not available": "Selected variant not available",
+    "Selected variant not available. Reseting to first variant.": "Selected variant not available. Reseting to first variant.",
     "Select a new promise date for these orders. This new date will be used for allocating inventory and fulfilling these orders.": "Select a new promise date for these orders. This new date will be used for allocating inventory and fulfilling these orders.",
     "Select time zone": "Select time zone",
     "Service has been scheduled": "Service has been scheduled",

src/views/catalog-product-details.vue

@@ -466,9 +466,18 @@ export default defineComponent({
 
       Object.keys(features).forEach((color) => this.features[color] = sortSizes(features[color]))
 
-      const openedVariant = this.product.variants.find((variant: any) => variant.productId === this.$route.params.variantId)
-      this.selectedColor = getFeature(openedVariant.featureHierarchy, '1/COLOR/')
-      this.selectedSize = getFeature(openedVariant.featureHierarchy, '1/SIZE/')
+      let selectedVariant = this.product.variants.find((variant: any) => variant.productId === this.$route.params.variantId)
+
+      if (!selectedVariant) {
+          // if the variant does not have color or size as features
+          selectedVariant = this.product.variants[0]
+          showToast(translate("Selected variant not available. Reseting to first variant."))
+        }
+
+      if (selectedVariant) {
+        this.selectedColor = getFeature(selectedVariant.featureHierarchy, '1/COLOR/')
+        this.selectedSize = getFeature(selectedVariant.featureHierarchy, '1/SIZE/')
+      }
     },
     async updateVariant() {
       let variant