@thefittingroom/sdk 0.0.6 → 0.0.8

package/README.md

@@ -47,7 +47,6 @@ const brandId = 9001
 // The environment: 'development', 'dev', 'production', 'prod'
 const env = 'dev'
 const shop = initShop(brandId, env)
-await shop.onInit()
 ```
 
 ### Shop API
@@ -55,6 +54,9 @@ await shop.onInit()
 #### Auth
 
 ```typescript
+// Hook used to check authentication, return isLoggedIn Promise<boolean>
+await shop.onInit()
+
 // Login user with session
 shop.user.login(username, password)
 

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

@@ -10,7 +10,7 @@ export declare class TfrShop {
     get user(): import("..").FirebaseUser;
     get isLoggedIn(): boolean;
     onInit(): Promise<boolean>;
-    tryOn(colorwaySizeAssetSku: string): Promise<any>;
+    tryOn(colorwaySizeAssetSku: string): Promise<types.TryOnFrames>;
     awaitAvatarCreated(): Promise<boolean>;
     getRecommendedSizes(brandStyleId: string): Promise<SizeRecommendation>;
     getStyles(ids: number[], skus: string[]): Promise<Map<number, types.FirestoreStyle>>;

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';
 export declare class FirebaseUser {
     private readonly firestore;
     private user;
@@ -10,7 +10,8 @@ export declare class FirebaseUser {
     onInit(): Promise<boolean>;
     setUser(user: firebaseAuth.User): void;
     getToken(): Promise<string>;
-    getUserProfile(): Promise<import("@firebase/firestore").DocumentData>;
+    getUserProfile(): Promise<DocumentData>;
+    watchUserProfileForChanges(predicate: (data: QuerySnapshot<DocumentData>) => boolean, timeout: number): Promise<DocumentData>;
     login(username: string, password: string): Promise<void>;
     logout(): Promise<void>;
     sendPasswordResetEmail(email: string): Promise<void>;

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

@@ -5,7 +5,7 @@ export declare class Firebase {
     readonly firestore: Firestore;
     constructor();
     onInit(): Promise<boolean>;
-    query(collectionName: string, constraint: QueryFieldFilterConstraint): {
+    query(collectionName: string, constraint: QueryFieldFilterConstraint, unsubscribeWhenData?: boolean): {
         promise: Promise<QuerySnapshot<DocumentData>>;
         unsubscribe: () => void;
     };

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

@@ -6,6 +6,9 @@ export interface ErrorOutsideRecommendedSizes {
     recommended_size_id: number;
     available_size_ids: number[];
 }
+export declare class AvatarNotCreatedError extends Error {
+    constructor();
+}
 export declare class NoFramesFoundError extends Error {
     constructor();
 }
@@ -26,3 +29,4 @@ export declare class RecommendedAvailableSizesError extends Error {
     available_sizes: string[];
     constructor(recommended_size: string, available_sizes: string[]);
 }
+export declare const AvatarNotCreated = "avatar not created";

package/dist/esm/index.js

@@ -1,5 +1,5 @@
 /*!
-* thefittingroom v0.0.6 (2023-07-18T23:18:09.529Z)
+* thefittingroom v0.0.8 (2023-07-19T17:34:22.852Z)
 * Copyright 2022-present, TheFittingRoom, Inc. All rights reserved.
 */
 /**
@@ -22724,6 +22724,12 @@ function getAuth(app = getApp()) {
 }
 registerAuth("Browser" /* ClientPlatform.BROWSER */);
 
+class AvatarNotCreatedError extends Error {
+    constructor() {
+        super('Avatar not created');
+        this.name = 'AvatarNotCreatedError';
+    }
+}
 class NoFramesFoundError extends Error {
     constructor() {
         super('no frames found');
@@ -22762,15 +22768,19 @@ class RecommendedAvailableSizesError extends Error {
         this.available_sizes = available_sizes;
     }
 }
+// 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
+    RecommendedAvailableSizesError: RecommendedAvailableSizesError,
+    AvatarNotCreated: AvatarNotCreated
 });
 
 class FirebaseUser {
@@ -22809,6 +22819,20 @@ class FirebaseUser {
         const userProfile = await Ol(Aa(this.firestore, 'users', this.id));
         return userProfile.data();
     }
+    watchUserProfileForChanges(predicate, timeout) {
+        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, (snapshot) => {
+                if (!predicate(snapshot))
+                    return;
+                clearTimeout(cancel);
+                unsub();
+                resolve(snapshot.docs[0].data());
+            });
+        });
+    }
     async login(username, password) {
         if (this.auth.currentUser)
             await this.auth.signOut();
@@ -22829,9 +22853,15 @@ class FirebaseUser {
 
 class Firebase {
     constructor() {
-        this.promisefyOnSnapshot = (q) => {
+        this.promisefyOnSnapshot = (q, unsubscribeWhenData) => {
             let unsub;
-            const promise = new Promise((resolve) => (unsub = jl(q, (snapshot) => resolve(snapshot))));
+            const promise = new Promise((resolve) => {
+                unsub = jl(q, (snapshot) => {
+                    resolve(snapshot);
+                    if (unsubscribeWhenData)
+                        unsub();
+                });
+            });
             return { promise, unsubscribe: () => unsub() };
         };
         const firebaseKeys = Config.getInstance().firebase;
@@ -22842,9 +22872,9 @@ class Firebase {
     onInit() {
         return this.user.onInit();
     }
-    query(collectionName, constraint) {
+    query(collectionName, constraint, unsubscribeWhenData = true) {
         const q = sl(Ta(this.firestore, collectionName), constraint);
-        return this.promisefyOnSnapshot(q);
+        return this.promisefyOnSnapshot(q, unsubscribeWhenData);
     }
     getDocs(collectionName, constraints) {
         const q = sl(Ta(this.firestore, collectionName), ...constraints);
@@ -22862,7 +22892,6 @@ const getFirebaseError = (e) => {
 };
 
 const asyncTry = (promise) => promise.then((data) => [null, data]).catch((error) => [error]);
-const asyncWait = (ms) => new Promise((resolve) => setTimeout(resolve, ms));
 
 class Fetcher {
     static get endpoint() {
@@ -22967,9 +22996,16 @@ class TfrShop {
     async getRecommendedSizes(brandStyleId) {
         if (!this.isLoggedIn)
             throw new UserNotLoggedInError();
-        const res = await Fetcher.Get(this.user, `/styles/${brandStyleId}/recommendation`);
-        const json = await res.json();
-        return json;
+        try {
+            const res = await Fetcher.Get(this.user, `/styles/${brandStyleId}/recommendation`);
+            const json = await res.json();
+            return json;
+        }
+        catch (error) {
+            if ((error === null || error === void 0 ? void 0 : error.error) === AvatarNotCreated)
+                throw new AvatarNotCreatedError();
+            throw error;
+        }
     }
     async getStyles(ids, skus) {
         const constraints = [rl('brand_id', '==', this.brandId)];
@@ -22996,17 +23032,14 @@ class TfrShop {
         console.log(res);
     }
     async awaitColorwaySizeAssetFrames(colorwaySizeAssetSKU) {
+        var _a, _b, _c, _d;
         if (!this.isLoggedIn)
             throw new UserNotLoggedInError();
-        console.log('polling');
-        try {
-            const frames = await this.getColorwaySizeAssetFrames(colorwaySizeAssetSKU);
-            return frames;
-        }
-        catch (_a) {
-            await asyncWait(1500);
-            return this.awaitColorwaySizeAssetFrames(colorwaySizeAssetSKU);
-        }
+        const predicate = (data) => { var _a, _b, _c; return Boolean((_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]); };
+        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;
@@ -23018,6 +23051,8 @@ class TfrShop {
             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;