@thefittingroom/shop-ui 0.0.15 → 0.1.0

package/README.md

@@ -27,7 +27,7 @@ const hooks: TfrHooks = {
   onLoading: () => {},
   onLoadingComplete: () => {},
   onVtoReady: (frames: string[]) => {},
-  onError: () => {},
+  onError: (error: string) => {},
   onLogin: () => {},
   onLogout: () => {},
 }
@@ -39,8 +39,14 @@ const modalDivId: string = 'tfr-modal'
 const tfr = await initFittingRoom(shopId, modalDivId, hooks)
 
 // on page nav to new product
+// * Required for VTO
 tfr.setSku(sku)
 
+// on user login to brand site
+// * Required for VTO
+// e.g. uuid, email address, username, internal database Id
+tft.setBrandUserId(brandUserId)
+
 // close the modal
 tfr.close()
 ```

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

@@ -1,6 +1,7 @@
 declare var L: {
     AssociatedEmail: string;
     BackToSignIn: string;
+    BrandUserIdNotSet: string;
     CreateAvatarSc: string;
     DontHaveAcc: string;
     DontHaveAvatar: string;

package/dist/esm/index.js

@@ -1,9 +1,9 @@
 /*!
-* thefittingroom v0.0.15 (2023-07-31T23:30:09.543Z)
+* thefittingroom v0.0.16 (2023-11-20T17:29:10.547Z)
 * Copyright 2022-present, TheFittingRoom, Inc. All rights reserved.
 */
 /*!
-* thefittingroom v0.0.10 (2023-07-31T23:26:47.153Z)
+* thefittingroom v0.0.11 (2023-09-04T22:52:56.755Z)
 * Copyright 2022-present, TheFittingRoom, Inc. All rights reserved.
 */
 /**
@@ -22772,6 +22772,12 @@ class RecommendedAvailableSizesError extends Error {
         this.available_sizes = available_sizes;
     }
 }
+class BrandUserIdNotSetError extends Error {
+    constructor() {
+        super('brand user id not set');
+        this.name = 'BrandUserIdNotSetError';
+    }
+}
 // Backend responses
 const AvatarNotCreated = 'avatar not created';
 
@@ -22784,12 +22790,14 @@ var errors = /*#__PURE__*/Object.freeze({
     NoColorwaySizeAssetsFoundError: NoColorwaySizeAssetsFoundError,
     NoStylesFoundError: NoStylesFoundError,
     RecommendedAvailableSizesError: RecommendedAvailableSizesError,
+    BrandUserIdNotSetError: BrandUserIdNotSetError,
     AvatarNotCreated: AvatarNotCreated
 });
 
 class FirebaseUser {
     constructor(firestore, app) {
         this.firestore = firestore;
+        this.brandUserId = null;
         this.auth = getAuth(app);
         this.auth.setPersistence(browserLocalPersistence);
     }
@@ -22809,6 +22817,9 @@ class FirebaseUser {
     setUser(user) {
         this.user = user;
     }
+    setBrandUserId(brandUserId) {
+        this.brandUserId = brandUserId;
+    }
     async getToken() {
         var _a;
         if (!((_a = this.user) === null || _a === void 0 ? void 0 : _a.uid))
@@ -23112,7 +23123,11 @@ class TfrShop {
     async requestColorwaySizeAssetFrames(colorwaySizeAssetId) {
         if (!this.isLoggedIn)
             throw new UserNotLoggedInError();
-        await Fetcher.Post(this.user, `/colorway-size-assets/${colorwaySizeAssetId}/frames`);
+        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;
@@ -23191,6 +23206,7 @@ const InitImageSlider = (sliderID, onChange) => {
 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',
+    BrandUserIdNotSet: 'User not logged in to brand site.',
     CreateAvatarSc: 'Scan the QR code/click link to download our app and create an avatar:',
     DontHaveAcc: "Don't have an account?",
     DontHaveAvatar: "Whoops! Looks like you don't have an avatar yet.",
@@ -36205,9 +36221,10 @@ var AvatarState;
 })(AvatarState || (AvatarState = {}));
 
 class FittingRoom {
-    constructor(shopId, modalDivId, hooks = {}, _env) {
+    constructor(shopId, modalDivId, hooks = {}, tryOnEnabled = false, _env) {
         this.shopId = shopId;
         this.hooks = hooks;
+        this.tryOnEnabled = tryOnEnabled;
         // prettier-ignore
         const env = _env
             ? _env
@@ -36270,7 +36287,8 @@ class FittingRoom {
                     break;
                 case AvatarState.CREATED:
                     console.debug('avatar_state: created');
-                    this.tryOn();
+                    if (this.tryOnEnabled)
+                        this.tryOn();
                     break;
                 default:
                     this.nav.onError(L.SomethingWentWrong);
@@ -36281,6 +36299,9 @@ class FittingRoom {
             this.nav.onError(L.SomethingWentWrong);
         }
     }
+    setBrandUserId(brandUserId) {
+        this.tfrShop.user.setBrandUserId(brandUserId);
+    }
     async submitTel(tel) {
         try {
             await this.tfrShop.submitTelephoneNumber(tel);
@@ -36307,9 +36328,14 @@ class FittingRoom {
         const trySizes = availableSizeLabels.length > 1 ? `${tryFirstSizes} ${L.OrSize} ${lastSize}` : tryFirstSizes;
         return `${trySizes}. ${L.WeRecommendSize} ${recommendedSizeLabel}.`;
     }
+    onSignInClick() {
+        this.nav.toScan();
+    }
     async tryOn() {
         if (!this.shop.isLoggedIn)
             return this.nav.toScan();
+        if (!this.tryOnEnabled)
+            return;
         try {
             if (this.hooks.onLoading)
                 this.hooks.onLoading();
@@ -36319,6 +36345,8 @@ class FittingRoom {
                 this.hooks.onVtoReady(frames);
         }
         catch (error) {
+            if (error instanceof errors.BrandUserIdNotSetError)
+                return this.nav.onError(L.BrandUserIdNotSet);
             if (error instanceof errors.AvatarNotCreatedError)
                 return this.nav.onError(L.DontHaveAvatar);
             if (error instanceof errors.RecommendedAvailableSizesError)