@thefittingroom/shop-ui 1.3.9 → 1.3.10

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.
Files changed (4) hide show
  1. package/dist/esm/index.js +54 -36
  2. package/dist/esm/index.js.map +1 -1
  3. package/dist/esm/index.min.js +48 -48
  4. package/package.json +1 -1
package/dist/esm/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * thefittingroom v1.3.9 (2024-07-05T18:33:20.009Z)
2
+ * thefittingroom v1.3.10 (2024-07-05T18:58:03.054Z)
3
3
  * Copyright 2022-present, TheFittingRoom, Inc. All rights reserved.
4
4
  */
5
5
  function loadImageRecursive(imageURL, imageURLs) {
@@ -23601,12 +23601,14 @@ const ErrorModal = (props) => {
23601
23601
  props.onClose();
23602
23602
  };
23603
23603
  const Hook = () => {
23604
- document.getElementById('tfr-back').addEventListener('click', onNavBack);
23605
- document.getElementById('tfr-close').addEventListener('click', onClose);
23604
+ var _a, _b;
23605
+ (_a = document.getElementById('tfr-back')) === null || _a === void 0 ? void 0 : _a.addEventListener('click', onNavBack);
23606
+ (_b = document.getElementById('tfr-close')) === null || _b === void 0 ? void 0 : _b.addEventListener('click', onClose);
23606
23607
  };
23607
23608
  const Unhook = () => {
23608
- document.getElementById('tfr-back').removeEventListener('click', onNavBack);
23609
- document.getElementById('tfr-close').removeEventListener('click', onClose);
23609
+ var _a, _b;
23610
+ (_a = document.getElementById('tfr-back')) === null || _a === void 0 ? void 0 : _a.removeEventListener('click', onNavBack);
23611
+ (_b = document.getElementById('tfr-close')) === null || _b === void 0 ? void 0 : _b.removeEventListener('click', onClose);
23610
23612
  };
23611
23613
  const Body = () => {
23612
23614
  if (!error) {
@@ -23640,12 +23642,14 @@ const ForgotPasswordModal = (props) => {
23640
23642
  props.onPasswordReset(email);
23641
23643
  };
23642
23644
  const Hook = () => {
23643
- document.getElementById('tfr-send-password-reset').addEventListener('click', onPasswordReset);
23644
- document.getElementById('tfr-back-to-signin').addEventListener('click', onNavSignIn);
23645
+ var _a, _b;
23646
+ (_a = document.getElementById('tfr-send-password-reset')) === null || _a === void 0 ? void 0 : _a.addEventListener('click', onPasswordReset);
23647
+ (_b = document.getElementById('tfr-back-to-signin')) === null || _b === void 0 ? void 0 : _b.addEventListener('click', onNavSignIn);
23645
23648
  };
23646
23649
  const Unhook = () => {
23647
- document.getElementById('tfr-send-password-reset').removeEventListener('click', onPasswordReset);
23648
- document.getElementById('tfr-back-to-signin').removeEventListener('click', onNavSignIn);
23650
+ var _a, _b;
23651
+ (_a = document.getElementById('tfr-send-password-reset')) === null || _a === void 0 ? void 0 : _a.removeEventListener('click', onPasswordReset);
23652
+ (_b = document.getElementById('tfr-back-to-signin')) === null || _b === void 0 ? void 0 : _b.removeEventListener('click', onNavSignIn);
23649
23653
  };
23650
23654
  const Body = () => {
23651
23655
  return `
@@ -23711,12 +23715,14 @@ const LoggedOutModal = (props) => {
23711
23715
  props.onClose();
23712
23716
  };
23713
23717
  const Hook = () => {
23714
- document.getElementById('tfr-sign-in').addEventListener('click', onNavSignIn);
23715
- document.getElementById('tfr-close').addEventListener('click', onClose);
23718
+ var _a, _b;
23719
+ (_a = document.getElementById('tfr-sign-in')) === null || _a === void 0 ? void 0 : _a.addEventListener('click', onNavSignIn);
23720
+ (_b = document.getElementById('tfr-close')) === null || _b === void 0 ? void 0 : _b.addEventListener('click', onClose);
23716
23721
  };
23717
23722
  const Unhook = () => {
23718
- document.getElementById('tfr-sign-in').removeEventListener('click', onNavSignIn);
23719
- document.getElementById('tfr-close').removeEventListener('click', onClose);
23723
+ var _a, _b;
23724
+ (_a = document.getElementById('tfr-sign-in')) === null || _a === void 0 ? void 0 : _a.removeEventListener('click', onNavSignIn);
23725
+ (_b = document.getElementById('tfr-close')) === null || _b === void 0 ? void 0 : _b.removeEventListener('click', onClose);
23720
23726
  };
23721
23727
  const Body = () => {
23722
23728
  return `
@@ -23856,14 +23862,16 @@ const ScanCodeModal = (props) => {
23856
23862
  window.open('https://play.google.com/store/apps/details?id=com.thefittingroom.marketplace', '_blank');
23857
23863
  };
23858
23864
  const onHook = () => {
23859
- document.getElementById('tfr-sign-in-nav').addEventListener('click', onSignInNav);
23860
- document.getElementById('tfr-app-store').addEventListener('click', onCtaClickApple);
23861
- document.getElementById('tfr-google-play').addEventListener('click', onCtaClickGoogle);
23865
+ var _a, _b, _c;
23866
+ (_a = document.getElementById('tfr-sign-in-nav')) === null || _a === void 0 ? void 0 : _a.addEventListener('click', onSignInNav);
23867
+ (_b = document.getElementById('tfr-app-store')) === null || _b === void 0 ? void 0 : _b.addEventListener('click', onCtaClickApple);
23868
+ (_c = document.getElementById('tfr-google-play')) === null || _c === void 0 ? void 0 : _c.addEventListener('click', onCtaClickGoogle);
23862
23869
  };
23863
23870
  const onUnhook = () => {
23864
- document.getElementById('tfr-sign-in-nav').removeEventListener('click', onSignInNav);
23865
- document.getElementById('tfr-app-store').removeEventListener('click', onCtaClickApple);
23866
- document.getElementById('tfr-google-play').removeEventListener('click', onCtaClickGoogle);
23871
+ var _a, _b, _c;
23872
+ (_a = document.getElementById('tfr-sign-in-nav')) === null || _a === void 0 ? void 0 : _a.removeEventListener('click', onSignInNav);
23873
+ (_b = document.getElementById('tfr-app-store')) === null || _b === void 0 ? void 0 : _b.removeEventListener('click', onCtaClickApple);
23874
+ (_c = document.getElementById('tfr-google-play')) === null || _c === void 0 ? void 0 : _c.removeEventListener('click', onCtaClickGoogle);
23867
23875
  };
23868
23876
  const renderCtaText = () => (isMobile ? L.ClickHereToDownload : L.ScanQrToDownload);
23869
23877
  const renderImages = () => {
@@ -23919,16 +23927,18 @@ const SignInModal = (props) => {
23919
23927
  props.onNavScanCode();
23920
23928
  };
23921
23929
  const onHook = () => {
23922
- document.getElementById('tfr-sign-in-form').addEventListener('submit', onSignIn);
23923
- document.getElementById('tfr-sign-in').addEventListener('click', onSignIn);
23924
- document.getElementById('tfr-forgot-password').addEventListener('click', onNavForgotPassword);
23925
- document.getElementById('tfr-scan-code').addEventListener('click', onNavScanCode);
23930
+ var _a, _b, _c, _d;
23931
+ (_a = document.getElementById('tfr-sign-in-form')) === null || _a === void 0 ? void 0 : _a.addEventListener('submit', onSignIn);
23932
+ (_b = document.getElementById('tfr-sign-in')) === null || _b === void 0 ? void 0 : _b.addEventListener('click', onSignIn);
23933
+ (_c = document.getElementById('tfr-forgot-password')) === null || _c === void 0 ? void 0 : _c.addEventListener('click', onNavForgotPassword);
23934
+ (_d = document.getElementById('tfr-scan-code')) === null || _d === void 0 ? void 0 : _d.addEventListener('click', onNavScanCode);
23926
23935
  };
23927
23936
  const onUnhook = () => {
23928
- document.getElementById('tfr-sign-in-form').removeEventListener('submit', onSignIn);
23929
- document.getElementById('tfr-sign-in').removeEventListener('click', onSignIn);
23930
- document.getElementById('tfr-forgot-password').removeEventListener('click', onNavForgotPassword);
23931
- document.getElementById('tfr-scan-code').removeEventListener('click', onNavScanCode);
23937
+ var _a, _b, _c, _d;
23938
+ (_a = document.getElementById('tfr-sign-in-form')) === null || _a === void 0 ? void 0 : _a.removeEventListener('submit', onSignIn);
23939
+ (_b = document.getElementById('tfr-sign-in')) === null || _b === void 0 ? void 0 : _b.removeEventListener('click', onSignIn);
23940
+ (_c = document.getElementById('tfr-forgot-password')) === null || _c === void 0 ? void 0 : _c.removeEventListener('click', onNavForgotPassword);
23941
+ (_d = document.getElementById('tfr-scan-code')) === null || _d === void 0 ? void 0 : _d.removeEventListener('click', onNavScanCode);
23932
23942
  };
23933
23943
  const resetValidation = () => {
23934
23944
  const fieldsetElement = document.querySelectorAll('.tfr-fieldset-element');
@@ -23999,12 +24009,14 @@ const SizeErrorModal = (props) => {
23999
24009
  props.onClose();
24000
24010
  };
24001
24011
  const Hook = () => {
24002
- document.getElementById('tfr-back').addEventListener('click', onNavBack);
24003
- document.getElementById('tfr-close').addEventListener('click', onClose);
24012
+ var _a, _b;
24013
+ (_a = document.getElementById('tfr-back')) === null || _a === void 0 ? void 0 : _a.addEventListener('click', onNavBack);
24014
+ (_b = document.getElementById('tfr-close')) === null || _b === void 0 ? void 0 : _b.addEventListener('click', onClose);
24004
24015
  };
24005
24016
  const Unhook = () => {
24006
- document.getElementById('tfr-back').removeEventListener('click', onNavBack);
24007
- document.getElementById('tfr-close').removeEventListener('click', onClose);
24017
+ var _a, _b;
24018
+ (_a = document.getElementById('tfr-back')) === null || _a === void 0 ? void 0 : _a.removeEventListener('click', onNavBack);
24019
+ (_b = document.getElementById('tfr-close')) === null || _b === void 0 ? void 0 : _b.removeEventListener('click', onClose);
24008
24020
  };
24009
24021
  const Body = () => {
24010
24022
  var _a, _b, _c;
@@ -24038,6 +24050,7 @@ const TryOnModal = (props) => {
24038
24050
  props.onClose();
24039
24051
  };
24040
24052
  const Hook = () => {
24053
+ var _a, _b;
24041
24054
  const tryOnImage = document.getElementById('tfr-tryon-image');
24042
24055
  const onChange = (slider, imageUrl) => {
24043
24056
  console.debug('slider change', slider, imageUrl);
@@ -24052,13 +24065,14 @@ const TryOnModal = (props) => {
24052
24065
  }
24053
24066
  close = e;
24054
24067
  }
24055
- document.getElementById('tfr-back').addEventListener('click', onNavBack);
24056
- document.getElementById('tfr-close').addEventListener('click', onClose);
24068
+ (_a = document.getElementById('tfr-back')) === null || _a === void 0 ? void 0 : _a.addEventListener('click', onNavBack);
24069
+ (_b = document.getElementById('tfr-close')) === null || _b === void 0 ? void 0 : _b.addEventListener('click', onClose);
24057
24070
  };
24058
24071
  const Unhook = () => {
24072
+ var _a, _b;
24059
24073
  close();
24060
- document.getElementById('tfr-back').removeEventListener('click', onNavBack);
24061
- document.getElementById('tfr-close').removeEventListener('click', onClose);
24074
+ (_a = document.getElementById('tfr-back')) === null || _a === void 0 ? void 0 : _a.removeEventListener('click', onNavBack);
24075
+ (_b = document.getElementById('tfr-close')) === null || _b === void 0 ? void 0 : _b.removeEventListener('click', onClose);
24062
24076
  };
24063
24077
  const Body = () => {
24064
24078
  return `
@@ -24171,12 +24185,16 @@ class SizeRecComponent {
24171
24185
  if (isLoggedIn) {
24172
24186
  this.tfrSizeRecActionLogin.style.display = 'none';
24173
24187
  this.tfrSizeRecActionLogout.style.display = 'block';
24174
- this.tfrSizeRecTitle.style.display = 'block';
24188
+ this.tfrSizeRecTitle.style.display = 'flex';
24175
24189
  this.tfrSizeRecSubtitle.style.display = 'block';
24176
24190
  }
24177
24191
  else {
24178
24192
  this.tfrSizeRecActionLogin.style.display = 'block';
24179
24193
  this.tfrSizeRecActionLogout.style.display = 'none';
24194
+ this.tfrSizeRecTitle.style.display = 'flex';
24195
+ this.tfrSizeRecSubtitle.style.display = 'block';
24196
+ this.tfrSizeRecommendationError.style.display = 'none';
24197
+ this.tfrSizeRecommendationError.innerHTML = '';
24180
24198
  }
24181
24199
  }
24182
24200
  setLoading(isLoading) {