@thefittingroom/shop-ui 4.3.3 → 4.3.5

package/dist/index.js

@@ -20423,7 +20423,7 @@ class FittingRoomAPI {
         return cachedAsset;
       }
     }
-    console.debug("using firestore colorwaySizeAsset for sku:", colorwaySizeAssetSku);
+    console.debug("colorwaySizeAsset sku not found in cache:", colorwaySizeAssetSku, Array.from(this.cachedColorwaySizeAssets.keys()));
     const constraints = [
       where("brand_id", "==", this.BrandID),
       where("sku", "==", colorwaySizeAssetSku)
@@ -20531,15 +20531,6 @@ class FittingRoomAPI {
         throw error;
       }
     }
-    const copyOfCache = /* @__PURE__ */ new Map();
-    for (const sku of skus) {
-      const asset = this.cachedColorwaySizeAssets.get(sku);
-      if (asset) {
-        copyOfCache.set(sku, asset);
-      } else {
-        console.error(`no colorway asset found for SKU: ${sku}`);
-      }
-    }
     return this.cachedColorwaySizeAssets;
   }
   async GetStyleGarmentCategory(styleId) {
@@ -20607,6 +20598,10 @@ class FittingRoomAPI {
       const firestoreUser = data;
       const colorwaySizeAssetEntry = firestoreUser.vto?.[this.BrandID]?.[colorwaySizeAssetSKU];
       if (!colorwaySizeAssetEntry) {
+        if (!skipFullSnapshot) {
+          console.debug("no vto entry for full snapshot");
+          throw NoFramesFoundError;
+        }
         console.debug("no vto entry for SKU, continue watching:", colorwaySizeAssetSKU);
         return false;
       }
@@ -20666,6 +20661,7 @@ class FittingRoomAPI {
         console.debug("returning cached frames", colorwaySizeAssetSKU);
         return await cached;
       }
+      console.debug("no local cache for colorwaySizeAssetSKU", colorwaySizeAssetSKU);
     }
     const colorwaySizeAsset = this.cachedColorwaySizeAssets.get(colorwaySizeAssetSKU);
     if (!colorwaySizeAsset) {
@@ -20675,25 +20671,27 @@ class FittingRoomAPI {
     const colorwaySizeAssetID = colorwaySizeAsset.id;
     let framesPromise;
     try {
-      let skipFullSnapshot = false;
-      if (skipCache) {
-        console.debug("skipping cache, requesting fresh frames");
-        await this.requestColorwaySizeAssetFramesByID(colorwaySizeAssetID);
-        skipFullSnapshot = true;
+      if (!skipCache) {
+        framesPromise = this.watchForTryOnFrames(firestoreUserController, colorwaySizeAssetSKU, false);
+        this.vtoFramesPromiseCache.set(colorwaySizeAssetSKU, framesPromise);
+        return await framesPromise;
       }
-      framesPromise = this.watchForTryOnFrames(firestoreUserController, colorwaySizeAssetSKU, skipFullSnapshot);
-      await framesPromise;
+      console.debug("no remote cache, requesting fresh frames", colorwaySizeAssetSKU);
+      await this.requestColorwaySizeAssetFramesByID(colorwaySizeAssetID);
+      framesPromise = this.watchForTryOnFrames(firestoreUserController, colorwaySizeAssetSKU, true);
+      this.vtoFramesPromiseCache.set(colorwaySizeAssetSKU, framesPromise);
+      return await framesPromise;
     } catch (error) {
       if (error != NoFramesFoundError) {
         throw error;
       }
-      console.debug(`No frames found for SKU: ${colorwaySizeAssetSKU}, attempting to request fresh frames`);
+      console.debug(`catch: no frames found for SKU: ${colorwaySizeAssetSKU}, attempting to request fresh frames`);
       await this.requestColorwaySizeAssetFramesByID(colorwaySizeAssetID);
-      console.debug("waiting for new vto after refresh request");
+      console.debug("catch: waiting for new vto after refresh request");
       framesPromise = this.watchForTryOnFrames(firestoreUserController, colorwaySizeAssetSKU, true);
+      this.vtoFramesPromiseCache.set(colorwaySizeAssetSKU, framesPromise);
+      return await framesPromise;
     }
-    this.vtoFramesPromiseCache.set(colorwaySizeAssetSKU, framesPromise);
-    return await framesPromise;
   }
 }
 const AvatarStatusNotCreated = "NOT_CREATED";
@@ -21887,7 +21885,7 @@ class SizeRecommendationController {
   ShowTryOnButton() {
     this.sizeRecComponent.showTryOnButton();
   }
-  HideTryOnButton(message) {
+  DisableTryOnButton(message) {
     this.sizeRecComponent.disableTryOnButton(message);
   }
   EnableTryOnButton() {
@@ -22047,6 +22045,7 @@ class FittingRoomController {
       this.cacheColorwaySizeAssetsPromise = this.API.FetchColorwaySizeAssetsFromStyleId(style.id);
       console.debug("is_published", this.style.is_published);
       if (!this.style.is_published) {
+        console.warn("hiding unpublished style");
         this.SizeRecommendationController.Hide();
       }
       this.styleMeasurementLocations = this.styleToGarmentMeasurementLocations(this.style);
@@ -22104,6 +22103,7 @@ class FittingRoomController {
       this.SizeRecommendationController.Hide();
       throw e;
     }
+    this.SizeRecommendationController.Show();
     this.SizeRecommendationController.ShowTryOnButton();
   }
   close() {
@@ -22176,7 +22176,8 @@ class FittingRoomController {
         await this.cacheColorwaySizeAssetsPromise;
       }
       this.SizeRecommendationController.SetVTOLoading(true);
-      console.log("tryOnCallback", selectedSizeID, availableSizeIDs);
+      console.debug("tryOnCallback", selectedSizeID, availableSizeIDs, "sizeRecSelect");
+      console.debug("forceFreshVTO", this.hasInitializedTryOn, this.noCacheOnRetry, fromSizeRecSelect);
       this.forceFreshVTO = !fromSizeRecSelect && this.hasInitializedTryOn && this.noCacheOnRetry;
       const allCachedAssets = this.API.GetCachedColorwaySizeAssets();
       const selectedAsset = allCachedAssets.find(
@@ -22189,6 +22190,7 @@ class FittingRoomController {
       const availableAssets = allCachedAssets.filter(
         (asset) => availableSizeIDs.includes(asset.size_id) && asset.colorway_id === this.selectedColorwaySizeAsset.colorway_id
       );
+      console.debug("availableAssets", availableAssets);
       const availableColorwaySizeAssetSKUs = availableAssets.map((asset) => asset.sku);
       const batchResult = await this.API.PriorityTryOnWithMultiRequestCache(
         this.firestoreUserController,

package/dist/index.umd.cjs

@@ -20427,7 +20427,7 @@ This typically indicates that your device does not have a healthy Internet conne
           return cachedAsset;
         }
       }
-      console.debug("using firestore colorwaySizeAsset for sku:", colorwaySizeAssetSku);
+      console.debug("colorwaySizeAsset sku not found in cache:", colorwaySizeAssetSku, Array.from(this.cachedColorwaySizeAssets.keys()));
       const constraints = [
         where("brand_id", "==", this.BrandID),
         where("sku", "==", colorwaySizeAssetSku)
@@ -20535,15 +20535,6 @@ This typically indicates that your device does not have a healthy Internet conne
           throw error;
         }
       }
-      const copyOfCache = /* @__PURE__ */ new Map();
-      for (const sku of skus) {
-        const asset = this.cachedColorwaySizeAssets.get(sku);
-        if (asset) {
-          copyOfCache.set(sku, asset);
-        } else {
-          console.error(`no colorway asset found for SKU: ${sku}`);
-        }
-      }
       return this.cachedColorwaySizeAssets;
     }
     async GetStyleGarmentCategory(styleId) {
@@ -20611,6 +20602,10 @@ This typically indicates that your device does not have a healthy Internet conne
         const firestoreUser = data;
         const colorwaySizeAssetEntry = firestoreUser.vto?.[this.BrandID]?.[colorwaySizeAssetSKU];
         if (!colorwaySizeAssetEntry) {
+          if (!skipFullSnapshot) {
+            console.debug("no vto entry for full snapshot");
+            throw NoFramesFoundError;
+          }
           console.debug("no vto entry for SKU, continue watching:", colorwaySizeAssetSKU);
           return false;
         }
@@ -20670,6 +20665,7 @@ This typically indicates that your device does not have a healthy Internet conne
           console.debug("returning cached frames", colorwaySizeAssetSKU);
           return await cached;
         }
+        console.debug("no local cache for colorwaySizeAssetSKU", colorwaySizeAssetSKU);
       }
       const colorwaySizeAsset = this.cachedColorwaySizeAssets.get(colorwaySizeAssetSKU);
       if (!colorwaySizeAsset) {
@@ -20679,25 +20675,27 @@ This typically indicates that your device does not have a healthy Internet conne
       const colorwaySizeAssetID = colorwaySizeAsset.id;
       let framesPromise;
       try {
-        let skipFullSnapshot = false;
-        if (skipCache) {
-          console.debug("skipping cache, requesting fresh frames");
-          await this.requestColorwaySizeAssetFramesByID(colorwaySizeAssetID);
-          skipFullSnapshot = true;
+        if (!skipCache) {
+          framesPromise = this.watchForTryOnFrames(firestoreUserController, colorwaySizeAssetSKU, false);
+          this.vtoFramesPromiseCache.set(colorwaySizeAssetSKU, framesPromise);
+          return await framesPromise;
         }
-        framesPromise = this.watchForTryOnFrames(firestoreUserController, colorwaySizeAssetSKU, skipFullSnapshot);
-        await framesPromise;
+        console.debug("no remote cache, requesting fresh frames", colorwaySizeAssetSKU);
+        await this.requestColorwaySizeAssetFramesByID(colorwaySizeAssetID);
+        framesPromise = this.watchForTryOnFrames(firestoreUserController, colorwaySizeAssetSKU, true);
+        this.vtoFramesPromiseCache.set(colorwaySizeAssetSKU, framesPromise);
+        return await framesPromise;
       } catch (error) {
         if (error != NoFramesFoundError) {
           throw error;
         }
-        console.debug(`No frames found for SKU: ${colorwaySizeAssetSKU}, attempting to request fresh frames`);
+        console.debug(`catch: no frames found for SKU: ${colorwaySizeAssetSKU}, attempting to request fresh frames`);
         await this.requestColorwaySizeAssetFramesByID(colorwaySizeAssetID);
-        console.debug("waiting for new vto after refresh request");
+        console.debug("catch: waiting for new vto after refresh request");
         framesPromise = this.watchForTryOnFrames(firestoreUserController, colorwaySizeAssetSKU, true);
+        this.vtoFramesPromiseCache.set(colorwaySizeAssetSKU, framesPromise);
+        return await framesPromise;
       }
-      this.vtoFramesPromiseCache.set(colorwaySizeAssetSKU, framesPromise);
-      return await framesPromise;
     }
   }
   const AvatarStatusNotCreated = "NOT_CREATED";
@@ -21891,7 +21889,7 @@ This typically indicates that your device does not have a healthy Internet conne
     ShowTryOnButton() {
       this.sizeRecComponent.showTryOnButton();
     }
-    HideTryOnButton(message) {
+    DisableTryOnButton(message) {
       this.sizeRecComponent.disableTryOnButton(message);
     }
     EnableTryOnButton() {
@@ -22051,6 +22049,7 @@ This typically indicates that your device does not have a healthy Internet conne
         this.cacheColorwaySizeAssetsPromise = this.API.FetchColorwaySizeAssetsFromStyleId(style.id);
         console.debug("is_published", this.style.is_published);
         if (!this.style.is_published) {
+          console.warn("hiding unpublished style");
           this.SizeRecommendationController.Hide();
         }
         this.styleMeasurementLocations = this.styleToGarmentMeasurementLocations(this.style);
@@ -22108,6 +22107,7 @@ This typically indicates that your device does not have a healthy Internet conne
         this.SizeRecommendationController.Hide();
         throw e;
       }
+      this.SizeRecommendationController.Show();
       this.SizeRecommendationController.ShowTryOnButton();
     }
     close() {
@@ -22180,7 +22180,8 @@ This typically indicates that your device does not have a healthy Internet conne
           await this.cacheColorwaySizeAssetsPromise;
         }
         this.SizeRecommendationController.SetVTOLoading(true);
-        console.log("tryOnCallback", selectedSizeID, availableSizeIDs);
+        console.debug("tryOnCallback", selectedSizeID, availableSizeIDs, "sizeRecSelect");
+        console.debug("forceFreshVTO", this.hasInitializedTryOn, this.noCacheOnRetry, fromSizeRecSelect);
         this.forceFreshVTO = !fromSizeRecSelect && this.hasInitializedTryOn && this.noCacheOnRetry;
         const allCachedAssets = this.API.GetCachedColorwaySizeAssets();
         const selectedAsset = allCachedAssets.find(
@@ -22193,6 +22194,7 @@ This typically indicates that your device does not have a healthy Internet conne
         const availableAssets = allCachedAssets.filter(
           (asset) => availableSizeIDs.includes(asset.size_id) && asset.colorway_id === this.selectedColorwaySizeAsset.colorway_id
         );
+        console.debug("availableAssets", availableAssets);
         const availableColorwaySizeAssetSKUs = availableAssets.map((asset) => asset.sku);
         const batchResult = await this.API.PriorityTryOnWithMultiRequestCache(
           this.firestoreUserController,

package/package.json

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