@wistia/wistia-player-react 0.7.14 → 0.7.15

package/dist/cjs/WistiaPlayer.cjs

@@ -232,6 +232,23 @@ function _deferMediaDataFetchingToCarouselEmbed() {
   }
   return !!document.querySelector(`wistia-channel-carousel[player-dom-id="${this.id}"]:not([is-inside-playlist-embed="true"][channel-id])`);
 }
+function _destroyPreloadThumbnailForPopover() {
+  if (!_assertClassBrand(_WistiaPlayer_brand, this, _isPopoverWithThumbnail).call(this)) {
+    return;
+  }
+  const {
+    shadowRoot
+  } = this;
+  const activeElement = shadowRoot?.activeElement ?? null;
+  const hadFocus = activeElement !== null && _classPrivateFieldGet(_preloadThumbnailRoot, this) !== null && _classPrivateFieldGet(_preloadThumbnailRoot, this).contains(activeElement);
+  _assertClassBrand(_WistiaPlayer_brand, this, _destroyPreloadThumbnailRoot).call(this);
+  this.removeEventListener("click", _classPrivateFieldGet(_handlePreloadThumbnailClick, this), PRELOAD_CLICK_OPTIONS);
+  if (hadFocus) {
+    shadowRoot?.querySelector('[tabindex="0"]')?.focus({
+      preventScroll: true
+    });
+  }
+}
 function _destroyPreloadThumbnailRoot() {
   if (_classPrivateFieldGet(_preloadThumbnailRoot, this)) {
     (0, preact__WEBPACK_IMPORTED_MODULE_0__.render)(null, _classPrivateFieldGet(_preloadThumbnailRoot, this));
@@ -322,7 +339,7 @@ async function _initPublicApi(mediaId, options) {
     _classPrivateFieldGet(_resizeObserver, this)?.disconnect();
     _classPrivateFieldSet(_resizeObserver, this, null);
     _assertClassBrand(_WistiaPlayer_brand, this, _destroyPreloadThumbnailRoot).call(this);
-    this.removeEventListener("click", _classPrivateFieldGet(_handlePreloadThumbnailClick, this));
+    this.removeEventListener("click", _classPrivateFieldGet(_handlePreloadThumbnailClick, this), PRELOAD_CLICK_OPTIONS);
     this.dispatchEvent(new CustomEvent(_utilities_eventConstants_ts__WEBPACK_IMPORTED_MODULE_15__.c5, {
       detail: {
         mediaId
@@ -576,16 +593,20 @@ function _setupEventListeners() {
   this.addEventListener(_utilities_eventConstants_ts__WEBPACK_IMPORTED_MODULE_15__.rO, loadedMediaDataCallback);
   this.addEventListener(_utilities_eventConstants_ts__WEBPACK_IMPORTED_MODULE_15__.dp, implCreatedCallback);
   this.addEventListener("popover-hide", _classPrivateFieldGet(_returnFocusToPopoverTrigger, this));
+  const popoverThumbnailReadyCallback = () => {
+    _assertClassBrand(_WistiaPlayer_brand, this, _destroyPreloadThumbnailForPopover).call(this);
+  };
+  this.addEventListener("popover-thumbnail-ready", popoverThumbnailReadyCallback);
   _classPrivateFieldGet(_removeEventListeners, this).push(() => {
     this.removeEventListener(_utilities_eventConstants_ts__WEBPACK_IMPORTED_MODULE_15__.rO, loadedMediaDataCallback);
   }, () => {
     this.removeEventListener(_utilities_eventConstants_ts__WEBPACK_IMPORTED_MODULE_15__.dp, implCreatedCallback);
   }, () => {
     this.removeEventListener("popover-hide", _classPrivateFieldGet(_returnFocusToPopoverTrigger, this));
+  }, () => {
+    this.removeEventListener("popover-thumbnail-ready", popoverThumbnailReadyCallback);
   });
-  this.addEventListener("click", _classPrivateFieldGet(_handlePreloadThumbnailClick, this), {
-    once: true
-  });
+  this.addEventListener("click", _classPrivateFieldGet(_handlePreloadThumbnailClick, this), PRELOAD_CLICK_OPTIONS);
 }
 function _shouldDisplaySwatch() {
   return this.swatch !== false && (!this.wistiaPopover || _assertClassBrand(_WistiaPlayer_brand, this, _isPopoverWithThumbnail).call(this));
@@ -611,7 +632,7 @@ function _updateMediaData(mediaData) {
   _classPrivateFieldSet(_playerType, this, (0, _utilities_judy_js__WEBPACK_IMPORTED_MODULE_19__.$F)(_classPrivateFieldGet(_judyContext, this), _classPrivateFieldGet(_playerData, this).mediaData, _classPrivateFieldGet(_playerData, this).embedOptions));
   _assertClassBrand(_WistiaPlayer_brand, this, _renderPreloadThumbnail).call(this);
 }
-var __webpack_modules__, __webpack_module_cache__, __webpack_exports__2, preact__WEBPACK_IMPORTED_MODULE_0__, _wistia_type_guards__WEBPACK_IMPORTED_MODULE_1__, _utilities_gradients_ts__WEBPACK_IMPORTED_MODULE_2__, _wistia_namespace_ts__WEBPACK_IMPORTED_MODULE_3__, _components_PreloadThumbnail_tsx__WEBPACK_IMPORTED_MODULE_4__, _hooks_usePlayerData_tsx__WEBPACK_IMPORTED_MODULE_5__, _utilities_constants_ts__WEBPACK_IMPORTED_MODULE_6__, _utilities_PlayerDataHandler_ts__WEBPACK_IMPORTED_MODULE_7__, _appHostname_js__WEBPACK_IMPORTED_MODULE_8__, _utilities_assets_js__WEBPACK_IMPORTED_MODULE_9__, _utilities_coinFlip_ts__WEBPACK_IMPORTED_MODULE_10__, _utilities_detect_js__WEBPACK_IMPORTED_MODULE_11__, _utilities_dynamicImport_ts__WEBPACK_IMPORTED_MODULE_12__, _utilities_embedOptionStore_ts__WEBPACK_IMPORTED_MODULE_13__, _utilities_elem_js__WEBPACK_IMPORTED_MODULE_14__, _utilities_eventConstants_ts__WEBPACK_IMPORTED_MODULE_15__, _utilities_extractEmailFromParams_ts__WEBPACK_IMPORTED_MODULE_16__, _utilities_hosts_js__WEBPACK_IMPORTED_MODULE_17__, _utilities_inferPageUrl_ts__WEBPACK_IMPORTED_MODULE_18__, _utilities_judy_js__WEBPACK_IMPORTED_MODULE_19__, _utilities_roundedPlayerDefaults_ts__WEBPACK_IMPORTED_MODULE_20__, _utilities_runScript_js__WEBPACK_IMPORTED_MODULE_21__, _utilities_seqid_js__WEBPACK_IMPORTED_MODULE_22__, _utilities_shouldEnableMux_ts__WEBPACK_IMPORTED_MODULE_23__, _utilities_simpleMetrics_js__WEBPACK_IMPORTED_MODULE_24__, _utilities_trackingConsentApi_js__WEBPACK_IMPORTED_MODULE_25__, _utilities_url_js__WEBPACK_IMPORTED_MODULE_26__, _utilities_wistiaLocalStorage_js__WEBPACK_IMPORTED_MODULE_27__, _utilities_wistiaOptions_ts__WEBPACK_IMPORTED_MODULE_28__, _utilities_wistiaQueue_ts__WEBPACK_IMPORTED_MODULE_29__, _utilities_wlog_js__WEBPACK_IMPORTED_MODULE_30__, _utilities_injectJsonLd_js__WEBPACK_IMPORTED_MODULE_31__, _utilities_getInitialMediaData_ts__WEBPACK_IMPORTED_MODULE_32__, _utilities_mediaDataError_ts__WEBPACK_IMPORTED_MODULE_33__, _utilities_remote_data_cache_ts__WEBPACK_IMPORTED_MODULE_34__, _utilities_camelCaseToKebabCase_ts__WEBPACK_IMPORTED_MODULE_35__, _types_gradient_ts__WEBPACK_IMPORTED_MODULE_36__, _WistiaPlayer, requiredAttributes, optionalPublicAttributes, optionalPrivateAttributes, defaultEmbedOptions, getSwatchUrl, _api, _eventListeners, _fullscreenState, _impl, _internals, _jsonLdId, _judyContext, _logger, _oldEngine, _playerData, _playerType, _removeEventListeners, _cachedRemapTime, _hasElementConnectedToDOM, _paddingTop, _playPending, _preactRoot, _preloadThumbnailRoot, _publicApiScript, _resizeObserver, _WistiaPlayer_brand, _handleAfterReplace, _handleBeforeReplace, _handlePreloadThumbnailClick, _returnFocusToPopoverTrigger, WistiaPlayer, getSwatchMetaData2, wistiaSwatchElement, __webpack_exports__WistiaPlayer, __webpack_exports__wistiaSwatchElement;
+var __webpack_modules__, __webpack_module_cache__, __webpack_exports__2, preact__WEBPACK_IMPORTED_MODULE_0__, _wistia_type_guards__WEBPACK_IMPORTED_MODULE_1__, _utilities_gradients_ts__WEBPACK_IMPORTED_MODULE_2__, _wistia_namespace_ts__WEBPACK_IMPORTED_MODULE_3__, _components_PreloadThumbnail_tsx__WEBPACK_IMPORTED_MODULE_4__, _hooks_usePlayerData_tsx__WEBPACK_IMPORTED_MODULE_5__, _utilities_constants_ts__WEBPACK_IMPORTED_MODULE_6__, _utilities_PlayerDataHandler_ts__WEBPACK_IMPORTED_MODULE_7__, _appHostname_js__WEBPACK_IMPORTED_MODULE_8__, _utilities_assets_js__WEBPACK_IMPORTED_MODULE_9__, _utilities_coinFlip_ts__WEBPACK_IMPORTED_MODULE_10__, _utilities_detect_js__WEBPACK_IMPORTED_MODULE_11__, _utilities_dynamicImport_ts__WEBPACK_IMPORTED_MODULE_12__, _utilities_embedOptionStore_ts__WEBPACK_IMPORTED_MODULE_13__, _utilities_elem_js__WEBPACK_IMPORTED_MODULE_14__, _utilities_eventConstants_ts__WEBPACK_IMPORTED_MODULE_15__, _utilities_extractEmailFromParams_ts__WEBPACK_IMPORTED_MODULE_16__, _utilities_hosts_js__WEBPACK_IMPORTED_MODULE_17__, _utilities_inferPageUrl_ts__WEBPACK_IMPORTED_MODULE_18__, _utilities_judy_js__WEBPACK_IMPORTED_MODULE_19__, _utilities_roundedPlayerDefaults_ts__WEBPACK_IMPORTED_MODULE_20__, _utilities_runScript_js__WEBPACK_IMPORTED_MODULE_21__, _utilities_seqid_js__WEBPACK_IMPORTED_MODULE_22__, _utilities_shouldEnableMux_ts__WEBPACK_IMPORTED_MODULE_23__, _utilities_simpleMetrics_js__WEBPACK_IMPORTED_MODULE_24__, _utilities_trackingConsentApi_js__WEBPACK_IMPORTED_MODULE_25__, _utilities_url_js__WEBPACK_IMPORTED_MODULE_26__, _utilities_wistiaLocalStorage_js__WEBPACK_IMPORTED_MODULE_27__, _utilities_wistiaOptions_ts__WEBPACK_IMPORTED_MODULE_28__, _utilities_wistiaQueue_ts__WEBPACK_IMPORTED_MODULE_29__, _utilities_wlog_js__WEBPACK_IMPORTED_MODULE_30__, _utilities_injectJsonLd_js__WEBPACK_IMPORTED_MODULE_31__, _utilities_getInitialMediaData_ts__WEBPACK_IMPORTED_MODULE_32__, _utilities_mediaDataError_ts__WEBPACK_IMPORTED_MODULE_33__, _utilities_remote_data_cache_ts__WEBPACK_IMPORTED_MODULE_34__, _utilities_camelCaseToKebabCase_ts__WEBPACK_IMPORTED_MODULE_35__, _types_gradient_ts__WEBPACK_IMPORTED_MODULE_36__, _WistiaPlayer, requiredAttributes, optionalPublicAttributes, optionalPrivateAttributes, defaultEmbedOptions, getSwatchUrl, PRELOAD_CLICK_OPTIONS, _api, _eventListeners, _fullscreenState, _impl, _internals, _jsonLdId, _judyContext, _logger, _oldEngine, _playerData, _playerType, _removeEventListeners, _cachedRemapTime, _hasElementConnectedToDOM, _paddingTop, _playPending, _preactRoot, _preloadThumbnailRoot, _publicApiScript, _resizeObserver, _WistiaPlayer_brand, _handleAfterReplace, _handleBeforeReplace, _handlePreloadThumbnailClick, _returnFocusToPopoverTrigger, WistiaPlayer, getSwatchMetaData2, wistiaSwatchElement, __webpack_exports__WistiaPlayer, __webpack_exports__wistiaSwatchElement;
 var init_wistia_player = __esm({
   "../wistia-player/dist/wistia-player.js"() {
     __webpack_modules__ = {
@@ -2047,6 +2068,20 @@ var init_wistia_player = __esm({
         const REGEX_WIZARD_DEV_BOX = /([a-z0-9-]+)-cde-([a-z0-9-]+)\.([a-z0-9-]+)\.wiz\.wistia\.io/i;
         const REGEX_CDB_STAGING_DEV_BOX = /([a-z0-9-]+)-cde-([a-z0-9-]+)\.([a-z0-9-]+)\.cdb-staging\.wistia\.io/i;
         const REGEX_DEV_METAL_TUNNEL = /([a-z0-9-]+)-txl-([a-z0-9-]+)\.([a-z0-9-]+)\.mtl\.wistia\.io/i;
+        const HOST_MODE_META_NAME = "wistia-host-mode";
+        const HOST_MODE_PRODUCTION = "production";
+        const isProductionHostMode = () => {
+          if (typeof document === "undefined" || typeof document.querySelector !== "function") {
+            return false;
+          }
+          try {
+            const meta = document.querySelector(`meta[name="${HOST_MODE_META_NAME}"]`);
+            const content = meta?.getAttribute("content");
+            return typeof content === "string" && content.trim().toLowerCase() === HOST_MODE_PRODUCTION;
+          } catch {
+            return false;
+          }
+        };
         const appHostname = (subdomain = "app") => {
           const hostname = "wistia.com";
           const subdomainSuffixHostname = getSubdomainSuffixHostname(subdomain);
@@ -2056,6 +2091,9 @@ var init_wistia_player = __esm({
           return `${subdomain}.${hostname}`;
         };
         const getSubdomainSuffixHostname = (subdomain = "app") => {
+          if (isProductionHostMode()) {
+            return null;
+          }
           if (typeof window !== "undefined" && window.location) {
             const currentHost = window.location.hostname;
             const cdbStagingDevBoxMatches = REGEX_CDB_STAGING_DEV_BOX.exec(currentHost);
@@ -6088,6 +6126,9 @@ var init_wistia_player = __esm({
         };
         defineLanguage("en-US", "English");
         defineTranslations("en-US", {
+          BACKGROUND_FOCUS_MORE_OPTIONS_HINT: "Press O for more options",
+          ELLIPSIS_LESS: "Show fewer buttons",
+          ELLIPSIS_MORE: "Show more buttons",
           PAUSE: "Pause",
           PLAY: "Play",
           PLAY_BUTTON_LIVE_NOT_STARTED: "Livestream has not started",
@@ -7612,8 +7653,8 @@ var init_wistia_player = __esm({
         const PROD_SSL_EMBED_HOST = "embed-ssl.wistia.com";
         const PROD_FASTLY_SSL_HOST = "embed-fastly.wistia.com";
         const SSL_EMBED_HOST = "embed-ssl.wistia.com";
-        const TAGGED_VERSION = "0.7.14";
-        const CURRENT_SHA = "1c2685bd7575dcd821c00f9c4b0c0ab78c57426c";
+        const TAGGED_VERSION = "0.7.15";
+        const CURRENT_SHA = "e0025c338cd1e425139e24b3fe9129d51c193690";
         const DEFAULT_PROTOCOL = (() => {
           if (typeof window !== "undefined" && utilities_root_js__WEBPACK_IMPORTED_MODULE_0__.z === window && utilities_root_js__WEBPACK_IMPORTED_MODULE_0__.z.location) {
             return utilities_root_js__WEBPACK_IMPORTED_MODULE_0__.z.location.protocol;
@@ -12613,6 +12654,9 @@ var init_wistia_player = __esm({
       const fastHost = (0, _utilities_hosts_js__WEBPACK_IMPORTED_MODULE_17__.CX)(embedHost);
       return `https://${fastHost}/embed/medias/${mediaId}/swatch`;
     };
+    PRELOAD_CLICK_OPTIONS = {
+      once: true
+    };
     _api = /* @__PURE__ */ new WeakMap();
     _eventListeners = /* @__PURE__ */ new WeakMap();
     _fullscreenState = /* @__PURE__ */ new WeakMap();

package/dist/mjs/WistiaPlayer.mjs

@@ -8,7 +8,7 @@ import {
 import { forwardRef, Suspense, lazy, Fragment } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 var WistiaPlayerWrapper = lazy(
-  async () => import("./WistiaPlayerWrapper-YILNMBWL.mjs").then((module) => ({
+  async () => import("./WistiaPlayerWrapper-ZBHZK3BC.mjs").then((module) => ({
     default: module.WistiaPlayerWrapper
   }))
 );

package/dist/mjs/{WistiaPlayerWrapper-YILNMBWL.mjs → WistiaPlayerWrapper-ZBHZK3BC.mjs}

@@ -37,7 +37,7 @@ var WistiaPlayerWrapper = forwardRef(
           setSwatchAspectRatio(ratio);
         });
       }
-      void import("./wistia-player-UTJMZ76D.mjs");
+      void import("./wistia-player-K36WAKA7.mjs");
       void customElements.whenDefined("wistia-player").then(() => {
         setIsWistiaPlayerDefined(true);
       });

package/dist/mjs/{wistia-player-UTJMZ76D.mjs → wistia-player-K36WAKA7.mjs}

@@ -1432,6 +1432,20 @@ var __webpack_modules__ = {
     const REGEX_WIZARD_DEV_BOX = /([a-z0-9-]+)-cde-([a-z0-9-]+)\.([a-z0-9-]+)\.wiz\.wistia\.io/i;
     const REGEX_CDB_STAGING_DEV_BOX = /([a-z0-9-]+)-cde-([a-z0-9-]+)\.([a-z0-9-]+)\.cdb-staging\.wistia\.io/i;
     const REGEX_DEV_METAL_TUNNEL = /([a-z0-9-]+)-txl-([a-z0-9-]+)\.([a-z0-9-]+)\.mtl\.wistia\.io/i;
+    const HOST_MODE_META_NAME = "wistia-host-mode";
+    const HOST_MODE_PRODUCTION = "production";
+    const isProductionHostMode = () => {
+      if (typeof document === "undefined" || typeof document.querySelector !== "function") {
+        return false;
+      }
+      try {
+        const meta = document.querySelector(`meta[name="${HOST_MODE_META_NAME}"]`);
+        const content = meta?.getAttribute("content");
+        return typeof content === "string" && content.trim().toLowerCase() === HOST_MODE_PRODUCTION;
+      } catch {
+        return false;
+      }
+    };
     const appHostname = (subdomain = "app") => {
       const hostname = "wistia.com";
       const subdomainSuffixHostname = getSubdomainSuffixHostname(subdomain);
@@ -1441,6 +1455,9 @@ var __webpack_modules__ = {
       return `${subdomain}.${hostname}`;
     };
     const getSubdomainSuffixHostname = (subdomain = "app") => {
+      if (isProductionHostMode()) {
+        return null;
+      }
       if (typeof window !== "undefined" && window.location) {
         const currentHost = window.location.hostname;
         const cdbStagingDevBoxMatches = REGEX_CDB_STAGING_DEV_BOX.exec(currentHost);
@@ -5473,6 +5490,9 @@ var __webpack_modules__ = {
     };
     defineLanguage("en-US", "English");
     defineTranslations("en-US", {
+      BACKGROUND_FOCUS_MORE_OPTIONS_HINT: "Press O for more options",
+      ELLIPSIS_LESS: "Show fewer buttons",
+      ELLIPSIS_MORE: "Show more buttons",
       PAUSE: "Pause",
       PLAY: "Play",
       PLAY_BUTTON_LIVE_NOT_STARTED: "Livestream has not started",
@@ -6997,8 +7017,8 @@ var __webpack_modules__ = {
     const PROD_SSL_EMBED_HOST = "embed-ssl.wistia.com";
     const PROD_FASTLY_SSL_HOST = "embed-fastly.wistia.com";
     const SSL_EMBED_HOST = "embed-ssl.wistia.com";
-    const TAGGED_VERSION = "0.7.14";
-    const CURRENT_SHA = "1c2685bd7575dcd821c00f9c4b0c0ab78c57426c";
+    const TAGGED_VERSION = "0.7.15";
+    const CURRENT_SHA = "e0025c338cd1e425139e24b3fe9129d51c193690";
     const DEFAULT_PROTOCOL = (() => {
       if (typeof window !== "undefined" && utilities_root_js__WEBPACK_IMPORTED_MODULE_0__.z === window && utilities_root_js__WEBPACK_IMPORTED_MODULE_0__.z.location) {
         return utilities_root_js__WEBPACK_IMPORTED_MODULE_0__.z.location.protocol;
@@ -12056,6 +12076,9 @@ var getSwatchUrl = (mediaId, embedHost = "") => {
   const fastHost = (0, _utilities_hosts_js__WEBPACK_IMPORTED_MODULE_17__.CX)(embedHost);
   return `https://${fastHost}/embed/medias/${mediaId}/swatch`;
 };
+var PRELOAD_CLICK_OPTIONS = {
+  once: true
+};
 var _api = /* @__PURE__ */ new WeakMap();
 var _eventListeners = /* @__PURE__ */ new WeakMap();
 var _fullscreenState = /* @__PURE__ */ new WeakMap();
@@ -14143,6 +14166,23 @@ function _deferMediaDataFetchingToCarouselEmbed() {
   }
   return !!document.querySelector(`wistia-channel-carousel[player-dom-id="${this.id}"]:not([is-inside-playlist-embed="true"][channel-id])`);
 }
+function _destroyPreloadThumbnailForPopover() {
+  if (!_assertClassBrand(_WistiaPlayer_brand, this, _isPopoverWithThumbnail).call(this)) {
+    return;
+  }
+  const {
+    shadowRoot
+  } = this;
+  const activeElement = shadowRoot?.activeElement ?? null;
+  const hadFocus = activeElement !== null && _classPrivateFieldGet(_preloadThumbnailRoot, this) !== null && _classPrivateFieldGet(_preloadThumbnailRoot, this).contains(activeElement);
+  _assertClassBrand(_WistiaPlayer_brand, this, _destroyPreloadThumbnailRoot).call(this);
+  this.removeEventListener("click", _classPrivateFieldGet(_handlePreloadThumbnailClick, this), PRELOAD_CLICK_OPTIONS);
+  if (hadFocus) {
+    shadowRoot?.querySelector('[tabindex="0"]')?.focus({
+      preventScroll: true
+    });
+  }
+}
 function _destroyPreloadThumbnailRoot() {
   if (_classPrivateFieldGet(_preloadThumbnailRoot, this)) {
     (0, preact__WEBPACK_IMPORTED_MODULE_0__.render)(null, _classPrivateFieldGet(_preloadThumbnailRoot, this));
@@ -14233,7 +14273,7 @@ async function _initPublicApi(mediaId, options) {
     _classPrivateFieldGet(_resizeObserver, this)?.disconnect();
     _classPrivateFieldSet(_resizeObserver, this, null);
     _assertClassBrand(_WistiaPlayer_brand, this, _destroyPreloadThumbnailRoot).call(this);
-    this.removeEventListener("click", _classPrivateFieldGet(_handlePreloadThumbnailClick, this));
+    this.removeEventListener("click", _classPrivateFieldGet(_handlePreloadThumbnailClick, this), PRELOAD_CLICK_OPTIONS);
     this.dispatchEvent(new CustomEvent(_utilities_eventConstants_ts__WEBPACK_IMPORTED_MODULE_15__.c5, {
       detail: {
         mediaId
@@ -14487,16 +14527,20 @@ function _setupEventListeners() {
   this.addEventListener(_utilities_eventConstants_ts__WEBPACK_IMPORTED_MODULE_15__.rO, loadedMediaDataCallback);
   this.addEventListener(_utilities_eventConstants_ts__WEBPACK_IMPORTED_MODULE_15__.dp, implCreatedCallback);
   this.addEventListener("popover-hide", _classPrivateFieldGet(_returnFocusToPopoverTrigger, this));
+  const popoverThumbnailReadyCallback = () => {
+    _assertClassBrand(_WistiaPlayer_brand, this, _destroyPreloadThumbnailForPopover).call(this);
+  };
+  this.addEventListener("popover-thumbnail-ready", popoverThumbnailReadyCallback);
   _classPrivateFieldGet(_removeEventListeners, this).push(() => {
     this.removeEventListener(_utilities_eventConstants_ts__WEBPACK_IMPORTED_MODULE_15__.rO, loadedMediaDataCallback);
   }, () => {
     this.removeEventListener(_utilities_eventConstants_ts__WEBPACK_IMPORTED_MODULE_15__.dp, implCreatedCallback);
   }, () => {
     this.removeEventListener("popover-hide", _classPrivateFieldGet(_returnFocusToPopoverTrigger, this));
+  }, () => {
+    this.removeEventListener("popover-thumbnail-ready", popoverThumbnailReadyCallback);
   });
-  this.addEventListener("click", _classPrivateFieldGet(_handlePreloadThumbnailClick, this), {
-    once: true
-  });
+  this.addEventListener("click", _classPrivateFieldGet(_handlePreloadThumbnailClick, this), PRELOAD_CLICK_OPTIONS);
 }
 function _shouldDisplaySwatch() {
   return this.swatch !== false && (!this.wistiaPopover || _assertClassBrand(_WistiaPlayer_brand, this, _isPopoverWithThumbnail).call(this));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wistia/wistia-player-react",
-  "version": "0.7.14",
+  "version": "0.7.15",
   "packageManager": "yarn@4.18.0",
   "description": "An embeddable wistia-player web component and React wrapper to add responsive, lightweight, and SEO-friendly videos to your site.",
   "keywords": [
@@ -46,7 +46,7 @@
   },
   "dependencies": {
     "@wistia/type-guards": "^0.9.3",
-    "@wistia/wistia-player": "0.7.14"
+    "@wistia/wistia-player": "0.7.15"
   },
   "peerDependencies": {
     "react": ">=18.0.0 <20.0.0",