@thefittingroom/shop-ui 1.1.9 → 1.2.0

package/dist/esm/components/SizeRec.d.ts

@@ -4,6 +4,7 @@ export type RecommendedSize = {
         size: string;
         locations: {
             fit: string;
+            isPerfect: boolean;
             location: string;
         }[];
     }[];

package/dist/esm/index.js

@@ -1,5 +1,5 @@
 /*!
-* thefittingroom v1.1.9 (2024-05-17T00:01:17.423Z)
+* thefittingroom v1.1.10 (2024-05-17T17:05:22.690Z)
 * Copyright 2022-present, TheFittingRoom, Inc. All rights reserved.
 */
 function loadImageRecursive(imageURL, imageURLs) {
@@ -36575,7 +36575,7 @@ class SizeRecComponent {
         const { locations } = sizes[index];
         const html = locations
             .sort(({ location: a }, { location: b }) => (a < b ? -1 : 1))
-            .map(({ location, fit }) => this.renderSizeRecTableRow(location, fit))
+            .map(({ location, fit, isPerfect }) => this.renderSizeRecTableRow(location, fit, isPerfect))
             .join('');
         this.tfrSizeRecTable.innerHTML = html;
     }
@@ -36586,10 +36586,10 @@ class SizeRecComponent {
             .join('');
         this.tfrSizeRecSelect.innerHTML = html;
     }
-    renderSizeRecTableRow(location, fit) {
+    renderSizeRecTableRow(location, fit, isPerfect = false) {
         return `<div class="tfr-size-rec-table-row">
               <div class="tfr-size-rec-table-cell-left">${location}</div>
-              <div class="tfr-size-rec-table-cell-right ${fit === 'Perfect Fit' ? 'perfect' : ''}">
+              <div class="tfr-size-rec-table-cell-right ${isPerfect ? 'perfect' : ''}">
                 ${fit}
               </div>
             </div>`;
@@ -36654,6 +36654,7 @@ class TfrSizeRec {
         this.tfrShop = tfrShop;
         this.onSignInClick = onSignInClick;
         this.onSignOutClick = onSignOutClick;
+        this.perfectFits = [index.Fit.PERFECT_FIT, index.Fit.SLIGHTLY_LOOSE, index.Fit.SLIGHTLY_TIGHT];
         this.sizeRecComponent = new SizeRecComponent(sizeRecMainDivId, this.onSignInClick, this.onSignOutClick);
     }
     get sku() {
@@ -36719,6 +36720,7 @@ class TfrSizeRec {
                     locations: fit.measurement_location_fits.map((locationFit) => {
                         return {
                             fit: index.FitNames[locationFit.fit],
+                            isPerfect: this.perfectFits.includes(locationFit.fit),
                             location: index.MeasurementLocationName[locationFit.measurement_location],
                         };
                     }),