@wistia/wistia-player 0.7.13 → 0.7.15

package/dist/wistia-player.js

@@ -1548,7 +1548,7 @@ const keys = obj => {
 /* harmony export */   Ni: () => (/* binding */ appHostname),
 /* harmony export */   rY: () => (/* binding */ getSubdomainSuffixHostname)
 /* harmony export */ });
-/* unused harmony exports REGEX_CLOUD_DEV_BOX, REGEX_OPENCLAW_DEV_BOX, REGEX_WIZARD_DEV_BOX, REGEX_CDB_STAGING_DEV_BOX, REGEX_DEV_METAL_TUNNEL */
+/* unused harmony exports REGEX_CLOUD_DEV_BOX, REGEX_OPENCLAW_DEV_BOX, REGEX_WIZARD_DEV_BOX, REGEX_CDB_STAGING_DEV_BOX, REGEX_DEV_METAL_TUNNEL, HOST_MODE_META_NAME, HOST_MODE_PRODUCTION, isProductionHostMode */
 // Regex to match cloud dev box hostnames: [subdomain]-cde-[devbox].[region].wistia.io
 const REGEX_CLOUD_DEV_BOX = /([a-z0-9-]+)-cde-([a-z0-9-]+)\.([a-z0-9-]+)\.wistia\.io/i;
 // Regex to match openclaw containerized dev box hostnames: [subdomain]-cde-[devbox].[region].claw.wistia.io
@@ -1556,6 +1556,20 @@ const REGEX_OPENCLAW_DEV_BOX = /([a-z0-9-]+)-cde-([a-z0-9-]+)\.([a-z0-9-]+)\.cla
 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 =  false || "wistia.com";
   const subdomainSuffixHostname = getSubdomainSuffixHostname(subdomain);
@@ -1565,6 +1579,10 @@ const appHostname = (subdomain = 'app') => {
   return `${subdomain}.${hostname}`;
 };
 const getSubdomainSuffixHostname = (subdomain = 'app') => {
+  if (isProductionHostMode()) {
+    return null;
+  }
+
   // Check if we're running in a cloud dev environment by parsing the current hostname
   if (typeof window !== 'undefined' && window.location) {
     const currentHost = window.location.hostname;
@@ -3901,6 +3919,7 @@ class ProgressiveThumbnail extends preact__WEBPACK_IMPORTED_MODULE_1__.Component
       this._hasRenderedVisible = true;
     }
     const sharedProps = {
+      ariaHidden: this.props.ariaHidden,
       backgroundColor: this.props.backgroundColor,
       fitStrategy: this.props.fitStrategy,
       isVisible: this.props.isVisible,
@@ -5427,6 +5446,9 @@ const getDefaultTranslation = () => {
 // duplicate multiple translation keys.
 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',
@@ -5444,7 +5466,7 @@ defineTranslations('en-US', {
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   D5: () => (/* binding */ isVisitorTrackingEnabled)
 /* harmony export */ });
-/* unused harmony exports migrateLegacyVisitorTracking, consent, setVisitorTrackingEnabled */
+/* unused harmony exports migrateLegacyVisitorTracking, consent, setVisitorTrackingEnabled, registerPrivacyModeSource, unregisterPrivacyModeSource */
 /* harmony import */ var utilities_globalBindAndTrigger_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(4271);
 /* harmony import */ var utilities_wistiaLocalStorage_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(4997);
 /* harmony import */ var utilities_getApiHandles_ts__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(5510);
@@ -5561,10 +5583,27 @@ const isVisitorTrackingEnabled = () => {
   const isPrivacyModeEnabled = apis.some(api => {
     const data = api._mediaData || api._galleryData || {};
     return data.privacyMode === true;
-  });
+  }) || hasRegisteredPrivacyModeSource();
   return !isPrivacyModeEnabled;
 };
 
+// Embeds that aren't API handles or channels -- form embeds, and any future
+// non-player surface -- register their account's privacy mode here.
+//
+// Without this, the scan above only sees media handles, so a page with a form
+// embed and no video reports privacy mode as OFF no matter what the account is
+// set to, and consent() returns true for a privacy-mode account.
+const registerPrivacyModeSource = (key, privacyMode) => {
+  Wistia._privacyModeSources ??= {};
+  Wistia._privacyModeSources[key] = privacyMode === true;
+};
+const unregisterPrivacyModeSource = key => {
+  if (Wistia._privacyModeSources) {
+    delete Wistia._privacyModeSources[key];
+  }
+};
+const hasRegisteredPrivacyModeSource = () => Object.values(_wistia_namespace_ts__WEBPACK_IMPORTED_MODULE_3__/* .Wistia */ .s._privacyModeSources || {}).some(Boolean);
+
 /***/ },
 
 /***/ 4989
@@ -6795,8 +6834,8 @@ const PROD_EMBED_HOST = 'embed.wistia.com';
 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.13" || 0;
-const CURRENT_SHA = "7a72da90e6251423490a96cd1da5bb1a47651431" || 0;
+const TAGGED_VERSION = "0.7.15" || 0;
+const CURRENT_SHA = "e0025c338cd1e425139e24b3fe9129d51c193690" || 0;
 const DEFAULT_PROTOCOL = (() => {
   if (typeof window !== 'undefined' && utilities_root_js__WEBPACK_IMPORTED_MODULE_0__/* .root */ .z === window && utilities_root_js__WEBPACK_IMPORTED_MODULE_0__/* .root */ .z.location) {
     return utilities_root_js__WEBPACK_IMPORTED_MODULE_0__/* .root */ .z.location.protocol;
@@ -14743,6 +14782,9 @@ const getSwatchUrl = (mediaId, embedHost = '') => {
   const fastHost = (0,_utilities_hosts_js__WEBPACK_IMPORTED_MODULE_17__/* .cdnFastWistiaComHost */ .CX)(embedHost);
   return `https://${fastHost}/embed/medias/${mediaId}/swatch`;
 };
+const PRELOAD_CLICK_OPTIONS = {
+  once: true
+};
 var _api = /*#__PURE__*/new WeakMap();
 var _eventListeners = /*#__PURE__*/new WeakMap();
 var _fullscreenState = /*#__PURE__*/new WeakMap();
@@ -17156,6 +17198,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)) {
     // Unmount the nested preact root so its components run componentWillUnmount
@@ -17292,7 +17351,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);
     // event for public consumption, exposed on our event types
     this.dispatchEvent(new CustomEvent(_utilities_eventConstants_ts__WEBPACK_IMPORTED_MODULE_15__/* .API_READY_EVENT */ .c5, {
       detail: {
@@ -17637,16 +17696,20 @@ function _setupEventListeners() {
   // Dispatched on this host by the legacy popover code each time the popover
   // dialog closes. See #returnFocusToPopoverTrigger.
   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__/* .LOADED_MEDIA_DATA_EVENT */ .rO, loadedMediaDataCallback);
   }, () => {
     this.removeEventListener(_utilities_eventConstants_ts__WEBPACK_IMPORTED_MODULE_15__/* .IMPL_CREATED_EVENT */ .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);
 }
 /**
  * Determines if a swatch should be displayed based on the embed options