@wistia/wistia-player 0.0.82 → 0.0.83

package/dist/types/embeds/media/players/vulcanV2Player/shared/ui_components/BigPlayButton.d.ts

@@ -2,6 +2,7 @@ import { JSX, Ref } from 'preact';
 export declare const BASE_BUTTON_WIDTH = 125;
 export declare const BASE_BUTTON_HEIGHT = 80;
 interface BigPlayButtonProps {
+    backgroundGradientCss?: string;
     baseHeight?: number;
     baseWidth?: number;
     borderRadius: number;
@@ -23,8 +24,10 @@ interface BigPlayButtonProps {
     scale: number;
     showBpbTime: boolean;
     topNudgeFraction?: number;
+    videoHeight: number;
     videoName: string;
+    videoWidth: number;
 }
-export declare const BigPlayButton: ({ baseHeight, baseWidth, borderRadius, buttonTabIndex, color, controlBarDistance, duration, elemRef, hasNewRoundedIcons, isLiveMedia, isLoading, isVisible, leftNudgeFraction, noMixBlendMode, onClick, playerLanguage, scale, showBpbTime, topNudgeFraction, videoName, }: BigPlayButtonProps) => JSX.Element;
+export declare const BigPlayButton: ({ backgroundGradientCss, baseHeight, baseWidth, borderRadius, buttonTabIndex, color, controlBarDistance, duration, elemRef, hasNewRoundedIcons, isLiveMedia, isLoading, isVisible, leftNudgeFraction, noMixBlendMode, onClick, playerLanguage, scale, showBpbTime, topNudgeFraction, videoName, videoWidth, videoHeight, }: BigPlayButtonProps) => JSX.Element;
 export {};
 //# sourceMappingURL=BigPlayButton.d.ts.map

package/dist/types/embeds/media/players/vulcanV2Player/shared/ui_components/BigPlayButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BigPlayButton.d.ts","sourceRoot":"","sources":["../../../../../../../../../../src/embeds/media/players/vulcanV2Player/shared/ui_components/BigPlayButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAK,GAAG,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAarC,eAAO,MAAM,iBAAiB,MAAM,CAAC;AACrC,eAAO,MAAM,kBAAkB,KAAK,CAAC;AAQrC,UAAU,kBAAkB;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC9B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,cAAc,EAAE;QACd,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;IACF,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,OAAO,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,aAAa,+QAqBvB,kBAAkB,KAAG,GAAG,CAAC,OAyH3B,CAAC"}
+{"version":3,"file":"BigPlayButton.d.ts","sourceRoot":"","sources":["../../../../../../../../../../src/embeds/media/players/vulcanV2Player/shared/ui_components/BigPlayButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAK,GAAG,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAarC,eAAO,MAAM,iBAAiB,MAAM,CAAC;AACrC,eAAO,MAAM,kBAAkB,KAAK,CAAC;AAQrC,UAAU,kBAAkB;IAC1B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC9B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,cAAc,EAAE;QACd,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;IACF,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,OAAO,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,aAAa,+TAwBvB,kBAAkB,KAAG,GAAG,CAAC,OAwI3B,CAAC"}

package/dist/types/embeds/wistiaPlayer/components/PreloadThumbnail.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PreloadThumbnail.d.ts","sourceRoot":"","sources":["../../../../../../../src/embeds/wistiaPlayer/components/PreloadThumbnail.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAe,GAAG,EAAE,MAAM,QAAQ,CAAC;AAE1C,OAAO,KAAK,EAAY,OAAO,EAAE,MAAM,oCAAoC,CAAC;AAmB5E,UAAU,qBAAqB;IAC7B,aAAa,EAAE,OAAO,CAAC;IACvB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,gBAAgB,yDAK1B,qBAAqB,KAAG,GAAG,CAAC,OA6H9B,CAAC"}
+{"version":3,"file":"PreloadThumbnail.d.ts","sourceRoot":"","sources":["../../../../../../../src/embeds/wistiaPlayer/components/PreloadThumbnail.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAe,GAAG,EAAE,MAAM,QAAQ,CAAC;AAE1C,OAAO,KAAK,EAAY,OAAO,EAAE,MAAM,oCAAoC,CAAC;AAmB5E,UAAU,qBAAqB;IAC7B,aAAa,EAAE,OAAO,CAAC;IACvB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,gBAAgB,yDAK1B,qBAAqB,KAAG,GAAG,CAAC,OA+H9B,CAAC"}

package/dist/wistia-player.js

@@ -95,6 +95,11 @@ __webpack_unused_export__ = hasKey;
 /* harmony import */ var _utilities_detect_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(7231);
 /* harmony import */ var _utilities_duration_ts__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(1341);
 /* harmony import */ var _utilities_interFontFamily_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(8213);
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
@@ -119,7 +124,8 @@ var BASE_LINE_HEIGHT = 30;
 var ALPHA_MIX_BLEND_MODE = 0.7;
 var ALPHA_NO_MIX_BLEND_MODE = 0.85;
 var BigPlayButton = function BigPlayButton(_ref) {
-  var _ref$baseHeight = _ref.baseHeight,
+  var backgroundGradientCss = _ref.backgroundGradientCss,
+    _ref$baseHeight = _ref.baseHeight,
     baseHeight = _ref$baseHeight === void 0 ? BASE_BUTTON_HEIGHT : _ref$baseHeight,
     _ref$baseWidth = _ref.baseWidth,
     baseWidth = _ref$baseWidth === void 0 ? BASE_BUTTON_WIDTH : _ref$baseWidth,
@@ -146,7 +152,9 @@ var BigPlayButton = function BigPlayButton(_ref) {
     showBpbTime = _ref.showBpbTime,
     _ref$topNudgeFraction = _ref.topNudgeFraction,
     topNudgeFraction = _ref$topNudgeFraction === void 0 ? 0 : _ref$topNudgeFraction,
-    videoName = _ref.videoName;
+    videoName = _ref.videoName,
+    videoWidth = _ref.videoWidth,
+    videoHeight = _ref.videoHeight;
   var _useState = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_1__/* .useState */ .J0)(false),
     _useState2 = _slicedToArray(_useState, 2),
     isFocused = _useState2[0],
@@ -195,15 +203,27 @@ var BigPlayButton = function BigPlayButton(_ref) {
   if (isFocused) {
     overlayColor.lighten('15%');
   }
-  var overlayStyle = {
-    backgroundColor: overlayColor.toRgba(),
+  var gradientStyles = function gradientStyles() {
+    var shouldUseGradient = backgroundGradientCss != null;
+    if (!shouldUseGradient) {
+      return {};
+    }
+    return {
+      background: backgroundGradientCss,
+      backgroundSize: "".concat(videoWidth, "px ").concat(videoHeight, "px"),
+      backgroundPositionX: 'center'
+    };
+  };
+  var overlayStyle = _objectSpread(_objectSpread({
+    backgroundColor: overlayColor.toRgba()
+  }, gradientStyles()), {}, {
     height: "".concat(scaledHeight, "px"),
     left: 0,
     position: 'absolute',
     top: 0,
     transition: 'background-color 150ms',
     width: "".concat(scaledWidth, "px")
-  };
+  });
   var shouldDisplayDuration = showBpbTime && !isLiveMedia;
   var timeStyle = {
     background: 'rgba(0,0,0,.4)',
@@ -938,7 +958,9 @@ var PreloadThumbnail = function PreloadThumbnail(_ref) {
     playerLanguage: calculatedPlayerLanguage,
     scale: scale,
     showBpbTime: shouldShowBpbTime,
-    videoName: name !== null && name !== void 0 ? name : ''
+    videoName: name !== null && name !== void 0 ? name : '',
+    videoWidth: playerWidth,
+    videoHeight: height
   }));
 };
 
@@ -9986,7 +10008,7 @@ 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.0.82" || 0;
+var TAGGED_VERSION = "0.0.83" || 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;
@@ -13167,8 +13189,8 @@ var parseUrl = Url.parse;
 
 // This is an adaptation on top of bindify that is intended to provide both
 // legacy functionality (returning `this` instead of an "unbind" function) and
-// and "specialBind" functionality, which is what we use for special
-// "composite" bindings like "crosstime" and "betweentimes".
+// and functionality for "crosstime" and "betweentimes", which are
+// "composite" bindings that do not have normal event signatures, as they take additional arguments.
 //
 // If you're setting up on/off/trigger for any new things, you should use
 // bindify directly instead.
@@ -13176,10 +13198,12 @@ var parseUrl = Url.parse;
 if (!_wistia_namespace_ts__WEBPACK_IMPORTED_MODULE_1__/* .Wistia */ .s.bindable) {
   _wistia_namespace_ts__WEBPACK_IMPORTED_MODULE_1__/* .Wistia */ .s.bindable = {
     bind: function bind(event, callback) {
-      if (this.specialBind && this.specialBind.apply(this, arguments) === true) {
-        // Allow the object to define a `specialBind` method which, if it
-        // should perform an operation different from the standard `bind`, it
-        // does that and returns true.
+      if (event === 'crosstime' && this.crossTime) {
+        this.crossTime.addBinding(arguments[1], arguments[2]);
+        return this;
+      }
+      if (event === 'betweentimes' && this.betweenTimes) {
+        this.betweenTimes.addBinding(arguments[1], arguments[2], arguments[3]);
         return this;
       }
       if (callback) {
@@ -13192,10 +13216,20 @@ if (!_wistia_namespace_ts__WEBPACK_IMPORTED_MODULE_1__/* .Wistia */ .s.bindable)
     },
     // unbind the matching callback and event for this video
     unbind: function unbind(event, callback) {
-      if (this.specialUnbind && this.specialUnbind.apply(this, arguments) === true) {
-        // Allow the object to define a `specialUnbind` method which, if it
-        // should perform an operation different from the standard `bind`, it
-        // does that and returns true.
+      if (event === 'crosstime' && this.crossTime) {
+        if (!callback) {
+          this.crossTime.removeAllBindings();
+        } else {
+          this.crossTime.removeBinding(arguments[1], arguments[2]);
+        }
+        return this;
+      }
+      if (event === 'betweentimes' && this.betweenTimes) {
+        if (!callback) {
+          this.betweenTimes.removeAllBindings();
+        } else {
+          this.betweenTimes.removeBinding(arguments[1], arguments[2], arguments[3]);
+        }
         return this;
       }
       if (callback) {
@@ -13213,22 +13247,24 @@ if (!_wistia_namespace_ts__WEBPACK_IMPORTED_MODULE_1__/* .Wistia */ .s.bindable)
       return this;
     },
     on: function on(event, fn) {
-      var specialBindResult = this.specialBind && this.specialBind.apply(this, arguments);
-      if (typeof specialBindResult === 'function') {
-        // Allow the object to define a `specialBind` method which, if it
-        // should perform an operation different from the standard `bind`, it
-        // does that and returns an unbind function.
-        return specialBindResult;
+      if (event === 'crosstime' && this.crossTime) {
+        this.crossTime.addBinding(arguments[1], arguments[2]);
+        return this;
+      }
+      if (event === 'betweentimes' && this.betweenTimes) {
+        this.betweenTimes.addBinding(arguments[1], arguments[2], arguments[3]);
+        return this;
       }
       return utilities_bindify_js__WEBPACK_IMPORTED_MODULE_0__/* .bind */ .oI.call(this, event, fn);
     },
     off: function off(event, fn) {
-      var specialUnbindResult = this.specialUnbind && this.specialUnbind.apply(this, arguments);
-      if (typeof specialUnbindResult === 'function') {
-        // Allow the object to define a `specialUnbind` method which, if it
-        // should perform an operation different from the standard `Unbind`, it
-        // does that and returns an unUnbind function.
-        return specialUnbindResult;
+      if (event === 'crosstime' && this.crossTime) {
+        this.crossTime.removeBinding(arguments[1], arguments[2]);
+        return this;
+      }
+      if (event === 'betweentimes' && this.betweenTimes) {
+        this.betweenTimes.removeBinding(arguments[1], arguments[2], arguments[3]);
+        return this;
       }
       return utilities_bindify_js__WEBPACK_IMPORTED_MODULE_0__/* .unbind */ .Nw.call(this, event, fn);
     },