@thefittingroom/shop-ui 1.4.40 → 1.5.1

package/dist/esm/index.js

@@ -1,5 +1,5 @@
 /*!
-* thefittingroom v1.4.40 (2024-08-29T22:15:34.046Z)
+* thefittingroom v1.5.1 (2024-09-01T17:00:41.740Z)
 * 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() {
@@ -26752,7 +26765,6 @@ class SizeRecComponent {
     renderSizeRecTable(sizes, index) {
         const { locations } = sizes[index];
         const html = locations
-            .sort(({ location: a }, { location: b }) => (a < b ? -1 : 1))
             .map(({ location, fit, isPerfect }) => this.renderSizeRecTableRow(location, fit, isPerfect))
             .join('');
         this.tfrSizeRecTable.innerHTML = html;
@@ -26776,10 +26788,7 @@ class SizeRecComponent {
         return `<div class="tfr-size-rec-login-cta"><img src="${loginIconSrc}" /> Sign up or login to view</div>`;
     }
     renderGarmentLocations(locations) {
-        const html = locations
-            .sort()
-            .map((location) => this.renderSizeRecTableRow(location, this.renderLoginCta()))
-            .join('');
+        const html = locations.map((location) => this.renderSizeRecTableRow(location, this.renderLoginCta())).join('');
         this.tfrSizeRecTable.innerHTML = html;
         this.tfrSizeRecSize.innerHTML = this.renderLoginCta();
     }
@@ -26930,13 +26939,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)),
                 };
             }),
         };