dmed-voice-assistant 1.2.7 → 1.2.9

package/dist/index.js

@@ -25,6 +25,7 @@ const VoiceAssistant = _ref => {
     onNewRecognitionEvent,
     onRecognitionDataChange,
     onCloseRecognition,
+    onRecognitionStartEvent,
     onRecognitionStopEvent,
     onRealTimeRecognitionCommandEvent
   } = _ref;
@@ -48,6 +49,7 @@ const VoiceAssistant = _ref => {
         onRecognitionDataChange: onRecognitionDataChange,
         isOnlyRecognitionMode: isOnlyRecognitionMode,
         onCloseRecognition: onCloseRecognition,
+        onRecognitionStartEvent: onRecognitionStartEvent,
         onRecognitionStopEvent: onRecognitionStopEvent
       })]
     })

package/dist/recognition.js

@@ -77,6 +77,7 @@ const Recognition = _ref4 => {
     onRecognitionDataChange,
     onCloseRecognition,
     onRealTimeRecognitionCommandEvent,
+    onRecognitionStartEvent,
     onRecognitionStopEvent
   } = _ref4;
   const [open, setOpen] = (0, _react.useState)(false);
@@ -88,6 +89,7 @@ const Recognition = _ref4 => {
   const [voiceList, setVoiceList] = (0, _react.useState)([]);
   const languageList = ['Auto-Detect', 'English', 'Chinese (Simplified)'];
   const [selectedLanguage, setSelectedLanguage] = (0, _react.useState)(0);
+  const recognitionBoxRef = (0, _react.useRef)(null);
   const recognitionRef = (0, _react.useRef)(null);
   const mediaRecorderRef = (0, _react.useRef)(null);
   const [result, setResult] = (0, _react.useState)([]);
@@ -155,6 +157,9 @@ const Recognition = _ref4 => {
           mediaRecorderRef.current = newRecorder;
         }
         mediaRecorderRef.current.start();
+        if (onRecognitionStartEvent) {
+          onRecognitionStartEvent();
+        }
         setResult([]);
         setRecordTime(0);
         const id = setInterval(async () => {
@@ -321,6 +326,11 @@ const Recognition = _ref4 => {
   (0, _react.useEffect)(() => {
     setHistoryList(recognitionHistoryList);
   }, [recognitionHistoryList]);
+  (0, _react.useEffect)(() => {
+    if (result.length > 0 && recognitionBoxRef.current) {
+      recognitionBoxRef.current.scrollTop = recognitionBoxRef.current.scrollHeight;
+    }
+  }, [result]);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
     className: "bg-white rounded-[5px] p-[20px] w-[440px]",
     sx: {
@@ -461,10 +471,17 @@ const Recognition = _ref4 => {
             })]
           })]
         }), isStarted && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+          ref: recognitionBoxRef,
           className: "flex items-center flex-wrap space-x-1 mt-1 p-[9px]",
           sx: {
             maxWidth: "387px",
-            overflow: "hidden"
+            maxHeight: "100px",
+            overflowX: "hidden",
+            overflowY: "scroll",
+            scrollbarWidth: "none",
+            "&::-webkit-scrollbar": {
+              display: "none"
+            }
           },
           children: result.map((item, index) => {
             return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {

package/package.json

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