@thefittingroom/shop-ui 3.2.3 → 4.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.env.development +13 -0
- package/.env.example +20 -0
- package/.env.production +14 -0
- package/AGENTS.md +8 -0
- package/dist/index.js +22198 -0
- package/dist/index.umd.cjs +22202 -0
- package/index.html +246 -98
- package/package.json +17 -22
- package/vite.config.js +39 -0
- package/.env.dev +0 -2
- package/.env.prod +0 -2
- package/.rollup.cache/home/runner/work/shop-sdk-ui/shop-sdk-ui/dist/esm/components/Modals/ErrorModal.js +0 -43
- package/.rollup.cache/home/runner/work/shop-sdk-ui/shop-sdk-ui/dist/esm/components/Modals/ErrorModal.js.map +0 -1
- package/.rollup.cache/home/runner/work/shop-sdk-ui/shop-sdk-ui/dist/esm/components/Modals/FitModal.js +0 -106
- package/.rollup.cache/home/runner/work/shop-sdk-ui/shop-sdk-ui/dist/esm/components/Modals/FitModal.js.map +0 -1
- package/.rollup.cache/home/runner/work/shop-sdk-ui/shop-sdk-ui/dist/esm/components/Modals/ForgotPasswordModal.js +0 -43
- package/.rollup.cache/home/runner/work/shop-sdk-ui/shop-sdk-ui/dist/esm/components/Modals/ForgotPasswordModal.js.map +0 -1
- package/.rollup.cache/home/runner/work/shop-sdk-ui/shop-sdk-ui/dist/esm/components/Modals/LoadingAvatarModal.js +0 -38
- package/.rollup.cache/home/runner/work/shop-sdk-ui/shop-sdk-ui/dist/esm/components/Modals/LoadingAvatarModal.js.map +0 -1
- package/.rollup.cache/home/runner/work/shop-sdk-ui/shop-sdk-ui/dist/esm/components/Modals/LoggedOutModal.js +0 -36
- package/.rollup.cache/home/runner/work/shop-sdk-ui/shop-sdk-ui/dist/esm/components/Modals/LoggedOutModal.js.map +0 -1
- package/.rollup.cache/home/runner/work/shop-sdk-ui/shop-sdk-ui/dist/esm/components/Modals/ModalManager.js +0 -107
- package/.rollup.cache/home/runner/work/shop-sdk-ui/shop-sdk-ui/dist/esm/components/Modals/ModalManager.js.map +0 -1
- package/.rollup.cache/home/runner/work/shop-sdk-ui/shop-sdk-ui/dist/esm/components/Modals/NoAvatarModal.js +0 -19
- package/.rollup.cache/home/runner/work/shop-sdk-ui/shop-sdk-ui/dist/esm/components/Modals/NoAvatarModal.js.map +0 -1
- package/.rollup.cache/home/runner/work/shop-sdk-ui/shop-sdk-ui/dist/esm/components/Modals/ResetLinkModal.js +0 -31
- package/.rollup.cache/home/runner/work/shop-sdk-ui/shop-sdk-ui/dist/esm/components/Modals/ResetLinkModal.js.map +0 -1
- package/.rollup.cache/home/runner/work/shop-sdk-ui/shop-sdk-ui/dist/esm/components/Modals/ScanCodeModal.js +0 -77
- package/.rollup.cache/home/runner/work/shop-sdk-ui/shop-sdk-ui/dist/esm/components/Modals/ScanCodeModal.js.map +0 -1
- package/.rollup.cache/home/runner/work/shop-sdk-ui/shop-sdk-ui/dist/esm/components/Modals/SignInModal.js +0 -94
- package/.rollup.cache/home/runner/work/shop-sdk-ui/shop-sdk-ui/dist/esm/components/Modals/SignInModal.js.map +0 -1
- package/.rollup.cache/home/runner/work/shop-sdk-ui/shop-sdk-ui/dist/esm/components/Modals/SizeErrorModal.js +0 -43
- package/.rollup.cache/home/runner/work/shop-sdk-ui/shop-sdk-ui/dist/esm/components/Modals/SizeErrorModal.js.map +0 -1
- package/.rollup.cache/home/runner/work/shop-sdk-ui/shop-sdk-ui/dist/esm/components/Modals/TryOnModal.js +0 -51
- package/.rollup.cache/home/runner/work/shop-sdk-ui/shop-sdk-ui/dist/esm/components/Modals/TryOnModal.js.map +0 -1
- package/.rollup.cache/home/runner/work/shop-sdk-ui/shop-sdk-ui/dist/esm/components/SizeRec.js +0 -365
- package/.rollup.cache/home/runner/work/shop-sdk-ui/shop-sdk-ui/dist/esm/components/SizeRec.js.map +0 -1
- package/.rollup.cache/home/runner/work/shop-sdk-ui/shop-sdk-ui/dist/esm/components/Vto.js +0 -52
- package/.rollup.cache/home/runner/work/shop-sdk-ui/shop-sdk-ui/dist/esm/components/Vto.js.map +0 -1
- package/.rollup.cache/home/runner/work/shop-sdk-ui/shop-sdk-ui/dist/esm/components/index.js +0 -16
- package/.rollup.cache/home/runner/work/shop-sdk-ui/shop-sdk-ui/dist/esm/components/index.js.map +0 -1
- package/.rollup.cache/home/runner/work/shop-sdk-ui/shop-sdk-ui/dist/esm/components/locale.js +0 -108
- package/.rollup.cache/home/runner/work/shop-sdk-ui/shop-sdk-ui/dist/esm/components/locale.js.map +0 -1
- package/.rollup.cache/home/runner/work/shop-sdk-ui/shop-sdk-ui/dist/esm/components/slider.js +0 -44
- package/.rollup.cache/home/runner/work/shop-sdk-ui/shop-sdk-ui/dist/esm/components/slider.js.map +0 -1
- package/.rollup.cache/home/runner/work/shop-sdk-ui/shop-sdk-ui/dist/esm/components/svgs.js +0 -33
- package/.rollup.cache/home/runner/work/shop-sdk-ui/shop-sdk-ui/dist/esm/components/svgs.js.map +0 -1
- package/.rollup.cache/home/runner/work/shop-sdk-ui/shop-sdk-ui/dist/esm/components/uiError.js +0 -8
- package/.rollup.cache/home/runner/work/shop-sdk-ui/shop-sdk-ui/dist/esm/components/uiError.js.map +0 -1
- package/.rollup.cache/home/runner/work/shop-sdk-ui/shop-sdk-ui/dist/esm/helpers/telephone.js +0 -12368
- package/.rollup.cache/home/runner/work/shop-sdk-ui/shop-sdk-ui/dist/esm/helpers/telephone.js.map +0 -1
- package/.rollup.cache/home/runner/work/shop-sdk-ui/shop-sdk-ui/dist/esm/helpers/validations.js +0 -15
- package/.rollup.cache/home/runner/work/shop-sdk-ui/shop-sdk-ui/dist/esm/helpers/validations.js.map +0 -1
- package/.rollup.cache/home/runner/work/shop-sdk-ui/shop-sdk-ui/dist/esm/index.js +0 -3
- package/.rollup.cache/home/runner/work/shop-sdk-ui/shop-sdk-ui/dist/esm/index.js.map +0 -1
- package/.rollup.cache/home/runner/work/shop-sdk-ui/shop-sdk-ui/dist/esm/init.js +0 -7
- package/.rollup.cache/home/runner/work/shop-sdk-ui/shop-sdk-ui/dist/esm/init.js.map +0 -1
- package/.rollup.cache/home/runner/work/shop-sdk-ui/shop-sdk-ui/dist/esm/styles/index.js +0 -12
- package/.rollup.cache/home/runner/work/shop-sdk-ui/shop-sdk-ui/dist/esm/styles/index.js.map +0 -1
- package/.rollup.cache/home/runner/work/shop-sdk-ui/shop-sdk-ui/dist/esm/tfr-modal.js +0 -77
- package/.rollup.cache/home/runner/work/shop-sdk-ui/shop-sdk-ui/dist/esm/tfr-modal.js.map +0 -1
- package/.rollup.cache/home/runner/work/shop-sdk-ui/shop-sdk-ui/dist/esm/tfr-size-rec.js +0 -202
- package/.rollup.cache/home/runner/work/shop-sdk-ui/shop-sdk-ui/dist/esm/tfr-size-rec.js.map +0 -1
- package/.rollup.cache/home/runner/work/shop-sdk-ui/shop-sdk-ui/dist/esm/tfr.js +0 -212
- package/.rollup.cache/home/runner/work/shop-sdk-ui/shop-sdk-ui/dist/esm/tfr.js.map +0 -1
- package/.rollup.cache/home/runner/work/shop-sdk-ui/shop-sdk-ui/dist/esm/types/index.js +0 -15
- package/.rollup.cache/home/runner/work/shop-sdk-ui/shop-sdk-ui/dist/esm/types/index.js.map +0 -1
- package/.rollup.cache/home/runner/work/shop-sdk-ui/shop-sdk-ui/dist/tsconfig.tsbuildinfo +0 -1
- package/README.md +0 -153
- package/dist/esm/index.js +0 -28142
- package/dist/esm/index.js.map +0 -1
- package/dist/esm/index.min.js +0 -3399
- package/dist/esm/index.min.js.map +0 -1
- package/dist/tsconfig.tsbuildinfo +0 -1
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
import { L } from '../locale';
|
|
2
|
-
const ForgotPasswordModal = (props) => {
|
|
3
|
-
const onNavSignIn = () => {
|
|
4
|
-
const email = document.getElementById('tfr-email').value;
|
|
5
|
-
props.onNavSignIn(email);
|
|
6
|
-
};
|
|
7
|
-
const onPasswordReset = () => {
|
|
8
|
-
const email = document.getElementById('tfr-email').value;
|
|
9
|
-
props.onPasswordReset(email);
|
|
10
|
-
};
|
|
11
|
-
const Hook = () => {
|
|
12
|
-
var _a, _b;
|
|
13
|
-
(_a = document.getElementById('tfr-send-password-reset')) === null || _a === void 0 ? void 0 : _a.addEventListener('click', onPasswordReset);
|
|
14
|
-
(_b = document.getElementById('tfr-back-to-signin')) === null || _b === void 0 ? void 0 : _b.addEventListener('click', onNavSignIn);
|
|
15
|
-
};
|
|
16
|
-
const Unhook = () => {
|
|
17
|
-
var _a, _b;
|
|
18
|
-
(_a = document.getElementById('tfr-send-password-reset')) === null || _a === void 0 ? void 0 : _a.removeEventListener('click', onPasswordReset);
|
|
19
|
-
(_b = document.getElementById('tfr-back-to-signin')) === null || _b === void 0 ? void 0 : _b.removeEventListener('click', onNavSignIn);
|
|
20
|
-
};
|
|
21
|
-
const Body = () => {
|
|
22
|
-
return `
|
|
23
|
-
<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>
|
|
24
|
-
<fieldset class="tfr-fieldset-element tfr-fieldset tfr-mt-30">
|
|
25
|
-
<legend tfr-element="true" class="tfr-label-element tfr-body-font tfr-14-default tfr-c-black-o5">${L.EmailAddress}</legend>
|
|
26
|
-
<input tfr-element="true" type="email" id="tfr-email" />
|
|
27
|
-
</fieldset>
|
|
28
|
-
<div tfr-element="true" class="tfr-body-font tfr-12-default tfr-c-red tfr-mt-10 tfr-d-none" id="error-msg"></div>
|
|
29
|
-
<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>
|
|
30
|
-
<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">
|
|
31
|
-
${L.Send}
|
|
32
|
-
</button>
|
|
33
|
-
`;
|
|
34
|
-
};
|
|
35
|
-
return {
|
|
36
|
-
Hook,
|
|
37
|
-
Unhook,
|
|
38
|
-
Body,
|
|
39
|
-
useFullModalContent: true,
|
|
40
|
-
};
|
|
41
|
-
};
|
|
42
|
-
export default ForgotPasswordModal;
|
|
43
|
-
//# sourceMappingURL=ForgotPasswordModal.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"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"]}
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import { L } from '../locale';
|
|
2
|
-
const LoadingAvatarModal = (props) => {
|
|
3
|
-
function startProgressBar(milliseconds, progressBar) {
|
|
4
|
-
let percentCount = 0;
|
|
5
|
-
const millisecondStep = milliseconds / 200;
|
|
6
|
-
progressBar.style.width = percentCount + '%';
|
|
7
|
-
const id = setInterval(() => {
|
|
8
|
-
if (percentCount >= 100) {
|
|
9
|
-
clearInterval(id);
|
|
10
|
-
}
|
|
11
|
-
else {
|
|
12
|
-
percentCount += 0.5;
|
|
13
|
-
progressBar.style.width = percentCount + '%';
|
|
14
|
-
}
|
|
15
|
-
}, millisecondStep);
|
|
16
|
-
}
|
|
17
|
-
const Hook = () => {
|
|
18
|
-
const progressBar = document.querySelector('.progress-bar-fill');
|
|
19
|
-
startProgressBar(props.timeoutMS, progressBar);
|
|
20
|
-
};
|
|
21
|
-
const Unhook = () => void 0;
|
|
22
|
-
const Body = () => {
|
|
23
|
-
return `
|
|
24
|
-
<div tfr-element="true" class="tfr-title-font tfr-light-22-300 tfr-c-black tfr-mt-60" > ${L.LoadingAvatar} </div>
|
|
25
|
-
<div class="progress-bar">
|
|
26
|
-
<span class="progress-bar-fill"></span>
|
|
27
|
-
</div>
|
|
28
|
-
`;
|
|
29
|
-
};
|
|
30
|
-
return {
|
|
31
|
-
Hook,
|
|
32
|
-
Unhook,
|
|
33
|
-
Body,
|
|
34
|
-
useFullModalContent: true,
|
|
35
|
-
};
|
|
36
|
-
};
|
|
37
|
-
export default LoadingAvatarModal;
|
|
38
|
-
//# sourceMappingURL=LoadingAvatarModal.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"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"]}
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
import { L } from '../locale';
|
|
2
|
-
const LoggedOutModal = (props) => {
|
|
3
|
-
const onNavSignIn = () => {
|
|
4
|
-
props.onNavSignIn('');
|
|
5
|
-
};
|
|
6
|
-
const onClose = () => {
|
|
7
|
-
props.onClose();
|
|
8
|
-
};
|
|
9
|
-
const Hook = () => {
|
|
10
|
-
var _a, _b;
|
|
11
|
-
(_a = document.getElementById('tfr-sign-in')) === null || _a === void 0 ? void 0 : _a.addEventListener('click', onNavSignIn);
|
|
12
|
-
(_b = document.getElementById('tfr-close')) === null || _b === void 0 ? void 0 : _b.addEventListener('click', onClose);
|
|
13
|
-
};
|
|
14
|
-
const Unhook = () => {
|
|
15
|
-
var _a, _b;
|
|
16
|
-
(_a = document.getElementById('tfr-sign-in')) === null || _a === void 0 ? void 0 : _a.removeEventListener('click', onNavSignIn);
|
|
17
|
-
(_b = document.getElementById('tfr-close')) === null || _b === void 0 ? void 0 : _b.removeEventListener('click', onClose);
|
|
18
|
-
};
|
|
19
|
-
const Body = () => {
|
|
20
|
-
return `
|
|
21
|
-
<div tfr-element="true" class="tfr-title-font tfr-light-22-300 tfr-mt-15-p tfr-mb-13-p">${L.SuccessfullyLoggedOut}</div>
|
|
22
|
-
<div class="tfr-t-a-center">
|
|
23
|
-
<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>
|
|
24
|
-
<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>
|
|
25
|
-
</div>
|
|
26
|
-
`;
|
|
27
|
-
};
|
|
28
|
-
return {
|
|
29
|
-
Hook,
|
|
30
|
-
Unhook,
|
|
31
|
-
Body,
|
|
32
|
-
useFullModalContent: true,
|
|
33
|
-
};
|
|
34
|
-
};
|
|
35
|
-
export default LoggedOutModal;
|
|
36
|
-
//# sourceMappingURL=LoggedOutModal.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"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"]}
|
|
@@ -1,107 +0,0 @@
|
|
|
1
|
-
import { L } from '../locale';
|
|
2
|
-
const InitModalManager = (elementID) => {
|
|
3
|
-
const modalRoot = document.getElementById(elementID);
|
|
4
|
-
const body = document.querySelector('body');
|
|
5
|
-
if (!modalRoot) {
|
|
6
|
-
throw new Error(`element with id ${elementID} not found`);
|
|
7
|
-
}
|
|
8
|
-
let previousContent;
|
|
9
|
-
const renderBody = (modalBody, useFullModalContent) => {
|
|
10
|
-
console.log({ useFullModalContent });
|
|
11
|
-
return `
|
|
12
|
-
<div class="tfr-modal" id="tfr-modal-background">
|
|
13
|
-
<div class="tfr-modal-content-container tfr-p-20">
|
|
14
|
-
<div class="tfr-close-container">
|
|
15
|
-
<span id="tfr-close-container" class="tfr-close tfr-cursor">×</span>
|
|
16
|
-
</div>
|
|
17
|
-
|
|
18
|
-
<div class="tfr-modal-content-flex">
|
|
19
|
-
<div class="tfr-modal-content">
|
|
20
|
-
${renderModalContent(useFullModalContent)}
|
|
21
|
-
${modalBody}
|
|
22
|
-
</div>
|
|
23
|
-
</div>
|
|
24
|
-
</div>
|
|
25
|
-
</div>
|
|
26
|
-
`;
|
|
27
|
-
};
|
|
28
|
-
const renderModalContent = (useFullModalContent) => {
|
|
29
|
-
if (!useFullModalContent)
|
|
30
|
-
return '';
|
|
31
|
-
return `
|
|
32
|
-
<div class="tfr-modal-title-logo-container">
|
|
33
|
-
<div tfr-element="true" class="trf-logo-title tfr-title-font tfr-light-24-300 tfr-c-black tfr-mr-10">${L.ModalTagline}</div>
|
|
34
|
-
<div tfr-element="true" class="tfr-logo-container">
|
|
35
|
-
<div class="tfr-mr-15">
|
|
36
|
-
<svg width="26" height="47" viewBox="0 0 68 124" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
37
|
-
<path d="M0.911938 0L67.4819 17.09V106.49L0.911938 123.51V0Z" fill="#209DA7">
|
|
38
|
-
</path>
|
|
39
|
-
<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">
|
|
40
|
-
</path>
|
|
41
|
-
</svg>
|
|
42
|
-
</div>
|
|
43
|
-
<div tfr-element="true" class="tfr-title-font tfr-light-24-500 tfr-c-black tfr-mr-10">${L.TheFittingRoom}</div>
|
|
44
|
-
</div>
|
|
45
|
-
</div>
|
|
46
|
-
`;
|
|
47
|
-
};
|
|
48
|
-
const Open = (content) => {
|
|
49
|
-
body.style.overflow = 'hidden';
|
|
50
|
-
if (previousContent) {
|
|
51
|
-
previousContent.Unhook();
|
|
52
|
-
}
|
|
53
|
-
modalRoot.innerHTML = renderBody(content.Body(), content.useFullModalContent);
|
|
54
|
-
hook();
|
|
55
|
-
content.Hook();
|
|
56
|
-
modalRoot.style.display = 'block';
|
|
57
|
-
previousContent = content;
|
|
58
|
-
};
|
|
59
|
-
const Close = () => {
|
|
60
|
-
body.style.overflow = 'auto';
|
|
61
|
-
if (previousContent) {
|
|
62
|
-
previousContent.Unhook();
|
|
63
|
-
unhook();
|
|
64
|
-
}
|
|
65
|
-
modalRoot.style.display = 'none';
|
|
66
|
-
};
|
|
67
|
-
const EscClose = (e) => {
|
|
68
|
-
if (e.key === 'Escape') {
|
|
69
|
-
Close();
|
|
70
|
-
}
|
|
71
|
-
};
|
|
72
|
-
const ContainerClose = (e) => {
|
|
73
|
-
const background = modalRoot.querySelector('#tfr-modal-background');
|
|
74
|
-
if (e.target === background) {
|
|
75
|
-
console.debug('container close');
|
|
76
|
-
Close();
|
|
77
|
-
}
|
|
78
|
-
};
|
|
79
|
-
const hook = () => {
|
|
80
|
-
modalRoot.querySelector('#tfr-close-container').addEventListener('click', Close);
|
|
81
|
-
document.addEventListener('keydown', EscClose);
|
|
82
|
-
document.addEventListener('click', ContainerClose);
|
|
83
|
-
};
|
|
84
|
-
const unhook = () => {
|
|
85
|
-
var _a;
|
|
86
|
-
const closeLink = modalRoot.querySelector('#tfr-close-container');
|
|
87
|
-
if (closeLink) {
|
|
88
|
-
closeLink.removeEventListener('click', Close);
|
|
89
|
-
}
|
|
90
|
-
else {
|
|
91
|
-
console.error('#tfr-close-container not found on unhook');
|
|
92
|
-
console.debug((_a = document.getElementById(elementID)) === null || _a === void 0 ? void 0 : _a.innerHTML);
|
|
93
|
-
}
|
|
94
|
-
document.removeEventListener('keydown', EscClose);
|
|
95
|
-
document.removeEventListener('click', ContainerClose);
|
|
96
|
-
};
|
|
97
|
-
const Content = () => {
|
|
98
|
-
return previousContent;
|
|
99
|
-
};
|
|
100
|
-
return {
|
|
101
|
-
open: Open,
|
|
102
|
-
close: Close,
|
|
103
|
-
Content,
|
|
104
|
-
};
|
|
105
|
-
};
|
|
106
|
-
export { InitModalManager };
|
|
107
|
-
//# sourceMappingURL=ModalManager.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"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\">×</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"]}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { L } from '../locale';
|
|
2
|
-
const NoAvatarModal = () => {
|
|
3
|
-
const Hook = () => void 0;
|
|
4
|
-
const Unhook = () => void 0;
|
|
5
|
-
const Body = () => {
|
|
6
|
-
return `
|
|
7
|
-
<div tfr-element="true" class="tfr-title-font tfr-light-22-300 tfr-c-black tfr-mt-60">${L.DontHaveAvatar}</div>
|
|
8
|
-
<div tfr-element="true" class="tfr-title-font tfr-light-22-300 tfr-c-black tfr-mb-60">${L.ReturnToTfr}</div>
|
|
9
|
-
`;
|
|
10
|
-
};
|
|
11
|
-
return {
|
|
12
|
-
Body,
|
|
13
|
-
Hook,
|
|
14
|
-
Unhook,
|
|
15
|
-
useFullModalContent: true,
|
|
16
|
-
};
|
|
17
|
-
};
|
|
18
|
-
export default NoAvatarModal;
|
|
19
|
-
//# sourceMappingURL=NoAvatarModal.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"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"]}
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import { L } from '../locale';
|
|
2
|
-
const ResetLinkModal = (props) => {
|
|
3
|
-
const { email } = props;
|
|
4
|
-
const onNavSignIn = () => {
|
|
5
|
-
props.onNavSignIn(email || '');
|
|
6
|
-
};
|
|
7
|
-
const Hook = () => {
|
|
8
|
-
var _a;
|
|
9
|
-
(_a = document.getElementById('tfr-back-to-signin')) === null || _a === void 0 ? void 0 : _a.addEventListener('click', onNavSignIn);
|
|
10
|
-
};
|
|
11
|
-
const Unhook = () => {
|
|
12
|
-
var _a;
|
|
13
|
-
(_a = document.getElementById('tfr-back-to-signin')) === null || _a === void 0 ? void 0 : _a.removeEventListener('click', onNavSignIn);
|
|
14
|
-
};
|
|
15
|
-
const Body = () => {
|
|
16
|
-
return `
|
|
17
|
-
<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>
|
|
18
|
-
<div class="tfr-t-a-center">
|
|
19
|
-
<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>
|
|
20
|
-
</div>
|
|
21
|
-
`;
|
|
22
|
-
};
|
|
23
|
-
return {
|
|
24
|
-
Hook,
|
|
25
|
-
Unhook,
|
|
26
|
-
Body,
|
|
27
|
-
useFullModalContent: true,
|
|
28
|
-
};
|
|
29
|
-
};
|
|
30
|
-
export default ResetLinkModal;
|
|
31
|
-
//# sourceMappingURL=ResetLinkModal.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"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"]}
|
|
@@ -1,77 +0,0 @@
|
|
|
1
|
-
import { L } from '../locale';
|
|
2
|
-
const ScanCodeModal = (props) => {
|
|
3
|
-
const isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
|
|
4
|
-
const onSignInNav = () => {
|
|
5
|
-
props.onSignInNav();
|
|
6
|
-
};
|
|
7
|
-
const onCtaClickApple = () => {
|
|
8
|
-
window.open('https://apps.apple.com/us/app/the-fitting-room-3d-body-scan/id1577417373', '_blank');
|
|
9
|
-
};
|
|
10
|
-
const onCtaClickGoogle = () => {
|
|
11
|
-
window.open('https://play.google.com/store/apps/details?id=com.thefittingroom.marketplace', '_blank');
|
|
12
|
-
};
|
|
13
|
-
const onHook = () => {
|
|
14
|
-
var _a, _b, _c;
|
|
15
|
-
if (!isMobile)
|
|
16
|
-
document.getElementById('tfr-sign-in-nav').style.marginBottom = '0';
|
|
17
|
-
if (isMobile) {
|
|
18
|
-
const videoElement = document.getElementById('tfr-video');
|
|
19
|
-
videoElement.classList.add('tfr-video-responsive');
|
|
20
|
-
}
|
|
21
|
-
(_a = document.getElementById('tfr-sign-in-nav')) === null || _a === void 0 ? void 0 : _a.addEventListener('click', onSignInNav);
|
|
22
|
-
(_b = document.getElementById('tfr-app-store')) === null || _b === void 0 ? void 0 : _b.addEventListener('click', onCtaClickApple);
|
|
23
|
-
(_c = document.getElementById('tfr-google-play')) === null || _c === void 0 ? void 0 : _c.addEventListener('click', onCtaClickGoogle);
|
|
24
|
-
};
|
|
25
|
-
const onUnhook = () => {
|
|
26
|
-
var _a, _b, _c;
|
|
27
|
-
(_a = document.getElementById('tfr-sign-in-nav')) === null || _a === void 0 ? void 0 : _a.removeEventListener('click', onSignInNav);
|
|
28
|
-
(_b = document.getElementById('tfr-app-store')) === null || _b === void 0 ? void 0 : _b.removeEventListener('click', onCtaClickApple);
|
|
29
|
-
(_c = document.getElementById('tfr-google-play')) === null || _c === void 0 ? void 0 : _c.removeEventListener('click', onCtaClickGoogle);
|
|
30
|
-
};
|
|
31
|
-
const imageBaseUrl = 'https://assets.dev.thefittingroom.xyz/images/';
|
|
32
|
-
const renderMobile = () => !isMobile
|
|
33
|
-
? ``
|
|
34
|
-
: `<div tfr-element="true" class="tfr-title-font tfr-light-16-300 tfr-mt-10 tfr-max-w-600">${L.ClickHereToDownload}</div>
|
|
35
|
-
|
|
36
|
-
<div tfr-element="true" class="tfr-flex tfr-space-above">
|
|
37
|
-
<img class="tfr-mobile-logo" src="${imageBaseUrl}apple.png" id="tfr-app-store" />
|
|
38
|
-
<img class="tfr-mobile-logo" src="${imageBaseUrl}google.png" id="tfr-google-play" />
|
|
39
|
-
</div>
|
|
40
|
-
|
|
41
|
-
<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>
|
|
42
|
-
`;
|
|
43
|
-
const renderDesktop = () => isMobile
|
|
44
|
-
? ``
|
|
45
|
-
: `<div id="tfr-qr-border-box">
|
|
46
|
-
<div tfr-element="true" class="tfr-title-font tfr-24-bold">${L.ScanQrToDownload}</div>
|
|
47
|
-
|
|
48
|
-
<img src="${imageBaseUrl}qr.png" class="tfr-qr-code" />
|
|
49
|
-
|
|
50
|
-
<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>
|
|
51
|
-
</div>`;
|
|
52
|
-
const body = () => {
|
|
53
|
-
return `
|
|
54
|
-
<div tfr-element="true">
|
|
55
|
-
<div tfr-element="true" class="tfr-title-font tfr-light-16-300 tfr-mt-10">${L.ModalText}</div>
|
|
56
|
-
|
|
57
|
-
</div>
|
|
58
|
-
<div tfr-element="true" class="tfr-logo-box">
|
|
59
|
-
<video id="tfr-video" controls loop autoplay playsinline>
|
|
60
|
-
<source src="https://assets.dev.thefittingroom.xyz/videos/the-fitting-room.mp4" />
|
|
61
|
-
</video>
|
|
62
|
-
|
|
63
|
-
${renderDesktop()}
|
|
64
|
-
</div>
|
|
65
|
-
|
|
66
|
-
${renderMobile()}
|
|
67
|
-
`;
|
|
68
|
-
};
|
|
69
|
-
return {
|
|
70
|
-
Hook: onHook,
|
|
71
|
-
Unhook: onUnhook,
|
|
72
|
-
Body: body,
|
|
73
|
-
useFullModalContent: true,
|
|
74
|
-
};
|
|
75
|
-
};
|
|
76
|
-
export default ScanCodeModal;
|
|
77
|
-
//# sourceMappingURL=ScanCodeModal.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"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"]}
|
|
@@ -1,94 +0,0 @@
|
|
|
1
|
-
import { L } from '../locale';
|
|
2
|
-
const SignInModal = (props) => {
|
|
3
|
-
const { email } = props;
|
|
4
|
-
const onSignIn = (e) => {
|
|
5
|
-
e.preventDefault();
|
|
6
|
-
const email = document.getElementById('email-input').value;
|
|
7
|
-
const password = document.getElementById('password-input').value;
|
|
8
|
-
resetValidation();
|
|
9
|
-
props.onSignIn(email, password, validationError);
|
|
10
|
-
};
|
|
11
|
-
const onNavForgotPassword = () => {
|
|
12
|
-
const email = document.getElementById('email-input').value;
|
|
13
|
-
props.onNavForgotPassword(email);
|
|
14
|
-
};
|
|
15
|
-
const onNavScanCode = () => {
|
|
16
|
-
props.onNavScanCode();
|
|
17
|
-
};
|
|
18
|
-
const onHook = () => {
|
|
19
|
-
var _a, _b, _c, _d;
|
|
20
|
-
(_a = document.getElementById('tfr-sign-in-form')) === null || _a === void 0 ? void 0 : _a.addEventListener('submit', onSignIn);
|
|
21
|
-
(_b = document.getElementById('tfr-sign-in')) === null || _b === void 0 ? void 0 : _b.addEventListener('click', onSignIn);
|
|
22
|
-
(_c = document.getElementById('tfr-forgot-password')) === null || _c === void 0 ? void 0 : _c.addEventListener('click', onNavForgotPassword);
|
|
23
|
-
(_d = document.getElementById('tfr-scan-code')) === null || _d === void 0 ? void 0 : _d.addEventListener('click', onNavScanCode);
|
|
24
|
-
};
|
|
25
|
-
const onUnhook = () => {
|
|
26
|
-
var _a, _b, _c, _d;
|
|
27
|
-
(_a = document.getElementById('tfr-sign-in-form')) === null || _a === void 0 ? void 0 : _a.removeEventListener('submit', onSignIn);
|
|
28
|
-
(_b = document.getElementById('tfr-sign-in')) === null || _b === void 0 ? void 0 : _b.removeEventListener('click', onSignIn);
|
|
29
|
-
(_c = document.getElementById('tfr-forgot-password')) === null || _c === void 0 ? void 0 : _c.removeEventListener('click', onNavForgotPassword);
|
|
30
|
-
(_d = document.getElementById('tfr-scan-code')) === null || _d === void 0 ? void 0 : _d.removeEventListener('click', onNavScanCode);
|
|
31
|
-
};
|
|
32
|
-
const resetValidation = () => {
|
|
33
|
-
const fieldsetElement = document.querySelectorAll('.tfr-fieldset-element');
|
|
34
|
-
fieldsetElement.forEach((element) => {
|
|
35
|
-
element.classList.remove('tfr-fieldset-err');
|
|
36
|
-
});
|
|
37
|
-
const labelElement = document.querySelectorAll('.tfr-label-element');
|
|
38
|
-
labelElement.forEach((element) => {
|
|
39
|
-
element.classList.remove('tfr-c-red');
|
|
40
|
-
});
|
|
41
|
-
const formError = document.querySelector('#tfr-form-error');
|
|
42
|
-
formError.classList.remove('tfr-d-block');
|
|
43
|
-
formError.innerHTML = '';
|
|
44
|
-
};
|
|
45
|
-
const validationError = (message) => {
|
|
46
|
-
const fieldsetElement = document.querySelectorAll('.tfr-fieldset-element');
|
|
47
|
-
fieldsetElement.forEach((element) => {
|
|
48
|
-
element.classList.add('tfr-fieldset-err');
|
|
49
|
-
});
|
|
50
|
-
const labelElement = document.querySelectorAll('.tfr-label-element');
|
|
51
|
-
labelElement.forEach((element) => {
|
|
52
|
-
element.classList.add('tfr-c-red');
|
|
53
|
-
});
|
|
54
|
-
const formError = document.querySelector('#tfr-form-error');
|
|
55
|
-
formError.innerHTML = message || 'Something went wrong';
|
|
56
|
-
formError.classList.add('tfr-d-block');
|
|
57
|
-
};
|
|
58
|
-
const body = () => {
|
|
59
|
-
return `
|
|
60
|
-
<form id="tfr-sign-in-form">
|
|
61
|
-
<div class="tfr-title-font tfr-light-22-300 tfr-mt-10">${L.SignIn}</div>
|
|
62
|
-
|
|
63
|
-
<fieldset class="tfr-fieldset-element tfr-fieldset tfr-mt-20">
|
|
64
|
-
<legend tfr-element="true" class="tfr-label-element tfr-body-font tfr-14-default tfr-c-black-o5">${L.EmailAddress}</legend>
|
|
65
|
-
<input tfr-element="true" type="email" id="email-input" value="${email || ''}" />
|
|
66
|
-
</fieldset>
|
|
67
|
-
|
|
68
|
-
<fieldset class="tfr-fieldset-element tfr-fieldset tfr-mt-20">
|
|
69
|
-
<legend tfr-element="true" class="tfr-label-element tfr-body-font tfr-14-default tfr-c-black-o5">${L.Password}</legend>
|
|
70
|
-
<input tfr-element="true" type="password" id="password-input" />
|
|
71
|
-
</fieldset>
|
|
72
|
-
|
|
73
|
-
<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>
|
|
74
|
-
|
|
75
|
-
<div class="tfr-mt-20">
|
|
76
|
-
<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>
|
|
77
|
-
<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>
|
|
78
|
-
</div>
|
|
79
|
-
|
|
80
|
-
<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">
|
|
81
|
-
${L.SignIn}
|
|
82
|
-
</button>
|
|
83
|
-
</form>
|
|
84
|
-
`;
|
|
85
|
-
};
|
|
86
|
-
return {
|
|
87
|
-
Hook: onHook,
|
|
88
|
-
Unhook: onUnhook,
|
|
89
|
-
Body: body,
|
|
90
|
-
useFullModalContent: true,
|
|
91
|
-
};
|
|
92
|
-
};
|
|
93
|
-
export default SignInModal;
|
|
94
|
-
//# sourceMappingURL=SignInModal.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"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"]}
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
import { L } from '../locale';
|
|
2
|
-
const SizeErrorModal = (props) => {
|
|
3
|
-
const onNavBack = () => {
|
|
4
|
-
props.onNavBack();
|
|
5
|
-
};
|
|
6
|
-
const onClose = () => {
|
|
7
|
-
props.onClose();
|
|
8
|
-
};
|
|
9
|
-
const Hook = () => {
|
|
10
|
-
var _a, _b;
|
|
11
|
-
(_a = document.getElementById('tfr-back')) === null || _a === void 0 ? void 0 : _a.addEventListener('click', onNavBack);
|
|
12
|
-
(_b = document.getElementById('tfr-close')) === null || _b === void 0 ? void 0 : _b.addEventListener('click', onClose);
|
|
13
|
-
};
|
|
14
|
-
const Unhook = () => {
|
|
15
|
-
var _a, _b;
|
|
16
|
-
(_a = document.getElementById('tfr-back')) === null || _a === void 0 ? void 0 : _a.removeEventListener('click', onNavBack);
|
|
17
|
-
(_b = document.getElementById('tfr-close')) === null || _b === void 0 ? void 0 : _b.removeEventListener('click', onClose);
|
|
18
|
-
};
|
|
19
|
-
const Body = () => {
|
|
20
|
-
var _a, _b, _c;
|
|
21
|
-
console.debug('rendering size error modal', props);
|
|
22
|
-
return `
|
|
23
|
-
<div class="tfr-mt-15-p tfr-mb-13-p">
|
|
24
|
-
<div tfr-element="true" class="tfr-title-font tfr-light-22-300 tfr-c-black">
|
|
25
|
-
${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 ')}
|
|
26
|
-
</div>
|
|
27
|
-
</div>
|
|
28
|
-
|
|
29
|
-
<div class="tfr-t-a-center">
|
|
30
|
-
<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>
|
|
31
|
-
<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>
|
|
32
|
-
</div>
|
|
33
|
-
`;
|
|
34
|
-
};
|
|
35
|
-
return {
|
|
36
|
-
Hook,
|
|
37
|
-
Unhook,
|
|
38
|
-
Body,
|
|
39
|
-
useFullModalContent: true,
|
|
40
|
-
};
|
|
41
|
-
};
|
|
42
|
-
export default SizeErrorModal;
|
|
43
|
-
//# sourceMappingURL=SizeErrorModal.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"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"]}
|