@thefittingroom/shop-ui 3.2.2 → 4.1.0

package/.rollup.cache/Users/supagoku/projects/fit/shop-sdk-ui/dist/esm/helpers/validations.js

@@ -1,15 +0,0 @@
-export const validateEmail = (email) => {
-    if (/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,})+$/.test(email)) {
-        return true;
-    }
-    return false;
-};
-export const validatePassword = (password) => {
-    if (password.match(/^.{7,}$/)) {
-        return true;
-    }
-    return false;
-};
-// https://www.w3resource.com/javascript/form/email-validation.php
-// https://www.w3resource.com/javascript/form/password-validation.php
-//# sourceMappingURL=validations.js.map

package/.rollup.cache/Users/supagoku/projects/fit/shop-sdk-ui/dist/esm/helpers/validations.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"validations.js","sourceRoot":"","sources":["../../../src/helpers/validations.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAa,EAAW,EAAE;IACtD,IAAI,8CAA8C,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;QAC/D,OAAO,IAAI,CAAA;IACb,CAAC;IACD,OAAO,KAAK,CAAA;AACd,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,QAAgB,EAAW,EAAE;IAC5D,IAAI,QAAQ,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,CAAC;QAC9B,OAAO,IAAI,CAAA;IACb,CAAC;IACD,OAAO,KAAK,CAAA;AACd,CAAC,CAAA;AAED,kEAAkE;AAClE,qEAAqE","sourcesContent":["export const validateEmail = (email: string): boolean => {\n  if (/^\\w+([\\.-]?\\w+)*@\\w+([\\.-]?\\w+)*(\\.\\w{2,})+$/.test(email)) {\n    return true\n  }\n  return false\n}\n\nexport const validatePassword = (password: string): boolean => {\n  if (password.match(/^.{7,}$/)) {\n    return true\n  }\n  return false\n}\n\n// https://www.w3resource.com/javascript/form/email-validation.php\n// https://www.w3resource.com/javascript/form/password-validation.php\n"]}

package/.rollup.cache/Users/supagoku/projects/fit/shop-sdk-ui/dist/esm/index.js

@@ -1,3 +0,0 @@
-export { InitImageSlider } from './components/slider';
-export { initFittingRoom } from './init';
-//# sourceMappingURL=index.js.map

package/.rollup.cache/Users/supagoku/projects/fit/shop-sdk-ui/dist/esm/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAA","sourcesContent":["export { InitImageSlider } from './components/slider'\nexport { initFittingRoom } from './init'\nexport type { FittingRoom } from './tfr'\n"]}

package/.rollup.cache/Users/supagoku/projects/fit/shop-sdk-ui/dist/esm/init.js

@@ -1,7 +0,0 @@
-import { FittingRoom } from './tfr';
-export const initFittingRoom = async ({ shopId, modalDivId, sizeRecMainDivId, vtoMainDivId, hooks = {}, cssVariables = {}, env = 'dev', }) => {
-    const tfr = new FittingRoom(shopId, modalDivId, sizeRecMainDivId, vtoMainDivId, hooks, cssVariables, env);
-    await tfr.onInit();
-    return tfr;
-};
-//# sourceMappingURL=init.js.map

package/.rollup.cache/Users/supagoku/projects/fit/shop-sdk-ui/dist/esm/init.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"init.js","sourceRoot":"","sources":["../../src/init.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAY,MAAM,OAAO,CAAA;AAa7C,MAAM,CAAC,MAAM,eAAe,GAAG,KAAK,EAAE,EACpC,MAAM,EACN,UAAU,EACV,gBAAgB,EAChB,YAAY,EACZ,KAAK,GAAG,EAAE,EACV,YAAY,GAAG,EAAE,EACjB,GAAG,GAAG,KAAK,GACD,EAAE,EAAE;IACd,MAAM,GAAG,GAAG,IAAI,WAAW,CAAC,MAAM,EAAE,UAAU,EAAE,gBAAgB,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE,GAAG,CAAC,CAAA;IACzG,MAAM,GAAG,CAAC,MAAM,EAAE,CAAA;IAElB,OAAO,GAAG,CAAA;AACZ,CAAC,CAAA","sourcesContent":["import { FittingRoom, TfrHooks } from './tfr'\nimport { TfrCssVariables } from './tfr-size-rec'\n\nexport type TrfConfig = {\n  shopId: string | number\n  modalDivId: string\n  sizeRecMainDivId: string\n  vtoMainDivId: string\n  hooks?: TfrHooks\n  cssVariables?: TfrCssVariables\n  env?: string\n}\n\nexport const initFittingRoom = async ({\n  shopId,\n  modalDivId,\n  sizeRecMainDivId,\n  vtoMainDivId,\n  hooks = {},\n  cssVariables = {},\n  env = 'dev',\n}: TrfConfig) => {\n  const tfr = new FittingRoom(shopId, modalDivId, sizeRecMainDivId, vtoMainDivId, hooks, cssVariables, env)\n  await tfr.onInit()\n\n  return tfr\n}\n"]}

package/.rollup.cache/Users/supagoku/projects/fit/shop-sdk-ui/dist/esm/styles/index.js

@@ -1,12 +0,0 @@
-import './colors.css';
-import './fit-modal.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';
-import './variables.css';
-//# sourceMappingURL=index.js.map

package/.rollup.cache/Users/supagoku/projects/fit/shop-sdk-ui/dist/esm/styles/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/styles/index.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAA;AACrB,OAAO,iBAAiB,CAAA;AACxB,OAAO,eAAe,CAAA;AACtB,OAAO,aAAa,CAAA;AACpB,OAAO,cAAc,CAAA;AACrB,OAAO,aAAa,CAAA;AACpB,OAAO,gBAAgB,CAAA;AACvB,OAAO,cAAc,CAAA;AACrB,OAAO,iBAAiB,CAAA;AACxB,OAAO,YAAY,CAAA;AACnB,OAAO,iBAAiB,CAAA","sourcesContent":["import './colors.css'\nimport './fit-modal.css'\nimport './general.css'\nimport './input.css'\nimport './loader.css'\nimport './media.css'\nimport './size-rec.css'\nimport './spaces.css'\nimport './telephone.css'\nimport './text.css'\nimport './variables.css'\n"]}

package/.rollup.cache/Users/supagoku/projects/fit/shop-sdk-ui/dist/esm/tfr-modal.js

@@ -1,77 +0,0 @@
-import * as modals from './components';
-export class TfrModal {
-    constructor(modalDivId, signIn, forgotPassword, submitTel) {
-        this.signIn = signIn;
-        this.forgotPassword = forgotPassword;
-        this.submitTel = submitTel;
-        this.manager = modals.InitModalManager(modalDivId);
-    }
-    close() {
-        this.manager.close();
-    }
-    onSignOut() {
-        this.manager.open(modals.LoggedOutModal({
-            onNavSignIn: () => this.toSignIn(),
-            onClose: () => this.close(),
-        }));
-    }
-    onNotCreated() {
-        this.manager.open(modals.NoAvatarModal());
-    }
-    onLoading() {
-        this.manager.open(modals.LoadingAvatarModal({
-            timeoutMS: 10000,
-        }));
-    }
-    toScan() {
-        this.manager.open(modals.ScanCodeModal({
-            onSignInNav: () => this.toSignIn(),
-            onTelSubmit: (tel) => this.submitTel(tel),
-        }));
-    }
-    toSignIn() {
-        this.manager.open(modals.SignInModal({
-            onSignIn: this.signIn,
-            onNavForgotPassword: () => this.toForgotPassword(),
-            onNavScanCode: () => this.toScan(),
-        }));
-    }
-    toForgotPassword() {
-        this.manager.open(modals.ForgotPasswordModal({
-            onNavSignIn: () => this.toSignIn(),
-            onPasswordReset: this.forgotPassword,
-        }));
-    }
-    toPasswordReset() { }
-    onTryOn(frames) {
-        this.manager.open(modals.TryOnModal({
-            frames,
-            onClose: () => this.close(),
-            onNavBack: () => this.navBack(),
-        }));
-    }
-    onError(error) {
-        this.manager.open(modals.ErrorModal({
-            error,
-            onClose: () => this.close(),
-            onNavBack: () => this.navBack(),
-        }));
-    }
-    onSizeError(recommended, available) {
-        this.manager.open(modals.SizeErrorModal({
-            sizes: { recommended, available },
-            onClose: () => this.close(),
-            onNavBack: () => this.navBack(),
-        }));
-    }
-    toFitInfo() {
-        this.manager.open(modals.FitModal({
-            onSignInNav: () => this.toScan(),
-            onClose: () => this.close(),
-        }));
-    }
-    navBack() {
-        window.history.back();
-    }
-}
-//# sourceMappingURL=tfr-modal.js.map

package/.rollup.cache/Users/supagoku/projects/fit/shop-sdk-ui/dist/esm/tfr-modal.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tfr-modal.js","sourceRoot":"","sources":["../../src/tfr-modal.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,cAAc,CAAA;AAGtC,MAAM,OAAO,QAAQ;IAGnB,YACE,UAAkB,EACD,MAA0C,EAC1C,cAAiE,EACjE,SAAkD;QAFlD,WAAM,GAAN,MAAM,CAAoC;QAC1C,mBAAc,GAAd,cAAc,CAAmD;QACjE,cAAS,GAAT,SAAS,CAAyC;QAEnE,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,gBAAgB,CAAC,UAAU,CAAC,CAAA;IACpD,CAAC;IAEM,KAAK;QACV,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,CAAA;IACtB,CAAC;IAEM,SAAS;QACd,IAAI,CAAC,OAAO,CAAC,IAAI,CACf,MAAM,CAAC,cAAc,CAAC;YACpB,WAAW,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE;YAClC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE;SAC5B,CAAC,CACH,CAAA;IACH,CAAC;IAEM,YAAY;QACjB,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,aAAa,EAAE,CAAC,CAAA;IAC3C,CAAC;IAEM,SAAS;QACd,IAAI,CAAC,OAAO,CAAC,IAAI,CACf,MAAM,CAAC,kBAAkB,CAAC;YACxB,SAAS,EAAE,KAAK;SACjB,CAAC,CACH,CAAA;IACH,CAAC;IAEM,MAAM;QACX,IAAI,CAAC,OAAO,CAAC,IAAI,CACf,MAAM,CAAC,aAAa,CAAC;YACnB,WAAW,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE;YAClC,WAAW,EAAE,CAAC,GAAW,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC;SAClD,CAAC,CACH,CAAA;IACH,CAAC;IAEM,QAAQ;QACb,IAAI,CAAC,OAAO,CAAC,IAAI,CACf,MAAM,CAAC,WAAW,CAAC;YACjB,QAAQ,EAAE,IAAI,CAAC,MAAM;YACrB,mBAAmB,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,gBAAgB,EAAE;YAClD,aAAa,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE;SACnC,CAAC,CACH,CAAA;IACH,CAAC;IAEM,gBAAgB;QACrB,IAAI,CAAC,OAAO,CAAC,IAAI,CACf,MAAM,CAAC,mBAAmB,CAAC;YACzB,WAAW,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE;YAClC,eAAe,EAAE,IAAI,CAAC,cAAc;SACrC,CAAC,CACH,CAAA;IACH,CAAC;IAEM,eAAe,KAAI,CAAC;IAEpB,OAAO,CAAC,MAAyB;QACtC,IAAI,CAAC,OAAO,CAAC,IAAI,CACf,MAAM,CAAC,UAAU,CAAC;YAChB,MAAM;YACN,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE;YAC3B,SAAS,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE;SAChC,CAAC,CACH,CAAA;IACH,CAAC;IAEM,OAAO,CAAC,KAAa;QAC1B,IAAI,CAAC,OAAO,CAAC,IAAI,CACf,MAAM,CAAC,UAAU,CAAC;YAChB,KAAK;YACL,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE;YAC3B,SAAS,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE;SAChC,CAAC,CACH,CAAA;IACH,CAAC;IAEM,WAAW,CAAC,WAAmB,EAAE,SAAmB;QACzD,IAAI,CAAC,OAAO,CAAC,IAAI,CACf,MAAM,CAAC,cAAc,CAAC;YACpB,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE;YACjC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE;YAC3B,SAAS,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE;SAChC,CAAC,CACH,CAAA;IACH,CAAC;IAEM,SAAS;QACd,IAAI,CAAC,OAAO,CAAC,IAAI,CACf,MAAM,CAAC,QAAQ,CAAC;YACd,WAAW,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE;YAChC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE;SAC5B,CAAC,CACH,CAAA;IACH,CAAC;IAEM,OAAO;QACZ,MAAM,CAAC,OAAO,CAAC,IAAI,EAAE,CAAA;IACvB,CAAC;CACF","sourcesContent":["import * as modals from './components'\nimport * as types from './types'\n\nexport class TfrModal {\n  private readonly manager: modals.ModalManager\n\n  constructor(\n    modalDivId: string,\n    private readonly signIn: types.SignInModalProps['onSignIn'],\n    private readonly forgotPassword: types.ForgotPasswordModalProps['onPasswordReset'],\n    private readonly submitTel: types.ScanCodeModalProps['onTelSubmit'],\n  ) {\n    this.manager = modals.InitModalManager(modalDivId)\n  }\n\n  public close() {\n    this.manager.close()\n  }\n\n  public onSignOut() {\n    this.manager.open(\n      modals.LoggedOutModal({\n        onNavSignIn: () => this.toSignIn(),\n        onClose: () => this.close(),\n      }),\n    )\n  }\n\n  public onNotCreated() {\n    this.manager.open(modals.NoAvatarModal())\n  }\n\n  public onLoading() {\n    this.manager.open(\n      modals.LoadingAvatarModal({\n        timeoutMS: 10000,\n      }),\n    )\n  }\n\n  public toScan() {\n    this.manager.open(\n      modals.ScanCodeModal({\n        onSignInNav: () => this.toSignIn(),\n        onTelSubmit: (tel: string) => this.submitTel(tel),\n      }),\n    )\n  }\n\n  public toSignIn() {\n    this.manager.open(\n      modals.SignInModal({\n        onSignIn: this.signIn,\n        onNavForgotPassword: () => this.toForgotPassword(),\n        onNavScanCode: () => this.toScan(),\n      }),\n    )\n  }\n\n  public toForgotPassword() {\n    this.manager.open(\n      modals.ForgotPasswordModal({\n        onNavSignIn: () => this.toSignIn(),\n        onPasswordReset: this.forgotPassword,\n      }),\n    )\n  }\n\n  public toPasswordReset() {}\n\n  public onTryOn(frames: types.TryOnFrames) {\n    this.manager.open(\n      modals.TryOnModal({\n        frames,\n        onClose: () => this.close(),\n        onNavBack: () => this.navBack(),\n      }),\n    )\n  }\n\n  public onError(error: string) {\n    this.manager.open(\n      modals.ErrorModal({\n        error,\n        onClose: () => this.close(),\n        onNavBack: () => this.navBack(),\n      }),\n    )\n  }\n\n  public onSizeError(recommended: string, available: string[]) {\n    this.manager.open(\n      modals.SizeErrorModal({\n        sizes: { recommended, available },\n        onClose: () => this.close(),\n        onNavBack: () => this.navBack(),\n      }),\n    )\n  }\n\n  public toFitInfo() {\n    this.manager.open(\n      modals.FitModal({\n        onSignInNav: () => this.toScan(),\n        onClose: () => this.close(),\n      }),\n    )\n  }\n\n  public navBack() {\n    window.history.back()\n  }\n}\n"]}

package/.rollup.cache/Users/supagoku/projects/fit/shop-sdk-ui/dist/esm/tfr-size-rec.js

@@ -1,202 +0,0 @@
-import { types as ShopTypes } from '@thefittingroom/sdk';
-import { SizeRecComponent } from './components/SizeRec';
-export class TfrSizeRec {
-    constructor(sizeRecMainDivId, cssVariables, tfrShop, onSignInClick, onSignOutClick, onFitInfoClick, onTryOnClick) {
-        this.tfrShop = tfrShop;
-        this.onSignInClick = onSignInClick;
-        this.onSignOutClick = onSignOutClick;
-        this.onFitInfoClick = onFitInfoClick;
-        this.onTryOnClick = onTryOnClick;
-        this.perfectFits = [ShopTypes.Fit.PERFECT_FIT, ShopTypes.Fit.SLIGHTLY_LOOSE, ShopTypes.Fit.SLIGHTLY_TIGHT];
-        this.setCssVariables(cssVariables);
-        this.sizeRecComponent = new SizeRecComponent(sizeRecMainDivId, this.onSignInClick, this.onSignOutClick, this.onFitInfoClick, this.onTryOnClick);
-    }
-    get sku() {
-        return this.sizeRecComponent.sku;
-    }
-    setSku(sku) {
-        this.sizeRecComponent.setSku(sku);
-    }
-    get styleId() {
-        return this.sizeRecComponent.styleId;
-    }
-    setStyleId(styleId) {
-        this.sizeRecComponent.setStyleId(styleId);
-    }
-    setIsLoggedIn(isLoggedIn) {
-        this.sizeRecComponent.setIsLoggedIn(isLoggedIn);
-    }
-    async setGarmentLocations(filledLocations = []) {
-        this.sizeRecComponent.setLoading(true);
-        // If we already have filledLocations, use them directly instead of making API calls
-        const locations = filledLocations.length > 0 ? filledLocations : await this.getGarmentLocations(filledLocations);
-        console.debug('locations', locations);
-        console.debug('filledLocations', filledLocations);
-        if (locations && locations.length > 0) {
-            this.sizeRecComponent.show();
-            this.sizeRecComponent.setGarmentLocations(locations);
-        }
-        this.sizeRecComponent.setLoading(false);
-    }
-    async recommendSize() {
-        this.sizeRecComponent.setLoading(true);
-        const sizes = await this.getRecommendedSize();
-        if (!sizes) {
-            console.error('No sizes found for sku');
-            this.sizeRecComponent.setLoading(false);
-            return;
-        }
-        this.sizeRecComponent.show();
-        this.sizeRecComponent.setRecommendedSize(sizes);
-        this.sizeRecComponent.setLoading(false);
-    }
-    async getGarmentLocations(filledLocations) {
-        try {
-            const locations = await this.tfrShop.getMeasurementLocationsFromSku(this.sku, filledLocations);
-            return locations;
-        }
-        catch (error) {
-            try {
-                const style = await this.tfrShop.getStyleByBrandStyleId(this.sku);
-                if (!style) {
-                    console.error('Style not found for brand style ID:', this.sku);
-                    this.sizeRecComponent.hide();
-                    return null;
-                }
-                const locations = await this.tfrShop.getMeasurementLocationsFromBrandStyleId(style.id, filledLocations);
-                return locations;
-            }
-            catch (error) {
-                console.error(error);
-                this.sizeRecComponent.hide();
-                return null;
-            }
-        }
-    }
-    async getRecommendedSize() {
-        try {
-            const colorwaySizeAsset = await this.tfrShop.getColorwaySizeAssetFromSku(this.sku);
-            const sizes = await this.getRecommendedSizes(String(colorwaySizeAsset.style_id));
-            this.setStyleId(colorwaySizeAsset.style_id);
-            return sizes;
-        }
-        catch (error) {
-            try {
-                const style = await this.tfrShop.getStyleByBrandStyleId(this.sku);
-                if (!style) {
-                    console.error('Style not found for brand style ID:', this.sku);
-                    this.sizeRecComponent.hide();
-                    return null;
-                }
-                const sizes = await this.getRecommendedSizes(String(style.id));
-                this.setStyleId(style.id);
-                return sizes;
-            }
-            catch (error) {
-                console.error(error);
-                this.sizeRecComponent.hide();
-                return null;
-            }
-        }
-    }
-    async getRecommendedSizes(styleId) {
-        const sizeRec = await this.tfrShop.getRecommendedSizes(styleId);
-        if (!sizeRec)
-            return null;
-        return {
-            recommended: sizeRec.recommended_size.size_value.name,
-            sizes: sizeRec.fits.map((fit) => {
-                return {
-                    size: sizeRec.available_sizes.find((size) => size.id === fit.size_id).size_value.name,
-                    size_id: fit.size_id,
-                    locations: fit.measurement_location_fits
-                        .map((locationFit) => {
-                        const fitLabel = typeof locationFit.fit_label === 'string' && locationFit.fit_label
-                            ? locationFit.fit_label
-                            : ShopTypes.FitNames[locationFit.fit];
-                        return {
-                            fit: fitLabel,
-                            isPerfect: this.perfectFits.includes(locationFit.fit),
-                            location: this.tfrShop.getMeasurementLocationName(locationFit.measurement_location),
-                            sortOrder: this.tfrShop.getMeasurementLocationSortOrder(locationFit.measurement_location),
-                        };
-                    })
-                        .sort((a, b) => (a.sortOrder < b.sortOrder ? -1 : 1)),
-                };
-            }),
-        };
-    }
-    setCssVariables(cssVariables) {
-        const r = document.querySelector(':root');
-        if (cssVariables.brandColor)
-            r.style.setProperty('--tfr-brand-color', cssVariables.brandColor);
-        if (cssVariables.black)
-            r.style.setProperty('--tfr-black', cssVariables.black);
-        if (cssVariables.red)
-            r.style.setProperty('--tfr-red', cssVariables.red);
-        if (cssVariables.white)
-            r.style.setProperty('--tfr-white', cssVariables.white);
-        if (cssVariables.muted)
-            r.style.setProperty('--tfr-muted', cssVariables.muted);
-        if (cssVariables.dark)
-            r.style.setProperty('--tfr-dark', cssVariables.dark);
-        if (cssVariables.grey)
-            r.style.setProperty('--tfr-grey', cssVariables.grey);
-        if (cssVariables.lightGrey)
-            r.style.setProperty('--tfr-light-grey', cssVariables.lightGrey);
-        if (cssVariables.mainBorderColor)
-            r.style.setProperty('--tfr-main-border-color', cssVariables.mainBorderColor);
-        if (cssVariables.mainBorderRadius)
-            r.style.setProperty('--tfr-main-border-radius', cssVariables.mainBorderRadius);
-        if (cssVariables.mainBorderWidth)
-            r.style.setProperty('--tfr-main-border-width', cssVariables.mainBorderWidth);
-        if (cssVariables.mainBgColor)
-            r.style.setProperty('--tfr-main-bg-color', cssVariables.mainBgColor);
-        if (cssVariables.mainWidth)
-            r.style.setProperty('--tfr-main-width', cssVariables.mainWidth);
-        if (cssVariables.mainVPadding)
-            r.style.setProperty('--tfr-main-v-padding', cssVariables.mainVPadding);
-        if (cssVariables.mainHPadding)
-            r.style.setProperty('--tfr-main-h-padding', cssVariables.mainHPadding);
-        if (cssVariables.mainFont)
-            r.style.setProperty('--tfr-main-font', cssVariables.mainFont);
-        if (cssVariables.titleFont)
-            r.style.setProperty('--tfr-title-font', cssVariables.titleFont);
-        if (cssVariables.subtitleFont)
-            r.style.setProperty('--tfr-subtitle-font', cssVariables.subtitleFont);
-        if (cssVariables.rowFont)
-            r.style.setProperty('--tfr-row-font', cssVariables.rowFont);
-        if (cssVariables.ctaFont)
-            r.style.setProperty('--tfr-cta-font', cssVariables.ctaFont);
-        // Size Selector
-        if (cssVariables.sizeSelectorTextColor)
-            r.style.setProperty('--tfr-size-selector-text-color', cssVariables.sizeSelectorTextColor);
-        if (cssVariables.sizeSelectorFontSize)
-            r.style.setProperty('--tfr-size-selector-font-size', cssVariables.sizeSelectorFontSize);
-        if (cssVariables.sizeSelectorFontWeight)
-            r.style.setProperty('--tfr-size-selector-font-weight', cssVariables.sizeSelectorFontWeight);
-        if (cssVariables.sizeSelectorBgColor)
-            r.style.setProperty('--tfr-size-selector-bg-color', cssVariables.sizeSelectorBgColor);
-        if (cssVariables.sizeSelectorBorderColor)
-            r.style.setProperty('--tfr-size-selector-border-color', cssVariables.sizeSelectorBorderColor);
-        if (cssVariables.sizeSelectorBorderWidth)
-            r.style.setProperty('--tfr-size-selector-border-width', cssVariables.sizeSelectorBorderWidth);
-        if (cssVariables.sizeSelectorBgColorHover)
-            r.style.setProperty('--tfr-size-selector-bg-color-hover', cssVariables.sizeSelectorBgColorHover);
-        if (cssVariables.sizeSelectorBgColorActive)
-            r.style.setProperty('--tfr-size-selector-bg-color-active', cssVariables.sizeSelectorBgColorActive);
-        if (cssVariables.sizeSelectorButtonHeight)
-            r.style.setProperty('--tfr-size-selector-button-height', cssVariables.sizeSelectorButtonHeight);
-        if (cssVariables.sizeSelectorButtonActiveHeight)
-            r.style.setProperty('--tfr-size-selector-button-active-height', cssVariables.sizeSelectorButtonActiveHeight);
-        if (cssVariables.sizeSelectorButtonActiveBorderColor)
-            r.style.setProperty('--tfr-size-selector-button-active-border-color', cssVariables.sizeSelectorButtonActiveBorderColor);
-        if (cssVariables.sizeSelectorButtonActiveBorderWidth)
-            r.style.setProperty('--tfr-size-selector-button-active-border-width', cssVariables.sizeSelectorButtonActiveBorderWidth);
-        if (cssVariables.sizeSelectorButtonRadius)
-            r.style.setProperty('--tfr-size-selector-button-radius', cssVariables.sizeSelectorButtonRadius);
-        if (cssVariables.sizeSelectorButtonShadow)
-            r.style.setProperty('--tfr-size-selector-button-shadow', cssVariables.sizeSelectorButtonShadow);
-    }
-}
-//# sourceMappingURL=tfr-size-rec.js.map

package/.rollup.cache/Users/supagoku/projects/fit/shop-sdk-ui/dist/esm/tfr-size-rec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tfr-size-rec.js","sourceRoot":"","sources":["../../src/tfr-size-rec.ts"],"names":[],"mappings":"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","sourcesContent":["import { types as ShopTypes, TfrShop } from '@thefittingroom/sdk'\n\nimport { RecommendedSize, SizeRecComponent } from './components/SizeRec'\n\nexport type TfrCssVariables = {\n  brandColor?: string\n  black?: string\n  red?: string\n  white?: string\n  muted?: string\n  dark?: string\n  grey?: string\n  lightGrey?: string\n  mainBorderColor?: string\n  mainBorderRadius?: string\n  mainBorderWidth?: string\n  mainBgColor?: string\n  mainWidth?: string\n  mainVPadding?: string\n  mainHPadding?: string\n  mainFont?: string\n  titleFont?: string\n  subtitleFont?: string\n  rowFont?: string\n  ctaFont?: string\n  sizeSelectorTextColor?: string\n  sizeSelectorFontSize?: string\n  sizeSelectorFontWeight?: string\n  sizeSelectorBorderColor?: string\n  sizeSelectorBorderWidth?: string\n  sizeSelectorBgColor?: string\n  sizeSelectorBgColorHover?: string\n  sizeSelectorBgColorActive?: string\n  sizeSelectorButtonHeight?: string\n  sizeSelectorButtonActiveHeight?: string\n  sizeSelectorButtonActiveBorderColor?: string\n  sizeSelectorButtonActiveBorderWidth?: string\n  sizeSelectorButtonRadius?: string\n  sizeSelectorButtonShadow?: string\n}\n\nexport class TfrSizeRec {\n  private readonly sizeRecComponent: SizeRecComponent\n  private readonly perfectFits = [ShopTypes.Fit.PERFECT_FIT, ShopTypes.Fit.SLIGHTLY_LOOSE, ShopTypes.Fit.SLIGHTLY_TIGHT]\n\n  constructor(\n    sizeRecMainDivId: string,\n    cssVariables: TfrCssVariables,\n    private readonly tfrShop: TfrShop,\n    private readonly onSignInClick: () => void,\n    private readonly onSignOutClick: () => void,\n    private readonly onFitInfoClick: () => void,\n    private readonly onTryOnClick: (styleId: number, sizeId: number, shouldDisplay: boolean) => Promise<void>,\n  ) {\n    this.setCssVariables(cssVariables)\n    this.sizeRecComponent = new SizeRecComponent(\n      sizeRecMainDivId,\n      this.onSignInClick,\n      this.onSignOutClick,\n      this.onFitInfoClick,\n      this.onTryOnClick,\n    )\n  }\n\n  public get sku() {\n    return this.sizeRecComponent.sku\n  }\n\n  public setSku(sku: string) {\n    this.sizeRecComponent.setSku(sku)\n  }\n\n  public get styleId() {\n    return this.sizeRecComponent.styleId\n  }\n\n  public setStyleId(styleId: number) {\n    this.sizeRecComponent.setStyleId(styleId)\n  }\n\n  public setIsLoggedIn(isLoggedIn: boolean) {\n    this.sizeRecComponent.setIsLoggedIn(isLoggedIn)\n  }\n\n  public async setGarmentLocations(filledLocations: string[] = []) {\n    this.sizeRecComponent.setLoading(true)\n    // If we already have filledLocations, use them directly instead of making API calls\n    const locations = filledLocations.length > 0 ? filledLocations : await this.getGarmentLocations(filledLocations)\n\n    console.debug('locations', locations)\n    console.debug('filledLocations', filledLocations)\n\n    if (locations && locations.length > 0) {\n      this.sizeRecComponent.show()\n      this.sizeRecComponent.setGarmentLocations(locations)\n    }\n    this.sizeRecComponent.setLoading(false)\n  }\n\n  public async recommendSize() {\n    this.sizeRecComponent.setLoading(true)\n    const sizes = await this.getRecommendedSize()\n\n    if (!sizes) {\n      console.error('No sizes found for sku')\n      this.sizeRecComponent.setLoading(false)\n      return\n    }\n\n    this.sizeRecComponent.show()\n    this.sizeRecComponent.setRecommendedSize(sizes)\n    this.sizeRecComponent.setLoading(false)\n  }\n\n  private async getGarmentLocations(filledLocations: string[]): Promise<string[]> {\n    try {\n      const locations = await this.tfrShop.getMeasurementLocationsFromSku(this.sku, filledLocations)\n\n      return locations\n    } catch (error) {\n      try {\n        const style = await this.tfrShop.getStyleByBrandStyleId(this.sku)\n        if (!style) {\n          console.error('Style not found for brand style ID:', this.sku)\n          this.sizeRecComponent.hide()\n          return null\n        }\n        const locations = await this.tfrShop.getMeasurementLocationsFromBrandStyleId(style.id, filledLocations)\n\n        return locations\n      } catch (error) {\n        console.error(error)\n        this.sizeRecComponent.hide()\n        return null\n      }\n    }\n  }\n\n  private async getRecommendedSize() {\n    try {\n      const colorwaySizeAsset = await this.tfrShop.getColorwaySizeAssetFromSku(this.sku)\n      const sizes = await this.getRecommendedSizes(String(colorwaySizeAsset.style_id))\n      this.setStyleId(colorwaySizeAsset.style_id)\n\n      return sizes\n    } catch (error) {\n      try {\n        const style = await this.tfrShop.getStyleByBrandStyleId(this.sku)\n        if (!style) {\n          console.error('Style not found for brand style ID:', this.sku)\n          this.sizeRecComponent.hide()\n          return null\n        }\n        const sizes = await this.getRecommendedSizes(String(style.id))\n        this.setStyleId(style.id)\n\n        return sizes\n      } catch (error) {\n        console.error(error)\n        this.sizeRecComponent.hide()\n        return null\n      }\n    }\n  }\n\n  private async getRecommendedSizes(styleId: string): Promise<RecommendedSize> {\n    const sizeRec = await this.tfrShop.getRecommendedSizes(styleId)\n\n    if (!sizeRec) return null\n\n    return {\n      recommended: sizeRec.recommended_size.size_value.name,\n      sizes: sizeRec.fits.map((fit) => {\n        return {\n          size: sizeRec.available_sizes.find((size) => size.id === fit.size_id).size_value.name,\n          size_id: fit.size_id,\n          locations: fit.measurement_location_fits\n            .map((locationFit) => {\n              const fitLabel =\n                typeof locationFit.fit_label === 'string' && locationFit.fit_label\n                  ? locationFit.fit_label\n                  : ShopTypes.FitNames[locationFit.fit]\n\n              return {\n                fit: fitLabel,\n                isPerfect: this.perfectFits.includes(locationFit.fit),\n                location: this.tfrShop.getMeasurementLocationName(locationFit.measurement_location),\n                sortOrder: this.tfrShop.getMeasurementLocationSortOrder(locationFit.measurement_location),\n              }\n            })\n            .sort((a, b) => (a.sortOrder < b.sortOrder ? -1 : 1)),\n        }\n      }),\n    }\n  }\n\n  private setCssVariables(cssVariables: TfrCssVariables) {\n    const r = document.querySelector<HTMLElement>(':root')\n\n    if (cssVariables.brandColor) r.style.setProperty('--tfr-brand-color', cssVariables.brandColor)\n    if (cssVariables.black) r.style.setProperty('--tfr-black', cssVariables.black)\n    if (cssVariables.red) r.style.setProperty('--tfr-red', cssVariables.red)\n    if (cssVariables.white) r.style.setProperty('--tfr-white', cssVariables.white)\n    if (cssVariables.muted) r.style.setProperty('--tfr-muted', cssVariables.muted)\n    if (cssVariables.dark) r.style.setProperty('--tfr-dark', cssVariables.dark)\n    if (cssVariables.grey) r.style.setProperty('--tfr-grey', cssVariables.grey)\n    if (cssVariables.lightGrey) r.style.setProperty('--tfr-light-grey', cssVariables.lightGrey)\n    if (cssVariables.mainBorderColor) r.style.setProperty('--tfr-main-border-color', cssVariables.mainBorderColor)\n    if (cssVariables.mainBorderRadius) r.style.setProperty('--tfr-main-border-radius', cssVariables.mainBorderRadius)\n    if (cssVariables.mainBorderWidth) r.style.setProperty('--tfr-main-border-width', cssVariables.mainBorderWidth)\n    if (cssVariables.mainBgColor) r.style.setProperty('--tfr-main-bg-color', cssVariables.mainBgColor)\n    if (cssVariables.mainWidth) r.style.setProperty('--tfr-main-width', cssVariables.mainWidth)\n    if (cssVariables.mainVPadding) r.style.setProperty('--tfr-main-v-padding', cssVariables.mainVPadding)\n    if (cssVariables.mainHPadding) r.style.setProperty('--tfr-main-h-padding', cssVariables.mainHPadding)\n    if (cssVariables.mainFont) r.style.setProperty('--tfr-main-font', cssVariables.mainFont)\n    if (cssVariables.titleFont) r.style.setProperty('--tfr-title-font', cssVariables.titleFont)\n    if (cssVariables.subtitleFont) r.style.setProperty('--tfr-subtitle-font', cssVariables.subtitleFont)\n    if (cssVariables.rowFont) r.style.setProperty('--tfr-row-font', cssVariables.rowFont)\n    if (cssVariables.ctaFont) r.style.setProperty('--tfr-cta-font', cssVariables.ctaFont)\n\n    // Size Selector\n    if (cssVariables.sizeSelectorTextColor)\n      r.style.setProperty('--tfr-size-selector-text-color', cssVariables.sizeSelectorTextColor)\n    if (cssVariables.sizeSelectorFontSize)\n      r.style.setProperty('--tfr-size-selector-font-size', cssVariables.sizeSelectorFontSize)\n    if (cssVariables.sizeSelectorFontWeight)\n      r.style.setProperty('--tfr-size-selector-font-weight', cssVariables.sizeSelectorFontWeight)\n    if (cssVariables.sizeSelectorBgColor)\n      r.style.setProperty('--tfr-size-selector-bg-color', cssVariables.sizeSelectorBgColor)\n    if (cssVariables.sizeSelectorBorderColor)\n      r.style.setProperty('--tfr-size-selector-border-color', cssVariables.sizeSelectorBorderColor)\n    if (cssVariables.sizeSelectorBorderWidth)\n      r.style.setProperty('--tfr-size-selector-border-width', cssVariables.sizeSelectorBorderWidth)\n    if (cssVariables.sizeSelectorBgColorHover)\n      r.style.setProperty('--tfr-size-selector-bg-color-hover', cssVariables.sizeSelectorBgColorHover)\n    if (cssVariables.sizeSelectorBgColorActive)\n      r.style.setProperty('--tfr-size-selector-bg-color-active', cssVariables.sizeSelectorBgColorActive)\n    if (cssVariables.sizeSelectorButtonHeight)\n      r.style.setProperty('--tfr-size-selector-button-height', cssVariables.sizeSelectorButtonHeight)\n    if (cssVariables.sizeSelectorButtonActiveHeight)\n      r.style.setProperty('--tfr-size-selector-button-active-height', cssVariables.sizeSelectorButtonActiveHeight)\n    if (cssVariables.sizeSelectorButtonActiveBorderColor)\n      r.style.setProperty(\n        '--tfr-size-selector-button-active-border-color',\n        cssVariables.sizeSelectorButtonActiveBorderColor,\n      )\n    if (cssVariables.sizeSelectorButtonActiveBorderWidth)\n      r.style.setProperty(\n        '--tfr-size-selector-button-active-border-width',\n        cssVariables.sizeSelectorButtonActiveBorderWidth,\n      )\n    if (cssVariables.sizeSelectorButtonRadius)\n      r.style.setProperty('--tfr-size-selector-button-radius', cssVariables.sizeSelectorButtonRadius)\n    if (cssVariables.sizeSelectorButtonShadow)\n      r.style.setProperty('--tfr-size-selector-button-shadow', cssVariables.sizeSelectorButtonShadow)\n  }\n}\n"]}

package/.rollup.cache/Users/supagoku/projects/fit/shop-sdk-ui/dist/esm/tfr.js

@@ -1,212 +0,0 @@
-import { initShop } from '@thefittingroom/sdk';
-import { VtoComponent } from './components/Vto';
-import { L } from './components/locale';
-import { validateEmail, validatePassword } from './helpers/validations';
-import { TfrModal } from './tfr-modal';
-import { TfrSizeRec } from './tfr-size-rec';
-import * as types from './types';
-export class FittingRoom {
-    constructor(shopId, modalDivId, sizeRecMainDivId, vtoMainDivId, hooks = {}, cssVariables, _env) {
-        this.shopId = shopId;
-        this.hooks = hooks;
-        this.isLoggedIn = false;
-        this.unsub = null;
-        // prettier-ignore
-        const env = _env
-            ? _env
-            : typeof process !== 'undefined'
-                ? process.env.NODE_ENV
-                : 'dev';
-        console.log('tfr-env', env);
-        this.tfrModal = new TfrModal(modalDivId, this.signIn.bind(this), this.forgotPassword.bind(this), this.submitTel.bind(this));
-        this.tfrShop = initShop(Number(this.shopId), env);
-        this.tfrSizeRec = new TfrSizeRec(sizeRecMainDivId, cssVariables, this.tfrShop, this.onSignInClick.bind(this), this.signOut.bind(this), this.onFitInfoClick.bind(this), this.onTryOnClick.bind(this));
-        if (vtoMainDivId)
-            this.vtoComponent = new VtoComponent(vtoMainDivId);
-    }
-    get shop() {
-        return this.tfrShop;
-    }
-    get sku() {
-        return this.tfrSizeRec.sku;
-    }
-    async setSku(sku) {
-        var _a, _b;
-        this.tfrSizeRec.setSku(sku);
-        const style = await this.getStyle(this.sku);
-        if (!style) {
-            document.getElementById('tfr-size-recommendations').style.display = 'none';
-            return;
-        }
-        this.style = style;
-        if (!style.is_published) {
-            document.getElementById('tfr-size-recommendations').style.display = 'none';
-            console.log(`style ${style.id} is not published`);
-        }
-        else {
-            console.log(`style ${style.id} is published`);
-        }
-        console.log(`style ${style.id} virtual try on is disabled`);
-        if (style.is_vto) {
-            (_a = document.getElementById('tfr-try-on-button')) === null || _a === void 0 ? void 0 : _a.classList.remove('hide');
-        }
-        else {
-            (_b = document.getElementById('tfr-try-on-button')) === null || _b === void 0 ? void 0 : _b.classList.add('hide');
-        }
-        if (this.isLoggedIn)
-            this.tfrSizeRec.recommendSize();
-        else
-            this.setGarmentLocations(style);
-    }
-    async onInit() {
-        var _a, _b;
-        this.isLoggedIn = await this.tfrShop.onInit();
-        this.tfrSizeRec.setIsLoggedIn(this.isLoggedIn);
-        if (this.isLoggedIn) {
-            if ((_a = this.hooks) === null || _a === void 0 ? void 0 : _a.onLogin)
-                this.hooks.onLogin();
-            this.subscribeToProfileChanges();
-        }
-        else {
-            if ((_b = this.hooks) === null || _b === void 0 ? void 0 : _b.onLogout)
-                this.hooks.onLogout();
-            this.unsubscribeFromProfileChanges();
-        }
-        return this.isLoggedIn;
-    }
-    close() {
-        this.tfrModal.close();
-    }
-    async signOut() {
-        var _a;
-        await this.tfrShop.user.logout();
-        if ((_a = this.hooks) === null || _a === void 0 ? void 0 : _a.onLogout)
-            this.hooks.onLogout();
-        this.isLoggedIn = false;
-        this.tfrSizeRec.setIsLoggedIn(false);
-        this.setGarmentLocations(this.style);
-        this.unsubscribeFromProfileChanges();
-    }
-    async signIn(username, password, validationError) {
-        var _a;
-        if (username.length == 0 || password.length == 0)
-            return validationError(L.UsernameOrPasswordEmpty);
-        if (!validateEmail(username))
-            return validationError(L.EmailError);
-        if (!validatePassword(password))
-            return validationError(L.PasswordError);
-        try {
-            await this.tfrShop.user.login(username, password);
-            if ((_a = this.hooks) === null || _a === void 0 ? void 0 : _a.onLogin)
-                this.hooks.onLogin();
-            this.tfrModal.close();
-            this.isLoggedIn = true;
-            this.tfrSizeRec.setIsLoggedIn(true);
-            this.tfrSizeRec.recommendSize();
-            this.subscribeToProfileChanges();
-        }
-        catch (e) {
-            return validationError(L.UsernameOrPasswordIncorrect);
-        }
-    }
-    setBrandUserId(brandUserId) {
-        this.tfrShop.user.setBrandUserId(brandUserId);
-    }
-    async submitTel(tel) {
-        try {
-            await this.tfrShop.submitTelephoneNumber(tel);
-            this.tfrModal.toSignIn();
-        }
-        catch (_a) {
-            this.tfrModal.onError(L.SomethingWentWrong);
-        }
-    }
-    async forgotPassword(email) {
-        await this.tfrShop.user.sendPasswordResetEmail(email);
-        this.tfrModal.toSignIn();
-    }
-    async passwordReset(code, newPassword) {
-        await this.tfrShop.user.confirmPasswordReset(code, newPassword);
-        this.tfrModal.toPasswordReset();
-    }
-    async getMeasurementLocationsFromSku(sku) {
-        return this.tfrShop.getMeasurementLocationsFromSku(sku);
-    }
-    onSignInClick() {
-        this.tfrModal.toScan();
-    }
-    onFitInfoClick() {
-        this.tfrModal.toFitInfo();
-    }
-    async onTryOnClick(styleId, sizeId, shouldDisplay = true) {
-        if (!this.vtoComponent)
-            return console.error('VtoComponent is not initialized. Please check if the vtoMainDivId is correct.');
-        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);
-            }
-        }
-    }
-    onUserProfileChange(userProfile) {
-        var _a, _b, _c, _d;
-        switch (userProfile.avatar_status) {
-            case types.AvatarState.NOT_CREATED:
-                if ((_a = this.hooks) === null || _a === void 0 ? void 0 : _a.onError)
-                    this.hooks.onError(L.DontHaveAvatar);
-                this.tfrModal.onNotCreated();
-                break;
-            case types.AvatarState.PENDING:
-                if ((_b = this.hooks) === null || _b === void 0 ? void 0 : _b.onLoading)
-                    this.hooks.onLoading();
-                break;
-            case types.AvatarState.CREATED:
-                if ((_c = this.hooks) === null || _c === void 0 ? void 0 : _c.onLoadingComplete)
-                    this.hooks.onLoadingComplete();
-                break;
-            default:
-                if ((_d = this.hooks) === null || _d === void 0 ? void 0 : _d.onError)
-                    this.hooks.onError(L.SomethingWentWrong);
-                this.tfrModal.onError(L.SomethingWentWrong);
-                break;
-        }
-    }
-    subscribeToProfileChanges() {
-        if (this.unsub)
-            return;
-        this.unsub = this.tfrShop.user.watchUserProfileForChanges((userProfile) => this.onUserProfileChange(userProfile));
-    }
-    unsubscribeFromProfileChanges() {
-        if (!this.unsub)
-            return;
-        this.unsub();
-        this.unsub = null;
-    }
-    async setGarmentLocations(style) {
-        var _a, _b;
-        const filledLocations = ((_b = (_a = style === null || style === void 0 ? void 0 : style.sizes) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.garment_measurements.map((measurement) => measurement.measurement_location)) || [];
-        this.tfrSizeRec.setGarmentLocations(filledLocations);
-    }
-    async getStyle(brandStyleIdOrSku) {
-        try {
-            const colorwaySizeAsset = await this.tfrShop.getColorwaySizeAssetFromSku(brandStyleIdOrSku);
-            const style = await this.tfrShop.getStyle(colorwaySizeAsset.style_id);
-            return style;
-        }
-        catch (e) {
-            try {
-                const style = await this.tfrShop.getStyleByBrandStyleId(brandStyleIdOrSku);
-                return style;
-            }
-            catch (e2) {
-                return null;
-            }
-        }
-    }
-}
-//# sourceMappingURL=tfr.js.map

package/.rollup.cache/Users/supagoku/projects/fit/shop-sdk-ui/dist/esm/tfr.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tfr.js","sourceRoot":"","sources":["../../src/tfr.ts"],"names":[],"mappings":"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","sourcesContent":["import { types as ShopTypes, TfrShop, initShop } from '@thefittingroom/sdk'\nimport { FirestoreStyleCategory } from '@thefittingroom/sdk/dist/esm/types'\n\nimport { VtoComponent } from './components/Vto'\nimport { L } from './components/locale'\nimport { validateEmail, validatePassword } from './helpers/validations'\nimport { TfrModal } from './tfr-modal'\nimport { TfrCssVariables, TfrSizeRec } from './tfr-size-rec'\nimport * as types from './types'\n\nexport interface TfrHooks {\n  onLoading?: () => void\n  onLoadingComplete?: () => void\n  onError?: (error: string) => void\n  onVtoReady?: (frames: types.TryOnFrames) => void\n  onLogin?: () => void\n  onLogout?: () => void\n}\n\nexport class FittingRoom {\n  private isLoggedIn: boolean = false\n\n  public style: FirestoreStyleCategory\n\n  public readonly tfrModal: TfrModal\n  public readonly tfrSizeRec: TfrSizeRec\n  private readonly vtoComponent: VtoComponent\n  private readonly tfrShop: TfrShop\n  private unsub: () => void = null\n\n  constructor(\n    private readonly shopId: string | number,\n    modalDivId: string,\n    sizeRecMainDivId: string,\n    vtoMainDivId: string,\n    private readonly hooks: TfrHooks = {},\n    cssVariables: TfrCssVariables,\n    _env?: string,\n  ) {\n    // prettier-ignore\n    const env = _env\n      ? _env\n      : typeof process !== 'undefined'\n        ? process.env.NODE_ENV\n        : 'dev'\n\n    console.log('tfr-env', env)\n\n    this.tfrModal = new TfrModal(\n      modalDivId,\n      this.signIn.bind(this),\n      this.forgotPassword.bind(this),\n      this.submitTel.bind(this),\n    )\n    this.tfrShop = initShop(Number(this.shopId), env)\n    this.tfrSizeRec = new TfrSizeRec(\n      sizeRecMainDivId,\n      cssVariables,\n      this.tfrShop,\n      this.onSignInClick.bind(this),\n      this.signOut.bind(this),\n      this.onFitInfoClick.bind(this),\n      this.onTryOnClick.bind(this),\n    )\n\n    if (vtoMainDivId) this.vtoComponent = new VtoComponent(vtoMainDivId)\n  }\n\n  get shop() {\n    return this.tfrShop\n  }\n\n  get sku() {\n    return this.tfrSizeRec.sku\n  }\n\n  public async setSku(sku: string) {\n    this.tfrSizeRec.setSku(sku)\n\n    const style = await this.getStyle(this.sku)\n\n    if (!style) {\n      document.getElementById('tfr-size-recommendations').style.display = 'none'\n\n      return\n    }\n\n    this.style = style\n\n    if (!style.is_published) {\n      document.getElementById('tfr-size-recommendations').style.display = 'none'\n      console.log(`style ${style.id} is not published`)\n    } else {\n      console.log(`style ${style.id} is published`)\n    }\n\n    console.log(`style ${style.id} virtual try on is disabled`)\n\n    if (style.is_vto) {\n      document.getElementById('tfr-try-on-button')?.classList.remove('hide')\n    } else {\n      document.getElementById('tfr-try-on-button')?.classList.add('hide')\n    }\n\n    if (this.isLoggedIn) this.tfrSizeRec.recommendSize()\n    else this.setGarmentLocations(style)\n  }\n\n  public async onInit() {\n    this.isLoggedIn = await this.tfrShop.onInit()\n    this.tfrSizeRec.setIsLoggedIn(this.isLoggedIn)\n\n    if (this.isLoggedIn) {\n      if (this.hooks?.onLogin) this.hooks.onLogin()\n\n      this.subscribeToProfileChanges()\n    } else {\n      if (this.hooks?.onLogout) this.hooks.onLogout()\n\n      this.unsubscribeFromProfileChanges()\n    }\n\n    return this.isLoggedIn\n  }\n\n  public close() {\n    this.tfrModal.close()\n  }\n\n  public async signOut() {\n    await this.tfrShop.user.logout()\n\n    if (this.hooks?.onLogout) this.hooks.onLogout()\n\n    this.isLoggedIn = false\n    this.tfrSizeRec.setIsLoggedIn(false)\n    this.setGarmentLocations(this.style)\n    this.unsubscribeFromProfileChanges()\n  }\n\n  public async signIn(username: string, password: string, validationError: (message: string) => void) {\n    if (username.length == 0 || password.length == 0) return validationError(L.UsernameOrPasswordEmpty)\n    if (!validateEmail(username)) return validationError(L.EmailError)\n    if (!validatePassword(password)) return validationError(L.PasswordError)\n\n    try {\n      await this.tfrShop.user.login(username, password)\n\n      if (this.hooks?.onLogin) this.hooks.onLogin()\n      this.tfrModal.close()\n\n      this.isLoggedIn = true\n      this.tfrSizeRec.setIsLoggedIn(true)\n\n      this.tfrSizeRec.recommendSize()\n      this.subscribeToProfileChanges()\n    } catch (e) {\n      return validationError(L.UsernameOrPasswordIncorrect)\n    }\n  }\n\n  public setBrandUserId(brandUserId: string | number) {\n    this.tfrShop.user.setBrandUserId(brandUserId)\n  }\n\n  public async submitTel(tel: string) {\n    try {\n      await this.tfrShop.submitTelephoneNumber(tel)\n      this.tfrModal.toSignIn()\n    } catch {\n      this.tfrModal.onError(L.SomethingWentWrong)\n    }\n  }\n\n  public async forgotPassword(email: string) {\n    await this.tfrShop.user.sendPasswordResetEmail(email)\n\n    this.tfrModal.toSignIn()\n  }\n\n  public async passwordReset(code: string, newPassword: string) {\n    await this.tfrShop.user.confirmPasswordReset(code, newPassword)\n\n    this.tfrModal.toPasswordReset()\n  }\n\n  public async getMeasurementLocationsFromSku(sku: string) {\n    return this.tfrShop.getMeasurementLocationsFromSku(sku)\n  }\n\n  public onSignInClick() {\n    this.tfrModal.toScan()\n  }\n\n  public onFitInfoClick() {\n    this.tfrModal.toFitInfo()\n  }\n\n  public async onTryOnClick(styleId: number, sizeId: number, shouldDisplay: boolean = true) {\n    if (!this.vtoComponent)\n      return console.error('VtoComponent is not initialized. Please check if the vtoMainDivId is correct.')\n\n    const frames = await this.shop.tryOn(styleId, sizeId)\n\n    if (shouldDisplay) {\n      try {\n        this.vtoComponent.init()\n        this.vtoComponent.onNewFramesReady(frames)\n      } catch (e) {\n        console.error('Error initializing VTO:', e)\n        this.tfrModal.onError(L.SomethingWentWrong)\n      }\n    }\n  }\n\n  private onUserProfileChange(userProfile: ShopTypes.FirestoreUser) {\n    switch (userProfile.avatar_status as types.AvatarState) {\n      case types.AvatarState.NOT_CREATED:\n        if (this.hooks?.onError) this.hooks.onError(L.DontHaveAvatar)\n        this.tfrModal.onNotCreated()\n        break\n\n      case types.AvatarState.PENDING:\n        if (this.hooks?.onLoading) this.hooks.onLoading()\n        break\n\n      case types.AvatarState.CREATED:\n        if (this.hooks?.onLoadingComplete) this.hooks.onLoadingComplete()\n        break\n\n      default:\n        if (this.hooks?.onError) this.hooks.onError(L.SomethingWentWrong)\n        this.tfrModal.onError(L.SomethingWentWrong)\n        break\n    }\n  }\n\n  private subscribeToProfileChanges() {\n    if (this.unsub) return\n\n    this.unsub = this.tfrShop.user.watchUserProfileForChanges((userProfile) => this.onUserProfileChange(userProfile))\n  }\n\n  private unsubscribeFromProfileChanges() {\n    if (!this.unsub) return\n\n    this.unsub()\n    this.unsub = null\n  }\n\n  private async setGarmentLocations(style: FirestoreStyleCategory) {\n    const filledLocations =\n      style?.sizes?.[0]?.garment_measurements.map((measurement) => measurement.measurement_location) || ([] as string[])\n\n    this.tfrSizeRec.setGarmentLocations(filledLocations)\n  }\n\n  private async getStyle(brandStyleIdOrSku: string) {\n    try {\n      const colorwaySizeAsset = await this.tfrShop.getColorwaySizeAssetFromSku(brandStyleIdOrSku)\n      const style = await this.tfrShop.getStyle(colorwaySizeAsset.style_id)\n\n      return style\n    } catch (e) {\n      try {\n        const style = await this.tfrShop.getStyleByBrandStyleId(brandStyleIdOrSku)\n\n        return style\n      } catch (e2) {\n        return null\n      }\n    }\n  }\n}\n"]}