@lanaco/lnc-react-ui 4.0.112 → 4.0.113

package/dist/FilePlayer-9FdL9kM0.js

@@ -0,0 +1,202 @@
+import { g as b } from "./_commonjsHelpers-BkfeUUK-.js";
+import _ from "react";
+import { u as O, p as A } from "./SearchSection-xe0nvARV.js";
+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 });
+}, m = (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)) : {}, m(
+  // 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) => m(u({}, "__esModule", { value: !0 }), s), r = (s, e, t) => (U(s, typeof e != "symbol" ? e + "" : e, t), t), E = {};
+N(E, {
+  default: () => P
+});
+var g = H(E), d = j(_), a = O, c = A;
+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 z = /* @__PURE__ */ b(g), Y = /* @__PURE__ */ R({
+  __proto__: null,
+  default: z
+}, [g]);
+export {
+  Y as F
+};

package/dist/FilePlayer-D9up8eWZ.cjs

@@ -0,0 +1 @@
+"use strict";const _=require("./_commonjsHelpers-DwTZ_eVU.cjs"),O=require("react"),E=require("./SearchSection-BUD-hnQA.cjs");function A(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 R=Object.create,u=Object.defineProperty,I=Object.getOwnPropertyDescriptor,D=Object.getOwnPropertyNames,w=Object.getPrototypeOf,M=Object.prototype.hasOwnProperty,k=(s,e,t)=>e in s?u(s,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):s[e]=t,U=(s,e)=>{for(var t in e)u(s,t,{get:e[t],enumerable:!0})},m=(s,e,t,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of D(e))!M.call(s,n)&&n!==t&&u(s,n,{get:()=>e[n],enumerable:!(i=I(e,n))||i.enumerable});return s},N=(s,e,t)=>(t=s!=null?R(w(s)):{},m(!s||!s.__esModule?u(t,"default",{value:s,enumerable:!0}):t,s)),j=s=>m(u({},"__esModule",{value:!0}),s),r=(s,e,t)=>(k(s,typeof e!="symbol"?e+"":e,t),t),g={};U(g,{default:()=>P});var S=j(g),p=N(O),a=E.utils,d=E.patterns;const y=typeof navigator<"u",H=y&&navigator.platform==="MacIntel"&&navigator.maxTouchPoints>1,v=y&&(/iPad|iPhone|iPod/.test(navigator.userAgent)||H)&&!window.MSStream,F=y&&/^((?!chrome|android).)*safari/i.test(navigator.userAgent)&&!window.MSStream,V="https://cdn.jsdelivr.net/npm/hls.js@VERSION/dist/hls.min.js",T="Hls",C="https://cdnjs.cloudflare.com/ajax/libs/dashjs/VERSION/dash.all.min.js",B="dashjs",x="https://cdn.jsdelivr.net/npm/flv.js@VERSION/dist/flv.min.js",K="flvjs",q=/www\.dropbox\.com\/.+/,f=/https:\/\/watch\.cloudflarestream\.com\/([a-z0-9]+)/,G="https://videodelivery.net/{id}/manifest/video.m3u8";class P extends p.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"?p.default.createElement("source",{key:t,src:e}):p.default.createElement("source",{key:t,...e})),r(this,"renderTrack",(e,t)=>p.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:d.AUDIO_EXTENSIONS.test(e.url)||e.config.forceAudio}shouldUseHLS(e){return F&&this.props.config.forceSafariHLS||this.props.config.forceHLS?!0:v||this.props.config.forceDisableHls?!1:d.HLS_EXTENSIONS.test(e)||f.test(e)}shouldUseDASH(e){return d.DASH_EXTENSIONS.test(e)||this.props.config.forceDASH}shouldUseFLV(e){return d.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)(V.replace("VERSION",t),T).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,c)=>{this.props.onError(h,c,this.hls,o)}),f.test(e)){const h=e.match(f)[1];this.hls.loadSource(G.replace("{id}",h))}else this.hls.loadSource(e);this.hls.attachMedia(this.player),this.props.onLoaded()}),this.shouldUseDASH(e)&&(0,a.getSDK)(C.replace("VERSION",n),B).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)(x.replace("VERSION",l),K).then(o=>{this.flv=o.createPlayer({type:"flv",url:e}),this.flv.attachMediaElement(this.player),this.flv.on(o.Events.ERROR,(h,c)=>{this.props.onError(h,c,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 q.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:c}=this.props,L=this.shouldUseAudio(this.props)?"audio":"video",b={width:h==="auto"?h:"100%",height:c==="auto"?c:"100%"};return p.default.createElement(L,{ref:this.ref,src:this.getSource(e),style:b,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",d.canPlay.file);const X=_.getDefaultExportFromCjs(S),W=A({__proto__:null,default:X},[S]);exports.FilePlayer=W;

package/dist/FlexBox.cjs

@@ -1,4 +1,4 @@
-"use strict";const w=require("react/jsx-runtime"),d=require("react"),y=require("./emotion-styled.browser.esm-BtEseadx.cjs"),r=require("./index-BPVoEhTF.cjs"),f={Row:"row",RowReverse:"row-reverse",Column:"column",ColumnReverse:"column-reverse"},m={NoWrap:"nowrap",Wrap:"wrap",WrapReverse:"wrap-reverse"},x={Start:"flex-start",Center:"center",End:"flex-end",SpaceAround:"space-around",SpaceBetween:"space-between",SpaceEvenly:"space-evenly"},S={Start:"flex-start",Center:"center",Stretch:"stretch",End:"flex-end",Baseline:"baseline"},g=y.styled.div`
+"use strict";const w=require("react/jsx-runtime"),d=require("react"),y=require("./emotion-styled.browser.esm-BtEseadx.cjs"),r=require("./index-BpbMKBf_.cjs"),f={Row:"row",RowReverse:"row-reverse",Column:"column",ColumnReverse:"column-reverse"},m={NoWrap:"nowrap",Wrap:"wrap",WrapReverse:"wrap-reverse"},x={Start:"flex-start",Center:"center",End:"flex-end",SpaceAround:"space-around",SpaceBetween:"space-between",SpaceEvenly:"space-evenly"},S={Start:"flex-start",Center:"center",Stretch:"stretch",End:"flex-end",Baseline:"baseline"},g=y.styled.div`
   display: flex;
   flex-direction: ${e=>f[e.direction]};
   flex-wrap: ${e=>m[e.wrap]};

package/dist/FlexBox.js

@@ -1,7 +1,7 @@
 import { jsx as f } from "react/jsx-runtime";
 import { forwardRef as m } from "react";
 import { s as w } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { P as r } from "./index-S5Cd7WrG.js";
+import { P as r } from "./index-CblbdqjE.js";
 const d = {
   Row: "row",
   RowReverse: "row-reverse",

package/dist/FlexGrid.cjs

@@ -1 +1 @@
-"use strict";const P=require("react/jsx-runtime"),r=require("react"),e=require("./index-BPVoEhTF.cjs"),S=require("./FlexBox.cjs"),d=require("./FlexGridItem.cjs"),t=r.forwardRef((p,o)=>{const{columns:s=12,spacing:c,rowSpacing:i,columnSpacing:a,justifyContent:u="Start",alignItems:y="Stretch",children:l,rest:T}=p,m=r.Children.map(l,n=>{if(!(!r.isValidElement(n)||n.type!=d))return r.cloneElement(n,{columns:s,spacing:c,rowSpacing:i,columnSpacing:a})});return P.jsx(S,{ref:o,wrap:"Wrap",justifyContent:u,alignItems:y,...T,children:m})});t.propTypes={columns:e.PropTypes.number,spacing:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.object]),rowSpacing:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.object]),columnSpacing:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.object]),justifyContent:e.PropTypes.oneOf(["Start","Center","End","SpaceAround","SpaceBetween","SpaceEvenly"]),alignItems:e.PropTypes.oneOf(["Start","Center","Stretch","End","Baseline"])};module.exports=t;
+"use strict";const P=require("react/jsx-runtime"),r=require("react"),e=require("./index-BpbMKBf_.cjs"),S=require("./FlexBox.cjs"),d=require("./FlexGridItem.cjs"),t=r.forwardRef((p,o)=>{const{columns:s=12,spacing:c,rowSpacing:i,columnSpacing:a,justifyContent:u="Start",alignItems:y="Stretch",children:l,rest:T}=p,m=r.Children.map(l,n=>{if(!(!r.isValidElement(n)||n.type!=d))return r.cloneElement(n,{columns:s,spacing:c,rowSpacing:i,columnSpacing:a})});return P.jsx(S,{ref:o,wrap:"Wrap",justifyContent:u,alignItems:y,...T,children:m})});t.propTypes={columns:e.PropTypes.number,spacing:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.object]),rowSpacing:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.object]),columnSpacing:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.object]),justifyContent:e.PropTypes.oneOf(["Start","Center","End","SpaceAround","SpaceBetween","SpaceEvenly"]),alignItems:e.PropTypes.oneOf(["Start","Center","Stretch","End","Baseline"])};module.exports=t;

package/dist/FlexGrid.js

@@ -1,6 +1,6 @@
 import { jsx as u } from "react/jsx-runtime";
 import { forwardRef as S, Children as d, isValidElement as y, cloneElement as g } from "react";
-import { P as e } from "./index-S5Cd7WrG.js";
+import { P as e } from "./index-CblbdqjE.js";
 import b from "./FlexBox.js";
 import j from "./FlexGridItem.js";
 const x = S((r, t) => {

package/dist/FlexGridItem.cjs

@@ -1,4 +1,4 @@
-"use strict";const X=require("react/jsx-runtime"),i=require("react"),n=require("./index-BPVoEhTF.cjs"),g=require("./emotion-styled.browser.esm-BtEseadx.cjs"),q=require("./utils-CZynEOC_.cjs"),$=g.styled.div`
+"use strict";const X=require("react/jsx-runtime"),i=require("react"),n=require("./index-BpbMKBf_.cjs"),g=require("./emotion-styled.browser.esm-BtEseadx.cjs"),q=require("./utils-CZynEOC_.cjs"),$=g.styled.div`
   ${s=>s.width>0?"":"flex: 1;"}
   min-width: ${s=>100/s.columns}%;
   width: ${s=>s.width}%;

package/dist/FlexGridItem.js

@@ -1,6 +1,6 @@
 import { jsx as y } from "react/jsx-runtime";
 import { forwardRef as N, useState as S, useEffect as b } from "react";
-import { P as i } from "./index-S5Cd7WrG.js";
+import { P as i } from "./index-CblbdqjE.js";
 import { s as I } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { u as M } from "./utils-BbgAIA9N.js";
 const W = I.div`

package/dist/Footer.cjs

@@ -1 +1 @@
-"use strict";const n=require("react/jsx-runtime"),i=require("react"),c=require("./index-BPVoEhTF.cjs"),e=i.forwardRef((r,o)=>{const{children:t,__TYPE__:_="Footer",...s}=r;return n.jsx("footer",{ref:o,...s,children:t})});e.propTypes={__TYPE__:c.PropTypes.string};e.displayName="Footer";module.exports=e;
+"use strict";const n=require("react/jsx-runtime"),i=require("react"),c=require("./index-BpbMKBf_.cjs"),e=i.forwardRef((r,o)=>{const{children:t,__TYPE__:_="Footer",...s}=r;return n.jsx("footer",{ref:o,...s,children:t})});e.propTypes={__TYPE__:c.PropTypes.string};e.displayName="Footer";module.exports=e;

package/dist/Footer.js

@@ -1,6 +1,6 @@
 import { jsx as s } from "react/jsx-runtime";
 import { forwardRef as _ } from "react";
-import { P as f } from "./index-S5Cd7WrG.js";
+import { P as f } from "./index-CblbdqjE.js";
 const o = _((r, t) => {
   const { children: e, __TYPE__: m = "Footer", ...p } = r;
   return /* @__PURE__ */ s("footer", { ref: t, ...p, children: e });

package/dist/FormField.cjs

@@ -1,4 +1,4 @@
-"use strict";const o=require("react/jsx-runtime"),r=require("./index-BPVoEhTF.cjs"),a=require("./emotion-styled.browser.esm-BtEseadx.cjs"),s=require("./utils-CZynEOC_.cjs"),b=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),g=a.styled.label`
+"use strict";const o=require("react/jsx-runtime"),r=require("./index-BpbMKBf_.cjs"),a=require("./emotion-styled.browser.esm-BtEseadx.cjs"),s=require("./utils-CZynEOC_.cjs"),b=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),g=a.styled.label`
   display: block;
   margin-bottom: 4px;
   ${e=>s.getComponentTypographyCss(e.theme,"FormField",e.size,"enabled")}

package/dist/FormField.js

@@ -1,5 +1,5 @@
 import { jsxs as b, jsx as a } from "react/jsx-runtime";
-import { P as l } from "./index-S5Cd7WrG.js";
+import { P as l } from "./index-CblbdqjE.js";
 import { s as m } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { c as i, b as n } from "./utils-BbgAIA9N.js";
 import { u as g } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";

package/dist/FormView.cjs

@@ -1,4 +1,4 @@
-"use strict";const e=require("react/jsx-runtime"),W=require("react"),r=require("./index-BPVoEhTF.cjs"),g=require("./emotion-styled.browser.esm-BtEseadx.cjs"),$=require("./FlexGrid.cjs"),M=require("./FlexGridItem.cjs"),b=require("./Button.cjs"),m=require("./IconButton.cjs"),Y=require("./TextInput.cjs"),U=require("./CheckBoxInput.cjs"),H=require("./RadioGroup.cjs"),J=require("./NumberInput.cjs"),K=require("./DecimalInput.cjs"),L=require("./PasswordInput.cjs"),Q=require("./TextAreaInput.cjs"),X=require("./TimeInput.cjs"),Z=require("./ColorInput.cjs"),z=require("./FileInput.cjs"),ee=require("./RangeSlider.cjs"),x=require("./utils-CZynEOC_.cjs"),re=require("./FormField.cjs"),te=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),oe=g.styled.div`
+"use strict";const e=require("react/jsx-runtime"),W=require("react"),r=require("./index-BpbMKBf_.cjs"),g=require("./emotion-styled.browser.esm-BtEseadx.cjs"),$=require("./FlexGrid.cjs"),M=require("./FlexGridItem.cjs"),b=require("./Button.cjs"),m=require("./IconButton.cjs"),Y=require("./TextInput.cjs"),U=require("./CheckBoxInput.cjs"),H=require("./RadioGroup.cjs"),J=require("./NumberInput.cjs"),K=require("./DecimalInput.cjs"),L=require("./PasswordInput.cjs"),Q=require("./TextAreaInput.cjs"),X=require("./TimeInput.cjs"),Z=require("./ColorInput.cjs"),z=require("./FileInput.cjs"),ee=require("./RangeSlider.cjs"),x=require("./utils-CZynEOC_.cjs"),re=require("./FormField.cjs"),te=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),oe=g.styled.div`
   display: flex;
   justify-content: space-between;
 `,se=g.styled.form`

package/dist/FormView.js

@@ -1,6 +1,6 @@
 import { jsxs as m, jsx as r, Fragment as g } from "react/jsx-runtime";
 import { forwardRef as W } from "react";
-import { P as e } from "./index-S5Cd7WrG.js";
+import { P as e } from "./index-CblbdqjE.js";
 import { s as y } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import M from "./FlexGrid.js";
 import Y from "./FlexGridItem.js";

package/dist/Grid.cjs

@@ -1,4 +1,4 @@
-"use strict";const j=require("react/jsx-runtime"),w=require("react"),t=require("./index-BPVoEhTF.cjs"),G=require("./emotion-styled.browser.esm-BtEseadx.cjs"),I=G.styled.div`
+"use strict";const j=require("react/jsx-runtime"),w=require("react"),t=require("./index-BpbMKBf_.cjs"),G=require("./emotion-styled.browser.esm-BtEseadx.cjs"),I=G.styled.div`
   display: ${e=>e.inline?"inline-grid":"grid"};
   row-gap: ${e=>e.rowGap?e.rowGap:e.gap?e.gap:0};
   column-gap: ${e=>e.columnGap?e.columnGap:e.gap?e.gap:0};

package/dist/Grid.js

@@ -1,6 +1,6 @@
 import { jsx as G } from "react/jsx-runtime";
 import { forwardRef as I } from "react";
-import { P as e } from "./index-S5Cd7WrG.js";
+import { P as e } from "./index-CblbdqjE.js";
 import { s as C } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 const h = C.div`
   display: ${(t) => t.inline ? "inline-grid" : "grid"};

package/dist/GridItem.cjs

@@ -1,4 +1,4 @@
-"use strict";const f=require("react/jsx-runtime"),p=require("react"),t=require("./index-BPVoEhTF.cjs"),T=require("./emotion-styled.browser.esm-BtEseadx.cjs"),P=T.styled.div`
+"use strict";const f=require("react/jsx-runtime"),p=require("react"),t=require("./index-BpbMKBf_.cjs"),T=require("./emotion-styled.browser.esm-BtEseadx.cjs"),P=T.styled.div`
   display: ${e=>e.inline?"inline-grid":"grid"};
   row-gap: ${e=>e.rowGap?e.rowGap:e.gap?e.gap:0};
   column-gap: ${e=>e.columnGap?e.columnGap:e.gap?e.gap:0};

package/dist/GridItem.js

@@ -1,6 +1,6 @@
 import { jsx as w } from "react/jsx-runtime";
 import { forwardRef as y } from "react";
-import { P as e } from "./index-S5Cd7WrG.js";
+import { P as e } from "./index-CblbdqjE.js";
 import { s as E } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 const b = E.div`
   display: ${(t) => t.inline ? "inline-grid" : "grid"};

package/dist/Header.cjs

@@ -1 +1 @@
-"use strict";const i=require("react/jsx-runtime"),o=require("react"),a=require("./index-BPVoEhTF.cjs"),e=o.forwardRef((r,s)=>{const{children:t,__TYPE__:c="Header",...n}=r;return i.jsx("header",{ref:s,...n,children:t})});e.propTypes={__TYPE__:a.PropTypes.string};e.displayName="Header";module.exports=e;
+"use strict";const i=require("react/jsx-runtime"),o=require("react"),a=require("./index-BpbMKBf_.cjs"),e=o.forwardRef((r,s)=>{const{children:t,__TYPE__:c="Header",...n}=r;return i.jsx("header",{ref:s,...n,children:t})});e.propTypes={__TYPE__:a.PropTypes.string};e.displayName="Header";module.exports=e;

package/dist/Header.js

@@ -1,6 +1,6 @@
 import { jsx as s } from "react/jsx-runtime";
 import { forwardRef as t } from "react";
-import { P as d } from "./index-S5Cd7WrG.js";
+import { P as d } from "./index-CblbdqjE.js";
 const r = t((e, o) => {
   const { children: a, __TYPE__: _ = "Header", ...p } = e;
   return /* @__PURE__ */ s("header", { ref: o, ...p, children: a });

package/dist/HelpBannerSection.cjs

@@ -0,0 +1,62 @@
+"use strict";const e=require("react/jsx-runtime"),c=require("react"),t=require("./index-BpbMKBf_.cjs"),l=require("./emotion-styled.browser.esm-BtEseadx.cjs"),a=require("./consts-goSZX3xP.cjs"),m=l.styled.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 2rem;
+
+  & .section__heading {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 0.5rem;
+    text-align: center;
+
+    & .section__title {
+      color: var(--gray-900, #0c1520);
+      font-size: 1.5rem;
+      font-style: normal;
+      font-weight: 600;
+      line-height: 2rem;
+    }
+
+    & .section__description {
+      color: var(--gray-500, #7a8594);
+      font-size: 1rem;
+      font-style: normal;
+      font-weight: 500;
+      line-height: 1.5rem;
+    }
+  }
+
+  @media (max-width: ${a.MOBILE_SIZE_PX+"px"}) {
+    & .section__heading {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      gap: 0.5rem;
+      text-align: center;
+
+      & .section__title {
+        color: var(--gray-900, #0c1520);
+        font-size: 1rem;
+        font-style: normal;
+        font-weight: 500;
+        line-height: 1.5rem;
+      }
+
+      & .section__description {
+        color: var(--gray-500, #7a8594);
+        font-size: 0.875rem;
+        font-style: normal;
+        font-weight: 400;
+        line-height: 1.25rem;
+        letter-spacing: 0.0156rem;
+      }
+    }
+
+    & .section__image {
+      width: 100%;
+      height: auto;
+    }
+  }
+`,s=c.forwardRef(({title:i,description:n,image:r},o)=>e.jsxs(m,{ref:o,children:[e.jsxs("div",{className:"section__heading",children:[i&&e.jsx("div",{className:"section__title",children:i}),n&&e.jsx("div",{className:"section__description",children:n})]}),r&&e.jsx("img",{src:r,alt:"Banner",className:"section__image"})]}));s.propTypes={title:t.PropTypes.string,description:t.PropTypes.string,image:t.PropTypes.string};module.exports=s;

package/dist/HelpBannerSection.js

@@ -0,0 +1,81 @@
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import { forwardRef as a } from "react";
+import { P as i } from "./index-CblbdqjE.js";
+import { s as l } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { M as c } from "./consts-BuFChS64.js";
+const m = l.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 2rem;
+
+  & .section__heading {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 0.5rem;
+    text-align: center;
+
+    & .section__title {
+      color: var(--gray-900, #0c1520);
+      font-size: 1.5rem;
+      font-style: normal;
+      font-weight: 600;
+      line-height: 2rem;
+    }
+
+    & .section__description {
+      color: var(--gray-500, #7a8594);
+      font-size: 1rem;
+      font-style: normal;
+      font-weight: 500;
+      line-height: 1.5rem;
+    }
+  }
+
+  @media (max-width: ${c + "px"}) {
+    & .section__heading {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      gap: 0.5rem;
+      text-align: center;
+
+      & .section__title {
+        color: var(--gray-900, #0c1520);
+        font-size: 1rem;
+        font-style: normal;
+        font-weight: 500;
+        line-height: 1.5rem;
+      }
+
+      & .section__description {
+        color: var(--gray-500, #7a8594);
+        font-size: 0.875rem;
+        font-style: normal;
+        font-weight: 400;
+        line-height: 1.25rem;
+        letter-spacing: 0.0156rem;
+      }
+    }
+
+    & .section__image {
+      width: 100%;
+      height: auto;
+    }
+  }
+`, g = a(({ title: t, description: n, image: r }, s) => /* @__PURE__ */ o(m, { ref: s, children: [
+  /* @__PURE__ */ o("div", { className: "section__heading", children: [
+    t && /* @__PURE__ */ e("div", { className: "section__title", children: t }),
+    n && /* @__PURE__ */ e("div", { className: "section__description", children: n })
+  ] }),
+  r && /* @__PURE__ */ e("img", { src: r, alt: "Banner", className: "section__image" })
+] }));
+g.propTypes = {
+  title: i.string,
+  description: i.string,
+  image: i.string
+};
+export {
+  g as default
+};

package/dist/Icon.cjs

@@ -1,4 +1,4 @@
-"use strict";const n=require("react/jsx-runtime"),z=require("react"),s=require("./index-BPVoEhTF.cjs"),P=require("./emotion-styled.browser.esm-BtEseadx.cjs"),o=require("./utils-CZynEOC_.cjs"),b=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),I=P.styled.span`
+"use strict";const n=require("react/jsx-runtime"),z=require("react"),s=require("./index-BpbMKBf_.cjs"),P=require("./emotion-styled.browser.esm-BtEseadx.cjs"),o=require("./utils-CZynEOC_.cjs"),b=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),I=P.styled.span`
   box-sizing: border-box;
   ${e=>e.sizeInUnits&&e.sizeInUnits!=""?`font-size: ${e.sizeInUnits}`:o.getComponentTypographyCss(e.theme,"Icon",e.size,"enabled")};
   ${e=>e.color&&`color: ${o.getColorRgbaValue(e.theme,"Icon",e.color,"enabled","icon")}`};

package/dist/Icon.js

@@ -1,6 +1,6 @@
 import { jsx as n } from "react/jsx-runtime";
 import { forwardRef as z } from "react";
-import { P as o } from "./index-S5Cd7WrG.js";
+import { P as o } from "./index-CblbdqjE.js";
 import { s as I } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { c as b, b as h } from "./utils-BbgAIA9N.js";
 import { u as p } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";

package/dist/IconButton.cjs

@@ -1,4 +1,4 @@
-"use strict";const i=require("react/jsx-runtime"),C=require("react"),l=require("./index-BPVoEhTF.cjs"),h=require("./emotion-styled.browser.esm-BtEseadx.cjs"),t=require("./utils-CZynEOC_.cjs"),F=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),y=e=>`
+"use strict";const i=require("react/jsx-runtime"),C=require("react"),l=require("./index-BpbMKBf_.cjs"),h=require("./emotion-styled.browser.esm-BtEseadx.cjs"),t=require("./utils-CZynEOC_.cjs"),F=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),y=e=>`
         outline: none;
         display: inline-flex;
         flex-direction: row;

package/dist/IconButton.js

@@ -1,6 +1,6 @@
 import { jsx as i } from "react/jsx-runtime";
 import { forwardRef as I, isValidElement as S } from "react";
-import { P as n } from "./index-S5Cd7WrG.js";
+import { P as n } from "./index-CblbdqjE.js";
 import { s as g } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { c as f, b as t, d as l, e as k, h as y, a as V } from "./utils-BbgAIA9N.js";
 import { u as j } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";

package/dist/Kaltura-C170sgeD.cjs

@@ -0,0 +1 @@
+"use strict";const _=require("./_commonjsHelpers-DwTZ_eVU.cjs"),f=require("react"),c=require("./SearchSection-BUD-hnQA.cjs");function m(r,e){for(var t=0;t<e.length;t++){const o=e[t];if(typeof o!="string"&&!Array.isArray(o)){for(const a in o)if(a!=="default"&&!(a in r)){const l=Object.getOwnPropertyDescriptor(o,a);l&&Object.defineProperty(r,a,l.get?l:{enumerable:!0,get:()=>o[a]})}}}return Object.freeze(Object.defineProperty(r,Symbol.toStringTag,{value:"Module"}))}var P=Object.create,n=Object.defineProperty,g=Object.getOwnPropertyDescriptor,b=Object.getOwnPropertyNames,v=Object.getPrototypeOf,O=Object.prototype.hasOwnProperty,j=(r,e,t)=>e in r?n(r,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[e]=t,w=(r,e)=>{for(var t in e)n(r,t,{get:e[t],enumerable:!0})},h=(r,e,t,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of b(e))!O.call(r,a)&&a!==t&&n(r,a,{get:()=>e[a],enumerable:!(o=g(e,a))||o.enumerable});return r},L=(r,e,t)=>(t=r!=null?P(v(r)):{},h(!r||!r.__esModule?n(t,"default",{value:r,enumerable:!0}):t,r)),K=r=>h(n({},"__esModule",{value:!0}),r),s=(r,e,t)=>(j(r,typeof e!="symbol"?e+"":e,t),t),d={};w(d,{default:()=>i});var y=K(d),u=L(f),p=c.utils,S=c.patterns;const D="https://cdn.embed.ly/player-0.1.0.min.js",M="playerjs";class i extends u.Component{constructor(){super(...arguments),s(this,"callPlayer",p.callPlayer),s(this,"duration",null),s(this,"currentTime",null),s(this,"secondsLoaded",null),s(this,"mute",()=>{this.callPlayer("mute")}),s(this,"unmute",()=>{this.callPlayer("unmute")}),s(this,"ref",e=>{this.iframe=e})}componentDidMount(){this.props.onMount&&this.props.onMount(this)}load(e){(0,p.getSDK)(D,M).then(t=>{this.iframe&&(this.player=new t.Player(this.iframe),this.player.on("ready",()=>{setTimeout(()=>{this.player.isReady=!0,this.player.setLoop(this.props.loop),this.props.muted&&this.player.mute(),this.addListeners(this.player,this.props),this.props.onReady()},500)}))},this.props.onError)}addListeners(e,t){e.on("play",t.onPlay),e.on("pause",t.onPause),e.on("ended",t.onEnded),e.on("error",t.onError),e.on("timeupdate",({duration:o,seconds:a})=>{this.duration=o,this.currentTime=a})}play(){this.callPlayer("play")}pause(){this.callPlayer("pause")}stop(){}seekTo(e,t=!0){this.callPlayer("setCurrentTime",e),t||this.pause()}setVolume(e){this.callPlayer("setVolume",e)}setLoop(e){this.callPlayer("setLoop",e)}getDuration(){return this.duration}getCurrentTime(){return this.currentTime}getSecondsLoaded(){return this.secondsLoaded}render(){const e={width:"100%",height:"100%"};return u.default.createElement("iframe",{ref:this.ref,src:this.props.url,frameBorder:"0",scrolling:"no",style:e,allow:"encrypted-media; autoplay; fullscreen;",referrerPolicy:"no-referrer-when-downgrade"})}}s(i,"displayName","Kaltura");s(i,"canPlay",S.canPlay.kaltura);const T=_.getDefaultExportFromCjs(y),E=m({__proto__:null,default:T},[y]);exports.Kaltura=E;