@thefittingroom/shop-ui 0.0.12 → 0.0.14

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,5 +1,5 @@
 /*!
-* thefittingroom v0.0.12 (2023-07-26T23:25:57.440Z)
+* thefittingroom v0.0.14 (2023-07-31T17:58:33.095Z)
 * Copyright 2022-present, TheFittingRoom, Inc. All rights reserved.
 */
 /*!
@@ -23138,6 +23138,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 +36065,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 = () => {
@@ -36199,11 +36199,17 @@ var AvatarState;
 })(AvatarState || (AvatarState = {}));
 
 class FittingRoom {
-    constructor(shopId, modalDivId, hooks = {}) {
+    constructor(shopId, modalDivId, hooks = {}, _env) {
         this.shopId = shopId;
         this.hooks = hooks;
+        // prettier-ignore
+        const env = _env
+            ? _env
+            : typeof process !== 'undefined'
+                ? process.env.NODE_ENV
+                : 'dev';
         this.nav = new FittingRoomNav(modalDivId, this.signIn.bind(this), this.forgotPassword.bind(this), this.submitTel.bind(this));
-        this.tfrShop = initShop(Number(this.shopId), process.env.NODE_ENV);
+        this.tfrShop = initShop(Number(this.shopId), env);
     }
     get sku() {
         return this.nav.sku;
@@ -36321,11 +36327,11 @@ class FittingRoom {
     }
 }
 
-const initFittingRoom = async (shopId, modalDivId, hooks) => {
-    const tfr = new FittingRoom(shopId, modalDivId, hooks);
+const initFittingRoom = async (shopId, modalDivId, hooks, env = 'dev') => {
+    const tfr = new FittingRoom(shopId, modalDivId, hooks, env);
     await tfr.onInit();
     return tfr;
 };
 
-export { VTO_TIMEOUT_MS, initFittingRoom };
+export { InitImageSlider, VTO_TIMEOUT_MS, initFittingRoom };
 //# sourceMappingURL=index.js.map