l-min-components 1.7.1419 → 1.7.1420

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "l-min-components",
-  "version": "1.7.1419",
+  "version": "1.7.1420",
   "type": "module",
   "files": [
     "src/assets",

package/src/components/reportsComponents/fullAnalysis/components/PlayButton.jsx

@@ -2,7 +2,7 @@ import styled from "styled-components";
 import EarIcon from "../icons/ears";
 import SpeakerIcon from "../icons/speaker";
 import classNames from "classnames";
-import { useState } from "react";
+import { useEffect, useState } from "react";
 import { useSpeechSynthesis } from "react-speech-kit";
 import useAudioPlayer from "../../../useAudioPlayer";
 import AudioWaveComponent from "../../../useAudioPlayer/audioWave";
@@ -15,7 +15,7 @@ const PlayButton = ({ type, refernceText, audio }) => {
     },
   });
 
-  const { play, isPlaying, isReady } = useAudioPlayer({
+  const { play, isPlaying, isReady, stop } = useAudioPlayer({
     streamSrc: audio?.url,
     src: audio?.uploaded_media_url,
   });
@@ -24,6 +24,15 @@ const PlayButton = ({ type, refernceText, audio }) => {
 
   const disabled = type !== "ai" && !isReady;
 
+  useEffect(() => {
+    return () => {
+      if (showWave) {
+        cancel();
+        stop();
+      }
+    };
+  }, [showWave]);
+
   return (
     <Container
       disabled={disabled}

package/src/components/reportsComponents/reportQuestions/components/responseAudio.jsx

@@ -1,4 +1,4 @@
-import React, { useContext } from "react";
+import React, { useEffect } from "react";
 
 import { FaPause } from "react-icons/fa";
 import {
@@ -25,6 +25,14 @@ const ResponseAudio = ({ url, streamUrl }) => {
     streamSrc: streamUrl,
   });
 
+  useEffect(() => {
+    return () => {
+      if (isPlaying) {
+        stop();
+      }
+    };
+  }, [isPlaying]);
+
   return (
     <ResponseAudioContainer
       className={classNames({