dmed-voice-assistant 1.1.1 → 1.1.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/RecognitionListItem.js +11 -9
- package/dist/components/RecordListItem.js +22 -20
- package/dist/components/StyledSelect.js +2 -0
- package/dist/components/svgs.js +57 -55
- package/dist/index.js +6 -4
- package/dist/recognition.js +150 -148
- package/dist/recorder.js +57 -55
- package/package.json +1 -1
package/dist/recorder.js
CHANGED
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
5
5
|
});
|
6
6
|
exports.default = void 0;
|
7
|
-
var _react = require("react");
|
7
|
+
var _react = _interopRequireWildcard(require("react"));
|
8
8
|
var _material = require("@mui/material");
|
9
9
|
var _Grid = _interopRequireDefault(require("@mui/material/Grid2"));
|
10
10
|
var _svgs = require("./components/svgs");
|
@@ -12,6 +12,8 @@ var _StyledSelect = _interopRequireDefault(require("./components/StyledSelect"))
|
|
12
12
|
var _RecordListItem = _interopRequireDefault(require("./components/RecordListItem"));
|
13
13
|
var _recorderJs = _interopRequireDefault(require("recorder-js"));
|
14
14
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
15
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
16
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
15
17
|
const apiUrl = 'https://api.origintechx.dev/qa/v1/diagnose/voice';
|
16
18
|
const getVoiceFileName = date => {
|
17
19
|
const year = date.getFullYear(); // Get the full year (YYYY)
|
@@ -196,30 +198,30 @@ const RecorderBox = _ref => {
|
|
196
198
|
(0, _react.useEffect)(() => {
|
197
199
|
// uploadRecording();
|
198
200
|
}, [audioBlob]);
|
199
|
-
return /*#__PURE__*/
|
201
|
+
return /*#__PURE__*/_react.default.createElement(_material.Box, {
|
200
202
|
className: "bg-[#0B0B0B] rounded-[5px] border p-[20px] w-[850px]"
|
201
|
-
}, /*#__PURE__*/
|
203
|
+
}, /*#__PURE__*/_react.default.createElement(_Grid.default, {
|
202
204
|
container: true,
|
203
205
|
spacing: 2
|
204
|
-
}, /*#__PURE__*/
|
206
|
+
}, /*#__PURE__*/_react.default.createElement(_Grid.default, {
|
205
207
|
size: 6
|
206
|
-
}, /*#__PURE__*/
|
208
|
+
}, /*#__PURE__*/_react.default.createElement(_material.Box, {
|
207
209
|
className: "flex items-center justify-between"
|
208
|
-
}, /*#__PURE__*/
|
210
|
+
}, /*#__PURE__*/_react.default.createElement(_material.Typography, {
|
209
211
|
className: "!text-[24px] !font-[600]",
|
210
212
|
color: "#EAE5DC"
|
211
|
-
}, "Voice assistant"), /*#__PURE__*/
|
213
|
+
}, "Voice assistant"), /*#__PURE__*/_react.default.createElement(_material.Box, {
|
212
214
|
className: "flex items-center px-[10px] py-[4px] bg-[#006FFF4D] rounded-[89.1px] cursor-pointer h-[28px]",
|
213
215
|
sx: {
|
214
216
|
border: '0.9px solid #006FFFB2'
|
215
217
|
},
|
216
218
|
onClick: handleModeChange
|
217
|
-
}, /*#__PURE__*/
|
219
|
+
}, /*#__PURE__*/_react.default.createElement(_material.Box, null, /*#__PURE__*/_react.default.createElement(_svgs.MicIcon, null)), /*#__PURE__*/_react.default.createElement(_material.Typography, {
|
218
220
|
className: "!font-600 !text-[14px]",
|
219
221
|
color: "#EAE5DC"
|
220
|
-
}, "Recorder mode"))), /*#__PURE__*/
|
222
|
+
}, "Recorder mode"))), /*#__PURE__*/_react.default.createElement(_material.Box, {
|
221
223
|
className: "flex items-center justify-between mt-4"
|
222
|
-
}, !isStartedRecord ? /*#__PURE__*/
|
224
|
+
}, !isStartedRecord ? /*#__PURE__*/_react.default.createElement(_material.Box, {
|
223
225
|
className: "flex items-center space-x-1 cursor-pointer px-[9px] py-[6px] rounded-[5px] bg-[#0B0B0B]",
|
224
226
|
sx: {
|
225
227
|
'&:hover': {
|
@@ -228,10 +230,10 @@ const RecorderBox = _ref => {
|
|
228
230
|
}
|
229
231
|
},
|
230
232
|
onClick: handleStartRecord
|
231
|
-
}, /*#__PURE__*/
|
233
|
+
}, /*#__PURE__*/_react.default.createElement(_material.Box, null, /*#__PURE__*/_react.default.createElement(_svgs.StartIcon, null)), /*#__PURE__*/_react.default.createElement(_material.Typography, {
|
232
234
|
className: "!font-400 !text-[16px]",
|
233
235
|
color: "#EAE5DC"
|
234
|
-
}, "Start")) : /*#__PURE__*/
|
236
|
+
}, "Start")) : /*#__PURE__*/_react.default.createElement(_material.Box, {
|
235
237
|
className: "flex items-center space-x-1 cursor-pointer px-[9px] py-[6px] rounded-[5px] bg-[#0B0B0B]",
|
236
238
|
sx: {
|
237
239
|
border: '0.9px solid #F3151580',
|
@@ -240,10 +242,10 @@ const RecorderBox = _ref => {
|
|
240
242
|
}
|
241
243
|
},
|
242
244
|
onClick: handleStartRecord
|
243
|
-
}, /*#__PURE__*/
|
245
|
+
}, /*#__PURE__*/_react.default.createElement(_material.Box, null, /*#__PURE__*/_react.default.createElement(_svgs.SmallPauseIcon, null)), /*#__PURE__*/_react.default.createElement(_material.Typography, {
|
244
246
|
className: "!font-400 !text-[14px]",
|
245
247
|
color: "#EAE5DC"
|
246
|
-
}, "Stop")), /*#__PURE__*/
|
248
|
+
}, "Stop")), /*#__PURE__*/_react.default.createElement(_material.Box, {
|
247
249
|
className: "flex items-center space-x-1 cursor-pointer px-[9px] py-[6px] rounded-[5px] bg-[#0B0B0B]",
|
248
250
|
sx: {
|
249
251
|
'&:hover': {
|
@@ -252,86 +254,86 @@ const RecorderBox = _ref => {
|
|
252
254
|
}
|
253
255
|
},
|
254
256
|
onClick: handleSteupChange
|
255
|
-
}, /*#__PURE__*/
|
257
|
+
}, /*#__PURE__*/_react.default.createElement(_material.Box, null, /*#__PURE__*/_react.default.createElement(_svgs.SettingIcon, null)), /*#__PURE__*/_react.default.createElement(_material.Typography, {
|
256
258
|
className: "!font-400 !text-[14px]",
|
257
259
|
color: "#EAE5DC"
|
258
|
-
}, "Setup"))), /*#__PURE__*/
|
260
|
+
}, "Setup"))), /*#__PURE__*/_react.default.createElement(_material.Box, {
|
259
261
|
className: "rounded-[5px] bg-[#A3DBFE] mt-2"
|
260
|
-
}, /*#__PURE__*/
|
262
|
+
}, /*#__PURE__*/_react.default.createElement(_material.Box, {
|
261
263
|
className: "flex items-center justify-between p-[4.5px]"
|
262
|
-
}, /*#__PURE__*/
|
264
|
+
}, /*#__PURE__*/_react.default.createElement(_material.Box, {
|
263
265
|
className: "flex items-center space-x-1 rounded-[5px] px-[5px] py-[2px] bg-[#0B0B0B]",
|
264
266
|
sx: {
|
265
267
|
boxShadow: '0px 0px 1.8px 0px #00000040'
|
266
268
|
}
|
267
|
-
}, /*#__PURE__*/
|
269
|
+
}, /*#__PURE__*/_react.default.createElement(_material.Box, null, !isStartedRecord ? /*#__PURE__*/_react.default.createElement(_svgs.StopIcon, null) : /*#__PURE__*/_react.default.createElement(_svgs.RedStopIcon, null)), /*#__PURE__*/_react.default.createElement(_material.Typography, {
|
268
270
|
className: "!font-[600] !text-[14px]",
|
269
271
|
color: "#A3DBFE"
|
270
|
-
}, !isStartedRecord ? 'STOP' : 'REC')), /*#__PURE__*/
|
272
|
+
}, !isStartedRecord ? 'STOP' : 'REC')), /*#__PURE__*/_react.default.createElement(_material.Typography, {
|
271
273
|
className: "!font-400 !text-[20px] px-[9px]",
|
272
274
|
color: "#1A2123",
|
273
275
|
sx: {
|
274
276
|
fontFamily: "Space Grotesk !important"
|
275
277
|
}
|
276
|
-
}, "01.08.2024")), /*#__PURE__*/
|
278
|
+
}, "01.08.2024")), /*#__PURE__*/_react.default.createElement(_material.Box, {
|
277
279
|
className: "flex justify-between p-[9px]"
|
278
|
-
}, /*#__PURE__*/
|
280
|
+
}, /*#__PURE__*/_react.default.createElement(_material.Typography, {
|
279
281
|
className: "!font-400 !text-[36px]",
|
280
282
|
color: "#1A2123",
|
281
283
|
sx: {
|
282
284
|
fontFamily: "Space Grotesk !important"
|
283
285
|
}
|
284
|
-
}, getTimeValues(newRecordTime).hours, /*#__PURE__*/
|
286
|
+
}, getTimeValues(newRecordTime).hours, /*#__PURE__*/_react.default.createElement("span", {
|
285
287
|
style: {
|
286
288
|
color: '#494A48',
|
287
289
|
fontWeight: "300",
|
288
290
|
fontSize: "16px"
|
289
291
|
}
|
290
|
-
}, "h"), " ", getTimeValues(newRecordTime).minutes, /*#__PURE__*/
|
292
|
+
}, "h"), " ", getTimeValues(newRecordTime).minutes, /*#__PURE__*/_react.default.createElement("span", {
|
291
293
|
style: {
|
292
294
|
color: '#494A48',
|
293
295
|
fontWeight: "300",
|
294
296
|
fontSize: "16px"
|
295
297
|
}
|
296
|
-
}, "m"), " ", getTimeValues(newRecordTime).seconds, /*#__PURE__*/
|
298
|
+
}, "m"), " ", getTimeValues(newRecordTime).seconds, /*#__PURE__*/_react.default.createElement("span", {
|
297
299
|
style: {
|
298
300
|
color: '#494A48',
|
299
301
|
fontWeight: "300",
|
300
302
|
fontSize: "16px"
|
301
303
|
}
|
302
|
-
}, "s")), /*#__PURE__*/
|
304
|
+
}, "s")), /*#__PURE__*/_react.default.createElement(_material.Box, {
|
303
305
|
className: "flex flex-col space-y-3 text-right"
|
304
|
-
}, /*#__PURE__*/
|
306
|
+
}, /*#__PURE__*/_react.default.createElement(_material.Typography, {
|
305
307
|
className: "!font-400 !text-[16px]",
|
306
308
|
color: "#494A48",
|
307
309
|
sx: {
|
308
310
|
fontFamily: "Space Grotesk !important"
|
309
311
|
}
|
310
|
-
}, audioSize, " ", /*#__PURE__*/
|
312
|
+
}, audioSize, " ", /*#__PURE__*/_react.default.createElement("span", {
|
311
313
|
style: {
|
312
314
|
fontSize: "14px",
|
313
315
|
fontFamily: "Space Grotesk !important"
|
314
316
|
}
|
315
|
-
}, "MB")), isStartedRecord && /*#__PURE__*/
|
317
|
+
}, "MB")), isStartedRecord && /*#__PURE__*/_react.default.createElement(_material.Typography, {
|
316
318
|
className: "!font-bold !text-[16px]",
|
317
319
|
color: "#494A48",
|
318
320
|
sx: {
|
319
321
|
fontFamily: "Space Grotesk !important"
|
320
322
|
}
|
321
|
-
}, newRecordFileName))))), /*#__PURE__*/
|
323
|
+
}, newRecordFileName))))), /*#__PURE__*/_react.default.createElement(_Grid.default, {
|
322
324
|
size: 6,
|
323
325
|
className: `w-full ${isVoiceMode ? 'pr-[10px]' : ''}`
|
324
|
-
}, isVoiceMode && /*#__PURE__*/
|
326
|
+
}, isVoiceMode && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_material.Box, {
|
325
327
|
className: "flex space-x-1 w-full"
|
326
|
-
}, /*#__PURE__*/
|
328
|
+
}, /*#__PURE__*/_react.default.createElement(_material.Box, null, /*#__PURE__*/_react.default.createElement(_svgs.MicIcon, null)), /*#__PURE__*/_react.default.createElement(_material.Box, {
|
327
329
|
className: "flex-1"
|
328
|
-
}, /*#__PURE__*/
|
330
|
+
}, /*#__PURE__*/_react.default.createElement(_material.Typography, {
|
329
331
|
className: "!font-[600] !text-[16px]",
|
330
332
|
color: "#EAE5DC"
|
331
|
-
}, "Voice"), /*#__PURE__*/
|
333
|
+
}, "Voice"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
|
332
334
|
className: "!font-400 !text-[14px] pt-1",
|
333
335
|
color: "#EAE5DC"
|
334
|
-
}, "Input device"), /*#__PURE__*/
|
336
|
+
}, "Input device"), /*#__PURE__*/_react.default.createElement(_StyledSelect.default, {
|
335
337
|
className: "mt-1",
|
336
338
|
fullWidth: true,
|
337
339
|
displayEmpty: true,
|
@@ -339,7 +341,7 @@ const RecorderBox = _ref => {
|
|
339
341
|
onChange: handleVoiceChange,
|
340
342
|
renderValue: selected => {
|
341
343
|
if (selected === "") {
|
342
|
-
return /*#__PURE__*/
|
344
|
+
return /*#__PURE__*/_react.default.createElement("span", {
|
343
345
|
style: {
|
344
346
|
fontSize: '12.6px',
|
345
347
|
fontWeight: '400',
|
@@ -348,7 +350,7 @@ const RecorderBox = _ref => {
|
|
348
350
|
}
|
349
351
|
}, "Auto-Detect");
|
350
352
|
}
|
351
|
-
return /*#__PURE__*/
|
353
|
+
return /*#__PURE__*/_react.default.createElement("span", {
|
352
354
|
style: {
|
353
355
|
fontSize: '12.6px',
|
354
356
|
fontWeight: '400',
|
@@ -391,21 +393,21 @@ const RecorderBox = _ref => {
|
|
391
393
|
}
|
392
394
|
}
|
393
395
|
}, voiceList.map((device, index) => {
|
394
|
-
return /*#__PURE__*/
|
396
|
+
return /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
|
395
397
|
value: index,
|
396
398
|
key: index
|
397
399
|
}, device);
|
398
|
-
})))), /*#__PURE__*/
|
400
|
+
})))), /*#__PURE__*/_react.default.createElement(_material.Box, {
|
399
401
|
className: "flex space-x-1 w-full mt-2"
|
400
|
-
}, /*#__PURE__*/
|
402
|
+
}, /*#__PURE__*/_react.default.createElement(_material.Box, null, /*#__PURE__*/_react.default.createElement(_svgs.LanguageIcon, null)), /*#__PURE__*/_react.default.createElement(_material.Box, {
|
401
403
|
className: "flex-1"
|
402
|
-
}, /*#__PURE__*/
|
404
|
+
}, /*#__PURE__*/_react.default.createElement(_material.Typography, {
|
403
405
|
className: "!font-[600] !text-[16px]",
|
404
406
|
color: "#EAE5DC"
|
405
|
-
}, "Language"), /*#__PURE__*/
|
407
|
+
}, "Language"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
|
406
408
|
className: "!font-400 !text-[14px] pt-1",
|
407
409
|
color: "#EAE5DC"
|
408
|
-
}, "Prefer language"), /*#__PURE__*/
|
410
|
+
}, "Prefer language"), /*#__PURE__*/_react.default.createElement(_StyledSelect.default, {
|
409
411
|
className: "mt-1",
|
410
412
|
fullWidth: true,
|
411
413
|
displayEmpty: true,
|
@@ -413,7 +415,7 @@ const RecorderBox = _ref => {
|
|
413
415
|
onChange: handleLanguageChange,
|
414
416
|
renderValue: selected => {
|
415
417
|
if (selected === "") {
|
416
|
-
return /*#__PURE__*/
|
418
|
+
return /*#__PURE__*/_react.default.createElement("span", {
|
417
419
|
style: {
|
418
420
|
fontSize: '12.6px',
|
419
421
|
fontWeight: '400',
|
@@ -422,7 +424,7 @@ const RecorderBox = _ref => {
|
|
422
424
|
}
|
423
425
|
}, "Auto-Detect");
|
424
426
|
}
|
425
|
-
return /*#__PURE__*/
|
427
|
+
return /*#__PURE__*/_react.default.createElement("span", {
|
426
428
|
style: {
|
427
429
|
fontSize: '12.6px',
|
428
430
|
fontWeight: '400',
|
@@ -464,41 +466,41 @@ const RecorderBox = _ref => {
|
|
464
466
|
}
|
465
467
|
}
|
466
468
|
}
|
467
|
-
}, /*#__PURE__*/
|
469
|
+
}, /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
|
468
470
|
value: 0
|
469
|
-
}, "Auto-Detect"), /*#__PURE__*/
|
471
|
+
}, "Auto-Detect"), /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
|
470
472
|
value: 1
|
471
|
-
}, "English"), /*#__PURE__*/
|
473
|
+
}, "English"), /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
|
472
474
|
value: 2
|
473
|
-
}, "Chinese (Simplified)"))))), !isVoiceMode && /*#__PURE__*/
|
475
|
+
}, "Chinese (Simplified)"))))), !isVoiceMode && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, recordList.length === 0 && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_material.Box, {
|
474
476
|
className: "flex flex-col items-center justify-center h-full"
|
475
|
-
}, /*#__PURE__*/
|
477
|
+
}, /*#__PURE__*/_react.default.createElement(_material.Box, null, /*#__PURE__*/_react.default.createElement(_svgs.BoxIcon, null)), /*#__PURE__*/_react.default.createElement(_material.Typography, {
|
476
478
|
className: "!font-[600] !text-[16px] pt-2",
|
477
479
|
color: "#EAE5DC",
|
478
480
|
sx: {
|
479
481
|
fontFamily: "Afacad !important"
|
480
482
|
}
|
481
|
-
}, "Record Empty"), /*#__PURE__*/
|
483
|
+
}, "Record Empty"), /*#__PURE__*/_react.default.createElement(_material.Box, {
|
482
484
|
className: "flex items-center space-x-1 mt-1"
|
483
|
-
}, /*#__PURE__*/
|
485
|
+
}, /*#__PURE__*/_react.default.createElement(_material.Typography, {
|
484
486
|
className: "!font-400 !text-[14px]",
|
485
487
|
color: "#EAE5DC",
|
486
488
|
sx: {
|
487
489
|
fontFamily: "Afacad !important"
|
488
490
|
}
|
489
|
-
}, "Push"), /*#__PURE__*/
|
491
|
+
}, "Push"), /*#__PURE__*/_react.default.createElement(_material.Box, null, /*#__PURE__*/_react.default.createElement(_svgs.SmallStartIcon, null)), /*#__PURE__*/_react.default.createElement(_material.Typography, {
|
490
492
|
className: "!font-400 !text-[16px]",
|
491
493
|
color: "#EAE5DC",
|
492
494
|
sx: {
|
493
495
|
fontFamily: "Afacad !important"
|
494
496
|
}
|
495
|
-
}, "to start")))), recordList.length > 0 && /*#__PURE__*/
|
497
|
+
}, "to start")))), recordList.length > 0 && /*#__PURE__*/_react.default.createElement(_material.Box, {
|
496
498
|
className: "flex flex-col space-y-2 p-[10px] scrollableBox",
|
497
499
|
sx: {
|
498
500
|
maxHeight: "225px"
|
499
501
|
}
|
500
502
|
}, recordList.map((record, index) => {
|
501
|
-
return /*#__PURE__*/
|
503
|
+
return /*#__PURE__*/_react.default.createElement(_RecordListItem.default, {
|
502
504
|
audioURL: record.audioURL,
|
503
505
|
label: record.name,
|
504
506
|
capacity: record.size,
|