softbuilders-react-video-player 1.2.23 → 1.3.0

package/dist/components/VideoPlayerComponent/index.tsx

@@ -349,6 +349,7 @@ const VideoPlayerComponent = forwardRef<HTMLDivElement, Props<any>>(
       opacity,
       isReady,
       id,
+      playerRef?.current?.isFullscreen_,
     ]);
     useEffect(() => {
       if (isReady) {

package/dist/components/VolumeSlider/index.js

@@ -122,11 +122,21 @@ const VolumeSlider = ({ width = 0, setIsSeeking, handleControlDisplayTimer, volu
         setVolume(0);
         player === null || player === void 0 ? void 0 : player.muted(true);
     };
-    return (_jsxs("div", { className: `sb-flex ${isVisible ? "" : ""}  ${width > 400 && !isTrailer
+    return (_jsxs("div", { className: `sb-flex ${isVisible ? "" : ""}  ${(width > 400 || (player === null || player === void 0 ? void 0 : player.isFullscreen_) === true) && !isTrailer
             ? "sb-flex-col-reverse"
-            : `sb-flex-col ${isTrailer ? "sb-justify-start" : ""}`} sb-items-center sb-gap-1 sb-h-full`, children: [_jsx("div", { className: `sb-flex sb-relative ${width < 400 || isTrailer ? "-sb-top-1" : "sb-top-1"}`, onClick: toggleVisibility, onDoubleClick: handleDoubleClick, children: volume == 0 || (player === null || player === void 0 ? void 0 : player.muted()) ? (_jsx(VolumeMute, { className: `sb-w-3 sb-h-3 ${width < 400 || isTrailer ? "" : ""} sb-h-5 sb-w-5` })) : volume < 25 ? (_jsx(VolumeVLow, { className: `sb-w-3 sb-h-3 ${width < 400 || isTrailer ? "" : ""} sb-h-5 sb-w-5` })) : volume < 50 ? (_jsx(VolumeLow, { className: `sb-w-3 sb-h-3 ${width < 400 || isTrailer ? "" : ""} sb-h-5 sb-w-5` })) : (_jsx(VolumeHigh, { className: `sb-w-3 sb-h-3 ${width < 400 || isTrailer ? "" : ""} sb-h-5 sb-w-5` })) }), _jsx("div", { className: "sb-flex  sb-items-center sb-justify-center", children: _jsx("div", { className: `  sb-transition-all sb-ease-in-out sb-duration-500 ${isVisible
+            : `sb-flex-col ${isTrailer ? "sb-justify-start" : ""}`} sb-items-center sb-gap-1 sb-h-full`, children: [_jsx("div", { className: `sb-flex sb-relative ${(width < 400 && (player === null || player === void 0 ? void 0 : player.isFullscreen_) === false) || isTrailer
+                    ? "-sb-top-1"
+                    : "sb-top-1"}`, onClick: toggleVisibility, onDoubleClick: handleDoubleClick, children: volume == 0 || (player === null || player === void 0 ? void 0 : player.muted()) ? (_jsx(VolumeMute, { className: `sb-w-3 sb-h-3 ${(width < 400 && (player === null || player === void 0 ? void 0 : player.isFullscreen_) === false) || isTrailer
+                        ? ""
+                        : ""} sb-h-5 sb-w-5` })) : volume < 25 ? (_jsx(VolumeVLow, { className: `sb-w-3 sb-h-3 ${(width < 400 && (player === null || player === void 0 ? void 0 : player.isFullscreen_) === false) || isTrailer
+                        ? ""
+                        : ""} sb-h-5 sb-w-5` })) : volume < 50 ? (_jsx(VolumeLow, { className: `sb-w-3 sb-h-3 ${(width < 400 && (player === null || player === void 0 ? void 0 : player.isFullscreen_) === false) || isTrailer
+                        ? ""
+                        : ""} sb-h-5 sb-w-5` })) : (_jsx(VolumeHigh, { className: `sb-w-3 sb-h-3 ${(width < 400 && (player === null || player === void 0 ? void 0 : player.isFullscreen_) === false) || isTrailer
+                        ? ""
+                        : ""} sb-h-5 sb-w-5` })) }), _jsx("div", { className: "sb-flex  sb-items-center sb-justify-center", children: _jsx("div", { className: `  sb-transition-all sb-ease-in-out sb-duration-500 ${isVisible
                         ? "sb-w-[22px] sb-opacity-100 sb-visible"
-                        : "sb-w-[22px] sb-opacity-0 sb-invisible"} ${width > 400 && !isTrailer
+                        : "sb-w-[22px] sb-opacity-0 sb-invisible"} ${(width > 400 || (player === null || player === void 0 ? void 0 : player.isFullscreen_) === true) && !isTrailer
                         ? "-sb-rotate-90 -sb-translate-y-1"
                         : "sb-rotate-90 sb-translate-y-1"} sb-relative`, children: _jsx(Slider, { onMouseMove: (e) => onMouseMove(e), setNoteOpen: setNoteOpen, value: volume, handleValueChange: handleValueChange, min: MIN, max: MAX, className: "!sb-w-16 ", handleSliderClick: handleVolumeSliderClick, setClicked: setClicked }) }) })] }));
 };

package/dist/components/VolumeSlider/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/VolumeSlider/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/VolumeSlider/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/VolumeSlider/index.tsx

@@ -150,7 +150,7 @@ const VolumeSlider = ({
   return (
     <div
       className={`sb-flex ${isVisible ? "" : ""}  ${
-        width > 400 && !isTrailer
+        (width > 400 || player?.isFullscreen_ === true) && !isTrailer
           ? "sb-flex-col-reverse"
           : `sb-flex-col ${isTrailer ? "sb-justify-start" : ""}`
       } sb-items-center sb-gap-1 sb-h-full`}
@@ -158,7 +158,9 @@ const VolumeSlider = ({
       {/* Mute/Unmute Icon */}
       <div
         className={`sb-flex sb-relative ${
-          width < 400 || isTrailer ? "-sb-top-1" : "sb-top-1"
+          (width < 400 && player?.isFullscreen_ === false) || isTrailer
+            ? "-sb-top-1"
+            : "sb-top-1"
         }`}
         onClick={toggleVisibility}
         onDoubleClick={handleDoubleClick}
@@ -166,25 +168,33 @@ const VolumeSlider = ({
         {volume == 0 || player?.muted() ? (
           <VolumeMute
             className={`sb-w-3 sb-h-3 ${
-              width < 400 || isTrailer ? "" : ""
+              (width < 400 && player?.isFullscreen_ === false) || isTrailer
+                ? ""
+                : ""
             } sb-h-5 sb-w-5`}
           />
         ) : volume < 25 ? (
           <VolumeVLow
             className={`sb-w-3 sb-h-3 ${
-              width < 400 || isTrailer ? "" : ""
+              (width < 400 && player?.isFullscreen_ === false) || isTrailer
+                ? ""
+                : ""
             } sb-h-5 sb-w-5`}
           />
         ) : volume < 50 ? (
           <VolumeLow
             className={`sb-w-3 sb-h-3 ${
-              width < 400 || isTrailer ? "" : ""
+              (width < 400 && player?.isFullscreen_ === false) || isTrailer
+                ? ""
+                : ""
             } sb-h-5 sb-w-5`}
           ></VolumeLow>
         ) : (
           <VolumeHigh
             className={`sb-w-3 sb-h-3 ${
-              width < 400 || isTrailer ? "" : ""
+              (width < 400 && player?.isFullscreen_ === false) || isTrailer
+                ? ""
+                : ""
             } sb-h-5 sb-w-5`}
           ></VolumeHigh>
         )}
@@ -199,7 +209,7 @@ const VolumeSlider = ({
               ? "sb-w-[22px] sb-opacity-100 sb-visible"
               : "sb-w-[22px] sb-opacity-0 sb-invisible"
           } ${
-            width > 400 && !isTrailer
+            (width > 400 || player?.isFullscreen_ === true) && !isTrailer
               ? "-sb-rotate-90 -sb-translate-y-1"
               : "sb-rotate-90 sb-translate-y-1"
           } sb-relative`}

package/dist/index.mjs

@@ -31,13 +31,13 @@ var __objRest = (source, exclude) => {
 };
 
 // src/components/SoftBuildersVideoPlayer/index.tsx
-import { forwardRef as forwardRef2, memo, useEffect as useEffect15, useState as useState15 } from "react";
+import { forwardRef as forwardRef2, memo, useEffect as useEffect16, useState as useState15 } from "react";
 
 // src/components/VideoPlayerComponent/index.tsx
 import {
   forwardRef,
   Suspense,
-  useEffect as useEffect14,
+  useEffect as useEffect15,
   useRef as useRef2,
   useState as useState14
 } from "react";
@@ -46,7 +46,7 @@ import videojs from "video.js";
 import "video.js/dist/video-js.css";
 
 // src/components/ControlBar/index.tsx
-import { useEffect as useEffect13, useState as useState13 } from "react";
+import { useEffect as useEffect14, useState as useState13 } from "react";
 
 // src/utils/index.ts
 var durationFormater = (seconds) => {
@@ -727,33 +727,33 @@ var VolumeSlider = ({
   return /* @__PURE__ */ jsxs7(
     "div",
     {
-      className: `sb-flex ${isVisible ? "" : ""}  ${width > 400 && !isTrailer ? "sb-flex-col-reverse" : `sb-flex-col ${isTrailer ? "sb-justify-start" : ""}`} sb-items-center sb-gap-1 sb-h-full`,
+      className: `sb-flex ${isVisible ? "" : ""}  ${(width > 400 || (player == null ? void 0 : player.isFullscreen_) === true) && !isTrailer ? "sb-flex-col-reverse" : `sb-flex-col ${isTrailer ? "sb-justify-start" : ""}`} sb-items-center sb-gap-1 sb-h-full`,
       children: [
         /* @__PURE__ */ jsx24(
           "div",
           {
-            className: `sb-flex sb-relative ${width < 400 || isTrailer ? "-sb-top-1" : "sb-top-1"}`,
+            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: volume == 0 || (player == null ? void 0 : player.muted()) ? /* @__PURE__ */ jsx24(
               VolumeMute_default,
               {
-                className: `sb-w-3 sb-h-3 ${width < 400 || isTrailer ? "" : ""} sb-h-5 sb-w-5`
+                className: `sb-w-3 sb-h-3 ${width < 400 && (player == null ? void 0 : player.isFullscreen_) === false || isTrailer ? "" : ""} sb-h-5 sb-w-5`
               }
             ) : volume < 25 ? /* @__PURE__ */ jsx24(
               VolumeVLow_default,
               {
-                className: `sb-w-3 sb-h-3 ${width < 400 || isTrailer ? "" : ""} sb-h-5 sb-w-5`
+                className: `sb-w-3 sb-h-3 ${width < 400 && (player == null ? void 0 : player.isFullscreen_) === false || isTrailer ? "" : ""} sb-h-5 sb-w-5`
               }
             ) : volume < 50 ? /* @__PURE__ */ jsx24(
               VolumeLow_default,
               {
-                className: `sb-w-3 sb-h-3 ${width < 400 || isTrailer ? "" : ""} sb-h-5 sb-w-5`
+                className: `sb-w-3 sb-h-3 ${width < 400 && (player == null ? void 0 : player.isFullscreen_) === false || isTrailer ? "" : ""} sb-h-5 sb-w-5`
               }
             ) : /* @__PURE__ */ jsx24(
               VolumeHigh_default,
               {
-                className: `sb-w-3 sb-h-3 ${width < 400 || isTrailer ? "" : ""} sb-h-5 sb-w-5`
+                className: `sb-w-3 sb-h-3 ${width < 400 && (player == null ? void 0 : player.isFullscreen_) === false || isTrailer ? "" : ""} sb-h-5 sb-w-5`
               }
             )
           }
@@ -761,7 +761,7 @@ var VolumeSlider = ({
         /* @__PURE__ */ jsx24("div", { className: "sb-flex  sb-items-center sb-justify-center", children: /* @__PURE__ */ jsx24(
           "div",
           {
-            className: `  sb-transition-all sb-ease-in-out sb-duration-500 ${isVisible ? "sb-w-[22px] sb-opacity-100 sb-visible" : "sb-w-[22px] sb-opacity-0 sb-invisible"} ${width > 400 && !isTrailer ? "-sb-rotate-90 -sb-translate-y-1" : "sb-rotate-90 sb-translate-y-1"} sb-relative`,
+            className: `  sb-transition-all sb-ease-in-out sb-duration-500 ${isVisible ? "sb-w-[22px] sb-opacity-100 sb-visible" : "sb-w-[22px] sb-opacity-0 sb-invisible"} ${(width > 400 || (player == null ? void 0 : player.isFullscreen_) === true) && !isTrailer ? "-sb-rotate-90 -sb-translate-y-1" : "sb-rotate-90 sb-translate-y-1"} sb-relative`,
             children: /* @__PURE__ */ jsx24(
               Slider_default,
               {
@@ -873,10 +873,11 @@ var QualityOption = ({
   width,
   isTrailer
 }) => {
+  const { player } = useSoftBuildersVideoPlayerContext();
   return /* @__PURE__ */ jsx26(
     "button",
     {
-      className: `hover:sb-text-orange-500 ${width > 400 && !isTrailer ? "sb-p-2" : "sp-pb-1"}`,
+      className: `hover:sb-text-orange-500 ${(width > 400 || (player == null ? void 0 : player.isFullscreen_) === true) && !isTrailer ? "sb-p-2" : "sp-pb-1"}`,
       onClick: (e) => {
         e.stopPropagation();
         onClick(e);
@@ -885,7 +886,7 @@ var QualityOption = ({
         /* @__PURE__ */ jsx26("div", { className: "sb-col-span-3", children: isSelected ? /* @__PURE__ */ jsx26(
           CheckedIcon_default,
           {
-            className: `${width > 400 && !isTrailer ? "sb-w-5 sb-h-5" : "sb-w-3 sb-h-3"}`
+            className: `${(width > 400 || (player == null ? void 0 : player.isFullscreen_) === true) && !isTrailer ? "sb-w-5 sb-h-5" : "sb-w-3 sb-h-3"}`
           }
         ) : /* @__PURE__ */ jsx26("div", {}) }),
         /* @__PURE__ */ jsx26("p", { className: "sb-text-left sb-col-span-9", children: quality == null ? void 0 : quality.label })
@@ -893,7 +894,12 @@ var QualityOption = ({
     }
   );
 };
-var QualityMenu = ({ width, onClick, isTrailer }) => {
+var QualityMenu = ({
+  width,
+  onClick,
+  isTrailer,
+  setIsModalChanged
+}) => {
   const { player } = useSoftBuildersVideoPlayerContext();
   const [closeMenuFunction, setCloseMenuFunction] = useState4(void 0);
   const [qualities, setQualities] = useState4(
@@ -920,7 +926,7 @@ var QualityMenu = ({ width, onClick, isTrailer }) => {
   return /* @__PURE__ */ jsx26(
     MenuButton_default,
     {
-      classContainer: `${width < 400 || isTrailer ? "!sb-top-8 -sb-left-9" : ""}`,
+      classContainer: `${width < 400 && (player == null ? void 0 : player.isFullscreen_) === false || isTrailer ? "!sb-top-8 -sb-left-9" : ""}`,
       onClick: (e, isOpen) => {
         onClick && onClick(e, isOpen);
       },
@@ -928,7 +934,7 @@ var QualityMenu = ({ width, onClick, isTrailer }) => {
       menuContent: /* @__PURE__ */ jsx26(
         "div",
         {
-          className: `sb-rounded-md sb-bg-[#303030] sb-bg-opacity-50  ${width > 400 && !isTrailer ? "sb-w-[150px] sb-py-5" : "sb-w-[90px] sb-items-center sb-justify-center sb-py-1"}`,
+          className: `sb-rounded-md sb-bg-[#303030] sb-bg-opacity-50  ${(width > 400 || (player == null ? void 0 : player.isFullscreen_) === true) && !isTrailer ? "sb-w-[150px] sb-py-5" : "sb-w-[90px] sb-items-center sb-justify-center sb-py-1"}`,
           children: /* @__PURE__ */ jsxs9("div", { className: "sb-flex sb-flex-col sb-gap-3", children: [
             /* @__PURE__ */ jsxs9(
               "div",
@@ -965,10 +971,14 @@ var QualityMenu = ({ width, onClick, isTrailer }) => {
                       (_q) => (q == null ? void 0 : q.label) == (_q == null ? void 0 : _q.label)
                     );
                     if (source && source.src != currentQualitySrc) {
+                      player == null ? void 0 : player.src(source.src);
                       const currentTime = player == null ? void 0 : player.currentTime();
                       setCurrentQualitySrc(source == null ? void 0 : source.label);
+                      player == null ? void 0 : player.currentTime(currentTime);
+                      player == null ? void 0 : player.play();
                     }
                     closeMenuFunction && closeMenuFunction();
+                    setIsModalChanged(false);
                   }
                 },
                 `quality-${q == null ? void 0 : q.label}-${i}`
@@ -1413,12 +1423,12 @@ var SubtitleMenu = ({
       onClick: (e, isOpen) => {
         onClick && onClick(e, isOpen);
       },
-      classContainer: `${width < 400 || isTrailer ? "!sb-top-8 -sb-left-9" : ""}`,
+      classContainer: `${width < 400 && (player == null ? void 0 : player.isFullscreen_) === false || isTrailer ? "!sb-top-8 -sb-left-9" : ""}`,
       buttonContent: /* @__PURE__ */ jsx37(SubIcon_default, { className: "sb-w-4 sb-h-4 sb-text-white " }),
       menuContent: /* @__PURE__ */ jsx37(
         "div",
         {
-          className: `sb-rounded-md sb-bg-[#303030] sb-bg-opacity-50 ${width > 400 && !isTrailer ? "sb-w-[150px] sb-py-5" : "sb-w-[90px] sb-items-center sb-justify-center sb-py-1"}`,
+          className: `sb-rounded-md sb-bg-[#303030] sb-bg-opacity-50 ${(width > 400 || (player == null ? void 0 : player.isFullscreen_) === true) && !isTrailer ? "sb-w-[150px] sb-py-5" : "sb-w-[90px] sb-items-center sb-justify-center sb-py-1"}`,
           children: /* @__PURE__ */ jsxs15("div", { className: "sb-flex sb-flex-col sb-gap-3", children: [
             /* @__PURE__ */ jsxs15("div", { className: "sb-px-5 sb-flex sb-flex-row sb-gap-3 sb-items-center sb-justify-center", children: [
               /* @__PURE__ */ jsx37(
@@ -1461,17 +1471,22 @@ var SubtitleMenu = ({
 var SubtitleMenu_default = SubtitleMenu;
 
 // src/components/Tooltip/GlobalTooltip.tsx
-import { useState as useState12 } from "react";
+import { useEffect as useEffect13, useState as useState12 } from "react";
 import { jsx as jsx38, jsxs as jsxs16 } from "react/jsx-runtime";
 var TooltipModal = ({
   content,
   children,
   isLeft = false,
-  width = 0
+  width = 0,
+  isModalChanged,
+  player
 }) => {
   const [isOpen, setIsOpen] = useState12(false);
   const showTooltip = () => setIsOpen(true);
   const hideTooltip = () => setIsOpen(false);
+  useEffect13(() => {
+    hideTooltip();
+  }, [isModalChanged]);
   return /* @__PURE__ */ jsxs16(
     "div",
     {
@@ -1490,7 +1505,7 @@ var TooltipModal = ({
         isOpen && /* @__PURE__ */ jsx38(
           "div",
           {
-            className: `sb-tooltip-modal sb-text-orange-900 sb-my-2 ${width > 400 ? "!sb-bottom-[105%]" : "!sb-top-[105%]"}`,
+            className: `sb-tooltip-modal sb-text-orange-900 sb-my-2 ${width > 400 || (player == null ? void 0 : player.isFullscreen_) === true ? "!sb-bottom-[105%]" : "!sb-top-[105%]"}`,
             style: {
               position: "absolute",
               left: !isLeft ? "-100%" : "100%",
@@ -1534,6 +1549,7 @@ var ControlBar = ({
   const { setPlayer, setDuration } = useSoftBuildersVideoPlayerContext();
   const [width, setWidth] = useState13(0);
   const [isSeeking, setIsSeeking] = useState13(true);
+  const [isModalChanged, setIsModalChanged] = useState13(false);
   const seek = (duration2) => {
     const currentTime = Number((player == null ? void 0 : player.currentTime()) || 0);
     player == null ? void 0 : player.currentTime(currentTime + duration2);
@@ -1557,28 +1573,31 @@ var ControlBar = ({
     else player == null ? void 0 : player.pause();
     setIsPaused(!isPaused);
   };
-  useEffect13(() => {
+  useEffect14(() => {
     setPlayer(player);
   }, [player]);
-  useEffect13(() => {
+  useEffect14(() => {
     setDuration(duration);
   }, [duration]);
   return /* @__PURE__ */ jsxs17(
     "div",
     {
-      className: ` !sb-px-4 sb-flex sb-pt-2 sb-justify-center sb-gap-3 sb-w-full sb-h-full  ${width > 400 && !isTrailer ? "sb-absolute sb-bottom-1 sb-items-end sb-mb-1 sb-pb-2 " : "sb-items-start"} sb-pb-2`,
+      className: ` !sb-px-4 sb-flex sb-pt-2 sb-justify-center sb-gap-3 sb-w-full sb-h-full  ${(width > 400 || (player == null ? void 0 : player.isFullscreen_) === true) && !isTrailer ? "sb-absolute sb-bottom-1 sb-items-end sb-mb-1 sb-pb-2 " : "sb-items-start"} sb-pb-2`,
       children: [
         /* @__PURE__ */ jsx39(BufferTracker_default, {}),
         /* @__PURE__ */ jsx39(CurrentTimeTracker_default, {}),
         !isTrailer && /* @__PURE__ */ jsx39(
           "button",
           {
-            onClick: () => {
+            onClick: (e) => {
+              e.preventDefault();
+              e.stopPropagation();
               seek(-seekStep);
             },
             children: /* @__PURE__ */ jsx39(
               GlobalTooltip_default,
               {
+                player,
                 width,
                 content: /* @__PURE__ */ jsx39("p", { children: "Backward 5 sec" }),
                 isLeft: true,
@@ -1590,6 +1609,7 @@ var ControlBar = ({
         /* @__PURE__ */ jsx39("button", { onClick: togglePlay, children: /* @__PURE__ */ jsx39(
           GlobalTooltip_default,
           {
+            player,
             width,
             content: /* @__PURE__ */ jsx39("p", { children: isPaused ? "Play" : "pause" }),
             isLeft: true,
@@ -1601,11 +1621,13 @@ var ControlBar = ({
           {
             onClick: (e) => {
               e.preventDefault();
+              e.stopPropagation();
               seek(seekStep);
             },
             children: /* @__PURE__ */ jsx39(
               GlobalTooltip_default,
               {
+                player,
                 width,
                 content: /* @__PURE__ */ jsx39("p", { children: "Forward 5 sec" }),
                 isLeft: true,
@@ -1619,16 +1641,16 @@ var ControlBar = ({
         /* @__PURE__ */ jsx39(
           "div",
           {
-            className: `${width < 400 && !isTrailer ? "sb-flex-1 sb-ml-0 sb-mr-0" : "sb-w-full"}`,
+            className: `${width < 400 && !isTrailer && (player == null ? void 0 : player.isFullscreen_) === false ? "sb-flex-1 sb-ml-0 sb-mr-0" : "sb-w-full"}`,
             children: /* @__PURE__ */ jsxs17(
               "div",
               {
-                style: width < 400 && !isTrailer ? {
+                style: width < 400 && !isTrailer && (player == null ? void 0 : player.isFullscreen_) === false ? {
                   width: `${width * 0.9}px`,
                   left: "5%",
                   top: "90%"
                 } : { width: "98%" },
-                className: `flex gap-2 ${width < 400 && !isTrailer ? "absolute sb-top-1" : "-sb-translate-y-0 sb-w-full"} hover:sb-w-[45%] `,
+                className: `flex gap-2 ${width < 400 && !isTrailer && (player == null ? void 0 : player.isFullscreen_) === false ? "absolute sb-top-1" : "-sb-translate-y-0 sb-w-full"} hover:sb-w-[45%] `,
                 children: [
                   /* @__PURE__ */ jsx39(CurrentTimeLabel_default, {}),
                   /* @__PURE__ */ jsx39(TimeSliderContainer_default, { chapters, notes }),
@@ -1649,33 +1671,52 @@ var ControlBar = ({
             handleControlDisplayTimer
           }
         ) }),
-        /* @__PURE__ */ jsx39(GlobalTooltip_default, { width, content: /* @__PURE__ */ jsx39("p", { children: "Quality" }), children: /* @__PURE__ */ jsx39(
-          QualityMenu_default,
+        /* @__PURE__ */ jsx39(
+          GlobalTooltip_default,
           {
-            isTrailer,
+            player,
+            isModalChanged,
             width,
-            onClick: (e, isOpen) => {
-              setVolumeToggler(!volumeSliderToggler);
-              setIsQualityMenuOpen && setIsQualityMenuOpen(isOpen);
-            }
+            content: /* @__PURE__ */ jsx39("p", { children: "Quality" }),
+            children: /* @__PURE__ */ jsx39(
+              QualityMenu_default,
+              {
+                isTrailer,
+                width,
+                setIsModalChanged: (val) => setIsModalChanged(val),
+                onClick: (e, isOpen) => {
+                  setVolumeToggler(!volumeSliderToggler);
+                  setIsQualityMenuOpen && setIsQualityMenuOpen(isOpen);
+                  setIsModalChanged(true);
+                }
+              }
+            )
           }
-        ) }),
-        disableNote && /* @__PURE__ */ jsx39(GlobalTooltip_default, { width, content: /* @__PURE__ */ jsx39("p", { children: "Create note" }), children: /* @__PURE__ */ jsx39(
-          CreateNoteMenu_default,
+        ),
+        disableNote && /* @__PURE__ */ jsx39(
+          GlobalTooltip_default,
           {
-            handleSaveNoteAction,
+            player,
             width,
-            setNoteOpen,
-            noteButtonClick: (e) => {
-              noteButtonClick && noteButtonClick({
-                time: Number((player == null ? void 0 : player.currentTime()) || 0),
-                isOpen: e
-              });
-              player == null ? void 0 : player.pause();
-            }
+            content: /* @__PURE__ */ jsx39("p", { children: "Create note" }),
+            children: /* @__PURE__ */ jsx39(
+              CreateNoteMenu_default,
+              {
+                handleSaveNoteAction,
+                width,
+                setNoteOpen,
+                noteButtonClick: (e) => {
+                  noteButtonClick && noteButtonClick({
+                    time: Number((player == null ? void 0 : player.currentTime()) || 0),
+                    isOpen: e
+                  });
+                  player == null ? void 0 : player.pause();
+                }
+              }
+            )
           }
-        ) }),
-        /* @__PURE__ */ jsx39(GlobalTooltip_default, { width, content: /* @__PURE__ */ jsx39("p", { children: "Subtitle" }), children: /* @__PURE__ */ jsx39(
+        ),
+        /* @__PURE__ */ jsx39(GlobalTooltip_default, { player, width, content: /* @__PURE__ */ jsx39("p", { children: "Subtitle" }), children: /* @__PURE__ */ jsx39(
           SubtitleMenu_default,
           {
             isTrailer,
@@ -1686,7 +1727,7 @@ var ControlBar = ({
             }
           }
         ) }),
-        /* @__PURE__ */ jsx39(GlobalTooltip_default, { width, content: /* @__PURE__ */ jsx39("p", { children: "Full screen" }), children: /* @__PURE__ */ jsx39(
+        /* @__PURE__ */ jsx39(GlobalTooltip_default, { player, width, content: /* @__PURE__ */ jsx39("p", { children: "Full screen" }), children: /* @__PURE__ */ jsx39(
           "button",
           {
             onClick: (e) => {
@@ -1832,6 +1873,7 @@ var VideoPlayerComponent = forwardRef(
     isTrailer,
     height
   }, ref) => {
+    var _a;
     const videoRef = useRef2(void 0);
     const playerRef = useRef2(void 0);
     const idRef = useRef2(void 0);
@@ -1864,7 +1906,7 @@ var VideoPlayerComponent = forwardRef(
         });
       }
     };
-    useEffect14(() => {
+    useEffect15(() => {
       if (!playerRef.current) {
         const videoElement = document.createElement("video-js");
         videoElement.setAttribute("playsinline", "true");
@@ -1898,7 +1940,7 @@ var VideoPlayerComponent = forwardRef(
         }
       };
     }, [id]);
-    useEffect14(() => {
+    useEffect15(() => {
       if (!playerRef.current) {
         const videoElement = document.createElement("video-js");
         videoElement.setAttribute("playsinline", "true");
@@ -1915,9 +1957,9 @@ var VideoPlayerComponent = forwardRef(
         });
       }
       return () => {
-        var _a, _b;
+        var _a2, _b;
         if (playerRef.current) {
-          if (!isEqual((_b = (_a = idRef == null ? void 0 : idRef.current) == null ? void 0 : _a.sources) != null ? _b : "", options.sources)) {
+          if (!isEqual((_b = (_a2 = idRef == null ? void 0 : idRef.current) == null ? void 0 : _a2.sources) != null ? _b : "", options.sources)) {
             idRef.current = options;
             playerRef.current.dispose();
             playerRef.current = void 0;
@@ -1935,12 +1977,12 @@ var VideoPlayerComponent = forwardRef(
         }
       };
     }, [options]);
-    useEffect14(() => {
+    useEffect15(() => {
       if (playerRef.current) {
         playerRef.current.currentTime(startTime);
       }
     }, [startTime]);
-    useEffect14(() => {
+    useEffect15(() => {
       if (playerRef.current && isReady) {
         const currentTime = playerRef.current.currentTime() || 0;
         if (isPaused) {
@@ -1950,7 +1992,7 @@ var VideoPlayerComponent = forwardRef(
         }
       }
     }, [isPaused]);
-    useEffect14(() => {
+    useEffect15(() => {
       const controlBarTimeout = setTimeout(() => {
         renderControlBar(
           id,
@@ -1984,9 +2026,10 @@ var VideoPlayerComponent = forwardRef(
       duration,
       opacity,
       isReady,
-      id
+      id,
+      (_a = playerRef == null ? void 0 : playerRef.current) == null ? void 0 : _a.isFullscreen_
     ]);
-    useEffect14(() => {
+    useEffect15(() => {
       if (isReady) {
         const playButtonTimeout = setTimeout(() => {
           renderBigPlayButton(
@@ -2003,7 +2046,7 @@ var VideoPlayerComponent = forwardRef(
         return () => clearTimeout(playButtonTimeout);
       }
     }, [isPaused, opacity, isReady, id, height, heightValue, isLoading]);
-    useEffect14(() => {
+    useEffect15(() => {
       if (playerRef.current) {
         const intervalId = setInterval(() => {
           if (playerRef.current) setIsPaused(playerRef.current.paused());
@@ -2012,7 +2055,7 @@ var VideoPlayerComponent = forwardRef(
       }
     }, []);
     const timeoutRef = useRef2(null);
-    useEffect14(() => {
+    useEffect15(() => {
       if (isQualityMenuOpen || isSubtitleMenuOpen) {
         if (timeoutRef.current) {
           clearTimeout(timeoutRef.current);
@@ -2028,7 +2071,7 @@ var VideoPlayerComponent = forwardRef(
         }, 3e3);
       }
     }, [isQualityMenuOpen, isSubtitleMenuOpen]);
-    useEffect14(() => {
+    useEffect15(() => {
       if (isNoteOpen) {
         if (timeoutRef.current) {
           clearTimeout(timeoutRef.current);
@@ -2076,13 +2119,13 @@ var VideoPlayerComponent = forwardRef(
       }
     };
     const videoRefs = useRef2(null);
-    useEffect14(() => {
+    useEffect15(() => {
       const observer = new IntersectionObserver(
         (entries) => {
           entries.forEach((entry) => {
-            var _a, _b;
+            var _a2, _b;
             if (entry.isIntersecting === false) {
-              if (((_a = playerRef == null ? void 0 : playerRef.current) == null ? void 0 : _a.paused()) === false) {
+              if (((_a2 = playerRef == null ? void 0 : playerRef.current) == null ? void 0 : _a2.paused()) === false) {
                 try {
                   (_b = playerRef == null ? void 0 : playerRef.current) == null ? void 0 : _b.pause();
                   setIsPaused(true);
@@ -2108,7 +2151,7 @@ var VideoPlayerComponent = forwardRef(
       };
     }, []);
     const [timeSeeker, setTimeSeeker] = useState14("0");
-    useEffect14(() => {
+    useEffect15(() => {
       const updateTimeSeeker = () => {
         if (playerRef.current && isReady) {
           const currentTime = playerRef.current.currentTime();
@@ -2255,9 +2298,9 @@ var Component = forwardRef2(
     if (options.height === void 0) options.height = DEFAULT_OPTIONS.height;
     if (options.width === void 0) options.width = DEFAULT_OPTIONS.width;
     const [tracks, setTracks] = useState15([]);
-    useEffect15(() => {
+    useEffect16(() => {
     }, [isFocused]);
-    useEffect15(() => {
+    useEffect16(() => {
       const getTracks = async () => {
         const newTracks = [];
         if (Array.isArray(options == null ? void 0 : options.tracks))
@@ -2276,7 +2319,7 @@ var Component = forwardRef2(
     }, [options == null ? void 0 : options.tracks]);
     const id = (Date.now() + Math.random() * 100).toString();
     const [uuid, setUuid] = useState15("");
-    useEffect15(() => {
+    useEffect16(() => {
       setUuid(uuidv4());
     }, []);
     return /* @__PURE__ */ jsx42(

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "softbuilders-react-video-player",
   "description": "Standalone video player component",
-  "version": "1.2.23",
+  "version": "1.3.0",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [