@thefittingroom/shop-ui 5.0.10 → 5.0.11

package/dist/index.js

@@ -41951,8 +41951,7 @@ function VtoSingleOverlay() {
         logger$2.timerStart("fetchInitialData_2_getStyleData");
         const styleRec = await getStyleByExternalId(brandId, currentProduct.externalId);
         if (!styleRec) {
-          logger$2.logError(`Style not found for externalId: ${currentProduct.externalId}`);
-          return;
+          throw new Error(`Style not found for externalId: ${currentProduct.externalId}`);
         }
         const styleGarmentCategoryRec = await getStyleGarmentCategoryById(styleRec.style_garment_category_id);
         const styleCategoryLabel = styleGarmentCategoryRec?.style_category_label ?? null;
@@ -41964,77 +41963,84 @@ function VtoSingleOverlay() {
         {
           const recommendedSizeId = sizeRecommendationRecord.recommended_size.id || null;
           const recommendedSizeLabel = getSizeLabelFromSize(sizeRecommendationRecord.recommended_size);
-          if (recommendedSizeId != null && recommendedSizeLabel != null) {
-            let productData;
-            {
-              const fitClassification = sizeRecommendationRecord.fit_classification;
-              const sizes = [];
-              for (const sizeRec of sizeRecommendationRecord.available_sizes) {
-                const sizeId = sizeRec.id;
-                const sizeLabel = getSizeLabelFromSize(sizeRec) || null;
-                if (!sizeLabel) {
-                  continue;
-                }
-                const isRecommended = sizeRec.id === recommendedSizeId;
-                const fit = sizeRecommendationRecord.fits.find((f) => f.size_id === sizeRec.id);
-                if (!fit) {
+          if (recommendedSizeId == null || recommendedSizeLabel == null) {
+            throw new Error(`No recommended size found for externalId: ${currentProduct.externalId}`);
+          }
+          let productData;
+          {
+            const fitClassification = sizeRecommendationRecord.fit_classification;
+            const sizes = [];
+            for (const sizeRec of sizeRecommendationRecord.available_sizes) {
+              const sizeId = sizeRec.id;
+              const sizeLabel = getSizeLabelFromSize(sizeRec) || null;
+              if (!sizeLabel) {
+                continue;
+              }
+              const isRecommended = sizeRec.id === recommendedSizeId;
+              const fit = sizeRecommendationRecord.fits.find((f) => f.size_id === sizeRec.id);
+              if (!fit) {
+                continue;
+              }
+              const colors = [];
+              for (const csaRec of sizeRec.colorway_size_assets) {
+                const colorwaySizeAssetId = csaRec.id;
+                const sku = csaRec.sku;
+                const variant = variants.find((v) => v.sku === sku);
+                if (!variant) {
+                  logger$2.logWarn(`Variant not found for externalId: ${currentProduct.externalId} sizeId: ${sizeId} sku: ${sku}`);
                   continue;
                 }
-                const colors = [];
-                for (const csaRec of sizeRec.colorway_size_assets) {
-                  const colorwaySizeAssetId = csaRec.id;
-                  const sku = csaRec.sku;
-                  const variant = variants.find((v) => v.sku === sku);
-                  if (!variant) {
-                    continue;
-                  }
-                  const colorLabel = variant.color || null;
-                  if (!colorLabel) {
-                    continue;
-                  }
-                  const priceFormatted = variant.priceFormatted;
-                  colors.push({
-                    colorwaySizeAssetId,
-                    colorLabel,
-                    sku,
-                    priceFormatted
-                  });
-                }
-                sizes.push({
-                  sizeId,
-                  sizeLabel,
-                  isRecommended,
-                  fit,
-                  colors
+                const colorLabel = variant.color || null;
+                const priceFormatted = variant.priceFormatted;
+                colors.push({
+                  colorwaySizeAssetId,
+                  colorLabel,
+                  sku,
+                  priceFormatted
                 });
               }
-              productData = {
-                productName,
-                productDescriptionHtml,
-                fitClassification,
-                recommendedSizeId,
-                recommendedSizeLabel,
-                sizes,
-                styleCategoryLabel
-              };
-            }
-            let recommendedColorLabel;
-            {
-              const recommendedSizeRecord = productData.sizes.find((s) => s.isRecommended);
-              if (!recommendedSizeRecord) {
-                throw new Error("Recommended size record not found");
+              if (!colors.length) {
+                logger$2.logWarn(`No valid colorways found for externalId: ${currentProduct.externalId} sizeId: ${sizeId}`);
+                continue;
               }
-              const recommendedSizeColorRecord = recommendedSizeRecord.colors.find((c) => {
-                return c.colorLabel === selectedColor;
-              }) || recommendedSizeRecord.colors[0];
-              recommendedColorLabel = recommendedSizeColorRecord.colorLabel;
+              sizes.push({
+                sizeId,
+                sizeLabel,
+                isRecommended,
+                fit,
+                colors
+              });
             }
-            setLoadedProductData(productData);
-            setSelectedSizeLabel(recommendedSizeLabel);
-            setSelectedColorLabel(recommendedColorLabel);
-          } else {
-            setLoadedProductData(false);
+            if (!sizes.length) {
+              throw new Error(`No valid sizes found for externalId: ${currentProduct.externalId}`);
+            }
+            productData = {
+              productName,
+              productDescriptionHtml,
+              fitClassification,
+              recommendedSizeId,
+              recommendedSizeLabel,
+              sizes,
+              styleCategoryLabel
+            };
+          }
+          let recommendedColorLabel = null;
+          {
+            const recommendedSizeRecord = productData.sizes.find((s) => s.isRecommended);
+            if (!recommendedSizeRecord) {
+              throw new Error("Recommended size record not found");
+            }
+            if (!recommendedSizeRecord.colors.length) {
+              throw new Error("No colorways found for recommended size record");
+            }
+            const recommendedSizeColorRecord = recommendedSizeRecord.colors.find((c) => {
+              return c.colorLabel === selectedColor;
+            }) || recommendedSizeRecord.colors[0];
+            recommendedColorLabel = recommendedSizeColorRecord?.colorLabel ?? null;
           }
+          setLoadedProductData(productData);
+          setSelectedSizeLabel(recommendedSizeLabel);
+          setSelectedColorLabel(recommendedColorLabel);
         }
         for (const sku in userProfile?.vto?.[brandId] ?? {}) {
           fetchedVtoSkus.current.add(sku);
@@ -42047,6 +42053,9 @@ function VtoSingleOverlay() {
         logger$2.logError("Error fetching initial data:", {
           error
         });
+        setLoadedProductData(false);
+        setSelectedSizeLabel(null);
+        setSelectedColorLabel(null);
       }
     }
     if (userIsLoggedIn && userHasAvatar && userProfile && loadedProductData == null) {
@@ -42071,7 +42080,7 @@ function VtoSingleOverlay() {
       };
     }
     const sizeColorRecord = sizeRecord.colors.find((c) => c.colorLabel === selectedColorLabel) ?? sizeRecord.colors[0];
-    const availableColorLabels2 = sizeRecord.colors.map((c) => c.colorLabel);
+    const availableColorLabels2 = sizeRecord.colors.map((c) => c.colorLabel).filter((label) => !!label);
     return {
       sizeColorRecord,
       availableColorLabels: availableColorLabels2
@@ -42104,7 +42113,9 @@ function VtoSingleOverlay() {
     }
     for (const sizeRecord of loadedProductData.sizes) {
       const sizeColorRecord = sizeRecord.colors.find((c) => c.colorLabel === selectedColorLabel) ?? sizeRecord.colors[0];
-      requestVto(sizeColorRecord);
+      if (sizeColorRecord) {
+        requestVto(sizeColorRecord);
+      }
     }
   }, [requestVto, loadedProductData, selectedColorLabel]);
   const vtoData = reactExports.useMemo(() => {
@@ -43435,9 +43446,9 @@ const SHARED_CONFIG = {
     appGooglePlayUrl: "https://play.google.com/store/apps/details?id=com.thefittingroom.marketplace"
   },
   build: {
-    version: `${"5.0.10"}`,
-    commitHash: `${"0058a65"}`,
-    date: `${"2026-02-01T18:44:35.278Z"}`
+    version: `${"5.0.11"}`,
+    commitHash: `${"77ac921"}`,
+    date: `${"2026-02-02T01:20:02.888Z"}`
   }
 };
 const CONFIGS = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thefittingroom/shop-ui",
-  "version": "5.0.10",
+  "version": "5.0.11",
   "description": "the fitting room UI library",
   "type": "module",
   "main": "./dist/index.js",