npm - @wistia/wistia-player-react - Versions diffs - 0.3.0 → 0.3.2 - Mend

@wistia/wistia-player-react 0.3.0 → 0.3.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/dist/cjs/WistiaPlayer.cjs CHANGED Viewed

@@ -2443,6 +2443,11 @@ var init_wistia_player = __esm({
               getContrast
             ),
             /* harmony export */
+            hu: () => (
+              /* binding */
+              getVideoPlayerIconColor
+            ),
+            /* harmony export */
             s1: () => (
               /* binding */
               colorContrastRatiosByShape
@@ -2554,9 +2559,9 @@ var init_wistia_player = __esm({
           };
           var adjustColorForProperContrast = function adjustColorForProperContrast2(foreground, background) {
             var shape = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : "paragraphText";
-            var foregroundColor = new Color(foreground);
-            var backgroundColor = new Color(background);
-            if (isNil(foregroundColor.r) || isNil(foregroundColor.g) || isNil(foregroundColor.b)) {
+            var foregroundColor = new _color_js__WEBPACK_IMPORTED_MODULE_1__.Q1(foreground);
+            var backgroundColor = new _color_js__WEBPACK_IMPORTED_MODULE_1__.Q1(background);
+            if ((0, _wistia_type_guards__WEBPACK_IMPORTED_MODULE_0__.gD)(foregroundColor.r) || (0, _wistia_type_guards__WEBPACK_IMPORTED_MODULE_0__.gD)(foregroundColor.g) || (0, _wistia_type_guards__WEBPACK_IMPORTED_MODULE_0__.gD)(foregroundColor.b)) {
               throw new Error("Color does not contain required RGB values");
             }
             var initialContrastRatio = getContrast(foregroundColor.toHexWithHash(), backgroundColor.toHexWithHash());
@@ -2564,18 +2569,18 @@ var init_wistia_player = __esm({
               return foregroundColor.toHexWithHash();
             }
             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__.Q1(foregroundColor).lighten(1);
+            var slightlyDarkerForegroundColor = new _color_js__WEBPACK_IMPORTED_MODULE_1__.Q1(foregroundColor).darken(1);
             var shouldForegroundColorBeLighter = foregroundColorLightness < 15 || slightlyLighterForegroundColor.getContrastRatio(backgroundColor) > slightlyDarkerForegroundColor.getContrastRatio(backgroundColor);
             if (foregroundColorLightness > 75 && initialContrastRatio === 1) {
               shouldForegroundColorBeLighter = false;
             }
-            var adjustedForegroundColor = new Color(foregroundColor);
+            var adjustedForegroundColor = new _color_js__WEBPACK_IMPORTED_MODULE_1__.Q1(foregroundColor);
             var i2 = 0;
             while (!adjustedForegroundColor.hasAccessibleContrast(backgroundColor, shape)) {
               i2 += 1;
               if (i2 > 1e3) {
-                reportError("other", new Error("Exceeded ".concat(i2, " attempts to find contrasting color")), {
+                (0, _sentryUtils_ts__WEBPACK_IMPORTED_MODULE_2__.N7)("other", new Error("Exceeded ".concat(i2, " attempts to find contrasting color")), {
                   key: "adjust-color-for-proper-contrast",
                   foregroundColor: foregroundColor.toHexWithHash(),
                   backgroundColor: backgroundColor.toHexWithHash()
@@ -2588,7 +2593,7 @@ var init_wistia_player = __esm({
                   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__.Q1(foregroundColor);
               }
               if (shouldForegroundColorBeLighter) {
                 adjustedForegroundColor.lighten(1);
@@ -2653,6 +2658,32 @@ var init_wistia_player = __esm({
             }
             return hex;
           };
+          var getVideoPlayerIconColor = function getVideoPlayerIconColor2(_playerColor, isGradientEnabled) {
+            var _searchParams$get;
+            var playerColor = new _color_js__WEBPACK_IMPORTED_MODULE_1__.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__.Q1("#fff").getContrastRatio(playerColor) >= colorContrastRatiosByShape.nonText) {
+              return "#ffffff";
+            }
+            return adjustColorForProperContrast(_playerColor, _playerColor, "nonText");
+          };
+          var getAudioPlayerIconColor = function getAudioPlayerIconColor2(_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");
+          };
         })
       ),
       /***/
@@ -3468,23 +3499,26 @@ var init_wistia_player = __esm({
       2621: (
         /***/
         ((__unused_webpack_module, __webpack_exports__3, __webpack_require__3) => {
-          var _trackingConsentApi_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__3(4755);
-          var _wistia_namespace_ts__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__3(5509);
-          var _hosts_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__3(5857);
+          __webpack_require__3.d(__webpack_exports__3, {
+            /* harmony export */
+            N7: () => (
+              /* binding */
+              reportError
+            )
+            /* harmony export */
+          });
+          var _wistia_type_guards__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__3(9814);
+          var _trackingConsentApi_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__3(4755);
+          var _wistia_namespace_ts__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__3(5509);
+          var _hosts_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__3(5857);
           var getSampleRatesByProductType = function getSampleRatesByProductType2(productType) {
             if (productType === "mediaPlayback") {
               return 1e-3;
             }
             return 1;
           };
-          var IS_DEV_ENV = (
-            /* unused pure expression or super */
-            null
-          );
-          var IS_TEST_ENV = (
-            /* unused pure expression or super */
-            null
-          );
+          var IS_DEV_ENV = false;
+          var IS_TEST_ENV = false;
           var configureSentry = function configureSentry2() {
             if (isNil(window.Sentry) || isNil(window.Sentry.BrowserClient) || isNil(window.Sentry.makeFetchTransport) || isNil(window.Sentry.defaultStackParser) || isNil(window.Sentry.Scope)) {
               return;
@@ -3522,9 +3556,9 @@ var init_wistia_player = __esm({
               document.head.appendChild(sentryLoader);
             }
           };
-          var reportError2 = function reportError3(product, error, details) {
+          var reportError = function reportError2(product, error, details) {
             try {
-              if (!Wistia.isSentryInitialized) {
+              if (!_wistia_namespace_ts__WEBPACK_IMPORTED_MODULE_2__.s.isSentryInitialized) {
                 return;
               }
               var sampleRate = getSampleRatesByProductType(product);
@@ -3536,7 +3570,7 @@ var init_wistia_player = __esm({
                 return;
               }
               var shouldSendToSentry = false;
-              var cryptoObj = isNil(window.crypto) ? window.msCrypto : window.crypto;
+              var cryptoObj = (0, _wistia_type_guards__WEBPACK_IMPORTED_MODULE_0__.gD)(window.crypto) ? window.msCrypto : window.crypto;
               if (cryptoObj !== void 0) {
                 var cryptoRandom = cryptoObj.getRandomValues(new Uint32Array(1));
                 shouldSendToSentry = cryptoRandom[0] / (4294967295 + 1) < sampleRate;
@@ -3546,15 +3580,15 @@ var init_wistia_player = __esm({
               }
               if (!shouldSendToSentry) {
                 console.error(error);
-              } else if (isVisitorTrackingEnabled()) {
-                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);
+              } else if ((0, _trackingConsentApi_js__WEBPACK_IMPORTED_MODULE_1__.D5)()) {
+                _wistia_namespace_ts__WEBPACK_IMPORTED_MODULE_2__.s._sentryScope.clear();
+                _wistia_namespace_ts__WEBPACK_IMPORTED_MODULE_2__.s._sentryScope.setTag("pillar", "publish");
+                _wistia_namespace_ts__WEBPACK_IMPORTED_MODULE_2__.s._sentryScope.setTag("product", product);
+                _wistia_namespace_ts__WEBPACK_IMPORTED_MODULE_2__.s._sentryScope.setTag("url", window.location.href);
+                if ((0, _wistia_type_guards__WEBPACK_IMPORTED_MODULE_0__.uu)(details)) {
+                  _wistia_namespace_ts__WEBPACK_IMPORTED_MODULE_2__.s._sentryScope.setTags(details);
                 }
-                Wistia._sentryScope.captureException(error);
+                _wistia_namespace_ts__WEBPACK_IMPORTED_MODULE_2__.s._sentryScope.captureException(error);
               }
             } catch (err) {
               console.error(err);
@@ -3569,7 +3603,7 @@ var init_wistia_player = __esm({
             var eventErrorSource = (_event$error$source = (_event$error = event.error) === null || _event$error === void 0 ? void 0 : _event$error.source) !== null && _event$error$source !== void 0 ? _event$error$source : "";
             var fastHostName = appHostname("fast");
             if (eventErrorSource.includes(fastHostName)) {
-              reportError2("globalListener", eventError);
+              reportError("globalListener", eventError);
             }
           };
           var globalUnhandledRejectionHandler = function globalUnhandledRejectionHandler2(event) {
@@ -3580,7 +3614,7 @@ var init_wistia_player = __esm({
             }
             var eventReasonStack = (_event$reason$stack = (_event$reason = event.reason) === null || _event$reason === void 0 ? void 0 : _event$reason.stack) !== null && _event$reason$stack !== void 0 ? _event$reason$stack : "";
             if (eventReasonStack.includes(appHostname("fast"))) {
-              reportError2("globalListener", eventReason);
+              reportError("globalListener", eventReason);
             }
           };
           var listenForGlobalErrors = function listenForGlobalErrors2() {
@@ -8386,7 +8420,7 @@ 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_VERSION2 = "0.3.0";
+          var TAGGED_VERSION2 = "0.3.2";
           var CURRENT_SHA2 = (
             /* unused pure expression or super */
             null
@@ -11480,7 +11514,8 @@ var init_wistia_player = __esm({
               height,
               styleOverride: {
                 position: "absolute",
-                height: "".concat(scaledHeight, "px")
+                height: "".concat(scaledHeight, "px"),
+                color: "var(--wistia-player-icon-color, #fff)"
               },
               ariaHidden: true
             });
@@ -11491,7 +11526,7 @@ var init_wistia_player = __esm({
             }), (0, preact__WEBPACK_IMPORTED_MODULE_0__2.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"
@@ -13371,6 +13406,7 @@ var init_wistia_player = __esm({
           var _utilities_roundedPlayerDefaults_ts__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__3(3123);
           var _utilities_gradients_ts__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__3(4372);
           var _types_gradient_ts__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__3(7350);
+          var _utilities_color_utils_ts__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__3(998);
           function _slicedToArray2(r, e) {
             return _arrayWithHoles2(r) || _iterableToArrayLimit2(r, e) || _unsupportedIterableToArray2(r, e) || _nonIterableRest2();
           }
@@ -13456,43 +13492,50 @@ var init_wistia_player = __esm({
             var handleClick = function handleClick2() {
               setIsLoading(true);
             };
-            return (0, preact__WEBPACK_IMPORTED_MODULE_0__2.h)(preact__WEBPACK_IMPORTED_MODULE_0__2.FK, null, (0, preact__WEBPACK_IMPORTED_MODULE_0__2.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__2.h)("div", {
+                style: {
+                  "--wistia-player-icon-color": (0, _utilities_color_utils_ts__WEBPACK_IMPORTED_MODULE_12__.hu)(playerColor !== null && playerColor !== void 0 ? playerColor : "#636155", (playerColorGradient === null || playerColorGradient === void 0 ? void 0 : playerColorGradient.on) === true)
+                }
+              }, (0, preact__WEBPACK_IMPORTED_MODULE_0__2.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__2.h)(_shared_ProgressiveThumbnail_jsx__WEBPACK_IMPORTED_MODULE_5__.E, {
+                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__2.h)(_shared_ProgressiveThumbnail_jsx__WEBPACK_IMPORTED_MODULE_5__.E, {
-              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__2.h)(_media_players_vulcanV2Player_shared_ui_components_BigPlayButton_tsx__WEBPACK_IMPORTED_MODULE_4__.Fn, {
-              borderRadius: calculatedBigPlayButtonBorderRadius,
-              buttonTabIndex: 0,
-              color: playerColorOrGradientColor,
-              controlBarDistance: calculatedControlBarDistance,
-              duration: duration !== null && duration !== void 0 ? duration : 0,
-              isLiveMedia: mediaType === "LiveStream",
-              isLoading,
-              isVisible: true,
-              noMixBlendMode,
-              onClick: handleClick,
-              playerLanguage: calculatedPlayerLanguage,
-              scale,
-              showBpbTime: shouldShowBpbTime,
-              videoName: name !== null && name !== void 0 ? name : "",
-              videoWidth: playerWidth,
-              backgroundGradientCss
-            }));
+              })), shouldShowBigPlayButton && (0, preact__WEBPACK_IMPORTED_MODULE_0__2.h)(_media_players_vulcanV2Player_shared_ui_components_BigPlayButton_tsx__WEBPACK_IMPORTED_MODULE_4__.Fn, {
+                borderRadius: calculatedBigPlayButtonBorderRadius,
+                buttonTabIndex: 0,
+                color: playerColorOrGradientColor,
+                controlBarDistance: calculatedControlBarDistance,
+                duration: duration !== null && duration !== void 0 ? duration : 0,
+                isLiveMedia: mediaType === "LiveStream",
+                isLoading,
+                isVisible: true,
+                noMixBlendMode,
+                onClick: handleClick,
+                playerLanguage: calculatedPlayerLanguage,
+                scale,
+                showBpbTime: shouldShowBpbTime,
+                videoName: name !== null && name !== void 0 ? name : "",
+                videoWidth: playerWidth,
+                backgroundGradientCss
+              }))
+            );
           };
         })
       ),
@@ -13515,6 +13558,11 @@ var init_wistia_player = __esm({
             n9: () => (
               /* binding */
               isNotNil2
+            ),
+            /* harmony export */
+            uu: () => (
+              /* binding */
+              isNonEmptyRecord
             )
             /* harmony export */
           });
@@ -13536,7 +13584,7 @@ var init_wistia_player = __esm({
           var isRecord = (value) => isNotNil2(value) && typeof value === "object" && !(value instanceof Array);
           var isNotRecord = (value) => !isRecord(value);
           var isEmptyRecord = (value) => isRecord(value) && Object.keys(value).length === 0;
-          var isNonEmptyRecord2 = (value) => isRecord(value) && Object.keys(value).length > 0;
+          var isNonEmptyRecord = (value) => isRecord(value) && Object.keys(value).length > 0;
           var isArray2 = (value) => isNotNil2(value) && typeof value === "object" && value instanceof Array;
           var isNotArray = (value) => !isArray2(value);
           var isEmptyArray = (value) => isArray2(value) && value.length === 0;
@@ -13552,7 +13600,7 @@ var init_wistia_player = __esm({
           };
           var isFalsy = (value) => FALSY_VALUES2.includes(value) || Number.isNaN(value);
           var isTruthy = (value) => !FALSY_VALUES2.includes(value) && !Number.isNaN(value);
-          var hasKey = (value, key) => isNonEmptyRecord2(value) && key in value;
+          var hasKey = (value, key) => isNonEmptyRecord(value) && key in value;
         })
       )
       /******/

package/dist/mjs/WistiaPlayer.mjs CHANGED Viewed

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

package/dist/mjs/{WistiaPlayerWrapper-TXWVTF6F.mjs → WistiaPlayerWrapper-KYHM7EWK.mjs} RENAMED Viewed

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

package/dist/mjs/{wistia-player-EQBUV6PH.mjs → wistia-player-PKAEVX5L.mjs} RENAMED Viewed

@@ -1577,6 +1577,11 @@ var __webpack_modules__ = {
           getContrast
         ),
         /* harmony export */
+        hu: () => (
+          /* binding */
+          getVideoPlayerIconColor
+        ),
+        /* harmony export */
         s1: () => (
           /* binding */
           colorContrastRatiosByShape
@@ -1688,9 +1693,9 @@ var __webpack_modules__ = {
       };
       var adjustColorForProperContrast = function adjustColorForProperContrast2(foreground, background) {
         var shape = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : "paragraphText";
-        var foregroundColor = new Color(foreground);
-        var backgroundColor = new Color(background);
-        if (isNil(foregroundColor.r) || isNil(foregroundColor.g) || isNil(foregroundColor.b)) {
+        var foregroundColor = new _color_js__WEBPACK_IMPORTED_MODULE_1__.Q1(foreground);
+        var backgroundColor = new _color_js__WEBPACK_IMPORTED_MODULE_1__.Q1(background);
+        if ((0, _wistia_type_guards__WEBPACK_IMPORTED_MODULE_0__.gD)(foregroundColor.r) || (0, _wistia_type_guards__WEBPACK_IMPORTED_MODULE_0__.gD)(foregroundColor.g) || (0, _wistia_type_guards__WEBPACK_IMPORTED_MODULE_0__.gD)(foregroundColor.b)) {
           throw new Error("Color does not contain required RGB values");
         }
         var initialContrastRatio = getContrast(foregroundColor.toHexWithHash(), backgroundColor.toHexWithHash());
@@ -1698,18 +1703,18 @@ var __webpack_modules__ = {
           return foregroundColor.toHexWithHash();
         }
         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__.Q1(foregroundColor).lighten(1);
+        var slightlyDarkerForegroundColor = new _color_js__WEBPACK_IMPORTED_MODULE_1__.Q1(foregroundColor).darken(1);
         var shouldForegroundColorBeLighter = foregroundColorLightness < 15 || slightlyLighterForegroundColor.getContrastRatio(backgroundColor) > slightlyDarkerForegroundColor.getContrastRatio(backgroundColor);
         if (foregroundColorLightness > 75 && initialContrastRatio === 1) {
           shouldForegroundColorBeLighter = false;
         }
-        var adjustedForegroundColor = new Color(foregroundColor);
+        var adjustedForegroundColor = new _color_js__WEBPACK_IMPORTED_MODULE_1__.Q1(foregroundColor);
         var i2 = 0;
         while (!adjustedForegroundColor.hasAccessibleContrast(backgroundColor, shape)) {
           i2 += 1;
           if (i2 > 1e3) {
-            reportError("other", new Error("Exceeded ".concat(i2, " attempts to find contrasting color")), {
+            (0, _sentryUtils_ts__WEBPACK_IMPORTED_MODULE_2__.N7)("other", new Error("Exceeded ".concat(i2, " attempts to find contrasting color")), {
               key: "adjust-color-for-proper-contrast",
               foregroundColor: foregroundColor.toHexWithHash(),
               backgroundColor: backgroundColor.toHexWithHash()
@@ -1722,7 +1727,7 @@ var __webpack_modules__ = {
               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__.Q1(foregroundColor);
           }
           if (shouldForegroundColorBeLighter) {
             adjustedForegroundColor.lighten(1);
@@ -1787,6 +1792,32 @@ var __webpack_modules__ = {
         }
         return hex;
       };
+      var getVideoPlayerIconColor = function getVideoPlayerIconColor2(_playerColor, isGradientEnabled) {
+        var _searchParams$get;
+        var playerColor = new _color_js__WEBPACK_IMPORTED_MODULE_1__.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__.Q1("#fff").getContrastRatio(playerColor) >= colorContrastRatiosByShape.nonText) {
+          return "#ffffff";
+        }
+        return adjustColorForProperContrast(_playerColor, _playerColor, "nonText");
+      };
+      var getAudioPlayerIconColor = function getAudioPlayerIconColor2(_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");
+      };
     })
   ),
   /***/
@@ -2602,23 +2633,26 @@ var __webpack_modules__ = {
   2621: (
     /***/
     ((__unused_webpack_module, __webpack_exports__3, __webpack_require__3) => {
-      var _trackingConsentApi_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__3(4755);
-      var _wistia_namespace_ts__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__3(5509);
-      var _hosts_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__3(5857);
+      __webpack_require__3.d(__webpack_exports__3, {
+        /* harmony export */
+        N7: () => (
+          /* binding */
+          reportError
+        )
+        /* harmony export */
+      });
+      var _wistia_type_guards__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__3(9814);
+      var _trackingConsentApi_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__3(4755);
+      var _wistia_namespace_ts__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__3(5509);
+      var _hosts_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__3(5857);
       var getSampleRatesByProductType = function getSampleRatesByProductType2(productType) {
         if (productType === "mediaPlayback") {
           return 1e-3;
         }
         return 1;
       };
-      var IS_DEV_ENV = (
-        /* unused pure expression or super */
-        null
-      );
-      var IS_TEST_ENV = (
-        /* unused pure expression or super */
-        null
-      );
+      var IS_DEV_ENV = false;
+      var IS_TEST_ENV = false;
       var configureSentry = function configureSentry2() {
         if (isNil(window.Sentry) || isNil(window.Sentry.BrowserClient) || isNil(window.Sentry.makeFetchTransport) || isNil(window.Sentry.defaultStackParser) || isNil(window.Sentry.Scope)) {
           return;
@@ -2656,9 +2690,9 @@ var __webpack_modules__ = {
           document.head.appendChild(sentryLoader);
         }
       };
-      var reportError2 = function reportError3(product, error, details) {
+      var reportError = function reportError2(product, error, details) {
         try {
-          if (!Wistia.isSentryInitialized) {
+          if (!_wistia_namespace_ts__WEBPACK_IMPORTED_MODULE_2__.s.isSentryInitialized) {
             return;
           }
           var sampleRate = getSampleRatesByProductType(product);
@@ -2670,7 +2704,7 @@ var __webpack_modules__ = {
             return;
           }
           var shouldSendToSentry = false;
-          var cryptoObj = isNil(window.crypto) ? window.msCrypto : window.crypto;
+          var cryptoObj = (0, _wistia_type_guards__WEBPACK_IMPORTED_MODULE_0__.gD)(window.crypto) ? window.msCrypto : window.crypto;
           if (cryptoObj !== void 0) {
             var cryptoRandom = cryptoObj.getRandomValues(new Uint32Array(1));
             shouldSendToSentry = cryptoRandom[0] / (4294967295 + 1) < sampleRate;
@@ -2680,15 +2714,15 @@ var __webpack_modules__ = {
           }
           if (!shouldSendToSentry) {
             console.error(error);
-          } else if (isVisitorTrackingEnabled()) {
-            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);
+          } else if ((0, _trackingConsentApi_js__WEBPACK_IMPORTED_MODULE_1__.D5)()) {
+            _wistia_namespace_ts__WEBPACK_IMPORTED_MODULE_2__.s._sentryScope.clear();
+            _wistia_namespace_ts__WEBPACK_IMPORTED_MODULE_2__.s._sentryScope.setTag("pillar", "publish");
+            _wistia_namespace_ts__WEBPACK_IMPORTED_MODULE_2__.s._sentryScope.setTag("product", product);
+            _wistia_namespace_ts__WEBPACK_IMPORTED_MODULE_2__.s._sentryScope.setTag("url", window.location.href);
+            if ((0, _wistia_type_guards__WEBPACK_IMPORTED_MODULE_0__.uu)(details)) {
+              _wistia_namespace_ts__WEBPACK_IMPORTED_MODULE_2__.s._sentryScope.setTags(details);
             }
-            Wistia._sentryScope.captureException(error);
+            _wistia_namespace_ts__WEBPACK_IMPORTED_MODULE_2__.s._sentryScope.captureException(error);
           }
         } catch (err) {
           console.error(err);
@@ -2703,7 +2737,7 @@ var __webpack_modules__ = {
         var eventErrorSource = (_event$error$source = (_event$error = event.error) === null || _event$error === void 0 ? void 0 : _event$error.source) !== null && _event$error$source !== void 0 ? _event$error$source : "";
         var fastHostName = appHostname("fast");
         if (eventErrorSource.includes(fastHostName)) {
-          reportError2("globalListener", eventError);
+          reportError("globalListener", eventError);
         }
       };
       var globalUnhandledRejectionHandler = function globalUnhandledRejectionHandler2(event) {
@@ -2714,7 +2748,7 @@ var __webpack_modules__ = {
         }
         var eventReasonStack = (_event$reason$stack = (_event$reason = event.reason) === null || _event$reason === void 0 ? void 0 : _event$reason.stack) !== null && _event$reason$stack !== void 0 ? _event$reason$stack : "";
         if (eventReasonStack.includes(appHostname("fast"))) {
-          reportError2("globalListener", eventReason);
+          reportError("globalListener", eventReason);
         }
       };
       var listenForGlobalErrors = function listenForGlobalErrors2() {
@@ -7520,7 +7554,7 @@ 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_VERSION2 = "0.3.0";
+      var TAGGED_VERSION2 = "0.3.2";
       var CURRENT_SHA2 = (
         /* unused pure expression or super */
         null
@@ -10614,7 +10648,8 @@ var __webpack_modules__ = {
           height,
           styleOverride: {
             position: "absolute",
-            height: "".concat(scaledHeight, "px")
+            height: "".concat(scaledHeight, "px"),
+            color: "var(--wistia-player-icon-color, #fff)"
           },
           ariaHidden: true
         });
@@ -10625,7 +10660,7 @@ var __webpack_modules__ = {
         }), (0, preact__WEBPACK_IMPORTED_MODULE_0__2.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"
@@ -12505,6 +12540,7 @@ var __webpack_modules__ = {
       var _utilities_roundedPlayerDefaults_ts__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__3(3123);
       var _utilities_gradients_ts__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__3(4372);
       var _types_gradient_ts__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__3(7350);
+      var _utilities_color_utils_ts__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__3(998);
       function _slicedToArray2(r, e) {
         return _arrayWithHoles2(r) || _iterableToArrayLimit2(r, e) || _unsupportedIterableToArray2(r, e) || _nonIterableRest2();
       }
@@ -12590,43 +12626,50 @@ var __webpack_modules__ = {
         var handleClick = function handleClick2() {
           setIsLoading(true);
         };
-        return (0, preact__WEBPACK_IMPORTED_MODULE_0__2.h)(preact__WEBPACK_IMPORTED_MODULE_0__2.FK, null, (0, preact__WEBPACK_IMPORTED_MODULE_0__2.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__2.h)("div", {
+            style: {
+              "--wistia-player-icon-color": (0, _utilities_color_utils_ts__WEBPACK_IMPORTED_MODULE_12__.hu)(playerColor !== null && playerColor !== void 0 ? playerColor : "#636155", (playerColorGradient === null || playerColorGradient === void 0 ? void 0 : playerColorGradient.on) === true)
+            }
+          }, (0, preact__WEBPACK_IMPORTED_MODULE_0__2.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__2.h)(_shared_ProgressiveThumbnail_jsx__WEBPACK_IMPORTED_MODULE_5__.E, {
+            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__2.h)(_shared_ProgressiveThumbnail_jsx__WEBPACK_IMPORTED_MODULE_5__.E, {
-          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__2.h)(_media_players_vulcanV2Player_shared_ui_components_BigPlayButton_tsx__WEBPACK_IMPORTED_MODULE_4__.Fn, {
-          borderRadius: calculatedBigPlayButtonBorderRadius,
-          buttonTabIndex: 0,
-          color: playerColorOrGradientColor,
-          controlBarDistance: calculatedControlBarDistance,
-          duration: duration !== null && duration !== void 0 ? duration : 0,
-          isLiveMedia: mediaType === "LiveStream",
-          isLoading,
-          isVisible: true,
-          noMixBlendMode,
-          onClick: handleClick,
-          playerLanguage: calculatedPlayerLanguage,
-          scale,
-          showBpbTime: shouldShowBpbTime,
-          videoName: name !== null && name !== void 0 ? name : "",
-          videoWidth: playerWidth,
-          backgroundGradientCss
-        }));
+          })), shouldShowBigPlayButton && (0, preact__WEBPACK_IMPORTED_MODULE_0__2.h)(_media_players_vulcanV2Player_shared_ui_components_BigPlayButton_tsx__WEBPACK_IMPORTED_MODULE_4__.Fn, {
+            borderRadius: calculatedBigPlayButtonBorderRadius,
+            buttonTabIndex: 0,
+            color: playerColorOrGradientColor,
+            controlBarDistance: calculatedControlBarDistance,
+            duration: duration !== null && duration !== void 0 ? duration : 0,
+            isLiveMedia: mediaType === "LiveStream",
+            isLoading,
+            isVisible: true,
+            noMixBlendMode,
+            onClick: handleClick,
+            playerLanguage: calculatedPlayerLanguage,
+            scale,
+            showBpbTime: shouldShowBpbTime,
+            videoName: name !== null && name !== void 0 ? name : "",
+            videoWidth: playerWidth,
+            backgroundGradientCss
+          }))
+        );
       };
     })
   ),
@@ -12649,6 +12692,11 @@ var __webpack_modules__ = {
         n9: () => (
           /* binding */
           isNotNil
+        ),
+        /* harmony export */
+        uu: () => (
+          /* binding */
+          isNonEmptyRecord
         )
         /* harmony export */
       });
@@ -12670,7 +12718,7 @@ var __webpack_modules__ = {
       var isRecord = (value) => isNotNil(value) && typeof value === "object" && !(value instanceof Array);
       var isNotRecord = (value) => !isRecord(value);
       var isEmptyRecord = (value) => isRecord(value) && Object.keys(value).length === 0;
-      var isNonEmptyRecord2 = (value) => isRecord(value) && Object.keys(value).length > 0;
+      var isNonEmptyRecord = (value) => isRecord(value) && Object.keys(value).length > 0;
       var isArray2 = (value) => isNotNil(value) && typeof value === "object" && value instanceof Array;
       var isNotArray = (value) => !isArray2(value);
       var isEmptyArray = (value) => isArray2(value) && value.length === 0;
@@ -12686,7 +12734,7 @@ var __webpack_modules__ = {
       };
       var isFalsy = (value) => FALSY_VALUES.includes(value) || Number.isNaN(value);
       var isTruthy = (value) => !FALSY_VALUES.includes(value) && !Number.isNaN(value);
-      var hasKey = (value, key) => isNonEmptyRecord2(value) && key in value;
+      var hasKey = (value, key) => isNonEmptyRecord(value) && key in value;
     })
   )
   /******/

package/package.json CHANGED Viewed

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