@thefittingroom/shop-ui 0.1.13 → 1.0.0

package/dist/esm/index.js

@@ -1,11 +1,56 @@
 /*!
-* thefittingroom v0.1.13 (2024-01-10T20:35:01.451Z)
+* thefittingroom v1.0.0 (2024-02-16T17:02:27.996Z)
 * 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.0.3 (2024-02-16T14:55:02.187Z)
 * 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;
@@ -22895,6 +22895,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 +22911,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 +23324,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 +23338,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 +23355,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 +23394,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 +23418,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.',
@@ -36203,10 +36433,9 @@ var AvatarState;
 })(AvatarState || (AvatarState = {}));
 
 class FittingRoom {
-    constructor(shopId, modalDivId, hooks = {}, tryOnEnabled = false, _env) {
+    constructor(shopId, modalDivId, hooks = {}, _env) {
         this.shopId = shopId;
         this.hooks = hooks;
-        this.tryOnEnabled = tryOnEnabled;
         // prettier-ignore
         const env = _env
             ? _env
@@ -36269,8 +36498,6 @@ class FittingRoom {
                     break;
                 case AvatarState.CREATED:
                     console.debug('avatar_state: created');
-                    if (this.tryOnEnabled)
-                        this.tryOn();
                     break;
                 default:
                     this.nav.onError(L.SomethingWentWrong);
@@ -36301,54 +36528,38 @@ class FittingRoom {
         await this.tfrShop.user.confirmPasswordReset(code, newPassword);
         this.nav.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();
     }
-    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)
-                    this.hooks.onLoadingComplete();
-                return this.nav.toScan();
-            }
-            console.error(error.message);
-            this.nav.onError(L.SomethingWentWrong);
-        }
-        finally {
-            if (this.hooks.onLoadingComplete)
-                this.hooks.onLoadingComplete();
-        }
+    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],
+                        };
+                    }),
+                };
+            }),
+        };
     }
 }
 
-const initFittingRoom = async (shopId, modalDivId, hooks, tryOnEnabled = false, env = 'dev') => {
-    const tfr = new FittingRoom(shopId, modalDivId, hooks, tryOnEnabled, env);
+const initFittingRoom = async (shopId, modalDivId, hooks, env = 'dev') => {
+    const tfr = new FittingRoom(shopId, modalDivId, hooks, env);
     await tfr.onInit();
     return tfr;
 };
 
-export { InitImageSlider, VTO_TIMEOUT_MS, initFittingRoom };
+export { InitImageSlider, initFittingRoom };
 //# sourceMappingURL=index.js.map