@thefittingroom/shop-ui 1.4.31 → 1.4.33

package/dist/esm/index.js

@@ -1,5 +1,5 @@
 /*!
-* thefittingroom v1.4.31 (2024-08-14T18:34:31.560Z)
+* thefittingroom v1.4.33 (2024-08-16T18:41:24.286Z)
 * Copyright 2022-present, TheFittingRoom, Inc. All rights reserved.
 */
 function loadImageRecursive(imageURL, imageURLs) {
@@ -26313,12 +26313,14 @@ const ScanCodeModal = (props) => {
         window.open('https://play.google.com/store/apps/details?id=com.thefittingroom.marketplace', '_blank');
     };
     const onHook = () => {
-        var _a, _b, _c;
+        var _a, _b, _c, _d;
         if (!isMobile)
             document.getElementById('tfr-sign-in-nav').style.marginBottom = '0';
-        (_a = document.getElementById('tfr-sign-in-nav')) === null || _a === void 0 ? void 0 : _a.addEventListener('click', onSignInNav);
-        (_b = document.getElementById('tfr-app-store')) === null || _b === void 0 ? void 0 : _b.addEventListener('click', onCtaClickApple);
-        (_c = document.getElementById('tfr-google-play')) === null || _c === void 0 ? void 0 : _c.addEventListener('click', onCtaClickGoogle);
+        if (isMobile)
+            (_a = document.getElementById('tfr-video')) === null || _a === void 0 ? void 0 : _a.pause();
+        (_b = document.getElementById('tfr-sign-in-nav')) === null || _b === void 0 ? void 0 : _b.addEventListener('click', onSignInNav);
+        (_c = document.getElementById('tfr-app-store')) === null || _c === void 0 ? void 0 : _c.addEventListener('click', onCtaClickApple);
+        (_d = document.getElementById('tfr-google-play')) === null || _d === void 0 ? void 0 : _d.addEventListener('click', onCtaClickGoogle);
     };
     const onUnhook = () => {
         var _a, _b, _c;
@@ -26347,6 +26349,7 @@ const ScanCodeModal = (props) => {
 
           <div id="tfr-sign-in-nav" tfr-element="true" class="tfr-body-font tfr-mt-20 tfr-16-default tfr-c-black-o5 tfr-underline tfr-cursor">${L.HaveAcc}</div>
         </div>`;
+    const shouldAutoplay = isMobile ? 'autoplay playsinline' : '';
     const body = () => {
         return `
         <div tfr-element="true">
@@ -26354,7 +26357,7 @@ const ScanCodeModal = (props) => {
           
         </div>
         <div tfr-element="true" class="tfr-logo-box">
-          <video id="tfr-video" controls loop>
+          <video id="tfr-video" controls loop ${shouldAutoplay}>
             <source src="https://assets.dev.thefittingroom.xyz/videos/the-fitting-room.mp4" />
           </video>