@wistia/wistia-player 0.7.10 → 0.7.12

package/dist/wistia-player.js

@@ -1562,12 +1562,13 @@ var keys = function 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_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 */
 // Regex to match cloud dev box hostnames: [subdomain]-cde-[devbox].[region].wistia.io
 var 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
 var REGEX_OPENCLAW_DEV_BOX = /([a-z0-9-]+)-cde-([a-z0-9-]+)\.([a-z0-9-]+)\.claw\.wistia\.io/i;
 var REGEX_WIZARD_DEV_BOX = /([a-z0-9-]+)-cde-([a-z0-9-]+)\.([a-z0-9-]+)\.wiz\.wistia\.io/i;
+var REGEX_CDB_STAGING_DEV_BOX = /([a-z0-9-]+)-cde-([a-z0-9-]+)\.([a-z0-9-]+)\.cdb-staging\.wistia\.io/i;
 var REGEX_DEV_METAL_TUNNEL = /([a-z0-9-]+)-txl-([a-z0-9-]+)\.([a-z0-9-]+)\.mtl\.wistia\.io/i;
 var appHostname = function appHostname() {
   var subdomain = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'app';
@@ -1585,6 +1586,10 @@ var getSubdomainSuffixHostname = function getSubdomainSuffixHostname() {
     var currentHost = window.location.hostname;
 
     // If we're already on a cloud dev box, extract the devbox and region
+    var cdbStagingDevBoxMatches = REGEX_CDB_STAGING_DEV_BOX.exec(currentHost);
+    if (cdbStagingDevBoxMatches) {
+      return "".concat(subdomain, "-cde-").concat(cdbStagingDevBoxMatches[2], ".").concat(cdbStagingDevBoxMatches[3], ".cdb-staging.wistia.io");
+    }
     var cloudDevBoxMatches = REGEX_CLOUD_DEV_BOX.exec(currentHost);
     if (cloudDevBoxMatches) {
       // Return the new hostname with the same devbox and region
@@ -4110,7 +4115,12 @@ var ProgressiveThumbnail = /*#__PURE__*/function (_Component) {
   }, {
     key: "componentDidMount",
     value: function componentDidMount() {
-      setTimeout(this.afterTwoSeconds, 2000);
+      this._fadeTimer = setTimeout(this.afterTwoSeconds, 2000);
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      clearTimeout(this._fadeTimer);
     }
   }, {
     key: "normalThumbWrapperStyle",
@@ -5395,6 +5405,8 @@ var getPreferredAvailableLanguageIndex = function getPreferredAvailableLanguageI
 /* harmony export */   eZ: () => (/* binding */ sortedImages)
 /* harmony export */ });
 /* harmony import */ var utilities_hosts_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5857);
+/* harmony import */ var utilities_root_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(8176);
+
 
 var bestImage = function bestImage(images) {
   var opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
@@ -5413,7 +5425,7 @@ var bestImage = function bestImage(images) {
 
   // For sharper screens, let's load up larger images so the thumbnail
   // looks hella sharp
-  var desiredWidth = (window.devicePixelRatio || 1) * currentWidth;
+  var desiredWidth = (utilities_root_js__WEBPACK_IMPORTED_MODULE_1__/* .root */ .z.devicePixelRatio || 1) * currentWidth;
   if (desiredWidth <= _sortedImages[0].width) {
     return _sortedImages[0];
   }
@@ -5707,10 +5719,11 @@ var getDefaultTranslation = function getDefaultTranslation() {
 // duplicate multiple translation keys.
 defineLanguage('en-US', 'English');
 defineTranslations('en-US', {
+  PAUSE: 'Pause',
   PLAY: 'Play',
   PLAY_BUTTON_LIVE_NOT_STARTED: 'Livestream has not started',
   PLAY_BUTTON_TITLE_WHEN_NOT_PLAYING: 'Play Video',
-  PLAY_BUTTON_TITLE_WHEN_PLAYING: 'Pause',
+  PLAY_BUTTON_TITLE_WHEN_PLAYING: 'Pause Video',
   REWATCH: 'Rewatch',
   SKIP: 'Skip'
 });
@@ -7338,8 +7351,8 @@ var PROD_EMBED_HOST = 'embed.wistia.com';
 var PROD_SSL_EMBED_HOST = 'embed-ssl.wistia.com';
 var PROD_FASTLY_SSL_HOST = 'embed-fastly.wistia.com';
 var SSL_EMBED_HOST = "embed-ssl.wistia.com";
-var TAGGED_VERSION = "0.7.10" || 0;
-var CURRENT_SHA = "47fc839b53fd9b104159ae2f4f03ebe022191e45" || 0;
+var TAGGED_VERSION = "0.7.12" || 0;
+var CURRENT_SHA = "01d97dee6fbb2a9d20e51228ee7b76cd1a281fe6" || 0;
 var DEFAULT_PROTOCOL = function () {
   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;
@@ -18577,9 +18590,9 @@ var WistiaPlayer = /*#__PURE__*/function (_HTMLElement) {
       (0,_utilities_embedOptionStore_ts__WEBPACK_IMPORTED_MODULE_13__/* .removeEmbedOptionStore */ .iU)("__".concat(this.uniqueId, "_dom_options__"));
       (_classPrivateFieldGet122 = _classPrivateFieldGet(_api, this)) === null || _classPrivateFieldGet122 === void 0 ? void 0 : _classPrivateFieldGet122.remove();
       _classPrivateFieldSet(_api, this, null);
+      _assertClassBrand(_WistiaPlayer_brand, this, _destroyPreloadThumbnailRoot).call(this);
       (_this$shadowRoot = this.shadowRoot) === null || _this$shadowRoot === void 0 ? void 0 : _this$shadowRoot.replaceChildren();
       _classPrivateFieldSet(_preactRoot, this, null);
-      _classPrivateFieldSet(_preloadThumbnailRoot, this, null);
       _classPrivateFieldSet(_hasElementConnectedToDOM, this, false);
     }
 
@@ -18637,6 +18650,15 @@ function _deferMediaDataFetchingToCarouselEmbed() {
   }
   return !!document.querySelector("wistia-channel-carousel[player-dom-id=\"".concat(this.id, "\"]:not([is-inside-playlist-embed=\"true\"][channel-id])"));
 }
+function _destroyPreloadThumbnailRoot() {
+  if (_classPrivateFieldGet(_preloadThumbnailRoot, this)) {
+    // Unmount the nested preact root so its components run componentWillUnmount
+    // (e.g. clearing timers) before we detach the DOM out from under preact.
+    (0,preact__WEBPACK_IMPORTED_MODULE_0__.render)(null, _classPrivateFieldGet(_preloadThumbnailRoot, this));
+    _classPrivateFieldGet(_preloadThumbnailRoot, this).remove();
+    _classPrivateFieldSet(_preloadThumbnailRoot, this, null);
+  }
+}
 function _findLocalizationByLanguage(language) {
   var _classPrivateFieldGet123;
   if (language == null) {
@@ -18778,10 +18800,10 @@ function _initPublicApi2() {
             _this19.removeEventListener(_utilities_eventConstants_ts__WEBPACK_IMPORTED_MODULE_15__/* .AFTER_REPLACE_EVENT */ .$1, _classPrivateFieldGet(_handleAfterReplace, _this19));
           });
           _classPrivateFieldGet(_api, this).ready(function () {
-            var _classPrivateFieldGet131, _classPrivateFieldGet132;
+            var _classPrivateFieldGet131;
             (_classPrivateFieldGet131 = _classPrivateFieldGet(_resizeObserver, _this19)) === null || _classPrivateFieldGet131 === void 0 ? void 0 : _classPrivateFieldGet131.disconnect();
             _classPrivateFieldSet(_resizeObserver, _this19, null);
-            (_classPrivateFieldGet132 = _classPrivateFieldGet(_preloadThumbnailRoot, _this19)) === null || _classPrivateFieldGet132 === void 0 ? void 0 : _classPrivateFieldGet132.remove();
+            _assertClassBrand(_WistiaPlayer_brand, _this19, _destroyPreloadThumbnailRoot).call(_this19);
             _this19.removeEventListener('click', _classPrivateFieldGet(_handlePreloadThumbnailClick, _this19));
             // event for public consumption, exposed on our event types
             _this19.dispatchEvent(new CustomEvent(_utilities_eventConstants_ts__WEBPACK_IMPORTED_MODULE_15__/* .API_READY_EVENT */ .c5, {
@@ -18872,8 +18894,8 @@ function _maybeInitializeMux2() {
           this.addEventListener('visitor-tracking-change', function (event) {
             var isTrackingEnabled = event.detail.isTrackingEnabled;
             if (!isTrackingEnabled) {
-              var _classPrivateFieldGet134, _classPrivateFieldGet135;
-              (_classPrivateFieldGet134 = _classPrivateFieldGet(_api, _this20)) === null || _classPrivateFieldGet134 === void 0 ? void 0 : (_classPrivateFieldGet135 = _classPrivateFieldGet134.mux) === null || _classPrivateFieldGet135 === void 0 ? void 0 : _classPrivateFieldGet135.destroy();
+              var _classPrivateFieldGet133, _classPrivateFieldGet134;
+              (_classPrivateFieldGet133 = _classPrivateFieldGet(_api, _this20)) === null || _classPrivateFieldGet133 === void 0 ? void 0 : (_classPrivateFieldGet134 = _classPrivateFieldGet133.mux) === null || _classPrivateFieldGet134 === void 0 ? void 0 : _classPrivateFieldGet134.destroy();
             }
           });
         case 6: