@thefittingroom/shop-ui 1.3.1 → 1.3.3

package/README.md

@@ -122,7 +122,7 @@ tfr.setBrandUserId(brandUserId)
   --tfr-cta-font: var(--tfr-main-font);
 
   /* Size Selector */
-  --tfr-size-selector-text-color: var(--white);
+  --tfr-size-selector-text-color: var(--tfr-white);
   --tfr-size-selector-bg-color: var(--tfr-grey);
   --tfr-size-selector-bg-color-hover: var(--tfr-light-grey);
   --tfr-size-selector-bg-color-active: var(--tfr-dark);

package/dist/esm/index.js

@@ -1,5 +1,5 @@
 /*!
-* thefittingroom v1.3.1 (2024-06-25T18:11:10.708Z)
+* thefittingroom v1.3.3 (2024-06-27T17:08:50.710Z)
 * Copyright 2022-present, TheFittingRoom, Inc. All rights reserved.
 */
 function loadImageRecursive(imageURL, imageURLs) {
@@ -47,7 +47,7 @@ const InitImageSlider = (sliderID, onChange) => {
 };
 
 /*!
-* thefittingroom v1.1.12 (2024-06-20T18:22:43.617Z)
+* thefittingroom v1.2.0 (2024-06-27T17:07:39.802Z)
 * Copyright 2022-present, TheFittingRoom, Inc. All rights reserved.
 */
 
@@ -22995,7 +22995,7 @@ class TfrShop {
             throw new NoColorwaySizeAssetsFoundError();
         return Array.from(assets.values())[0];
     }
-    async getMeasurementLocationsFromSku(sku) {
+    async getMeasurementLocationsFromSku(sku, filledLocations = []) {
         const asset = await this.getColorwaySizeAssetFromSku(sku);
         if (!asset)
             throw new Error('No colorway size asset found for sku');
@@ -23005,7 +23005,10 @@ class TfrShop {
         const taxonomy = await this.getGetTaxonomy(styleCategory.style_garment_category_id);
         if (!taxonomy)
             throw new Error('Taxonomy not found for style garment category id');
-        return taxonomy.garment_measurement_locations.female.map((location) => {
+        const filteredLocations = !filledLocations.length
+            ? taxonomy.garment_measurement_locations.female
+            : taxonomy.garment_measurement_locations.female.filter((location) => !filledLocations.includes(location));
+        return filteredLocations.map((location) => {
             return this.measurementLocations.has(location) ? this.measurementLocations.get(location) : location;
         });
     }
@@ -23561,7 +23564,7 @@ n(css$2,{});
 var css$1 = ".tfr-title-font{font-family:Poppins,sans-serif}.tfr-body-font{font-family:Roboto,sans-serif}.tfr-light-24-300{font-size:24px;font-weight:300}.tfr-light-24-500{font-size:24px;font-weight:500}.tfr-light-22-300{font-size:22px;font-weight:300}.tfr-light-16-300{font-size:16px;font-weight:300}.tfr-medium-16-default{font-size:16px}.tfr-12-default{font-size:12px}.tfr-14-default{font-size:14px}.tfr-16-default{font-size:16px}";
 n(css$1,{});
 
-var css = ":root{--tfr-brand-color:#209da7;--tfr-black:#000;--tfr-red:red;--tfr-white:#fff;--tfr-muted:#a7a7a7;--tfr-dark:#121212;--tfr-grey:#878787;--tfr-light-grey:#f5f5f5;--tfr-main-border-color:hsla(0,0%,7%,.55);--tfr-main-border-radius:0;--tfr-main-border-width:1px;--tfr-main-bg-color:inherit;--tfr-main-width:440px;--tfr-main-v-padding:14px;--tfr-main-h-padding:20px;--tfr-main-font:inherit;--tfr-title-font:var(--tfr-main-font);--tfr-subtitle-font:var(--tfr-main-font);--tfr-row-font:var(--tfr-main-font);--tfr-cta-font:var(--tfr-main-font);--tfr-size-selector-text-color:var(--white);--tfr-size-selector-bg-color:var(--tfr-grey);--tfr-size-selector-bg-color-hover:var(--tfr-light-grey);--tfr-size-selector-bg-color-active:var(--tfr-dark)}";
+var css = ":root{--tfr-brand-color:#209da7;--tfr-black:#000;--tfr-red:red;--tfr-white:#fff;--tfr-muted:#a7a7a7;--tfr-dark:#121212;--tfr-grey:#878787;--tfr-light-grey:#f5f5f5;--tfr-main-border-color:hsla(0,0%,7%,.55);--tfr-main-border-radius:0;--tfr-main-border-width:1px;--tfr-main-bg-color:inherit;--tfr-main-width:440px;--tfr-main-v-padding:14px;--tfr-main-h-padding:20px;--tfr-main-font:inherit;--tfr-title-font:var(--tfr-main-font);--tfr-subtitle-font:var(--tfr-main-font);--tfr-row-font:var(--tfr-main-font);--tfr-cta-font:var(--tfr-main-font);--tfr-size-selector-text-color:var(--tfr-white);--tfr-size-selector-bg-color:var(--tfr-grey);--tfr-size-selector-bg-color-hover:var(--tfr-light-grey);--tfr-size-selector-bg-color-active:var(--tfr-dark)}";
 n(css,{});
 
 const ErrorModal = (props) => {
@@ -36682,10 +36685,11 @@ class TfrSizeRec {
     setIsLoggedIn(isLoggedIn) {
         this.sizeRecComponent.setIsLoggedIn(isLoggedIn);
     }
-    async setGarmentLocations() {
+    async setGarmentLocations(filledLocations = []) {
         this.sizeRecComponent.setLoading(true);
-        const locations = await this.getGarmentLocations();
+        const locations = await this.getGarmentLocations(filledLocations);
         console.debug('locations', locations);
+        console.debug('filledLocations', filledLocations);
         this.sizeRecComponent.setGarmentLocations(locations || []);
         this.sizeRecComponent.setLoading(false);
     }
@@ -36701,9 +36705,9 @@ class TfrSizeRec {
         this.sizeRecComponent.setRecommendedSize(sizes);
         this.sizeRecComponent.setLoading(false);
     }
-    async getGarmentLocations() {
+    async getGarmentLocations(filledLocations) {
         try {
-            const locations = await this.tfrShop.getMeasurementLocationsFromSku(this.sku);
+            const locations = await this.tfrShop.getMeasurementLocationsFromSku(this.sku, filledLocations);
             return locations;
         }
         catch (error) {
@@ -36834,22 +36838,15 @@ class FittingRoom {
         return this.tfrSizeRec.sku;
     }
     async checkIfPublished(brandStyleIdOrSku) {
-        try {
-            const colorwaySizeAsset = await this.tfrShop.getColorwaySizeAssetFromSku(brandStyleIdOrSku);
-            const style = await this.tfrShop.getStyle(colorwaySizeAsset.style_id);
-            return Boolean(style === null || style === void 0 ? void 0 : style.is_published);
-        }
-        catch (_a) {
-            const style = await this.tfrShop.getStyleByBrandStyleId(brandStyleIdOrSku);
-            return Boolean(style === null || style === void 0 ? void 0 : style.is_published);
-        }
+        const style = await this.getStyle(brandStyleIdOrSku);
+        return Boolean(style === null || style === void 0 ? void 0 : style.is_published);
     }
     setSku(sku) {
         this.tfrSizeRec.setSku(sku);
         if (this.isLoggedIn)
             this.tfrSizeRec.setRecommendedSize();
         else
-            this.tfrSizeRec.setGarmentLocations();
+            this.setGarmentLocations();
     }
     async onInit() {
         var _a, _b;
@@ -36877,7 +36874,7 @@ class FittingRoom {
             this.hooks.onLogout();
         this.isLoggedIn = false;
         this.tfrSizeRec.setIsLoggedIn(false);
-        this.tfrSizeRec.setGarmentLocations();
+        this.setGarmentLocations();
         this.unsubscribeFromProfileChanges();
     }
     async signIn(username, password, validationError) {
@@ -36962,6 +36959,29 @@ class FittingRoom {
         this.unsub();
         this.unsub = null;
     }
+    async setGarmentLocations() {
+        var _a, _b;
+        const style = await this.getStyle(this.sku);
+        const filledLocations = ((_b = (_a = style === null || style === void 0 ? void 0 : style.sizes) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.garment_measurements.map((measurement) => measurement.garment_measurement_location)) ||
+            [];
+        this.tfrSizeRec.setGarmentLocations(filledLocations);
+    }
+    async getStyle(brandStyleIdOrSku) {
+        try {
+            const colorwaySizeAsset = await this.tfrShop.getColorwaySizeAssetFromSku(brandStyleIdOrSku);
+            const style = await this.tfrShop.getStyle(colorwaySizeAsset.style_id);
+            return style;
+        }
+        catch (_a) {
+            try {
+                const style = await this.tfrShop.getStyleByBrandStyleId(brandStyleIdOrSku);
+                return style;
+            }
+            catch (_b) {
+                return null;
+            }
+        }
+    }
 }
 
 const initFittingRoom = async (shopId, modalDivId, sizeRecMainDivId, hooks = {}, cssVariables = {}, env = 'dev') => {