@wistia/wistia-player 0.3.0 → 0.3.1

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,EAAE,MAAM,QAAQ,CAAC;AAIhC,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,OA0B9B,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,EAAE,MAAM,QAAQ,CAAC;AAIhC,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"}

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,EAAkB,OAAO,EAAE,MAAM,oCAAoC,CAAC;AAqBlF,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,OA0I9B,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,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,OAkJ9B,CAAC"}

package/dist/types/utilities/color-utils.d.ts

@@ -37,4 +37,6 @@ export declare const generateColorPalette: (colors: Color[] | string[]) => Color
  */
 export declare const getBestColorForShape: (colors: Color[] | string[], backgroundColor: Color | string, colorsToExclude?: Color[] | string[], shape?: keyof typeof colorContrastRatiosByShape) => string;
 export declare const getHexWithoutHash: (hex?: string) => string;
+export declare const getVideoPlayerIconColor: (_playerColor: Color | string, isGradientEnabled: boolean) => string;
+export declare const getAudioPlayerIconColor: (_playerColor: Color | string, isGradientEnabled: boolean) => string;
 //# sourceMappingURL=color-utils.d.ts.map

package/dist/types/utilities/color-utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"color-utils.d.ts","sourceRoot":"","sources":["../../../../../src/utilities/color-utils.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAInC,eAAO,MAAM,0BAA0B;;;;;;CAStC,CAAC;AAEF,eAAO,MAAM,QAAQ,GACnB,OAAO,KAAK,GAAG,MAAM,EAAE,GAAG,MAAM,KAC/B;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAC;IAAC,UAAU,EAAE,MAAM,CAAA;CAoDtD,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,YAAY,KAAK,GAAG,MAAM,EAAE,YAAY,KAAK,GAAG,MAAM,KAAG,MASpF,CAAC;AAEF,eAAO,MAAM,4BAA4B,GACvC,YAAY,KAAK,GAAG,MAAM,EAC1B,YAAY,KAAK,GAAG,MAAM,EAC1B,QAAO,MAAM,OAAO,0BAA4C,KAC/D,MAsFF,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,oBAAoB,GAAI,QAAQ,KAAK,EAAE,GAAG,MAAM,EAAE,KAAG,KAAK,EAgBtE,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,oBAAoB,GAC/B,QAAQ,KAAK,EAAE,GAAG,MAAM,EAAE,EAC1B,iBAAiB,KAAK,GAAG,MAAM,EAC/B,kBAAiB,KAAK,EAAE,GAAG,MAAM,EAAO,EACxC,QAAO,MAAM,OAAO,0BAA4C,KAC/D,MAqCF,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,MAAM,MAAM,KAAG,MAUhD,CAAC"}
+{"version":3,"file":"color-utils.d.ts","sourceRoot":"","sources":["../../../../../src/utilities/color-utils.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAInC,eAAO,MAAM,0BAA0B;;;;;;CAStC,CAAC;AAEF,eAAO,MAAM,QAAQ,GACnB,OAAO,KAAK,GAAG,MAAM,EAAE,GAAG,MAAM,KAC/B;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAC;IAAC,UAAU,EAAE,MAAM,CAAA;CAoDtD,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,YAAY,KAAK,GAAG,MAAM,EAAE,YAAY,KAAK,GAAG,MAAM,KAAG,MASpF,CAAC;AAEF,eAAO,MAAM,4BAA4B,GACvC,YAAY,KAAK,GAAG,MAAM,EAC1B,YAAY,KAAK,GAAG,MAAM,EAC1B,QAAO,MAAM,OAAO,0BAA4C,KAC/D,MAsFF,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,oBAAoB,GAAI,QAAQ,KAAK,EAAE,GAAG,MAAM,EAAE,KAAG,KAAK,EAgBtE,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,oBAAoB,GAC/B,QAAQ,KAAK,EAAE,GAAG,MAAM,EAAE,EAC1B,iBAAiB,KAAK,GAAG,MAAM,EAC/B,kBAAiB,KAAK,EAAE,GAAG,MAAM,EAAO,EACxC,QAAO,MAAM,OAAO,0BAA4C,KAC/D,MAqCF,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,MAAM,MAAM,KAAG,MAUhD,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAClC,cAAc,KAAK,GAAG,MAAM,EAC5B,mBAAmB,OAAO,KACzB,MAgBF,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAClC,cAAc,KAAK,GAAG,MAAM,EAC5B,mBAAmB,OAAO,KACzB,MAgBF,CAAC"}

package/dist/wistia-player.js

@@ -1607,9 +1607,10 @@ var isMediaDataError = function isMediaDataError(mediaData) {
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   K6: () => (/* binding */ rgbToHsl),
 /* harmony export */   bJ: () => (/* binding */ getContrast),
+/* harmony export */   hu: () => (/* binding */ getVideoPlayerIconColor),
 /* harmony export */   s1: () => (/* binding */ colorContrastRatiosByShape)
 /* harmony export */ });
-/* unused harmony exports adjustColorForProperContrast, generateColorPalette, getBestColorForShape, getHexWithoutHash */
+/* unused harmony exports adjustColorForProperContrast, 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);
@@ -1703,12 +1704,12 @@ var getContrast = function getContrast(foreground, background) {
 };
 var adjustColorForProperContrast = function adjustColorForProperContrast(foreground, background) {
   var shape = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'paragraphText';
-  var foregroundColor = new Color(foreground);
-  var backgroundColor = new Color(background);
+  var foregroundColor = new _color_js__WEBPACK_IMPORTED_MODULE_1__/* .Color */ .Q1(foreground);
+  var backgroundColor = new _color_js__WEBPACK_IMPORTED_MODULE_1__/* .Color */ .Q1(background);
 
   // This shouldn't be a valid scenario, but since the Color class isn't converted to TS yet
   // the r, g, and b properties could theoretically be optional
-  if (isNil(foregroundColor.r) || isNil(foregroundColor.g) || isNil(foregroundColor.b)) {
+  if ((0,_wistia_type_guards__WEBPACK_IMPORTED_MODULE_0__/* .isNil */ .gD)(foregroundColor.r) || (0,_wistia_type_guards__WEBPACK_IMPORTED_MODULE_0__/* .isNil */ .gD)(foregroundColor.g) || (0,_wistia_type_guards__WEBPACK_IMPORTED_MODULE_0__/* .isNil */ .gD)(foregroundColor.b)) {
     throw new Error('Color does not contain required RGB values');
   }
 
@@ -1719,8 +1720,8 @@ var adjustColorForProperContrast = function adjustColorForProperContrast(foregro
   }
   var _rgbToHsl = rgbToHsl([foregroundColor.r, foregroundColor.g, foregroundColor.b]),
     foregroundColorLightness = _rgbToHsl.lightness;
-  var slightlyLighterForegroundColor = new Color(foregroundColor).lighten(1);
-  var slightlyDarkerForegroundColor = new Color(foregroundColor).darken(1);
+  var slightlyLighterForegroundColor = new _color_js__WEBPACK_IMPORTED_MODULE_1__/* .Color */ .Q1(foregroundColor).lighten(1);
+  var slightlyDarkerForegroundColor = new _color_js__WEBPACK_IMPORTED_MODULE_1__/* .Color */ .Q1(foregroundColor).darken(1);
 
   // Does lightening the foreground color slightly increase the contrast ratio?
   var shouldForegroundColorBeLighter = foregroundColorLightness < 15 || slightlyLighterForegroundColor.getContrastRatio(backgroundColor) > slightlyDarkerForegroundColor.getContrastRatio(backgroundColor);
@@ -1732,7 +1733,7 @@ var adjustColorForProperContrast = function adjustColorForProperContrast(foregro
   if (foregroundColorLightness > 75 && initialContrastRatio === 1) {
     shouldForegroundColorBeLighter = false;
   }
-  var adjustedForegroundColor = new Color(foregroundColor);
+  var adjustedForegroundColor = new _color_js__WEBPACK_IMPORTED_MODULE_1__/* .Color */ .Q1(foregroundColor);
   var i = 0;
   while (!adjustedForegroundColor.hasAccessibleContrast(backgroundColor, shape)) {
     i += 1;
@@ -1740,7 +1741,7 @@ var adjustColorForProperContrast = function adjustColorForProperContrast(foregro
     // If anyone exceeds 1,000 attempts to find a contrasting color, just return the best option we have
     // and log the colors where we couldn't generate sufficient contrast.
     if (i > 1000) {
-      reportError('other', new Error("Exceeded ".concat(i, " attempts to find contrasting color")), {
+      (0,_sentryUtils_ts__WEBPACK_IMPORTED_MODULE_2__/* .reportError */ .N7)('other', new Error("Exceeded ".concat(i, " attempts to find contrasting color")), {
         key: 'adjust-color-for-proper-contrast',
         foregroundColor: foregroundColor.toHexWithHash(),
         backgroundColor: backgroundColor.toHexWithHash()
@@ -1758,7 +1759,7 @@ var adjustColorForProperContrast = function adjustColorForProperContrast(foregro
         return getContrast('#fff', backgroundColor.toHexWithHash()) > getContrast('#000', backgroundColor.toHexWithHash()) ? '#fff' : '#000';
       }
       shouldForegroundColorBeLighter = !shouldForegroundColorBeLighter;
-      adjustedForegroundColor = new Color(foregroundColor);
+      adjustedForegroundColor = new _color_js__WEBPACK_IMPORTED_MODULE_1__/* .Color */ .Q1(foregroundColor);
     }
     if (shouldForegroundColorBeLighter) {
       adjustedForegroundColor.lighten(1);
@@ -1856,6 +1857,34 @@ var getHexWithoutHash = function getHexWithoutHash(hex) {
   }
   return hex;
 };
+var getVideoPlayerIconColor = function getVideoPlayerIconColor(_playerColor, isGradientEnabled) {
+  var _searchParams$get;
+  var playerColor = new _color_js__WEBPACK_IMPORTED_MODULE_1__/* .Color */ .Q1(_playerColor);
+  var _URL = new URL(window.location.toString()),
+    searchParams = _URL.searchParams;
+  var shouldUseAccessiblePlayerIconColor = Boolean((_searchParams$get = searchParams.get('useAccessiblePlayerIconColor')) !== null && _searchParams$get !== void 0 ? _searchParams$get : false);
+  if (isGradientEnabled || !shouldUseAccessiblePlayerIconColor) {
+    return '#ffffff';
+  }
+  if (new _color_js__WEBPACK_IMPORTED_MODULE_1__/* .Color */ .Q1('#fff').getContrastRatio(playerColor) >= colorContrastRatiosByShape.nonText) {
+    return '#ffffff';
+  }
+  return adjustColorForProperContrast(_playerColor, _playerColor, 'nonText');
+};
+var getAudioPlayerIconColor = function getAudioPlayerIconColor(_playerColor, isGradientEnabled) {
+  var _searchParams$get2;
+  var playerColor = new Color(_playerColor);
+  var _URL2 = new URL(window.location.toString()),
+    searchParams = _URL2.searchParams;
+  var shouldUseAccessiblePlayerIconColor = Boolean((_searchParams$get2 = searchParams.get('useAccessiblePlayerIconColor')) !== null && _searchParams$get2 !== void 0 ? _searchParams$get2 : false);
+  if (isGradientEnabled || !shouldUseAccessiblePlayerIconColor) {
+    return '#ffffff';
+  }
+  if (new Color('#fff').getContrastRatio(playerColor) >= colorContrastRatiosByShape.paragraphText) {
+    return '#ffffff';
+  }
+  return adjustColorForProperContrast(_playerColor, _playerColor, 'nonText');
+};
 
 /***/ }),
 
@@ -2659,10 +2688,14 @@ var unescapeHtml = function unescapeHtml(encodedHtmlStr) {
 /***/ 2621:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-/* unused harmony exports initializeSentry, reportError, listenForGlobalErrors, listenForGlobalUnhandledRejections */
-/* harmony import */ var _trackingConsentApi_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(4755);
-/* harmony import */ var _wistia_namespace_ts__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(5509);
-/* harmony import */ var _hosts_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(5857);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   N7: () => (/* binding */ reportError)
+/* harmony export */ });
+/* unused harmony exports initializeSentry, listenForGlobalErrors, listenForGlobalUnhandledRejections */
+/* harmony import */ var _wistia_type_guards__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9814);
+/* harmony import */ var _trackingConsentApi_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(4755);
+/* harmony import */ var _wistia_namespace_ts__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(5509);
+/* harmony import */ var _hosts_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(5857);
 
 
 
@@ -2677,8 +2710,8 @@ var getSampleRatesByProductType = function getSampleRatesByProductType(productTy
   }
   return 1;
 };
-var IS_DEV_ENV = (/* unused pure expression or super */ null && ("production" === 'development'));
-var IS_TEST_ENV = (/* unused pure expression or super */ null && ("production" === 'test'));
+var IS_DEV_ENV = "production" === 'development';
+var IS_TEST_ENV = "production" === 'test';
 var configureSentry = function configureSentry() {
   if (isNil(window.Sentry) || isNil(window.Sentry.BrowserClient) || isNil(window.Sentry.makeFetchTransport) || isNil(window.Sentry.defaultStackParser) || isNil(window.Sentry.Scope)) {
     return;
@@ -2742,7 +2775,7 @@ var initializeSentry = function initializeSentry() {
 };
 var reportError = function reportError(product, error, details) {
   try {
-    if (!Wistia.isSentryInitialized) {
+    if (!_wistia_namespace_ts__WEBPACK_IMPORTED_MODULE_2__/* .Wistia */ .s.isSentryInitialized) {
       return;
     }
     var sampleRate = getSampleRatesByProductType(product);
@@ -2755,7 +2788,7 @@ var reportError = function reportError(product, error, details) {
       return;
     }
     var shouldSendToSentry = false;
-    var cryptoObj = isNil(window.crypto) ? window.msCrypto : window.crypto;
+    var cryptoObj = (0,_wistia_type_guards__WEBPACK_IMPORTED_MODULE_0__/* .isNil */ .gD)(window.crypto) ? window.msCrypto : window.crypto;
     if (cryptoObj !== undefined) {
       var cryptoRandom = cryptoObj.getRandomValues(new Uint32Array(1));
       // eslint-disable-next-line @typescript-eslint/no-magic-numbers
@@ -2769,18 +2802,18 @@ var reportError = function reportError(product, error, details) {
       console.error(error); // eslint-disable-line no-console
       // trackingConsentApi is not yet converted to TS
       // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
-    } else if (isVisitorTrackingEnabled()) {
+    } else if ((0,_trackingConsentApi_js__WEBPACK_IMPORTED_MODULE_1__/* .isVisitorTrackingEnabled */ .D5)()) {
       // The Sentry docs indicate that we can pass context in a few different ways (https://docs.sentry.io/platforms/javascript/enriching-events/context/#passing-context-directly)
       // Those examples do not actually seem to work.
       // Instead, we will clear out the scope each time we report a new exception and manually re-create it.
-      Wistia._sentryScope.clear();
-      Wistia._sentryScope.setTag('pillar', 'publish');
-      Wistia._sentryScope.setTag('product', product);
-      Wistia._sentryScope.setTag('url', window.location.href);
-      if (isNonEmptyRecord(details)) {
-        Wistia._sentryScope.setTags(details);
+      _wistia_namespace_ts__WEBPACK_IMPORTED_MODULE_2__/* .Wistia */ .s._sentryScope.clear();
+      _wistia_namespace_ts__WEBPACK_IMPORTED_MODULE_2__/* .Wistia */ .s._sentryScope.setTag('pillar', 'publish');
+      _wistia_namespace_ts__WEBPACK_IMPORTED_MODULE_2__/* .Wistia */ .s._sentryScope.setTag('product', product);
+      _wistia_namespace_ts__WEBPACK_IMPORTED_MODULE_2__/* .Wistia */ .s._sentryScope.setTag('url', window.location.href);
+      if ((0,_wistia_type_guards__WEBPACK_IMPORTED_MODULE_0__/* .isNonEmptyRecord */ .uu)(details)) {
+        _wistia_namespace_ts__WEBPACK_IMPORTED_MODULE_2__/* .Wistia */ .s._sentryScope.setTags(details);
       }
-      Wistia._sentryScope.captureException(error);
+      _wistia_namespace_ts__WEBPACK_IMPORTED_MODULE_2__/* .Wistia */ .s._sentryScope.captureException(error);
     }
   } catch (err) {
     // We don't want any problems with our error logging to break other things,
@@ -6954,8 +6987,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.0" || 0;
-var CURRENT_SHA = (/* unused pure expression or super */ null && ("c4d7dca7b3e89639a55620c2e329d4e81071fa19" || 0));
+var TAGGED_VERSION = "0.3.1" || 0;
+var CURRENT_SHA = (/* unused pure expression or super */ null && ("7683786110886466e34e471e5847e0270579374d" || 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;
@@ -10111,7 +10144,8 @@ var BigPlayButtonSVG = function BigPlayButtonSVG(_ref) {
     height: height,
     styleOverride: {
       position: 'absolute',
-      height: "".concat(scaledHeight, "px")
+      height: "".concat(scaledHeight, "px"),
+      color: 'var(--wistia-player-icon-color, #fff)'
     },
     ariaHidden: true
   });
@@ -10124,7 +10158,7 @@ var BigPlayButtonSVG = function BigPlayButtonSVG(_ref) {
   }), (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("path", {
     "fill-rule": "evenodd",
     "clip-rule": "evenodd",
-    fill: "#FFFFFF",
+    fill: "currentcolor",
     opacity: isLoading ? LOADING_ALPHA : 1,
     transform: "translate(".concat(iconXOffset, ", ").concat(iconYOffset, ")"),
     d: "M12.138 2.173C10.812 1.254 9 2.203 9 3.817v28.366c0 1.613 1.812 2.563 3.138 1.644l20.487-14.183a2 2 0 0 0 0-3.288L12.138 2.173Z"
@@ -14451,6 +14485,7 @@ var pageLoaded = function pageLoaded(fn) {
 /* harmony import */ var _utilities_roundedPlayerDefaults_ts__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(3123);
 /* harmony import */ var _utilities_gradients_ts__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(4372);
 /* harmony import */ var _types_gradient_ts__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(7350);
+/* harmony import */ var _utilities_color_utils_ts__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(998);
 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; } }
@@ -14471,6 +14506,7 @@ function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 
 
 
+
 var MAX_SCALE = 1.3;
 var MIN_SCALE = 0.3;
 var DEFAULT_LOWER_CUTOFF_WIDTH = 640;
@@ -14544,43 +14580,50 @@ var PreloadThumbnail = function PreloadThumbnail(_ref) {
   var handleClick = function handleClick() {
     setIsLoading(true);
   };
-  return (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)(preact__WEBPACK_IMPORTED_MODULE_0__/* .Fragment */ .FK, null, (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", {
-    class: "w-css-reset",
-    style: {
-      cursor: 'pointer',
-      width: '100%',
+  return (
+    // Provide the icon color for the BigPlayButton
+    (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", {
+      style: {
+        '--wistia-player-icon-color': (0,_utilities_color_utils_ts__WEBPACK_IMPORTED_MODULE_12__/* .getVideoPlayerIconColor */ .hu)(playerColor !== null && playerColor !== void 0 ? playerColor : '#636155', (playerColorGradient === null || playerColorGradient === void 0 ? void 0 : playerColorGradient.on) === true)
+      }
+    }, (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", {
+      class: "w-css-reset",
+      style: {
+        cursor: 'pointer',
+        width: '100%',
+        height: "".concat(height, "px")
+      },
+      onClick: handleClick,
+      tabIndex: shouldShowBigPlayButton ? -1 : 0
+    }, (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)(_shared_ProgressiveThumbnail_jsx__WEBPACK_IMPORTED_MODULE_5__/* .ProgressiveThumbnail */ .E, {
+      backgroundColor: backgroundColor,
+      images: thumbnailAssets,
+      isVisible: true,
+      hashedId: mediaId,
+      playerBorderRadius: calculatedPlayerBorderRadius,
+      swatchEnabled: false,
+      uiHasRendered: false,
+      thumbnailAltText: thumbnailAltText !== null && thumbnailAltText !== void 0 ? thumbnailAltText : '',
       height: "".concat(height, "px")
-    },
-    onClick: handleClick,
-    tabIndex: shouldShowBigPlayButton ? -1 : 0
-  }, (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)(_shared_ProgressiveThumbnail_jsx__WEBPACK_IMPORTED_MODULE_5__/* .ProgressiveThumbnail */ .E, {
-    backgroundColor: backgroundColor,
-    images: thumbnailAssets,
-    isVisible: true,
-    hashedId: mediaId,
-    playerBorderRadius: calculatedPlayerBorderRadius,
-    swatchEnabled: false,
-    uiHasRendered: false,
-    thumbnailAltText: thumbnailAltText !== null && thumbnailAltText !== void 0 ? thumbnailAltText : '',
-    height: "".concat(height, "px")
-  })), shouldShowBigPlayButton && (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)(_media_players_vulcanV2Player_shared_ui_components_BigPlayButton_tsx__WEBPACK_IMPORTED_MODULE_4__/* .BigPlayButton */ .Fn, {
-    borderRadius: calculatedBigPlayButtonBorderRadius,
-    buttonTabIndex: 0,
-    color: playerColorOrGradientColor,
-    controlBarDistance: calculatedControlBarDistance,
-    duration: duration !== null && duration !== void 0 ? duration : 0,
-    isLiveMedia: mediaType === 'LiveStream',
-    isLoading: isLoading,
-    isVisible: true,
-    noMixBlendMode: noMixBlendMode,
-    onClick: handleClick,
-    playerLanguage: calculatedPlayerLanguage,
-    scale: scale,
-    showBpbTime: shouldShowBpbTime,
-    videoName: name !== null && name !== void 0 ? name : '',
-    videoWidth: playerWidth,
-    backgroundGradientCss: backgroundGradientCss
-  }));
+    })), shouldShowBigPlayButton && (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)(_media_players_vulcanV2Player_shared_ui_components_BigPlayButton_tsx__WEBPACK_IMPORTED_MODULE_4__/* .BigPlayButton */ .Fn, {
+      borderRadius: calculatedBigPlayButtonBorderRadius,
+      buttonTabIndex: 0,
+      color: playerColorOrGradientColor,
+      controlBarDistance: calculatedControlBarDistance,
+      duration: duration !== null && duration !== void 0 ? duration : 0,
+      isLiveMedia: mediaType === 'LiveStream',
+      isLoading: isLoading,
+      isVisible: true,
+      noMixBlendMode: noMixBlendMode,
+      onClick: handleClick,
+      playerLanguage: calculatedPlayerLanguage,
+      scale: scale,
+      showBpbTime: shouldShowBpbTime,
+      videoName: name !== null && name !== void 0 ? name : '',
+      videoWidth: playerWidth,
+      backgroundGradientCss: backgroundGradientCss
+    }))
+  );
 };
 
 /***/ }),
@@ -14591,9 +14634,10 @@ var PreloadThumbnail = function PreloadThumbnail(_ref) {
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   gD: () => (/* binding */ isNil),
 /* harmony export */   jw: () => (/* binding */ isEmptyString),
-/* harmony export */   n9: () => (/* binding */ isNotNil)
+/* harmony export */   n9: () => (/* binding */ isNotNil),
+/* harmony export */   uu: () => (/* binding */ isNonEmptyRecord)
 /* harmony export */ });
-/* unused harmony exports hasKey, isArray, isBoolean, isEmptyArray, isEmptyRecord, isError, isFalsy, isFunction, isInteger, isNaN, isNonEmptyArray, isNonEmptyRecord, isNonEmptyString, isNotArray, isNotBoolean, isNotFunction, isNotNull, isNotNumber, isNotRecord, isNotString, isNotUndefined, isNotVoid, isNull, isNumber, isRecord, isString, isTruthy, isUndefined, isVoid */
+/* unused harmony exports hasKey, isArray, isBoolean, isEmptyArray, isEmptyRecord, isError, isFalsy, isFunction, isInteger, isNaN, isNonEmptyArray, isNonEmptyString, isNotArray, isNotBoolean, isNotFunction, isNotNull, isNotNumber, isNotRecord, isNotString, isNotUndefined, isNotVoid, isNull, isNumber, isRecord, isString, isTruthy, isUndefined, isVoid */
 
 /*
  * @license @wistia/type-guards v0.9.1