dmed-voice-assistant 1.2.4 → 1.2.6

package/dist/index.js

@@ -23,7 +23,8 @@ const VoiceAssistant = _ref => {
     onNewRecordEvent,
     onRecordDataChange,
     onNewRecognitionEvent,
-    onRecognitionDataChange
+    onRecognitionDataChange,
+    onCloseRecognition
   } = _ref;
   const [mode, setMode] = (0, _react.useState)(!isOnlyRecognitionMode ? "recorder" : "recognition");
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
@@ -42,7 +43,8 @@ const VoiceAssistant = _ref => {
         recognitionHistoryList: recognitionListValue,
         onNewRecognitionEvent: onNewRecognitionEvent,
         onRecognitionDataChange: onRecognitionDataChange,
-        isOnlyRecognitionMode: isOnlyRecognitionMode
+        isOnlyRecognitionMode: isOnlyRecognitionMode,
+        onCloseRecognition: onCloseRecognition
       })]
     })
   });

package/dist/recognition.js

@@ -74,7 +74,8 @@ const Recognition = _ref4 => {
     recognitionHistoryList,
     setMode,
     onNewRecognitionEvent,
-    onRecognitionDataChange
+    onRecognitionDataChange,
+    onCloseRecognition
   } = _ref4;
   const [open, setOpen] = (0, _react.useState)(false);
   const [anchorEl, setAnchorEl] = (0, _react.useState)(null);
@@ -88,7 +89,7 @@ const Recognition = _ref4 => {
   const recognitionRef = (0, _react.useRef)(null);
   const mediaRecorderRef = (0, _react.useRef)(null);
   const [result, setResult] = (0, _react.useState)([]);
-  const [historyList, setHistoryList] = (0, _react.useState)(recognitionHistoryList);
+  const [historyList, setHistoryList] = (0, _react.useState)([]);
   const [filterHistoryList, setFilterHistoryList] = (0, _react.useState)([]);
   const [dropdownList, setDropdownList] = (0, _react.useState)([]);
   const [recordTime, setRecordTime] = (0, _react.useState)(0);
@@ -133,6 +134,11 @@ const Recognition = _ref4 => {
   const handleLanguageChange = event => {
     setSelectedLanguage(event.target.value);
   };
+  const handleCloseModal = () => {
+    if (onCloseRecognition) {
+      onCloseRecognition();
+    }
+  };
   const startRecording = async () => {
     try {
       if (recognitionRef.current) {
@@ -299,6 +305,9 @@ const Recognition = _ref4 => {
     }, {});
     setFilterHistoryList(groupedData[selectedDate] ? groupedData[selectedDate] : []);
   }, [selectedDate, historyList]);
+  (0, _react.useEffect)(() => {
+    setHistoryList(recognitionHistoryList);
+  }, [recognitionHistoryList]);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
     className: "bg-white rounded-[5px] p-[20px] w-[440px]",
     sx: {
@@ -328,6 +337,7 @@ const Recognition = _ref4 => {
         })]
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
         className: "px-[10px] py-[8px] cursor-pointer",
+        onClick: handleCloseModal,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_svgs.CloseIcon, {})
       })]
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {

package/dist/recorder.js

@@ -57,12 +57,11 @@ const RecorderBox = _ref => {
   const [voiceList, setVoiceList] = (0, _react.useState)([]);
   const languageList = ['Auto-Detect', 'English', 'Chinese (Simplified)'];
   const [selectedLanguage, setSelectedLanguage] = (0, _react.useState)("");
-  const [recordList, setRecordList] = (0, _react.useState)(recordHistoryList);
+  const [recordList, setRecordList] = (0, _react.useState)([]);
   const [newRecordFileName, setNewRecordFileName] = (0, _react.useState)("");
   const [newRecordTime, setNewRecordTime] = (0, _react.useState)(0);
   const [isRunning, setIsRunning] = (0, _react.useState)(false);
   const [intervalId, setIntervalId] = (0, _react.useState)(null);
-  const [audioBlob, setAudioBlob] = (0, _react.useState)(null);
   const [audioSize, setAudioSize] = (0, _react.useState)(0);
   const mediaRecorderRef = (0, _react.useRef)(null);
   const handleVoiceChange = event => {
@@ -89,7 +88,6 @@ const RecorderBox = _ref => {
       await initRecorder();
     }
     if (mediaRecorderRef.current) {
-      setAudioBlob(null);
       mediaRecorderRef.current.start();
       setIsStartedRecord(true);
       setNewRecordFileName(getVoiceFileName(new Date()));
@@ -102,7 +100,6 @@ const RecorderBox = _ref => {
         let {
           blob
         } = _ref2;
-        setAudioBlob(blob);
         let temp = [...recordList];
         const newVoice = {
           audioURL: URL.createObjectURL(blob),
@@ -194,8 +191,8 @@ const RecorderBox = _ref => {
     fetchAudioInputDevices();
   }, []);
   (0, _react.useEffect)(() => {
-    // uploadRecording();
-  }, [audioBlob]);
+    setRecordList(recordHistoryList);
+  }, [recordHistoryList]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
     className: "bg-[#0B0B0B] rounded-[5px] border p-[20px] w-[850px]",
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Grid.default, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dmed-voice-assistant",
-  "version": "1.2.4",
+  "version": "1.2.6",
   "main": "dist/index.js",
   "files": [
     "dist"