@wistia/wistia-player-react 0.0.16 → 0.0.18

package/dist/WistiaPlayer.cjs

@@ -19,7 +19,82 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
+// src/utils/getMergedEmbedOption.ts
+var getMergedEmbedOption;
+var init_getMergedEmbedOption = __esm({
+  "src/utils/getMergedEmbedOption.ts"() {
+    getMergedEmbedOption = (mediaId, optionKey, optionValue) => {
+      let finalEmbedOption = optionValue;
+      if (typeof window === "undefined") {
+        return finalEmbedOption;
+      }
+      if (window.wistiaOptions?._all?.[optionKey] !== void 0) {
+        finalEmbedOption = window.wistiaOptions._all[optionKey];
+      }
+      const mediaIdOptions = window.wistiaOptions?.[mediaId];
+      if (mediaIdOptions !== void 0) {
+        const mediaIdOptionValue = mediaIdOptions[optionKey];
+        if (optionValue !== void 0) {
+          finalEmbedOption = mediaIdOptionValue;
+        }
+      }
+      return finalEmbedOption;
+    };
+  }
+});
+
+// src/utils/swatch.ts
+var getSwatchMetaData, swatchUrl, getSwatchAspectRatio, defaultSwatchCSSProperties;
+var init_swatch = __esm({
+  "src/utils/swatch.ts"() {
+    getSwatchMetaData = async (url) => {
+      const swatch = new Image();
+      swatch.src = url;
+      await swatch.decode();
+      return swatch;
+    };
+    swatchUrl = (mediaId, embedHost) => `https://${embedHost}/embed/medias/${mediaId}/swatch`;
+    getSwatchAspectRatio = async (mediaId, embedHost = "fast.wistia.com") => {
+      const swatchImg = await getSwatchMetaData(swatchUrl(mediaId, embedHost));
+      const { naturalHeight, naturalWidth } = swatchImg;
+      return naturalWidth / naturalHeight;
+    };
+    defaultSwatchCSSProperties = ({
+      mediaId,
+      embedHost = "fast.wistia.com",
+      aspect = 1.7,
+      shouldLoadSwatch = true
+    }) => {
+      return {
+        aspectRatio: `${aspect}`,
+        background: shouldLoadSwatch ? `center / contain no-repeat url(${swatchUrl(mediaId, embedHost)})` : void 0,
+        display: "block",
+        filter: "blur(5px)",
+        width: "100%"
+      };
+    };
+  }
+});
+
+// src/utils/camelCaseToKebabCase.ts
+var camelCaseToKebabCase;
+var init_camelCaseToKebabCase = __esm({
+  "src/utils/camelCaseToKebabCase.ts"() {
+    camelCaseToKebabCase = (str) => {
+      return str.replace(
+        /[A-Z]+(?![a-z])|[A-Z]/g,
+        (letter, idx) => (idx !== 0 ? "-" : "") + letter.toLowerCase()
+      );
+    };
+  }
+});
+
 // ../wistia-player/dist/wistia-player.js
+var wistia_player_exports = {};
+__export(wistia_player_exports, {
+  WistiaPlayer: () => __webpack_exports__WistiaPlayer,
+  wistiaSwatchElement: () => __webpack_exports__wistiaSwatchElement
+});
 function __webpack_require__2(moduleId) {
   var cachedModule = __webpack_module_cache__[moduleId];
   if (cachedModule !== void 0) {
@@ -8673,7 +8748,7 @@ var init_wistia_player = __esm({
                   case 0:
                     options = _args.length > 1 && _args[1] !== void 0 ? _args[1] : {};
                     host = (_options$host = options.host) !== null && _options$host !== void 0 ? _options$host : (0, _hosts_js__WEBPACK_IMPORTED_MODULE_0__.eV1HostWithPort)();
-                    taggedVersion = "0.0.16";
+                    taggedVersion = "0.0.18";
                     if (!(taggedVersion !== "" && taggedVersion.length > 0 && options.mediaData !== true)) {
                       _context.next = 5;
                       break;
@@ -14414,7 +14489,7 @@ var init_wistia_player = __esm({
               if (this.isValidKey(this._eventKey)) {
                 return this._eventKey;
               }
-              this._eventKey = uniqId("db7534cd0e6042ea3be229b89f01ecb6".substring(0, 7) + "_");
+              this._eventKey = uniqId("cb22c01f78e29f9a5c3516f5b15df920".substring(0, 7) + "_");
               this.publicApi.trigger("eventkeychange", this._eventKey);
               return this._eventKey;
             };
@@ -15861,7 +15936,7 @@ var init_wistia_player = __esm({
                 var first = (0, _util_getOrSetIsFirst_js__WEBPACK_IMPORTED_MODULE_3__.u)(_this.hashedId, _ds_index_js__WEBPACK_IMPORTED_MODULE_2__.p.Scope.LIVE_EVENT, "load");
                 _classPrivateFieldSet(_playSession, _this, _ds_index_js__WEBPACK_IMPORTED_MODULE_2__.p.load(_classPrivateFieldGet(_clockStart, _this), {
                   visitor_key: _classPrivateFieldGet(_api, _this).visitorKey(),
-                  session_key: (0, utilities_uniqId_js__WEBPACK_IMPORTED_MODULE_5__.b)("".concat("db7534cd0e6042ea3be229b89f01ecb6".substring(0, 7), "_")),
+                  session_key: (0, utilities_uniqId_js__WEBPACK_IMPORTED_MODULE_5__.b)("".concat("cb22c01f78e29f9a5c3516f5b15df920".substring(0, 7), "_")),
                   embed_url: _classPrivateFieldGet(_api, _this)._attrs.pageUrl,
                   referrer_url: _classPrivateFieldGet(_api, _this)._attrs.referrerUrl,
                   account_id: mediaData.accountId,
@@ -20055,7 +20130,7 @@ var init_wistia_player = __esm({
               }, {
                 key: "generate",
                 value: function generate() {
-                  return (0, utilities_uniqId_js__WEBPACK_IMPORTED_MODULE_4__.b)("".concat("db7534cd0e6042ea3be229b89f01ecb6".substring(0, 7), "_"));
+                  return (0, utilities_uniqId_js__WEBPACK_IMPORTED_MODULE_4__.b)("".concat("cb22c01f78e29f9a5c3516f5b15df920".substring(0, 7), "_"));
                 }
               }]);
             }();
@@ -26921,7 +26996,7 @@ var init_wistia_player = __esm({
                   Object.keys(optionSources).forEach(function(key) {
                     optionSources[key] = ensureOptionsAreNonCircular(optionSources[key]);
                   });
-                  var playerVersion = "0.0.16".length > 0 ? "0.0.16" : _utilities_player_version_js__WEBPACK_IMPORTED_MODULE_44__.H;
+                  var playerVersion = "0.0.18".length > 0 ? "0.0.18" : _utilities_player_version_js__WEBPACK_IMPORTED_MODULE_44__.H;
                   var data = {
                     player_version: playerVersion,
                     media_key: this._mediaData.mediaKey,
@@ -40473,7 +40548,7 @@ var init_wistia_player = __esm({
             /* harmony export */
           });
           var runScript = function runScript2(src2, timeout) {
-            var taggedVersion = "0.0.16";
+            var taggedVersion = "0.0.18";
             return new Promise(function(resolve, reject) {
               if (timeout == null) {
                 timeout = 8e3;
@@ -45640,76 +45715,6 @@ var init_wistia_player = __esm({
   }
 });
 
-// src/utils/getMergedEmbedOption.ts
-var getMergedEmbedOption;
-var init_getMergedEmbedOption = __esm({
-  "src/utils/getMergedEmbedOption.ts"() {
-    getMergedEmbedOption = (mediaId, optionKey, optionValue) => {
-      let finalEmbedOption = optionValue;
-      if (typeof window === "undefined") {
-        return finalEmbedOption;
-      }
-      if (window.wistiaOptions?._all?.[optionKey] !== void 0) {
-        finalEmbedOption = window.wistiaOptions._all[optionKey];
-      }
-      const mediaIdOptions = window.wistiaOptions?.[mediaId];
-      if (mediaIdOptions !== void 0) {
-        const mediaIdOptionValue = mediaIdOptions[optionKey];
-        if (optionValue !== void 0) {
-          finalEmbedOption = mediaIdOptionValue;
-        }
-      }
-      return finalEmbedOption;
-    };
-  }
-});
-
-// src/utils/swatch.ts
-var getSwatchMetaData, swatchUrl, getSwatchAspectRatio, defaultSwatchCSSProperties;
-var init_swatch = __esm({
-  "src/utils/swatch.ts"() {
-    getSwatchMetaData = async (url) => {
-      const swatch = new Image();
-      swatch.src = url;
-      await swatch.decode();
-      return swatch;
-    };
-    swatchUrl = (mediaId, embedHost) => `https://${embedHost}/embed/medias/${mediaId}/swatch`;
-    getSwatchAspectRatio = async (mediaId, embedHost = "fast.wistia.com") => {
-      const swatchImg = await getSwatchMetaData(swatchUrl(mediaId, embedHost));
-      const { naturalHeight, naturalWidth } = swatchImg;
-      return naturalWidth / naturalHeight;
-    };
-    defaultSwatchCSSProperties = ({
-      mediaId,
-      embedHost = "fast.wistia.com",
-      aspect = 1.7,
-      shouldLoadSwatch = true
-    }) => {
-      return {
-        aspectRatio: `${aspect}`,
-        background: shouldLoadSwatch ? `center / contain no-repeat url(${swatchUrl(mediaId, embedHost)})` : void 0,
-        display: "block",
-        filter: "blur(5px)",
-        width: "100%"
-      };
-    };
-  }
-});
-
-// src/utils/camelCaseToKebabCase.ts
-var camelCaseToKebabCase;
-var init_camelCaseToKebabCase = __esm({
-  "src/utils/camelCaseToKebabCase.ts"() {
-    camelCaseToKebabCase = (str) => {
-      return str.replace(
-        /[A-Z]+(?![a-z])|[A-Z]/g,
-        (letter, idx) => (idx !== 0 ? "-" : "") + letter.toLowerCase()
-      );
-    };
-  }
-});
-
 // src/WistiaPlayerWrapper.tsx
 var WistiaPlayerWrapper_exports = {};
 __export(WistiaPlayerWrapper_exports, {
@@ -45720,7 +45725,6 @@ var init_WistiaPlayerWrapper = __esm({
   "src/WistiaPlayerWrapper.tsx"() {
     "use client";
     import_react = require("react");
-    init_wistia_player();
     init_camelCaseToKebabCase();
     init_getMergedEmbedOption();
     init_swatch();
@@ -45732,12 +45736,16 @@ var init_WistiaPlayerWrapper = __esm({
         const player = (0, import_react.useRef)(null);
         const [swatchAspectRatio, setSwatchAspectRatio] = (0, import_react.useState)(aspect);
         const [isWistiaPlayerDefined, setIsWistiaPlayerDefined] = (0, import_react.useState)(false);
+        const [isWistiaPlayerImported, setIsWistiaPlayerImported] = (0, import_react.useState)(false);
         (0, import_react.useEffect)(() => {
           if (swatch !== false && swatchAspectRatio === void 0) {
             getSwatchAspectRatio(mediaId, finalEmbedHost).then((ratio) => {
               setSwatchAspectRatio(ratio);
             });
           }
+          void Promise.resolve().then(() => (init_wistia_player(), wistia_player_exports)).then(() => {
+            setIsWistiaPlayerImported(true);
+          });
           void customElements.whenDefined("wistia-player").then(() => {
             setIsWistiaPlayerDefined(true);
           });
@@ -45761,7 +45769,7 @@ var init_WistiaPlayerWrapper = __esm({
             };
           }, [callback, isWistiaPlayerDefined]);
         });
-        const shouldDisplaySwatch = typeof window === "undefined" && swatchAspectRatio !== void 0;
+        const shouldDisplaySwatch = (typeof window === "undefined" || !isWistiaPlayerImported) && swatchAspectRatio !== void 0;
         return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: isWistiaPlayerDefined && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           "wistia-player",
           {
@@ -45802,7 +45810,6 @@ __export(WistiaPlayer_exports, {
 });
 module.exports = __toCommonJS(WistiaPlayer_exports);
 var import_react2 = require("react");
-init_wistia_player();
 init_getMergedEmbedOption();
 init_swatch();
 var import_jsx_runtime2 = require("react/jsx-runtime");

package/dist/WistiaPlayer.mjs

@@ -1,13 +1,13 @@
 import {
   defaultSwatchCSSProperties,
   getMergedEmbedOption
-} from "./chunk-KSSDWA5S.mjs";
+} from "./chunk-CQ3OW4NK.mjs";
 
 // src/WistiaPlayer.tsx
 import { forwardRef, Suspense, lazy } from "react";
 import { jsx } from "react/jsx-runtime";
 var WistiaPlayerWrapper = lazy(
-  async () => import("./WistiaPlayerWrapper-FDHS4IRV.mjs").then((module) => ({
+  async () => import("./WistiaPlayerWrapper-PNENHYWY.mjs").then((module) => ({
     default: module.WistiaPlayerWrapper
   }))
 );

package/dist/{WistiaPlayerWrapper-FDHS4IRV.mjs → WistiaPlayerWrapper-PNENHYWY.mjs}

@@ -3,7 +3,7 @@ import {
   defaultSwatchCSSProperties,
   getMergedEmbedOption,
   getSwatchAspectRatio
-} from "./chunk-KSSDWA5S.mjs";
+} from "./chunk-CQ3OW4NK.mjs";
 
 // src/WistiaPlayerWrapper.tsx
 import { forwardRef, useEffect, useRef, useState } from "react";
@@ -25,12 +25,16 @@ var WistiaPlayerWrapper = forwardRef(
     const player = useRef(null);
     const [swatchAspectRatio, setSwatchAspectRatio] = useState(aspect);
     const [isWistiaPlayerDefined, setIsWistiaPlayerDefined] = useState(false);
+    const [isWistiaPlayerImported, setIsWistiaPlayerImported] = useState(false);
     useEffect(() => {
       if (swatch !== false && swatchAspectRatio === void 0) {
         getSwatchAspectRatio(mediaId, finalEmbedHost).then((ratio) => {
           setSwatchAspectRatio(ratio);
         });
       }
+      void import("./wistia-player-EH7IMBWN.mjs").then(() => {
+        setIsWistiaPlayerImported(true);
+      });
       void customElements.whenDefined("wistia-player").then(() => {
         setIsWistiaPlayerDefined(true);
       });
@@ -54,7 +58,7 @@ var WistiaPlayerWrapper = forwardRef(
         };
       }, [callback, isWistiaPlayerDefined]);
     });
-    const shouldDisplaySwatch = typeof window === "undefined" && swatchAspectRatio !== void 0;
+    const shouldDisplaySwatch = (typeof window === "undefined" || !isWistiaPlayerImported) && swatchAspectRatio !== void 0;
     return /* @__PURE__ */ jsx(Fragment, { children: isWistiaPlayerDefined && /* @__PURE__ */ jsx(
       "wistia-player",
       {

package/dist/chunk-CQ3OW4NK.mjs

@@ -0,0 +1,52 @@
+// src/utils/getMergedEmbedOption.ts
+var getMergedEmbedOption = (mediaId, optionKey, optionValue) => {
+  let finalEmbedOption = optionValue;
+  if (typeof window === "undefined") {
+    return finalEmbedOption;
+  }
+  if (window.wistiaOptions?._all?.[optionKey] !== void 0) {
+    finalEmbedOption = window.wistiaOptions._all[optionKey];
+  }
+  const mediaIdOptions = window.wistiaOptions?.[mediaId];
+  if (mediaIdOptions !== void 0) {
+    const mediaIdOptionValue = mediaIdOptions[optionKey];
+    if (optionValue !== void 0) {
+      finalEmbedOption = mediaIdOptionValue;
+    }
+  }
+  return finalEmbedOption;
+};
+
+// src/utils/swatch.ts
+var getSwatchMetaData = async (url) => {
+  const swatch = new Image();
+  swatch.src = url;
+  await swatch.decode();
+  return swatch;
+};
+var swatchUrl = (mediaId, embedHost) => `https://${embedHost}/embed/medias/${mediaId}/swatch`;
+var getSwatchAspectRatio = async (mediaId, embedHost = "fast.wistia.com") => {
+  const swatchImg = await getSwatchMetaData(swatchUrl(mediaId, embedHost));
+  const { naturalHeight, naturalWidth } = swatchImg;
+  return naturalWidth / naturalHeight;
+};
+var defaultSwatchCSSProperties = ({
+  mediaId,
+  embedHost = "fast.wistia.com",
+  aspect = 1.7,
+  shouldLoadSwatch = true
+}) => {
+  return {
+    aspectRatio: `${aspect}`,
+    background: shouldLoadSwatch ? `center / contain no-repeat url(${swatchUrl(mediaId, embedHost)})` : void 0,
+    display: "block",
+    filter: "blur(5px)",
+    width: "100%"
+  };
+};
+
+export {
+  getMergedEmbedOption,
+  getSwatchAspectRatio,
+  defaultSwatchCSSProperties
+};

package/dist/types/src/WistiaPlayer.d.ts

@@ -1,5 +1,4 @@
 import type { FunctionComponent } from 'react';
-import '@wistia/wistia-player';
 import type { WistiaPlayerProps } from '../types';
 export declare const WistiaPlayer: FunctionComponent<WistiaPlayerProps>;
 //# sourceMappingURL=WistiaPlayer.d.ts.map

package/dist/types/src/WistiaPlayer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WistiaPlayer.d.ts","sourceRoot":"","sources":["../../../src/WistiaPlayer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAO,MAAM,OAAO,CAAC;AAGpD,OAAO,uBAAuB,CAAC;AAG/B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AASlD,eAAO,MAAM,YAAY,sCAoCgB,CAAC"}
+{"version":3,"file":"WistiaPlayer.d.ts","sourceRoot":"","sources":["../../../src/WistiaPlayer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAO,MAAM,OAAO,CAAC;AAKpD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AASlD,eAAO,MAAM,YAAY,sCAoCgB,CAAC"}

package/dist/types/src/WistiaPlayerWrapper.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="react" />
 import type { WistiaPlayer } from '@wistia/wistia-player';
-import '@wistia/wistia-player';
 import type { WistiaPlayerProps } from '../types';
 export declare const WistiaPlayerWrapper: import("react").ForwardRefExoticComponent<Omit<WistiaPlayerProps, "ref"> & import("react").RefAttributes<WistiaPlayer>>;
 //# sourceMappingURL=WistiaPlayerWrapper.d.ts.map

package/dist/types/src/WistiaPlayerWrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WistiaPlayerWrapper.d.ts","sourceRoot":"","sources":["../../../src/WistiaPlayerWrapper.tsx"],"names":[],"mappings":";AAIA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,uBAAuB,CAAC;AAI/B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAElD,eAAO,MAAM,mBAAmB,yHAoG/B,CAAC"}
+{"version":3,"file":"WistiaPlayerWrapper.d.ts","sourceRoot":"","sources":["../../../src/WistiaPlayerWrapper.tsx"],"names":[],"mappings":";AAIA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAI1D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAElD,eAAO,MAAM,mBAAmB,yHA0G/B,CAAC"}

package/dist/{chunk-KSSDWA5S.mjs → wistia-player-EH7IMBWN.mjs}

@@ -8631,7 +8631,7 @@ var __webpack_modules__ = {
               case 0:
                 options = _args.length > 1 && _args[1] !== void 0 ? _args[1] : {};
                 host = (_options$host = options.host) !== null && _options$host !== void 0 ? _options$host : (0, _hosts_js__WEBPACK_IMPORTED_MODULE_0__.eV1HostWithPort)();
-                taggedVersion = "0.0.16";
+                taggedVersion = "0.0.18";
                 if (!(taggedVersion !== "" && taggedVersion.length > 0 && options.mediaData !== true)) {
                   _context.next = 5;
                   break;
@@ -14372,7 +14372,7 @@ var __webpack_modules__ = {
           if (this.isValidKey(this._eventKey)) {
             return this._eventKey;
           }
-          this._eventKey = uniqId("db7534cd0e6042ea3be229b89f01ecb6".substring(0, 7) + "_");
+          this._eventKey = uniqId("cb22c01f78e29f9a5c3516f5b15df920".substring(0, 7) + "_");
           this.publicApi.trigger("eventkeychange", this._eventKey);
           return this._eventKey;
         };
@@ -15819,7 +15819,7 @@ var __webpack_modules__ = {
             var first = (0, _util_getOrSetIsFirst_js__WEBPACK_IMPORTED_MODULE_3__.u)(_this.hashedId, _ds_index_js__WEBPACK_IMPORTED_MODULE_2__.p.Scope.LIVE_EVENT, "load");
             _classPrivateFieldSet(_playSession, _this, _ds_index_js__WEBPACK_IMPORTED_MODULE_2__.p.load(_classPrivateFieldGet(_clockStart, _this), {
               visitor_key: _classPrivateFieldGet(_api, _this).visitorKey(),
-              session_key: (0, utilities_uniqId_js__WEBPACK_IMPORTED_MODULE_5__.b)("".concat("db7534cd0e6042ea3be229b89f01ecb6".substring(0, 7), "_")),
+              session_key: (0, utilities_uniqId_js__WEBPACK_IMPORTED_MODULE_5__.b)("".concat("cb22c01f78e29f9a5c3516f5b15df920".substring(0, 7), "_")),
               embed_url: _classPrivateFieldGet(_api, _this)._attrs.pageUrl,
               referrer_url: _classPrivateFieldGet(_api, _this)._attrs.referrerUrl,
               account_id: mediaData.accountId,
@@ -20013,7 +20013,7 @@ var __webpack_modules__ = {
           }, {
             key: "generate",
             value: function generate() {
-              return (0, utilities_uniqId_js__WEBPACK_IMPORTED_MODULE_4__.b)("".concat("db7534cd0e6042ea3be229b89f01ecb6".substring(0, 7), "_"));
+              return (0, utilities_uniqId_js__WEBPACK_IMPORTED_MODULE_4__.b)("".concat("cb22c01f78e29f9a5c3516f5b15df920".substring(0, 7), "_"));
             }
           }]);
         }();
@@ -26879,7 +26879,7 @@ var __webpack_modules__ = {
               Object.keys(optionSources).forEach(function(key) {
                 optionSources[key] = ensureOptionsAreNonCircular(optionSources[key]);
               });
-              var playerVersion = "0.0.16".length > 0 ? "0.0.16" : _utilities_player_version_js__WEBPACK_IMPORTED_MODULE_44__.H;
+              var playerVersion = "0.0.18".length > 0 ? "0.0.18" : _utilities_player_version_js__WEBPACK_IMPORTED_MODULE_44__.H;
               var data = {
                 player_version: playerVersion,
                 media_key: this._mediaData.mediaKey,
@@ -40431,7 +40431,7 @@ var __webpack_modules__ = {
         /* harmony export */
       });
       var runScript = function runScript2(src2, timeout) {
-        var taggedVersion = "0.0.16";
+        var taggedVersion = "0.0.18";
         return new Promise(function(resolve, reject) {
           if (timeout == null) {
             timeout = 8e3;
@@ -45365,13 +45365,13 @@ var __webpack_exports__2 = {};
     var _this$embedHost2;
     var template = document.createElement("template");
     var fastHost = (0, _utilities_hosts_js__WEBPACK_IMPORTED_MODULE_1__.cdnFastWistiaComHost)((_this$embedHost2 = this.embedHost) !== null && _this$embedHost2 !== void 0 ? _this$embedHost2 : "");
-    var swatchUrl2 = "https://".concat(fastHost, "/embed/medias/").concat(this.mediaId, "/swatch");
+    var swatchUrl = "https://".concat(fastHost, "/embed/medias/").concat(this.mediaId, "/swatch");
     var popoverContent = _assertClassBrand(_WistiaPlayer_brand, this, _getSyncedEmbedOption).call(this, "popoverContent");
     var isPopoverWithThumbnail = this.wistiaPopover && (popoverContent === void 0 || popoverContent === "" || popoverContent === "thumbnail");
     var shouldDisplaySwatch = this.swatch !== false && (!this.wistiaPopover || isPopoverWithThumbnail);
     var swatch = shouldDisplaySwatch ? (
       /* html */
-      '\n      <div\n        style="height: 100%; left: 0; position: absolute; top: 0; width: 100%"\n        class="wistia_swatch"\n      >\n        <div\n          style="height: 100%; position: relative; width: 100%"\n        >\n          <div\n            style="\n              height: 100%;\n              left: 0;\n              overflow: hidden;\n              position: absolute;\n              top: 0;\n              width: 100%;\n            "\n          >\n            <img\n              src="'.concat(swatchUrl2, '"\n              style="filter: blur(5px); height: 100%; object-fit: contain; width: 100%"\n              alt=""\n              aria-hidden="true"\n              onload="this.parentNode.style.opacity=1;"\n            />\n          </div>\n        </div>\n      </div>\n    ')
+      '\n      <div\n        style="height: 100%; left: 0; position: absolute; top: 0; width: 100%"\n        class="wistia_swatch"\n      >\n        <div\n          style="height: 100%; position: relative; width: 100%"\n        >\n          <div\n            style="\n              height: 100%;\n              left: 0;\n              overflow: hidden;\n              position: absolute;\n              top: 0;\n              width: 100%;\n            "\n          >\n            <img\n              src="'.concat(swatchUrl, '"\n              style="filter: blur(5px); height: 100%; object-fit: contain; width: 100%"\n              alt=""\n              aria-hidden="true"\n              onload="this.parentNode.style.opacity=1;"\n            />\n          </div>\n        </div>\n      </div>\n    ')
     ) : "";
     template.innerHTML = /* html */
     "\n      <style>\n        :host {\n          display: flex;\n          position: relative;\n        }\n      </style>\n\n      ".concat(swatch, "\n  ");
@@ -45558,7 +45558,7 @@ var __webpack_exports__2 = {};
       }
     }));
   }
-  var getSwatchMetaData2 = /* @__PURE__ */ function() {
+  var getSwatchMetaData = /* @__PURE__ */ function() {
     var _ref13 = _asyncToGenerator(/* @__PURE__ */ _regeneratorRuntime().mark(function _callee20(url) {
       var swatch;
       return _regeneratorRuntime().wrap(function _callee20$(_context20) {
@@ -45576,26 +45576,26 @@ var __webpack_exports__2 = {};
         }
       }, _callee20);
     }));
-    return function getSwatchMetaData3(_x17) {
+    return function getSwatchMetaData2(_x17) {
       return _ref13.apply(this, arguments);
     };
   }();
   var wistiaSwatchElement = /* @__PURE__ */ function() {
     var _ref14 = _asyncToGenerator(/* @__PURE__ */ _regeneratorRuntime().mark(function _callee21(mediaId, embedHost) {
-      var fastHost, swatchUrl2, swatchImg, naturalHeight, naturalWidth, ratio, style;
+      var fastHost, swatchUrl, swatchImg, naturalHeight, naturalWidth, ratio, style;
       return _regeneratorRuntime().wrap(function _callee21$(_context21) {
         while (1) switch (_context21.prev = _context21.next) {
           case 0:
             fastHost = (0, _utilities_hosts_js__WEBPACK_IMPORTED_MODULE_1__.cdnFastWistiaComHost)(embedHost !== null && embedHost !== void 0 ? embedHost : "");
-            swatchUrl2 = "https://".concat(fastHost, "/embed/medias/").concat(mediaId, "/swatch");
+            swatchUrl = "https://".concat(fastHost, "/embed/medias/").concat(mediaId, "/swatch");
             _context21.next = 4;
-            return getSwatchMetaData2(swatchUrl2);
+            return getSwatchMetaData(swatchUrl);
           case 4:
             swatchImg = _context21.sent;
             naturalHeight = swatchImg.naturalHeight, naturalWidth = swatchImg.naturalWidth;
             ratio = naturalHeight / naturalWidth * 100;
             style = document.createElement("style");
-            style.innerHTML = "\n    wistia-player[media-id='".concat(mediaId, "']:not(:defined) {\n      padding: ").concat(ratio, "% 0 0 0;\n      background: url(").concat(swatchUrl2, ");\n      background-size: contain;\n      filter: blur(5px);\n      display: block;\n    }\n  ");
+            style.innerHTML = "\n    wistia-player[media-id='".concat(mediaId, "']:not(:defined) {\n      padding: ").concat(ratio, "% 0 0 0;\n      background: url(").concat(swatchUrl, ");\n      background-size: contain;\n      filter: blur(5px);\n      display: block;\n    }\n  ");
             return _context21.abrupt("return", style);
           case 10:
           case "end":
@@ -45613,57 +45613,8 @@ var __webpack_exports__2 = {};
 })();
 var __webpack_exports__WistiaPlayer = __webpack_exports__2.$;
 var __webpack_exports__wistiaSwatchElement = __webpack_exports__2.A;
-
-// src/utils/getMergedEmbedOption.ts
-var getMergedEmbedOption = (mediaId, optionKey, optionValue) => {
-  let finalEmbedOption = optionValue;
-  if (typeof window === "undefined") {
-    return finalEmbedOption;
-  }
-  if (window.wistiaOptions?._all?.[optionKey] !== void 0) {
-    finalEmbedOption = window.wistiaOptions._all[optionKey];
-  }
-  const mediaIdOptions = window.wistiaOptions?.[mediaId];
-  if (mediaIdOptions !== void 0) {
-    const mediaIdOptionValue = mediaIdOptions[optionKey];
-    if (optionValue !== void 0) {
-      finalEmbedOption = mediaIdOptionValue;
-    }
-  }
-  return finalEmbedOption;
-};
-
-// src/utils/swatch.ts
-var getSwatchMetaData = async (url) => {
-  const swatch = new Image();
-  swatch.src = url;
-  await swatch.decode();
-  return swatch;
-};
-var swatchUrl = (mediaId, embedHost) => `https://${embedHost}/embed/medias/${mediaId}/swatch`;
-var getSwatchAspectRatio = async (mediaId, embedHost = "fast.wistia.com") => {
-  const swatchImg = await getSwatchMetaData(swatchUrl(mediaId, embedHost));
-  const { naturalHeight, naturalWidth } = swatchImg;
-  return naturalWidth / naturalHeight;
-};
-var defaultSwatchCSSProperties = ({
-  mediaId,
-  embedHost = "fast.wistia.com",
-  aspect = 1.7,
-  shouldLoadSwatch = true
-}) => {
-  return {
-    aspectRatio: `${aspect}`,
-    background: shouldLoadSwatch ? `center / contain no-repeat url(${swatchUrl(mediaId, embedHost)})` : void 0,
-    display: "block",
-    filter: "blur(5px)",
-    width: "100%"
-  };
-};
-
 export {
-  getMergedEmbedOption,
-  getSwatchAspectRatio,
-  defaultSwatchCSSProperties
+  __webpack_exports__WistiaPlayer as WistiaPlayer,
+  __webpack_exports__wistiaSwatchElement as wistiaSwatchElement
 };
 /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wistia/wistia-player-react",
-  "version": "0.0.16",
+  "version": "0.0.18",
   "packageManager": "yarn@4.2.2",
   "description": "An embeddable wistia-player web component and React wrapper to add responsive, lightweight, and SEO-friendly videos to your site.",
   "keywords": [
@@ -32,7 +32,7 @@
     "build:prod": "npm-run-all 'prebuild' 'build:react:base:prod' 'build:types'"
   },
   "dependencies": {
-    "@wistia/wistia-player": "0.0.16"
+    "@wistia/wistia-player": "0.0.18"
   },
   "devDependencies": {
     "@babel/core": "^7.24.5",