@wistia/wistia-player 0.3.14 → 0.3.15

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

@@ -11,6 +11,7 @@ interface BigPlayButtonProps {
     controlBarDistance?: number;
     duration: number;
     elemRef?: Ref<HTMLDivElement>;
+    hasContrastIcons: boolean;
     isLiveMedia: boolean;
     isLoading?: boolean;
     isOpaque?: boolean;
@@ -27,6 +28,6 @@ interface BigPlayButtonProps {
     videoName: string;
     videoWidth: number;
 }
-export declare const BigPlayButton: ({ backgroundGradientCss, baseHeight, baseWidth, borderRadius, buttonTabIndex, color, controlBarDistance, duration, elemRef, isLiveMedia, isLoading, isOpaque, isVisible, leftNudgeFraction, noMixBlendMode, onClick, playerLanguage, scale, showBpbTime, topNudgeFraction, videoName, videoWidth, }: BigPlayButtonProps) => JSX.Element;
+export declare const BigPlayButton: ({ backgroundGradientCss, baseHeight, baseWidth, borderRadius, buttonTabIndex, color, controlBarDistance, duration, elemRef, hasContrastIcons, isLiveMedia, isLoading, isOpaque, isVisible, leftNudgeFraction, noMixBlendMode, onClick, playerLanguage, scale, showBpbTime, topNudgeFraction, videoName, videoWidth, }: 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;AAYrC,eAAO,MAAM,iBAAiB,MAAM,CAAC;AACrC,eAAO,MAAM,kBAAkB,KAAK,CAAC;AAQrC,UAAU,kBAAkB;IAC1B,qBAAqB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtC,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,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,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;IAClB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,aAAa,GAAI,qSAuB3B,kBAAkB,KAAG,GAAG,CAAC,OA4H3B,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;AAgBrC,eAAO,MAAM,iBAAiB,MAAM,CAAC;AACrC,eAAO,MAAM,kBAAkB,KAAK,CAAC;AAQrC,UAAU,kBAAkB;IAC1B,qBAAqB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtC,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,gBAAgB,EAAE,OAAO,CAAC;IAC1B,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,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;IAClB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,aAAa,GAAI,uTAwB3B,kBAAkB,KAAG,GAAG,CAAC,OA2I3B,CAAC"}

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

@@ -2,9 +2,10 @@ import { JSX } from 'preact';
 interface BigPlayButtonSVGProps {
     height: number;
     isLoading?: boolean;
+    overrideFillColor?: string;
     scale: number;
     width: number;
 }
-export declare const BigPlayButtonSVG: ({ width, height, scale, isLoading, }: BigPlayButtonSVGProps) => JSX.Element;
+export declare const BigPlayButtonSVG: ({ width, height, scale, isLoading, overrideFillColor, }: BigPlayButtonSVGProps) => JSX.Element;
 export {};
 //# sourceMappingURL=BigPlayButtonSVG.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"BigPlayButtonSVG.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../src/embeds/media/players/vulcanV2Player/shared/ui_components/svgs/BigPlayButtonSVG.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAK,GAAG,EAAsB,MAAM,QAAQ,CAAC;AAIpD,UAAU,qBAAqB;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAOD,eAAO,MAAM,gBAAgB,GAAI,sCAK9B,qBAAqB,KAAG,GAAG,CAAC,OA8B9B,CAAC"}
+{"version":3,"file":"BigPlayButtonSVG.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../src/embeds/media/players/vulcanV2Player/shared/ui_components/svgs/BigPlayButtonSVG.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAK,GAAG,EAAsB,MAAM,QAAQ,CAAC;AAIpD,UAAU,qBAAqB;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAOD,eAAO,MAAM,gBAAgB,GAAI,yDAM9B,qBAAqB,KAAG,GAAG,CAAC,OA8B9B,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,EAAK,GAAG,EAAE,MAAM,QAAQ,CAAC;AAEhC,OAAO,KAAK,EAAkB,OAAO,EAAE,MAAM,oCAAoC,CAAC;AAsBlF,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,GAAI,sDAK9B,qBAAqB,KAAG,GAAG,CAAC,OAsJ9B,CAAC"}
+{"version":3,"file":"PreloadThumbnail.d.ts","sourceRoot":"","sources":["../../../../../../../src/embeds/wistiaPlayer/components/PreloadThumbnail.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAK,GAAG,EAAE,MAAM,QAAQ,CAAC;AAEhC,OAAO,KAAK,EAAkB,OAAO,EAAE,MAAM,oCAAoC,CAAC;AAsBlF,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,GAAI,sDAK9B,qBAAqB,KAAG,GAAG,CAAC,OAuJ9B,CAAC"}

package/dist/wistia-player.js

@@ -1619,9 +1619,10 @@ var isMediaDataError = function isMediaDataError(mediaData) {
 /* harmony export */   K6: () => (/* binding */ rgbToHsl),
 /* harmony export */   bJ: () => (/* binding */ getContrast),
 /* harmony export */   hu: () => (/* binding */ getVideoPlayerIconColor),
-/* harmony export */   s1: () => (/* binding */ colorContrastRatiosByShape)
+/* harmony export */   s1: () => (/* binding */ colorContrastRatiosByShape),
+/* harmony export */   ui: () => (/* binding */ adjustColorForProperContrast)
 /* harmony export */ });
-/* unused harmony exports adjustColorForProperContrast, generateColorPalette, getBestColorForShape, getHexWithoutHash, getAudioPlayerIconColor */
+/* unused harmony exports generateColorPalette, getBestColorForShape, getHexWithoutHash, getAudioPlayerIconColor */
 /* harmony import */ var _wistia_type_guards__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9814);
 /* harmony import */ var _color_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(5417);
 /* harmony import */ var _sentryUtils_ts__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(2621);
@@ -7007,8 +7008,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.3.14" || 0;
-var CURRENT_SHA = (/* unused pure expression or super */ null && ("03befd331b03a6a35b633c52b9a47c8bfc186e5d" || 0));
+var TAGGED_VERSION = "0.3.15" || 0;
+var CURRENT_SHA = (/* unused pure expression or super */ null && ("23f6ae034940d3d8652b757a538a6bfb3edd762f" || 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;
@@ -7926,6 +7927,7 @@ var wlog = new Logger(_wistia_namespace_ts__WEBPACK_IMPORTED_MODULE_1__/* .Wisti
 /* harmony import */ var _utilities_detect_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(7231);
 /* harmony import */ var _utilities_duration_ts__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(1341);
 /* harmony import */ var _utilities_interFontFamily_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(8213);
+/* harmony import */ var _utilities_color_utils_ts__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(998);
 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; }
@@ -7946,6 +7948,7 @@ function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 
 
 
+
 var detect = (0,_utilities_detect_js__WEBPACK_IMPORTED_MODULE_6__/* .cachedDetect */ .o1)();
 var BASE_BUTTON_WIDTH = 125;
 var BASE_BUTTON_HEIGHT = 80;
@@ -7966,6 +7969,7 @@ var BigPlayButton = function BigPlayButton(_ref) {
     controlBarDistance = _ref$controlBarDistan === void 0 ? 0 : _ref$controlBarDistan,
     duration = _ref.duration,
     elemRef = _ref.elemRef,
+    hasContrastIcons = _ref.hasContrastIcons,
     isLiveMedia = _ref.isLiveMedia,
     _ref$isLoading = _ref.isLoading,
     isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading,
@@ -8007,14 +8011,6 @@ var BigPlayButton = function BigPlayButton(_ref) {
     top: "calc(50% + ".concat((topNudgeFraction || 0) * 100, "% - ").concat(controlBarDistance, "px)"),
     boxShadow: isOpaque ? '0 3px 5px rgba(0,0,0,0.3)' : undefined
   };
-  var buttonStyle = {
-    backgroundColor: 'transparent',
-    border: 0,
-    cursor: 'pointer',
-    height: "".concat(scaledHeight, "px"),
-    boxShadow: 'none',
-    width: "".concat(scaledWidth, "px")
-  };
   var shouldMixBlendMode = !detect.edge && !noMixBlendMode;
   var blendColor = new _utilities_color_js__WEBPACK_IMPORTED_MODULE_4__/* .Color */ .Q1(color !== null && color !== void 0 ? color : '#000').alpha(1);
   var blendStyle = {
@@ -8027,20 +8023,26 @@ var BigPlayButton = function BigPlayButton(_ref) {
     top: 0,
     width: "".concat(scaledWidth, "px")
   };
-  var overlayColor = new _utilities_color_js__WEBPACK_IMPORTED_MODULE_4__/* .Color */ .Q1(color !== null && color !== void 0 ? color : '#000');
-  var overlayAlphaValue = shouldMixBlendMode ? ALPHA_MIX_BLEND_MODE : ALPHA_NO_MIX_BLEND_MODE;
-  overlayColor.alpha(isOpaque ? 1 : overlayAlphaValue);
-  if (isFocused) {
-    overlayColor.lighten('15%');
-  }
   var shouldUseGradient = backgroundGradientCss != null;
+  var playerColorObj = new _utilities_color_js__WEBPACK_IMPORTED_MODULE_4__/* .Color */ .Q1(color !== null && color !== void 0 ? color : '#000000');
+  var hoverButtonColor = (0,_utilities_color_utils_ts__WEBPACK_IMPORTED_MODULE_9__/* .adjustColorForProperContrast */ .ui)(playerColorObj, playerColorObj, 'nonText');
+  var overlayColor = isFocused ? hoverButtonColor : playerColorObj;
+  var overlayAlphaValue = shouldMixBlendMode ? ALPHA_MIX_BLEND_MODE : ALPHA_NO_MIX_BLEND_MODE;
+  var overlayColorObj = new _utilities_color_js__WEBPACK_IMPORTED_MODULE_4__/* .Color */ .Q1(overlayColor);
+  var playerIconColor = (0,_utilities_color_utils_ts__WEBPACK_IMPORTED_MODULE_9__/* .getVideoPlayerIconColor */ .hu)(playerColorObj, hasContrastIcons, shouldUseGradient);
+  var hoverIconColor = hasContrastIcons ? (0,_utilities_color_utils_ts__WEBPACK_IMPORTED_MODULE_9__/* .adjustColorForProperContrast */ .ui)(playerIconColor, hoverButtonColor, 'paragraphText') : '#fff';
+  overlayColorObj.alpha(isOpaque ? 1 : overlayAlphaValue);
   var gradientStyles = shouldUseGradient ? {
     background: backgroundGradientCss,
     backgroundSize: "".concat(videoWidth, "px 100%"),
     backgroundPositionX: 'center'
   } : {};
+  if (shouldUseGradient) {
+    hoverIconColor = '#ffffff';
+    hoverButtonColor = 'rgba(0,0,0,0.4)';
+  }
   var overlayStyle = _objectSpread(_objectSpread({
-    backgroundColor: overlayColor.toRgba()
+    backgroundColor: overlayColorObj.toRgba()
   }, gradientStyles), {}, {
     height: "".concat(scaledHeight, "px"),
     left: 0,
@@ -8049,6 +8051,15 @@ var BigPlayButton = function BigPlayButton(_ref) {
     transition: 'background-color 150ms',
     width: "".concat(scaledWidth, "px")
   });
+  var buttonStyle = {
+    backgroundColor: 'transparent',
+    border: 0,
+    color: isFocused ? hoverIconColor : playerIconColor,
+    cursor: 'pointer',
+    height: "".concat(scaledHeight, "px"),
+    boxShadow: 'none',
+    width: "".concat(scaledWidth, "px")
+  };
   var shouldDisplayDuration = showBpbTime && !isLiveMedia;
   var timeStyle = {
     background: 'rgba(0,0,0,.4)',
@@ -8088,7 +8099,8 @@ var BigPlayButton = function BigPlayButton(_ref) {
     width: baseWidth,
     height: baseHeight,
     scale: scale,
-    isLoading: isLoading
+    isLoading: isLoading,
+    overrideFillColor: isFocused ? hoverIconColor : playerIconColor
   })), shouldDisplayDuration ? (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", {
     class: "w-bpb-time",
     style: timeStyle
@@ -10163,7 +10175,8 @@ var BigPlayButtonSVG = function BigPlayButtonSVG(_ref) {
     height = _ref.height,
     scale = _ref.scale,
     _ref$isLoading = _ref.isLoading,
-    isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading;
+    isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading,
+    overrideFillColor = _ref.overrideFillColor;
   var scaledHeight = height * scale;
   var svgAttrs = (0,_utilities_svg_boilerplate_ts__WEBPACK_IMPORTED_MODULE_2__/* .standardSvgAttrs */ .I)({
     width: width,
@@ -10171,7 +10184,7 @@ var BigPlayButtonSVG = function BigPlayButtonSVG(_ref) {
     styleOverride: {
       position: 'absolute',
       height: "".concat(scaledHeight, "px"),
-      color: 'var(--wistia-player-icon-color, #fff)'
+      color: overrideFillColor
     },
     ariaHidden: true
   });
@@ -14639,6 +14652,7 @@ var PreloadThumbnail = function PreloadThumbnail(_ref) {
       color: playerColorOrGradientColor,
       controlBarDistance: calculatedControlBarDistance,
       duration: duration !== null && duration !== void 0 ? duration : 0,
+      hasContrastIcons: contrastIcons !== null && contrastIcons !== void 0 ? contrastIcons : false,
       isLiveMedia: mediaType === 'LiveStream',
       isLoading: isLoading,
       isOpaque: opaqueControls,
@@ -17294,7 +17308,7 @@ var WistiaPlayer = /*#__PURE__*/function (_HTMLElement) {
       var _getRemapTime = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee10() {
         var _classPrivateFieldGet96,
           _this7 = this;
-        var _t, _t2, _t3, _t4;
+        var _t, _t2, _t3;
         return _regenerator().w(function (_context10) {
           while (1) switch (_context10.n) {
             case 0:
@@ -17339,8 +17353,7 @@ var WistiaPlayer = /*#__PURE__*/function (_HTMLElement) {
                 };
               });
             case 4:
-              _t4 = _context10.v;
-              _t(_t2, _t3, _t4);
+              _t(_t2, _t3, _context10.v);
             case 5:
               return _context10.a(2, _classPrivateFieldGet(_cachedRemapTime, this));
           }