@thefittingroom/shop-ui 3.2.3 → 4.2.0

package/package.json

@@ -1,38 +1,36 @@
 {
   "name": "@thefittingroom/shop-ui",
-  "version": "3.2.3",
+  "version": "4.2.0",
   "description": "the fitting room UI library",
   "type": "module",
-  "main": "./dist/esm/index.js",
+  "main": "./dist/index.js",
+  "files": [
+    "dist"
+  ],
   "scripts": {
     "clean": "rm -rf dist",
-    "clean:all": "rm -rf dist build .rollup.cache",
-    "build:prod": "npm run clean && NODE_ENV=prod rollup --config",
-    "build:dev": "npm run clean && NODE_ENV=dev rollup --config",
-    "watch:prod": "npm run clean && NODE_ENV=prod rollup --config -w",
-    "watch:dev": "npm run clean && NODE_ENV=dev rollup --config -w",
-    "serve": "live-server --host=localhost --port=3030 --cors",
-    "pub": "npm run build:prod && npm publish --access public"
+    "clean:all": "rm -rf dist build",
+    "build:prod": "npm run clean && vite build --mode production",
+    "build:dev": "npm run clean && vite build --mode development",
+    "dev": "vite --mode development",
+    "watch:prod": "vite build --mode production --watch",
+    "watch:dev": "vite build --mode development --watch",
+    "serve": "vite preview",
+    "prune": "ts-prune"
   },
   "engines": {
     "node": ">=20"
   },
   "devDependencies": {
-    "@rollup/plugin-node-resolve": "^16.0.1",
-    "@rollup/plugin-terser": "^0.4.4",
-    "@rollup/plugin-typescript": "^12.1.4",
-    "@trivago/prettier-plugin-sort-imports": "^5.2.2",
-    "live-server": "^1.2.0",
-    "postcss": "^8.5.6",
+    "@biomejs/biome": "2.3.5",
+    "@trivago/prettier-plugin-sort-imports": "^6.0.0",
     "prettier": "^3.6.2",
-    "rollup": "^4.18.1",
-    "rollup-plugin-dotenv": "^0.5.1",
-    "rollup-plugin-postcss": "^4.0.2",
-    "ts-node": "^10.9.2",
-    "tslib": "^2.6.3",
-    "typescript": "^5.5.4"
+    "ts-prune": "^0.10.3",
+    "typescript": "^5.9.3",
+    "vite": "^7.2.2"
   },
   "dependencies": {
-    "@thefittingroom/sdk": "2.0.8"
+    "dayjs": "^1.11.19",
+    "firebase": "^12.5.0"
   }
 }

package/.env.dev

@@ -1,2 +0,0 @@
-LANGUAGE_URL=https://assets.dev.thefittingroom.xyz/shop-sdk/${GITHUB_SHA_7}/languages
-ASSETS_URL=https://assets.dev.thefittingroom.xyz/shop-sdk/assets

package/.env.example

@@ -1,3 +0,0 @@
-NODE_ENV
-LANGUAGE_URL
-ASSETS_URL

package/.env.prod

@@ -1,2 +0,0 @@
-LANGUAGE_URL=https://assets.p.thefittingroom.xyz/shop-sdk/${GITHUB_REF}/languages
-ASSETS_URL=https://assets.p.thefittingroom.xyz/shop-sdk/assets

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

@@ -1,43 +0,0 @@
-import { L } from '../locale';
-const ErrorModal = (props) => {
-    const { error } = 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 = () => {
-        if (!error) {
-            console.error('ErrorModal: No error provided');
-        }
-        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">${error || L.SomethingWentWrong}</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" id="returnToSite">${L.ReturnToProductPage || 'Return to Product Page'}</span>
-        </div>
-        `;
-    };
-    return {
-        Hook,
-        Unhook,
-        Body,
-        useFullModalContent: true,
-    };
-};
-export default ErrorModal;
-//# sourceMappingURL=ErrorModal.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ErrorModal.js","sourceRoot":"","sources":["../../../../src/components/Modals/ErrorModal.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,CAAC,EAAE,MAAM,WAAW,CAAA;AAE7B,MAAM,UAAU,GAAG,CAAC,KAAsB,EAAE,EAAE;IAC5C,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAA;IAEvB,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,IAAI,CAAC,KAAK,EAAE,CAAC;YACX,OAAO,CAAC,KAAK,CAAC,+BAA+B,CAAC,CAAA;QAChD,CAAC;QACD,OAAO;;0FAGG,KAAK,IAAI,CAAC,CAAC,kBACb;;;;4IAKE,CAAC,CAAC,mBAAmB,IAAI,wBAC3B;qJAEE,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,UAAU,CAAA","sourcesContent":["import { ErrorModalProps } from '../../types'\nimport { L } from '../locale'\n\nconst ErrorModal = (props: ErrorModalProps) => {\n  const { error } = props\n\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    if (!error) {\n      console.error('ErrorModal: No error provided')\n    }\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              error || L.SomethingWentWrong\n            }</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\" id=\"returnToSite\">${\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 ErrorModal\n"]}

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

@@ -1,106 +0,0 @@
-import { tfrDoor } from '../svgs';
-const FitModal = (props) => {
-    const imageBaseUrl = 'https://assets.dev.thefittingroom.xyz/images/';
-    const onSignInNav = () => props.onSignInNav();
-    const Hook = () => {
-        document.getElementById('cta-link').addEventListener('click', onSignInNav);
-    };
-    const Unhook = () => {
-        document.getElementById('cta-link').removeEventListener('click', onSignInNav);
-    };
-    const Body = () => {
-        return `
-      <div>
-        <div id="fit-title">Fit Scale</div>
-
-        <div id="fit-line-container">
-          <div id="fit-line-text-container">
-            <div class="fit-line-item mobile-hidden">Too Tight</div>
-
-            <div class="fit-line-item">
-              <div>Tight <span class="light-text">or</span><br /> More fitted</div>
-
-              <div class="desktop-hidden margin-top-10">Too Tight</div>
-            </div>
-
-            <div class="fit-line-item fit-line-item-green">Slightly tight <br /><span class="light-text">or</span> Fitted</div>
-            <div class="fit-line-item fit-line-item-green">Perfect Fit</div>
-            <div class="fit-line-item fit-line-item-green">Slightly loose <br /><span class="light-text">or</span> Less fitted</div>
-
-            <div class="fit-line-item">
-              <div>Loose <span class="light-text">or</span><br /> Not fitted</div>
-
-              <div class="desktop-hidden margin-top-10">Oversized</div>
-            </div>
-
-            <div class="fit-line-item mobile-hidden">Oversized</div>
-          </div>
-
-          <div id="fit-line">
-            <div id="fit-line-1" class="mobile-hidden">&nbsp;</div>
-            <div id="fit-line-2">&nbsp;</div>
-            <div id="fit-line-3">&nbsp;</div>
-            <div id="fit-line-4">&nbsp;</div>
-            <div id="fit-line-5">&nbsp;</div>
-            <div id="fit-line-6">&nbsp;</div>
-            <div id="fit-line-7" class="mobile-hidden">&nbsp;</div>
-          </div>
-
-          <div id="fit-line-texts">
-            <div>Poor Fit</div>
-            <div>Acceptable Fit</div>
-            <div>Poor Fit</div>
-          </div>
-        </div>
-
-        <div id="fit-subtitle-mobile" class="desktop-hidden">Measurement&nbsp;Points</div>
-
-        <div id="fit-outline-container">
-          <div id="fit-outline-inner-left">
-            <div class="fit-outline-line-text fit-outline-line-p-waist-text">Pant&nbsp;Waist</div>
-            <div class="fit-outline-line-text fit-outline-line-thigh-text">Thigh</div>
-          </div>
-
-          <div id="fit-outline-inner">
-            <div class="fit-outline-line fit-outline-line-chest"></div>
-            <div class="fit-outline-line fit-outline-line-n-waist"></div>
-            <div class="fit-outline-line fit-outline-line-p-waist"></div>
-            <div class="fit-outline-line fit-outline-line-h-hip"></div>
-            <div class="fit-outline-line fit-outline-line-l-hip"></div>
-            <div class="fit-outline-line fit-outline-line-thigh-l"></div>
-            <div class="fit-outline-line fit-outline-line-thigh-r"></div>
-
-            <img id="tfr-fit-outline-img" src="${imageBaseUrl}fit-outline.png" />
-          </div>
-
-          <div id="fit-outline-inner-right">
-            <div id="fit-subtitle" class="mobile-hidden">Measurement&nbsp;Points</div>
-
-            <div class="fit-outline-line-text fit-outline-line-chest-text">Chest/Bust</div>
-            <div class="fit-outline-line-text fit-outline-line-n-waist-text">Natural&nbsp;Waist</div>
-            <div class="fit-outline-line-text fit-outline-line-h-hip-text">High&nbsp;Hip</div>
-            <div class="fit-outline-line-text fit-outline-line-l-hip-text">Low&nbsp;Hip</div>
-          </div>
-        </div>
-      </div>
-
-      <div id="cta-section">
-        <div id="cta-link">Sign Up or Login</div>
-
-        <div class="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>
-    `;
-    };
-    return {
-        Hook,
-        Unhook,
-        Body,
-        useFullModalContent: false,
-    };
-};
-export default FitModal;
-//# sourceMappingURL=FitModal.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"FitModal.js","sourceRoot":"","sources":["../../../../src/components/Modals/FitModal.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AAEjC,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAgB,EAAE;IACtD,MAAM,YAAY,GAAG,+CAA+C,CAAA;IACpE,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,WAAW,EAAE,CAAA;IAE7C,MAAM,IAAI,GAAG,GAAG,EAAE;QAChB,QAAQ,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC,gBAAgB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAA;IAC5E,CAAC,CAAA;IAED,MAAM,MAAM,GAAG,GAAG,EAAE;QAClB,QAAQ,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC,mBAAmB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAA;IAC/E,CAAC,CAAA;IAED,MAAM,IAAI,GAAG,GAAG,EAAE;QAChB,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iDA6DsC,YAAY;;;;;;;;;;;;;;;;;;;6CAmBhB,OAAO;;;;KAI/C,CAAA;IACH,CAAC,CAAA;IAED,OAAO;QACL,IAAI;QACJ,MAAM;QACN,IAAI;QACJ,mBAAmB,EAAE,KAAK;KAC3B,CAAA;AACH,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA","sourcesContent":["import { FitModalProps, ModalContent } from '../../types'\nimport { tfrDoor } from '../svgs'\n\nconst FitModal = (props: FitModalProps): ModalContent => {\n  const imageBaseUrl = 'https://assets.dev.thefittingroom.xyz/images/'\n  const onSignInNav = () => props.onSignInNav()\n\n  const Hook = () => {\n    document.getElementById('cta-link').addEventListener('click', onSignInNav)\n  }\n\n  const Unhook = () => {\n    document.getElementById('cta-link').removeEventListener('click', onSignInNav)\n  }\n\n  const Body = () => {\n    return `\n      <div>\n        <div id=\"fit-title\">Fit Scale</div>\n\n        <div id=\"fit-line-container\">\n          <div id=\"fit-line-text-container\">\n            <div class=\"fit-line-item mobile-hidden\">Too Tight</div>\n\n            <div class=\"fit-line-item\">\n              <div>Tight <span class=\"light-text\">or</span><br /> More fitted</div>\n\n              <div class=\"desktop-hidden margin-top-10\">Too Tight</div>\n            </div>\n\n            <div class=\"fit-line-item fit-line-item-green\">Slightly tight <br /><span class=\"light-text\">or</span> Fitted</div>\n            <div class=\"fit-line-item fit-line-item-green\">Perfect Fit</div>\n            <div class=\"fit-line-item fit-line-item-green\">Slightly loose <br /><span class=\"light-text\">or</span> Less fitted</div>\n\n            <div class=\"fit-line-item\">\n              <div>Loose <span class=\"light-text\">or</span><br /> Not fitted</div>\n\n              <div class=\"desktop-hidden margin-top-10\">Oversized</div>\n            </div>\n\n            <div class=\"fit-line-item mobile-hidden\">Oversized</div>\n          </div>\n\n          <div id=\"fit-line\">\n            <div id=\"fit-line-1\" class=\"mobile-hidden\">&nbsp;</div>\n            <div id=\"fit-line-2\">&nbsp;</div>\n            <div id=\"fit-line-3\">&nbsp;</div>\n            <div id=\"fit-line-4\">&nbsp;</div>\n            <div id=\"fit-line-5\">&nbsp;</div>\n            <div id=\"fit-line-6\">&nbsp;</div>\n            <div id=\"fit-line-7\" class=\"mobile-hidden\">&nbsp;</div>\n          </div>\n\n          <div id=\"fit-line-texts\">\n            <div>Poor Fit</div>\n            <div>Acceptable Fit</div>\n            <div>Poor Fit</div>\n          </div>\n        </div>\n\n        <div id=\"fit-subtitle-mobile\" class=\"desktop-hidden\">Measurement&nbsp;Points</div>\n\n        <div id=\"fit-outline-container\">\n          <div id=\"fit-outline-inner-left\">\n            <div class=\"fit-outline-line-text fit-outline-line-p-waist-text\">Pant&nbsp;Waist</div>\n            <div class=\"fit-outline-line-text fit-outline-line-thigh-text\">Thigh</div>\n          </div>\n\n          <div id=\"fit-outline-inner\">\n            <div class=\"fit-outline-line fit-outline-line-chest\"></div>\n            <div class=\"fit-outline-line fit-outline-line-n-waist\"></div>\n            <div class=\"fit-outline-line fit-outline-line-p-waist\"></div>\n            <div class=\"fit-outline-line fit-outline-line-h-hip\"></div>\n            <div class=\"fit-outline-line fit-outline-line-l-hip\"></div>\n            <div class=\"fit-outline-line fit-outline-line-thigh-l\"></div>\n            <div class=\"fit-outline-line fit-outline-line-thigh-r\"></div>\n\n            <img id=\"tfr-fit-outline-img\" src=\"${imageBaseUrl}fit-outline.png\" />\n          </div>\n\n          <div id=\"fit-outline-inner-right\">\n            <div id=\"fit-subtitle\" class=\"mobile-hidden\">Measurement&nbsp;Points</div>\n\n            <div class=\"fit-outline-line-text fit-outline-line-chest-text\">Chest/Bust</div>\n            <div class=\"fit-outline-line-text fit-outline-line-n-waist-text\">Natural&nbsp;Waist</div>\n            <div class=\"fit-outline-line-text fit-outline-line-h-hip-text\">High&nbsp;Hip</div>\n            <div class=\"fit-outline-line-text fit-outline-line-l-hip-text\">Low&nbsp;Hip</div>\n          </div>\n        </div>\n      </div>\n\n      <div id=\"cta-section\">\n        <div id=\"cta-link\">Sign Up or Login</div>\n\n        <div class=\"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    `\n  }\n\n  return {\n    Hook,\n    Unhook,\n    Body,\n    useFullModalContent: false,\n  }\n}\n\nexport default FitModal\n"]}

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

@@ -1,43 +0,0 @@
-import { L } from '../locale';
-const ForgotPasswordModal = (props) => {
-    const onNavSignIn = () => {
-        const email = document.getElementById('tfr-email').value;
-        props.onNavSignIn(email);
-    };
-    const onPasswordReset = () => {
-        const email = document.getElementById('tfr-email').value;
-        props.onPasswordReset(email);
-    };
-    const Hook = () => {
-        var _a, _b;
-        (_a = document.getElementById('tfr-send-password-reset')) === null || _a === void 0 ? void 0 : _a.addEventListener('click', onPasswordReset);
-        (_b = document.getElementById('tfr-back-to-signin')) === null || _b === void 0 ? void 0 : _b.addEventListener('click', onNavSignIn);
-    };
-    const Unhook = () => {
-        var _a, _b;
-        (_a = document.getElementById('tfr-send-password-reset')) === null || _a === void 0 ? void 0 : _a.removeEventListener('click', onPasswordReset);
-        (_b = document.getElementById('tfr-back-to-signin')) === null || _b === void 0 ? void 0 : _b.removeEventListener('click', onNavSignIn);
-    };
-    const Body = () => {
-        return `
-        <div tfr-element="true" class="tfr-title-font tfr-light-16-300 tfr-mt-20 tfr-w-70-p tfr-m-h-auto">${L.EnterEmailAddress}</div>
-        <fieldset class="tfr-fieldset-element tfr-fieldset tfr-mt-30">
-            <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="tfr-email" />
-        </fieldset>
-        <div tfr-element="true" class="tfr-body-font tfr-12-default tfr-c-red tfr-mt-10 tfr-d-none" id="error-msg"></div>
-        <div id="tfr-back-to-signin" tfr-element="true" class="tfr-body-font tfr-12-default tfr-c-black-o5 tfr-underline tfr-cursor tfr-mt-30">${L.BackToSignIn}</div>
-        <button id="tfr-send-password-reset" 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">
-            ${L.Send}
-        </button>
-    `;
-    };
-    return {
-        Hook,
-        Unhook,
-        Body,
-        useFullModalContent: true,
-    };
-};
-export default ForgotPasswordModal;
-//# sourceMappingURL=ForgotPasswordModal.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ForgotPasswordModal.js","sourceRoot":"","sources":["../../../../src/components/Modals/ForgotPasswordModal.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,CAAC,EAAE,MAAM,WAAW,CAAA;AAE7B,MAAM,mBAAmB,GAAG,CAAC,KAA+B,EAAgB,EAAE;IAC5E,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,MAAM,KAAK,GAAsB,QAAQ,CAAC,cAAc,CAAC,WAAW,CAAE,CAAC,KAAK,CAAA;QAC5E,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC,CAAA;IAC1B,CAAC,CAAA;IAED,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,MAAM,KAAK,GAAsB,QAAQ,CAAC,cAAc,CAAC,WAAW,CAAE,CAAC,KAAK,CAAA;QAC5E,KAAK,CAAC,eAAe,CAAC,KAAK,CAAC,CAAA;IAC9B,CAAC,CAAA;IAED,MAAM,IAAI,GAAG,GAAG,EAAE;;QAChB,MAAA,QAAQ,CAAC,cAAc,CAAC,yBAAyB,CAAC,0CAAE,gBAAgB,CAAC,OAAO,EAAE,eAAe,CAAC,CAAA;QAC9F,MAAA,QAAQ,CAAC,cAAc,CAAC,oBAAoB,CAAC,0CAAE,gBAAgB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAA;IACvF,CAAC,CAAA;IAED,MAAM,MAAM,GAAG,GAAG,EAAE;;QAClB,MAAA,QAAQ,CAAC,cAAc,CAAC,yBAAyB,CAAC,0CAAE,mBAAmB,CAAC,OAAO,EAAE,eAAe,CAAC,CAAA;QACjG,MAAA,QAAQ,CAAC,cAAc,CAAC,oBAAoB,CAAC,0CAAE,mBAAmB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAA;IAC1F,CAAC,CAAA;IAED,MAAM,IAAI,GAAG,GAAG,EAAE;QAChB,OAAO;4GACiG,CAAC,CAAC,iBAAiB;;+GAEhB,CAAC,CAAC,YAAY;;;;iJAIoB,CAAC,CAAC,YAAY;;cAEjJ,CAAC,CAAC,IAAI;;KAEf,CAAA;IACH,CAAC,CAAA;IAED,OAAO;QACL,IAAI;QACJ,MAAM;QACN,IAAI;QACJ,mBAAmB,EAAE,IAAI;KAC1B,CAAA;AACH,CAAC,CAAA;AAED,eAAe,mBAAmB,CAAA","sourcesContent":["import { ForgotPasswordModalProps, ModalContent } from '../../types'\nimport { L } from '../locale'\n\nconst ForgotPasswordModal = (props: ForgotPasswordModalProps): ModalContent => {\n  const onNavSignIn = () => {\n    const email = (<HTMLInputElement>document.getElementById('tfr-email')).value\n    props.onNavSignIn(email)\n  }\n\n  const onPasswordReset = () => {\n    const email = (<HTMLInputElement>document.getElementById('tfr-email')).value\n    props.onPasswordReset(email)\n  }\n\n  const Hook = () => {\n    document.getElementById('tfr-send-password-reset')?.addEventListener('click', onPasswordReset)\n    document.getElementById('tfr-back-to-signin')?.addEventListener('click', onNavSignIn)\n  }\n\n  const Unhook = () => {\n    document.getElementById('tfr-send-password-reset')?.removeEventListener('click', onPasswordReset)\n    document.getElementById('tfr-back-to-signin')?.removeEventListener('click', onNavSignIn)\n  }\n\n  const Body = () => {\n    return `\n        <div tfr-element=\"true\" class=\"tfr-title-font tfr-light-16-300 tfr-mt-20 tfr-w-70-p tfr-m-h-auto\">${L.EnterEmailAddress}</div>\n        <fieldset class=\"tfr-fieldset-element tfr-fieldset tfr-mt-30\">\n            <legend tfr-element=\"true\" class=\"tfr-label-element tfr-body-font tfr-14-default tfr-c-black-o5\">${L.EmailAddress}</legend>\n            <input tfr-element=\"true\" type=\"email\" id=\"tfr-email\" />\n        </fieldset>\n        <div tfr-element=\"true\" class=\"tfr-body-font tfr-12-default tfr-c-red tfr-mt-10 tfr-d-none\" id=\"error-msg\"></div>\n        <div id=\"tfr-back-to-signin\" tfr-element=\"true\" class=\"tfr-body-font tfr-12-default tfr-c-black-o5 tfr-underline tfr-cursor tfr-mt-30\">${L.BackToSignIn}</div>\n        <button id=\"tfr-send-password-reset\" 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\">\n            ${L.Send}\n        </button>\n    `\n  }\n\n  return {\n    Hook,\n    Unhook,\n    Body,\n    useFullModalContent: true,\n  }\n}\n\nexport default ForgotPasswordModal\n"]}

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

@@ -1,38 +0,0 @@
-import { L } from '../locale';
-const LoadingAvatarModal = (props) => {
-    function startProgressBar(milliseconds, progressBar) {
-        let percentCount = 0;
-        const millisecondStep = milliseconds / 200;
-        progressBar.style.width = percentCount + '%';
-        const id = setInterval(() => {
-            if (percentCount >= 100) {
-                clearInterval(id);
-            }
-            else {
-                percentCount += 0.5;
-                progressBar.style.width = percentCount + '%';
-            }
-        }, millisecondStep);
-    }
-    const Hook = () => {
-        const progressBar = document.querySelector('.progress-bar-fill');
-        startProgressBar(props.timeoutMS, progressBar);
-    };
-    const Unhook = () => void 0;
-    const Body = () => {
-        return `
-        <div tfr-element="true" class="tfr-title-font tfr-light-22-300 tfr-c-black tfr-mt-60" > ${L.LoadingAvatar} </div>
-        <div class="progress-bar">
-            <span class="progress-bar-fill"></span>
-        </div>
-        `;
-    };
-    return {
-        Hook,
-        Unhook,
-        Body,
-        useFullModalContent: true,
-    };
-};
-export default LoadingAvatarModal;
-//# sourceMappingURL=LoadingAvatarModal.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"LoadingAvatarModal.js","sourceRoot":"","sources":["../../../../src/components/Modals/LoadingAvatarModal.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,CAAC,EAAE,MAAM,WAAW,CAAA;AAE7B,MAAM,kBAAkB,GAAG,CAAC,KAA8B,EAAgB,EAAE;IAC1E,SAAS,gBAAgB,CAAC,YAAY,EAAE,WAAW;QACjD,IAAI,YAAY,GAAG,CAAC,CAAA;QACpB,MAAM,eAAe,GAAG,YAAY,GAAG,GAAG,CAAA;QAC1C,WAAW,CAAC,KAAK,CAAC,KAAK,GAAG,YAAY,GAAG,GAAG,CAAA;QAC5C,MAAM,EAAE,GAAG,WAAW,CAAC,GAAG,EAAE;YAC1B,IAAI,YAAY,IAAI,GAAG,EAAE,CAAC;gBACxB,aAAa,CAAC,EAAE,CAAC,CAAA;YACnB,CAAC;iBAAM,CAAC;gBACN,YAAY,IAAI,GAAG,CAAA;gBACnB,WAAW,CAAC,KAAK,CAAC,KAAK,GAAG,YAAY,GAAG,GAAG,CAAA;YAC9C,CAAC;QACH,CAAC,EAAE,eAAe,CAAC,CAAA;IACrB,CAAC;IAED,MAAM,IAAI,GAAG,GAAG,EAAE;QAChB,MAAM,WAAW,GAAG,QAAQ,CAAC,aAAa,CAAC,oBAAoB,CAAC,CAAA;QAChE,gBAAgB,CAAC,KAAK,CAAC,SAAS,EAAE,WAAW,CAAC,CAAA;IAChD,CAAC,CAAA;IAED,MAAM,MAAM,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,CAAA;IAE3B,MAAM,IAAI,GAAG,GAAG,EAAE;QAChB,OAAO;kGACuF,CAAC,CAAC,aAAa;;;;SAIxG,CAAA;IACP,CAAC,CAAA;IAED,OAAO;QACL,IAAI;QACJ,MAAM;QACN,IAAI;QACJ,mBAAmB,EAAE,IAAI;KAC1B,CAAA;AACH,CAAC,CAAA;AAED,eAAe,kBAAkB,CAAA","sourcesContent":["import { LoadingAvatarModalProps, ModalContent } from '../../types'\nimport { L } from '../locale'\n\nconst LoadingAvatarModal = (props: LoadingAvatarModalProps): ModalContent => {\n  function startProgressBar(milliseconds, progressBar) {\n    let percentCount = 0\n    const millisecondStep = milliseconds / 200\n    progressBar.style.width = percentCount + '%'\n    const id = setInterval(() => {\n      if (percentCount >= 100) {\n        clearInterval(id)\n      } else {\n        percentCount += 0.5\n        progressBar.style.width = percentCount + '%'\n      }\n    }, millisecondStep)\n  }\n\n  const Hook = () => {\n    const progressBar = document.querySelector('.progress-bar-fill')\n    startProgressBar(props.timeoutMS, progressBar)\n  }\n\n  const Unhook = () => void 0\n\n  const Body = () => {\n    return `\n        <div tfr-element=\"true\" class=\"tfr-title-font tfr-light-22-300 tfr-c-black tfr-mt-60\" > ${L.LoadingAvatar} </div>\n        <div class=\"progress-bar\">\n            <span class=\"progress-bar-fill\"></span>\n        </div>\n        `\n  }\n\n  return {\n    Hook,\n    Unhook,\n    Body,\n    useFullModalContent: true,\n  }\n}\n\nexport default LoadingAvatarModal\n"]}

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

@@ -1,36 +0,0 @@
-import { L } from '../locale';
-const LoggedOutModal = (props) => {
-    const onNavSignIn = () => {
-        props.onNavSignIn('');
-    };
-    const onClose = () => {
-        props.onClose();
-    };
-    const Hook = () => {
-        var _a, _b;
-        (_a = document.getElementById('tfr-sign-in')) === null || _a === void 0 ? void 0 : _a.addEventListener('click', onNavSignIn);
-        (_b = document.getElementById('tfr-close')) === null || _b === void 0 ? void 0 : _b.addEventListener('click', onClose);
-    };
-    const Unhook = () => {
-        var _a, _b;
-        (_a = document.getElementById('tfr-sign-in')) === null || _a === void 0 ? void 0 : _a.removeEventListener('click', onNavSignIn);
-        (_b = document.getElementById('tfr-close')) === null || _b === void 0 ? void 0 : _b.removeEventListener('click', onClose);
-    };
-    const Body = () => {
-        return `
-        <div tfr-element="true" class="tfr-title-font tfr-light-22-300 tfr-mt-15-p tfr-mb-13-p">${L.SuccessfullyLoggedOut}</div>
-        <div class="tfr-t-a-center">
-            <span id="tfr-sign-in" tfr-element="true" class="tfr-body-font tfr-16-default tfr-c-black-o5 tfr-underline tfr-cursor tfr-mr-20">${L.SignBackIn}</span>
-            <span id="tfr-close" tfr-element="true" class="tfr-body-font tfr-16-default tfr-c-black-o5 tfr-underline tfr-cursor" >${L.ReturnToSite}</span>
-        </div>
-    `;
-    };
-    return {
-        Hook,
-        Unhook,
-        Body,
-        useFullModalContent: true,
-    };
-};
-export default LoggedOutModal;
-//# sourceMappingURL=LoggedOutModal.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"LoggedOutModal.js","sourceRoot":"","sources":["../../../../src/components/Modals/LoggedOutModal.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,CAAC,EAAE,MAAM,WAAW,CAAA;AAE7B,MAAM,cAAc,GAAG,CAAC,KAA0B,EAAgB,EAAE;IAClE,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,CAAA;IACvB,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,aAAa,CAAC,0CAAE,gBAAgB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAA;QAC9E,MAAA,QAAQ,CAAC,cAAc,CAAC,WAAW,CAAC,0CAAE,gBAAgB,CAAC,OAAO,EAAE,OAAO,CAAC,CAAA;IAC1E,CAAC,CAAA;IAED,MAAM,MAAM,GAAG,GAAS,EAAE;;QACxB,MAAA,QAAQ,CAAC,cAAc,CAAC,aAAa,CAAC,0CAAE,mBAAmB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAA;QACjF,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;kGACuF,CAAC,CAAC,qBAAqB;;+IAEsB,CAAC,CAAC,UAAU;oIACvB,CAAC,CAAC,YAAY;;KAE7I,CAAA;IACH,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 { LoggedOutModalProps, ModalContent } from '../../types'\nimport { L } from '../locale'\n\nconst LoggedOutModal = (props: LoggedOutModalProps): ModalContent => {\n  const onNavSignIn = () => {\n    props.onNavSignIn('')\n  }\n\n  const onClose = () => {\n    props.onClose()\n  }\n\n  const Hook = () => {\n    document.getElementById('tfr-sign-in')?.addEventListener('click', onNavSignIn)\n    document.getElementById('tfr-close')?.addEventListener('click', onClose)\n  }\n\n  const Unhook = (): void => {\n    document.getElementById('tfr-sign-in')?.removeEventListener('click', onNavSignIn)\n    document.getElementById('tfr-close')?.removeEventListener('click', onClose)\n  }\n\n  const Body = () => {\n    return `\n        <div tfr-element=\"true\" class=\"tfr-title-font tfr-light-22-300 tfr-mt-15-p tfr-mb-13-p\">${L.SuccessfullyLoggedOut}</div>\n        <div class=\"tfr-t-a-center\">\n            <span id=\"tfr-sign-in\" tfr-element=\"true\" class=\"tfr-body-font tfr-16-default tfr-c-black-o5 tfr-underline tfr-cursor tfr-mr-20\">${L.SignBackIn}</span>\n            <span id=\"tfr-close\" tfr-element=\"true\" class=\"tfr-body-font tfr-16-default tfr-c-black-o5 tfr-underline tfr-cursor\" >${L.ReturnToSite}</span>\n        </div>\n    `\n  }\n\n  return {\n    Hook,\n    Unhook,\n    Body,\n    useFullModalContent: true,\n  }\n}\n\nexport default LoggedOutModal\n"]}

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

@@ -1,107 +0,0 @@
-import { L } from '../locale';
-const InitModalManager = (elementID) => {
-    const modalRoot = document.getElementById(elementID);
-    const body = document.querySelector('body');
-    if (!modalRoot) {
-        throw new Error(`element with id ${elementID} not found`);
-    }
-    let previousContent;
-    const renderBody = (modalBody, useFullModalContent) => {
-        console.log({ useFullModalContent });
-        return `
-        <div class="tfr-modal" id="tfr-modal-background">
-            <div class="tfr-modal-content-container tfr-p-20">
-                <div class="tfr-close-container">
-                  <span id="tfr-close-container" class="tfr-close tfr-cursor">&times;</span>
-                </div>
-
-                <div class="tfr-modal-content-flex">
-                  <div class="tfr-modal-content">
-                      ${renderModalContent(useFullModalContent)}
-                      ${modalBody}
-                  </div>
-                </div>
-            </div>
-        </div>
-    `;
-    };
-    const renderModalContent = (useFullModalContent) => {
-        if (!useFullModalContent)
-            return '';
-        return `
-      <div class="tfr-modal-title-logo-container">
-          <div tfr-element="true" class="trf-logo-title tfr-title-font tfr-light-24-300 tfr-c-black tfr-mr-10">${L.ModalTagline}</div>
-          <div tfr-element="true" class="tfr-logo-container">
-            <div class="tfr-mr-15">
-              <svg width="26" height="47" viewBox="0 0 68 124" fill="none" xmlns="http://www.w3.org/2000/svg">
-                <path d="M0.911938 0L67.4819 17.09V106.49L0.911938 123.51V0Z" fill="#209DA7">
-                </path>
-                <path d="M52.8019 64.44C54.7791 64.44 56.3819 62.4387 56.3819 59.97C56.3819 57.5013 54.7791 55.5 52.8019 55.5C50.8248 55.5 49.2219 57.5013 49.2219 59.97C49.2219 62.4387 50.8248 64.44 52.8019 64.44Z" fill="white">
-                </path>
-              </svg>
-            </div>
-            <div tfr-element="true" class="tfr-title-font tfr-light-24-500 tfr-c-black tfr-mr-10">${L.TheFittingRoom}</div>
-          </div>
-      </div>
-    `;
-    };
-    const Open = (content) => {
-        body.style.overflow = 'hidden';
-        if (previousContent) {
-            previousContent.Unhook();
-        }
-        modalRoot.innerHTML = renderBody(content.Body(), content.useFullModalContent);
-        hook();
-        content.Hook();
-        modalRoot.style.display = 'block';
-        previousContent = content;
-    };
-    const Close = () => {
-        body.style.overflow = 'auto';
-        if (previousContent) {
-            previousContent.Unhook();
-            unhook();
-        }
-        modalRoot.style.display = 'none';
-    };
-    const EscClose = (e) => {
-        if (e.key === 'Escape') {
-            Close();
-        }
-    };
-    const ContainerClose = (e) => {
-        const background = modalRoot.querySelector('#tfr-modal-background');
-        if (e.target === background) {
-            console.debug('container close');
-            Close();
-        }
-    };
-    const hook = () => {
-        modalRoot.querySelector('#tfr-close-container').addEventListener('click', Close);
-        document.addEventListener('keydown', EscClose);
-        document.addEventListener('click', ContainerClose);
-    };
-    const unhook = () => {
-        var _a;
-        const closeLink = modalRoot.querySelector('#tfr-close-container');
-        if (closeLink) {
-            closeLink.removeEventListener('click', Close);
-        }
-        else {
-            console.error('#tfr-close-container not found on unhook');
-            console.debug((_a = document.getElementById(elementID)) === null || _a === void 0 ? void 0 : _a.innerHTML);
-        }
-        document.removeEventListener('keydown', EscClose);
-        document.removeEventListener('click', ContainerClose);
-    };
-    const Content = () => {
-        return previousContent;
-    };
-    return {
-        open: Open,
-        close: Close,
-        Content,
-    };
-};
-export { InitModalManager };
-//# sourceMappingURL=ModalManager.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ModalManager.js","sourceRoot":"","sources":["../../../../src/components/Modals/ModalManager.ts"],"names":[],"mappings":"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","sourcesContent":["import { ModalContent } from '../../types'\nimport { L } from '../locale'\n\ninterface ModalManager {\n  open(content: ModalContent): void\n  close(): void\n  Content(): ModalContent\n}\n\nconst InitModalManager = (elementID: string): ModalManager => {\n  const modalRoot = document.getElementById(elementID)\n  const body = document.querySelector('body')\n\n  if (!modalRoot) {\n    throw new Error(`element with id ${elementID} not found`)\n  }\n\n  let previousContent: ModalContent\n\n  const renderBody = (modalBody: string, useFullModalContent: boolean) => {\n    console.log({ useFullModalContent })\n    return `\n        <div class=\"tfr-modal\" id=\"tfr-modal-background\">\n            <div class=\"tfr-modal-content-container tfr-p-20\">\n                <div class=\"tfr-close-container\">\n                  <span id=\"tfr-close-container\" class=\"tfr-close tfr-cursor\">&times;</span>\n                </div>\n\n                <div class=\"tfr-modal-content-flex\">\n                  <div class=\"tfr-modal-content\">\n                      ${renderModalContent(useFullModalContent)}\n                      ${modalBody}\n                  </div>\n                </div>\n            </div>\n        </div>\n    `\n  }\n\n  const renderModalContent = (useFullModalContent: boolean) => {\n    if (!useFullModalContent) return ''\n\n    return `\n      <div class=\"tfr-modal-title-logo-container\">\n          <div tfr-element=\"true\" class=\"trf-logo-title tfr-title-font tfr-light-24-300 tfr-c-black tfr-mr-10\">${L.ModalTagline}</div>\n          <div tfr-element=\"true\" class=\"tfr-logo-container\">\n            <div class=\"tfr-mr-15\">\n              <svg width=\"26\" height=\"47\" viewBox=\"0 0 68 124\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                <path d=\"M0.911938 0L67.4819 17.09V106.49L0.911938 123.51V0Z\" fill=\"#209DA7\">\n                </path>\n                <path d=\"M52.8019 64.44C54.7791 64.44 56.3819 62.4387 56.3819 59.97C56.3819 57.5013 54.7791 55.5 52.8019 55.5C50.8248 55.5 49.2219 57.5013 49.2219 59.97C49.2219 62.4387 50.8248 64.44 52.8019 64.44Z\" fill=\"white\">\n                </path>\n              </svg>\n            </div>\n            <div tfr-element=\"true\" class=\"tfr-title-font tfr-light-24-500 tfr-c-black tfr-mr-10\">${L.TheFittingRoom}</div>\n          </div>\n      </div>\n    `\n  }\n\n  const Open = (content: ModalContent) => {\n    body.style.overflow = 'hidden'\n    if (previousContent) {\n      previousContent.Unhook()\n    }\n    modalRoot.innerHTML = renderBody(content.Body(), content.useFullModalContent)\n    hook()\n    content.Hook()\n    modalRoot.style.display = 'block'\n    previousContent = content\n  }\n\n  const Close = () => {\n    body.style.overflow = 'auto'\n    if (previousContent) {\n      previousContent.Unhook()\n      unhook()\n    }\n    modalRoot.style.display = 'none'\n  }\n\n  const EscClose = (e: KeyboardEvent) => {\n    if (e.key === 'Escape') {\n      Close()\n    }\n  }\n\n  const ContainerClose = (e: MouseEvent) => {\n    const background = modalRoot.querySelector('#tfr-modal-background')\n    if (e.target === background) {\n      console.debug('container close')\n      Close()\n    }\n  }\n\n  const hook = () => {\n    modalRoot.querySelector('#tfr-close-container').addEventListener('click', Close)\n    document.addEventListener('keydown', EscClose)\n    document.addEventListener('click', ContainerClose)\n  }\n\n  const unhook = () => {\n    const closeLink = modalRoot.querySelector('#tfr-close-container')\n    if (closeLink) {\n      closeLink.removeEventListener('click', Close)\n    } else {\n      console.error('#tfr-close-container not found on unhook')\n      console.debug(document.getElementById(elementID)?.innerHTML)\n    }\n    document.removeEventListener('keydown', EscClose)\n    document.removeEventListener('click', ContainerClose)\n  }\n\n  const Content = () => {\n    return previousContent\n  }\n\n  return {\n    open: Open,\n    close: Close,\n    Content,\n  }\n}\n\nexport { InitModalManager, ModalManager }\n"]}

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

@@ -1,19 +0,0 @@
-import { L } from '../locale';
-const NoAvatarModal = () => {
-    const Hook = () => void 0;
-    const Unhook = () => void 0;
-    const Body = () => {
-        return `
-        <div tfr-element="true" class="tfr-title-font tfr-light-22-300 tfr-c-black tfr-mt-60">${L.DontHaveAvatar}</div>
-        <div tfr-element="true" class="tfr-title-font tfr-light-22-300 tfr-c-black tfr-mb-60">${L.ReturnToTfr}</div>
-    `;
-    };
-    return {
-        Body,
-        Hook,
-        Unhook,
-        useFullModalContent: true,
-    };
-};
-export default NoAvatarModal;
-//# sourceMappingURL=NoAvatarModal.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"NoAvatarModal.js","sourceRoot":"","sources":["../../../../src/components/Modals/NoAvatarModal.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,CAAC,EAAE,MAAM,WAAW,CAAA;AAE7B,MAAM,aAAa,GAAG,GAAiB,EAAE;IACvC,MAAM,IAAI,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,CAAA;IACzB,MAAM,MAAM,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,CAAA;IAC3B,MAAM,IAAI,GAAG,GAAG,EAAE;QAChB,OAAO;gGACqF,CAAC,CAAC,cAAc;gGAChB,CAAC,CAAC,WAAW;KACxG,CAAA;IACH,CAAC,CAAA;IAED,OAAO;QACL,IAAI;QACJ,IAAI;QACJ,MAAM;QACN,mBAAmB,EAAE,IAAI;KAC1B,CAAA;AACH,CAAC,CAAA;AAED,eAAe,aAAa,CAAA","sourcesContent":["import { ModalContent } from '../../types'\nimport { L } from '../locale'\n\nconst NoAvatarModal = (): ModalContent => {\n  const Hook = () => void 0\n  const Unhook = () => void 0\n  const Body = () => {\n    return `\n        <div tfr-element=\"true\" class=\"tfr-title-font tfr-light-22-300 tfr-c-black tfr-mt-60\">${L.DontHaveAvatar}</div>\n        <div tfr-element=\"true\" class=\"tfr-title-font tfr-light-22-300 tfr-c-black tfr-mb-60\">${L.ReturnToTfr}</div>\n    `\n  }\n\n  return {\n    Body,\n    Hook,\n    Unhook,\n    useFullModalContent: true,\n  }\n}\n\nexport default NoAvatarModal\n"]}

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

@@ -1,31 +0,0 @@
-import { L } from '../locale';
-const ResetLinkModal = (props) => {
-    const { email } = props;
-    const onNavSignIn = () => {
-        props.onNavSignIn(email || '');
-    };
-    const Hook = () => {
-        var _a;
-        (_a = document.getElementById('tfr-back-to-signin')) === null || _a === void 0 ? void 0 : _a.addEventListener('click', onNavSignIn);
-    };
-    const Unhook = () => {
-        var _a;
-        (_a = document.getElementById('tfr-back-to-signin')) === null || _a === void 0 ? void 0 : _a.removeEventListener('click', onNavSignIn);
-    };
-    const Body = () => {
-        return `
-    <div tfr-element="true" class="tfr-title-font tfr-light-22-300 tfr-c-black tfr-mt-15-p tfr-mb-13-p tfr-w-80-p tfr-m-h-auto">${L.AssociatedEmail}</div>
-    <div class="tfr-t-a-center">
-        <span id="tfr-back-to-signin" tfr-element="true" class="tfr-body-font tfr-16-default tfr-c-black-o5 tfr-underline tfr-cursor tfr-mr-20">${L.BackToSignIn}</span>
-    </div>
-    `;
-    };
-    return {
-        Hook,
-        Unhook,
-        Body,
-        useFullModalContent: true,
-    };
-};
-export default ResetLinkModal;
-//# sourceMappingURL=ResetLinkModal.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ResetLinkModal.js","sourceRoot":"","sources":["../../../../src/components/Modals/ResetLinkModal.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,CAAC,EAAE,MAAM,WAAW,CAAA;AAE7B,MAAM,cAAc,GAAG,CAAC,KAA0B,EAAgB,EAAE;IAClE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAA;IAEvB,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,KAAK,CAAC,WAAW,CAAC,KAAK,IAAI,EAAE,CAAC,CAAA;IAChC,CAAC,CAAA;IAED,MAAM,IAAI,GAAG,GAAG,EAAE;;QAChB,MAAA,QAAQ,CAAC,cAAc,CAAC,oBAAoB,CAAC,0CAAE,gBAAgB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAA;IACvF,CAAC,CAAA;IAED,MAAM,MAAM,GAAG,GAAG,EAAE;;QAClB,MAAA,QAAQ,CAAC,cAAc,CAAC,oBAAoB,CAAC,0CAAE,mBAAmB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAA;IAC1F,CAAC,CAAA;IAED,MAAM,IAAI,GAAG,GAAG,EAAE;QAChB,OAAO;kIACuH,CAAC,CAAC,eAAe;;kJAED,CAAC,CAAC,YAAY;;KAE3J,CAAA;IACH,CAAC,CAAA;IAED,OAAO;QACL,IAAI;QACJ,MAAM;QACN,IAAI;QACJ,mBAAmB,EAAE,IAAI;KAC1B,CAAA;AACH,CAAC,CAAA;AACD,eAAe,cAAc,CAAA","sourcesContent":["import { ModalContent, ResetLinkModalProps } from '../../types'\nimport { L } from '../locale'\n\nconst ResetLinkModal = (props: ResetLinkModalProps): ModalContent => {\n  const { email } = props\n\n  const onNavSignIn = () => {\n    props.onNavSignIn(email || '')\n  }\n\n  const Hook = () => {\n    document.getElementById('tfr-back-to-signin')?.addEventListener('click', onNavSignIn)\n  }\n\n  const Unhook = () => {\n    document.getElementById('tfr-back-to-signin')?.removeEventListener('click', onNavSignIn)\n  }\n\n  const Body = () => {\n    return `\n    <div tfr-element=\"true\" class=\"tfr-title-font tfr-light-22-300 tfr-c-black tfr-mt-15-p tfr-mb-13-p tfr-w-80-p tfr-m-h-auto\">${L.AssociatedEmail}</div>\n    <div class=\"tfr-t-a-center\">\n        <span id=\"tfr-back-to-signin\" tfr-element=\"true\" class=\"tfr-body-font tfr-16-default tfr-c-black-o5 tfr-underline tfr-cursor tfr-mr-20\">${L.BackToSignIn}</span>\n    </div>\n    `\n  }\n\n  return {\n    Hook,\n    Unhook,\n    Body,\n    useFullModalContent: true,\n  }\n}\nexport default ResetLinkModal\n"]}