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/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"