@thefittingroom/shop-ui 0.0.3 → 0.0.5

package/.env.dev

@@ -1,3 +1,2 @@
-NODE_ENV=dev
 LANGUAGE_URL=https://assets.dev.thefittingroom.xyz/shop-sdk/${GITHUB_SHA_7}/languages
 ASSETS_URL=https://assets.dev.thefittingroom.xyz/shop-sdk/assets

package/.env.prod

@@ -1,3 +1,2 @@
-NODE_ENV=prod
 LANGUAGE_URL=https://assets.p.thefittingroom.xyz/shop-sdk/${GITHUB_REF}/languages
 ASSETS_URL=https://assets.p.thefittingroom.xyz/shop-sdk/assets

package/README.md

@@ -35,7 +35,8 @@ const hooks: TfrHooks = {
 // the div id to contain the modal elements
 const modalDivId: string = 'tfr-modal'
 
-const tfr = initFittingRoom(shopId, modalDivId, hooks)
+// initFittingRoom is an async function and must be awaited
+const tfr = await initFittingRoom(shopId, modalDivId, hooks)
 
 // on page nav to new product
 tfr.setSku(sku)

package/dist/esm/index.js

@@ -1,9 +1,9 @@
 /*!
-* thefittingroom v0.0.3 (2023-07-18T23:19:14.875Z)
+* thefittingroom v0.0.5 (2023-07-19T15:33:11.693Z)
 * Copyright 2022-present, TheFittingRoom, Inc. All rights reserved.
 */
 /*!
-* thefittingroom v0.0.6 (2023-07-18T23:18:09.529Z)
+* thefittingroom v0.0.7 (2023-07-19T15:29:31.094Z)
 * Copyright 2022-present, TheFittingRoom, Inc. All rights reserved.
 */
 /**
@@ -22813,6 +22813,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();
@@ -22833,9 +22847,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;
@@ -22846,9 +22866,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);
@@ -22866,7 +22886,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() {
@@ -23000,17 +23019,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;
@@ -36162,7 +36178,7 @@ class FittingRoom {
         this.shopId = shopId;
         this.hooks = hooks;
         this.nav = new FittingRoomNav(modalDivId, this.signIn.bind(this), this.forgotPassword.bind(this), this.submitTel.bind(this));
-        this.tfrShop = initShop(Number(this.shopId), "prod");
+        this.tfrShop = initShop(Number(this.shopId), process.env.NODE_ENV);
     }
     get sku() {
         return this.nav.sku;
@@ -36171,7 +36187,6 @@ class FittingRoom {
         return this.tfrShop;
     }
     async onInit() {
-        console.log('INIT');
         const loggedIn = await this.tfrShop.onInit();
         if (loggedIn && this.hooks.onLogin)
             this.hooks.onLogin();
@@ -36264,7 +36279,11 @@ class FittingRoom {
     }
 }
 
-const initFittingRoom = (shopId, modalDivId, hooks) => new FittingRoom(shopId, modalDivId, hooks);
+const initFittingRoom = async (shopId, modalDivId, hooks) => {
+    const tfr = new FittingRoom(shopId, modalDivId, hooks);
+    await tfr.onInit();
+    return tfr;
+};
 
 export { VTO_TIMEOUT_MS, initFittingRoom };
 //# sourceMappingURL=index.js.map