trimble-terra 0.0.479-beta.3 → 0.0.480

package/README.md

@@ -1,108 +1,4 @@
-# Trimble Terra
-
-A React component library for Trimble MXP2 web experiences. Built with React 19, TypeScript, and SCSS.
-
-[![Storybook](https://img.shields.io/badge/Storybook-Live-ff4785?logo=storybook&logoColor=white)](https://trimble-mxp-terra.netlify.app/)
-
-## Storybook
-
-Browse all components, props, and usage examples in the live Storybook:
-
-**[https://trimble-mxp-terra.netlify.app/](https://trimble-mxp-terra.netlify.app/)**
-
-## Installation
-
-```bash
-npm install trimble-terra
-```
-
-### Peer Dependencies
-
-The following packages must be installed in your application:
-
-```bash
-npm install react react-dom @trimble-creative-strategy/trimble-mxp-icons react-player image-focus
-```
-
-## Usage
-
-Import components directly from the package:
-
-```tsx
-import { SiteNavigation, GlobalFooter, AlertBanner } from "trimble-terra";
-
-function App() {
-  return (
-    <>
-      <SiteNavigation {...navProps} />
-      <AlertBanner {...bannerProps} />
-      <main>{/* your content */}</main>
-      <GlobalFooter {...footerProps} />
-    </>
-  );
-}
-```
-
-## Available Components
-
-### Components
-
-| Component | Description |
-| --- | --- |
-| `AlertBanner` | Dismissible alert banner for announcements |
-| `Dialog` | Modal dialog overlay |
-| `ImageGallery` | Responsive image gallery |
-| `LoadingSpinner` | Loading state indicator |
-| `ProductDetail` | Product detail view |
-| `ProductSummary` | Product summary card |
-| `TrialFormStart` | Trial signup form |
-| `TrialSummary` | Trial information summary |
-
-### Layout
-
-| Component | Description |
-| --- | --- |
-| `LayoutPricingCards` | Pricing card grid layout |
-| `Icon` | Icon component (re-exported from `@trimble-creative-strategy/trimble-mxp-icons`) |
-
-### Navigation
-
-| Component | Description |
-| --- | --- |
-| `SiteNavigation` | Main site navigation with mega menu support |
-| `Footer` | Base footer component |
-| `SectorFooter` | Sector-specific footer |
-| `GlobalFooter` | Global footer |
-
-## Development
-
-```bash
-# Install dependencies
-npm install
-
-# Run Storybook locally
-npm run storybook
-
-# Build the library
-npm run build
-
-# Lint
-npm run lint
-
-# Format check
-npm run pretty
-```
-
-## Technical Audit — Known Issues
-
-- **K-3 — CommonDescription / CleanDescription duplication** (Medium): Nearly identical logic differing only in class names. Merge into one component with a `variant` prop.
-- **K-4 — Inline styles instead of SCSS** (Medium): `CardEcommerce`, `LayoutPricingCards`, `PricingCards`, `SiteNavigationMain`, `YoutubeVideo`, `FocusedImageMethods`, and others use `style={}` for layout, backgrounds, and sizing that should live in SCSS.
-- **K-5 — Pervasive `any` usage** (High): `any` is used for props, event handlers, refs, and data structures across ~30+ files. Especially dense in `SiteNavigation*`, `LanguageSelector`, `ProductDetail`, `LayoutPricingCards`, `VidyardVideo`, and all `.jsx` files.
-- **A-1 — `onClick` on non-interactive elements without keyboard support** (High): Multiple `<div>` and `<span>` elements have `onClick` handlers without `role="button"`, `tabIndex={0}`, or `onKeyDown`/`onKeyUp`. `ProductOverview.tsx` uses `<a href="" onClick>` instead of `<button>`.
-- **A-2 — Missing `alt` text on images** (Medium): App Store / Google Play badge images in `TerraLink.tsx`, `SpecialButton.tsx`, and `SiteNavigationMobile.tsx` lack meaningful `alt` attributes.
-- **S-1 — Unsanitized `dangerouslySetInnerHTML`** (High): CMS/prop content rendered via `dangerouslySetInnerHTML` without visible sanitization in `CommonDescription.tsx`, `functions.tsx`, `CurrencyList.tsx`, `ProductSummaryMethods.jsx`, `FlyoutCart.jsx`, `checkForDangerouslySet.jsx`. Centralize through a sanitizer (e.g., DOMPurify).
-- **C-2 — Direct DOM manipulation** (Medium): `CardEcommerce.tsx` uses `document.querySelector` instead of a ref; `ImageGalleryMethods.jsx` sets `body.style.overflow` directly; `useElementIntersection.ts` takes a selector string instead of a ref.
-- **C-3 — 16 `.jsx` files remain unconverted** (Medium): `Slider`, `NavSearchWrapper`, `Tooltip`, `TrialFormStart`, `ProductSummary`, `TrialSummary`, `TrialMethods`, `TrialSpecifics`, `ProductSummaryMethods`, `PricingCards`, `ImageGallery`, `ImageGalleryMethods`, `FlyoutCart`, `checkForDangerouslySet`, `CloseIcon`, `CardEcommerceMethods` — all have zero type safety.
-- **C-4 — Blanket `eslint-disable` suppresses all warnings** (Medium): File-level `/* eslint-disable */` in `LanguageSelector.tsx`, `SiteNavigationMain.tsx`, `CartNavMenu.tsx`, `FlyoutCart.jsx`, `FlyoutCartComponent.tsx`, `QuantityTracker.stories.tsx`, `Video.tsx`.
-- **C-6 — Console statements in production code** (Low): `YoutubeVideo.tsx` (`console.warn`) and `CardEcommerceMethods.jsx` (`console.error`) will fire in consumers' production builds.
-- **C-7 — Duplicate `ImageGallery` component names** (Medium): Two separate `ImageGallery` implementations exist at `src/component/ImageGallery/` and `src/component/ProductDetail/ImageGallery/`, causing confusion and potential import mistakes.
+# Trimble Terra MXP2
+
+To visualize layouts, see Storybook
+https://mxp2-storybook.netlify.app/

package/dist/DailyMotion-D8PbWg1t.js

@@ -0,0 +1,135 @@
+import { g as P, u as v, p as D } from "./main-BwqW0Lf6.js";
+import O from "react";
+function b(t, e) {
+  for (var r = 0; r < e.length; r++) {
+    const o = e[r];
+    if (typeof o != "string" && !Array.isArray(o)) {
+      for (const a in o)
+        if (a !== "default" && !(a in t)) {
+          const i = Object.getOwnPropertyDescriptor(o, a);
+          i && Object.defineProperty(t, a, i.get ? i : {
+            enumerable: !0,
+            get: () => o[a]
+          });
+        }
+    }
+  }
+  return Object.freeze(Object.defineProperty(t, Symbol.toStringTag, { value: "Module" }));
+}
+var M = Object.create, s = Object.defineProperty, w = Object.getOwnPropertyDescriptor, S = Object.getOwnPropertyNames, j = Object.getPrototypeOf, T = Object.prototype.hasOwnProperty, A = (t, e, r) => e in t ? s(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r, E = (t, e) => {
+  for (var r in e)
+    s(t, r, { get: e[r], enumerable: !0 });
+}, h = (t, e, r, o) => {
+  if (e && typeof e == "object" || typeof e == "function")
+    for (let a of S(e))
+      !T.call(t, a) && a !== r && s(t, a, { get: () => e[a], enumerable: !(o = w(e, a)) || o.enumerable });
+  return t;
+}, L = (t, e, r) => (r = t != null ? M(j(t)) : {}, h(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  !t || !t.__esModule ? s(r, "default", { value: t, enumerable: !0 }) : r,
+  t
+)), C = (t) => h(s({}, "__esModule", { value: !0 }), t), n = (t, e, r) => (A(t, typeof e != "symbol" ? e + "" : e, r), r), d = {};
+E(d, {
+  default: () => p
+});
+var _ = C(d), c = L(O), l = v, f = D;
+const N = "https://api.dmcdn.net/all.js", x = "DM", K = "dmAsyncInit";
+class p extends c.Component {
+  constructor() {
+    super(...arguments), n(this, "callPlayer", l.callPlayer), n(this, "onDurationChange", () => {
+      const e = this.getDuration();
+      this.props.onDuration(e);
+    }), n(this, "mute", () => {
+      this.callPlayer("setMuted", !0);
+    }), n(this, "unmute", () => {
+      this.callPlayer("setMuted", !1);
+    }), n(this, "ref", (e) => {
+      this.container = e;
+    });
+  }
+  componentDidMount() {
+    this.props.onMount && this.props.onMount(this);
+  }
+  load(e) {
+    const { controls: r, config: o, onError: a, playing: i } = this.props, [, y] = e.match(f.MATCH_URL_DAILYMOTION);
+    if (this.player) {
+      this.player.load(y, {
+        start: (0, l.parseStartTime)(e),
+        autoplay: i
+      });
+      return;
+    }
+    (0, l.getSDK)(N, x, K, (u) => u.player).then((u) => {
+      if (!this.container)
+        return;
+      const g = u.player;
+      this.player = new g(this.container, {
+        width: "100%",
+        height: "100%",
+        video: y,
+        params: {
+          controls: r,
+          autoplay: this.props.playing,
+          mute: this.props.muted,
+          start: (0, l.parseStartTime)(e),
+          origin: window.location.origin,
+          ...o.params
+        },
+        events: {
+          apiready: this.props.onReady,
+          seeked: () => this.props.onSeek(this.player.currentTime),
+          video_end: this.props.onEnded,
+          durationchange: this.onDurationChange,
+          pause: this.props.onPause,
+          playing: this.props.onPlay,
+          waiting: this.props.onBuffer,
+          error: (m) => a(m)
+        }
+      });
+    }, a);
+  }
+  play() {
+    this.callPlayer("play");
+  }
+  pause() {
+    this.callPlayer("pause");
+  }
+  stop() {
+  }
+  seekTo(e, r = !0) {
+    this.callPlayer("seek", e), r || this.pause();
+  }
+  setVolume(e) {
+    this.callPlayer("setVolume", e);
+  }
+  getDuration() {
+    return this.player.duration || null;
+  }
+  getCurrentTime() {
+    return this.player.currentTime;
+  }
+  getSecondsLoaded() {
+    return this.player.bufferedTime;
+  }
+  render() {
+    const { display: e } = this.props, r = {
+      width: "100%",
+      height: "100%",
+      display: e
+    };
+    return /* @__PURE__ */ c.default.createElement("div", { style: r }, /* @__PURE__ */ c.default.createElement("div", { ref: this.ref }));
+  }
+}
+n(p, "displayName", "DailyMotion");
+n(p, "canPlay", f.canPlay.dailymotion);
+n(p, "loopOnEnded", !0);
+const R = /* @__PURE__ */ P(_), $ = /* @__PURE__ */ b({
+  __proto__: null,
+  default: R
+}, [_]);
+export {
+  $ as D
+};

package/dist/Facebook-BIBcRICy.js

@@ -0,0 +1,120 @@
+import { g as _, u as g, p as P } from "./main-BwqW0Lf6.js";
+import m from "react";
+function v(t, e) {
+  for (var r = 0; r < e.length; r++) {
+    const a = e[r];
+    if (typeof a != "string" && !Array.isArray(a)) {
+      for (const s in a)
+        if (s !== "default" && !(s in t)) {
+          const p = Object.getOwnPropertyDescriptor(a, s);
+          p && Object.defineProperty(t, s, p.get ? p : {
+            enumerable: !0,
+            get: () => a[s]
+          });
+        }
+    }
+  }
+  return Object.freeze(Object.defineProperty(t, Symbol.toStringTag, { value: "Module" }));
+}
+var O = Object.create, i = Object.defineProperty, D = Object.getOwnPropertyDescriptor, E = Object.getOwnPropertyNames, S = Object.getPrototypeOf, j = Object.prototype.hasOwnProperty, I = (t, e, r) => e in t ? i(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r, k = (t, e) => {
+  for (var r in e)
+    i(t, r, { get: e[r], enumerable: !0 });
+}, h = (t, e, r, a) => {
+  if (e && typeof e == "object" || typeof e == "function")
+    for (let s of E(e))
+      !j.call(t, s) && s !== r && i(t, s, { get: () => e[s], enumerable: !(a = D(e, s)) || a.enumerable });
+  return t;
+}, w = (t, e, r) => (r = t != null ? O(S(t)) : {}, h(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  !t || !t.__esModule ? i(r, "default", { value: t, enumerable: !0 }) : r,
+  t
+)), F = (t) => h(i({}, "__esModule", { value: !0 }), t), o = (t, e, r) => (I(t, typeof e != "symbol" ? e + "" : e, r), r), b = {};
+k(b, {
+  default: () => l
+});
+var d = F(b), u = w(m), n = g, L = P;
+const c = "https://connect.facebook.net/en_US/sdk.js", f = "FB", y = "fbAsyncInit", M = "facebook-player-";
+class l extends u.Component {
+  constructor() {
+    super(...arguments), o(this, "callPlayer", n.callPlayer), o(this, "playerID", this.props.config.playerId || `${M}${(0, n.randomString)()}`), o(this, "mute", () => {
+      this.callPlayer("mute");
+    }), o(this, "unmute", () => {
+      this.callPlayer("unmute");
+    });
+  }
+  componentDidMount() {
+    this.props.onMount && this.props.onMount(this);
+  }
+  load(e, r) {
+    if (r) {
+      (0, n.getSDK)(c, f, y).then((a) => a.XFBML.parse());
+      return;
+    }
+    (0, n.getSDK)(c, f, y).then((a) => {
+      a.init({
+        appId: this.props.config.appId,
+        xfbml: !0,
+        version: this.props.config.version
+      }), a.Event.subscribe("xfbml.render", (s) => {
+        this.props.onLoaded();
+      }), a.Event.subscribe("xfbml.ready", (s) => {
+        s.type === "video" && s.id === this.playerID && (this.player = s.instance, this.player.subscribe("startedPlaying", this.props.onPlay), this.player.subscribe("paused", this.props.onPause), this.player.subscribe("finishedPlaying", this.props.onEnded), this.player.subscribe("startedBuffering", this.props.onBuffer), this.player.subscribe("finishedBuffering", this.props.onBufferEnd), this.player.subscribe("error", this.props.onError), this.props.muted ? this.callPlayer("mute") : this.callPlayer("unmute"), this.props.onReady(), document.getElementById(this.playerID).querySelector("iframe").style.visibility = "visible");
+      });
+    });
+  }
+  play() {
+    this.callPlayer("play");
+  }
+  pause() {
+    this.callPlayer("pause");
+  }
+  stop() {
+  }
+  seekTo(e, r = !0) {
+    this.callPlayer("seek", e), r || this.pause();
+  }
+  setVolume(e) {
+    this.callPlayer("setVolume", e);
+  }
+  getDuration() {
+    return this.callPlayer("getDuration");
+  }
+  getCurrentTime() {
+    return this.callPlayer("getCurrentPosition");
+  }
+  getSecondsLoaded() {
+    return null;
+  }
+  render() {
+    const { attributes: e } = this.props.config, r = {
+      width: "100%",
+      height: "100%"
+    };
+    return /* @__PURE__ */ u.default.createElement(
+      "div",
+      {
+        style: r,
+        id: this.playerID,
+        className: "fb-video",
+        "data-href": this.props.url,
+        "data-autoplay": this.props.playing ? "true" : "false",
+        "data-allowfullscreen": "true",
+        "data-controls": this.props.controls ? "true" : "false",
+        ...e
+      }
+    );
+  }
+}
+o(l, "displayName", "Facebook");
+o(l, "canPlay", L.canPlay.facebook);
+o(l, "loopOnEnded", !0);
+const x = /* @__PURE__ */ _(d), N = /* @__PURE__ */ v({
+  __proto__: null,
+  default: x
+}, [d]);
+export {
+  N as F
+};

package/dist/FilePlayer-CeizFLbm.js

@@ -0,0 +1,201 @@
+import { g as b, u as _, p as O } from "./main-BwqW0Lf6.js";
+import A from "react";
+function R(s, e) {
+  for (var t = 0; t < e.length; t++) {
+    const i = e[t];
+    if (typeof i != "string" && !Array.isArray(i)) {
+      for (const n in i)
+        if (n !== "default" && !(n in s)) {
+          const l = Object.getOwnPropertyDescriptor(i, n);
+          l && Object.defineProperty(s, n, l.get ? l : {
+            enumerable: !0,
+            get: () => i[n]
+          });
+        }
+    }
+  }
+  return Object.freeze(Object.defineProperty(s, Symbol.toStringTag, { value: "Module" }));
+}
+var I = Object.create, u = Object.defineProperty, D = Object.getOwnPropertyDescriptor, w = Object.getOwnPropertyNames, M = Object.getPrototypeOf, k = Object.prototype.hasOwnProperty, U = (s, e, t) => e in s ? u(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t, N = (s, e) => {
+  for (var t in e)
+    u(s, t, { get: e[t], enumerable: !0 });
+}, E = (s, e, t, i) => {
+  if (e && typeof e == "object" || typeof e == "function")
+    for (let n of w(e))
+      !k.call(s, n) && n !== t && u(s, n, { get: () => e[n], enumerable: !(i = D(e, n)) || i.enumerable });
+  return s;
+}, j = (s, e, t) => (t = s != null ? I(M(s)) : {}, E(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  !s || !s.__esModule ? u(t, "default", { value: s, enumerable: !0 }) : t,
+  s
+)), H = (s) => E(u({}, "__esModule", { value: !0 }), s), r = (s, e, t) => (U(s, typeof e != "symbol" ? e + "" : e, t), t), m = {};
+N(m, {
+  default: () => P
+});
+var g = H(m), d = j(A), a = _, c = O;
+const y = typeof navigator < "u", F = y && navigator.platform === "MacIntel" && navigator.maxTouchPoints > 1, v = y && (/iPad|iPhone|iPod/.test(navigator.userAgent) || F) && !window.MSStream, V = y && /^((?!chrome|android).)*safari/i.test(navigator.userAgent) && !window.MSStream, T = "https://cdn.jsdelivr.net/npm/hls.js@VERSION/dist/hls.min.js", C = "Hls", B = "https://cdnjs.cloudflare.com/ajax/libs/dashjs/VERSION/dash.all.min.js", x = "dashjs", K = "https://cdn.jsdelivr.net/npm/flv.js@VERSION/dist/flv.min.js", G = "flvjs", X = /www\.dropbox\.com\/.+/, f = /https:\/\/watch\.cloudflarestream\.com\/([a-z0-9]+)/, W = "https://videodelivery.net/{id}/manifest/video.m3u8";
+class P extends d.Component {
+  constructor() {
+    super(...arguments), r(this, "onReady", (...e) => this.props.onReady(...e)), r(this, "onPlay", (...e) => this.props.onPlay(...e)), r(this, "onBuffer", (...e) => this.props.onBuffer(...e)), r(this, "onBufferEnd", (...e) => this.props.onBufferEnd(...e)), r(this, "onPause", (...e) => this.props.onPause(...e)), r(this, "onEnded", (...e) => this.props.onEnded(...e)), r(this, "onError", (...e) => this.props.onError(...e)), r(this, "onPlayBackRateChange", (e) => this.props.onPlaybackRateChange(e.target.playbackRate)), r(this, "onEnablePIP", (...e) => this.props.onEnablePIP(...e)), r(this, "onDisablePIP", (e) => {
+      const { onDisablePIP: t, playing: i } = this.props;
+      t(e), i && this.play();
+    }), r(this, "onPresentationModeChange", (e) => {
+      if (this.player && (0, a.supportsWebKitPresentationMode)(this.player)) {
+        const { webkitPresentationMode: t } = this.player;
+        t === "picture-in-picture" ? this.onEnablePIP(e) : t === "inline" && this.onDisablePIP(e);
+      }
+    }), r(this, "onSeek", (e) => {
+      this.props.onSeek(e.target.currentTime);
+    }), r(this, "mute", () => {
+      this.player.muted = !0;
+    }), r(this, "unmute", () => {
+      this.player.muted = !1;
+    }), r(this, "renderSourceElement", (e, t) => typeof e == "string" ? /* @__PURE__ */ d.default.createElement("source", { key: t, src: e }) : /* @__PURE__ */ d.default.createElement("source", { key: t, ...e })), r(this, "renderTrack", (e, t) => /* @__PURE__ */ d.default.createElement("track", { key: t, ...e })), r(this, "ref", (e) => {
+      this.player && (this.prevPlayer = this.player), this.player = e;
+    });
+  }
+  componentDidMount() {
+    this.props.onMount && this.props.onMount(this), this.addListeners(this.player);
+    const e = this.getSource(this.props.url);
+    e && (this.player.src = e), (v || this.props.config.forceDisableHls) && this.player.load();
+  }
+  componentDidUpdate(e) {
+    this.shouldUseAudio(this.props) !== this.shouldUseAudio(e) && (this.removeListeners(this.prevPlayer, e.url), this.addListeners(this.player)), this.props.url !== e.url && !(0, a.isMediaStream)(this.props.url) && !(this.props.url instanceof Array) && (this.player.srcObject = null);
+  }
+  componentWillUnmount() {
+    this.player.removeAttribute("src"), this.removeListeners(this.player), this.hls && this.hls.destroy();
+  }
+  addListeners(e) {
+    const { url: t, playsinline: i } = this.props;
+    e.addEventListener("play", this.onPlay), e.addEventListener("waiting", this.onBuffer), e.addEventListener("playing", this.onBufferEnd), e.addEventListener("pause", this.onPause), e.addEventListener("seeked", this.onSeek), e.addEventListener("ended", this.onEnded), e.addEventListener("error", this.onError), e.addEventListener("ratechange", this.onPlayBackRateChange), e.addEventListener("enterpictureinpicture", this.onEnablePIP), e.addEventListener("leavepictureinpicture", this.onDisablePIP), e.addEventListener("webkitpresentationmodechanged", this.onPresentationModeChange), this.shouldUseHLS(t) || e.addEventListener("canplay", this.onReady), i && (e.setAttribute("playsinline", ""), e.setAttribute("webkit-playsinline", ""), e.setAttribute("x5-playsinline", ""));
+  }
+  removeListeners(e, t) {
+    e.removeEventListener("canplay", this.onReady), e.removeEventListener("play", this.onPlay), e.removeEventListener("waiting", this.onBuffer), e.removeEventListener("playing", this.onBufferEnd), e.removeEventListener("pause", this.onPause), e.removeEventListener("seeked", this.onSeek), e.removeEventListener("ended", this.onEnded), e.removeEventListener("error", this.onError), e.removeEventListener("ratechange", this.onPlayBackRateChange), e.removeEventListener("enterpictureinpicture", this.onEnablePIP), e.removeEventListener("leavepictureinpicture", this.onDisablePIP), e.removeEventListener("webkitpresentationmodechanged", this.onPresentationModeChange), this.shouldUseHLS(t) || e.removeEventListener("canplay", this.onReady);
+  }
+  shouldUseAudio(e) {
+    return e.config.forceVideo || e.config.attributes.poster ? !1 : c.AUDIO_EXTENSIONS.test(e.url) || e.config.forceAudio;
+  }
+  shouldUseHLS(e) {
+    return V && this.props.config.forceSafariHLS || this.props.config.forceHLS ? !0 : v || this.props.config.forceDisableHls ? !1 : c.HLS_EXTENSIONS.test(e) || f.test(e);
+  }
+  shouldUseDASH(e) {
+    return c.DASH_EXTENSIONS.test(e) || this.props.config.forceDASH;
+  }
+  shouldUseFLV(e) {
+    return c.FLV_EXTENSIONS.test(e) || this.props.config.forceFLV;
+  }
+  load(e) {
+    const { hlsVersion: t, hlsOptions: i, dashVersion: n, flvVersion: l } = this.props.config;
+    if (this.hls && this.hls.destroy(), this.dash && this.dash.reset(), this.shouldUseHLS(e) && (0, a.getSDK)(T.replace("VERSION", t), C).then((o) => {
+      if (this.hls = new o(i), this.hls.on(o.Events.MANIFEST_PARSED, () => {
+        this.props.onReady();
+      }), this.hls.on(o.Events.ERROR, (h, p) => {
+        this.props.onError(h, p, this.hls, o);
+      }), f.test(e)) {
+        const h = e.match(f)[1];
+        this.hls.loadSource(W.replace("{id}", h));
+      } else
+        this.hls.loadSource(e);
+      this.hls.attachMedia(this.player), this.props.onLoaded();
+    }), this.shouldUseDASH(e) && (0, a.getSDK)(B.replace("VERSION", n), x).then((o) => {
+      this.dash = o.MediaPlayer().create(), this.dash.initialize(this.player, e, this.props.playing), this.dash.on("error", this.props.onError), parseInt(n) < 3 ? this.dash.getDebug().setLogToBrowserConsole(!1) : this.dash.updateSettings({ debug: { logLevel: o.Debug.LOG_LEVEL_NONE } }), this.props.onLoaded();
+    }), this.shouldUseFLV(e) && (0, a.getSDK)(K.replace("VERSION", l), G).then((o) => {
+      this.flv = o.createPlayer({ type: "flv", url: e }), this.flv.attachMediaElement(this.player), this.flv.on(o.Events.ERROR, (h, p) => {
+        this.props.onError(h, p, this.flv, o);
+      }), this.flv.load(), this.props.onLoaded();
+    }), e instanceof Array)
+      this.player.load();
+    else if ((0, a.isMediaStream)(e))
+      try {
+        this.player.srcObject = e;
+      } catch {
+        this.player.src = window.URL.createObjectURL(e);
+      }
+  }
+  play() {
+    const e = this.player.play();
+    e && e.catch(this.props.onError);
+  }
+  pause() {
+    this.player.pause();
+  }
+  stop() {
+    this.player.removeAttribute("src"), this.dash && this.dash.reset();
+  }
+  seekTo(e, t = !0) {
+    this.player.currentTime = e, t || this.pause();
+  }
+  setVolume(e) {
+    this.player.volume = e;
+  }
+  enablePIP() {
+    this.player.requestPictureInPicture && document.pictureInPictureElement !== this.player ? this.player.requestPictureInPicture() : (0, a.supportsWebKitPresentationMode)(this.player) && this.player.webkitPresentationMode !== "picture-in-picture" && this.player.webkitSetPresentationMode("picture-in-picture");
+  }
+  disablePIP() {
+    document.exitPictureInPicture && document.pictureInPictureElement === this.player ? document.exitPictureInPicture() : (0, a.supportsWebKitPresentationMode)(this.player) && this.player.webkitPresentationMode !== "inline" && this.player.webkitSetPresentationMode("inline");
+  }
+  setPlaybackRate(e) {
+    try {
+      this.player.playbackRate = e;
+    } catch (t) {
+      this.props.onError(t);
+    }
+  }
+  getDuration() {
+    if (!this.player)
+      return null;
+    const { duration: e, seekable: t } = this.player;
+    return e === 1 / 0 && t.length > 0 ? t.end(t.length - 1) : e;
+  }
+  getCurrentTime() {
+    return this.player ? this.player.currentTime : null;
+  }
+  getSecondsLoaded() {
+    if (!this.player)
+      return null;
+    const { buffered: e } = this.player;
+    if (e.length === 0)
+      return 0;
+    const t = e.end(e.length - 1), i = this.getDuration();
+    return t > i ? i : t;
+  }
+  getSource(e) {
+    const t = this.shouldUseHLS(e), i = this.shouldUseDASH(e), n = this.shouldUseFLV(e);
+    if (!(e instanceof Array || (0, a.isMediaStream)(e) || t || i || n))
+      return X.test(e) ? e.replace("www.dropbox.com", "dl.dropboxusercontent.com") : e;
+  }
+  render() {
+    const { url: e, playing: t, loop: i, controls: n, muted: l, config: o, width: h, height: p } = this.props, L = this.shouldUseAudio(this.props) ? "audio" : "video", S = {
+      width: h === "auto" ? h : "100%",
+      height: p === "auto" ? p : "100%"
+    };
+    return /* @__PURE__ */ d.default.createElement(
+      L,
+      {
+        ref: this.ref,
+        src: this.getSource(e),
+        style: S,
+        preload: "auto",
+        autoPlay: t || void 0,
+        controls: n,
+        muted: l,
+        loop: i,
+        ...o.attributes
+      },
+      e instanceof Array && e.map(this.renderSourceElement),
+      o.tracks.map(this.renderTrack)
+    );
+  }
+}
+r(P, "displayName", "FilePlayer");
+r(P, "canPlay", c.canPlay.file);
+const q = /* @__PURE__ */ b(g), Q = /* @__PURE__ */ R({
+  __proto__: null,
+  default: q
+}, [g]);
+export {
+  Q as F
+};