dmed-voice-assistant 1.1.1 → 1.1.3
Sign up to get free protection for your applications and to get access to all the features.
- 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,
|