@thefittingroom/sdk 1.5.2 → 2.0.0-alpha-0

package/dist/esm/api/shop.d.ts

@@ -20,8 +20,14 @@ export declare class TfrShop {
     getStyle(styleId: number): Promise<types.FirestoreStyleCategory>;
     getMeasurementLocationName(location: string): string;
     getMeasurementLocationSortOrder(location: string): number;
+    tryOn(styleId: number, sizeId: number): Promise<types.TryOnFrames>;
+    private getColorwaySizeAssetSkuFromStyleIdAndSizeId;
     private getGetTaxonomy;
     private getMeasurementLocations;
     private fetchMeasurementLocations;
+    private requestThenGetColorwaySizeAssetFrames;
+    private awaitColorwaySizeAssetFrames;
+    private requestColorwaySizeAssetFrames;
+    private getColorwaySizeAssetFrames;
 }
 export declare const initShop: (brandId: number, env?: string) => TfrShop;

package/dist/esm/firebase/firebase-user.d.ts

@@ -1,6 +1,6 @@
 import * as firebase from 'firebase/app';
 import * as firebaseAuth from 'firebase/auth';
-import { Firestore } from 'firebase/firestore';
+import { DocumentData, Firestore, QuerySnapshot } from 'firebase/firestore';
 import { FirestoreUser } from '../types';
 export type BrandUserId = string | number;
 export declare class FirebaseUser {
@@ -15,8 +15,10 @@ export declare class FirebaseUser {
     logUserLogin(brandId: number, user: firebaseAuth.User): Promise<void>;
     setBrandUserId(brandUserId: BrandUserId): void;
     getToken(): Promise<string>;
-    getUserProfile(): Promise<import("@firebase/firestore").DocumentData>;
+    get userId(): string;
+    getUserProfile(): Promise<DocumentData>;
     watchUserProfileForChanges(callback: (data: FirestoreUser) => void): () => void;
+    watchUserProfileForFrames(predicate: (data: QuerySnapshot<DocumentData>) => Promise<boolean>): Promise<DocumentData>;
     login(username: string, password: string): Promise<void>;
     logout(): Promise<void>;
     sendPasswordResetEmail(email: string): Promise<void>;

package/dist/esm/helpers/errors.d.ts

@@ -10,4 +10,23 @@ export declare class UserNotLoggedInError extends Error {
 export declare class NoColorwaySizeAssetsFoundError extends Error {
     constructor();
 }
+export declare class BrandUserIdNotSetError extends Error {
+    constructor();
+}
+export declare class NoFramesFoundError extends Error {
+    constructor();
+}
+export declare class RecommendedAvailableSizesError extends Error {
+    recommended_size: string;
+    available_sizes: string[];
+    constructor(recommended_size: string, available_sizes: string[]);
+}
+export interface ErrorOutsideRecommendedSizes {
+    error: string;
+    recommended_size_id: number;
+    available_size_ids: number[];
+}
+export declare class NoStylesFoundError extends Error {
+    constructor();
+}
 export declare const AvatarNotCreated = "avatar not created";

package/dist/esm/index.js

@@ -1,5 +1,5 @@
 /*!
-* thefittingroom v1.5.2 (2024-09-03T15:43:56.403Z)
+* thefittingroom v2.0.0-alpha-0 (2025-01-17T19:54:05.370Z)
 * Copyright 2022-present, TheFittingRoom, Inc. All rights reserved.
 */
 // Code generated by tygo. DO NOT EDIT.
@@ -25657,6 +25657,32 @@ class NoColorwaySizeAssetsFoundError extends Error {
         this.name = 'NoColorwaySizeAssetsFoundError';
     }
 }
+class BrandUserIdNotSetError extends Error {
+    constructor() {
+        super('brand user id not set');
+        this.name = 'BrandUserIdNotSetError';
+    }
+}
+class NoFramesFoundError extends Error {
+    constructor() {
+        super('no frames found');
+        this.name = 'NoFramesFoundError';
+    }
+}
+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 NoStylesFoundError extends Error {
+    constructor() {
+        super('no styles found');
+        this.name = 'NoStylesFoundError';
+    }
+}
 // Backend responses
 const AvatarNotCreated = 'avatar not created';
 
@@ -25665,6 +25691,10 @@ var errors = /*#__PURE__*/Object.freeze({
     AvatarNotCreatedError: AvatarNotCreatedError,
     UserNotLoggedInError: UserNotLoggedInError,
     NoColorwaySizeAssetsFoundError: NoColorwaySizeAssetsFoundError,
+    BrandUserIdNotSetError: BrandUserIdNotSetError,
+    NoFramesFoundError: NoFramesFoundError,
+    RecommendedAvailableSizesError: RecommendedAvailableSizesError,
+    NoStylesFoundError: NoStylesFoundError,
     AvatarNotCreated: AvatarNotCreated
 });
 
@@ -25682,12 +25712,15 @@ class FirebaseUser {
     async onInit(brandId) {
         this.auth.onAuthStateChanged((user) => {
             this.setUser(user);
-            if (user)
-                this.logUserLogin(brandId, user);
+            if (!user)
+                return;
+            this.logUserLogin(brandId, user);
+            this.setBrandUserId(user.uid);
         });
         await this.auth.authStateReady();
         const user = this.auth.currentUser;
         this.setUser(user);
+        this.setBrandUserId(user.uid);
         return Boolean(user);
     }
     setUser(user) {
@@ -25733,6 +25766,12 @@ class FirebaseUser {
         const token = await this.user.getIdToken();
         return token;
     }
+    get userId() {
+        var _a;
+        if (!((_a = this.user) === null || _a === void 0 ? void 0 : _a.uid))
+            throw new UserNotLoggedInError();
+        return this.user.uid;
+    }
     async getUserProfile() {
         var _a;
         if (!((_a = this.user) === null || _a === void 0 ? void 0 : _a.uid))
@@ -25746,6 +25785,18 @@ class FirebaseUser {
         unsub = jl(q, (snapshot) => callback(snapshot.docs[0].data()));
         return () => unsub();
     }
+    watchUserProfileForFrames(predicate) {
+        let unsub;
+        const q = sl(Ta(this.firestore, 'users'), rl(Eh(), '==', this.id));
+        return new Promise((resolve) => {
+            unsub = jl(q, async (snapshot) => {
+                if (!(await predicate(snapshot)))
+                    return;
+                unsub();
+                resolve(snapshot.docs[0].data());
+            });
+        });
+    }
     async login(username, password) {
         if (this.auth.currentUser)
             await this.auth.signOut();
@@ -25809,6 +25860,8 @@ const getFirebaseError = (e) => {
     }
 };
 
+const asyncTry = (promise) => promise.then((data) => [null, data]).catch((error) => [error]);
+
 class Fetcher {
     static get endpoint() {
         const api = Config.getInstance().api;
@@ -25857,6 +25910,15 @@ 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;
@@ -25908,6 +25970,7 @@ class TfrShop {
         return Array.from(assets.values())[0];
     }
     async getMeasurementLocationsFromSku(sku, filledLocations = []) {
+        console.log({ sku });
         const asset = await this.getColorwaySizeAssetFromSku(sku);
         if (!asset)
             throw new Error('No colorway size asset found for sku');
@@ -25997,6 +26060,33 @@ class TfrShop {
     getMeasurementLocationSortOrder(location) {
         return this.measurementLocations.has(location) ? this.measurementLocations.get(location).sort_order : Infinity;
     }
+    async tryOn(styleId, sizeId) {
+        if (!this.isLoggedIn)
+            throw new UserNotLoggedInError();
+        const colorwaySizeAssetSku = await this.getColorwaySizeAssetSkuFromStyleIdAndSizeId(styleId, sizeId);
+        try {
+            const frames = await this.getColorwaySizeAssetFrames(colorwaySizeAssetSku);
+            return frames;
+        }
+        catch (error) {
+            if (!(error instanceof NoFramesFoundError))
+                throw error;
+            return this.requestThenGetColorwaySizeAssetFrames(colorwaySizeAssetSku);
+        }
+    }
+    async getColorwaySizeAssetSkuFromStyleIdAndSizeId(styleId, sizeId) {
+        var _a, _b, _c;
+        try {
+            const constraints = [rl('brand_id', '==', this.brandId)];
+            constraints.push(rl('style_id', '==', styleId));
+            constraints.push(rl('size_id', '==', sizeId));
+            const querySnapshot = await this.firebase.getDocs('colorway_size_assets', constraints);
+            return (_c = (_b = (_a = querySnapshot.docs) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.data()) === null || _c === void 0 ? void 0 : _c.sku;
+        }
+        catch (error) {
+            return getFirebaseError(error);
+        }
+    }
     async getGetTaxonomy(styleId) {
         try {
             const doc = await this.firebase.getDoc('style_garment_categories', String(styleId));
@@ -26021,6 +26111,56 @@ class TfrShop {
             return getFirebaseError(error);
         }
     }
+    async requestThenGetColorwaySizeAssetFrames(colorwaySizeAssetSku) {
+        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();
+            throw new NoStylesFoundError();
+        }
+    }
+    async awaitColorwaySizeAssetFrames(colorwaySizeAssetSKU) {
+        var _a, _b, _c, _d;
+        if (!this.isLoggedIn)
+            throw new UserNotLoggedInError();
+        const callback = 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.watchUserProfileForFrames(callback));
+        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 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 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;
+    }
 }
 const initShop = (brandId, env = 'dev') => {
     if (env === 'dev' || env === 'development')