@thefittingroom/shop-ui 3.2.2 → 4.1.0

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

@@ -1,51 +0,0 @@
-import { InitImageSlider } from '../../components/slider';
-const TryOnModal = (props) => {
-    let close = () => void 0;
-    const onNavBack = () => {
-        props.onNavBack();
-    };
-    const onClose = () => {
-        props.onClose();
-    };
-    const Hook = () => {
-        var _a, _b;
-        const tryOnImage = document.getElementById('tfr-tryon-image');
-        const onChange = (slider, imageUrl) => {
-            console.debug('slider change', slider, imageUrl);
-            tryOnImage.src = imageUrl;
-        };
-        const slider = InitImageSlider('tfr-slider', onChange);
-        if (Array.isArray(props.frames) && props.frames.length > 0) {
-            const e = slider.Load(props.frames);
-            if (e instanceof Error) {
-                console.error(e);
-                return;
-            }
-            close = e;
-        }
-        (_a = document.getElementById('tfr-back')) === null || _a === void 0 ? void 0 : _a.addEventListener('click', onNavBack);
-        (_b = document.getElementById('tfr-close')) === null || _b === void 0 ? void 0 : _b.addEventListener('click', onClose);
-    };
-    const Unhook = () => {
-        var _a, _b;
-        close();
-        (_a = document.getElementById('tfr-back')) === null || _a === void 0 ? void 0 : _a.removeEventListener('click', onNavBack);
-        (_b = document.getElementById('tfr-close')) === null || _b === void 0 ? void 0 : _b.removeEventListener('click', onClose);
-    };
-    const Body = () => {
-        return `
-        <div class="tfr-slider-wrapper">
-				<img id="tfr-tryon-image" src="" />
-				<input type="range" id="tfr-slider" />
-				</div>
-        `;
-    };
-    return {
-        Hook,
-        Unhook,
-        Body,
-        useFullModalContent: true,
-    };
-};
-export default TryOnModal;
-//# sourceMappingURL=TryOnModal.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TryOnModal.js","sourceRoot":"","sources":["../../../../src/components/Modals/TryOnModal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAA;AAGzD,MAAM,UAAU,GAAG,CAAC,KAAsB,EAAgB,EAAE;IAC1D,IAAI,KAAK,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,CAAA;IAExB,MAAM,SAAS,GAAG,GAAG,EAAE;QACrB,KAAK,CAAC,SAAS,EAAE,CAAA;IACnB,CAAC,CAAA;IAED,MAAM,OAAO,GAAG,GAAG,EAAE;QACnB,KAAK,CAAC,OAAO,EAAE,CAAA;IACjB,CAAC,CAAA;IAED,MAAM,IAAI,GAAG,GAAG,EAAE;;QAChB,MAAM,UAAU,GAAqB,QAAQ,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAAA;QAC/E,MAAM,QAAQ,GAAG,CAAC,MAAM,EAAE,QAAQ,EAAE,EAAE;YACpC,OAAO,CAAC,KAAK,CAAC,eAAe,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAA;YAChD,UAAU,CAAC,GAAG,GAAG,QAAQ,CAAA;QAC3B,CAAC,CAAA;QACD,MAAM,MAAM,GAAG,eAAe,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAA;QACtD,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAC3D,MAAM,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA;YACnC,IAAI,CAAC,YAAY,KAAK,EAAE,CAAC;gBACvB,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA;gBAChB,OAAM;YACR,CAAC;YACD,KAAK,GAAG,CAAe,CAAA;QACzB,CAAC;QACD,MAAA,QAAQ,CAAC,cAAc,CAAC,UAAU,CAAC,0CAAE,gBAAgB,CAAC,OAAO,EAAE,SAAS,CAAC,CAAA;QACzE,MAAA,QAAQ,CAAC,cAAc,CAAC,WAAW,CAAC,0CAAE,gBAAgB,CAAC,OAAO,EAAE,OAAO,CAAC,CAAA;IAC1E,CAAC,CAAA;IAED,MAAM,MAAM,GAAG,GAAG,EAAE;;QAClB,KAAK,EAAE,CAAA;QACP,MAAA,QAAQ,CAAC,cAAc,CAAC,UAAU,CAAC,0CAAE,mBAAmB,CAAC,OAAO,EAAE,SAAS,CAAC,CAAA;QAC5E,MAAA,QAAQ,CAAC,cAAc,CAAC,WAAW,CAAC,0CAAE,mBAAmB,CAAC,OAAO,EAAE,OAAO,CAAC,CAAA;IAC7E,CAAC,CAAA;IAED,MAAM,IAAI,GAAG,GAAG,EAAE;QAChB,OAAO;;;;;SAKF,CAAA;IACP,CAAC,CAAA;IAED,OAAO;QACL,IAAI;QACJ,MAAM;QACN,IAAI;QACJ,mBAAmB,EAAE,IAAI;KAC1B,CAAA;AACH,CAAC,CAAA;AAED,eAAe,UAAU,CAAA","sourcesContent":["import { InitImageSlider } from '../../components/slider'\nimport { ModalContent, TryOnModalProps } from '../../types'\n\nconst TryOnModal = (props: TryOnModalProps): ModalContent => {\n  let close = () => void 0\n\n  const onNavBack = () => {\n    props.onNavBack()\n  }\n\n  const onClose = () => {\n    props.onClose()\n  }\n\n  const Hook = () => {\n    const tryOnImage = <HTMLImageElement>document.getElementById('tfr-tryon-image')\n    const onChange = (slider, imageUrl) => {\n      console.debug('slider change', slider, imageUrl)\n      tryOnImage.src = imageUrl\n    }\n    const slider = InitImageSlider('tfr-slider', onChange)\n    if (Array.isArray(props.frames) && props.frames.length > 0) {\n      const e = slider.Load(props.frames)\n      if (e instanceof Error) {\n        console.error(e)\n        return\n      }\n      close = e as () => void\n    }\n    document.getElementById('tfr-back')?.addEventListener('click', onNavBack)\n    document.getElementById('tfr-close')?.addEventListener('click', onClose)\n  }\n\n  const Unhook = () => {\n    close()\n    document.getElementById('tfr-back')?.removeEventListener('click', onNavBack)\n    document.getElementById('tfr-close')?.removeEventListener('click', onClose)\n  }\n\n  const Body = () => {\n    return `\n        <div class=\"tfr-slider-wrapper\">\n\t\t\t\t<img id=\"tfr-tryon-image\" src=\"\" />\n\t\t\t\t<input type=\"range\" id=\"tfr-slider\" />\n\t\t\t\t</div>\n        `\n  }\n\n  return {\n    Hook,\n    Unhook,\n    Body,\n    useFullModalContent: true,\n  }\n}\n\nexport default TryOnModal\n"]}

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

@@ -1,374 +0,0 @@
-import { infoIcon, tfrDoor, userIcon } from './svgs';
-export class SizeRecComponent {
-    constructor(sizeRecMainDivId, onSignInClick, onSignOutClick, onFitInfoClick, onTryOnClick) {
-        this.onSignInClick = onSignInClick;
-        this.onSignOutClick = onSignOutClick;
-        this.onFitInfoClick = onFitInfoClick;
-        this.onTryOnClick = onTryOnClick;
-        this._sku = '';
-        this._styleId = null;
-        this.isLoggedIn = false;
-        this.tfrLoggedInElements = [];
-        this.tfrLoggedOutElements = [];
-        this.tfrToggleOpenElements = [];
-        this.tfrToggleClosedElements = [];
-        this.isCollapsed = false;
-        this.redraw = null;
-        this.init(sizeRecMainDivId);
-    }
-    get sku() {
-        return this._sku;
-    }
-    setSku(sku) {
-        this._sku = sku;
-    }
-    get styleId() {
-        return this._styleId;
-    }
-    setStyleId(styleId) {
-        this._styleId = styleId;
-    }
-    setIsLoggedIn(isLoggedIn) {
-        this.isLoggedIn = isLoggedIn;
-        this.tfrSizeRecSelectContainer.style.display = 'flex';
-        this.tfrSizeRecSelect.style.display = 'flex';
-        this.tfrSizeHowItFits.style.display = 'block';
-        if (isLoggedIn) {
-            this.tfrSizeHowItFits.style.opacity = '1';
-            this.tfrSizeRecSelect.style.opacity = '1';
-            this.tfrLoggedInElements.forEach((element) => (element.style.display = 'block'));
-            this.tfrLoggedOutElements.forEach((element) => (element.style.display = 'none'));
-            this.tfrSizeRecActionLogin.style.display = 'none';
-            this.tfrSizeRecActionLogout.style.display = 'block';
-            this.tfrSizeRecTitle.style.display = 'flex';
-            this.isCollapsed = false;
-            this.tfrSizeRecTitleToggle.classList.add('tfr-chevron-up');
-            this.tfrSizeRecTitleToggle.classList.remove('tfr-chevron-down');
-            // Ensure the container is visible
-            this.tfrSizeRecSelectContainer.style.display = 'flex';
-            this.tfrSizeRecSelectContainer.style.opacity = '1';
-        }
-        else {
-            this.tfrSizeHowItFits.style.opacity = '0.4';
-            this.tfrSizeRecSelect.style.opacity = '0.4';
-            this.tfrLoggedInElements.forEach((element) => (element.style.display = 'none'));
-            this.tfrLoggedOutElements.forEach((element) => (element.style.display = 'block'));
-            this.tfrSizeRecActionLogin.style.display = 'block';
-            this.tfrSizeRecActionLogout.style.display = 'none';
-            this.tfrSizeRecTitle.style.display = 'flex';
-            this.tfrSizeRecommendationError.style.display = 'none';
-            this.tfrSizeRecommendationError.innerHTML = '';
-            this.renderSizeRecSelectLoggedOut();
-        }
-    }
-    setLoading(isLoading) {
-        if (isLoading) {
-            this.tfrSizeRecLoading.style.display = 'block';
-            this.tfrSizeRecommendationsContainer.style.display = 'none';
-        }
-        else {
-            this.tfrSizeRecLoading.style.display = 'none';
-            this.tfrSizeRecommendationsContainer.style.display = 'flex';
-        }
-    }
-    setGarmentLocations(locations) {
-        if (!locations || !locations.length) {
-            this.tfrSizeRecTitle.style.display = 'none';
-            return;
-        }
-        this.renderGarmentLocations(locations);
-    }
-    setRecommendedSize({ recommended, sizes }) {
-        this.renderSizeRec(recommended, sizes);
-    }
-    setError() {
-        this.tfrSizeRecTitle.style.display = 'none';
-        if (!this.isLoggedIn)
-            return;
-        this.tfrSizeRecommendationError.style.display = 'block';
-        this.tfrSizeRecommendationError.innerHTML = 'No recommended size found.';
-    }
-    hide() {
-        if (this.sizeRecMainDiv) {
-            this.sizeRecMainDiv.style.display = 'none';
-        }
-    }
-    show() {
-        if (this.sizeRecMainDiv) {
-            this.sizeRecMainDiv.style.display = 'block';
-        }
-    }
-    init(sizeRecMainDivId) {
-        const sizeRecMainDiv = document.getElementById(sizeRecMainDivId);
-        if (!sizeRecMainDiv)
-            throw new Error('Size rec main div not found');
-        this.sizeRecMainDiv = sizeRecMainDiv;
-        this.render(sizeRecMainDiv);
-        this.setElements();
-        this.bindEvents();
-    }
-    setElements() {
-        this.tfrSizeHowItFits = document.getElementById('tfr-size-how-it-fits');
-        this.tfrSizeRecTitle = document.getElementById('tfr-size-rec-title');
-        this.tfrInfoIcon = document.getElementById('tfr-info-icon');
-        this.tfrLoginToView = document.getElementById('tfr-login-to-view');
-        this.tfrSizeRecActionLogin = document.getElementById('tfr-size-rec-action-login');
-        this.tfrSizeRecActionLogout = document.getElementById('tfr-size-rec-action-logout');
-        this.tfrSizeRecTable = document.getElementById('tfr-size-rec-table');
-        this.tfrSizeRecommendationError = document.getElementById('tfr-size-recommendation-error');
-        this.tfrSizeRecSize = document.getElementById('tfr-size-rec-size');
-        this.tfrSizeRecSelect = document.getElementById('tfr-size-rec-select');
-        this.tfrSizeRecLoading = document.getElementById('tfr-size-rec-loading');
-        this.tfrSizeRecTitleToggle = document.getElementById('tfr-size-rec-title-toggle');
-        this.tfrSizeRecSelectContainer = document.getElementById('tfr-size-rec-select-container');
-        this.tfrSizeRecommendationsContainer = document.getElementById('tfr-size-recommendations-container');
-        this.tfrLoggedInElements = document.querySelectorAll('.tfr-logged-in');
-        this.tfrLoggedOutElements = document.querySelectorAll('.tfr-logged-out');
-        this.tfrToggleOpenElements = document.querySelectorAll('.tfr-toggle-open');
-        this.tfrToggleClosedElements = document.querySelectorAll('.tfr-toggle-closed');
-    }
-    bindEvents() {
-        this.tfrSizeRecActionLogin.addEventListener('click', this.onSignInClick);
-        this.tfrSizeRecActionLogout.addEventListener('click', this.onSignOutClick);
-        this.tfrSizeRecSelect.addEventListener('click', this.onSizeRecSelectClick.bind(this));
-        this.tfrSizeRecTitleToggle.addEventListener('click', this.toggletSizeRecSelectContainer.bind(this));
-        this.tfrInfoIcon.addEventListener('click', this.onFitInfoClick);
-        this.tfrLoginToView.addEventListener('click', this.onSignInClick);
-        const tryOnButton = document.getElementById('tfr-try-on-button');
-        if (!tryOnButton)
-            return;
-        tryOnButton.addEventListener('click', async () => {
-            // Prevent multiple clicks while loading
-            if (tryOnButton.classList.contains('loading')) {
-                return;
-            }
-            const activeButton = document.querySelector('.tfr-size-rec-select-button.active');
-            if (!activeButton)
-                return;
-            const selectedSizeId = Number(activeButton.getAttribute('data-size-id'));
-            if (Number.isNaN(selectedSizeId))
-                return;
-            // Set loading state
-            tryOnButton.classList.add('loading');
-            const originalText = tryOnButton.textContent;
-            tryOnButton.textContent = ' ';
-            tryOnButton.setAttribute('disabled', 'true');
-            try {
-                // Get all size buttons
-                const allSizeButtons = Array.from(document.querySelectorAll('.tfr-size-rec-select-button'));
-                const activeIndex = allSizeButtons.indexOf(activeButton);
-                if (this.styleId !== null) {
-                    // 1. Fetch and display the VTO for the active (recommended) size
-                    try {
-                        await this.onTryOnClick(this.styleId, selectedSizeId, true);
-                    }
-                    catch (e) {
-                        console.error(`Error trying on active size ${selectedSizeId}:`, e);
-                        // Optionally, inform the user about the error for the primary VTO
-                    }
-                    // 2. Fetch VTO for the size to the left (if it exists)
-                    if (activeIndex > 0) {
-                        const leftButton = allSizeButtons[activeIndex - 1];
-                        await this._preloadNeighborVTO(leftButton);
-                    }
-                    // 3. Fetch VTO for the size to the right (if it exists)
-                    if (activeIndex >= 0 && activeIndex < allSizeButtons.length - 1) {
-                        const rightButton = allSizeButtons[activeIndex + 1];
-                        await this._preloadNeighborVTO(rightButton);
-                    }
-                }
-            }
-            catch (error) {
-                console.error('Error during sequential try-on process:', error);
-            }
-            finally {
-                // Reset loading state
-                tryOnButton.classList.remove('loading');
-                tryOnButton.textContent = originalText;
-                tryOnButton.removeAttribute('disabled');
-            }
-        });
-    }
-    async _preloadNeighborVTO(buttonElement) {
-        var _a;
-        // this.styleId is assumed to be non-null here because the calling context (bindEvents)
-        // is wrapped in 'if (this.styleId !== null)'
-        const sizeId = Number(buttonElement.getAttribute('data-size-id'));
-        if (!Number.isNaN(sizeId)) {
-            try {
-                await this.onTryOnClick(this.styleId, sizeId, false);
-            }
-            catch (e) {
-                const buttonText = ((_a = buttonElement.textContent) === null || _a === void 0 ? void 0 : _a.trim()) || 'N/A';
-                console.error(`Error pre-loading try-on for size ${sizeId} (button: ${buttonText}):`, e);
-            }
-        }
-    }
-    onSizeRecSelectClick(e) {
-        const target = e.target;
-        if (!target.classList.contains('tfr-size-rec-select-button') || target.classList.contains('tfr-disabled'))
-            return;
-        e.preventDefault();
-        const selectedIndex = Number(target.getAttribute('data-index'));
-        if (Number.isNaN(selectedIndex))
-            return;
-        const allButtons = document.querySelectorAll('.tfr-size-rec-select-button');
-        allButtons.forEach((button) => button.classList.remove('active'));
-        allButtons.item(selectedIndex).classList.add('active');
-        this.redraw(selectedIndex);
-        const selectedSizeId = Number(target.getAttribute('data-size-id'));
-        if (Number.isNaN(selectedSizeId))
-            return;
-        this.onTryOnClick(this.styleId, selectedSizeId, true);
-    }
-    renderSizeRec(recommended, sizes) {
-        this.tfrSizeRecSize.innerHTML = `&nbsp;${recommended}`;
-        const selectedSizeIndex = sizes.findIndex(({ size }) => size === recommended);
-        this.redraw = (index) => this.renderSizeRecTable(sizes, index);
-        this.redraw(selectedSizeIndex);
-        this.renderSizeRecSelect(sizes, selectedSizeIndex);
-    }
-    renderSizeRecTable(sizes, index) {
-        const { locations } = sizes[index];
-        const html = locations
-            .map(({ location, fit, isPerfect }) => this.renderSizeRecTableRow(location, fit, isPerfect))
-            .join('');
-        this.tfrSizeRecTable.innerHTML = html;
-    }
-    renderSizeRecSelect(sizes, index) {
-        const sizeNames = sizes.map(({ size }) => size);
-        const html = sizeNames
-            .map((name, i) => `<div class="tfr-size-rec-select-button ${i === index ? 'active' : ''}" data-index="${i}" data-size-id="${sizes[i].size_id}">${name}</div>`)
-            .join('');
-        this.tfrSizeRecSelect.innerHTML = html;
-    }
-    renderSizeRecSelectLoggedOut() {
-        const html = [
-            `<div class="tfr-size-rec-select-button tfr-disabled">M</div>`,
-            `<div class="tfr-size-rec-select-button tfr-disabled active">L</div>`,
-            `<div class="tfr-size-rec-select-button tfr-disabled">XL</div>`,
-        ].join('');
-        this.tfrSizeRecSelect.innerHTML = html;
-    }
-    renderSizeRecTableRow(location, fit, isPerfect = false) {
-        return `<div class="tfr-size-rec-table-row">
-              <div class="tfr-size-rec-table-cell-left">${location}</div>
-              <div class="tfr-size-rec-table-cell-right ${isPerfect ? 'perfect' : ''}">
-                ${fit}
-              </div>
-            </div>`;
-    }
-    renderGarmentLocations(locations) {
-        const innerHtml = locations
-            .map((location, index) => this.renderSizeRecTableRow(location, this.randomFit(index), true))
-            .join('');
-        const html = `<div id="tfr-logged-out-overlay-container">
-                    <div id="tfr-logged-out-overlay">
-                      Login to reveal how this item will fit specifically at each area of your body in different sizes
-                    </div>
-                    <div>
-                      ${innerHtml}
-                    </div>
-                  </div>`;
-        this.tfrSizeRecTable.innerHTML = html;
-    }
-    randomFit(index) {
-        const choices = ['Slightly Tight', 'Perfect Fit', 'Perfect Fit', 'Slightly Loose', 'Perfect Fit'];
-        return choices[index % choices.length];
-    }
-    toggletSizeRecSelectContainer() {
-        if (this.isCollapsed) {
-            this.isCollapsed = false;
-            this.tfrSizeRecTitleToggle.classList.add('tfr-chevron-up');
-            this.tfrSizeRecTitleToggle.classList.remove('tfr-chevron-down');
-            this.tfrToggleOpenElements.forEach((element) => (element.style.display = 'block'));
-            this.tfrToggleClosedElements.forEach((element) => (element.style.display = 'none'));
-        }
-        else {
-            this.isCollapsed = true;
-            this.tfrSizeRecTitleToggle.classList.remove('tfr-chevron-up');
-            this.tfrSizeRecTitleToggle.classList.add('tfr-chevron-down');
-            this.tfrToggleOpenElements.forEach((element) => (element.style.display = 'none'));
-            this.tfrToggleClosedElements.forEach((element) => (element.style.display = 'block'));
-        }
-    }
-    render(sizeRecMainDiv) {
-        const body = `<div id="tfr-size-recommendations">
-                    <div id="tfr-size-rec-loading">
-                      <div class="lds-ellipsis">
-                        <div></div>
-                        <div></div>
-                        <div></div>
-                        <div></div>
-                      </div>
-                    </div>
-                    <div id="tfr-size-recommendations-container">
-                      <div id="tfr-size-rec-title-toggle" class="tfr-chevron-up">v</div>
-
-                      <div class="tfr-logged-out">
-                        <div class="tfr-flex tfr-gap tfr-mb-2 tfr-mobile-small-text">
-                          <div>Uncertain&nbsp;of&nbsp;your&nbsp;size?</div>
-                          
-                          <div class="tfr-toggle-closed">
-                            <div class="tfr-flex tfr-items-center">
-                              <div>Try</div>
-                              <div class="tfr-powered-by-logo">${tfrDoor}</div>
-                              <div class="tfr-powered-by-text-bold">The&nbsp;Fitting&nbsp;Room</div>
-                            </div>
-                          </div>
-
-                          <div class="tfr-toggle-open">
-                            <div id="tfr-login-to-view" class="tfr-flex tfr-items-center">
-                              ${userIcon} Login to view
-                            </div>
-                          </div>
-                        </div>
-                      </div>
-
-                      <div class="tfr-logged-in">
-                        <div id="tfr-size-rec-title">
-                          Recommended Size:
-                          <div id="tfr-size-rec-size">
-                            <div class="tfr-size-rec-login-cta">
-                              ${userIcon} Sign up to view
-                            </div>
-                          </div>
-                        </div>
-                      </div>
-
-                      <div class="tfr-toggle-open" style="width: 100%">
-                        <div id="tfr-size-rec-select-container">
-                          <div id="tfr-size-how-it-fits">Select size to see how it fits:</div>
-
-                          <div id="tfr-size-rec-select"></div>
-
-                          <div id="tfr-size-rec-subtitle">
-                            How it fits
-                            <span id="tfr-info-icon">${infoIcon}</span>
-                          </div>
-
-                          <div id="tfr-size-rec-table"></div>
-
-                          <div id="tfr-try-on-button" class="tfr-try-on-button">Try On</div>
-                        </div>
-                      </div>
-
-                      <div id="tfr-size-rec-action">
-                        <div id="tfr-size-rec-action-login">Sign up or login</div>
-                        <div id="tfr-size-rec-action-logout">Log out</div>
-                      </div>
-
-                      <div class="tfr-toggle-open">
-                        <div class="tfr-powered-by">
-                          <div>Powered by</div>
-                          <div class="tfr-powered-by-logo">${tfrDoor}</div>
-                          <div class="tfr-powered-by-text-bold">The Fitting Room</div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                  <div id="tfr-size-recommendation-error"></div>`;
-        sizeRecMainDiv.innerHTML = body;
-    }
-}
-//# sourceMappingURL=SizeRec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SizeRec.js","sourceRoot":"","sources":["../../../src/components/SizeRec.ts"],"names":[],"mappings":"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","sourcesContent":["import { infoIcon, tfrDoor, userIcon } from './svgs'\n\nexport type RecommendedSize = {\n  recommended: string\n  sizes: {\n    size: string\n    size_id: number\n    locations: {\n      fit: string\n      isPerfect: boolean\n      location: string\n    }[]\n  }[]\n}\n\nexport class SizeRecComponent {\n  private _sku: string = ''\n  private _styleId: number = null\n\n  private isLoggedIn: boolean = false\n  private sizeRecMainDiv: HTMLDivElement\n\n  private tfrInfoIcon: HTMLDivElement\n  private tfrLoginToView: HTMLDivElement\n  private tfrSizeHowItFits: HTMLDivElement\n  private tfrSizeRecActionLogin: HTMLDivElement\n  private tfrSizeRecActionLogout: HTMLDivElement\n  private tfrSizeRecLoading: HTMLDivElement\n  private tfrSizeRecommendationError: HTMLDivElement\n  private tfrSizeRecommendationsContainer: HTMLDivElement\n  private tfrSizeRecSelect: HTMLDivElement\n  private tfrSizeRecSelectContainer: HTMLDivElement\n  private tfrSizeRecSize: HTMLDivElement\n  private tfrSizeRecTable: HTMLDivElement\n  private tfrSizeRecTitle: HTMLDivElement\n  private tfrSizeRecTitleToggle: HTMLDivElement\n\n  private tfrLoggedInElements: NodeList = [] as any as NodeList\n  private tfrLoggedOutElements: NodeList = [] as any as NodeList\n\n  private tfrToggleOpenElements: NodeList = [] as any as NodeList\n  private tfrToggleClosedElements: NodeList = [] as any as NodeList\n\n  private isCollapsed: boolean = false\n  private redraw: (index: number) => void = null\n\n  constructor(\n    sizeRecMainDivId: string,\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.init(sizeRecMainDivId)\n  }\n\n  public get sku() {\n    return this._sku\n  }\n\n  public setSku(sku: string) {\n    this._sku = sku\n  }\n\n  public get styleId() {\n    return this._styleId\n  }\n\n  public setStyleId(styleId: number) {\n    this._styleId = styleId\n  }\n\n  public setIsLoggedIn(isLoggedIn: boolean) {\n    this.isLoggedIn = isLoggedIn\n\n    this.tfrSizeRecSelectContainer.style.display = 'flex'\n    this.tfrSizeRecSelect.style.display = 'flex'\n    this.tfrSizeHowItFits.style.display = 'block'\n\n    if (isLoggedIn) {\n      this.tfrSizeHowItFits.style.opacity = '1'\n      this.tfrSizeRecSelect.style.opacity = '1'\n      this.tfrLoggedInElements.forEach((element) => ((element as HTMLElement).style.display = 'block'))\n      this.tfrLoggedOutElements.forEach((element) => ((element as HTMLElement).style.display = 'none'))\n\n      this.tfrSizeRecActionLogin.style.display = 'none'\n      this.tfrSizeRecActionLogout.style.display = 'block'\n      this.tfrSizeRecTitle.style.display = 'flex'\n      this.isCollapsed = false\n      this.tfrSizeRecTitleToggle.classList.add('tfr-chevron-up')\n      this.tfrSizeRecTitleToggle.classList.remove('tfr-chevron-down')\n\n      // Ensure the container is visible\n      this.tfrSizeRecSelectContainer.style.display = 'flex'\n      this.tfrSizeRecSelectContainer.style.opacity = '1'\n    } else {\n      this.tfrSizeHowItFits.style.opacity = '0.4'\n      this.tfrSizeRecSelect.style.opacity = '0.4'\n      this.tfrLoggedInElements.forEach((element) => ((element as HTMLElement).style.display = 'none'))\n      this.tfrLoggedOutElements.forEach((element) => ((element as HTMLElement).style.display = 'block'))\n\n      this.tfrSizeRecActionLogin.style.display = 'block'\n      this.tfrSizeRecActionLogout.style.display = 'none'\n\n      this.tfrSizeRecTitle.style.display = 'flex'\n      this.tfrSizeRecommendationError.style.display = 'none'\n      this.tfrSizeRecommendationError.innerHTML = ''\n\n      this.renderSizeRecSelectLoggedOut()\n    }\n  }\n\n  public setLoading(isLoading: boolean) {\n    if (isLoading) {\n      this.tfrSizeRecLoading.style.display = 'block'\n      this.tfrSizeRecommendationsContainer.style.display = 'none'\n    } else {\n      this.tfrSizeRecLoading.style.display = 'none'\n      this.tfrSizeRecommendationsContainer.style.display = 'flex'\n    }\n  }\n\n  public setGarmentLocations(locations: string[]) {\n    if (!locations || !locations.length) {\n      this.tfrSizeRecTitle.style.display = 'none'\n\n      return\n    }\n\n    this.renderGarmentLocations(locations)\n  }\n\n  public setRecommendedSize({ recommended, sizes }: RecommendedSize) {\n    this.renderSizeRec(recommended, sizes)\n  }\n\n  public setError() {\n    this.tfrSizeRecTitle.style.display = 'none'\n\n    if (!this.isLoggedIn) return\n\n    this.tfrSizeRecommendationError.style.display = 'block'\n    this.tfrSizeRecommendationError.innerHTML = 'No recommended size found.'\n  }\n\n  public hide() {\n    if (this.sizeRecMainDiv) {\n      this.sizeRecMainDiv.style.display = 'none'\n    }\n  }\n\n  public show() {\n    if (this.sizeRecMainDiv) {\n      this.sizeRecMainDiv.style.display = 'block'\n    }\n  }\n\n  private init(sizeRecMainDivId: string) {\n    const sizeRecMainDiv = document.getElementById(sizeRecMainDivId) as HTMLDivElement\n\n    if (!sizeRecMainDiv) throw new Error('Size rec main div not found')\n\n    this.sizeRecMainDiv = sizeRecMainDiv\n    this.render(sizeRecMainDiv)\n    this.setElements()\n    this.bindEvents()\n  }\n\n  private setElements() {\n    this.tfrSizeHowItFits = document.getElementById('tfr-size-how-it-fits') as HTMLDivElement\n    this.tfrSizeRecTitle = document.getElementById('tfr-size-rec-title') as HTMLDivElement\n\n    this.tfrInfoIcon = document.getElementById('tfr-info-icon') as HTMLDivElement\n    this.tfrLoginToView = document.getElementById('tfr-login-to-view') as HTMLDivElement\n    this.tfrSizeRecActionLogin = document.getElementById('tfr-size-rec-action-login') as HTMLDivElement\n    this.tfrSizeRecActionLogout = document.getElementById('tfr-size-rec-action-logout') as HTMLDivElement\n    this.tfrSizeRecTable = document.getElementById('tfr-size-rec-table') as HTMLDivElement\n    this.tfrSizeRecommendationError = document.getElementById('tfr-size-recommendation-error') as HTMLDivElement\n    this.tfrSizeRecSize = document.getElementById('tfr-size-rec-size') as HTMLDivElement\n    this.tfrSizeRecSelect = document.getElementById('tfr-size-rec-select') as HTMLDivElement\n    this.tfrSizeRecLoading = document.getElementById('tfr-size-rec-loading') as HTMLDivElement\n    this.tfrSizeRecTitleToggle = document.getElementById('tfr-size-rec-title-toggle') as HTMLDivElement\n    this.tfrSizeRecSelectContainer = document.getElementById('tfr-size-rec-select-container') as HTMLDivElement\n    this.tfrSizeRecommendationsContainer = document.getElementById(\n      'tfr-size-recommendations-container',\n    ) as HTMLDivElement\n\n    this.tfrLoggedInElements = document.querySelectorAll('.tfr-logged-in')\n    this.tfrLoggedOutElements = document.querySelectorAll('.tfr-logged-out')\n    this.tfrToggleOpenElements = document.querySelectorAll('.tfr-toggle-open')\n    this.tfrToggleClosedElements = document.querySelectorAll('.tfr-toggle-closed')\n  }\n\n  private bindEvents() {\n    this.tfrSizeRecActionLogin.addEventListener('click', this.onSignInClick)\n    this.tfrSizeRecActionLogout.addEventListener('click', this.onSignOutClick)\n    this.tfrSizeRecSelect.addEventListener('click', this.onSizeRecSelectClick.bind(this))\n    this.tfrSizeRecTitleToggle.addEventListener('click', this.toggletSizeRecSelectContainer.bind(this))\n    this.tfrInfoIcon.addEventListener('click', this.onFitInfoClick)\n    this.tfrLoginToView.addEventListener('click', this.onSignInClick)\n\n    const tryOnButton = document.getElementById('tfr-try-on-button')\n    if (!tryOnButton) return\n\n    tryOnButton.addEventListener('click', async () => {\n      // Prevent multiple clicks while loading\n      if (tryOnButton.classList.contains('loading')) {\n        return\n      }\n\n      const activeButton = document.querySelector('.tfr-size-rec-select-button.active')\n      if (!activeButton) return\n\n      const selectedSizeId = Number(activeButton.getAttribute('data-size-id'))\n      if (Number.isNaN(selectedSizeId)) return\n\n      // Set loading state\n      tryOnButton.classList.add('loading')\n      const originalText = tryOnButton.textContent\n      tryOnButton.textContent = ' '\n      tryOnButton.setAttribute('disabled', 'true')\n\n      try {\n        // Get all size buttons\n        const allSizeButtons = Array.from(document.querySelectorAll('.tfr-size-rec-select-button')) as HTMLElement[]\n        const activeIndex = allSizeButtons.indexOf(activeButton as HTMLElement)\n\n        if (this.styleId !== null) {\n          // 1. Fetch and display the VTO for the active (recommended) size\n          try {\n            await this.onTryOnClick(this.styleId, selectedSizeId, true)\n          } catch (e) {\n            console.error(`Error trying on active size ${selectedSizeId}:`, e)\n            // Optionally, inform the user about the error for the primary VTO\n          }\n\n          // 2. Fetch VTO for the size to the left (if it exists)\n          if (activeIndex > 0) {\n            const leftButton = allSizeButtons[activeIndex - 1]\n            await this._preloadNeighborVTO(leftButton)\n          }\n\n          // 3. Fetch VTO for the size to the right (if it exists)\n          if (activeIndex >= 0 && activeIndex < allSizeButtons.length - 1) {\n            const rightButton = allSizeButtons[activeIndex + 1]\n            await this._preloadNeighborVTO(rightButton)\n          }\n        }\n      } catch (error) {\n        console.error('Error during sequential try-on process:', error)\n      } finally {\n        // Reset loading state\n        tryOnButton.classList.remove('loading')\n        tryOnButton.textContent = originalText\n        tryOnButton.removeAttribute('disabled')\n      }\n    })\n  }\n\n  private async _preloadNeighborVTO(buttonElement: HTMLElement): Promise<void> {\n    // this.styleId is assumed to be non-null here because the calling context (bindEvents)\n    // is wrapped in 'if (this.styleId !== null)'\n    const sizeId = Number(buttonElement.getAttribute('data-size-id'))\n    if (!Number.isNaN(sizeId)) {\n      try {\n        await this.onTryOnClick(this.styleId!, sizeId, false)\n      } catch (e) {\n        const buttonText = buttonElement.textContent?.trim() || 'N/A'\n        console.error(`Error pre-loading try-on for size ${sizeId} (button: ${buttonText}):`, e)\n      }\n    }\n  }\n\n  private onSizeRecSelectClick(e: MouseEvent) {\n    const target = e.target as HTMLDivElement\n    if (!target.classList.contains('tfr-size-rec-select-button') || target.classList.contains('tfr-disabled')) return\n\n    e.preventDefault()\n\n    const selectedIndex = Number(target.getAttribute('data-index'))\n    if (Number.isNaN(selectedIndex)) return\n\n    const allButtons = document.querySelectorAll('.tfr-size-rec-select-button')\n\n    allButtons.forEach((button) => button.classList.remove('active'))\n    allButtons.item(selectedIndex).classList.add('active')\n\n    this.redraw(selectedIndex)\n\n    const selectedSizeId = Number(target.getAttribute('data-size-id'))\n    if (Number.isNaN(selectedSizeId)) return\n\n    this.onTryOnClick(this.styleId, selectedSizeId, true)\n  }\n\n  private renderSizeRec(recommended: string, sizes: RecommendedSize['sizes']) {\n    this.tfrSizeRecSize.innerHTML = `&nbsp;${recommended}`\n\n    const selectedSizeIndex = sizes.findIndex(({ size }) => size === recommended)\n\n    this.redraw = (index: number) => this.renderSizeRecTable(sizes, index)\n\n    this.redraw(selectedSizeIndex)\n    this.renderSizeRecSelect(sizes, selectedSizeIndex)\n  }\n\n  private renderSizeRecTable(sizes: RecommendedSize['sizes'], index: number) {\n    const { locations } = sizes[index]\n    const html = locations\n      .map(({ location, fit, isPerfect }) => this.renderSizeRecTableRow(location, fit, isPerfect))\n      .join('')\n\n    this.tfrSizeRecTable.innerHTML = html\n  }\n\n  private renderSizeRecSelect(sizes: RecommendedSize['sizes'], index: number) {\n    const sizeNames = sizes.map(({ size }) => size)\n    const html = sizeNames\n      .map(\n        (name, i) =>\n          `<div class=\"tfr-size-rec-select-button ${i === index ? 'active' : ''}\" data-index=\"${i}\" data-size-id=\"${\n            sizes[i].size_id\n          }\">${name}</div>`,\n      )\n      .join('')\n\n    this.tfrSizeRecSelect.innerHTML = html\n  }\n\n  private renderSizeRecSelectLoggedOut() {\n    const html = [\n      `<div class=\"tfr-size-rec-select-button tfr-disabled\">M</div>`,\n      `<div class=\"tfr-size-rec-select-button tfr-disabled active\">L</div>`,\n      `<div class=\"tfr-size-rec-select-button tfr-disabled\">XL</div>`,\n    ].join('')\n\n    this.tfrSizeRecSelect.innerHTML = html\n  }\n\n  private renderSizeRecTableRow(location: string, fit: string, isPerfect: boolean = false) {\n    return `<div class=\"tfr-size-rec-table-row\">\n              <div class=\"tfr-size-rec-table-cell-left\">${location}</div>\n              <div class=\"tfr-size-rec-table-cell-right ${isPerfect ? 'perfect' : ''}\">\n                ${fit}\n              </div>\n            </div>`\n  }\n\n  private renderGarmentLocations(locations: string[]) {\n    const innerHtml = locations\n      .map((location, index) => this.renderSizeRecTableRow(location, this.randomFit(index), true))\n      .join('')\n    const html = `<div id=\"tfr-logged-out-overlay-container\">\n                    <div id=\"tfr-logged-out-overlay\">\n                      Login to reveal how this item will fit specifically at each area of your body in different sizes\n                    </div>\n                    <div>\n                      ${innerHtml}\n                    </div>\n                  </div>`\n\n    this.tfrSizeRecTable.innerHTML = html\n  }\n\n  private randomFit(index: number) {\n    const choices = ['Slightly Tight', 'Perfect Fit', 'Perfect Fit', 'Slightly Loose', 'Perfect Fit']\n\n    return choices[index % choices.length]\n  }\n\n  private toggletSizeRecSelectContainer() {\n    if (this.isCollapsed) {\n      this.isCollapsed = false\n      this.tfrSizeRecTitleToggle.classList.add('tfr-chevron-up')\n      this.tfrSizeRecTitleToggle.classList.remove('tfr-chevron-down')\n      this.tfrToggleOpenElements.forEach((element) => ((element as HTMLElement).style.display = 'block'))\n      this.tfrToggleClosedElements.forEach((element) => ((element as HTMLElement).style.display = 'none'))\n    } else {\n      this.isCollapsed = true\n      this.tfrSizeRecTitleToggle.classList.remove('tfr-chevron-up')\n      this.tfrSizeRecTitleToggle.classList.add('tfr-chevron-down')\n      this.tfrToggleOpenElements.forEach((element) => ((element as HTMLElement).style.display = 'none'))\n      this.tfrToggleClosedElements.forEach((element) => ((element as HTMLElement).style.display = 'block'))\n    }\n  }\n\n  private render(sizeRecMainDiv: HTMLDivElement) {\n    const body = `<div id=\"tfr-size-recommendations\">\n                    <div id=\"tfr-size-rec-loading\">\n                      <div class=\"lds-ellipsis\">\n                        <div></div>\n                        <div></div>\n                        <div></div>\n                        <div></div>\n                      </div>\n                    </div>\n                    <div id=\"tfr-size-recommendations-container\">\n                      <div id=\"tfr-size-rec-title-toggle\" class=\"tfr-chevron-up\">v</div>\n\n                      <div class=\"tfr-logged-out\">\n                        <div class=\"tfr-flex tfr-gap tfr-mb-2 tfr-mobile-small-text\">\n                          <div>Uncertain&nbsp;of&nbsp;your&nbsp;size?</div>\n                          \n                          <div class=\"tfr-toggle-closed\">\n                            <div class=\"tfr-flex tfr-items-center\">\n                              <div>Try</div>\n                              <div class=\"tfr-powered-by-logo\">${tfrDoor}</div>\n                              <div class=\"tfr-powered-by-text-bold\">The&nbsp;Fitting&nbsp;Room</div>\n                            </div>\n                          </div>\n\n                          <div class=\"tfr-toggle-open\">\n                            <div id=\"tfr-login-to-view\" class=\"tfr-flex tfr-items-center\">\n                              ${userIcon} Login to view\n                            </div>\n                          </div>\n                        </div>\n                      </div>\n\n                      <div class=\"tfr-logged-in\">\n                        <div id=\"tfr-size-rec-title\">\n                          Recommended Size:\n                          <div id=\"tfr-size-rec-size\">\n                            <div class=\"tfr-size-rec-login-cta\">\n                              ${userIcon} Sign up to view\n                            </div>\n                          </div>\n                        </div>\n                      </div>\n\n                      <div class=\"tfr-toggle-open\" style=\"width: 100%\">\n                        <div id=\"tfr-size-rec-select-container\">\n                          <div id=\"tfr-size-how-it-fits\">Select size to see how it fits:</div>\n\n                          <div id=\"tfr-size-rec-select\"></div>\n\n                          <div id=\"tfr-size-rec-subtitle\">\n                            How it fits\n                            <span id=\"tfr-info-icon\">${infoIcon}</span>\n                          </div>\n\n                          <div id=\"tfr-size-rec-table\"></div>\n\n                          <div id=\"tfr-try-on-button\" class=\"tfr-try-on-button\">Try On</div>\n                        </div>\n                      </div>\n\n                      <div id=\"tfr-size-rec-action\">\n                        <div id=\"tfr-size-rec-action-login\">Sign up or login</div>\n                        <div id=\"tfr-size-rec-action-logout\">Log out</div>\n                      </div>\n\n                      <div class=\"tfr-toggle-open\">\n                        <div class=\"tfr-powered-by\">\n                          <div>Powered by</div>\n                          <div class=\"tfr-powered-by-logo\">${tfrDoor}</div>\n                          <div class=\"tfr-powered-by-text-bold\">The Fitting Room</div>\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                  <div id=\"tfr-size-recommendation-error\"></div>`\n\n    sizeRecMainDiv.innerHTML = body\n  }\n}\n"]}

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

@@ -1,52 +0,0 @@
-import { InitImageSlider } from './slider';
-export class VtoComponent {
-    constructor(vtoMainDivId) {
-        this.vtoMainDivId = vtoMainDivId;
-        this.isInit = false;
-        this.currentSliderValue = 0;
-        this.slider = null;
-    }
-    init() {
-        if (this.isInit)
-            return;
-        const vtoMainDiv = document.getElementById(this.vtoMainDivId);
-        if (!vtoMainDiv)
-            throw new Error(`Element with id ${this.vtoMainDivId} not found`);
-        vtoMainDiv.innerHTML = `
-        <div class="tfr-slider-wrapper">
-          <img id="tfr-tryon-image" src="" />
-          <input type="range" id="tfr-slider" />
-        </div>
-    `;
-        const tryOnImage = document.getElementById('tfr-tryon-image');
-        const onChange = (slider, imageUrl) => {
-            console.debug('slider change', slider, imageUrl);
-            tryOnImage.src = imageUrl;
-            this.currentSliderValue = parseInt(slider.value);
-        };
-        this.slider = InitImageSlider('tfr-slider', onChange);
-        this.isInit = true;
-    }
-    onNewFramesReady(frames) {
-        if (!this.isInit) {
-            this.init();
-        }
-        if (Array.isArray(frames) && frames.length > 0) {
-            // Ensure the current slider value is within bounds of the new frames array
-            const boundedValue = Math.min(this.currentSliderValue, frames.length - 1);
-            const e = this.slider.Load(frames, boundedValue);
-            if (e instanceof Error) {
-                console.error(e);
-                return;
-            }
-            // Restore previous slider position if it's within bounds
-            const sliderElement = document.getElementById('tfr-slider');
-            if (sliderElement && this.currentSliderValue < frames.length) {
-                sliderElement.value = this.currentSliderValue.toString();
-                const tryOnImage = document.getElementById('tfr-tryon-image');
-                tryOnImage.src = frames[this.currentSliderValue];
-            }
-        }
-    }
-}
-//# sourceMappingURL=Vto.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Vto.js","sourceRoot":"","sources":["../../../src/components/Vto.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAE1C,MAAM,OAAO,YAAY;IAKvB,YAA6B,YAAoB;QAApB,iBAAY,GAAZ,YAAY,CAAQ;QAJzC,WAAM,GAAG,KAAK,CAAA;QACd,uBAAkB,GAAW,CAAC,CAAA;QAC9B,WAAM,GAAuC,IAAI,CAAA;IAEJ,CAAC;IAE/C,IAAI;QACT,IAAI,IAAI,CAAC,MAAM;YAAE,OAAM;QAEvB,MAAM,UAAU,GAAG,QAAQ,CAAC,cAAc,CAAC,IAAI,CAAC,YAAY,CAAC,CAAA;QAE7D,IAAI,CAAC,UAAU;YAAE,MAAM,IAAI,KAAK,CAAC,mBAAmB,IAAI,CAAC,YAAY,YAAY,CAAC,CAAA;QAElF,UAAU,CAAC,SAAS,GAAG;;;;;KAKtB,CAAA;QAED,MAAM,UAAU,GAAqB,QAAQ,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAAA;QAC/E,MAAM,QAAQ,GAAG,CAAC,MAAM,EAAE,QAAQ,EAAE,EAAE;YACpC,OAAO,CAAC,KAAK,CAAC,eAAe,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAA;YAChD,UAAU,CAAC,GAAG,GAAG,QAAQ,CAAA;YACzB,IAAI,CAAC,kBAAkB,GAAG,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;QAClD,CAAC,CAAA;QAED,IAAI,CAAC,MAAM,GAAG,eAAe,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAA;QACrD,IAAI,CAAC,MAAM,GAAG,IAAI,CAAA;IACpB,CAAC;IAEM,gBAAgB,CAAC,MAAgB;QACtC,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;YACjB,IAAI,CAAC,IAAI,EAAE,CAAA;QACb,CAAC;QAED,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAC/C,2EAA2E;YAC3E,MAAM,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,kBAAkB,EAAE,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAA;YACzE,MAAM,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,YAAY,CAAC,CAAA;YAChD,IAAI,CAAC,YAAY,KAAK,EAAE,CAAC;gBACvB,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA;gBAChB,OAAM;YACR,CAAC;YAED,yDAAyD;YACzD,MAAM,aAAa,GAAG,QAAQ,CAAC,cAAc,CAAC,YAAY,CAAqB,CAAA;YAC/E,IAAI,aAAa,IAAI,IAAI,CAAC,kBAAkB,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC;gBAC7D,aAAa,CAAC,KAAK,GAAG,IAAI,CAAC,kBAAkB,CAAC,QAAQ,EAAE,CAAA;gBACxD,MAAM,UAAU,GAAqB,QAAQ,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAAA;gBAC/E,UAAU,CAAC,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAA;YAClD,CAAC;QACH,CAAC;IACH,CAAC;CACF","sourcesContent":["import { InitImageSlider } from './slider'\n\nexport class VtoComponent {\n  private isInit = false\n  private currentSliderValue: number = 0\n  private slider: ReturnType<typeof InitImageSlider> = null\n\n  constructor(private readonly vtoMainDivId: string) { }\n\n  public init() {\n    if (this.isInit) return\n\n    const vtoMainDiv = document.getElementById(this.vtoMainDivId)\n\n    if (!vtoMainDiv) throw new Error(`Element with id ${this.vtoMainDivId} not found`)\n\n    vtoMainDiv.innerHTML = `\n        <div class=\"tfr-slider-wrapper\">\n          <img id=\"tfr-tryon-image\" src=\"\" />\n          <input type=\"range\" id=\"tfr-slider\" />\n        </div>\n    `\n\n    const tryOnImage = <HTMLImageElement>document.getElementById('tfr-tryon-image')\n    const onChange = (slider, imageUrl) => {\n      console.debug('slider change', slider, imageUrl)\n      tryOnImage.src = imageUrl\n      this.currentSliderValue = parseInt(slider.value)\n    }\n\n    this.slider = InitImageSlider('tfr-slider', onChange)\n    this.isInit = true\n  }\n\n  public onNewFramesReady(frames: string[]) {\n    if (!this.isInit) {\n      this.init()\n    }\n\n    if (Array.isArray(frames) && frames.length > 0) {\n      // Ensure the current slider value is within bounds of the new frames array\n      const boundedValue = Math.min(this.currentSliderValue, frames.length - 1)\n      const e = this.slider.Load(frames, boundedValue)\n      if (e instanceof Error) {\n        console.error(e)\n        return\n      }\n\n      // Restore previous slider position if it's within bounds\n      const sliderElement = document.getElementById('tfr-slider') as HTMLInputElement\n      if (sliderElement && this.currentSliderValue < frames.length) {\n        sliderElement.value = this.currentSliderValue.toString()\n        const tryOnImage = <HTMLImageElement>document.getElementById('tfr-tryon-image')\n        tryOnImage.src = frames[this.currentSliderValue]\n      }\n    }\n  }\n}\n"]}

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

@@ -1,16 +0,0 @@
-import '../styles';
-import ErrorModal from './Modals/ErrorModal';
-import FitModal from './Modals/FitModal';
-import ForgotPasswordModal from './Modals/ForgotPasswordModal';
-import LoadingAvatarModal from './Modals/LoadingAvatarModal';
-import LoggedOutModal from './Modals/LoggedOutModal';
-import { InitModalManager } from './Modals/ModalManager';
-import NoAvatarModal from './Modals/NoAvatarModal';
-import ResetLinkModal from './Modals/ResetLinkModal';
-import ScanCodeModal from './Modals/ScanCodeModal';
-import SignInModal from './Modals/SignInModal';
-import SizeErrorModal from './Modals/SizeErrorModal';
-import TryOnModal from './Modals/TryOnModal';
-import { InitImageSlider } from './slider';
-export { ErrorModal, FitModal, ForgotPasswordModal, InitImageSlider, InitModalManager, LoadingAvatarModal, LoggedOutModal, NoAvatarModal, ResetLinkModal, ScanCodeModal, SignInModal, SizeErrorModal, TryOnModal, };
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,CAAA;AAClB,OAAO,UAAU,MAAM,qBAAqB,CAAA;AAC5C,OAAO,QAAQ,MAAM,mBAAmB,CAAA;AACxC,OAAO,mBAAmB,MAAM,8BAA8B,CAAA;AAC9D,OAAO,kBAAkB,MAAM,6BAA6B,CAAA;AAC5D,OAAO,cAAc,MAAM,yBAAyB,CAAA;AACpD,OAAO,EAAE,gBAAgB,EAAgB,MAAM,uBAAuB,CAAA;AACtE,OAAO,aAAa,MAAM,wBAAwB,CAAA;AAClD,OAAO,cAAc,MAAM,yBAAyB,CAAA;AACpD,OAAO,aAAa,MAAM,wBAAwB,CAAA;AAClD,OAAO,WAAW,MAAM,sBAAsB,CAAA;AAC9C,OAAO,cAAc,MAAM,yBAAyB,CAAA;AACpD,OAAO,UAAU,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAE1C,OAAO,EACL,UAAU,EACV,QAAQ,EACR,mBAAmB,EACnB,eAAe,EACf,gBAAgB,EAChB,kBAAkB,EAClB,cAAc,EAEd,aAAa,EACb,cAAc,EACd,aAAa,EACb,WAAW,EACX,cAAc,EACd,UAAU,GACX,CAAA","sourcesContent":["import '../styles'\nimport ErrorModal from './Modals/ErrorModal'\nimport FitModal from './Modals/FitModal'\nimport ForgotPasswordModal from './Modals/ForgotPasswordModal'\nimport LoadingAvatarModal from './Modals/LoadingAvatarModal'\nimport LoggedOutModal from './Modals/LoggedOutModal'\nimport { InitModalManager, ModalManager } from './Modals/ModalManager'\nimport NoAvatarModal from './Modals/NoAvatarModal'\nimport ResetLinkModal from './Modals/ResetLinkModal'\nimport ScanCodeModal from './Modals/ScanCodeModal'\nimport SignInModal from './Modals/SignInModal'\nimport SizeErrorModal from './Modals/SizeErrorModal'\nimport TryOnModal from './Modals/TryOnModal'\nimport { InitImageSlider } from './slider'\n\nexport {\n  ErrorModal,\n  FitModal,\n  ForgotPasswordModal,\n  InitImageSlider,\n  InitModalManager,\n  LoadingAvatarModal,\n  LoggedOutModal,\n  ModalManager,\n  NoAvatarModal,\n  ResetLinkModal,\n  ScanCodeModal,\n  SignInModal,\n  SizeErrorModal,\n  TryOnModal,\n}\n"]}