ublo-lib 1.31.43 → 1.32.0

package/es/common/components/video-player/controls.js

@@ -1,119 +1,42 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import * as Icons from "./icons";
 import * as Utils from "./utils";
 import styles from "./player.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-const Controls = ({
-  started,
-  playing,
-  updatePlaying,
-  progress,
-  loadedAmount,
-  setNewProgress,
-  duration,
-  currentTime,
-  fullScreen,
-  setFullScreen,
-  muted,
-  setMuted
-}) => {
-  const [compatible, setCompatible] = React.useState(true);
-  React.useEffect(() => {
-    setCompatible(Utils.fullScreenCompatible());
-  }, []);
-  const exitHandler = React.useCallback(() => {
-    if (!document.webkitIsFullScreen && !document.mozFullScreen && !document.msFullscreenElement) {
-      setFullScreen(false);
-    }
-  }, [setFullScreen]);
-  React.useEffect(() => {
-    document.addEventListener("fullscreenchange", exitHandler);
-    document.addEventListener("mozfullscreenchange", exitHandler);
-    document.addEventListener("MSFullscreenChange", exitHandler);
-    document.addEventListener("webkitfullscreenchange", exitHandler);
-    return () => {
-      document.removeEventListener("webkitfullscreenchange", exitHandler);
-      document.removeEventListener("MSFullscreenChange", exitHandler);
-      document.removeEventListener("mozfullscreenchange", exitHandler);
-      document.removeEventListener("fullscreenchange", exitHandler);
-    };
-  }, [exitHandler]);
-  const StateIcon = playing ? Icons.Pause : Icons.Play;
-  const SoundIcon = muted ? Icons.VolumeMuted : Icons.VolumeUp;
-  const FullscreenIcon = fullScreen ? Icons.FullScreenExit : Icons.FullScreen;
-  const steps = Array.apply(null, {
-    length: 100
-  }).map(Number.call, Number);
-  const updateProgress = value => () => setNewProgress(value);
-  const toggleMute = () => setMuted(!muted);
-  const toggleFullScreen = () => setFullScreen(!fullScreen);
-  return _jsxs("div", {
-    className: styles.controls,
-    children: [_jsx("div", {
-      className: styles.controlsLeft,
-      children: _jsx("button", {
-        className: styles.controlsPlayButton,
-        onClick: updatePlaying,
-        children: _jsx(StateIcon, {
-          className: styles.controlsPlayIcon
-        })
-      })
-    }), _jsx("div", {
-      className: styles.controlsCenter,
-      children: _jsx("div", {
-        className: styles.controlsProgressBar,
-        children: started && _jsxs(_Fragment, {
-          children: [_jsx("div", {
-            className: styles.controlsProgress,
-            style: {
-              transform: `scaleX(${progress})`
-            }
-          }), _jsx("div", {
-            className: styles.controlsLoaded,
-            style: {
-              transform: `scaleX(${loadedAmount})`
-            }
-          }), _jsx("div", {
-            className: styles.controlsProgressController,
-            children: steps.map(step => {
-              const value = step / 100;
-              return _jsx("button", {
-                onClick: updateProgress(value)
-              }, step);
-            })
-          })]
-        })
-      })
-    }), _jsxs("div", {
-      className: styles.controlsRight,
-      children: [_jsxs("div", {
-        className: styles.controlsTime,
-        children: [_jsx("div", {
-          className: styles.controlsTimeCurrent,
-          children: Utils.formatTime(currentTime)
-        }), _jsx("div", {
-          className: styles.controlsTimeSeparator,
-          children: "/"
-        }), _jsxs("div", {
-          className: styles.controlsTimeEnd,
-          children: [" ", Utils.formatTime(duration)]
-        })]
-      }), _jsx("button", {
-        className: styles.controlsSoundButton,
-        onClick: toggleMute,
-        children: _jsx(SoundIcon, {
-          className: styles.controlsSoundIcon
-        })
-      }), compatible && _jsx("button", {
-        className: styles.controlsFullscreenButton,
-        onClick: toggleFullScreen,
-        children: _jsx(FullscreenIcon, {
-          className: styles.controlsFullscreenIcon
-        })
-      })]
-    })]
-  });
+const Controls = ({ started, playing, updatePlaying, progress, loadedAmount, setNewProgress, duration, currentTime, fullScreen, setFullScreen, muted, setMuted, }) => {
+    const [compatible, setCompatible] = React.useState(true);
+    React.useEffect(() => {
+        setCompatible(Utils.fullScreenCompatible());
+    }, []);
+    const exitHandler = React.useCallback(() => {
+        if (!document.webkitIsFullScreen &&
+            !document.mozFullScreen &&
+            !document.msFullscreenElement) {
+            setFullScreen(false);
+        }
+    }, [setFullScreen]);
+    React.useEffect(() => {
+        document.addEventListener("fullscreenchange", exitHandler);
+        document.addEventListener("mozfullscreenchange", exitHandler);
+        document.addEventListener("MSFullscreenChange", exitHandler);
+        document.addEventListener("webkitfullscreenchange", exitHandler);
+        return () => {
+            document.removeEventListener("webkitfullscreenchange", exitHandler);
+            document.removeEventListener("MSFullscreenChange", exitHandler);
+            document.removeEventListener("mozfullscreenchange", exitHandler);
+            document.removeEventListener("fullscreenchange", exitHandler);
+        };
+    }, [exitHandler]);
+    const StateIcon = playing ? Icons.Pause : Icons.Play;
+    const SoundIcon = muted ? Icons.VolumeMuted : Icons.VolumeUp;
+    const FullscreenIcon = fullScreen ? Icons.FullScreenExit : Icons.FullScreen;
+    const steps = Array.apply(null, { length: 100 }).map(Number.call, Number);
+    const updateProgress = (value) => () => setNewProgress(value);
+    const toggleMute = () => setMuted(!muted);
+    const toggleFullScreen = () => setFullScreen(!fullScreen);
+    return (_jsxs("div", { className: styles.controls, children: [_jsx("div", { className: styles.controlsLeft, children: _jsx("button", { className: styles.controlsPlayButton, onClick: updatePlaying, children: _jsx(StateIcon, { className: styles.controlsPlayIcon }) }) }), _jsx("div", { className: styles.controlsCenter, children: _jsx("div", { className: styles.controlsProgressBar, children: started && (_jsxs(_Fragment, { children: [_jsx("div", { className: styles.controlsProgress, style: { transform: `scaleX(${progress})` } }), _jsx("div", { className: styles.controlsLoaded, style: { transform: `scaleX(${loadedAmount})` } }), _jsx("div", { className: styles.controlsProgressController, children: steps.map((step) => {
+                                    const value = step / 100;
+                                    return _jsx("button", { onClick: updateProgress(value) }, step);
+                                }) })] })) }) }), _jsxs("div", { className: styles.controlsRight, children: [_jsxs("div", { className: styles.controlsTime, children: [_jsx("div", { className: styles.controlsTimeCurrent, children: Utils.formatTime(currentTime) }), _jsx("div", { className: styles.controlsTimeSeparator, children: "/" }), _jsxs("div", { className: styles.controlsTimeEnd, children: [" ", Utils.formatTime(duration)] })] }), _jsx("button", { className: styles.controlsSoundButton, onClick: toggleMute, children: _jsx(SoundIcon, { className: styles.controlsSoundIcon }) }), compatible && (_jsx("button", { className: styles.controlsFullscreenButton, onClick: toggleFullScreen, children: _jsx(FullscreenIcon, { className: styles.controlsFullscreenIcon }) }))] })] }));
 };
-export default React.memo(Controls);
+export default React.memo(Controls);

package/es/common/components/video-player/icons.d.ts

@@ -0,0 +1,7 @@
+export function Play(props: any): import("react/jsx-runtime").JSX.Element;
+export function Pause(props: any): import("react/jsx-runtime").JSX.Element;
+export function FullScreen(props: any): import("react/jsx-runtime").JSX.Element;
+export function FullScreenExit(props: any): import("react/jsx-runtime").JSX.Element;
+export function VolumeUp(props: any): import("react/jsx-runtime").JSX.Element;
+export function VolumeMuted(props: any): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=icons.d.ts.map

package/es/common/components/video-player/icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../../src/common/components/video-player/icons.js"],"names":[],"mappings":"AAaO,0EAIN;AAEM,2EAIN;AAEM,gFAIN;AAEM,oFAIN;AAEM,8EAIN;AAEM,iFAIN"}

package/es/common/components/video-player/icons.js

@@ -1,49 +1,9 @@
-import * as React from "react";
 import { jsx as _jsx } from "react/jsx-runtime";
-const Icon = ({
-  width = 24,
-  height = 24,
-  ...props
-}) => _jsx("svg", {
-  viewBox: `0 0 ${width} ${height}`,
-  width: width,
-  height: height,
-  ...props,
-  children: props.children
-});
-export const Play = props => _jsx(Icon, {
-  ...props,
-  children: _jsx("path", {
-    d: "M8 5v14l11-7z"
-  })
-});
-export const Pause = props => _jsx(Icon, {
-  ...props,
-  children: _jsx("path", {
-    d: "M6 19h4V5H6v14zm8-14v14h4V5h-4z"
-  })
-});
-export const FullScreen = props => _jsx(Icon, {
-  ...props,
-  children: _jsx("path", {
-    d: "M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"
-  })
-});
-export const FullScreenExit = props => _jsx(Icon, {
-  ...props,
-  children: _jsx("path", {
-    d: "M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z"
-  })
-});
-export const VolumeUp = props => _jsx(Icon, {
-  ...props,
-  children: _jsx("path", {
-    d: "M3 10v4c0 .55.45 1 1 1h3l3.29 3.29c.63.63 1.71.18 1.71-.71V6.41c0-.89-1.08-1.34-1.71-.71L7 9H4c-.55 0-1 .45-1 1zm13.5 2c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 4.45v.2c0 .38.25.71.6.85C17.18 6.53 19 9.06 19 12s-1.82 5.47-4.4 6.5c-.36.14-.6.47-.6.85v.2c0 .63.63 1.07 1.21.85C18.6 19.11 21 15.84 21 12s-2.4-7.11-5.79-8.4c-.58-.23-1.21.22-1.21.85z"
-  })
-});
-export const VolumeMuted = props => _jsx(Icon, {
-  ...props,
-  children: _jsx("path", {
-    d: "M3.63 3.63c-.39.39-.39 1.02 0 1.41L7.29 8.7 7 9H4c-.55 0-1 .45-1 1v4c0 .55.45 1 1 1h3l3.29 3.29c.63.63 1.71.18 1.71-.71v-4.17l4.18 4.18c-.49.37-1.02.68-1.6.91-.36.15-.58.53-.58.92 0 .72.73 1.18 1.39.91.8-.33 1.55-.77 2.22-1.31l1.34 1.34c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L5.05 3.63c-.39-.39-1.02-.39-1.42 0zM19 12c0 .82-.15 1.61-.41 2.34l1.53 1.53c.56-1.17.88-2.48.88-3.87 0-3.83-2.4-7.11-5.78-8.4-.59-.23-1.22.23-1.22.86v.19c0 .38.25.71.61.85C17.18 6.54 19 9.06 19 12zm-8.71-6.29l-.17.17L12 7.76V6.41c0-.89-1.08-1.33-1.71-.7zM16.5 12c0-1.77-1.02-3.29-2.5-4.03v1.79l2.48 2.48c.01-.08.02-.16.02-.24z"
-  })
-});
+import * as React from "react";
+const Icon = ({ width = 24, height = 24, ...props }) => (_jsx("svg", { viewBox: `0 0 ${width} ${height}`, width: width, height: height, ...props, children: props.children }));
+export const Play = (props) => (_jsx(Icon, { ...props, children: _jsx("path", { d: "M8 5v14l11-7z" }) }));
+export const Pause = (props) => (_jsx(Icon, { ...props, children: _jsx("path", { d: "M6 19h4V5H6v14zm8-14v14h4V5h-4z" }) }));
+export const FullScreen = (props) => (_jsx(Icon, { ...props, children: _jsx("path", { d: "M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z" }) }));
+export const FullScreenExit = (props) => (_jsx(Icon, { ...props, children: _jsx("path", { d: "M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z" }) }));
+export const VolumeUp = (props) => (_jsx(Icon, { ...props, children: _jsx("path", { d: "M3 10v4c0 .55.45 1 1 1h3l3.29 3.29c.63.63 1.71.18 1.71-.71V6.41c0-.89-1.08-1.34-1.71-.71L7 9H4c-.55 0-1 .45-1 1zm13.5 2c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 4.45v.2c0 .38.25.71.6.85C17.18 6.53 19 9.06 19 12s-1.82 5.47-4.4 6.5c-.36.14-.6.47-.6.85v.2c0 .63.63 1.07 1.21.85C18.6 19.11 21 15.84 21 12s-2.4-7.11-5.79-8.4c-.58-.23-1.21.22-1.21.85z" }) }));
+export const VolumeMuted = (props) => (_jsx(Icon, { ...props, children: _jsx("path", { d: "M3.63 3.63c-.39.39-.39 1.02 0 1.41L7.29 8.7 7 9H4c-.55 0-1 .45-1 1v4c0 .55.45 1 1 1h3l3.29 3.29c.63.63 1.71.18 1.71-.71v-4.17l4.18 4.18c-.49.37-1.02.68-1.6.91-.36.15-.58.53-.58.92 0 .72.73 1.18 1.39.91.8-.33 1.55-.77 2.22-1.31l1.34 1.34c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L5.05 3.63c-.39-.39-1.02-.39-1.42 0zM19 12c0 .82-.15 1.61-.41 2.34l1.53 1.53c.56-1.17.88-2.48.88-3.87 0-3.83-2.4-7.11-5.78-8.4-.59-.23-1.22.23-1.22.86v.19c0 .38.25.71.61.85C17.18 6.54 19 9.06 19 12zm-8.71-6.29l-.17.17L12 7.76V6.41c0-.89-1.08-1.33-1.71-.7zM16.5 12c0-1.77-1.02-3.29-2.5-4.03v1.79l2.48 2.48c.01-.08.02-.16.02-.24z" }) }));

package/es/common/components/video-player/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./video-player";
+//# sourceMappingURL=index.d.ts.map

package/es/common/components/video-player/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/common/components/video-player/index.js"],"names":[],"mappings":""}

package/es/common/components/video-player/index.js

@@ -1 +1 @@
-export { default } from "./video-player";
+export { default } from "./video-player";

package/es/common/components/video-player/utils.d.ts

@@ -0,0 +1,5 @@
+export function formatTime(time: any): string;
+export function fullScreenCompatible(): boolean;
+export function enterFullScreen(el: any): void;
+export function exitFullScreen(): void;
+//# sourceMappingURL=utils.d.ts.map

package/es/common/components/video-player/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/common/components/video-player/utils.js"],"names":[],"mappings":"AAAO,8CAcN;AAEM,gDAEN;AAEM,+CAUN;AAEM,uCAgBN"}

package/es/common/components/video-player/utils.js

@@ -1,40 +1,48 @@
-export const formatTime = time => {
-  const hrs = ~~(time / 3600);
-  const mins = ~~(time % 3600 / 60);
-  const secs = ~~time % 60;
-  let ret = "";
-  if (hrs > 0) {
-    ret += "" + hrs + ":" + (mins < 10 ? "0" : "");
-  }
-  ret += "" + mins + ":" + (secs < 10 ? "0" : "");
-  ret += "" + secs;
-  return ret;
+export const formatTime = (time) => {
+    const hrs = ~~(time / 3600);
+    const mins = ~~((time % 3600) / 60);
+    const secs = ~~time % 60;
+    let ret = "";
+    if (hrs > 0) {
+        ret += "" + hrs + ":" + (mins < 10 ? "0" : "");
+    }
+    ret += "" + mins + ":" + (secs < 10 ? "0" : "");
+    ret += "" + secs;
+    return ret;
 };
 export const fullScreenCompatible = () => {
-  return document.fullscreenEnabled;
+    return document.fullscreenEnabled;
 };
-export const enterFullScreen = el => {
-  if (el.requestFullscreen) {
-    el.requestFullscreen();
-  } else if (el.mozRequestFullScreen) {
-    el.mozRequestFullScreen();
-  } else if (el.webkitRequestFullscreen) {
-    el.webkitRequestFullscreen();
-  } else if (el.msRequestFullscreen) {
-    el.msRequestFullscreen();
-  }
+export const enterFullScreen = (el) => {
+    if (el.requestFullscreen) {
+        el.requestFullscreen();
+    }
+    else if (el.mozRequestFullScreen) {
+        el.mozRequestFullScreen();
+    }
+    else if (el.webkitRequestFullscreen) {
+        el.webkitRequestFullscreen();
+    }
+    else if (el.msRequestFullscreen) {
+        el.msRequestFullscreen();
+    }
 };
 export const exitFullScreen = () => {
-  const isInFullscreenMode = document.fullscreenElement || document.webkitFullscreenElement || document.mozFullScreenElement;
-  if (isInFullscreenMode) {
-    if (document.exitFullscreen) {
-      document.exitFullscreen();
-    } else if (document.webkitExitFullscreen) {
-      document.webkitExitFullscreen();
-    } else if (document.mozCancelFullScreen) {
-      document.mozCancelFullScreen();
-    } else if (document.msExitFullscreen) {
-      document.msExitFullscreen();
+    const isInFullscreenMode = document.fullscreenElement ||
+        document.webkitFullscreenElement ||
+        document.mozFullScreenElement;
+    if (isInFullscreenMode) {
+        if (document.exitFullscreen) {
+            document.exitFullscreen();
+        }
+        else if (document.webkitExitFullscreen) {
+            document.webkitExitFullscreen();
+        }
+        else if (document.mozCancelFullScreen) {
+            document.mozCancelFullScreen();
+        }
+        else if (document.msExitFullscreen) {
+            document.msExitFullscreen();
+        }
     }
-  }
-};
+};

package/es/common/components/video-player/video-player.d.ts

@@ -0,0 +1,10 @@
+declare const _default: React.MemoExoticComponent<({ url, thumb, forcePlay, hideCustomControls, ...props }: {
+    [x: string]: any;
+    url: any;
+    thumb: any;
+    forcePlay: any;
+    hideCustomControls: any;
+}) => import("react/jsx-runtime").JSX.Element>;
+export default _default;
+import * as React from "react";
+//# sourceMappingURL=video-player.d.ts.map

package/es/common/components/video-player/video-player.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"video-player.d.ts","sourceRoot":"","sources":["../../../../src/common/components/video-player/video-player.js"],"names":[],"mappings":";;;;;;;;uBAAuB,OAAO"}

package/es/common/components/video-player/video-player.js

@@ -1,108 +1,70 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import classNames from "classnames";
 import ReactPlayer from "react-player/lazy";
 import Controls from "./controls";
 import * as Utils from "./utils";
 import styles from "./player.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-const Player = ({
-  url,
-  thumb,
-  forcePlay,
-  hideCustomControls,
-  ...props
-}) => {
-  const containerRef = React.useRef();
-  const playRef = React.useRef();
-  const [mounted, setMounted] = React.useState(false);
-  const [playing, setPlaying] = React.useState(false);
-  const [started, setStarted] = React.useState(false);
-  const [progress, setProgress] = React.useState(0);
-  const [loadedAmount, setLoadedAmount] = React.useState(0);
-  const [newProgress, setNewProgress] = React.useState();
-  const [duration, setDuration] = React.useState(0);
-  const [currentTime, setCurrentTime] = React.useState(0);
-  const [fullScreen, setFullScreen] = React.useState();
-  const [muted, setMuted] = React.useState(true);
-  const tick = e => {
-    const player = playRef.current;
-    const {
-      played,
-      playedSeconds,
-      loaded
-    } = e;
-    if (!player) return;
-    setProgress(played);
-    setLoadedAmount(loaded);
-    setCurrentTime(playedSeconds);
-    setDuration(player.getDuration());
-  };
-  const updatePlaying = () => {
-    setPlaying(!playing);
-  };
-  const startVideo = () => setStarted(true);
-  const endVideo = () => setPlaying(false);
-  React.useEffect(() => {
-    if (!mounted) {
-      setMounted(true);
-    }
-  }, [mounted]);
-  React.useEffect(() => {
-    const player = playRef.current;
-    if (!player) return;
-    player.seekTo(newProgress);
-  }, [newProgress]);
-  React.useEffect(() => {
-    const container = containerRef.current;
-    if (fullScreen === undefined || !container) return;
-    if (fullScreen) {
-      Utils.enterFullScreen(container);
-    } else {
-      Utils.exitFullScreen();
-    }
-  }, [fullScreen]);
-  React.useEffect(() => {
-    setPlaying(forcePlay);
-    setStarted(forcePlay);
-  }, [forcePlay]);
-  const classes = classNames(styles.player, {
-    [styles.playerStarted]: started,
-    [styles.playerPlaying]: playing
-  });
-  if (!mounted) return null;
-  return _jsxs("div", {
-    ref: containerRef,
-    className: classes,
-    children: [_jsx(ReactPlayer, {
-      ref: playRef,
-      light: forcePlay ? false : thumb,
-      url: url,
-      playing: playing,
-      muted: muted,
-      onClick: updatePlaying,
-      onStart: startVideo,
-      onProgress: tick,
-      onEnded: endVideo,
-      progressInterval: 160,
-      width: "100%",
-      height: "100%",
-      className: styles.playerInner,
-      ...props
-    }), !hideCustomControls && _jsx(Controls, {
-      started: started,
-      playing: playing,
-      updatePlaying: updatePlaying,
-      progress: progress,
-      loadedAmount: loadedAmount,
-      setNewProgress: setNewProgress,
-      duration: duration,
-      currentTime: currentTime,
-      fullScreen: fullScreen,
-      setFullScreen: setFullScreen,
-      muted: muted,
-      setMuted: setMuted
-    })]
-  });
+const Player = ({ url, thumb, forcePlay, hideCustomControls, ...props }) => {
+    const containerRef = React.useRef();
+    const playRef = React.useRef();
+    const [mounted, setMounted] = React.useState(false);
+    const [playing, setPlaying] = React.useState(false);
+    const [started, setStarted] = React.useState(false);
+    const [progress, setProgress] = React.useState(0);
+    const [loadedAmount, setLoadedAmount] = React.useState(0);
+    const [newProgress, setNewProgress] = React.useState();
+    const [duration, setDuration] = React.useState(0);
+    const [currentTime, setCurrentTime] = React.useState(0);
+    const [fullScreen, setFullScreen] = React.useState();
+    const [muted, setMuted] = React.useState(true);
+    const tick = (e) => {
+        const player = playRef.current;
+        const { played, playedSeconds, loaded } = e;
+        if (!player)
+            return;
+        setProgress(played);
+        setLoadedAmount(loaded);
+        setCurrentTime(playedSeconds);
+        setDuration(player.getDuration());
+    };
+    const updatePlaying = () => {
+        setPlaying(!playing);
+    };
+    const startVideo = () => setStarted(true);
+    const endVideo = () => setPlaying(false);
+    React.useEffect(() => {
+        if (!mounted) {
+            setMounted(true);
+        }
+    }, [mounted]);
+    React.useEffect(() => {
+        const player = playRef.current;
+        if (!player)
+            return;
+        player.seekTo(newProgress);
+    }, [newProgress]);
+    React.useEffect(() => {
+        const container = containerRef.current;
+        if (fullScreen === undefined || !container)
+            return;
+        if (fullScreen) {
+            Utils.enterFullScreen(container);
+        }
+        else {
+            Utils.exitFullScreen();
+        }
+    }, [fullScreen]);
+    React.useEffect(() => {
+        setPlaying(forcePlay);
+        setStarted(forcePlay);
+    }, [forcePlay]);
+    const classes = classNames(styles.player, {
+        [styles.playerStarted]: started,
+        [styles.playerPlaying]: playing,
+    });
+    if (!mounted)
+        return null;
+    return (_jsxs("div", { ref: containerRef, className: classes, children: [_jsx(ReactPlayer, { ref: playRef, light: forcePlay ? false : thumb, url: url, playing: playing, muted: muted, onClick: updatePlaying, onStart: startVideo, onProgress: tick, onEnded: endVideo, progressInterval: 160, width: "100%", height: "100%", className: styles.playerInner, ...props }), !hideCustomControls && (_jsx(Controls, { started: started, playing: playing, updatePlaying: updatePlaying, progress: progress, loadedAmount: loadedAmount, setNewProgress: setNewProgress, duration: duration, currentTime: currentTime, fullScreen: fullScreen, setFullScreen: setFullScreen, muted: muted, setMuted: setMuted }))] }));
 };
-export default React.memo(Player);
+export default React.memo(Player);

package/es/common/hooks/use-account.d.ts

@@ -0,0 +1,7 @@
+type Props = {
+    channel?: string;
+    integration?: boolean;
+};
+export default function useAccount({ channel, integration, }?: Props): void;
+export {};
+//# sourceMappingURL=use-account.d.ts.map

package/es/common/hooks/use-account.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-account.d.ts","sourceRoot":"","sources":["../../../src/common/hooks/use-account.ts"],"names":[],"mappings":"AAKA,KAAK,KAAK,GAAG;IACX,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,OAAe,EACf,WAAW,GACZ,GAAE,KAAU,QAmBZ"}

package/es/common/hooks/use-account.js

@@ -2,30 +2,27 @@ import * as React from "react";
 import { useUbloContext } from "ublo/with-ublo";
 import * as Plausible from "../components/plausible";
 import { loadJS } from "../utils/load-js";
-export default function useAccount({
-  channel = "ESF",
-  integration
-} = {}) {
-  const {
-    lang
-  } = useUbloContext();
-  const widgetLang = React.useMemo(() => lang === "fr" ? "fr" : "en", [lang]);
-  React.useEffect(() => {
-    const startAccount = async () => {
-      await loadWidgetMseM(integration);
-      window.MseM.onLoad(() => {
-        window.MseM.customerAccount({
-          lang: widgetLang,
-          channel,
-          groundedTo: "#msem-account",
-          analytics: Plausible.callback
-        });
-      });
-    };
-    startAccount();
-  }, [channel, integration, widgetLang]);
+export default function useAccount({ channel = "ESF", integration, } = {}) {
+    const { lang } = useUbloContext();
+    const widgetLang = React.useMemo(() => (lang === "fr" ? "fr" : "en"), [lang]);
+    React.useEffect(() => {
+        const startAccount = async () => {
+            await loadWidgetMseM(integration);
+            window.MseM.onLoad(() => {
+                window.MseM.customerAccount({
+                    lang: widgetLang,
+                    channel,
+                    groundedTo: "#msem-account",
+                    analytics: Plausible.callback,
+                });
+            });
+        };
+        startAccount();
+    }, [channel, integration, widgetLang]);
 }
 async function loadWidgetMseM(integration) {
-  const source = integration ? "https://widget-integration.msem.tech/static/js/widget-msem.js" : "https://widget.msem.tech/static/js/widget-msem.js";
-  await loadJS(source, "widget-msem");
-}
+    const source = integration
+        ? "https://widget-integration.msem.tech/static/js/widget-msem.js"
+        : "https://widget.msem.tech/static/js/widget-msem.js";
+    await loadJS(source, "widget-msem");
+}

package/es/common/hooks/use-faq.d.ts

@@ -0,0 +1,3 @@
+declare const useFaq: (selector: string, refresh: string) => void;
+export default useFaq;
+//# sourceMappingURL=use-faq.d.ts.map

package/es/common/hooks/use-faq.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-faq.d.ts","sourceRoot":"","sources":["../../../src/common/hooks/use-faq.ts"],"names":[],"mappings":"AAKA,QAAA,MAAM,MAAM,aAAc,MAAM,WAA0B,MAAM,SA4C/D,CAAC;AAEF,eAAe,MAAM,CAAC"}