softbuilders-react-video-player 1.3.9 → 1.3.10

package/dist/components/icons/SubIcon.tsx

@@ -1,27 +1,27 @@
-import type { SVGProps } from "react";
-const SvgSubIcon = (props: SVGProps<SVGSVGElement>) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width="1em"
-    height="1em"
-    fill="none"
-    viewBox="0 0 15 15"
-    {...props}
-  >
-    <path
-      stroke="#D1D5DB"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      strokeWidth={1.5}
-      d="M1.25 7.5c0-2.487 0-3.731.658-4.561q.159-.2.346-.367c.785-.697 1.96-.697 4.309-.697h1.875c2.349 0 3.523 0 4.307.697q.19.168.347.367c.658.83.658 2.074.658 4.561s0 3.731-.658 4.561q-.157.2-.347.367c-.784.697-1.957.697-4.307.697H6.562c-2.349 0-3.523 0-4.308-.697a3 3 0 0 1-.346-.367c-.658-.83-.658-2.073-.658-4.561"
-    />
-    <path
-      stroke="#D1D5DB"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      strokeWidth={1.5}
-      d="M6.563 5.625H6.25c-.582 0-.874 0-1.103.095a1.25 1.25 0 0 0-.677.677c-.095.23-.095.52-.095 1.103 0 .582 0 .874.095 1.103a1.25 1.25 0 0 0 .677.677c.23.095.52.095 1.103.095h.313m4.062-3.75h-.312c-.583 0-.874 0-1.104.095a1.25 1.25 0 0 0-.676.677c-.095.23-.095.52-.095 1.103 0 .582 0 .874.095 1.103a1.25 1.25 0 0 0 .676.677c.23.095.521.095 1.104.095h.312"
-    />
-  </svg>
-);
-export default SvgSubIcon;
+import type { SVGProps } from "react";
+const SvgSubIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 15 15"
+    {...props}
+  >
+    <path
+      stroke="#D1D5DB"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth={1.5}
+      d="M1.25 7.5c0-2.487 0-3.731.658-4.561q.159-.2.346-.367c.785-.697 1.96-.697 4.309-.697h1.875c2.349 0 3.523 0 4.307.697q.19.168.347.367c.658.83.658 2.074.658 4.561s0 3.731-.658 4.561q-.157.2-.347.367c-.784.697-1.957.697-4.307.697H6.562c-2.349 0-3.523 0-4.308-.697a3 3 0 0 1-.346-.367c-.658-.83-.658-2.073-.658-4.561"
+    />
+    <path
+      stroke="#D1D5DB"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth={1.5}
+      d="M6.563 5.625H6.25c-.582 0-.874 0-1.103.095a1.25 1.25 0 0 0-.677.677c-.095.23-.095.52-.095 1.103 0 .582 0 .874.095 1.103a1.25 1.25 0 0 0 .677.677c.23.095.52.095 1.103.095h.313m4.062-3.75h-.312c-.583 0-.874 0-1.104.095a1.25 1.25 0 0 0-.676.677c-.095.23-.095.52-.095 1.103 0 .582 0 .874.095 1.103a1.25 1.25 0 0 0 .676.677c.23.095.521.095 1.104.095h.312"
+    />
+  </svg>
+);
+export default SvgSubIcon;

package/dist/components/icons/VolumeHigh.tsx

@@ -1,15 +1,15 @@
-import type { SVGProps } from "react";
-const SvgVolumeHigh = (props: SVGProps<SVGSVGElement>) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width="1em"
-    height="1em"
-    fill="#fff"
-    viewBox="0 0 512 512"
-    {...props}
-  >
-    <path d="M264 416.19a23.92 23.92 0 0 1-14.21-4.69l-.66-.51-91.46-75H88a24 24 0 0 1-24-24V200a24 24 0 0 1 24-24h69.65l91.46-75 .66-.51A24 24 0 0 1 288 119.83v272.34a24 24 0 0 1-24 24ZM352 336a16 16 0 0 1-14.29-23.18c9.49-18.9 14.3-38 14.3-56.82 0-19.36-4.66-37.92-14.25-56.73a16 16 0 0 1 28.5-14.54C378.2 208.16 384 231.47 384 256c0 23.83-6 47.78-17.7 71.18A16 16 0 0 1 352 336" />
-    <path d="M400 384a16 16 0 0 1-13.87-24C405 327.05 416 299.45 416 256c0-44.12-10.94-71.52-29.83-103.95A16 16 0 0 1 413.83 136C434.92 172.16 448 204.88 448 256c0 50.36-13.06 83.24-34.12 120a16 16 0 0 1-13.88 8" />
-  </svg>
-);
-export default SvgVolumeHigh;
+import type { SVGProps } from "react";
+const SvgVolumeHigh = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="#fff"
+    viewBox="0 0 512 512"
+    {...props}
+  >
+    <path d="M264 416.19a23.92 23.92 0 0 1-14.21-4.69l-.66-.51-91.46-75H88a24 24 0 0 1-24-24V200a24 24 0 0 1 24-24h69.65l91.46-75 .66-.51A24 24 0 0 1 288 119.83v272.34a24 24 0 0 1-24 24ZM352 336a16 16 0 0 1-14.29-23.18c9.49-18.9 14.3-38 14.3-56.82 0-19.36-4.66-37.92-14.25-56.73a16 16 0 0 1 28.5-14.54C378.2 208.16 384 231.47 384 256c0 23.83-6 47.78-17.7 71.18A16 16 0 0 1 352 336" />
+    <path d="M400 384a16 16 0 0 1-13.87-24C405 327.05 416 299.45 416 256c0-44.12-10.94-71.52-29.83-103.95A16 16 0 0 1 413.83 136C434.92 172.16 448 204.88 448 256c0 50.36-13.06 83.24-34.12 120a16 16 0 0 1-13.88 8" />
+  </svg>
+);
+export default SvgVolumeHigh;

package/dist/components/icons/VolumeLow.tsx

@@ -1,14 +1,14 @@
-import type { SVGProps } from "react";
-const SvgVolumeLow = (props: SVGProps<SVGSVGElement>) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width="1em"
-    height="1em"
-    fill="#fff"
-    viewBox="0 0 512 512"
-    {...props}
-  >
-    <path d="M296 416.19a23.92 23.92 0 0 1-14.21-4.69l-.66-.51-91.46-75H120a24 24 0 0 1-24-24V200a24 24 0 0 1 24-24h69.65l91.46-75 .66-.51A24 24 0 0 1 320 119.83v272.34a24 24 0 0 1-24 24ZM384 336a16 16 0 0 1-14.29-23.18c9.49-18.9 14.3-38 14.3-56.82 0-19.36-4.66-37.92-14.25-56.73a16 16 0 0 1 28.5-14.54C410.2 208.16 416 231.47 416 256c0 23.83-6 47.78-17.7 71.18A16 16 0 0 1 384 336" />
-  </svg>
-);
-export default SvgVolumeLow;
+import type { SVGProps } from "react";
+const SvgVolumeLow = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="#fff"
+    viewBox="0 0 512 512"
+    {...props}
+  >
+    <path d="M296 416.19a23.92 23.92 0 0 1-14.21-4.69l-.66-.51-91.46-75H120a24 24 0 0 1-24-24V200a24 24 0 0 1 24-24h69.65l91.46-75 .66-.51A24 24 0 0 1 320 119.83v272.34a24 24 0 0 1-24 24ZM384 336a16 16 0 0 1-14.29-23.18c9.49-18.9 14.3-38 14.3-56.82 0-19.36-4.66-37.92-14.25-56.73a16 16 0 0 1 28.5-14.54C410.2 208.16 416 231.47 416 256c0 23.83-6 47.78-17.7 71.18A16 16 0 0 1 384 336" />
+  </svg>
+);
+export default SvgVolumeLow;

package/dist/components/icons/VolumeMute.tsx

@@ -1,25 +1,25 @@
-import type { SVGProps } from "react";
-const SvgVolumeMute = (props: SVGProps<SVGSVGElement>) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width="1em"
-    height="1em"
-    fill="#fff"
-    viewBox="0 0 512 512"
-    {...props}
-  >
-    <path
-      d="M416 432 64 80"
-      style={{
-        fill: "none",
-        stroke: "#fff",
-        strokeLinecap: "round",
-        strokeMiterlimit: 10,
-        strokeWidth: 32,
-      }}
-    />
-    <path d="M243.33 98.86a23.89 23.89 0 0 0-25.55 1.82l-.66.51-28.52 23.35a8 8 0 0 0-.59 11.85l54.33 54.33a8 8 0 0 0 13.66-5.66v-64.49a24.51 24.51 0 0 0-12.67-21.71M251.33 335.29 96.69 180.69A16 16 0 0 0 85.38 176H56a24 24 0 0 0-24 24v112a24 24 0 0 0 24 24h69.76l92 75.31a23.9 23.9 0 0 0 25.87 1.69A24.51 24.51 0 0 0 256 391.45v-44.86a16 16 0 0 0-4.67-11.3M352 256c0-24.56-5.81-47.87-17.75-71.27a16 16 0 1 0-28.5 14.55C315.34 218.06 320 236.62 320 256q0 4-.31 8.13a8 8 0 0 0 2.32 6.25l14.36 14.36a8 8 0 0 0 13.55-4.31A146 146 0 0 0 352 256M416 256c0-51.18-13.08-83.89-34.18-120.06a16 16 0 0 0-27.64 16.12C373.07 184.44 384 211.83 384 256c0 23.83-3.29 42.88-9.37 60.65a8 8 0 0 0 1.9 8.26L389 337.4a8 8 0 0 0 13.13-2.79C411 311.76 416 287.26 416 256" />
-    <path d="M480 256c0-74.25-20.19-121.11-50.51-168.61a16 16 0 1 0-27 17.22C429.82 147.38 448 189.5 448 256c0 46.19-8.43 80.27-22.43 110.53a8 8 0 0 0 1.59 9l11.92 11.92a8 8 0 0 0 12.92-2.16C471.6 344.9 480 305 480 256" />
-  </svg>
-);
-export default SvgVolumeMute;
+import type { SVGProps } from "react";
+const SvgVolumeMute = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="#fff"
+    viewBox="0 0 512 512"
+    {...props}
+  >
+    <path
+      d="M416 432 64 80"
+      style={{
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeMiterlimit: 10,
+        strokeWidth: 32,
+      }}
+    />
+    <path d="M243.33 98.86a23.89 23.89 0 0 0-25.55 1.82l-.66.51-28.52 23.35a8 8 0 0 0-.59 11.85l54.33 54.33a8 8 0 0 0 13.66-5.66v-64.49a24.51 24.51 0 0 0-12.67-21.71M251.33 335.29 96.69 180.69A16 16 0 0 0 85.38 176H56a24 24 0 0 0-24 24v112a24 24 0 0 0 24 24h69.76l92 75.31a23.9 23.9 0 0 0 25.87 1.69A24.51 24.51 0 0 0 256 391.45v-44.86a16 16 0 0 0-4.67-11.3M352 256c0-24.56-5.81-47.87-17.75-71.27a16 16 0 1 0-28.5 14.55C315.34 218.06 320 236.62 320 256q0 4-.31 8.13a8 8 0 0 0 2.32 6.25l14.36 14.36a8 8 0 0 0 13.55-4.31A146 146 0 0 0 352 256M416 256c0-51.18-13.08-83.89-34.18-120.06a16 16 0 0 0-27.64 16.12C373.07 184.44 384 211.83 384 256c0 23.83-3.29 42.88-9.37 60.65a8 8 0 0 0 1.9 8.26L389 337.4a8 8 0 0 0 13.13-2.79C411 311.76 416 287.26 416 256" />
+    <path d="M480 256c0-74.25-20.19-121.11-50.51-168.61a16 16 0 1 0-27 17.22C429.82 147.38 448 189.5 448 256c0 46.19-8.43 80.27-22.43 110.53a8 8 0 0 0 1.59 9l11.92 11.92a8 8 0 0 0 12.92-2.16C471.6 344.9 480 305 480 256" />
+  </svg>
+);
+export default SvgVolumeMute;

package/dist/components/icons/VolumeVLow.tsx

@@ -1,14 +1,14 @@
-import type { SVGProps } from "react";
-const SvgVolumeVLow = (props: SVGProps<SVGSVGElement>) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width="1em"
-    height="1em"
-    fill="#fff"
-    viewBox="0 0 512 512"
-    {...props}
-  >
-    <path d="M344 416a23.92 23.92 0 0 1-14.21-4.69c-.23-.16-.44-.33-.66-.51l-91.46-74.9H168a24 24 0 0 1-24-24V200.07a24 24 0 0 1 24-24h69.65l91.46-74.9c.22-.18.43-.35.66-.51A24 24 0 0 1 368 120v272a24 24 0 0 1-24 24" />
-  </svg>
-);
-export default SvgVolumeVLow;
+import type { SVGProps } from "react";
+const SvgVolumeVLow = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="#fff"
+    viewBox="0 0 512 512"
+    {...props}
+  >
+    <path d="M344 416a23.92 23.92 0 0 1-14.21-4.69c-.23-.16-.44-.33-.66-.51l-91.46-74.9H168a24 24 0 0 1-24-24V200.07a24 24 0 0 1 24-24h69.65l91.46-74.9c.22-.18.43-.35.66-.51A24 24 0 0 1 368 120v272a24 24 0 0 1-24 24" />
+  </svg>
+);
+export default SvgVolumeVLow;

package/dist/components/icons/index.ts

@@ -1,20 +1,20 @@
-export { default as BackwardIcon } from "./BackwardIcon";
-export { default as CheckedIcon } from "./CheckedIcon";
-export { default as ClosedNoteIcon } from "./ClosedNoteIcon";
-export { default as ForwardIcon } from "./ForwardIcon";
-export { default as FullScreenIcon } from "./FullScreenIcon";
-export { default as LeftArrowIcon } from "./LeftArrowIcon";
-export { default as MuteIcon } from "./MuteIcon";
-export { default as NoteIcon } from "./NoteIcon";
-export { default as OpenNoteIcon } from "./OpenNoteIcon";
-export { default as PauseIcon } from "./PauseIcon";
-export { default as PlayIcon } from "./PlayIcon";
-export { default as SettingsIcon } from "./SettingsIcon";
-export { default as SkillamiIcon } from "./SkillamiIcon";
-export { default as SubIcon } from "./SubIcon";
-export { default as SubtitlesIcon } from "./SubtitlesIcon";
-export { default as UnmuteIcon } from "./UnmuteIcon";
-export { default as VolumeHigh } from "./VolumeHigh";
-export { default as VolumeLow } from "./VolumeLow";
-export { default as VolumeMute } from "./VolumeMute";
-export { default as VolumeVLow } from "./VolumeVLow";
+export { default as BackwardIcon } from "./BackwardIcon";
+export { default as CheckedIcon } from "./CheckedIcon";
+export { default as ClosedNoteIcon } from "./ClosedNoteIcon";
+export { default as ForwardIcon } from "./ForwardIcon";
+export { default as FullScreenIcon } from "./FullScreenIcon";
+export { default as LeftArrowIcon } from "./LeftArrowIcon";
+export { default as MuteIcon } from "./MuteIcon";
+export { default as NoteIcon } from "./NoteIcon";
+export { default as OpenNoteIcon } from "./OpenNoteIcon";
+export { default as PauseIcon } from "./PauseIcon";
+export { default as PlayIcon } from "./PlayIcon";
+export { default as SettingsIcon } from "./SettingsIcon";
+export { default as SkillamiIcon } from "./SkillamiIcon";
+export { default as SubIcon } from "./SubIcon";
+export { default as SubtitlesIcon } from "./SubtitlesIcon";
+export { default as UnmuteIcon } from "./UnmuteIcon";
+export { default as VolumeHigh } from "./VolumeHigh";
+export { default as VolumeLow } from "./VolumeLow";
+export { default as VolumeMute } from "./VolumeMute";
+export { default as VolumeVLow } from "./VolumeVLow";

package/dist/index.mjs

@@ -740,7 +740,7 @@ var VolumeSlider = ({
             className: `sb-flex sb-relative ${width < 400 && (player == null ? void 0 : player.isFullscreen_) === false || isTrailer ? "-sb-top-1" : "sb-top-1"}`,
             onClick: toggleVisibility,
             onDoubleClick: handleDoubleClick,
-            children: player && (volume == 0 || (player == null ? void 0 : player.muted()) ? /* @__PURE__ */ jsx24(
+            children: player && (volume == 0 ? /* @__PURE__ */ jsx24(
               VolumeMute_default,
               {
                 className: `sb-w-3 sb-h-3 ${width < 400 && (player == null ? void 0 : player.isFullscreen_) === false || isTrailer ? "" : ""} sb-h-5 sb-w-5`
@@ -770,7 +770,7 @@ var VolumeSlider = ({
             children: /* @__PURE__ */ jsx24(
               Slider_default,
               {
-                onMouseMove: (e) => onMouseMove(e),
+                onMouseMove,
                 setNoteOpen,
                 value: volume,
                 handleValueChange,
@@ -1925,7 +1925,7 @@ var VideoPlayerComponent = ({
   isTrailer,
   height
 }) => {
-  var _a, _b;
+  var _a, _b, _c;
   const videoRef = useRef2(void 0);
   const playerRef = useRef2(void 0);
   const idRef = useRef2(void 0);
@@ -2090,7 +2090,8 @@ var VideoPlayerComponent = ({
     isReady,
     id,
     (_b = playerRef == null ? void 0 : playerRef.current) == null ? void 0 : _b.isFullscreen_,
-    isFullscreen
+    isFullscreen,
+    (_c = options == null ? void 0 : options.sources[0]) == null ? void 0 : _c.type
   ]);
   useEffect15(() => {
     if (isReady) {
@@ -2300,7 +2301,9 @@ var VideoPlayerComponent = ({
                 children: /* @__PURE__ */ jsx41(
                   "div",
                   {
-                    onDoubleClick: () => {
+                    onDoubleClick: (e) => {
+                      e.preventDefault();
+                      e.stopPropagation();
                       if (playerRef.current) {
                         setFullScreen(true);
                         setTimeout(() => {
@@ -2394,6 +2397,7 @@ var Component = ({
   useEffect16(() => {
     setUuid(uuidv4());
   }, []);
+  console.log(options, "options");
   return /* @__PURE__ */ jsx42(
     VideoPlayerComponent_default,
     {