@wistia/wistia-player-react 0.7.5 → 0.7.6

package/dist/cjs/WistiaPlayer.cjs

@@ -715,7 +715,7 @@ function _renderEmbedTemplate() {
     playerBorderRadius: this.playerBorderRadius,
     roundedPlayer: this.roundedPlayer
   });
-  (0, preact__WEBPACK_IMPORTED_MODULE_0__.render)((0, preact__WEBPACK_IMPORTED_MODULE_0__.h)(preact__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0, preact__WEBPACK_IMPORTED_MODULE_0__.h)("style", null, ":host {\n              display: flex;\n              position: relative;\n              width: 100%;\n              ".concat(mediaType === "Audio" ? "min-height: 45px;" : "", "\n            }")), _assertClassBrand(_WistiaPlayer_brand, this, _shouldDisplaySwatch).call(this) && (0, preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", {
+  (0, preact__WEBPACK_IMPORTED_MODULE_0__.render)((0, preact__WEBPACK_IMPORTED_MODULE_0__.h)(preact__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0, preact__WEBPACK_IMPORTED_MODULE_0__.h)("style", null, ":host {\n              display: flex;\n              position: relative;\n              width: 100%;\n              ".concat(mediaType === "Audio" ? "height: ".concat(_utilities_constants_ts__WEBPACK_IMPORTED_MODULE_6__.Lc, "px; min-height: 45px;") : "", "\n            }")), _assertClassBrand(_WistiaPlayer_brand, this, _shouldDisplaySwatch).call(this) && (0, preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", {
     style: {
       height: swatchHeight,
       left: 0,
@@ -3059,18 +3059,24 @@ var init_wistia_player = __esm({
       1512(__unused_webpack_module, __webpack_exports__3, __webpack_require__3) {
         __webpack_require__3.d(__webpack_exports__3, {
           /* harmony export */
-          E: () => (
+          EA: () => (
             /* binding */
             CONTROL_BAR_HEIGHT
           ),
           /* harmony export */
-          R: () => (
+          Lc: () => (
+            /* binding */
+            AUDIO_DEFAULT_HEIGHT
+          ),
+          /* harmony export */
+          R7: () => (
             /* binding */
             DEFAULT_ASPECT
           )
           /* harmony export */
         });
         var CONTROL_BAR_HEIGHT = 34;
+        var AUDIO_DEFAULT_HEIGHT = 218;
         var DEFAULT_ASPECT = 16 / 9;
       },
       /***/
@@ -9192,8 +9198,8 @@ var init_wistia_player = __esm({
         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.5";
-        var CURRENT_SHA = "7f1f10ca8b9bae893fd757afbd3ce777956c2099";
+        var TAGGED_VERSION = "0.7.6";
+        var CURRENT_SHA = "d17a7f2fb96b0add1ebf115f18abea8875108342";
         var DEFAULT_PROTOCOL = (function() {
           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;
@@ -14280,7 +14286,7 @@ var init_wistia_player = __esm({
           var _usePlayerData = (0, _hooks_usePlayerData_tsx__WEBPACK_IMPORTED_MODULE_2__.$)(), embedOptions = _usePlayerData.embedOptions, mediaData = _usePlayerData.mediaData;
           var aspect = embedOptions.aspect, bigPlayButton = embedOptions.bigPlayButton, bpbTime = embedOptions.bpbTime, bigPlayButtonBorderRadius = embedOptions.bigPlayButtonBorderRadius, contrastIcons = embedOptions.contrastIcons, controlBarBorderRadius = embedOptions.controlBarBorderRadius, controlsVisibleOnLoad = embedOptions.controlsVisibleOnLoad, floatingControlBar = embedOptions.floatingControlBar, noMixBlendMode = embedOptions.noMixBlendMode, opaqueControls = embedOptions.opaqueControls, playButton = embedOptions.playButton, playerBorderRadius = embedOptions.playerBorderRadius, playerColor = embedOptions.playerColor, playerColorGradient = embedOptions.playerColorGradient, playerLanguage = embedOptions.playerLanguage, roundedPlayer = embedOptions.roundedPlayer, thumbnailAltText = embedOptions.thumbnailAltText, transparentLetterbox = embedOptions.transparentLetterbox;
           var aspectRatio = mediaData.aspectRatio, assets = mediaData.assets, duration = mediaData.duration, mediaType = mediaData.mediaType, name = mediaData.name;
-          var height = playerWidth / ((_ref2 = aspect !== null && aspect !== void 0 ? aspect : aspectRatio) !== null && _ref2 !== void 0 ? _ref2 : _utilities_constants_ts__WEBPACK_IMPORTED_MODULE_3__.R);
+          var height = playerWidth / ((_ref2 = aspect !== null && aspect !== void 0 ? aspect : aspectRatio) !== null && _ref2 !== void 0 ? _ref2 : _utilities_constants_ts__WEBPACK_IMPORTED_MODULE_3__.R7);
           var scale = Math.min(MAX_SCALE, Math.max(MIN_SCALE, (0, _utilities_fit_control_js__WEBPACK_IMPORTED_MODULE_8__.wt)(playerWidth, [DEFAULT_LOWER_CUTOFF_WIDTH, DEFAULT_UPPER_CUTOFF_WIDTH])));
           var calculatedControlsVisibleOnLoad = controlsVisibleOnLoad && playerType === "vulcan-v2";
           var defaultControlBarDistance = (0, _utilities_roundedPlayerDefaults_ts__WEBPACK_IMPORTED_MODULE_9__.Ru)({
@@ -14288,7 +14294,7 @@ var init_wistia_player = __esm({
             floatingControlBar,
             roundedPlayer
           });
-          var calculatedControlBarDistance = calculatedControlsVisibleOnLoad ? (_utilities_constants_ts__WEBPACK_IMPORTED_MODULE_3__.E / 2 + defaultControlBarDistance) * scale : defaultControlBarDistance * scale;
+          var calculatedControlBarDistance = calculatedControlsVisibleOnLoad ? (_utilities_constants_ts__WEBPACK_IMPORTED_MODULE_3__.EA / 2 + defaultControlBarDistance) * scale : defaultControlBarDistance * scale;
           var calculatedBigPlayButtonBorderRadius = (0, _utilities_roundedPlayerDefaults_ts__WEBPACK_IMPORTED_MODULE_9__.gl)({
             bigPlayButtonBorderRadius,
             roundedPlayer
@@ -14532,7 +14538,7 @@ var init_wistia_player = __esm({
     _utilities_camelCaseToKebabCase_ts__WEBPACK_IMPORTED_MODULE_35__ = __webpack_require__2(4989);
     _types_gradient_ts__WEBPACK_IMPORTED_MODULE_36__ = __webpack_require__2(7350);
     requiredAttributes = ["media-id"];
-    optionalPublicAttributes = ["aspect", "audio-description-control", "autoplay", "big-play-button", "branding", "contrast-icons", "controls-visible-on-load", "copy-link-and-thumbnail", "current-time", "do-not-track", "email", "end-video-behavior", "fit-strategy", "fullscreen-control", "language", "muted", "opaque-controls", "playback-rate-control", "play-bar-control", "player-color", "playlist-links", "playlist-loop", "play-pause-control", "play-pause-notifier", "popover-animate-thumbnail", "popover-animation", "popover-border-color", "popover-border-radius", "popover-border-width", "popover-box-shadow", "popover-caption", "popover-caption-container", "popover-content", "popover-disable-autoplay", "popover-overlay-color", "popover-overlay-opacity", "popover-prevent-scroll", "popover-show-on-load", "poster", "preload", "quality-control", "quality-max", "quality-min", "resumable", "rounded-player", "seo", "settings-control", "silent-autoplay", "transparent-letterbox", "video-quality", "volume", "volume-control", "wistia-popover"];
+    optionalPublicAttributes = ["aspect", "audio-description-control", "autoplay", "big-play-button", "branding", "contrast-icons", "controls-visible-on-load", "copy-link-and-thumbnail", "current-time", "do-not-track", "email", "end-video-behavior", "fit-strategy", "fullscreen-control", "language", "muted", "opaque-controls", "playback-rate-control", "play-bar-control", "player-color", "playlist-links", "playlist-loop", "play-pause-control", "play-pause-notifier", "popover-animate-thumbnail", "popover-animation", "popover-border-color", "popover-border-radius", "popover-border-width", "popover-box-shadow", "popover-caption", "popover-caption-container", "popover-content", "popover-disable-autoplay", "popover-overlay-color", "popover-overlay-opacity", "popover-prevent-scroll", "popover-show-on-load", "poster", "preload", "quality-control", "quality-max", "quality-min", "resumable", "rounded-player", "rounded-playlist", "seo", "settings-control", "silent-autoplay", "transparent-letterbox", "video-quality", "volume", "volume-control", "wistia-popover"];
     optionalPrivateAttributes = ["big-play-button-border-radius", "control-bar-border-radius", "embed-host", "hls", "page-url", "player-border-radius", "player-force", "stats-url", "swatch", "unique-id", "use-web-component"];
     defaultEmbedOptions = {
       audioDescriptionControl: false,
@@ -14712,7 +14718,7 @@ var init_wistia_player = __esm({
         key: "aspect",
         get: function get() {
           var _ref, _ref2, _classPrivateFieldGet2, _classPrivateFieldGet3;
-          var fallbackAspect = !Number.isNaN(this.offsetWidth / this.offsetHeight) && Number.isFinite(this.offsetWidth / this.offsetHeight) ? this.offsetWidth / this.offsetHeight : _utilities_constants_ts__WEBPACK_IMPORTED_MODULE_6__.R;
+          var fallbackAspect = !Number.isNaN(this.offsetWidth / this.offsetHeight) && Number.isFinite(this.offsetWidth / this.offsetHeight) ? this.offsetWidth / this.offsetHeight : _utilities_constants_ts__WEBPACK_IMPORTED_MODULE_6__.R7;
           return (_ref = (_ref2 = (_classPrivateFieldGet2 = (_classPrivateFieldGet3 = _classPrivateFieldGet(_impl, this)) === null || _classPrivateFieldGet3 === void 0 ? void 0 : _classPrivateFieldGet3.aspect()) !== null && _classPrivateFieldGet2 !== void 0 ? _classPrivateFieldGet2 : this.embedOptions.aspect) !== null && _ref2 !== void 0 ? _ref2 : _assertClassBrand(_WistiaPlayer_brand, this, _getValueFromAttribute).call(this, "aspect")) !== null && _ref !== void 0 ? _ref : fallbackAspect;
         },
         set: function set(newAspect) {

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-SFUCYCOM.mjs").then((module) => ({
+  async () => import("./WistiaPlayerWrapper-2OUTDKXW.mjs").then((module) => ({
     default: module.WistiaPlayerWrapper
   }))
 );

package/dist/mjs/{WistiaPlayerWrapper-SFUCYCOM.mjs → WistiaPlayerWrapper-2OUTDKXW.mjs}

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

package/dist/mjs/{wistia-player-45JRIL6O.mjs → wistia-player-CXLJ2JGZ.mjs}

@@ -2157,18 +2157,24 @@ var __webpack_modules__ = {
   1512(__unused_webpack_module, __webpack_exports__3, __webpack_require__3) {
     __webpack_require__3.d(__webpack_exports__3, {
       /* harmony export */
-      E: () => (
+      EA: () => (
         /* binding */
         CONTROL_BAR_HEIGHT
       ),
       /* harmony export */
-      R: () => (
+      Lc: () => (
+        /* binding */
+        AUDIO_DEFAULT_HEIGHT
+      ),
+      /* harmony export */
+      R7: () => (
         /* binding */
         DEFAULT_ASPECT
       )
       /* harmony export */
     });
     var CONTROL_BAR_HEIGHT = 34;
+    var AUDIO_DEFAULT_HEIGHT = 218;
     var DEFAULT_ASPECT = 16 / 9;
   },
   /***/
@@ -8290,8 +8296,8 @@ var __webpack_modules__ = {
     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.5";
-    var CURRENT_SHA = "7f1f10ca8b9bae893fd757afbd3ce777956c2099";
+    var TAGGED_VERSION = "0.7.6";
+    var CURRENT_SHA = "d17a7f2fb96b0add1ebf115f18abea8875108342";
     var DEFAULT_PROTOCOL = (function() {
       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;
@@ -13378,7 +13384,7 @@ var __webpack_modules__ = {
       var _usePlayerData = (0, _hooks_usePlayerData_tsx__WEBPACK_IMPORTED_MODULE_2__.$)(), embedOptions = _usePlayerData.embedOptions, mediaData = _usePlayerData.mediaData;
       var aspect = embedOptions.aspect, bigPlayButton = embedOptions.bigPlayButton, bpbTime = embedOptions.bpbTime, bigPlayButtonBorderRadius = embedOptions.bigPlayButtonBorderRadius, contrastIcons = embedOptions.contrastIcons, controlBarBorderRadius = embedOptions.controlBarBorderRadius, controlsVisibleOnLoad = embedOptions.controlsVisibleOnLoad, floatingControlBar = embedOptions.floatingControlBar, noMixBlendMode = embedOptions.noMixBlendMode, opaqueControls = embedOptions.opaqueControls, playButton = embedOptions.playButton, playerBorderRadius = embedOptions.playerBorderRadius, playerColor = embedOptions.playerColor, playerColorGradient = embedOptions.playerColorGradient, playerLanguage = embedOptions.playerLanguage, roundedPlayer = embedOptions.roundedPlayer, thumbnailAltText = embedOptions.thumbnailAltText, transparentLetterbox = embedOptions.transparentLetterbox;
       var aspectRatio = mediaData.aspectRatio, assets = mediaData.assets, duration = mediaData.duration, mediaType = mediaData.mediaType, name = mediaData.name;
-      var height = playerWidth / ((_ref2 = aspect !== null && aspect !== void 0 ? aspect : aspectRatio) !== null && _ref2 !== void 0 ? _ref2 : _utilities_constants_ts__WEBPACK_IMPORTED_MODULE_3__.R);
+      var height = playerWidth / ((_ref2 = aspect !== null && aspect !== void 0 ? aspect : aspectRatio) !== null && _ref2 !== void 0 ? _ref2 : _utilities_constants_ts__WEBPACK_IMPORTED_MODULE_3__.R7);
       var scale = Math.min(MAX_SCALE, Math.max(MIN_SCALE, (0, _utilities_fit_control_js__WEBPACK_IMPORTED_MODULE_8__.wt)(playerWidth, [DEFAULT_LOWER_CUTOFF_WIDTH, DEFAULT_UPPER_CUTOFF_WIDTH])));
       var calculatedControlsVisibleOnLoad = controlsVisibleOnLoad && playerType === "vulcan-v2";
       var defaultControlBarDistance = (0, _utilities_roundedPlayerDefaults_ts__WEBPACK_IMPORTED_MODULE_9__.Ru)({
@@ -13386,7 +13392,7 @@ var __webpack_modules__ = {
         floatingControlBar,
         roundedPlayer
       });
-      var calculatedControlBarDistance = calculatedControlsVisibleOnLoad ? (_utilities_constants_ts__WEBPACK_IMPORTED_MODULE_3__.E / 2 + defaultControlBarDistance) * scale : defaultControlBarDistance * scale;
+      var calculatedControlBarDistance = calculatedControlsVisibleOnLoad ? (_utilities_constants_ts__WEBPACK_IMPORTED_MODULE_3__.EA / 2 + defaultControlBarDistance) * scale : defaultControlBarDistance * scale;
       var calculatedBigPlayButtonBorderRadius = (0, _utilities_roundedPlayerDefaults_ts__WEBPACK_IMPORTED_MODULE_9__.gl)({
         bigPlayButtonBorderRadius,
         roundedPlayer
@@ -13947,7 +13953,7 @@ function _assertClassBrand(e, t, n) {
   throw new TypeError("Private element is not present on this object");
 }
 var requiredAttributes = ["media-id"];
-var optionalPublicAttributes = ["aspect", "audio-description-control", "autoplay", "big-play-button", "branding", "contrast-icons", "controls-visible-on-load", "copy-link-and-thumbnail", "current-time", "do-not-track", "email", "end-video-behavior", "fit-strategy", "fullscreen-control", "language", "muted", "opaque-controls", "playback-rate-control", "play-bar-control", "player-color", "playlist-links", "playlist-loop", "play-pause-control", "play-pause-notifier", "popover-animate-thumbnail", "popover-animation", "popover-border-color", "popover-border-radius", "popover-border-width", "popover-box-shadow", "popover-caption", "popover-caption-container", "popover-content", "popover-disable-autoplay", "popover-overlay-color", "popover-overlay-opacity", "popover-prevent-scroll", "popover-show-on-load", "poster", "preload", "quality-control", "quality-max", "quality-min", "resumable", "rounded-player", "seo", "settings-control", "silent-autoplay", "transparent-letterbox", "video-quality", "volume", "volume-control", "wistia-popover"];
+var optionalPublicAttributes = ["aspect", "audio-description-control", "autoplay", "big-play-button", "branding", "contrast-icons", "controls-visible-on-load", "copy-link-and-thumbnail", "current-time", "do-not-track", "email", "end-video-behavior", "fit-strategy", "fullscreen-control", "language", "muted", "opaque-controls", "playback-rate-control", "play-bar-control", "player-color", "playlist-links", "playlist-loop", "play-pause-control", "play-pause-notifier", "popover-animate-thumbnail", "popover-animation", "popover-border-color", "popover-border-radius", "popover-border-width", "popover-box-shadow", "popover-caption", "popover-caption-container", "popover-content", "popover-disable-autoplay", "popover-overlay-color", "popover-overlay-opacity", "popover-prevent-scroll", "popover-show-on-load", "poster", "preload", "quality-control", "quality-max", "quality-min", "resumable", "rounded-player", "rounded-playlist", "seo", "settings-control", "silent-autoplay", "transparent-letterbox", "video-quality", "volume", "volume-control", "wistia-popover"];
 var optionalPrivateAttributes = ["big-play-button-border-radius", "control-bar-border-radius", "embed-host", "hls", "page-url", "player-border-radius", "player-force", "stats-url", "swatch", "unique-id", "use-web-component"];
 var defaultEmbedOptions = {
   audioDescriptionControl: false,
@@ -14127,7 +14133,7 @@ var WistiaPlayer = /* @__PURE__ */ (function(_HTMLElement) {
     key: "aspect",
     get: function get() {
       var _ref, _ref2, _classPrivateFieldGet2, _classPrivateFieldGet3;
-      var fallbackAspect = !Number.isNaN(this.offsetWidth / this.offsetHeight) && Number.isFinite(this.offsetWidth / this.offsetHeight) ? this.offsetWidth / this.offsetHeight : _utilities_constants_ts__WEBPACK_IMPORTED_MODULE_6__.R;
+      var fallbackAspect = !Number.isNaN(this.offsetWidth / this.offsetHeight) && Number.isFinite(this.offsetWidth / this.offsetHeight) ? this.offsetWidth / this.offsetHeight : _utilities_constants_ts__WEBPACK_IMPORTED_MODULE_6__.R7;
       return (_ref = (_ref2 = (_classPrivateFieldGet2 = (_classPrivateFieldGet3 = _classPrivateFieldGet(_impl, this)) === null || _classPrivateFieldGet3 === void 0 ? void 0 : _classPrivateFieldGet3.aspect()) !== null && _classPrivateFieldGet2 !== void 0 ? _classPrivateFieldGet2 : this.embedOptions.aspect) !== null && _ref2 !== void 0 ? _ref2 : _assertClassBrand(_WistiaPlayer_brand, this, _getValueFromAttribute).call(this, "aspect")) !== null && _ref !== void 0 ? _ref : fallbackAspect;
     },
     set: function set(newAspect) {
@@ -16558,7 +16564,7 @@ function _renderEmbedTemplate() {
     playerBorderRadius: this.playerBorderRadius,
     roundedPlayer: this.roundedPlayer
   });
-  (0, preact__WEBPACK_IMPORTED_MODULE_0__.render)((0, preact__WEBPACK_IMPORTED_MODULE_0__.h)(preact__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0, preact__WEBPACK_IMPORTED_MODULE_0__.h)("style", null, ":host {\n              display: flex;\n              position: relative;\n              width: 100%;\n              ".concat(mediaType === "Audio" ? "min-height: 45px;" : "", "\n            }")), _assertClassBrand(_WistiaPlayer_brand, this, _shouldDisplaySwatch).call(this) && (0, preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", {
+  (0, preact__WEBPACK_IMPORTED_MODULE_0__.render)((0, preact__WEBPACK_IMPORTED_MODULE_0__.h)(preact__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0, preact__WEBPACK_IMPORTED_MODULE_0__.h)("style", null, ":host {\n              display: flex;\n              position: relative;\n              width: 100%;\n              ".concat(mediaType === "Audio" ? "height: ".concat(_utilities_constants_ts__WEBPACK_IMPORTED_MODULE_6__.Lc, "px; min-height: 45px;") : "", "\n            }")), _assertClassBrand(_WistiaPlayer_brand, this, _shouldDisplaySwatch).call(this) && (0, preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", {
     style: {
       height: swatchHeight,
       left: 0,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wistia/wistia-player-react",
-  "version": "0.7.5",
+  "version": "0.7.6",
   "packageManager": "yarn@4.13.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.5"
+    "@wistia/wistia-player": "0.7.6"
   },
   "peerDependencies": {
     "react": ">=18.0.0 <20.0.0",