@thefittingroom/shop-ui 1.4.39 → 1.5.0

package/dist/esm/index.js

@@ -1,5 +1,5 @@
 /*!
-* thefittingroom v1.4.39 (2024-08-27T23:40:17.774Z)
+* thefittingroom v1.5.0 (2024-09-01T16:53:36.094Z)
 * Copyright 2022-present, TheFittingRoom, Inc. All rights reserved.
 */
 function loadImageRecursive(imageURL, imageURLs) {
@@ -47,7 +47,7 @@ const InitImageSlider = (sliderID, onChange) => {
 };
 
 /*!
-* thefittingroom v1.4.3 (2024-08-27T23:39:34.070Z)
+* thefittingroom v1.5.0 (2024-09-01T16:52:25.366Z)
 * Copyright 2022-present, TheFittingRoom, Inc. All rights reserved.
 */
 
@@ -25459,9 +25459,14 @@ class TfrShop {
         const filteredLocations = !filledLocations.length
             ? taxonomy.measurement_locations.female
             : taxonomy.measurement_locations.female.filter((location) => filledLocations.includes(location));
-        return filteredLocations.map((location) => {
-            return this.measurementLocations.has(location) ? this.measurementLocations.get(location) : location;
+        const locationsWithSortOrder = filteredLocations.map((location) => {
+            return this.measurementLocations.has(location)
+                ? this.measurementLocations.get(location)
+                : { name: location, sort_order: Infinity };
         });
+        return locationsWithSortOrder
+            .sort((a, b) => (a.sort_order < b.sort_order ? -1 : 0))
+            .map((location) => location.name);
     }
     async getMeasurementLocationsFromBrandStyleId(brandStyleId, filledLocations = []) {
         const asset = await this.getColorwaySizeAssetFromBrandStyleId(brandStyleId);
@@ -25476,9 +25481,14 @@ class TfrShop {
         const filteredLocations = !filledLocations.length
             ? taxonomy.measurement_locations.female
             : taxonomy.measurement_locations.female.filter((location) => filledLocations.includes(location));
-        return filteredLocations.map((location) => {
-            return this.measurementLocations.has(location) ? this.measurementLocations.get(location) : location;
+        const locationsWithSortOrder = filteredLocations.map((location) => {
+            return this.measurementLocations.has(location)
+                ? this.measurementLocations.get(location)
+                : { name: location, sort_order: Infinity };
         });
+        return locationsWithSortOrder
+            .sort((a, b) => (a.sort_order < b.sort_order ? -1 : 0))
+            .map((location) => location.name);
     }
     async getStyleByBrandStyleId(brandStyleId) {
         var _a, _b;
@@ -25521,7 +25531,10 @@ class TfrShop {
         }
     }
     getMeasurementLocationName(location) {
-        return this.measurementLocations.has(location) ? this.measurementLocations.get(location) : location;
+        return this.measurementLocations.has(location) ? this.measurementLocations.get(location).name : location;
+    }
+    getMeasurementLocationSortOrder(location) {
+        return this.measurementLocations.has(location) ? this.measurementLocations.get(location).sort_order : Infinity;
     }
     async getGetTaxonomy(styleId) {
         try {
@@ -25535,7 +25548,7 @@ class TfrShop {
     async getMeasurementLocations() {
         const locations = await this.fetchMeasurementLocations();
         locations.forEach((location) => {
-            this.measurementLocations.set(location.name, location.garment_label);
+            this.measurementLocations.set(location.name, { name: location.garment_label, sort_order: location.sort_order });
         });
     }
     async fetchMeasurementLocations() {
@@ -26831,7 +26844,7 @@ class SizeRecComponent {
                       
                       <div id="tfr-size-rec-action">
                         <div id="tfr-size-rec-action-login">Sign up or login</div>
-                        <div id="tfr-size-rec-action-logout">Sign out of the Fitting Room</div>
+                        <div id="tfr-size-rec-action-logout">Log out</div>
                       </div>
 
                       <div class="tfr-powered-by">
@@ -26930,13 +26943,16 @@ class TfrSizeRec {
             sizes: sizeRec.fits.map((fit) => {
                 return {
                     size: sizeRec.available_sizes.find((size) => size.id === fit.size_id).label,
-                    locations: fit.measurement_location_fits.map((locationFit) => {
+                    locations: fit.measurement_location_fits
+                        .map((locationFit) => {
                         return {
                             fit: index.FitNames[locationFit.fit],
                             isPerfect: this.perfectFits.includes(locationFit.fit),
                             location: this.tfrShop.getMeasurementLocationName(locationFit.measurement_location),
+                            sortOrder: this.tfrShop.getMeasurementLocationSortOrder(locationFit.measurement_location),
                         };
-                    }),
+                    })
+                        .sort((a, b) => (a.sortOrder < b.sortOrder ? -1 : 1)),
                 };
             }),
         };