@thefittingroom/shop-ui 1.0.0 → 1.1.1

package/dist/esm/init.d.ts

@@ -1,2 +1,2 @@
 import { FittingRoom, TfrHooks } from './tfr';
-export declare const initFittingRoom: (shopId: string | number, modalDivId: string, hooks: TfrHooks, env?: string) => Promise<FittingRoom>;
+export declare const initFittingRoom: (shopId: string | number, modalDivId: string, sizeRecMainDivId: string, hooks: TfrHooks, env?: string) => Promise<FittingRoom>;

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

@@ -1,7 +1,9 @@
 import './colors.css';
 import './general.css';
 import './input.css';
+import './loader.css';
 import './media.css';
+import './size-rec.css';
 import './spaces.css';
 import './telephone.css';
 import './text.css';

package/dist/esm/{tfr-nav.d.ts → tfr-modal.d.ts}

@@ -1,13 +1,10 @@
 import * as types from './types';
-export declare class FittingRoomNav {
+export declare class TfrModal {
     private readonly signIn;
     private readonly forgotPassword;
     private readonly submitTel;
     private readonly manager;
-    private _sku;
     constructor(modalDivId: string, signIn: types.SignInModalProps['onSignIn'], forgotPassword: types.ForgotPasswordModalProps['onPasswordReset'], submitTel: types.ScanCodeModalProps['onTelSubmit']);
-    get sku(): string;
-    setSku(sku: string): void;
     close(): void;
     onSignOut(): void;
     onNotCreated(): void;

package/dist/esm/tfr-size-rec.d.ts

@@ -0,0 +1,16 @@
+import { TfrShop } from '@thefittingroom/sdk';
+export declare class TfrSizeRec {
+    private readonly tfrShop;
+    private readonly onSignInClick;
+    private readonly onSignOutClick;
+    private readonly sizeRecComponent;
+    constructor(sizeRecMainDivId: string, tfrShop: TfrShop, onSignInClick: () => void, onSignOutClick: () => void);
+    get sku(): string;
+    setSku(sku: string): void;
+    setIsLoggedIn(isLoggedIn: boolean): void;
+    setGarmentLocations(): Promise<void>;
+    setRecommendedSize(): Promise<void>;
+    private getGarmentLocations;
+    private getRecommenedSize;
+    private getRecommendedSizes;
+}

package/dist/esm/tfr.d.ts

@@ -1,5 +1,6 @@
 import { TfrShop } from '@thefittingroom/sdk';
-import { FittingRoomNav } from './tfr-nav';
+import { TfrModal } from './tfr-modal';
+import { TfrSizeRec } from './tfr-size-rec';
 import * as types from './types';
 export interface TfrHooks {
     onLoading?: () => void;
@@ -12,13 +13,16 @@ export interface TfrHooks {
 export declare class FittingRoom {
     private readonly shopId;
     private readonly hooks;
-    readonly nav: FittingRoomNav;
+    private isLoggedIn;
+    readonly tfrModal: TfrModal;
+    readonly tfrSizeRec: TfrSizeRec;
     private readonly tfrShop;
-    constructor(shopId: string | number, modalDivId: string, hooks?: TfrHooks, _env?: string);
-    get sku(): string;
+    private unsub;
+    constructor(shopId: string | number, modalDivId: string, sizeRecMainDivId: string, hooks?: TfrHooks, _env?: string);
     get shop(): TfrShop;
-    onInit(): Promise<boolean>;
+    get sku(): string;
     setSku(sku: string): void;
+    onInit(): Promise<boolean>;
     close(): void;
     signOut(): Promise<void>;
     signIn(username: string, password: string, validationError: (message: string) => void): Promise<void>;
@@ -28,14 +32,7 @@ export declare class FittingRoom {
     passwordReset(code: string, newPassword: string): Promise<void>;
     getMeasurementLocationsFromSku(sku: string): Promise<any>;
     onSignInClick(): void;
-    getRecommendedSizes(styleId: string): Promise<{
-        recommended: string;
-        sizes: {
-            size: string;
-            locations: {
-                fit: string;
-                location: string;
-            }[];
-        }[];
-    }>;
+    private onUserProfileChange;
+    private subscribeToProfileChanges;
+    private unsubscribeFromProfileChanges;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thefittingroom/shop-ui",
-  "version": "1.0.0",
+  "version": "1.1.1",
   "description": "the fitting room UI library",
   "type": "module",
   "main": "./dist/esm/index.js",
@@ -32,6 +32,6 @@
     "typescript": "^4.0.2"
   },
   "dependencies": {
-    "@thefittingroom/sdk": "1.0.3"
+    "@thefittingroom/sdk": "1.1.0"
   }
 }