@thefittingroom/shop-ui 0.1.13 → 1.1.0

package/dist/esm/index.js

@@ -1,11 +1,56 @@
 /*!
-* thefittingroom v0.1.13 (2024-01-10T20:35:01.451Z)
+* thefittingroom v1.1.0 (2024-02-27T19:18:33.918Z)
 * Copyright 2022-present, TheFittingRoom, Inc. All rights reserved.
 */
+function loadImageRecursive(imageURL, imageURLs) {
+    let next = function () {
+        if (imageURLs.length === 0) {
+            return;
+        }
+        loadImageRecursive(imageURLs.slice(-1), imageURLs.slice(0, -1));
+    };
+    var img = new Image();
+    img.onload = next;
+    img.onerror = next;
+    img.src = imageURL;
+}
+function loadImages(imageURLs) {
+    loadImageRecursive(imageURLs.slice(-1), imageURLs.slice(0, -1));
+}
+const InitImageSlider = (sliderID, onChange) => {
+    const slider = document.getElementById(sliderID);
+    if (!slider) {
+        throw new Error(`Slider with id ${sliderID} not found`);
+    }
+    return {
+        Load(imageURLs) {
+            if (!Array.isArray(imageURLs) || !imageURLs.length) {
+                console.debug('slider has no images to load');
+                return new Error('slider has no images to load');
+            }
+            loadImages(imageURLs);
+            const defaultScrollValue = (imageURLs === null || imageURLs === void 0 ? void 0 : imageURLs.length) - 2;
+            slider.value = defaultScrollValue.toString();
+            slider.max = (imageURLs.length - 1).toString();
+            const handleSliderChange = () => {
+                const currentValue = parseInt(slider.value);
+                onChange(slider, imageURLs[currentValue]);
+            };
+            onChange(slider, imageURLs[defaultScrollValue]);
+            slider.removeEventListener('input', handleSliderChange);
+            slider.addEventListener('input', handleSliderChange);
+            return () => {
+                slider.removeEventListener('input', handleSliderChange);
+            };
+        },
+    };
+};
+
 /*!
-* thefittingroom v0.0.11 (2023-09-04T22:52:56.755Z)
+* thefittingroom v1.1.0 (2024-02-16T20:34:26.286Z)
 * Copyright 2022-present, TheFittingRoom, Inc. All rights reserved.
 */
+
 /**
  * @license
  * Copyright 2017 Google LLC
@@ -22734,18 +22779,6 @@ class AvatarNotCreatedError extends Error {
         this.name = 'AvatarNotCreatedError';
     }
 }
-class NoFramesFoundError extends Error {
-    constructor() {
-        super('no frames found');
-        this.name = 'NoFramesFoundError';
-    }
-}
-class RequestTimeoutError extends Error {
-    constructor() {
-        super('request timeout');
-        this.name = 'RequestTimeoutError';
-    }
-}
 class UserNotLoggedInError extends Error {
     constructor() {
         super('user not logged in');
@@ -22758,42 +22791,9 @@ class NoColorwaySizeAssetsFoundError extends Error {
         this.name = 'NoColorwaySizeAssetsFoundError';
     }
 }
-class NoStylesFoundError extends Error {
-    constructor() {
-        super('no styles found');
-        this.name = 'NoStylesFoundError';
-    }
-}
-class RecommendedAvailableSizesError extends Error {
-    constructor(recommended_size, available_sizes) {
-        super('recommended available sizes error');
-        this.name = 'RecommendedAvailableSizesError';
-        this.recommended_size = recommended_size;
-        this.available_sizes = available_sizes;
-    }
-}
-class BrandUserIdNotSetError extends Error {
-    constructor() {
-        super('brand user id not set');
-        this.name = 'BrandUserIdNotSetError';
-    }
-}
 // Backend responses
 const AvatarNotCreated = 'avatar not created';
 
-var errors = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    AvatarNotCreatedError: AvatarNotCreatedError,
-    NoFramesFoundError: NoFramesFoundError,
-    RequestTimeoutError: RequestTimeoutError,
-    UserNotLoggedInError: UserNotLoggedInError,
-    NoColorwaySizeAssetsFoundError: NoColorwaySizeAssetsFoundError,
-    NoStylesFoundError: NoStylesFoundError,
-    RecommendedAvailableSizesError: RecommendedAvailableSizesError,
-    BrandUserIdNotSetError: BrandUserIdNotSetError,
-    AvatarNotCreated: AvatarNotCreated
-});
-
 class FirebaseUser {
     constructor(firestore, app) {
         this.firestore = firestore;
@@ -22834,19 +22834,11 @@ class FirebaseUser {
         const userProfile = await Ol(Aa(this.firestore, 'users', this.id));
         return userProfile.data();
     }
-    watchUserProfileForChanges(predicate, timeout) {
+    watchUserProfileForChanges(callback) {
         let unsub;
         const q = sl(Ta(this.firestore, 'users'), rl(Eh(), '==', this.id));
-        const cancel = setTimeout(() => unsub(), timeout);
-        return new Promise((resolve) => {
-            unsub = jl(q, async (snapshot) => {
-                if (!(await predicate(snapshot)))
-                    return;
-                clearTimeout(cancel);
-                unsub();
-                resolve(snapshot.docs[0].data());
-            });
-        });
+        unsub = jl(q, (snapshot) => callback(snapshot.docs[0].data()));
+        return () => unsub();
     }
     async login(username, password) {
         if (this.auth.currentUser)
@@ -22895,6 +22887,11 @@ class Firebase {
         const q = sl(Ta(this.firestore, collectionName), ...constraints);
         return Bl(q);
     }
+    async getDoc(collectionName, id) {
+        const docRef = Aa(this.firestore, collectionName, id);
+        const docSnap = await Ol(docRef);
+        return docSnap.exists() ? docSnap.data() : null;
+    }
 }
 
 const getFirebaseError = (e) => {
@@ -22906,7 +22903,370 @@ const getFirebaseError = (e) => {
     }
 };
 
-const asyncTry = (promise) => promise.then((data) => [null, data]).catch((error) => [error]);
+var MeasurementLocation;
+(function (MeasurementLocation) {
+    MeasurementLocation["ACROSS_BACK"] = "across_back";
+    MeasurementLocation["ACROSS_FRONT"] = "across_front";
+    MeasurementLocation["ACROSS_SHOULDER"] = "across_shoulder";
+    MeasurementLocation["ANKLE"] = "ankle";
+    MeasurementLocation["ARMEYE"] = "arm_eye";
+    MeasurementLocation["ARM_LENGTH_FROM_SHOULDER"] = "arm_length_from_shoulder";
+    MeasurementLocation["BACK_CROTCH_LENGTH"] = "back_crotch_length";
+    MeasurementLocation["BACK_NECK_TO_EBLOW"] = "back_neck_to_elbow";
+    MeasurementLocation["BELOW_KNEE"] = "below_knee";
+    MeasurementLocation["BICEP"] = "bicep";
+    MeasurementLocation["BUST"] = "bust";
+    MeasurementLocation["BUST_POINT_TO_BUST_POINT"] = "bust_point_to_bust_point";
+    MeasurementLocation["CALF"] = "calf";
+    MeasurementLocation["CB_NECK_TO_WAIST"] = "cb_neck_to_waist";
+    MeasurementLocation["CB_NECK_TO_WRIST"] = "cb_neck_to_wrist";
+    MeasurementLocation["CF_NECK_TO_WAIST"] = "cf_neck_to_waist";
+    MeasurementLocation["ELBOW"] = "elbow";
+    MeasurementLocation["FOREARM"] = "forearm";
+    MeasurementLocation["FRONT_CROTCH_LENGTH"] = "front_crotch_length";
+    MeasurementLocation["HIGH_HIP_PLACEMENT_FROM_WAIST"] = "high_hip_placement";
+    MeasurementLocation["HIGH_HIP"] = "high_hip";
+    MeasurementLocation["HSP_TO_ACROSS_BACK"] = "hsp_to_across_back";
+    MeasurementLocation["HSP_TO_ACROSS_FRONT"] = "hsp_to_across_front";
+    MeasurementLocation["HSP_TO_BUST_POINT"] = "hsp_to_bust_point";
+    MeasurementLocation["HSP_TO_LOW_HIP_POSITION"] = "hsp_to_low_hip_position";
+    MeasurementLocation["HSP_TO_WAIST_POSITION"] = "hsp_to_waist_position";
+    MeasurementLocation["INSEAM"] = "inseam";
+    MeasurementLocation["KNEE"] = "knee";
+    MeasurementLocation["LOW_HIP"] = "low_hip";
+    MeasurementLocation["LOW_HIP_PLACEMENT_FROM_WAIST"] = "low_hip_placement";
+    MeasurementLocation["MID_NECK"] = "mid_neck";
+    MeasurementLocation["NECK_AT_BASE"] = "neck_base";
+    MeasurementLocation["SHOULDER_DROP"] = "shoulder_drop";
+    MeasurementLocation["SHOULDER_TO_SHOULDER"] = "shoulder_to_shoulder";
+    MeasurementLocation["SIDE_WAIST_TO_FLOOR"] = "side_waist_to_floor";
+    MeasurementLocation["SIDE_WAIST_TO_KNEE"] = "side_waist_to_knee";
+    MeasurementLocation["THIGH"] = "thigh";
+    MeasurementLocation["TOTAL_RISE_LENGTH"] = "total_rise_length";
+    MeasurementLocation["UNDER_BUST"] = "under_bust";
+    MeasurementLocation["VERTICAL_TRUNK"] = "vertical_trunk";
+    MeasurementLocation["WAIST"] = "waist";
+    MeasurementLocation["WRIST"] = "wrist";
+})(MeasurementLocation || (MeasurementLocation = {}));
+const MeasurementLocationName = {
+    [MeasurementLocation.ACROSS_BACK]: 'Across back',
+    [MeasurementLocation.ACROSS_FRONT]: 'Across front',
+    [MeasurementLocation.ACROSS_SHOULDER]: 'Across shoulder',
+    [MeasurementLocation.ANKLE]: 'Ankle',
+    [MeasurementLocation.ARMEYE]: 'Armeye',
+    [MeasurementLocation.ARM_LENGTH_FROM_SHOULDER]: 'Arm length from shoulder',
+    [MeasurementLocation.BACK_CROTCH_LENGTH]: 'Back crotch length',
+    [MeasurementLocation.BACK_NECK_TO_EBLOW]: 'Back neck to eblow',
+    [MeasurementLocation.BELOW_KNEE]: 'Below knee',
+    [MeasurementLocation.BICEP]: 'Bicep',
+    [MeasurementLocation.BUST]: 'Chest/Bust',
+    [MeasurementLocation.BUST_POINT_TO_BUST_POINT]: 'Bust point to bust point',
+    [MeasurementLocation.CALF]: 'Calf',
+    [MeasurementLocation.CB_NECK_TO_WAIST]: 'Cb neck to waist',
+    [MeasurementLocation.CB_NECK_TO_WRIST]: 'Cb neck to wrist',
+    [MeasurementLocation.CF_NECK_TO_WAIST]: 'Cf neck to waist',
+    [MeasurementLocation.ELBOW]: 'Elbow',
+    [MeasurementLocation.FOREARM]: 'Forearm',
+    [MeasurementLocation.FRONT_CROTCH_LENGTH]: 'Front crotch length',
+    [MeasurementLocation.HIGH_HIP_PLACEMENT_FROM_WAIST]: 'High hip placement from waist',
+    [MeasurementLocation.HIGH_HIP]: 'High hip',
+    [MeasurementLocation.HSP_TO_ACROSS_BACK]: 'Hsp to across back',
+    [MeasurementLocation.HSP_TO_ACROSS_FRONT]: 'Hsp to across front',
+    [MeasurementLocation.HSP_TO_BUST_POINT]: 'Hsp to bust point',
+    [MeasurementLocation.HSP_TO_LOW_HIP_POSITION]: 'Hsp to low hip position',
+    [MeasurementLocation.HSP_TO_WAIST_POSITION]: 'Hsp to waist position',
+    [MeasurementLocation.INSEAM]: 'Inseam',
+    [MeasurementLocation.KNEE]: 'Knee',
+    [MeasurementLocation.LOW_HIP]: 'Low hip',
+    [MeasurementLocation.LOW_HIP_PLACEMENT_FROM_WAIST]: 'Low hip placement from waist',
+    [MeasurementLocation.MID_NECK]: 'Mid neck',
+    [MeasurementLocation.NECK_AT_BASE]: 'Neck at base',
+    [MeasurementLocation.SHOULDER_DROP]: 'Shoulder drop',
+    [MeasurementLocation.SHOULDER_TO_SHOULDER]: 'Shoulder to shoulder',
+    [MeasurementLocation.SIDE_WAIST_TO_FLOOR]: 'Side waist to floor',
+    [MeasurementLocation.SIDE_WAIST_TO_KNEE]: 'Side waist to knee',
+    [MeasurementLocation.THIGH]: 'Thigh',
+    [MeasurementLocation.TOTAL_RISE_LENGTH]: 'Total rise length',
+    [MeasurementLocation.UNDER_BUST]: 'Under bust',
+    [MeasurementLocation.VERTICAL_TRUNK]: 'Vertical trunk',
+    [MeasurementLocation.WAIST]: 'Waist',
+    [MeasurementLocation.WRIST]: 'Wrist',
+};
+var Classification;
+(function (Classification) {
+    Classification["BLOUSES"] = "blouses";
+    Classification["COATS"] = "coats";
+    Classification["DRESSES"] = "dresses";
+    Classification["JACKETS"] = "jackets";
+    Classification["PANTS"] = "pants";
+    Classification["PUFFERS_AND_PARKAS"] = "puffer_and_parkas";
+    Classification["SHORTS"] = "shorts";
+    Classification["SKIRTS"] = "skirts";
+    Classification["SWEATERS"] = "sweaters";
+    Classification["T_SHIRTS_AND_TANKS"] = "t_shirts_and_tanks";
+})(Classification || (Classification = {}));
+const ClassificationLocations = {
+    [Classification.BLOUSES]: [
+        MeasurementLocation.BUST,
+        MeasurementLocation.ACROSS_SHOULDER,
+        MeasurementLocation.WAIST,
+        MeasurementLocation.LOW_HIP,
+        MeasurementLocation.HIGH_HIP,
+    ],
+    // prettier-ignore
+    [Classification.COATS]: [
+        MeasurementLocation.BUST,
+        MeasurementLocation.ACROSS_SHOULDER,
+        MeasurementLocation.WAIST,
+        MeasurementLocation.LOW_HIP,
+        MeasurementLocation.HIGH_HIP
+    ],
+    [Classification.DRESSES]: [
+        MeasurementLocation.LOW_HIP,
+        MeasurementLocation.BUST,
+        MeasurementLocation.ACROSS_SHOULDER,
+        MeasurementLocation.WAIST,
+    ],
+    [Classification.JACKETS]: [
+        MeasurementLocation.BUST,
+        MeasurementLocation.ACROSS_SHOULDER,
+        MeasurementLocation.WAIST,
+        MeasurementLocation.LOW_HIP,
+        MeasurementLocation.HIGH_HIP,
+    ],
+    [Classification.PANTS]: [
+        MeasurementLocation.LOW_HIP,
+        MeasurementLocation.WAIST,
+        MeasurementLocation.THIGH,
+        MeasurementLocation.INSEAM,
+    ],
+    [Classification.PUFFERS_AND_PARKAS]: [
+        MeasurementLocation.BUST,
+        MeasurementLocation.ACROSS_SHOULDER,
+        MeasurementLocation.WAIST,
+        MeasurementLocation.LOW_HIP,
+        MeasurementLocation.HIGH_HIP,
+    ],
+    [Classification.SHORTS]: [
+        MeasurementLocation.LOW_HIP,
+        MeasurementLocation.WAIST,
+        MeasurementLocation.THIGH,
+        MeasurementLocation.INSEAM,
+    ],
+    // prettier-ignore
+    [Classification.SKIRTS]: [
+        MeasurementLocation.LOW_HIP,
+        MeasurementLocation.WAIST
+    ],
+    // prettier-ignore
+    [Classification.SWEATERS]: [
+        MeasurementLocation.BUST,
+        MeasurementLocation.ACROSS_SHOULDER,
+        MeasurementLocation.WAIST,
+        MeasurementLocation.LOW_HIP,
+        MeasurementLocation.HIGH_HIP
+    ],
+    // prettier-ignore
+    [Classification.T_SHIRTS_AND_TANKS]: [
+        MeasurementLocation.BUST,
+        MeasurementLocation.ACROSS_SHOULDER,
+        MeasurementLocation.WAIST,
+        MeasurementLocation.LOW_HIP,
+        MeasurementLocation.HIGH_HIP
+    ],
+};
+const CategoryNames = {
+    ["activewear" /* Category.ACTIVEWEAR */]: 'Active Wear',
+    ["dresses" /* Category.DRESSES */]: 'Dresses',
+    ["jackets_and_coats" /* Category.JACKETS_AND_COATS */]: 'Jackets and Coats',
+    ["jeans" /* Category.JEANS */]: 'Jeans',
+    ["jumpsuits_and_rompers" /* Category.JUMPSUITS_AND_ROMPERS */]: 'Jumpsuits and Rompers',
+    ["pants_and_shorts" /* Category.PANTS_AND_SHORTS */]: 'Pants and Shorts',
+    ["skirts" /* Category.SKIRTS */]: 'Skirts',
+    ["suits_and_tailoring" /* Category.SUITS_AND_TAILORING */]: 'Suits and Tailoring',
+    ["sweaters" /* Category.SWEATERS */]: 'Sweaters',
+    ["tops" /* Category.TOPS */]: 'Tops',
+};
+const Categories = [
+    "activewear" /* Category.ACTIVEWEAR */,
+    "dresses" /* Category.DRESSES */,
+    "jackets_and_coats" /* Category.JACKETS_AND_COATS */,
+    "jeans" /* Category.JEANS */,
+    "jumpsuits_and_rompers" /* Category.JUMPSUITS_AND_ROMPERS */,
+    "pants_and_shorts" /* Category.PANTS_AND_SHORTS */,
+    "skirts" /* Category.SKIRTS */,
+    "suits_and_tailoring" /* Category.SUITS_AND_TAILORING */,
+    "sweaters" /* Category.SWEATERS */,
+    "tops" /* Category.TOPS */,
+];
+const SubcategoryNames = {
+    ["a_line" /* Subcategory.A_LINE */]: 'A Line',
+    ["a_line_flared" /* Subcategory.A_LINE_FLARED */]: 'A Line Flared',
+    ["blazers" /* Subcategory.BLAZERS */]: 'Blazers',
+    ["bodycon" /* Subcategory.BODYCON */]: 'Bodycon',
+    ["bodysuits" /* Subcategory.BODYSUITS */]: 'Bodysuits',
+    ["boiler_suits" /* Subcategory.BOILER_SUITS */]: 'Boiler Suits',
+    ["bootcut" /* Subcategory.BOOTCUT */]: 'Bootcut',
+    ["cardigans" /* Subcategory.CARDIGANS */]: 'Cardigans',
+    ["cigarette" /* Subcategory.CIGARETTE */]: 'Cigarette',
+    ["corsets_and_bustiers" /* Subcategory.CORSETS_AND_BUSTIERS */]: 'Corsets and Bustiers',
+    ["crewnecks" /* Subcategory.CREWNECKS */]: 'Crewnecks',
+    ["culottes" /* Subcategory.CULOTTES */]: 'Culottes',
+    ["denim" /* Subcategory.DENIM */]: 'Denim',
+    ["denim_jackets" /* Subcategory.DENIM_JACKETS */]: 'Denim Jackets',
+    ["denim_shorts" /* Subcategory.DENIM_SHORTS */]: 'Denim Shorts',
+    ["fit_and_flare" /* Subcategory.FIT_AND_FLARE */]: 'Fit and Flare',
+    ["flared" /* Subcategory.FLARED */]: 'Flared',
+    ["hoodies_and_zipups" /* Subcategory.HOODIES_AND_ZIPUPS */]: 'Hoodies and Zipups',
+    ["joggers" /* Subcategory.JOGGERS */]: 'Joggers',
+    ["jumpsuits" /* Subcategory.JUMPSUITS */]: 'Jumpsuits',
+    ["knit" /* Subcategory.KNIT */]: 'Knit',
+    ["leggings" /* Subcategory.LEGGINGS */]: 'Leggings',
+    ["mom" /* Subcategory.MOM */]: 'Mom',
+    ["overalls" /* Subcategory.OVERALLS */]: 'Overalls',
+    ["parkas" /* Subcategory.PARKAS */]: 'Parkas',
+    ["peacoats" /* Subcategory.PEACOATS */]: 'Peacoats',
+    ["pencil" /* Subcategory.PENCIL */]: 'Pencil',
+    ["pleated" /* Subcategory.PLEATED */]: 'Pleated',
+    ["polos" /* Subcategory.POLOS */]: 'Polos',
+    ["puffer_jackets" /* Subcategory.PUFFER_JACKETS */]: 'Puffer Jackets',
+    ["raincoats" /* Subcategory.RAINCOATS */]: 'Raincoats',
+    ["relaxed" /* Subcategory.RELAXED */]: 'Relaxed',
+    ["rompers" /* Subcategory.ROMPERS */]: 'Rompers',
+    ["shackets" /* Subcategory.SHACKETS */]: 'Shackets',
+    ["shirt" /* Subcategory.SHIRT */]: 'Shirt',
+    ["shirts_and_blouses" /* Subcategory.SHIRTS_AND_BLOUSES */]: 'Shirts and Blouses',
+    ["skater" /* Subcategory.SKATER */]: 'Skater',
+    ["skinny" /* Subcategory.SKINNY */]: 'Skinny',
+    ["slim" /* Subcategory.SLIM */]: 'Slim',
+    ["slip" /* Subcategory.SLIP */]: 'Slip',
+    ["sports_bras" /* Subcategory.SPORTS_BRAS */]: 'Sports Bras',
+    ["straight" /* Subcategory.STRAIGHT */]: 'Straight',
+    ["suit_jackets" /* Subcategory.SUIT_JACKETS */]: 'Suit Jackets',
+    ["suit_skirts" /* Subcategory.SUIT_SKIRTS */]: 'Suit Skirts',
+    ["suit_trousers" /* Subcategory.SUIT_TROUSERS */]: 'Suit Trousers',
+    ["suit_vests" /* Subcategory.SUIT_VESTS */]: 'Suit Vests',
+    ["sweatshirts" /* Subcategory.SWEATSHIRTS */]: 'Sweatshirts',
+    ["t_shirts" /* Subcategory.T_SHIRTS */]: 'T-Shirts',
+    ["tank_tops_and_camisoles" /* Subcategory.TANK_TOPS_AND_CAMISOLES */]: 'Tank Tops and Camisoles',
+    ["tapered" /* Subcategory.TAPERED */]: 'Tapered',
+    ["trench_coats" /* Subcategory.TRENCH_COATS */]: 'Trench Coats',
+    ["trousers" /* Subcategory.TROUSERS */]: 'Trousers',
+    ["turtlenecks" /* Subcategory.TURTLENECKS */]: 'Turtleneck',
+    ["unitards" /* Subcategory.UNITARDS */]: 'Unitards',
+    ["v_necks" /* Subcategory.V_NECKS */]: 'V-Necks',
+    ["wide_leg" /* Subcategory.WIDE_LEG */]: 'Wide Leg',
+    ["wrap" /* Subcategory.WRAP */]: 'Wrap',
+};
+const Taxonomy = {
+    ["activewear" /* Category.ACTIVEWEAR */]: {
+        ["leggings" /* Subcategory.LEGGINGS */]: Classification.PANTS,
+        ["joggers" /* Subcategory.JOGGERS */]: Classification.PANTS,
+        ["sweatshirts" /* Subcategory.SWEATSHIRTS */]: Classification.SWEATERS,
+    },
+    ["dresses" /* Category.DRESSES */]: {
+        ["a_line" /* Subcategory.A_LINE */]: Classification.DRESSES,
+        ["bodycon" /* Subcategory.BODYCON */]: Classification.DRESSES,
+        ["fit_and_flare" /* Subcategory.FIT_AND_FLARE */]: Classification.DRESSES,
+        ["knit" /* Subcategory.KNIT */]: Classification.DRESSES,
+        ["shirt" /* Subcategory.SHIRT */]: Classification.DRESSES,
+        ["slip" /* Subcategory.SLIP */]: Classification.DRESSES,
+        ["straight" /* Subcategory.STRAIGHT */]: Classification.DRESSES,
+        ["wrap" /* Subcategory.WRAP */]: Classification.DRESSES,
+    },
+    ["jackets_and_coats" /* Category.JACKETS_AND_COATS */]: {
+        ["denim_jackets" /* Subcategory.DENIM_JACKETS */]: Classification.JACKETS,
+        ["parkas" /* Subcategory.PARKAS */]: Classification.PUFFERS_AND_PARKAS,
+        ["peacoats" /* Subcategory.PEACOATS */]: Classification.COATS,
+        ["puffer_jackets" /* Subcategory.PUFFER_JACKETS */]: Classification.PUFFERS_AND_PARKAS,
+        ["raincoats" /* Subcategory.RAINCOATS */]: Classification.COATS,
+        ["rompers" /* Subcategory.ROMPERS */]: Classification.COATS,
+        ["shackets" /* Subcategory.SHACKETS */]: Classification.JACKETS,
+        ["trench_coats" /* Subcategory.TRENCH_COATS */]: Classification.COATS,
+    },
+    ["jeans" /* Category.JEANS */]: {
+        ["bootcut" /* Subcategory.BOOTCUT */]: Classification.PANTS,
+        ["flared" /* Subcategory.FLARED */]: Classification.PANTS,
+        ["mom" /* Subcategory.MOM */]: Classification.PANTS,
+        ["relaxed" /* Subcategory.RELAXED */]: Classification.PANTS,
+        ["skinny" /* Subcategory.SKINNY */]: Classification.PANTS,
+        ["slim" /* Subcategory.SLIM */]: Classification.PANTS,
+        ["straight" /* Subcategory.STRAIGHT */]: Classification.PANTS,
+        ["tapered" /* Subcategory.TAPERED */]: Classification.PANTS,
+        ["wide_leg" /* Subcategory.WIDE_LEG */]: Classification.PANTS,
+    },
+    ["jumpsuits_and_rompers" /* Category.JUMPSUITS_AND_ROMPERS */]: {
+        ["boiler_suits" /* Subcategory.BOILER_SUITS */]: Classification.DRESSES,
+        ["denim" /* Subcategory.DENIM */]: Classification.DRESSES,
+        ["jumpsuits" /* Subcategory.JUMPSUITS */]: Classification.DRESSES,
+        ["overalls" /* Subcategory.OVERALLS */]: Classification.DRESSES,
+        ["rompers" /* Subcategory.ROMPERS */]: Classification.DRESSES,
+        ["unitards" /* Subcategory.UNITARDS */]: Classification.DRESSES,
+    },
+    ["pants_and_shorts" /* Category.PANTS_AND_SHORTS */]: {
+        ["cigarette" /* Subcategory.CIGARETTE */]: Classification.PANTS,
+        ["culottes" /* Subcategory.CULOTTES */]: Classification.SHORTS,
+        ["denim_shorts" /* Subcategory.DENIM_SHORTS */]: Classification.SHORTS,
+        ["flared" /* Subcategory.FLARED */]: Classification.PANTS,
+        ["joggers" /* Subcategory.JOGGERS */]: Classification.PANTS,
+        ["leggings" /* Subcategory.LEGGINGS */]: Classification.PANTS,
+        ["skinny" /* Subcategory.SKINNY */]: Classification.PANTS,
+        ["wide_leg" /* Subcategory.WIDE_LEG */]: Classification.PANTS,
+    },
+    ["skirts" /* Category.SKIRTS */]: {
+        ["a_line_flared" /* Subcategory.A_LINE_FLARED */]: Classification.SKIRTS,
+        ["denim" /* Subcategory.DENIM */]: Classification.SKIRTS,
+        ["knit" /* Subcategory.KNIT */]: Classification.SKIRTS,
+        ["pencil" /* Subcategory.PENCIL */]: Classification.SKIRTS,
+        ["pleated" /* Subcategory.PLEATED */]: Classification.SKIRTS,
+        ["skater" /* Subcategory.SKATER */]: Classification.SKIRTS,
+        ["slip" /* Subcategory.SLIP */]: Classification.SKIRTS,
+        ["wrap" /* Subcategory.WRAP */]: Classification.SKIRTS,
+    },
+    ["suits_and_tailoring" /* Category.SUITS_AND_TAILORING */]: {
+        ["blazers" /* Subcategory.BLAZERS */]: Classification.JACKETS,
+        ["suit_jackets" /* Subcategory.SUIT_JACKETS */]: Classification.JACKETS,
+        ["suit_skirts" /* Subcategory.SUIT_SKIRTS */]: Classification.SKIRTS,
+        ["suit_trousers" /* Subcategory.SUIT_TROUSERS */]: Classification.PANTS,
+        ["suit_vests" /* Subcategory.SUIT_VESTS */]: Classification.SWEATERS,
+        ["trousers" /* Subcategory.TROUSERS */]: Classification.PANTS,
+    },
+    ["sweaters" /* Category.SWEATERS */]: {
+        ["cardigans" /* Subcategory.CARDIGANS */]: Classification.SWEATERS,
+        ["crewnecks" /* Subcategory.CREWNECKS */]: Classification.SWEATERS,
+        ["hoodies_and_zipups" /* Subcategory.HOODIES_AND_ZIPUPS */]: Classification.SWEATERS,
+        ["sweatshirts" /* Subcategory.SWEATSHIRTS */]: Classification.SWEATERS,
+        ["turtlenecks" /* Subcategory.TURTLENECKS */]: Classification.SWEATERS,
+        ["v_necks" /* Subcategory.V_NECKS */]: Classification.SWEATERS,
+    },
+    ["tops" /* Category.TOPS */]: {
+        ["bodysuits" /* Subcategory.BODYSUITS */]: Classification.BLOUSES,
+        ["corsets_and_bustiers" /* Subcategory.CORSETS_AND_BUSTIERS */]: Classification.BLOUSES,
+        ["polos" /* Subcategory.POLOS */]: Classification.T_SHIRTS_AND_TANKS,
+        ["shirts_and_blouses" /* Subcategory.SHIRTS_AND_BLOUSES */]: Classification.BLOUSES,
+        ["t_shirts" /* Subcategory.T_SHIRTS */]: Classification.T_SHIRTS_AND_TANKS,
+        ["tank_tops_and_camisoles" /* Subcategory.TANK_TOPS_AND_CAMISOLES */]: Classification.T_SHIRTS_AND_TANKS,
+    },
+};
+var Fit;
+(function (Fit) {
+    Fit["TOO_TIGHT"] = "too_tight";
+    Fit["TIGHT"] = "tight";
+    Fit["SLIGHTLY_TIGHT"] = "slightly_tight";
+    Fit["PERFECT_FIT"] = "perfect_fit";
+    Fit["SLIGHTLY_LOOSE"] = "slightly_loose";
+    Fit["LOOSE"] = "loose";
+    Fit["OVERSIZED"] = "oversized";
+})(Fit || (Fit = {}));
+const FitNames = {
+    [Fit.TOO_TIGHT]: 'Too Tight',
+    [Fit.TIGHT]: 'Tight',
+    [Fit.SLIGHTLY_TIGHT]: 'Slightly Tight',
+    [Fit.PERFECT_FIT]: 'Perfect Fit',
+    [Fit.SLIGHTLY_LOOSE]: 'Slightly Loose',
+    [Fit.LOOSE]: 'Loose',
+    [Fit.OVERSIZED]: 'Oversized',
+};
 
 class Fetcher {
     static get endpoint() {
@@ -22956,22 +23316,10 @@ class Fetcher {
     }
 }
 
-const testImage = (url) => {
-    const img = new Image();
-    img.src = url;
-    return new Promise((resolve) => {
-        img.onerror = () => resolve(false);
-        img.onload = () => resolve(true);
-    });
-};
-
 class TfrShop {
     constructor(brandId, firebase) {
         this.brandId = brandId;
         this.firebase = firebase;
-        const config = Config.getInstance().config;
-        TfrShop.avatarTimeout = config.avatarTimeout ? Number(config.avatarTimeout) : 120000;
-        TfrShop.vtoTimeout = config.vtoTimeout ? Number(config.vtoTimeout) : 120000;
     }
     get user() {
         return this.firebase.user;
@@ -22982,39 +23330,16 @@ class TfrShop {
     onInit() {
         return this.firebase.onInit();
     }
-    async tryOn(colorwaySizeAssetSku) {
-        if (!this.isLoggedIn)
-            throw new UserNotLoggedInError();
-        try {
-            const frames = await this.getColorwaySizeAssetFrames(colorwaySizeAssetSku);
-            return frames;
-        }
-        catch (error) {
-            if (!(error instanceof NoFramesFoundError))
-                throw error;
-            return this.requestThenGetColorwaySizeAssetFrames(colorwaySizeAssetSku);
-        }
-    }
-    async awaitAvatarCreated() {
-        if (!this.isLoggedIn)
-            throw new UserNotLoggedInError();
-        const { promise, unsubscribe } = this.firebase.query('users', rl(Eh(), '==', this.user.id));
-        const cancel = setTimeout(() => {
-            unsubscribe();
-            throw new RequestTimeoutError();
-        }, TfrShop.avatarTimeout);
-        const snapshot = await promise;
-        clearTimeout(cancel);
-        const userProfile = snapshot.docs[0].data();
-        return userProfile.avatar_status === 'CREATED';
-    }
     async getRecommendedSizes(styleId) {
+        var _a, _b;
         if (!this.isLoggedIn)
             throw new UserNotLoggedInError();
         try {
             const res = await Fetcher.Get(this.user, `/styles/${styleId}/recommendation`);
-            const json = await res.json();
-            return json;
+            const data = (await res.json());
+            if (!((_a = data === null || data === void 0 ? void 0 : data.fits) === null || _a === void 0 ? void 0 : _a.length) || !((_b = data === null || data === void 0 ? void 0 : data.recommended_size) === null || _b === void 0 ? void 0 : _b.id))
+                return null;
+            return data;
         }
         catch (error) {
             if ((error === null || error === void 0 ? void 0 : error.error) === AvatarNotCreated)
@@ -23022,85 +23347,26 @@ 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)
-            constraints.push(rl('id', 'in', ids));
-        if ((skus === null || skus === void 0 ? void 0 : skus.length) > 0)
-            constraints.push(rl('brand_style_id', 'in', skus));
-        try {
-            const querySnapshot = await this.firebase.getDocs('styles', constraints);
-            const styles = new Map();
-            querySnapshot.forEach((doc) => {
-                const FirestoreStyle = doc.data();
-                styles.set(FirestoreStyle.id, FirestoreStyle);
-            });
-            return styles;
-        }
-        catch (error) {
-            return getFirebaseError(error);
-        }
-    }
     async submitTelephoneNumber(tel) {
         const sanitizedTel = tel.replace(/[^\+0-9]/g, '');
         const res = await Fetcher.Post(this.user, '/ios-app-link', { phone_number: sanitizedTel }, false);
         console.log(res);
     }
-    async awaitColorwaySizeAssetFrames(colorwaySizeAssetSKU) {
-        var _a, _b, _c, _d;
-        if (!this.isLoggedIn)
-            throw new UserNotLoggedInError();
-        const predicate = async (data) => {
-            var _a, _b, _c, _d;
-            const frames = (_d = (_c = (_b = (_a = data.docs[0].data()) === null || _a === void 0 ? void 0 : _a.vto) === null || _b === void 0 ? void 0 : _b[this.brandId]) === null || _c === void 0 ? void 0 : _c[colorwaySizeAssetSKU]) === null || _d === void 0 ? void 0 : _d.frames;
-            if (!(frames === null || frames === void 0 ? void 0 : frames.length))
-                return false;
-            return testImage(frames[0]);
-        };
-        const userProfile = (await this.user.watchUserProfileForChanges(predicate, TfrShop.vtoTimeout));
-        if (!((_d = (_c = (_b = (_a = userProfile === null || userProfile === void 0 ? void 0 : userProfile.vto) === null || _a === void 0 ? void 0 : _a[this.brandId]) === null || _b === void 0 ? void 0 : _b[colorwaySizeAssetSKU]) === null || _c === void 0 ? void 0 : _c.frames) === null || _d === void 0 ? void 0 : _d.length))
-            throw new NoFramesFoundError();
-        return userProfile.vto[this.brandId][colorwaySizeAssetSKU].frames;
-    }
-    async requestThenGetColorwaySizeAssetFrames(colorwaySizeAssetSku) {
-        var _a, _b;
-        const [error, colorwaySizeAsset] = await asyncTry(this.getColorwaySizeAssetFromSku(colorwaySizeAssetSku));
-        if (error)
-            throw error;
-        try {
-            await this.requestColorwaySizeAssetFrames(colorwaySizeAsset.id);
-            return this.awaitColorwaySizeAssetFrames(colorwaySizeAssetSku);
-        }
-        catch (error) {
-            if ((error === null || error === void 0 ? void 0 : error.error) === AvatarNotCreated)
-                throw new AvatarNotCreatedError();
-            if (!error.recommended_size_id)
-                throw new Error(error);
-            const errorOutsideRecommended = error;
-            const styles = await this.getStyles([colorwaySizeAsset.style_id], null);
-            const style = styles.get(colorwaySizeAsset.style_id);
-            if (!(style === null || style === void 0 ? void 0 : style.sizes))
-                throw new NoStylesFoundError();
-            const recommendedSize = ((_a = style.sizes[errorOutsideRecommended.recommended_size_id]) === null || _a === void 0 ? void 0 : _a.label) ||
-                ((_b = style.sizes[errorOutsideRecommended.recommended_size_id]) === null || _b === void 0 ? void 0 : _b.size);
-            const availableSizes = errorOutsideRecommended.available_size_ids
-                .filter((id) => { var _a; return ((_a = style.sizes[id]) === null || _a === void 0 ? void 0 : _a.size) !== recommendedSize; })
-                .map((id) => { var _a, _b; return ((_a = style.sizes[id]) === null || _a === void 0 ? void 0 : _a.label) || ((_b = style.sizes[id]) === null || _b === void 0 ? void 0 : _b.size); });
-            throw new RecommendedAvailableSizesError(recommendedSize, availableSizes);
-        }
-    }
     async getColorwaySizeAssetFromSku(colorwaySizeAssetSku) {
         const assets = await this.getColorwaySizeAssets(null, [colorwaySizeAssetSku]);
         if (!(assets === null || assets === void 0 ? void 0 : assets.size))
             throw new NoColorwaySizeAssetsFoundError();
         return Array.from(assets.values())[0];
     }
+    async getMeasurementLocationsFromSku(sku) {
+        var _a;
+        const asset = await this.getColorwaySizeAssetFromSku(sku);
+        const styleCategory = await this.getStyleCategory(asset.style_id);
+        const classificationLocation = ((_a = Taxonomy[styleCategory.category]) === null || _a === void 0 ? void 0 : _a[styleCategory.sub_category]) || null;
+        return classificationLocation
+            ? ClassificationLocations[classificationLocation].map((location) => MeasurementLocationName[location])
+            : null;
+    }
     async getColorwaySizeAssets(styleId, skus) {
         const constraints = [rl('brand_id', '==', this.brandId)];
         if (styleId)
@@ -23120,29 +23386,16 @@ class TfrShop {
             return getFirebaseError(error);
         }
     }
-    async requestColorwaySizeAssetFrames(colorwaySizeAssetId) {
-        if (!this.isLoggedIn)
-            throw new UserNotLoggedInError();
-        if (!this.user.brandUserId)
-            throw new BrandUserIdNotSetError();
-        await Fetcher.Post(this.user, `/colorway-size-assets/${colorwaySizeAssetId}/frames`, {
-            brand_user_id: String(this.user.brandUserId),
-        });
+    async getStyleCategory(styleId) {
+        try {
+            const doc = await this.firebase.getDoc('style_categories', String(styleId));
+            return doc;
+        }
+        catch (error) {
+            return getFirebaseError(error);
+        }
     }
-    async getColorwaySizeAssetFrames(colorwaySizeAssetSKU) {
-        var _a, _b, _c;
-        const userProfile = await this.user.getUserProfile();
-        const frames = ((_c = (_b = (_a = userProfile === null || userProfile === void 0 ? void 0 : userProfile.vto) === null || _a === void 0 ? void 0 : _a[this.brandId]) === null || _b === void 0 ? void 0 : _b[colorwaySizeAssetSKU]) === null || _c === void 0 ? void 0 : _c.frames) || [];
-        if (!frames.length)
-            throw new NoFramesFoundError();
-        const testedImage = await testImage(frames[0]);
-        if (!testedImage)
-            throw new NoFramesFoundError();
-        return frames;
-    }
-}
-TfrShop.avatarTimeout = 120000;
-TfrShop.vtoTimeout = 120000;
+}
 const initShop = (brandId, env = 'dev') => {
     if (env === 'dev' || env === 'development')
         console.warn('TfrShop is in development mode');
@@ -23157,51 +23410,20 @@ var AvatarState$1;
     AvatarState["PENDING"] = "PENDING";
 })(AvatarState$1 || (AvatarState$1 = {}));
 
-const VTO_TIMEOUT_MS = TfrShop.vtoTimeout;
-
-function loadImageRecursive(imageURL, imageURLs) {
-    let next = function () {
-        if (imageURLs.length === 0) {
-            return;
-        }
-        loadImageRecursive(imageURLs.slice(-1), imageURLs.slice(0, -1));
-    };
-    var img = new Image();
-    img.onload = next;
-    img.onerror = next;
-    img.src = imageURL;
-}
-function loadImages(imageURLs) {
-    loadImageRecursive(imageURLs.slice(-1), imageURLs.slice(0, -1));
-}
-const InitImageSlider = (sliderID, onChange) => {
-    const slider = document.getElementById(sliderID);
-    if (!slider) {
-        throw new Error(`Slider with id ${sliderID} not found`);
-    }
-    return {
-        Load(imageURLs) {
-            if (!Array.isArray(imageURLs) || !imageURLs.length) {
-                console.debug('slider has no images to load');
-                return new Error('slider has no images to load');
-            }
-            loadImages(imageURLs);
-            const defaultScrollValue = (imageURLs === null || imageURLs === void 0 ? void 0 : imageURLs.length) - 2;
-            slider.value = defaultScrollValue.toString();
-            slider.max = (imageURLs.length - 1).toString();
-            const handleSliderChange = () => {
-                const currentValue = parseInt(slider.value);
-                onChange(slider, imageURLs[currentValue]);
-            };
-            onChange(slider, imageURLs[defaultScrollValue]);
-            slider.removeEventListener('input', handleSliderChange);
-            slider.addEventListener('input', handleSliderChange);
-            return () => {
-                slider.removeEventListener('input', handleSliderChange);
-            };
-        },
-    };
-};
+var index = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    get AvatarState () { return AvatarState$1; },
+    get MeasurementLocation () { return MeasurementLocation; },
+    MeasurementLocationName: MeasurementLocationName,
+    get Classification () { return Classification; },
+    ClassificationLocations: ClassificationLocations,
+    CategoryNames: CategoryNames,
+    Categories: Categories,
+    SubcategoryNames: SubcategoryNames,
+    Taxonomy: Taxonomy,
+    get Fit () { return Fit; },
+    FitNames: FitNames
+});
 
 var L = {
     AssociatedEmail: 'If there is an account associated with that email, We have sent a link to reset your password.',
@@ -23257,16 +23479,22 @@ const validatePassword = (password) => {
 
 var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
 
-var css$6 = ".tfr-bg-aquamarina-strong{background-color:#209da7}.tfr-c-white{color:#fff}.tfr-c-brand{color:#209da7}.tfr-c-dark{color:#000}.tfr-c-dark-o5{color:rgba(0,0,0,.5)}.tfr-c-red{color:red}";
+var css$8 = ".tfr-bg-aquamarina-strong{background-color:#209da7}.tfr-c-white{color:#fff}.tfr-c-brand{color:#209da7}.tfr-c-dark{color:#000}.tfr-c-dark-o5{color:rgba(0,0,0,.5)}.tfr-c-red{color:red}";
+n(css$8,{});
+
+var css$7 = ".tfr-home-button-container{display:flex;flex-wrap:wrap;margin:20px}.tfr-home-button-container>button{border:0;cursor:pointer;height:60px;margin:20px;width:200px}.tfr-home-button-container>button:hover{background-color:#e6e6e6}[data-tfr=hidden]{display:none}.tfr-modal{background-color:rgba(0,0,0,.53);display:flex;height:100%;left:0;position:fixed;top:0;width:100%;z-index:10000}.tfr-modal-content{margin:auto;text-align:center;width:90%}.tfr-modal-content-flex{align-items:center;display:flex}.tfr-modal-content-container{background-color:#fff;border:1px solid #434343;border-radius:0;box-shadow:0 6px 6px #00000029;line-height:normal;margin:auto;max-height:100vh;max-width:709px;overflow:auto;width:100%}.tfr-close-container{text-align:end}.tfr-close{color:#aaa;font-size:28px;font-weight:700;height:50px;width:50px}.tfr-close:focus,.tfr-close:hover{color:#000;text-decoration:none}.tfr-cursor:hover{cursor:pointer}.tfr-underline{text-decoration:underline}.tfr-standard-button{border:0;border-radius:3px;color:#fff;height:43px;width:138px}.tfr-logo-container{align-items:center;display:flex}.tfr-modal-title-logo-container{align-items:center;display:flex;justify-content:center}.tfr-girl-clothes{display:inline-block;height:316px;width:253px}.tfr-t-a-center{text-align:center}.tfr-w-70-p{width:70%}.tfr-w-80-p{width:80%}.tfr-w-85-p{width:85%}.tfr-w-150{width:150px}.tfr-h-150{height:150px}.tfr-d-none{display:none}.tfr-d-block{display:block}.tfr-d-flex{display:flex}.tfr-how-it-works-item{align-items:center;display:flex;justify-items:center}.tfr-try-on-content{margin-left:60px}#tfr-tryon-image{max-width:30vw}.progress-bar{background-color:#fff;border:1px solid #bdbdbd;height:10px;margin:15px auto 0;width:55%}.progress-bar-fill{animation-duration:120s;animation-name:progress;background-color:#209da7;color:#fff;display:block;font-size:16px;height:100%;text-align:center;transition:width .6s linear}#tfr-video{height:100%;max-height:390px;max-width:390px}.tfr-logo-box{aspect-ratio:1;margin:auto;max-height:430px;max-width:430px;padding:20px}.tfr-flex,.tfr-logo-box{align-items:center;display:flex;justify-content:center}";
+n(css$7,{});
+
+var css$6 = "input{border:none;box-shadow:none!important;width:100%}input:focus,select:focus,textarea:focus{border:none;outline:none}.tfr-fieldset{margin-left:auto;margin-right:auto;width:65%}.tfr-fieldset,.tfr-fieldset-inline{border-color:rgba(0,0,0,.5);border-radius:10px;border-width:1px;padding:5px 10px 10px;text-align:left}.tfr-fieldset-inline{margin-right:10px;width:250px}.tfr-fieldset-err{border-color:red}";
 n(css$6,{});
 
-var css$5 = ".tfr-home-button-container{display:flex;flex-wrap:wrap;margin:20px}.tfr-home-button-container>button{border:0;cursor:pointer;height:60px;margin:20px;width:200px}.tfr-home-button-container>button:hover{background-color:#e6e6e6}[data-tfr=hidden]{display:none}.tfr-modal{background-color:rgba(0,0,0,.53);display:flex;height:100%;left:0;position:fixed;top:0;width:100%;z-index:10000}.tfr-modal-content{margin:auto;text-align:center;width:90%}.tfr-modal-content-flex{align-items:center;display:flex}.tfr-modal-content-container{background-color:#fff;border:1px solid #434343;border-radius:0;box-shadow:0 6px 6px #00000029;line-height:normal;margin:auto;max-height:100vh;max-width:709px;overflow:auto;width:100%}.tfr-close-container{text-align:end}.tfr-close{color:#aaa;font-size:28px;font-weight:700;height:50px;width:50px}.tfr-close:focus,.tfr-close:hover{color:#000;text-decoration:none}.tfr-cursor:hover{cursor:pointer}.tfr-underline{text-decoration:underline}.tfr-standard-button{border:0;border-radius:3px;color:#fff;height:43px;width:138px}.tfr-logo-container{align-items:center;display:flex}.tfr-modal-title-logo-container{align-items:center;display:flex;justify-content:center}.tfr-girl-clothes{display:inline-block;height:316px;width:253px}.tfr-t-a-center{text-align:center}.tfr-w-70-p{width:70%}.tfr-w-80-p{width:80%}.tfr-w-85-p{width:85%}.tfr-w-150{width:150px}.tfr-h-150{height:150px}.tfr-d-none{display:none}.tfr-d-block{display:block}.tfr-d-flex{display:flex}.tfr-how-it-works-item{align-items:center;display:flex;justify-items:center}.tfr-try-on-content{margin-left:60px}#tfr-tryon-image{max-width:30vw}.progress-bar{background-color:#fff;border:1px solid #bdbdbd;height:10px;margin:15px auto 0;width:55%}.progress-bar-fill{animation-duration:120s;animation-name:progress;background-color:#209da7;color:#fff;display:block;font-size:16px;height:100%;text-align:center;transition:width .6s linear}#tfr-video{height:100%;max-height:390px;max-width:390px}.tfr-logo-box{aspect-ratio:1;margin:auto;max-height:430px;max-width:430px;padding:20px}.tfr-flex,.tfr-logo-box{align-items:center;display:flex;justify-content:center}";
+var css$5 = ".lds-ellipsis{display:inline-block;height:80px;position:relative;width:80px}.lds-ellipsis div{animation-timing-function:cubic-bezier(0,1,1,0);background:#209da7;border-radius:50%;display:block;height:13px;position:absolute;top:33px;width:13px}.lds-ellipsis div:first-child{animation:lds-ellipsis1 .6s infinite;left:8px}.lds-ellipsis div:nth-child(2){animation:lds-ellipsis2 .6s infinite;left:8px}.lds-ellipsis div:nth-child(3){animation:lds-ellipsis2 .6s infinite;left:32px}.lds-ellipsis div:nth-child(4){animation:lds-ellipsis3 .6s infinite;left:56px}@keyframes lds-ellipsis1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0)}to{transform:translate(24px)}}";
 n(css$5,{});
 
-var css$4 = "input{border:none;box-shadow:none!important;width:100%}input:focus,select:focus,textarea:focus{border:none;outline:none}.tfr-fieldset{margin-left:auto;margin-right:auto;width:65%}.tfr-fieldset,.tfr-fieldset-inline{border-color:rgba(0,0,0,.5);border-radius:10px;border-width:1px;padding:5px 10px 10px;text-align:left}.tfr-fieldset-inline{margin-right:10px;width:250px}.tfr-fieldset-err{border-color:red}";
+var css$4 = "@media screen and (max-width:702px){.tfr-modal-title-logo-container{display:flex;flex-direction:column}}@media screen and (min-width:600px){.tfr-modal-content-container{border-radius:10px;height:auto}}@media screen and (max-width:599px){.tfr-mobile-hidden{display:none}.tfr-modal-content-container{min-height:100vh}.trf-logo-title{margin-bottom:10px}.tfr-modal-content-flex{height:calc(100vh - 76px)}}@media screen and (max-width:500px){.tfr-fieldset{width:90%}.tfr-how-it-works-item{flex-direction:column}.tfr-try-on-content{margin-left:0;margin-top:20px}}";
 n(css$4,{});
 
-var css$3 = "@media screen and (max-width:702px){.tfr-modal-title-logo-container{display:flex;flex-direction:column}}@media screen and (min-width:600px){.tfr-modal-content-container{border-radius:10px;height:auto}}@media screen and (max-width:599px){.tfr-mobile-hidden{display:none}.tfr-modal-content-container{min-height:100vh}.trf-logo-title{margin-bottom:10px}.tfr-modal-content-flex{height:calc(100vh - 76px)}}@media screen and (max-width:500px){.tfr-fieldset{width:90%}.tfr-how-it-works-item{flex-direction:column}.tfr-try-on-content{margin-left:0;margin-top:20px}}";
+var css$3 = "#tfr-size-recommendations{border:1px solid hsla(0,0%,7%,.55);color:#121212;display:flex;padding:14px 20px;width:440px}#tfr-size-recommendations,#tfr-size-recommendations-container{align-items:center;flex-direction:column;justify-content:center}#tfr-size-recommendations-container{display:none;width:100%}#tfr-size-rec-login-svg{display:none}#tfr-size-rec-title{align-items:center;display:flex;margin-bottom:8px}#tfr-size-rec-subtitle{margin-bottom:6px}#tfr-size-rec-subtitle,#tfr-size-rec-title{font-size:16px;font-weight:700}#tfr-size-rec-table{display:flex;flex-direction:column;font-size:12px;width:100%}.tfr-size-rec-table-row:first-of-type{border-top-width:2px}.tfr-size-rec-table-row{align-items:center;border-top:1px solid hsla(0,0%,7%,.55);display:flex;height:40px;justify-content:center}.tfr-size-rec-table-cell-left,.tfr-size-rec-table-cell-right{flex:1 1 0px}.tfr-size-rec-table-cell-left{font-weight:700;margin-right:70px;text-align:right}.tfr-size-rec-table-cell-right{margin-left:16px}.tfr-size-rec-table-cell-right.perfect{color:#209da7}#tfr-size-rec-size>.tfr-size-rec-login-cta{font-weight:500;margin-left:10px}.tfr-size-rec-login-cta,.tfr-size-rec-table-cell-right{font-size:12px}.tfr-size-rec-login-cta{color:#a7a7a7;display:flex}#tfr-size-rec-action-login,#tfr-size-rec-action-logout{display:none}#tfr-size-rec-action{cursor:pointer;font-size:16px;margin-top:14px;text-decoration:underline}#tfr-size-rec-select{background-color:#878787;border-radius:8px;box-shadow:0 4px 4px 0 rgba(0,0,0,.3);color:#fff;display:none;font-size:14px;margin-bottom:20px;margin-top:10px}#tfr-size-rec-select,.tfr-size-rec-select-button{align-items:center;height:35px;justify-content:center}.tfr-size-rec-select-button{cursor:pointer;display:flex;transition:all .15s ease-in;width:80px}.tfr-size-rec-select-button:hover:not(.active){background-color:hsla(0,0%,100%,.3);opacity:.7}.tfr-size-rec-select-button.active{background-color:#212121;height:45px}.tfr-size-rec-select-button.active,.tfr-size-rec-select-button:first-of-type{border-bottom-left-radius:8px;border-top-left-radius:8px}.tfr-size-rec-select-button.active,.tfr-size-rec-select-button:last-of-type{border-bottom-right-radius:8px;border-top-right-radius:8px}";
 n(css$3,{});
 
 var css$2 = ".tfr-mt-10{margin-top:10px}.tfr-mt-20{margin-top:20px}.tfr-mt-15{margin-top:15px}.tfr-mt-30{margin-top:30px}.mt-40{margin-top:40px}.tfr-mb-40{margin-bottom:40px}.tfr-mb-20{margin-bottom:20px}.tfr-mr-10{margin-right:10px}.tfr-mr-15{margin-right:15px}.tfr-mt-50{margin-top:50px}.tfr-mt-60{margin-top:60px}.tfr-mb-60{margin-bottom:60px}.tfr-mr-20{margin-right:20px}.tfr-mt-15-p{margin-top:15%}.tfr-mb-13-p{margin-bottom:13%}.tfr-m-h-auto{margin-left:auto;margin-right:auto}.tfr-pt-20{padding-top:20px}.tfr-pb-50{padding-bottom:50px}.tfr-p-20{padding:20px}.tfr-pr-20{padding-right:20px}.tfr-pl-20{padding-left:20px}.tfr-pb-7-p{padding-bottom:7%}";
@@ -36119,19 +36347,13 @@ const TryOnModal = (props) => {
     };
 };
 
-class FittingRoomNav {
+class TfrModal {
     constructor(modalDivId, signIn, forgotPassword, submitTel) {
         this.signIn = signIn;
         this.forgotPassword = forgotPassword;
         this.submitTel = submitTel;
         this.manager = InitModalManager(modalDivId);
     }
-    get sku() {
-        return this._sku;
-    }
-    setSku(sku) {
-        this._sku = sku;
-    }
     close() {
         this.manager.close();
     }
@@ -36195,6 +36417,241 @@ class FittingRoomNav {
     }
 }
 
+const svgSrc = '';
+class SizeRecComponent {
+    constructor(sizeRecMainDivId, tfrShop, onSignInClick, onSignOutClick) {
+        this.tfrShop = tfrShop;
+        this.onSignInClick = onSignInClick;
+        this.onSignOutClick = onSignOutClick;
+        this._sku = '';
+        this.redraw = null;
+        this.init(sizeRecMainDivId);
+    }
+    get sku() {
+        return this._sku;
+    }
+    setSku(sku) {
+        this._sku = sku;
+    }
+    setIsLoggedIn(isLoggedIn) {
+        if (isLoggedIn) {
+            this.tfrSizeRecActionLogin.style.display = 'none';
+            this.tfrSizeRecActionLogout.style.display = 'block';
+        }
+        else {
+            this.tfrSizeRecActionLogin.style.display = 'block';
+            this.tfrSizeRecActionLogout.style.display = 'none';
+        }
+    }
+    setLoading(isLoading) {
+        if (isLoading) {
+            this.tfrSizeRecLoading.style.display = 'block';
+            this.tfrSizeRecommendationsContainer.style.display = 'none';
+        }
+        else {
+            this.tfrSizeRecLoading.style.display = 'none';
+            this.tfrSizeRecommendationsContainer.style.display = 'flex';
+        }
+    }
+    setGarmentLocations(locations) {
+        this.renderGarmentLocations(locations);
+        this.tfrSizeRecSelect.style.display = 'none';
+    }
+    setRecommendedSize({ recommended, sizes }) {
+        this.renderSizeRec(recommended, sizes);
+        this.tfrSizeRecSelect.style.display = 'flex';
+    }
+    setError(error) {
+        this.tfrSizeRecommendationError.innerHTML = error;
+    }
+    init(sizeRecMainDivId) {
+        const sizeRecMainDiv = document.getElementById(sizeRecMainDivId);
+        if (!sizeRecMainDiv)
+            throw new Error('Size rec main div not found');
+        this.render(sizeRecMainDiv);
+        this.setElements();
+        this.bindEvents();
+    }
+    setElements() {
+        this.tfrSizeRecActionLogin = document.getElementById('tfr-size-rec-action-login');
+        this.tfrSizeRecActionLogout = document.getElementById('tfr-size-rec-action-logout');
+        this.tfrSizeRecTable = document.getElementById('tfr-size-rec-table');
+        this.tfrSizeRecommendationError = document.getElementById('tfr-size-recommendation-error');
+        this.tfrSizeRecSize = document.getElementById('tfr-size-rec-size');
+        this.tfrSizeRecSelect = document.getElementById('tfr-size-rec-select');
+        this.tfrSizeRecLoading = document.getElementById('tfr-size-rec-loading');
+        this.tfrSizeRecommendationsContainer = document.getElementById('tfr-size-recommendations-container');
+    }
+    bindEvents() {
+        this.tfrSizeRecActionLogin.addEventListener('click', this.onSignInClick);
+        this.tfrSizeRecActionLogout.addEventListener('click', this.onSignOutClick);
+        this.tfrSizeRecSelect.addEventListener('click', this.onSizeRecSelectClick.bind(this));
+    }
+    onSizeRecSelectClick(e) {
+        const target = e.target;
+        if (!target.classList.contains('tfr-size-rec-select-button'))
+            return;
+        e.preventDefault();
+        const selectedIndex = Number(target.getAttribute('data-index'));
+        if (Number.isNaN(selectedIndex))
+            return;
+        const allButtons = document.querySelectorAll('.tfr-size-rec-select-button');
+        allButtons.forEach((button) => button.classList.remove('active'));
+        allButtons.item(selectedIndex).classList.add('active');
+        this.redraw(selectedIndex);
+    }
+    renderSizeRec(recommended, sizes) {
+        this.tfrSizeRecSize.innerHTML = `&nbsp;${recommended}`;
+        const selectedSizeIndex = sizes.findIndex(({ size }) => size === recommended);
+        this.redraw = (index) => this.renderSizeRecTable(sizes, index);
+        this.redraw(selectedSizeIndex);
+        this.renderSizeRecSelect(sizes, selectedSizeIndex);
+    }
+    renderSizeRecTable(sizes, index) {
+        const { locations } = sizes[index];
+        const html = locations
+            .sort(({ location: a }, { location: b }) => (a < b ? -1 : 1))
+            .map(({ location, fit }) => this.renderSizeRecTableRow(location, fit))
+            .join('');
+        this.tfrSizeRecTable.innerHTML = html;
+    }
+    renderSizeRecSelect(sizes, index) {
+        const sizeNames = sizes.map(({ size }) => size);
+        const html = sizeNames
+            .map((name, i) => `<div class="tfr-size-rec-select-button ${i === index ? 'active' : ''}" data-index="${i}">${name}</div>`)
+            .join('');
+        this.tfrSizeRecSelect.innerHTML = html;
+    }
+    renderSizeRecTableRow(location, fit) {
+        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' : ''}">
+                ${fit}
+              </div>
+            </div>`;
+    }
+    renderLoginCta() {
+        return `<div class="tfr-size-rec-login-cta"><img src="${svgSrc}" /> Login to view</div>`;
+    }
+    renderGarmentLocations(locations) {
+        const html = locations
+            .sort()
+            .map((location) => this.renderSizeRecTableRow(location, this.renderLoginCta()))
+            .join('');
+        this.tfrSizeRecTable.innerHTML = html;
+        this.tfrSizeRecSize.innerHTML = this.renderLoginCta();
+    }
+    render(sizeRecMainDiv) {
+        const body = `<div id="tfr-size-recommendations">
+                    <div id="tfr-size-rec-loading">
+                      <div class="lds-ellipsis">
+                        <div></div>
+                        <div></div>
+                        <div></div>
+                        <div></div>
+                      </div>
+                    </div>
+                    <div id="tfr-size-recommendations-container">
+                      <img id="tfr-size-rec-login-svg" src="{{ 'login-icon.svg' | asset_url }}" />
+                      <div id="tfr-size-rec-title">
+                        Recommend Size:
+                        <div id="tfr-size-rec-size">
+                          <div class="tfr-size-rec-login-cta">
+                            <img  src="{{ 'login-icon.svg' | asset_url }}" /> Login to view
+                          </div>
+                        </div>
+                      </div>
+
+                      <div id="tfr-size-rec-select"></div>
+
+                      <div id="tfr-size-rec-subtitle">How it fits</div>
+
+                      <div id="tfr-size-rec-table"></div>
+
+                      <div id="tfr-size-rec-action">
+                        <div id="tfr-size-rec-action-login">Login to see your recommended size</div>
+                        <div id="tfr-size-rec-action-logout">Sign out of the Fitting Room</div>
+                      </div>
+                    </div>
+                  </div>`;
+        sizeRecMainDiv.innerHTML = body;
+    }
+}
+
+class TfrSizeRec {
+    constructor(sizeRecMainDivId, tfrShop, onSignInClick, onSignOutClick) {
+        this.tfrShop = tfrShop;
+        this.onSignInClick = onSignInClick;
+        this.onSignOutClick = onSignOutClick;
+        this.sizeRecComponent = new SizeRecComponent(sizeRecMainDivId, this.tfrShop, this.onSignInClick, this.onSignOutClick);
+    }
+    get sku() {
+        return this.sizeRecComponent.sku;
+    }
+    setSku(sku) {
+        this.sizeRecComponent.setSku(sku);
+    }
+    setIsLoggedIn(isLoggedIn) {
+        this.sizeRecComponent.setIsLoggedIn(isLoggedIn);
+    }
+    async setGarmentLocations() {
+        this.sizeRecComponent.setLoading(true);
+        const locations = await this.getGarmentLocations();
+        if (!locations)
+            return;
+        this.sizeRecComponent.setGarmentLocations(locations);
+        this.sizeRecComponent.setLoading(false);
+    }
+    async setRecommendedSize() {
+        this.sizeRecComponent.setLoading(true);
+        const sizes = await this.getRecommenedSize();
+        if (!sizes)
+            return;
+        this.sizeRecComponent.setRecommendedSize(sizes);
+        this.sizeRecComponent.setLoading(false);
+    }
+    async getGarmentLocations() {
+        try {
+            const locations = await this.tfrShop.getMeasurementLocationsFromSku(this.sku);
+            return locations;
+        }
+        catch (error) {
+            this.sizeRecComponent.setError(error.message);
+            return null;
+        }
+    }
+    async getRecommenedSize() {
+        try {
+            const colorwaySizeAsset = await this.tfrShop.getColorwaySizeAssetFromSku(this.sku);
+            const sizes = await this.getRecommendedSizes(String(colorwaySizeAsset.style_id));
+            return sizes;
+        }
+        catch (error) {
+            this.sizeRecComponent.setError(error.message);
+            return null;
+        }
+    }
+    async getRecommendedSizes(styleId) {
+        const sizeRec = await this.tfrShop.getRecommendedSizes(styleId);
+        if (!sizeRec)
+            return null;
+        return {
+            recommended: sizeRec.recommended_size.size_value.size,
+            sizes: sizeRec.fits.map((fit) => {
+                return {
+                    size: sizeRec.available_sizes.find((size) => size.id === fit.size_id).size_value.size,
+                    locations: fit.measurement_location_fits.map((locationFit) => {
+                        return {
+                            fit: index.FitNames[locationFit.fit],
+                            location: index.MeasurementLocationName[locationFit.measurement_location],
+                        };
+                    }),
+                };
+            }),
+        };
+    }
+}
+
 var AvatarState;
 (function (AvatarState) {
     AvatarState["NOT_CREATED"] = "NOT_CREATED";
@@ -36203,45 +36660,65 @@ var AvatarState;
 })(AvatarState || (AvatarState = {}));
 
 class FittingRoom {
-    constructor(shopId, modalDivId, hooks = {}, tryOnEnabled = false, _env) {
+    constructor(shopId, modalDivId, sizeRecMainDivId, hooks = {}, _env) {
         this.shopId = shopId;
         this.hooks = hooks;
-        this.tryOnEnabled = tryOnEnabled;
+        this.isLoggedIn = false;
+        this.unsub = null;
         // prettier-ignore
         const env = _env
             ? _env
             : typeof process !== 'undefined'
                 ? process.env.NODE_ENV
                 : 'dev';
-        this.nav = new FittingRoomNav(modalDivId, this.signIn.bind(this), this.forgotPassword.bind(this), this.submitTel.bind(this));
+        this.tfrModal = new TfrModal(modalDivId, this.signIn.bind(this), this.forgotPassword.bind(this), this.submitTel.bind(this));
         this.tfrShop = initShop(Number(this.shopId), env);
-    }
-    get sku() {
-        return this.nav.sku;
+        this.tfrSizeRec = new TfrSizeRec(sizeRecMainDivId, this.tfrShop, this.onSignInClick.bind(this), this.signOut.bind(this));
     }
     get shop() {
         return this.tfrShop;
     }
-    async onInit() {
-        const loggedIn = await this.tfrShop.onInit();
-        if (loggedIn && this.hooks.onLogin)
-            this.hooks.onLogin();
-        if (!loggedIn && this.hooks.onLogout)
-            this.hooks.onLogout();
-        return loggedIn;
+    get sku() {
+        return this.tfrSizeRec.sku;
     }
     setSku(sku) {
-        this.nav.setSku(sku);
+        this.tfrSizeRec.setSku(sku);
+        if (this.isLoggedIn)
+            this.tfrSizeRec.setRecommendedSize();
+        else
+            this.tfrSizeRec.setGarmentLocations();
+    }
+    async onInit() {
+        var _a, _b;
+        this.isLoggedIn = await this.tfrShop.onInit();
+        this.tfrSizeRec.setIsLoggedIn(this.isLoggedIn);
+        if (this.isLoggedIn) {
+            if ((_a = this.hooks) === null || _a === void 0 ? void 0 : _a.onLogin)
+                this.hooks.onLogin();
+            this.subscribeToProfileChanges();
+        }
+        else {
+            if ((_b = this.hooks) === null || _b === void 0 ? void 0 : _b.onLogout)
+                this.hooks.onLogout();
+            this.unsubscribeFromProfileChanges();
+        }
+        return this.isLoggedIn;
     }
     close() {
-        this.nav.close();
+        this.tfrModal.close();
     }
     async signOut() {
+        var _a;
         await this.tfrShop.user.logout();
-        if (this.hooks.onLogout)
+        if ((_a = this.hooks) === null || _a === void 0 ? void 0 : _a.onLogout)
             this.hooks.onLogout();
+        this.isLoggedIn = false;
+        this.tfrSizeRec.setIsLoggedIn(false);
+        this.tfrSizeRec.setGarmentLocations();
+        this.unsubscribeFromProfileChanges();
     }
     async signIn(username, password, validationError) {
+        var _a;
         if (username.length == 0 || password.length == 0)
             return validationError(L.UsernameOrPasswordEmpty);
         if (!validateEmail(username))
@@ -36250,36 +36727,17 @@ class FittingRoom {
             return validationError(L.PasswordError);
         try {
             await this.tfrShop.user.login(username, password);
+            if ((_a = this.hooks) === null || _a === void 0 ? void 0 : _a.onLogin)
+                this.hooks.onLogin();
+            this.tfrModal.close();
+            this.isLoggedIn = true;
+            this.tfrSizeRec.setIsLoggedIn(true);
+            this.tfrSizeRec.setRecommendedSize();
+            this.subscribeToProfileChanges();
         }
         catch (e) {
             return validationError(L.UsernameOrPasswordIncorrect);
         }
-        if (this.hooks.onLogin)
-            this.hooks.onLogin();
-        this.nav.close();
-        try {
-            const userProfile = await this.tfrShop.user.getUserProfile();
-            switch (userProfile.avatar_status) {
-                case AvatarState.NOT_CREATED:
-                    this.nav.onNotCreated();
-                    break;
-                case AvatarState.PENDING:
-                    if (this.hooks.onLoading)
-                        this.hooks.onLoading();
-                    break;
-                case AvatarState.CREATED:
-                    console.debug('avatar_state: created');
-                    if (this.tryOnEnabled)
-                        this.tryOn();
-                    break;
-                default:
-                    this.nav.onError(L.SomethingWentWrong);
-                    break;
-            }
-        }
-        catch (_a) {
-            this.nav.onError(L.SomethingWentWrong);
-        }
     }
     setBrandUserId(brandUserId) {
         this.tfrShop.user.setBrandUserId(brandUserId);
@@ -36287,68 +36745,67 @@ class FittingRoom {
     async submitTel(tel) {
         try {
             await this.tfrShop.submitTelephoneNumber(tel);
-            this.nav.toSignIn();
+            this.tfrModal.toSignIn();
         }
         catch (_a) {
-            this.nav.onError(L.SomethingWentWrong);
+            this.tfrModal.onError(L.SomethingWentWrong);
         }
     }
     async forgotPassword(email) {
         await this.tfrShop.user.sendPasswordResetEmail(email);
-        this.nav.toSignIn();
+        this.tfrModal.toSignIn();
     }
     async passwordReset(code, newPassword) {
         await this.tfrShop.user.confirmPasswordReset(code, newPassword);
-        this.nav.toPasswordReset();
+        this.tfrModal.toPasswordReset();
     }
-    async getRecommendedSizeString(styleId) {
-        const res = await this.tfrShop.getRecommendedSizesLabels(styleId);
-        const { recommendedSizeLabel, availableSizeLabels } = res;
-        return { recommendedSizeLabel, availableSizeLabels };
+    async getMeasurementLocationsFromSku(sku) {
+        return this.tfrShop.getMeasurementLocationsFromSku(sku);
     }
     onSignInClick() {
-        this.nav.toScan();
+        this.tfrModal.toScan();
     }
-    async tryOn() {
-        if (!this.shop.isLoggedIn)
-            return this.nav.toScan();
-        if (!this.tryOnEnabled)
-            return;
-        try {
-            if (this.hooks.onLoading)
-                this.hooks.onLoading();
-            const frames = await this.tfrShop.tryOn(this.sku);
-            this.nav.close();
-            if (this.hooks.onVtoReady)
-                this.hooks.onVtoReady(frames);
-        }
-        catch (error) {
-            if (error instanceof errors.BrandUserIdNotSetError)
-                return this.nav.onError(L.BrandUserIdNotSet);
-            if (error instanceof errors.AvatarNotCreatedError)
-                return this.nav.onError(L.DontHaveAvatar);
-            if (error instanceof errors.RecommendedAvailableSizesError)
-                return this.nav.onSizeError(error.recommended_size, error.available_sizes);
-            if (error instanceof errors.UserNotLoggedInError) {
-                if (this.hooks.onLoadingComplete)
+    onUserProfileChange(userProfile) {
+        var _a, _b, _c, _d;
+        switch (userProfile.avatar_status) {
+            case AvatarState.NOT_CREATED:
+                if ((_a = this.hooks) === null || _a === void 0 ? void 0 : _a.onError)
+                    this.hooks.onError(L.DontHaveAvatar);
+                this.tfrModal.onNotCreated();
+                break;
+            case AvatarState.PENDING:
+                if ((_b = this.hooks) === null || _b === void 0 ? void 0 : _b.onLoading)
+                    this.hooks.onLoading();
+                break;
+            case AvatarState.CREATED:
+                if ((_c = this.hooks) === null || _c === void 0 ? void 0 : _c.onLoadingComplete)
                     this.hooks.onLoadingComplete();
-                return this.nav.toScan();
-            }
-            console.error(error.message);
-            this.nav.onError(L.SomethingWentWrong);
-        }
-        finally {
-            if (this.hooks.onLoadingComplete)
-                this.hooks.onLoadingComplete();
+                break;
+            default:
+                if ((_d = this.hooks) === null || _d === void 0 ? void 0 : _d.onError)
+                    this.hooks.onError(L.SomethingWentWrong);
+                this.tfrModal.onError(L.SomethingWentWrong);
+                break;
         }
     }
+    subscribeToProfileChanges() {
+        if (this.unsub)
+            return;
+        this.unsub = this.tfrShop.user.watchUserProfileForChanges((userProfile) => this.onUserProfileChange(userProfile));
+    }
+    unsubscribeFromProfileChanges() {
+        if (!this.unsub)
+            return;
+        this.unsub();
+        this.unsub = null;
+    }
 }
 
-const initFittingRoom = async (shopId, modalDivId, hooks, tryOnEnabled = false, env = 'dev') => {
-    const tfr = new FittingRoom(shopId, modalDivId, hooks, tryOnEnabled, env);
+const initFittingRoom = async (shopId, modalDivId, sizeRecMainDivId, hooks, env = 'dev') => {
+    const tfr = new FittingRoom(shopId, modalDivId, sizeRecMainDivId, hooks, env);
     await tfr.onInit();
     return tfr;
 };
 
-export { InitImageSlider, VTO_TIMEOUT_MS, initFittingRoom };
+export { InitImageSlider, initFittingRoom };
 //# sourceMappingURL=index.js.map