@thefittingroom/shop-ui 3.0.0-alpha-6 → 3.0.0-alpha-7

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

@@ -11,6 +11,7 @@ declare var L: {
     EnterPhoneNumber: string;
     FailedToLoadLocale: string;
     ForgotPasswordWithSymbol: string;
+    GetVirtualTryOnFramesErrorText: string;
     HaveAcc: string;
     Loading: string;
     LoadingAvatar: string;

package/dist/esm/index.js

@@ -1,5 +1,5 @@
 /*!
-* thefittingroom v3.0.0-alpha-6 (2025-04-18T16:48:31.249Z)
+* thefittingroom v3.0.0-alpha-7 (2025-04-18T19:07:37.264Z)
 * Copyright 2022-present, TheFittingRoom, Inc. All rights reserved.
 */
 function loadImageRecursive(imageURL, imageURLs) {
@@ -26651,6 +26651,7 @@ var L = {
     EnterPhoneNumber: 'Enter your number for download link',
     FailedToLoadLocale: 'Something went wrong when fetching another language.',
     ForgotPasswordWithSymbol: 'Forgot password?',
+    GetVirtualTryOnFramesErrorText: 'The try-on request timed out. Please try again!',
     HaveAcc: 'Have an account? Sign in',
     Loading: 'Loading...',
     LoadingAvatar: 'Your avatar is loading...',
@@ -28118,14 +28119,26 @@ class FittingRoom {
     async onTryOnClick(styleId, sizeId, shouldDisplay = true) {
         if (!this.vtoComponent)
             return console.error('VtoComponent is not initialized');
-        const frames = await this.shop.tryOn(styleId, sizeId);
-        if (shouldDisplay) {
-            try {
-                this.vtoComponent.init();
-                this.vtoComponent.onNewFramesReady(frames);
+        try {
+            const frames = await this.shop.tryOn(styleId, sizeId);
+            if (shouldDisplay) {
+                try {
+                    this.vtoComponent.init();
+                    this.vtoComponent.onNewFramesReady(frames);
+                }
+                catch (e) {
+                    console.error('Error initializing VTO:', e);
+                    this.tfrModal.onError(L.SomethingWentWrong);
+                }
             }
-            catch (e) {
-                console.error(e);
+        }
+        catch (error) {
+            console.error('Error during try-on:', error);
+            if (error instanceof Error && error.name === 'TimeoutError') {
+                this.tfrModal.onError(L.GetVirtualTryOnFramesErrorText);
+            }
+            else {
+                this.tfrModal.onError(L.SomethingWentWrong);
             }
         }
     }