dmed-voice-assistant 1.2.11 → 1.2.13

package/dist/index.js

@@ -21,6 +21,7 @@ const VoiceAssistant = _ref => {
     isOnlyRecognitionMode = false,
     recordListValue = [],
     recognitionListValue = [],
+    recordStyle = {},
     onNewRecordEvent,
     onRecordDataChange,
     onNewRecognitionEvent,
@@ -32,7 +33,6 @@ const VoiceAssistant = _ref => {
   } = _ref;
   const [mode, setMode] = (0, _react.useState)(isOnlyRecorderMode ? "recorder" : isOnlyRecognitionMode ? "recognition" : "recorder");
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
-    className: "dmed-voice-assistant-class",
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_LocalizationProvider.LocalizationProvider, {
       dateAdapter: _AdapterDayjs.AdapterDayjs,
       children: [mode === 'recorder' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_recorder.default, {
@@ -40,6 +40,7 @@ const VoiceAssistant = _ref => {
         setMode: setMode,
         isOnlyRecorderMode: isOnlyRecorderMode,
         recordHistoryList: recordListValue,
+        recordStyle: recordStyle,
         onNewRecordEvent: onNewRecordEvent,
         onRecordDataChange: onRecordDataChange
       }), mode === 'recognition' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_recognition.default, {

package/dist/recognition.js

@@ -339,7 +339,7 @@ const Recognition = _ref4 => {
     }
   }, [result]);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
-    className: "bg-white rounded-[5px] p-[20px] w-[440px]",
+    className: "bg-white rounded-[5px] p-[20px] w-[440px] dmed-voice-assistant-class",
     sx: {
       border: '1px solid #D8DEE4'
     },

package/dist/recorder.js

@@ -48,6 +48,7 @@ const RecorderBox = _ref => {
     mode = 'recorder',
     recordHistoryList,
     isOnlyRecorderMode,
+    recordStyle,
     setMode,
     onNewRecordEvent,
     onRecordDataChange
@@ -103,16 +104,20 @@ const RecorderBox = _ref => {
         } = _ref2;
         let temp = [...recordList];
         const newVoice = {
-          audioURL: URL.createObjectURL(blob),
-          name: newRecordFileName,
-          date: new Date(),
-          size: blob.size,
-          time: await getAudioDuration(blob)
+          voice_file: URL.createObjectURL(blob),
+          file_name: newRecordFileName,
+          voice_size: blob.size,
+          voice_duration: await getAudioDuration(blob)
         };
         temp.push(newVoice);
         setRecordList(temp);
         if (onNewRecordEvent) {
-          onNewRecordEvent(newVoice);
+          onNewRecordEvent({
+            fileName: getVoiceFileName(new Date()),
+            audioBlob: blob,
+            lang: selectedLanguage === 0 || selectedLanguage === 1 ? "en-US" : "zh-TW",
+            date: new Date()
+          });
         }
         if (onRecordDataChange) {
           onRecordDataChange(temp);
@@ -197,6 +202,7 @@ const RecorderBox = _ref => {
   }, [recordHistoryList]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
     className: "bg-[#0B0B0B] rounded-[5px] border p-[20px] w-[850px]",
+    sx: recordStyle,
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Grid.default, {
       container: true,
       spacing: 2,
@@ -205,7 +211,7 @@ const RecorderBox = _ref => {
         children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
           className: "flex items-center justify-between",
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
-            className: "!text-[24px] !font-[600]",
+            className: "!text-[24px] !font-[600] ![font-family:'Afacad']",
             color: "#EAE5DC",
             children: "Voice assistant"
           }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
@@ -217,7 +223,7 @@ const RecorderBox = _ref => {
             children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
               children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_svgs.MicIcon, {})
             }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
-              className: "!font-600 !text-[14px]",
+              className: "!font-600 !text-[14px] ![font-family:'Afacad']",
               color: "#EAE5DC",
               children: "Recorder mode"
             })]
@@ -237,6 +243,9 @@ const RecorderBox = _ref => {
               children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_svgs.StartIcon, {})
             }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
               className: "!font-400 !text-[16px]",
+              style: {
+                fontFamily: "Reddit Sans"
+              },
               color: "#EAE5DC",
               children: "Start"
             })]
@@ -254,6 +263,9 @@ const RecorderBox = _ref => {
             }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
               className: "!font-400 !text-[14px]",
               color: "#EAE5DC",
+              style: {
+                fontFamily: "Reddit Sans"
+              },
               children: "Stop"
             })]
           }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
@@ -270,6 +282,9 @@ const RecorderBox = _ref => {
             }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
               className: "!font-400 !text-[14px]",
               color: "#EAE5DC",
+              style: {
+                fontFamily: "Reddit Sans"
+              },
               children: "Setup"
             })]
           })]
@@ -285,7 +300,7 @@ const RecorderBox = _ref => {
               children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
                 children: !isStartedRecord ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_svgs.StopIcon, {}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_svgs.RedStopIcon, {})
               }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
-                className: "!font-[600] !text-[14px]",
+                className: "!font-[600] !text-[14px] ![font-family:'Afacad']",
                 color: "#A3DBFE",
                 children: !isStartedRecord ? 'STOP' : 'REC'
               })]
@@ -569,10 +584,10 @@ const RecorderBox = _ref => {
             },
             children: recordList.map((record, index) => {
               return /*#__PURE__*/(0, _jsxRuntime.jsx)(_RecordListItem.default, {
-                audioURL: record.audioURL,
-                label: record.name,
-                capacity: record.size,
-                time: record.time,
+                audioURL: record.voice_file,
+                label: record.file_name,
+                capacity: record.voice_size,
+                time: parseInt(record.voice_duration),
                 createdDate: record.date,
                 onLabelChange: newLabel => handleLabelChange(index, newLabel),
                 onDelete: () => handleDelete(index)

package/package.json

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