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/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__*/React.createElement(_material.Box, {
201
+ return /*#__PURE__*/_react.default.createElement(_material.Box, {
200
202
  className: "bg-[#0B0B0B] rounded-[5px] border p-[20px] w-[850px]"
201
- }, /*#__PURE__*/React.createElement(_Grid.default, {
203
+ }, /*#__PURE__*/_react.default.createElement(_Grid.default, {
202
204
  container: true,
203
205
  spacing: 2
204
- }, /*#__PURE__*/React.createElement(_Grid.default, {
206
+ }, /*#__PURE__*/_react.default.createElement(_Grid.default, {
205
207
  size: 6
206
- }, /*#__PURE__*/React.createElement(_material.Box, {
208
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, {
207
209
  className: "flex items-center justify-between"
208
- }, /*#__PURE__*/React.createElement(_material.Typography, {
210
+ }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
209
211
  className: "!text-[24px] !font-[600]",
210
212
  color: "#EAE5DC"
211
- }, "Voice assistant"), /*#__PURE__*/React.createElement(_material.Box, {
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__*/React.createElement(_material.Box, null, /*#__PURE__*/React.createElement(_svgs.MicIcon, null)), /*#__PURE__*/React.createElement(_material.Typography, {
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__*/React.createElement(_material.Box, {
222
+ }, "Recorder mode"))), /*#__PURE__*/_react.default.createElement(_material.Box, {
221
223
  className: "flex items-center justify-between mt-4"
222
- }, !isStartedRecord ? /*#__PURE__*/React.createElement(_material.Box, {
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__*/React.createElement(_material.Box, null, /*#__PURE__*/React.createElement(_svgs.StartIcon, null)), /*#__PURE__*/React.createElement(_material.Typography, {
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__*/React.createElement(_material.Box, {
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__*/React.createElement(_material.Box, null, /*#__PURE__*/React.createElement(_svgs.SmallPauseIcon, null)), /*#__PURE__*/React.createElement(_material.Typography, {
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__*/React.createElement(_material.Box, {
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__*/React.createElement(_material.Box, null, /*#__PURE__*/React.createElement(_svgs.SettingIcon, null)), /*#__PURE__*/React.createElement(_material.Typography, {
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__*/React.createElement(_material.Box, {
260
+ }, "Setup"))), /*#__PURE__*/_react.default.createElement(_material.Box, {
259
261
  className: "rounded-[5px] bg-[#A3DBFE] mt-2"
260
- }, /*#__PURE__*/React.createElement(_material.Box, {
262
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, {
261
263
  className: "flex items-center justify-between p-[4.5px]"
262
- }, /*#__PURE__*/React.createElement(_material.Box, {
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__*/React.createElement(_material.Box, null, !isStartedRecord ? /*#__PURE__*/React.createElement(_svgs.StopIcon, null) : /*#__PURE__*/React.createElement(_svgs.RedStopIcon, null)), /*#__PURE__*/React.createElement(_material.Typography, {
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__*/React.createElement(_material.Typography, {
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__*/React.createElement(_material.Box, {
278
+ }, "01.08.2024")), /*#__PURE__*/_react.default.createElement(_material.Box, {
277
279
  className: "flex justify-between p-[9px]"
278
- }, /*#__PURE__*/React.createElement(_material.Typography, {
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__*/React.createElement("span", {
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__*/React.createElement("span", {
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__*/React.createElement("span", {
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__*/React.createElement(_material.Box, {
304
+ }, "s")), /*#__PURE__*/_react.default.createElement(_material.Box, {
303
305
  className: "flex flex-col space-y-3 text-right"
304
- }, /*#__PURE__*/React.createElement(_material.Typography, {
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__*/React.createElement("span", {
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__*/React.createElement(_material.Typography, {
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__*/React.createElement(_Grid.default, {
323
+ }, newRecordFileName))))), /*#__PURE__*/_react.default.createElement(_Grid.default, {
322
324
  size: 6,
323
325
  className: `w-full ${isVoiceMode ? 'pr-[10px]' : ''}`
324
- }, isVoiceMode && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_material.Box, {
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__*/React.createElement(_material.Box, null, /*#__PURE__*/React.createElement(_svgs.MicIcon, null)), /*#__PURE__*/React.createElement(_material.Box, {
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__*/React.createElement(_material.Typography, {
330
+ }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
329
331
  className: "!font-[600] !text-[16px]",
330
332
  color: "#EAE5DC"
331
- }, "Voice"), /*#__PURE__*/React.createElement(_material.Typography, {
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__*/React.createElement(_StyledSelect.default, {
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__*/React.createElement("span", {
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__*/React.createElement("span", {
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__*/React.createElement(_material.MenuItem, {
396
+ return /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
395
397
  value: index,
396
398
  key: index
397
399
  }, device);
398
- })))), /*#__PURE__*/React.createElement(_material.Box, {
400
+ })))), /*#__PURE__*/_react.default.createElement(_material.Box, {
399
401
  className: "flex space-x-1 w-full mt-2"
400
- }, /*#__PURE__*/React.createElement(_material.Box, null, /*#__PURE__*/React.createElement(_svgs.LanguageIcon, null)), /*#__PURE__*/React.createElement(_material.Box, {
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__*/React.createElement(_material.Typography, {
404
+ }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
403
405
  className: "!font-[600] !text-[16px]",
404
406
  color: "#EAE5DC"
405
- }, "Language"), /*#__PURE__*/React.createElement(_material.Typography, {
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__*/React.createElement(_StyledSelect.default, {
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__*/React.createElement("span", {
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__*/React.createElement("span", {
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__*/React.createElement(_material.MenuItem, {
469
+ }, /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
468
470
  value: 0
469
- }, "Auto-Detect"), /*#__PURE__*/React.createElement(_material.MenuItem, {
471
+ }, "Auto-Detect"), /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
470
472
  value: 1
471
- }, "English"), /*#__PURE__*/React.createElement(_material.MenuItem, {
473
+ }, "English"), /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
472
474
  value: 2
473
- }, "Chinese (Simplified)"))))), !isVoiceMode && /*#__PURE__*/React.createElement(React.Fragment, null, recordList.length === 0 && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_material.Box, {
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__*/React.createElement(_material.Box, null, /*#__PURE__*/React.createElement(_svgs.BoxIcon, null)), /*#__PURE__*/React.createElement(_material.Typography, {
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__*/React.createElement(_material.Box, {
483
+ }, "Record Empty"), /*#__PURE__*/_react.default.createElement(_material.Box, {
482
484
  className: "flex items-center space-x-1 mt-1"
483
- }, /*#__PURE__*/React.createElement(_material.Typography, {
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__*/React.createElement(_material.Box, null, /*#__PURE__*/React.createElement(_svgs.SmallStartIcon, null)), /*#__PURE__*/React.createElement(_material.Typography, {
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__*/React.createElement(_material.Box, {
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__*/React.createElement(_RecordListItem.default, {
503
+ return /*#__PURE__*/_react.default.createElement(_RecordListItem.default, {
502
504
  audioURL: record.audioURL,
503
505
  label: record.name,
504
506
  capacity: record.size,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "dmed-voice-assistant",
3
- "version": "1.1.1",
3
+ "version": "1.1.3",
4
4
  "main": "dist/index.js",
5
5
  "files": [
6
6
  "dist"