@thefittingroom/shop-ui 3.2.3 → 4.2.0

package/.rollup.cache/home/runner/work/shop-sdk-ui/shop-sdk-ui/dist/esm/components/Modals/ScanCodeModal.js

@@ -1,77 +0,0 @@
-import { L } from '../locale';
-const ScanCodeModal = (props) => {
-    const isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
-    const onSignInNav = () => {
-        props.onSignInNav();
-    };
-    const onCtaClickApple = () => {
-        window.open('https://apps.apple.com/us/app/the-fitting-room-3d-body-scan/id1577417373', '_blank');
-    };
-    const onCtaClickGoogle = () => {
-        window.open('https://play.google.com/store/apps/details?id=com.thefittingroom.marketplace', '_blank');
-    };
-    const onHook = () => {
-        var _a, _b, _c;
-        if (!isMobile)
-            document.getElementById('tfr-sign-in-nav').style.marginBottom = '0';
-        if (isMobile) {
-            const videoElement = document.getElementById('tfr-video');
-            videoElement.classList.add('tfr-video-responsive');
-        }
-        (_a = document.getElementById('tfr-sign-in-nav')) === null || _a === void 0 ? void 0 : _a.addEventListener('click', onSignInNav);
-        (_b = document.getElementById('tfr-app-store')) === null || _b === void 0 ? void 0 : _b.addEventListener('click', onCtaClickApple);
-        (_c = document.getElementById('tfr-google-play')) === null || _c === void 0 ? void 0 : _c.addEventListener('click', onCtaClickGoogle);
-    };
-    const onUnhook = () => {
-        var _a, _b, _c;
-        (_a = document.getElementById('tfr-sign-in-nav')) === null || _a === void 0 ? void 0 : _a.removeEventListener('click', onSignInNav);
-        (_b = document.getElementById('tfr-app-store')) === null || _b === void 0 ? void 0 : _b.removeEventListener('click', onCtaClickApple);
-        (_c = document.getElementById('tfr-google-play')) === null || _c === void 0 ? void 0 : _c.removeEventListener('click', onCtaClickGoogle);
-    };
-    const imageBaseUrl = 'https://assets.dev.thefittingroom.xyz/images/';
-    const renderMobile = () => !isMobile
-        ? ``
-        : `<div tfr-element="true" class="tfr-title-font tfr-light-16-300 tfr-mt-10 tfr-max-w-600">${L.ClickHereToDownload}</div>
-
-    <div tfr-element="true" class="tfr-flex tfr-space-above">
-      <img class="tfr-mobile-logo" src="${imageBaseUrl}apple.png" id="tfr-app-store" />
-      <img class="tfr-mobile-logo" src="${imageBaseUrl}google.png" id="tfr-google-play" />
-    </div>
-    
-    <div id="tfr-sign-in-nav" tfr-element="true" class="tfr-body-font tfr-mt-20 tfr-16-default tfr-c-black-o5 tfr-underline tfr-cursor">${L.HaveAcc}</div>
-    `;
-    const renderDesktop = () => isMobile
-        ? ``
-        : `<div id="tfr-qr-border-box">
-          <div tfr-element="true" class="tfr-title-font tfr-24-bold">${L.ScanQrToDownload}</div>
-    
-          <img src="${imageBaseUrl}qr.png" class="tfr-qr-code" />
-
-          <div id="tfr-sign-in-nav" tfr-element="true" class="tfr-body-font tfr-mt-20 tfr-16-default tfr-c-black-o5 tfr-underline tfr-cursor">${L.HaveAcc}</div>
-        </div>`;
-    const body = () => {
-        return `
-        <div tfr-element="true">
-          <div tfr-element="true" class="tfr-title-font tfr-light-16-300 tfr-mt-10">${L.ModalText}</div>
-          
-        </div>
-        <div tfr-element="true" class="tfr-logo-box">
-          <video id="tfr-video" controls loop autoplay playsinline>
-            <source src="https://assets.dev.thefittingroom.xyz/videos/the-fitting-room.mp4" />
-          </video>
-
-          ${renderDesktop()}
-        </div>
-
-        ${renderMobile()}
-    `;
-    };
-    return {
-        Hook: onHook,
-        Unhook: onUnhook,
-        Body: body,
-        useFullModalContent: true,
-    };
-};
-export default ScanCodeModal;
-//# sourceMappingURL=ScanCodeModal.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ScanCodeModal.js","sourceRoot":"","sources":["../../../../src/components/Modals/ScanCodeModal.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,CAAC,EAAE,MAAM,WAAW,CAAA;AAE7B,MAAM,aAAa,GAAG,CAAC,KAAyB,EAAgB,EAAE;IAChE,MAAM,QAAQ,GAAG,gEAAgE,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,CAAA;IAE3G,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,KAAK,CAAC,WAAW,EAAE,CAAA;IACrB,CAAC,CAAA;IAED,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,MAAM,CAAC,IAAI,CAAC,0EAA0E,EAAE,QAAQ,CAAC,CAAA;IACnG,CAAC,CAAA;IAED,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC5B,MAAM,CAAC,IAAI,CAAC,8EAA8E,EAAE,QAAQ,CAAC,CAAA;IACvG,CAAC,CAAA;IAED,MAAM,MAAM,GAAG,GAAG,EAAE;;QAClB,IAAI,CAAC,QAAQ;YAAE,QAAQ,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAAC,KAAK,CAAC,YAAY,GAAG,GAAG,CAAA;QAClF,IAAI,QAAQ,EAAE,CAAC;YACb,MAAM,YAAY,GAAG,QAAQ,CAAC,cAAc,CAAC,WAAW,CAAqB,CAAA;YAE7E,YAAY,CAAC,SAAS,CAAC,GAAG,CAAC,sBAAsB,CAAC,CAAA;QACpD,CAAC;QAED,MAAA,QAAQ,CAAC,cAAc,CAAC,iBAAiB,CAAC,0CAAE,gBAAgB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAA;QAClF,MAAA,QAAQ,CAAC,cAAc,CAAC,eAAe,CAAC,0CAAE,gBAAgB,CAAC,OAAO,EAAE,eAAe,CAAC,CAAA;QACpF,MAAA,QAAQ,CAAC,cAAc,CAAC,iBAAiB,CAAC,0CAAE,gBAAgB,CAAC,OAAO,EAAE,gBAAgB,CAAC,CAAA;IACzF,CAAC,CAAA;IAED,MAAM,QAAQ,GAAG,GAAG,EAAE;;QACpB,MAAA,QAAQ,CAAC,cAAc,CAAC,iBAAiB,CAAC,0CAAE,mBAAmB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAA;QACrF,MAAA,QAAQ,CAAC,cAAc,CAAC,eAAe,CAAC,0CAAE,mBAAmB,CAAC,OAAO,EAAE,eAAe,CAAC,CAAA;QACvF,MAAA,QAAQ,CAAC,cAAc,CAAC,iBAAiB,CAAC,0CAAE,mBAAmB,CAAC,OAAO,EAAE,gBAAgB,CAAC,CAAA;IAC5F,CAAC,CAAA;IAED,MAAM,YAAY,GAAG,+CAA+C,CAAA;IAEpE,MAAM,YAAY,GAAG,GAAG,EAAE,CACxB,CAAC,QAAQ;QACP,CAAC,CAAC,EAAE;QACJ,CAAC,CAAC,2FAA2F,CAAC,CAAC,mBAAmB;;;0CAG9E,YAAY;0CACZ,YAAY;;;0IAGoF,CAAC,CAAC,OAAO;KAC9I,CAAA;IAEH,MAAM,aAAa,GAAG,GAAG,EAAE,CACzB,QAAQ;QACN,CAAC,CAAC,EAAE;QACJ,CAAC,CAAC;uEAC+D,CAAC,CAAC,gBAAgB;;sBAEnE,YAAY;;gJAE8G,CAAC,CAAC,OAAO;eAC1I,CAAA;IAEb,MAAM,IAAI,GAAG,GAAG,EAAE;QAChB,OAAO;;sFAE2E,CAAC,CAAC,SAAS;;;;;;;;YAQrF,aAAa,EAAE;;;UAGjB,YAAY,EAAE;KACnB,CAAA;IACH,CAAC,CAAA;IAED,OAAO;QACL,IAAI,EAAE,MAAM;QACZ,MAAM,EAAE,QAAQ;QAChB,IAAI,EAAE,IAAI;QACV,mBAAmB,EAAE,IAAI;KAC1B,CAAA;AACH,CAAC,CAAA;AAED,eAAe,aAAa,CAAA","sourcesContent":["import { ModalContent, ScanCodeModalProps } from '../../types'\nimport { L } from '../locale'\n\nconst ScanCodeModal = (props: ScanCodeModalProps): ModalContent => {\n  const isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)\n\n  const onSignInNav = () => {\n    props.onSignInNav()\n  }\n\n  const onCtaClickApple = () => {\n    window.open('https://apps.apple.com/us/app/the-fitting-room-3d-body-scan/id1577417373', '_blank')\n  }\n\n  const onCtaClickGoogle = () => {\n    window.open('https://play.google.com/store/apps/details?id=com.thefittingroom.marketplace', '_blank')\n  }\n\n  const onHook = () => {\n    if (!isMobile) document.getElementById('tfr-sign-in-nav').style.marginBottom = '0'\n    if (isMobile) {\n      const videoElement = document.getElementById('tfr-video') as HTMLVideoElement\n\n      videoElement.classList.add('tfr-video-responsive')\n    }\n\n    document.getElementById('tfr-sign-in-nav')?.addEventListener('click', onSignInNav)\n    document.getElementById('tfr-app-store')?.addEventListener('click', onCtaClickApple)\n    document.getElementById('tfr-google-play')?.addEventListener('click', onCtaClickGoogle)\n  }\n\n  const onUnhook = () => {\n    document.getElementById('tfr-sign-in-nav')?.removeEventListener('click', onSignInNav)\n    document.getElementById('tfr-app-store')?.removeEventListener('click', onCtaClickApple)\n    document.getElementById('tfr-google-play')?.removeEventListener('click', onCtaClickGoogle)\n  }\n\n  const imageBaseUrl = 'https://assets.dev.thefittingroom.xyz/images/'\n\n  const renderMobile = () =>\n    !isMobile\n      ? ``\n      : `<div tfr-element=\"true\" class=\"tfr-title-font tfr-light-16-300 tfr-mt-10 tfr-max-w-600\">${L.ClickHereToDownload}</div>\n\n    <div tfr-element=\"true\" class=\"tfr-flex tfr-space-above\">\n      <img class=\"tfr-mobile-logo\" src=\"${imageBaseUrl}apple.png\" id=\"tfr-app-store\" />\n      <img class=\"tfr-mobile-logo\" src=\"${imageBaseUrl}google.png\" id=\"tfr-google-play\" />\n    </div>\n    \n    <div id=\"tfr-sign-in-nav\" tfr-element=\"true\" class=\"tfr-body-font tfr-mt-20 tfr-16-default tfr-c-black-o5 tfr-underline tfr-cursor\">${L.HaveAcc}</div>\n    `\n\n  const renderDesktop = () =>\n    isMobile\n      ? ``\n      : `<div id=\"tfr-qr-border-box\">\n          <div tfr-element=\"true\" class=\"tfr-title-font tfr-24-bold\">${L.ScanQrToDownload}</div>\n    \n          <img src=\"${imageBaseUrl}qr.png\" class=\"tfr-qr-code\" />\n\n          <div id=\"tfr-sign-in-nav\" tfr-element=\"true\" class=\"tfr-body-font tfr-mt-20 tfr-16-default tfr-c-black-o5 tfr-underline tfr-cursor\">${L.HaveAcc}</div>\n        </div>`\n\n  const body = () => {\n    return `\n        <div tfr-element=\"true\">\n          <div tfr-element=\"true\" class=\"tfr-title-font tfr-light-16-300 tfr-mt-10\">${L.ModalText}</div>\n          \n        </div>\n        <div tfr-element=\"true\" class=\"tfr-logo-box\">\n          <video id=\"tfr-video\" controls loop autoplay playsinline>\n            <source src=\"https://assets.dev.thefittingroom.xyz/videos/the-fitting-room.mp4\" />\n          </video>\n\n          ${renderDesktop()}\n        </div>\n\n        ${renderMobile()}\n    `\n  }\n\n  return {\n    Hook: onHook,\n    Unhook: onUnhook,\n    Body: body,\n    useFullModalContent: true,\n  }\n}\n\nexport default ScanCodeModal\n"]}

package/.rollup.cache/home/runner/work/shop-sdk-ui/shop-sdk-ui/dist/esm/components/Modals/SignInModal.js

@@ -1,94 +0,0 @@
-import { L } from '../locale';
-const SignInModal = (props) => {
-    const { email } = props;
-    const onSignIn = (e) => {
-        e.preventDefault();
-        const email = document.getElementById('email-input').value;
-        const password = document.getElementById('password-input').value;
-        resetValidation();
-        props.onSignIn(email, password, validationError);
-    };
-    const onNavForgotPassword = () => {
-        const email = document.getElementById('email-input').value;
-        props.onNavForgotPassword(email);
-    };
-    const onNavScanCode = () => {
-        props.onNavScanCode();
-    };
-    const onHook = () => {
-        var _a, _b, _c, _d;
-        (_a = document.getElementById('tfr-sign-in-form')) === null || _a === void 0 ? void 0 : _a.addEventListener('submit', onSignIn);
-        (_b = document.getElementById('tfr-sign-in')) === null || _b === void 0 ? void 0 : _b.addEventListener('click', onSignIn);
-        (_c = document.getElementById('tfr-forgot-password')) === null || _c === void 0 ? void 0 : _c.addEventListener('click', onNavForgotPassword);
-        (_d = document.getElementById('tfr-scan-code')) === null || _d === void 0 ? void 0 : _d.addEventListener('click', onNavScanCode);
-    };
-    const onUnhook = () => {
-        var _a, _b, _c, _d;
-        (_a = document.getElementById('tfr-sign-in-form')) === null || _a === void 0 ? void 0 : _a.removeEventListener('submit', onSignIn);
-        (_b = document.getElementById('tfr-sign-in')) === null || _b === void 0 ? void 0 : _b.removeEventListener('click', onSignIn);
-        (_c = document.getElementById('tfr-forgot-password')) === null || _c === void 0 ? void 0 : _c.removeEventListener('click', onNavForgotPassword);
-        (_d = document.getElementById('tfr-scan-code')) === null || _d === void 0 ? void 0 : _d.removeEventListener('click', onNavScanCode);
-    };
-    const resetValidation = () => {
-        const fieldsetElement = document.querySelectorAll('.tfr-fieldset-element');
-        fieldsetElement.forEach((element) => {
-            element.classList.remove('tfr-fieldset-err');
-        });
-        const labelElement = document.querySelectorAll('.tfr-label-element');
-        labelElement.forEach((element) => {
-            element.classList.remove('tfr-c-red');
-        });
-        const formError = document.querySelector('#tfr-form-error');
-        formError.classList.remove('tfr-d-block');
-        formError.innerHTML = '';
-    };
-    const validationError = (message) => {
-        const fieldsetElement = document.querySelectorAll('.tfr-fieldset-element');
-        fieldsetElement.forEach((element) => {
-            element.classList.add('tfr-fieldset-err');
-        });
-        const labelElement = document.querySelectorAll('.tfr-label-element');
-        labelElement.forEach((element) => {
-            element.classList.add('tfr-c-red');
-        });
-        const formError = document.querySelector('#tfr-form-error');
-        formError.innerHTML = message || 'Something went wrong';
-        formError.classList.add('tfr-d-block');
-    };
-    const body = () => {
-        return `
-            <form id="tfr-sign-in-form">
-              <div class="tfr-title-font tfr-light-22-300 tfr-mt-10">${L.SignIn}</div>
-
-              <fieldset class="tfr-fieldset-element tfr-fieldset tfr-mt-20">
-                  <legend tfr-element="true" class="tfr-label-element tfr-body-font tfr-14-default tfr-c-black-o5">${L.EmailAddress}</legend>
-                  <input tfr-element="true" type="email" id="email-input" value="${email || ''}" />
-              </fieldset>
-
-              <fieldset class="tfr-fieldset-element tfr-fieldset tfr-mt-20">
-                  <legend tfr-element="true" class="tfr-label-element tfr-body-font tfr-14-default tfr-c-black-o5">${L.Password}</legend>
-                  <input tfr-element="true" type="password" id="password-input" />
-              </fieldset>
-
-              <div tfr-element="true" class="tfr-body-font tfr-12-default tfr-c-red tfr-mt-10 tfr-d-none" id="tfr-form-error"></div>
-
-              <div class="tfr-mt-20">
-                  <span id="tfr-forgot-password" tfr-element="true" class="tfr-body-font tfr-14-default tfr-c-black-o5 tfr-underline tfr-cursor tfr-mr-15">${L.ForgotPasswordWithSymbol}</span>
-                  <span id="tfr-scan-code" tfr-element="true" class="tfr-body-font tfr-14-default tfr-c-black-o5 tfr-underline tfr-cursor">${L.DontHaveAcc}</span>
-              </div>
-
-              <button id="tfr-sign-in" tfr-element="true" class="tfr-standard-button tfr-c-brand-bg tfr-c-whitetfr-title-font tfr-medium-16-default tfr-cursor tfr-mt-30" id="sign-in-button" type="submit">
-                  ${L.SignIn}
-              </button>
-            </form>
-            `;
-    };
-    return {
-        Hook: onHook,
-        Unhook: onUnhook,
-        Body: body,
-        useFullModalContent: true,
-    };
-};
-export default SignInModal;
-//# sourceMappingURL=SignInModal.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SignInModal.js","sourceRoot":"","sources":["../../../../src/components/Modals/SignInModal.ts"],"names":[],"mappings":"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","sourcesContent":["import { ModalContent, SignInModalProps } from '../../types'\nimport { L } from '../locale'\n\nconst SignInModal = (props: SignInModalProps): ModalContent => {\n  const { email } = props\n\n  const onSignIn = (e: Event) => {\n    e.preventDefault()\n\n    const email = (<HTMLInputElement>document.getElementById('email-input')).value\n    const password = (<HTMLInputElement>document.getElementById('password-input')).value\n    resetValidation()\n    props.onSignIn(email, password, validationError)\n  }\n\n  const onNavForgotPassword = () => {\n    const email = (<HTMLInputElement>document.getElementById('email-input')).value\n    props.onNavForgotPassword(email)\n  }\n\n  const onNavScanCode = () => {\n    props.onNavScanCode()\n  }\n\n  const onHook = () => {\n    document.getElementById('tfr-sign-in-form')?.addEventListener('submit', onSignIn)\n    document.getElementById('tfr-sign-in')?.addEventListener('click', onSignIn)\n    document.getElementById('tfr-forgot-password')?.addEventListener('click', onNavForgotPassword)\n    document.getElementById('tfr-scan-code')?.addEventListener('click', onNavScanCode)\n  }\n\n  const onUnhook = () => {\n    document.getElementById('tfr-sign-in-form')?.removeEventListener('submit', onSignIn)\n    document.getElementById('tfr-sign-in')?.removeEventListener('click', onSignIn)\n    document.getElementById('tfr-forgot-password')?.removeEventListener('click', onNavForgotPassword)\n    document.getElementById('tfr-scan-code')?.removeEventListener('click', onNavScanCode)\n  }\n\n  const resetValidation = () => {\n    const fieldsetElement = document.querySelectorAll('.tfr-fieldset-element')\n    fieldsetElement.forEach((element) => {\n      element.classList.remove('tfr-fieldset-err')\n    })\n\n    const labelElement = document.querySelectorAll('.tfr-label-element')\n    labelElement.forEach((element) => {\n      element.classList.remove('tfr-c-red')\n    })\n\n    const formError = document.querySelector('#tfr-form-error')\n    formError.classList.remove('tfr-d-block')\n    formError.innerHTML = ''\n  }\n\n  const validationError = (message: string) => {\n    const fieldsetElement = document.querySelectorAll('.tfr-fieldset-element')\n    fieldsetElement.forEach((element) => {\n      element.classList.add('tfr-fieldset-err')\n    })\n\n    const labelElement = document.querySelectorAll('.tfr-label-element')\n    labelElement.forEach((element) => {\n      element.classList.add('tfr-c-red')\n    })\n\n    const formError = document.querySelector('#tfr-form-error')\n    formError.innerHTML = message || 'Something went wrong'\n    formError.classList.add('tfr-d-block')\n  }\n\n  const body = () => {\n    return `\n            <form id=\"tfr-sign-in-form\">\n              <div class=\"tfr-title-font tfr-light-22-300 tfr-mt-10\">${L.SignIn}</div>\n\n              <fieldset class=\"tfr-fieldset-element tfr-fieldset tfr-mt-20\">\n                  <legend tfr-element=\"true\" class=\"tfr-label-element tfr-body-font tfr-14-default tfr-c-black-o5\">${\n                    L.EmailAddress\n                  }</legend>\n                  <input tfr-element=\"true\" type=\"email\" id=\"email-input\" value=\"${email || ''}\" />\n              </fieldset>\n\n              <fieldset class=\"tfr-fieldset-element tfr-fieldset tfr-mt-20\">\n                  <legend tfr-element=\"true\" class=\"tfr-label-element tfr-body-font tfr-14-default tfr-c-black-o5\">${\n                    L.Password\n                  }</legend>\n                  <input tfr-element=\"true\" type=\"password\" id=\"password-input\" />\n              </fieldset>\n\n              <div tfr-element=\"true\" class=\"tfr-body-font tfr-12-default tfr-c-red tfr-mt-10 tfr-d-none\" id=\"tfr-form-error\"></div>\n\n              <div class=\"tfr-mt-20\">\n                  <span id=\"tfr-forgot-password\" tfr-element=\"true\" class=\"tfr-body-font tfr-14-default tfr-c-black-o5 tfr-underline tfr-cursor tfr-mr-15\">${\n                    L.ForgotPasswordWithSymbol\n                  }</span>\n                  <span id=\"tfr-scan-code\" tfr-element=\"true\" class=\"tfr-body-font tfr-14-default tfr-c-black-o5 tfr-underline tfr-cursor\">${\n                    L.DontHaveAcc\n                  }</span>\n              </div>\n\n              <button id=\"tfr-sign-in\" tfr-element=\"true\" class=\"tfr-standard-button tfr-c-brand-bg tfr-c-whitetfr-title-font tfr-medium-16-default tfr-cursor tfr-mt-30\" id=\"sign-in-button\" type=\"submit\">\n                  ${L.SignIn}\n              </button>\n            </form>\n            `\n  }\n\n  return {\n    Hook: onHook,\n    Unhook: onUnhook,\n    Body: body,\n    useFullModalContent: true,\n  }\n}\nexport default SignInModal\n"]}

package/.rollup.cache/home/runner/work/shop-sdk-ui/shop-sdk-ui/dist/esm/components/Modals/SizeErrorModal.js

@@ -1,43 +0,0 @@
-import { L } from '../locale';
-const SizeErrorModal = (props) => {
-    const onNavBack = () => {
-        props.onNavBack();
-    };
-    const onClose = () => {
-        props.onClose();
-    };
-    const Hook = () => {
-        var _a, _b;
-        (_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;
-        (_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 = () => {
-        var _a, _b, _c;
-        console.debug('rendering size error modal', props);
-        return `
-        <div class="tfr-mt-15-p tfr-mb-13-p">
-            <div tfr-element="true" class="tfr-title-font tfr-light-22-300 tfr-c-black">
-							${L.NoSizeAvailable} ${(_a = props.sizes) === null || _a === void 0 ? void 0 : _a.recommended} ${L.OrSize} ${(_c = (_b = props.sizes) === null || _b === void 0 ? void 0 : _b.available) === null || _c === void 0 ? void 0 : _c.join(' or ')}
-						</div>
-        </div>
-
-        <div class="tfr-t-a-center">
-            <span id="tfr-back" tfr-element="true" class="tfr-body-font tfr-16-default tfr-c-black-o5 tfr-underline tfr-cursor tfr-mr-20">${L.ReturnToCatalogPage || 'Return to Catalog Page'}</span>
-            <span id="tfr-close" tfr-element="true" class="tfr-body-font tfr-16-default tfr-c-black-o5 tfr-underline tfr-cursor">${L.ReturnToProductPage || 'Return to Product Page'}</span>
-        </div>
-        `;
-    };
-    return {
-        Hook,
-        Unhook,
-        Body,
-        useFullModalContent: true,
-    };
-};
-export default SizeErrorModal;
-//# sourceMappingURL=SizeErrorModal.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SizeErrorModal.js","sourceRoot":"","sources":["../../../../src/components/Modals/SizeErrorModal.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,CAAC,EAAE,MAAM,WAAW,CAAA;AAE7B,MAAM,cAAc,GAAG,CAAC,KAA0B,EAAgB,EAAE;IAClE,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,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,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,CAAC,KAAK,CAAC,4BAA4B,EAAE,KAAK,CAAC,CAAA;QAClD,OAAO;;;SAGF,CAAC,CAAC,eAAe,IAAI,MAAA,KAAK,CAAC,KAAK,0CAAE,WAAW,IAAI,CAAC,CAAC,MAAM,IAAI,MAAA,MAAA,KAAK,CAAC,KAAK,0CAAE,SAAS,0CAAE,IAAI,CAAC,MAAM,CAAC;;;;;4IAM5F,CAAC,CAAC,mBAAmB,IAAI,wBAC3B;mIAEE,CAAC,CAAC,mBAAmB,IAAI,wBAC3B;;SAEH,CAAA;IACP,CAAC,CAAA;IAED,OAAO;QACL,IAAI;QACJ,MAAM;QACN,IAAI;QACJ,mBAAmB,EAAE,IAAI;KAC1B,CAAA;AACH,CAAC,CAAA;AAED,eAAe,cAAc,CAAA","sourcesContent":["import { ModalContent, SizeErrorModalProps } from '../../types'\nimport { L } from '../locale'\n\nconst SizeErrorModal = (props: SizeErrorModalProps): ModalContent => {\n  const onNavBack = () => {\n    props.onNavBack()\n  }\n\n  const onClose = () => {\n    props.onClose()\n  }\n\n  const Hook = () => {\n    document.getElementById('tfr-back')?.addEventListener('click', onNavBack)\n    document.getElementById('tfr-close')?.addEventListener('click', onClose)\n  }\n\n  const Unhook = () => {\n    document.getElementById('tfr-back')?.removeEventListener('click', onNavBack)\n    document.getElementById('tfr-close')?.removeEventListener('click', onClose)\n  }\n\n  const Body = () => {\n    console.debug('rendering size error modal', props)\n    return `\n        <div class=\"tfr-mt-15-p tfr-mb-13-p\">\n            <div tfr-element=\"true\" class=\"tfr-title-font tfr-light-22-300 tfr-c-black\">\n\t\t\t\t\t\t\t${L.NoSizeAvailable} ${props.sizes?.recommended} ${L.OrSize} ${props.sizes?.available?.join(' or ')}\n\t\t\t\t\t\t</div>\n        </div>\n\n        <div class=\"tfr-t-a-center\">\n            <span id=\"tfr-back\" tfr-element=\"true\" class=\"tfr-body-font tfr-16-default tfr-c-black-o5 tfr-underline tfr-cursor tfr-mr-20\">${\n              L.ReturnToCatalogPage || 'Return to Catalog Page'\n            }</span>\n            <span id=\"tfr-close\" tfr-element=\"true\" class=\"tfr-body-font tfr-16-default tfr-c-black-o5 tfr-underline tfr-cursor\">${\n              L.ReturnToProductPage || 'Return to Product Page'\n            }</span>\n        </div>\n        `\n  }\n\n  return {\n    Hook,\n    Unhook,\n    Body,\n    useFullModalContent: true,\n  }\n}\n\nexport default SizeErrorModal\n"]}

package/.rollup.cache/home/runner/work/shop-sdk-ui/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/home/runner/work/shop-sdk-ui/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"]}