@thefittingroom/shop-ui 0.0.8 → 0.0.10

package/dist/esm/index.js

@@ -1,9 +1,9 @@
 /*!
-* thefittingroom v0.0.8 (2023-07-26T17:22:58.790Z)
+* thefittingroom v0.0.10 (2023-07-26T23:22:44.034Z)
 * Copyright 2022-present, TheFittingRoom, Inc. All rights reserved.
 */
 /*!
-* thefittingroom v0.0.8 (2023-07-19T17:34:22.852Z)
+* thefittingroom v0.0.9 (2023-07-26T23:07:17.052Z)
 * Copyright 2022-present, TheFittingRoom, Inc. All rights reserved.
 */
 /**
@@ -22997,11 +22997,11 @@ class TfrShop {
         const userProfile = snapshot.docs[0].data();
         return userProfile.avatar_status === 'CREATED';
     }
-    async getRecommendedSizes(brandStyleId) {
+    async getRecommendedSizes(styleId) {
         if (!this.isLoggedIn)
             throw new UserNotLoggedInError();
         try {
-            const res = await Fetcher.Get(this.user, `/styles/${brandStyleId}/recommendation`);
+            const res = await Fetcher.Get(this.user, `/styles/${styleId}/recommendation`);
             const json = await res.json();
             return json;
         }
@@ -23011,6 +23011,12 @@ class TfrShop {
             throw error;
         }
     }
+    async getRecommendedSizesLabels(styleId) {
+        const sizeRecommendation = await this.getRecommendedSizes(styleId);
+        const recommendedSizeLabel = sizeRecommendation.recommended_sizes.label || sizeRecommendation.recommended_sizes.size_value.size;
+        const availableSizeLabels = sizeRecommendation.available_sizes.map((size) => size.label || size.size_value.size);
+        return { recommendedSizeLabel, availableSizeLabels };
+    }
     async getStyles(ids, skus) {
         const constraints = [rl('brand_id', '==', this.brandId)];
         if ((ids === null || ids === void 0 ? void 0 : ids.length) > 0)
@@ -36280,6 +36286,15 @@ class FittingRoom {
         await this.tfrShop.user.confirmPasswordReset(code, newPassword);
         this.nav.toPasswordReset();
     }
+    async getRecommendedSizeString(styleId) {
+        const res = await this.tfrShop.getRecommendedSizesLabels(styleId);
+        const { availableSizeLabels, recommendedSizeLabel } = res;
+        const firstSizes = availableSizeLabels.slice(0, -1);
+        const lastSize = availableSizeLabels.slice(-1);
+        const tryFirstSizes = `${L.TrySize} ${firstSizes.join(', ')}`;
+        const trySizes = availableSizeLabels.length > 1 ? `${tryFirstSizes} ${L.OrSize} ${lastSize}` : tryFirstSizes;
+        return `${trySizes} ${L.WeRecommendSize} ${recommendedSizeLabel}`;
+    }
     async tryOn() {
         try {
             if (this.hooks.onLoading)