@swipefindercom/finder-sdk 1.0.23 → 1.0.24

package/dist/finder-sdk.esm.js

@@ -23582,6 +23582,19 @@ const VideoWrapper = ({
       }
     }
   }, [isMuted, volume, ready]);
+  useEffect(() => {
+    const video = videoRef.current;
+    if (!video || !ready) return;
+    const handlePlaying = () => {
+      if (!isMuted && video.muted) {
+        video.muted = false;
+      }
+    };
+    video.addEventListener("playing", handlePlaying);
+    return () => {
+      video.removeEventListener("playing", handlePlaying);
+    };
+  }, [isMuted, ready]);
   const preload = cardIndex === 0 ? "auto" : "none";
   return /* @__PURE__ */ jsx(Fragment$1, { children: card2.videoUrl && ready && /* @__PURE__ */ jsx("div", { className: styles$m.videoContainer, children: /* @__PURE__ */ jsx(
     ReactHlsPlayer,
@@ -25070,6 +25083,7 @@ const SwipeableFeed = ({
           if (video.play) {
             await video.play();
           }
+          video.muted = isMuted;
         } catch (error) {
           if (retryCount < maxRetries) {
             retryCount++;
@@ -25086,7 +25100,7 @@ const SwipeableFeed = ({
     } catch (error) {
       console.warn("Video playback setup error:", error);
     }
-  }, []);
+  }, [isMuted]);
   const displayedCards = useMemo(() => {
     return cards.slice(currentCardIndex, currentCardIndex + maxVisibleCards);
   }, [cards, currentCardIndex, maxVisibleCards]);
@@ -26645,11 +26659,18 @@ const AppStateProvider = ({
   const [allCards, setAllCards] = useState([]);
   const [filteredCards, setFilteredCards] = useState([]);
   const [selectedCategories, setSelectedCategories] = useState([]);
+  const [isInitialMute, setIsInitialMute] = useState(true);
   useEffect(() => {
     if (isInitiallyLoaded && finder) {
       setVolume(finder.initialVolume);
     }
   }, [isInitiallyLoaded, finder]);
+  useEffect(() => {
+    if (currentCardIndex > 0 && isInitialMute && isMuted) {
+      setIsMuted(false);
+      setIsInitialMute(false);
+    }
+  }, [currentCardIndex, isInitialMute, isMuted]);
   const addSwipeToHistory = useCallback((direction, card2) => {
     setSwipeHistory((prev) => {
       const existingEntryIndex = prev.findIndex(
@@ -26671,6 +26692,7 @@ const AppStateProvider = ({
     return swipeHistory.filter((entry) => entry.direction === direction).map((entry) => entry.card);
   }, [swipeHistory]);
   const toggleMute = useCallback(() => {
+    setIsInitialMute(false);
     setIsMuted((prev) => !prev);
   }, []);
   const handleVolumeChange = useCallback((newVolume) => {