suada-components 1.16.0 → 1.18.1

package/dist/components/{index-xSumop9Q.js → index-BIuwQ7Ul.js}

@@ -76987,7 +76987,7 @@ function requirePlayers () {
 	    canPlay: import_patterns.canPlay.youtube,
 	    lazyPlayer: (0, import_utils.lazy)(() => Promise.resolve().then(function () { return require(
 	      /* webpackChunkName: 'reactPlayerYouTube' */
-	      './YouTube-Cgb87Kum.js'
+	      './YouTube-aCsy9GCc.js'
 	    ); }).then(function (n) { return n.YouTube; }))
 	  },
 	  {
@@ -76996,7 +76996,7 @@ function requirePlayers () {
 	    canPlay: import_patterns.canPlay.soundcloud,
 	    lazyPlayer: (0, import_utils.lazy)(() => Promise.resolve().then(function () { return require(
 	      /* webpackChunkName: 'reactPlayerSoundCloud' */
-	      './SoundCloud-1OBiV7Uu.js'
+	      './SoundCloud-CLTAypO_.js'
 	    ); }).then(function (n) { return n.SoundCloud; }))
 	  },
 	  {
@@ -77005,7 +77005,7 @@ function requirePlayers () {
 	    canPlay: import_patterns.canPlay.vimeo,
 	    lazyPlayer: (0, import_utils.lazy)(() => Promise.resolve().then(function () { return require(
 	      /* webpackChunkName: 'reactPlayerVimeo' */
-	      './Vimeo-BrwjjhnE.js'
+	      './Vimeo-D3_12JJC.js'
 	    ); }).then(function (n) { return n.Vimeo; }))
 	  },
 	  {
@@ -77014,7 +77014,7 @@ function requirePlayers () {
 	    canPlay: import_patterns.canPlay.mux,
 	    lazyPlayer: (0, import_utils.lazy)(() => Promise.resolve().then(function () { return require(
 	      /* webpackChunkName: 'reactPlayerMux' */
-	      './Mux-BU4oXCnY.js'
+	      './Mux-Bp6MFxPb.js'
 	    ); }).then(function (n) { return n.Mux; }))
 	  },
 	  {
@@ -77023,7 +77023,7 @@ function requirePlayers () {
 	    canPlay: import_patterns.canPlay.facebook,
 	    lazyPlayer: (0, import_utils.lazy)(() => Promise.resolve().then(function () { return require(
 	      /* webpackChunkName: 'reactPlayerFacebook' */
-	      './Facebook-BPmwqj1f.js'
+	      './Facebook-D96yZ-Wv.js'
 	    ); }).then(function (n) { return n.Facebook; }))
 	  },
 	  {
@@ -77032,7 +77032,7 @@ function requirePlayers () {
 	    canPlay: import_patterns.canPlay.streamable,
 	    lazyPlayer: (0, import_utils.lazy)(() => Promise.resolve().then(function () { return require(
 	      /* webpackChunkName: 'reactPlayerStreamable' */
-	      './Streamable-IZ2mlfW2.js'
+	      './Streamable-BYw1N66m.js'
 	    ); }).then(function (n) { return n.Streamable; }))
 	  },
 	  {
@@ -77041,7 +77041,7 @@ function requirePlayers () {
 	    canPlay: import_patterns.canPlay.wistia,
 	    lazyPlayer: (0, import_utils.lazy)(() => Promise.resolve().then(function () { return require(
 	      /* webpackChunkName: 'reactPlayerWistia' */
-	      './Wistia-CKdJ_090.js'
+	      './Wistia-DyxKLkXI.js'
 	    ); }).then(function (n) { return n.Wistia; }))
 	  },
 	  {
@@ -77050,7 +77050,7 @@ function requirePlayers () {
 	    canPlay: import_patterns.canPlay.twitch,
 	    lazyPlayer: (0, import_utils.lazy)(() => Promise.resolve().then(function () { return require(
 	      /* webpackChunkName: 'reactPlayerTwitch' */
-	      './Twitch-D9jp55nt.js'
+	      './Twitch-BHVmZejB.js'
 	    ); }).then(function (n) { return n.Twitch; }))
 	  },
 	  {
@@ -77059,7 +77059,7 @@ function requirePlayers () {
 	    canPlay: import_patterns.canPlay.dailymotion,
 	    lazyPlayer: (0, import_utils.lazy)(() => Promise.resolve().then(function () { return require(
 	      /* webpackChunkName: 'reactPlayerDailyMotion' */
-	      './DailyMotion-3ouqZQIq.js'
+	      './DailyMotion-Dc8Jt5rL.js'
 	    ); }).then(function (n) { return n.DailyMotion; }))
 	  },
 	  {
@@ -77068,7 +77068,7 @@ function requirePlayers () {
 	    canPlay: import_patterns.canPlay.mixcloud,
 	    lazyPlayer: (0, import_utils.lazy)(() => Promise.resolve().then(function () { return require(
 	      /* webpackChunkName: 'reactPlayerMixcloud' */
-	      './Mixcloud-BH-WH69X.js'
+	      './Mixcloud-BlY20QI9.js'
 	    ); }).then(function (n) { return n.Mixcloud; }))
 	  },
 	  {
@@ -77077,7 +77077,7 @@ function requirePlayers () {
 	    canPlay: import_patterns.canPlay.vidyard,
 	    lazyPlayer: (0, import_utils.lazy)(() => Promise.resolve().then(function () { return require(
 	      /* webpackChunkName: 'reactPlayerVidyard' */
-	      './Vidyard-CeEWYJk3.js'
+	      './Vidyard-ClFsw8nL.js'
 	    ); }).then(function (n) { return n.Vidyard; }))
 	  },
 	  {
@@ -77086,7 +77086,7 @@ function requirePlayers () {
 	    canPlay: import_patterns.canPlay.kaltura,
 	    lazyPlayer: (0, import_utils.lazy)(() => Promise.resolve().then(function () { return require(
 	      /* webpackChunkName: 'reactPlayerKaltura' */
-	      './Kaltura-BLOwRWhz.js'
+	      './Kaltura-DK-h5jtl.js'
 	    ); }).then(function (n) { return n.Kaltura; }))
 	  },
 	  {
@@ -77098,7 +77098,7 @@ function requirePlayers () {
 	    },
 	    lazyPlayer: (0, import_utils.lazy)(() => Promise.resolve().then(function () { return require(
 	      /* webpackChunkName: 'reactPlayerFilePlayer' */
-	      './FilePlayer-BgiOWf6h.js'
+	      './FilePlayer-B60YEygK.js'
 	    ); }).then(function (n) { return n.FilePlayer; }))
 	  }
 	];
@@ -77919,7 +77919,7 @@ function requireReactPlayer () {
 	var import_Player = __toESM(/*@__PURE__*/ requirePlayer());
 	const Preview = (0, import_utils.lazy)(() => Promise.resolve().then(function () { return require(
 	  /* webpackChunkName: 'reactPlayerPreview' */
-	  './Preview-C0L7rSEk.js'
+	  './Preview-Ipafps1S.js'
 	); }).then(function (n) { return n.Preview; }));
 	const IS_BROWSER = typeof window !== "undefined" && window.document && typeof document !== "undefined";
 	const IS_GLOBAL = typeof commonjsGlobal !== "undefined" && commonjsGlobal.window && commonjsGlobal.window.document;
@@ -84635,24 +84635,40 @@ var PiPProvider = function PiPProvider(_ref) {
         case 0:
           _context2.prev = 0;
           if (!document.pictureInPictureElement) {
-            _context2.next = 4;
+            _context2.next = 6;
             break;
           }
           _context2.next = 4;
           return document.exitPictureInPicture();
         case 4:
+          _context2.next = 8;
+          break;
+        case 6:
+          // If there's no actual PiP element but context thinks it's active, reset state
+          setIsPiPActive(false);
+          setPipVideoState(null);
+        case 8:
           return _context2.abrupt("return", true);
-        case 7:
-          _context2.prev = 7;
+        case 11:
+          _context2.prev = 11;
           _context2.t0 = _context2["catch"](0);
           console.error('Failed to exit picture-in-picture:', _context2.t0);
           return _context2.abrupt("return", false);
-        case 11:
+        case 15:
         case "end":
           return _context2.stop();
       }
-    }, _callee2, null, [[0, 7]]);
+    }, _callee2, null, [[0, 11]]);
   })), []);
+  var syncPiPState = React.useCallback(function () {
+    var actualPiPActive = !!document.pictureInPictureElement;
+    if (isPiPActive !== actualPiPActive) {
+      setIsPiPActive(actualPiPActive);
+      if (!actualPiPActive) {
+        setPipVideoState(null);
+      }
+    }
+  }, [isPiPActive]);
   // Listen for PiP events
   React.useEffect(function () {
     var handlePiPEnter = function handlePiPEnter() {
@@ -84677,7 +84693,8 @@ var PiPProvider = function PiPProvider(_ref) {
     exitPiP: exitPiP,
     updateVideoState: updateVideoState,
     registerVideoElement: registerVideoElement,
-    unregisterVideoElement: unregisterVideoElement
+    unregisterVideoElement: unregisterVideoElement,
+    syncPiPState: syncPiPState
   };
   return require$$2$2.jsx(PiPContext.Provider, {
     value: value,
@@ -84733,6 +84750,9 @@ var defaultPiPContext = {
   },
   unregisterVideoElement: function unregisterVideoElement() {
     // No-op when provider is not available
+  },
+  syncPiPState: function syncPiPState() {
+    // No-op when provider is not available
   }
 };
 var usePiP = function usePiP() {
@@ -84744,9 +84764,10 @@ var usePiP = function usePiP() {
 };
 
 var count = 0;
+// Default video state to ensure all properties are initialized
 var defaultVideoState = {
   muted: false,
-  volume: 0.3,
+  volume: 1,
   prevVolume: 0.3,
   playbackRate: 1.0,
   played: 0.0,
@@ -85469,8 +85490,7 @@ var VideoPlayer = function VideoPlayer(_ref) {
   var currentEditingNote = editingNote !== undefined ? editingNote : internalEditingNote;
   // Get PiP context for state initialization
   var _usePiP = usePiP(),
-    contextIsPiPActive = _usePiP.isPiPActive,
-    exitPiP = _usePiP.exitPiP;
+    syncPiPState = _usePiP.syncPiPState;
   var _usePlayerControls = usePlayerControls({
       startTime: startTime,
       setLoading: setLoading,
@@ -85516,13 +85536,9 @@ var VideoPlayer = function VideoPlayer(_ref) {
     setCurrentSubtitle = _usePlayerControls.setCurrentSubtitle;
   // Initialize PiP state on component mount/URL change
   React.useEffect(function () {
-    // Check if the context thinks PiP is active but no element is actually in PiP
-    if (contextIsPiPActive && !document.pictureInPictureElement) {
-      // Reset the PiP state because there's no actual PiP video
-      console.log('Resetting PiP state - context out of sync with actual PiP state');
-      exitPiP();
-    }
-  }, [url, contextIsPiPActive, exitPiP]); // Run when URL changes or component mounts
+    // Sync PiP state with actual browser state on mount and URL changes
+    syncPiPState();
+  }, [url, syncPiPState]); // Run when URL changes or component mounts
   // Handle adding new notes
   var handleAddNote = React.useCallback(function () {
     var _a;

package/dist/components/{index-sywwoar6.esm.js → index-WnDl7x-R.esm.js}

@@ -76967,7 +76967,7 @@ function requirePlayers () {
 	    canPlay: import_patterns.canPlay.youtube,
 	    lazyPlayer: (0, import_utils.lazy)(() => import(
 	      /* webpackChunkName: 'reactPlayerYouTube' */
-	      './YouTube-BTUNtwS5.esm.js'
+	      './YouTube-CQ70BkZw.esm.js'
 	    ).then(function (n) { return n.Y; }))
 	  },
 	  {
@@ -76976,7 +76976,7 @@ function requirePlayers () {
 	    canPlay: import_patterns.canPlay.soundcloud,
 	    lazyPlayer: (0, import_utils.lazy)(() => import(
 	      /* webpackChunkName: 'reactPlayerSoundCloud' */
-	      './SoundCloud-30_94fHz.esm.js'
+	      './SoundCloud-Cezo6lfg.esm.js'
 	    ).then(function (n) { return n.S; }))
 	  },
 	  {
@@ -76985,7 +76985,7 @@ function requirePlayers () {
 	    canPlay: import_patterns.canPlay.vimeo,
 	    lazyPlayer: (0, import_utils.lazy)(() => import(
 	      /* webpackChunkName: 'reactPlayerVimeo' */
-	      './Vimeo-DNDOWvCm.esm.js'
+	      './Vimeo-vOGC9mBk.esm.js'
 	    ).then(function (n) { return n.V; }))
 	  },
 	  {
@@ -76994,7 +76994,7 @@ function requirePlayers () {
 	    canPlay: import_patterns.canPlay.mux,
 	    lazyPlayer: (0, import_utils.lazy)(() => import(
 	      /* webpackChunkName: 'reactPlayerMux' */
-	      './Mux-C7ph2OVX.esm.js'
+	      './Mux-BU7bD4pe.esm.js'
 	    ).then(function (n) { return n.M; }))
 	  },
 	  {
@@ -77003,7 +77003,7 @@ function requirePlayers () {
 	    canPlay: import_patterns.canPlay.facebook,
 	    lazyPlayer: (0, import_utils.lazy)(() => import(
 	      /* webpackChunkName: 'reactPlayerFacebook' */
-	      './Facebook-DWz-xBTC.esm.js'
+	      './Facebook-DDWWEbeK.esm.js'
 	    ).then(function (n) { return n.F; }))
 	  },
 	  {
@@ -77012,7 +77012,7 @@ function requirePlayers () {
 	    canPlay: import_patterns.canPlay.streamable,
 	    lazyPlayer: (0, import_utils.lazy)(() => import(
 	      /* webpackChunkName: 'reactPlayerStreamable' */
-	      './Streamable-sMKvvdpr.esm.js'
+	      './Streamable-B602PXxI.esm.js'
 	    ).then(function (n) { return n.S; }))
 	  },
 	  {
@@ -77021,7 +77021,7 @@ function requirePlayers () {
 	    canPlay: import_patterns.canPlay.wistia,
 	    lazyPlayer: (0, import_utils.lazy)(() => import(
 	      /* webpackChunkName: 'reactPlayerWistia' */
-	      './Wistia-Rk6R0-XG.esm.js'
+	      './Wistia-BNx386Rg.esm.js'
 	    ).then(function (n) { return n.W; }))
 	  },
 	  {
@@ -77030,7 +77030,7 @@ function requirePlayers () {
 	    canPlay: import_patterns.canPlay.twitch,
 	    lazyPlayer: (0, import_utils.lazy)(() => import(
 	      /* webpackChunkName: 'reactPlayerTwitch' */
-	      './Twitch-UAsADCkY.esm.js'
+	      './Twitch-tLysm9DK.esm.js'
 	    ).then(function (n) { return n.T; }))
 	  },
 	  {
@@ -77039,7 +77039,7 @@ function requirePlayers () {
 	    canPlay: import_patterns.canPlay.dailymotion,
 	    lazyPlayer: (0, import_utils.lazy)(() => import(
 	      /* webpackChunkName: 'reactPlayerDailyMotion' */
-	      './DailyMotion-DnjKGwA2.esm.js'
+	      './DailyMotion-Cigxd-Jz.esm.js'
 	    ).then(function (n) { return n.D; }))
 	  },
 	  {
@@ -77048,7 +77048,7 @@ function requirePlayers () {
 	    canPlay: import_patterns.canPlay.mixcloud,
 	    lazyPlayer: (0, import_utils.lazy)(() => import(
 	      /* webpackChunkName: 'reactPlayerMixcloud' */
-	      './Mixcloud-BOhEnFu5.esm.js'
+	      './Mixcloud-D3hCVvRi.esm.js'
 	    ).then(function (n) { return n.M; }))
 	  },
 	  {
@@ -77057,7 +77057,7 @@ function requirePlayers () {
 	    canPlay: import_patterns.canPlay.vidyard,
 	    lazyPlayer: (0, import_utils.lazy)(() => import(
 	      /* webpackChunkName: 'reactPlayerVidyard' */
-	      './Vidyard-Buty3I7g.esm.js'
+	      './Vidyard-CN_G9dre.esm.js'
 	    ).then(function (n) { return n.V; }))
 	  },
 	  {
@@ -77066,7 +77066,7 @@ function requirePlayers () {
 	    canPlay: import_patterns.canPlay.kaltura,
 	    lazyPlayer: (0, import_utils.lazy)(() => import(
 	      /* webpackChunkName: 'reactPlayerKaltura' */
-	      './Kaltura-CZ4QDkC_.esm.js'
+	      './Kaltura-Btn1U8Zf.esm.js'
 	    ).then(function (n) { return n.K; }))
 	  },
 	  {
@@ -77078,7 +77078,7 @@ function requirePlayers () {
 	    },
 	    lazyPlayer: (0, import_utils.lazy)(() => import(
 	      /* webpackChunkName: 'reactPlayerFilePlayer' */
-	      './FilePlayer-D5y_obwX.esm.js'
+	      './FilePlayer-B3meC4EP.esm.js'
 	    ).then(function (n) { return n.F; }))
 	  }
 	];
@@ -77899,7 +77899,7 @@ function requireReactPlayer () {
 	var import_Player = __toESM(/*@__PURE__*/ requirePlayer());
 	const Preview = (0, import_utils.lazy)(() => import(
 	  /* webpackChunkName: 'reactPlayerPreview' */
-	  './Preview-CXFeVJay.esm.js'
+	  './Preview-DsGgU4H5.esm.js'
 	).then(function (n) { return n.P; }));
 	const IS_BROWSER = typeof window !== "undefined" && window.document && typeof document !== "undefined";
 	const IS_GLOBAL = typeof commonjsGlobal !== "undefined" && commonjsGlobal.window && commonjsGlobal.window.document;
@@ -84615,24 +84615,40 @@ var PiPProvider = function PiPProvider(_ref) {
         case 0:
           _context2.prev = 0;
           if (!document.pictureInPictureElement) {
-            _context2.next = 4;
+            _context2.next = 6;
             break;
           }
           _context2.next = 4;
           return document.exitPictureInPicture();
         case 4:
+          _context2.next = 8;
+          break;
+        case 6:
+          // If there's no actual PiP element but context thinks it's active, reset state
+          setIsPiPActive(false);
+          setPipVideoState(null);
+        case 8:
           return _context2.abrupt("return", true);
-        case 7:
-          _context2.prev = 7;
+        case 11:
+          _context2.prev = 11;
           _context2.t0 = _context2["catch"](0);
           console.error('Failed to exit picture-in-picture:', _context2.t0);
           return _context2.abrupt("return", false);
-        case 11:
+        case 15:
         case "end":
           return _context2.stop();
       }
-    }, _callee2, null, [[0, 7]]);
+    }, _callee2, null, [[0, 11]]);
   })), []);
+  var syncPiPState = useCallback(function () {
+    var actualPiPActive = !!document.pictureInPictureElement;
+    if (isPiPActive !== actualPiPActive) {
+      setIsPiPActive(actualPiPActive);
+      if (!actualPiPActive) {
+        setPipVideoState(null);
+      }
+    }
+  }, [isPiPActive]);
   // Listen for PiP events
   useEffect(function () {
     var handlePiPEnter = function handlePiPEnter() {
@@ -84657,7 +84673,8 @@ var PiPProvider = function PiPProvider(_ref) {
     exitPiP: exitPiP,
     updateVideoState: updateVideoState,
     registerVideoElement: registerVideoElement,
-    unregisterVideoElement: unregisterVideoElement
+    unregisterVideoElement: unregisterVideoElement,
+    syncPiPState: syncPiPState
   };
   return jsx$1(PiPContext.Provider, {
     value: value,
@@ -84713,6 +84730,9 @@ var defaultPiPContext = {
   },
   unregisterVideoElement: function unregisterVideoElement() {
     // No-op when provider is not available
+  },
+  syncPiPState: function syncPiPState() {
+    // No-op when provider is not available
   }
 };
 var usePiP = function usePiP() {
@@ -84724,9 +84744,10 @@ var usePiP = function usePiP() {
 };
 
 var count = 0;
+// Default video state to ensure all properties are initialized
 var defaultVideoState = {
   muted: false,
-  volume: 0.3,
+  volume: 1,
   prevVolume: 0.3,
   playbackRate: 1.0,
   played: 0.0,
@@ -85449,8 +85470,7 @@ var VideoPlayer = function VideoPlayer(_ref) {
   var currentEditingNote = editingNote !== undefined ? editingNote : internalEditingNote;
   // Get PiP context for state initialization
   var _usePiP = usePiP(),
-    contextIsPiPActive = _usePiP.isPiPActive,
-    exitPiP = _usePiP.exitPiP;
+    syncPiPState = _usePiP.syncPiPState;
   var _usePlayerControls = usePlayerControls({
       startTime: startTime,
       setLoading: setLoading,
@@ -85496,13 +85516,9 @@ var VideoPlayer = function VideoPlayer(_ref) {
     setCurrentSubtitle = _usePlayerControls.setCurrentSubtitle;
   // Initialize PiP state on component mount/URL change
   useEffect(function () {
-    // Check if the context thinks PiP is active but no element is actually in PiP
-    if (contextIsPiPActive && !document.pictureInPictureElement) {
-      // Reset the PiP state because there's no actual PiP video
-      console.log('Resetting PiP state - context out of sync with actual PiP state');
-      exitPiP();
-    }
-  }, [url, contextIsPiPActive, exitPiP]); // Run when URL changes or component mounts
+    // Sync PiP state with actual browser state on mount and URL changes
+    syncPiPState();
+  }, [url, syncPiPState]); // Run when URL changes or component mounts
   // Handle adding new notes
   var handleAddNote = useCallback(function () {
     var _a;

package/dist/components/index.esm.js

@@ -1,4 +1,4 @@
-export { A as AudioPlayer, k as Badge, h as Breadcrumb, B as Button, e as Checkbox, j as ColorPicker, p as ColumnNavigation, C as CourseCard, c as CustomSwitcher, m as CustomTooltip, d as DatePicker, w as DrawerTips, D as DropDown, G as GridActionMenu, L as Loader, N as NavigationBar, f as Pagination, P as PhoneCountryCode, n as PiPProvider, R as RadioButton, x as RangeSlider, S as SearchInput, o as SplashScreen, q as StatusIndicator, t as TabNavigation, s as TabPanel, b as ThemeProvider, i as Tile, l as TooltipHeight, T as TranslationProvider, U as Uploader, V as VideoPlayer, v as activeTabClassName, u as usePiP } from './index-sywwoar6.esm.js';
+export { A as AudioPlayer, k as Badge, h as Breadcrumb, B as Button, e as Checkbox, j as ColorPicker, p as ColumnNavigation, C as CourseCard, c as CustomSwitcher, m as CustomTooltip, d as DatePicker, w as DrawerTips, D as DropDown, G as GridActionMenu, L as Loader, N as NavigationBar, f as Pagination, P as PhoneCountryCode, n as PiPProvider, R as RadioButton, x as RangeSlider, S as SearchInput, o as SplashScreen, q as StatusIndicator, t as TabNavigation, s as TabPanel, b as ThemeProvider, i as Tile, l as TooltipHeight, T as TranslationProvider, U as Uploader, V as VideoPlayer, v as activeTabClassName, u as usePiP } from './index-WnDl7x-R.esm.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'react-transition-group';

package/dist/components/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-xSumop9Q.js');
+var index = require('./index-BIuwQ7Ul.js');
 require('react/jsx-runtime');
 require('react');
 require('react-transition-group');

package/dist/icons/components/VideoPlayer/PiPContext.types.d.ts

@@ -13,4 +13,5 @@ export interface PiPContextType {
     updateVideoState: (state: Partial<PiPVideoState>) => void;
     registerVideoElement: (element: HTMLVideoElement) => void;
     unregisterVideoElement: () => void;
+    syncPiPState: () => void;
 }