@thefittingroom/shop-ui 0.0.13 → 0.0.15

package/dist/esm/components/index.d.ts

@@ -10,5 +10,5 @@ import ScanCodeModal from './Modals/ScanCodeModal';
 import SignInModal from './Modals/SignInModal';
 import SizeErrorModal from './Modals/SizeErrorModal';
 import TryOnModal from './Modals/TryOnModal';
-import InitImageSlider from './slider';
-export { SignInModal, ForgotPasswordModal, ScanCodeModal, ErrorModal, LoadingAvatarModal, InitModalManager, ModalManager, NoAvatarModal, LoggedOutModal, SizeErrorModal, ResetLinkModal, InitImageSlider, TryOnModal, };
+import { InitImageSlider } from './slider';
+export { ErrorModal, ForgotPasswordModal, InitImageSlider, InitModalManager, LoadingAvatarModal, LoggedOutModal, ModalManager, NoAvatarModal, ResetLinkModal, ScanCodeModal, SignInModal, SizeErrorModal, TryOnModal, };

package/dist/esm/components/slider.d.ts

@@ -1,4 +1,3 @@
-declare const InitImageSlider: (sliderID: string, onChange: (slider: HTMLInputElement, imageUrl: string) => void) => {
+export declare const InitImageSlider: (sliderID: string, onChange: (slider: HTMLInputElement, imageUrl: string) => void) => {
     Load(imageURLs: string[]): Error | (() => void);
 };
-export default InitImageSlider;

package/dist/esm/index.d.ts

@@ -1,3 +1,4 @@
 export { VTO_TIMEOUT_MS } from '@thefittingroom/sdk';
+export { InitImageSlider } from './components/slider';
 export { initFittingRoom } from './init';
 export type { FittingRoom } from './tfr';

package/dist/esm/index.js

@@ -1,9 +1,9 @@
 /*!
-* thefittingroom v0.0.13 (2023-07-31T17:36:04.376Z)
+* thefittingroom v0.0.15 (2023-07-31T23:30:09.543Z)
 * Copyright 2022-present, TheFittingRoom, Inc. All rights reserved.
 */
 /*!
-* thefittingroom v0.0.9 (2023-07-26T23:07:17.052Z)
+* thefittingroom v0.0.10 (2023-07-31T23:26:47.153Z)
 * Copyright 2022-present, TheFittingRoom, Inc. All rights reserved.
 */
 /**
@@ -22828,8 +22828,8 @@ class FirebaseUser {
         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))
+            unsub = jl(q, async (snapshot) => {
+                if (!(await predicate(snapshot)))
                     return;
                 clearTimeout(cancel);
                 unsub();
@@ -22945,7 +22945,7 @@ class Fetcher {
     }
 }
 
-const TestImage = (url) => {
+const testImage = (url) => {
     const img = new Image();
     img.src = url;
     return new Promise((resolve) => {
@@ -23045,7 +23045,13 @@ class TfrShop {
         var _a, _b, _c, _d;
         if (!this.isLoggedIn)
             throw new UserNotLoggedInError();
-        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 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();
@@ -23114,7 +23120,7 @@ class TfrShop {
         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]);
+        const testedImage = await testImage(frames[0]);
         if (!testedImage)
             throw new NoFramesFoundError();
         return frames;
@@ -23138,6 +23144,50 @@ var 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 L = {
     AssociatedEmail: 'If there is an account associated with that email, We have sent a link to reset your password.',
     BackToSignIn: 'Back to sign in',
@@ -36021,50 +36071,6 @@ const SizeErrorModal = (props) => {
     };
 };
 
-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);
-            };
-        },
-    };
-};
-
 const TryOnModal = (props) => {
     let close = () => void 0;
     const onNavBack = () => {
@@ -36302,6 +36308,8 @@ class FittingRoom {
         return `${trySizes}. ${L.WeRecommendSize} ${recommendedSizeLabel}.`;
     }
     async tryOn() {
+        if (!this.shop.isLoggedIn)
+            return this.nav.toScan();
         try {
             if (this.hooks.onLoading)
                 this.hooks.onLoading();
@@ -36315,8 +36323,11 @@ class FittingRoom {
                 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 (error instanceof errors.UserNotLoggedInError) {
+                if (this.hooks.onLoadingComplete)
+                    this.hooks.onLoadingComplete();
                 return this.nav.toScan();
+            }
             console.error(error.message);
             this.nav.onError(L.SomethingWentWrong);
         }
@@ -36333,5 +36344,5 @@ const initFittingRoom = async (shopId, modalDivId, hooks, env = 'dev') => {
     return tfr;
 };
 
-export { VTO_TIMEOUT_MS, initFittingRoom };
+export { InitImageSlider, VTO_TIMEOUT_MS, initFittingRoom };
 //# sourceMappingURL=index.js.map