@thefittingroom/shop-ui 3.0.0-alpha-15 → 3.1.0

package/.rollup.cache/home/runner/work/shop-sdk-ui/shop-sdk-ui/dist/esm/helpers/validations.js

@@ -0,0 +1,15 @@
+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/home/runner/work/shop-sdk-ui/shop-sdk-ui/dist/esm/helpers/validations.js.map

@@ -0,0 +1 @@
+{"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/{dist/esm/index.d.ts → .rollup.cache/home/runner/work/shop-sdk-ui/shop-sdk-ui/dist/esm/index.js}

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

package/.rollup.cache/home/runner/work/shop-sdk-ui/shop-sdk-ui/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"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/home/runner/work/shop-sdk-ui/shop-sdk-ui/dist/esm/init.js

@@ -0,0 +1,7 @@
+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/home/runner/work/shop-sdk-ui/shop-sdk-ui/dist/esm/init.js.map

@@ -0,0 +1 @@
+{"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/{dist/esm/styles/index.d.ts → .rollup.cache/home/runner/work/shop-sdk-ui/shop-sdk-ui/dist/esm/styles/index.js}

@@ -9,3 +9,4 @@ import './spaces.css';
 import './telephone.css';
 import './text.css';
 import './variables.css';
+//# sourceMappingURL=index.js.map

package/.rollup.cache/home/runner/work/shop-sdk-ui/shop-sdk-ui/dist/esm/styles/index.js.map

@@ -0,0 +1 @@
+{"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/home/runner/work/shop-sdk-ui/shop-sdk-ui/dist/esm/tfr-modal.js

@@ -0,0 +1,77 @@
+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/home/runner/work/shop-sdk-ui/shop-sdk-ui/dist/esm/tfr-modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tfr-modal.js","sourceRoot":"","sources":["../../src/tfr-modal.ts"],"names":[],"mappings":"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","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/home/runner/work/shop-sdk-ui/shop-sdk-ui/dist/esm/tfr-size-rec.js

@@ -0,0 +1,188 @@
+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);
+        const locations = await this.getGarmentLocations(filledLocations);
+        console.debug('locations', locations);
+        console.debug('filledLocations', filledLocations);
+        this.sizeRecComponent.setGarmentLocations(locations || []);
+        this.sizeRecComponent.setLoading(false);
+    }
+    async setRecommendedSize() {
+        this.sizeRecComponent.setLoading(true);
+        const sizes = await this.getRecommenedSize();
+        if (!sizes) {
+            console.error('No sizes found for sku');
+            this.sizeRecComponent.setLoading(false);
+            this.sizeRecComponent.setError();
+            return;
+        }
+        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);
+                const locations = await this.tfrShop.getMeasurementLocationsFromBrandStyleId(style.id, filledLocations);
+                return locations;
+            }
+            catch (error) {
+                console.error(error);
+                this.sizeRecComponent.setError();
+                return null;
+            }
+        }
+    }
+    async getRecommenedSize() {
+        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);
+                const sizes = await this.getRecommendedSizes(String(style.id));
+                this.setStyleId(style.id);
+                return sizes;
+            }
+            catch (error) {
+                console.error(error);
+                this.sizeRecComponent.setError();
+                return null;
+            }
+        }
+    }
+    async getRecommendedSizes(styleId) {
+        const sizeRec = await this.tfrShop.getRecommendedSizes(styleId);
+        if (!sizeRec)
+            return null;
+        return {
+            recommended: sizeRec.recommended_size.size_value.size,
+            sizes: sizeRec.fits.map((fit) => {
+                return {
+                    size: sizeRec.available_sizes.find((size) => size.id === fit.size_id).size_value.size,
+                    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/home/runner/work/shop-sdk-ui/shop-sdk-ui/dist/esm/tfr-size-rec.js.map

@@ -0,0 +1 @@
+{"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    const locations = await this.getGarmentLocations(filledLocations)\n\n    console.debug('locations', locations)\n    console.debug('filledLocations', filledLocations)\n\n    this.sizeRecComponent.setGarmentLocations(locations || [])\n    this.sizeRecComponent.setLoading(false)\n  }\n\n  public async setRecommendedSize() {\n    this.sizeRecComponent.setLoading(true)\n    const sizes = await this.getRecommenedSize()\n\n    if (!sizes) {\n      console.error('No sizes found for sku')\n      this.sizeRecComponent.setLoading(false)\n      this.sizeRecComponent.setError()\n\n      return\n    }\n\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        const locations = await this.tfrShop.getMeasurementLocationsFromBrandStyleId(style.id, filledLocations)\n\n        return locations\n      } catch (error) {\n        console.error(error)\n        this.sizeRecComponent.setError()\n        return null\n      }\n    }\n  }\n\n  private async getRecommenedSize() {\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        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.setError()\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.size,\n      sizes: sizeRec.fits.map((fit) => {\n        return {\n          size: sizeRec.available_sizes.find((size) => size.id === fit.size_id).size_value.size,\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/home/runner/work/shop-sdk-ui/shop-sdk-ui/dist/esm/tfr.js

@@ -0,0 +1,196 @@
+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 checkIfPublished(brandStyleIdOrSku) {
+        const style = await this.getStyle(brandStyleIdOrSku);
+        return Boolean(style === null || style === void 0 ? void 0 : style.is_published);
+    }
+    setSku(sku) {
+        this.tfrSizeRec.setSku(sku);
+        if (this.isLoggedIn)
+            this.tfrSizeRec.setRecommendedSize();
+        else
+            this.setGarmentLocations();
+    }
+    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.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.setRecommendedSize();
+            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() {
+        var _a, _b;
+        const style = await this.getStyle(this.sku);
+        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 (_a) {
+            try {
+                const style = await this.tfrShop.getStyleByBrandStyleId(brandStyleIdOrSku);
+                return style;
+            }
+            catch (_b) {
+                return null;
+            }
+        }
+    }
+}
+//# sourceMappingURL=tfr.js.map

package/.rollup.cache/home/runner/work/shop-sdk-ui/shop-sdk-ui/dist/esm/tfr.js.map

@@ -0,0 +1 @@
+{"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'\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 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 checkIfPublished(brandStyleIdOrSku: string) {\n    const style = await this.getStyle(brandStyleIdOrSku)\n\n    return Boolean(style?.is_published)\n  }\n\n  public setSku(sku: string) {\n    this.tfrSizeRec.setSku(sku)\n\n    if (this.isLoggedIn) this.tfrSizeRec.setRecommendedSize()\n    else this.setGarmentLocations()\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()\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      this.tfrSizeRec.setRecommendedSize()\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() {\n    const style = await this.getStyle(this.sku)\n\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 {\n      try {\n        const style = await this.tfrShop.getStyleByBrandStyleId(brandStyleIdOrSku)\n\n        return style\n      } catch {\n        return null\n      }\n    }\n  }\n}\n"]}

package/.rollup.cache/home/runner/work/shop-sdk-ui/shop-sdk-ui/dist/esm/types/index.js

@@ -0,0 +1,15 @@
+export const TfrLogo = process.env.ASSETS_URL + '/tfr-logo.svg';
+export const AposeLogo = process.env.ASSETS_URL + '/apose-logo.svg';
+export const AppStoreLogo = process.env.ASSETS_URL + '/app-store-logo.svg';
+export const QrCodeLogo = process.env.ASSETS_URL + '/qr-code-logo.svg';
+export const NotLoggedIn = new Error('user not logged in');
+export const NoFramesFound = new Error('No frames found for this colorway');
+export const NoColorwaySizeAssetsFound = new Error('No colorway size assets found');
+export const NoStylesFound = new Error('No styles found');
+export var AvatarState;
+(function (AvatarState) {
+    AvatarState["NOT_CREATED"] = "NOT_CREATED";
+    AvatarState["CREATED"] = "CREATED";
+    AvatarState["PENDING"] = "PENDING";
+})(AvatarState || (AvatarState = {}));
+//# sourceMappingURL=index.js.map

package/.rollup.cache/home/runner/work/shop-sdk-ui/shop-sdk-ui/dist/esm/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/types/index.ts"],"names":[],"mappings":"AAMA,MAAM,CAAC,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,CAAC,UAAU,GAAG,eAAe,CAAA;AAC/D,MAAM,CAAC,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,CAAC,UAAU,GAAG,iBAAiB,CAAA;AACnE,MAAM,CAAC,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,CAAC,UAAU,GAAG,qBAAqB,CAAA;AAC1E,MAAM,CAAC,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,CAAC,UAAU,GAAG,mBAAmB,CAAA;AAEtE,MAAM,CAAC,MAAM,WAAW,GAAG,IAAI,KAAK,CAAC,oBAAoB,CAAC,CAAA;AAC1D,MAAM,CAAC,MAAM,aAAa,GAAG,IAAI,KAAK,CAAC,mCAAmC,CAAC,CAAA;AAC3E,MAAM,CAAC,MAAM,yBAAyB,GAAG,IAAI,KAAK,CAAC,+BAA+B,CAAC,CAAA;AACnF,MAAM,CAAC,MAAM,aAAa,GAAG,IAAI,KAAK,CAAC,iBAAiB,CAAC,CAAA;AA8GzD,MAAM,CAAN,IAAY,WAIX;AAJD,WAAY,WAAW;IACrB,0CAA2B,CAAA;IAC3B,kCAAmB,CAAA;IACnB,kCAAmB,CAAA;AACrB,CAAC,EAJW,WAAW,KAAX,WAAW,QAItB","sourcesContent":["import { FirebaseUser, TfrShop } from '@thefittingroom/sdk'\n\nimport { ModalManager } from '../components'\nimport { UIError } from '../components/uiError'\nimport * as types from '../types'\n\nexport const TfrLogo = process.env.ASSETS_URL + '/tfr-logo.svg'\nexport const AposeLogo = process.env.ASSETS_URL + '/apose-logo.svg'\nexport const AppStoreLogo = process.env.ASSETS_URL + '/app-store-logo.svg'\nexport const QrCodeLogo = process.env.ASSETS_URL + '/qr-code-logo.svg'\n\nexport const NotLoggedIn = new Error('user not logged in')\nexport const NoFramesFound = new Error('No frames found for this colorway')\nexport const NoColorwaySizeAssetsFound = new Error('No colorway size assets found')\nexport const NoStylesFound = new Error('No styles found')\n\nexport interface RecommendedAvailableSizes {\n  error: string\n  recommended_size: string\n  available_sizes: string[]\n}\n\nexport interface FittingRoom {\n  shop: TfrShop\n  manager: ModalManager\n  onSignout(colorwaySizeAssetSKU: string): () => Promise<void>\n  onClose(): void\n  onNavBack(): void\n  onTryOn(colorwaySizeAssetSKU: string): void\n  whenAvatarNotCreated(colorwaySizeAssetSKU: string): void\n  whenAvatarPending(colorwaySizeAssetSKU: string): void\n  whenAvatarCreated(colorwaySizeAssetSKU: string): void\n  whenNotSignedIn(colorwaySizeAssetSKU: string): void\n\n  whenTryOnReady(colorwaySizeAssetSKU: string, frames: types.TryOnFrames): void\n\n  whenTryOnLoading(colorwaySizeAssetSKU: string): void\n\n  whenTryOnFailed(colorwaySizeAssetSKU: string, error: Error): void\n\n  whenError(colorwaySizeAssetSKU: string, error: UIError): void\n  whenSignedIn(user: FirebaseUser, colorwaySizeAssetSKU: string): void\n  whenSignedOut(colorwaySizeAssetSKU: string): void\n\n  onSignIn(\n    colorwaySizeAssetSKU: string,\n  ): (username: string, password: string, validation: (message: string) => void) => void\n  onNavSignIn(colorwaySizeAssetSKU: string): (email: string) => void\n  onPasswordReset(colorwaySizeAssetSKU: string): (email: string) => void\n  onNavForgotPassword(colorwaySizeAssetSKU: string): (email: string) => void\n  onNavScanCode(colorwaySizeAssetSKU: string): void\n  TryOn(colorwaySizeAssetSKU: string): void\n}\n\nexport interface ModalContent {\n  Body: () => string\n  Hook(): void\n  Unhook(): void\n  useFullModalContent: boolean\n}\n\nexport interface ModalProps {}\n\nexport interface SignInParams {\n  email: string\n  password: string\n}\nexport interface SignInModalProps extends ModalProps {\n  email?: string\n  onSignIn: (email: string, password: string, validationError: (message: string) => void) => void\n  onNavForgotPassword: (email?: string) => void\n  onNavScanCode: () => void\n}\nexport interface ForgotPasswordModalProps extends ModalProps {\n  email?: string\n  onNavSignIn: (email: string) => void\n  onPasswordReset: (email: string) => void\n}\nexport type NoAvatarModalProps = ModalProps\nexport interface LoadingAvatarModalProps extends ModalProps {\n  timeoutMS: number\n}\n\nexport interface TryOnModalProps extends ModalProps {\n  frames: TryOnFrames\n  onNavBack: () => void\n  onClose: () => void\n}\n\nexport interface ErrorModalProps extends ModalProps {\n  error: string\n  onNavBack: () => void\n  onClose: () => void\n}\n\nexport interface SizeErrorModalProps {\n  onNavBack: () => void\n  onClose: () => void\n  sizes?: {\n    recommended: string\n    available: string[]\n  }\n}\n\nexport interface ResetLinkModalProps {\n  email: string\n  onNavSignIn: (email: string) => void\n}\nexport interface ScanCodeModalProps {\n  onSignInNav: () => void\n  onTelSubmit: (tel: string) => void\n}\nexport interface LoggedOutModalProps {\n  onClose: () => void\n  onNavSignIn: (email: string) => void\n}\n\nexport interface FitModalProps {\n  onSignInNav: () => void\n  onClose: () => void\n}\n\nexport type TryOnFrames = string[]\n\nexport enum AvatarState {\n  NOT_CREATED = 'NOT_CREATED',\n  CREATED = 'CREATED',\n  PENDING = 'PENDING',\n}\n\nexport type FirestoreColorwaySizeAsset = {\n  id: number\n  size_id: number\n  style_id: number\n  colorway_id: number\n  colorway_name: string\n  sku: string\n}\n\nexport type FirestoreGarmentMeasurement = {\n  id: number\n  measurement_location: string\n  tolerance: number\n  value: number\n}\n\nexport type FirestoreSize = {\n  id: number\n  size: string\n  label: string\n  size_system: string\n  size_value_id: string\n  garment_measurements: Map<string, FirestoreGarmentMeasurement>\n}\n\nexport type FirestoreColorway = {\n  id: number\n  name: string\n}\n\nexport type FirestoreStyle = {\n  id: number\n  brand_id: number\n  brand_style_id: string\n  name: string\n  description: string\n  garment_category: string\n  is_published: boolean\n  sale_type: string\n  colorways: { [key: number]: FirestoreColorway }\n  sizes: { [key: number]: FirestoreSize }\n}\n"]}