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.
Files changed (8) hide show
  1. package/dist/components/RecognitionListItem.js +11 -9
  2. package/dist/components/RecordListItem.js +22 -20
  3. package/dist/components/StyledSelect.js +2 -0
  4. package/dist/components/svgs.js +57 -55
  5. package/dist/index.js +6 -4
  6. package/dist/recognition.js +150 -148
  7. package/dist/recorder.js +57 -55
  8. package/package.json +1 -1
package/dist/recognition.js CHANGED
@@ -4,11 +4,13 @@ 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 _svgs = require("./components/svgs");
10
10
  var _RecognitionListItem = _interopRequireDefault(require("./components/RecognitionListItem"));
11
11
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
12
+ 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); }
13
+ 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; }
12
14
  const StyledSelect = (0, _material.styled)(_material.Select)(_ref => {
13
15
  let {
14
16
  theme
@@ -200,39 +202,39 @@ const Recognition = _ref4 => {
200
202
  startSpeechRecognition();
201
203
  fetchAudioInputDevices();
202
204
  }, []);
203
- return /*#__PURE__*/React.createElement(_material.Box, {
205
+ return /*#__PURE__*/_react.default.createElement(_material.Box, {
204
206
  className: "bg-white rounded-[5px] p-[20px] w-[440px]",
205
207
  sx: {
206
208
  border: '1px solid #D8DEE4'
207
209
  }
208
- }, /*#__PURE__*/React.createElement(_material.Box, {
210
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, {
209
211
  className: "flex justify-between"
210
- }, /*#__PURE__*/React.createElement(_material.Box, {
212
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, {
211
213
  className: "flex items-center space-x-2"
212
- }, /*#__PURE__*/React.createElement(_material.Typography, {
214
+ }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
213
215
  className: "!font-[600] !text-[24px]",
214
216
  color: "#494A48"
215
- }, "Voice assistant"), /*#__PURE__*/React.createElement(_material.Box, {
217
+ }, "Voice assistant"), /*#__PURE__*/_react.default.createElement(_material.Box, {
216
218
  className: "flex items-center space-x-1 px-[10px] py-[3px] h-[24px] bg-[#006FFF4D] rounded-[89.1px] cursor-pointer",
217
219
  sx: {
218
220
  border: '0.9px solid #006FFFB2'
219
221
  },
220
222
  onClick: handleModeChange
221
- }, /*#__PURE__*/React.createElement(_material.Box, null, /*#__PURE__*/React.createElement(_svgs.RecognitionIcon, null)), /*#__PURE__*/React.createElement(_material.Typography, {
223
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, null, /*#__PURE__*/_react.default.createElement(_svgs.RecognitionIcon, null)), /*#__PURE__*/_react.default.createElement(_material.Typography, {
222
224
  className: "!font-[600] !text-[12px]",
223
225
  color: "#494A48"
224
- }, "Recognition mode"))), /*#__PURE__*/React.createElement(_material.Box, {
226
+ }, "Recognition mode"))), /*#__PURE__*/_react.default.createElement(_material.Box, {
225
227
  className: "px-[10px] py-[8px] cursor-pointer"
226
- }, /*#__PURE__*/React.createElement(_svgs.CloseIcon, null))), /*#__PURE__*/React.createElement(_material.Box, {
228
+ }, /*#__PURE__*/_react.default.createElement(_svgs.CloseIcon, null))), /*#__PURE__*/_react.default.createElement(_material.Box, {
227
229
  className: "flex items-center justify-between py-[4.5px] mt-1"
228
- }, /*#__PURE__*/React.createElement(_material.Box, {
230
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, {
229
231
  className: "flex space-x-1"
230
- }, /*#__PURE__*/React.createElement(_material.Box, null, /*#__PURE__*/React.createElement(_svgs.RocketIcon, null)), /*#__PURE__*/React.createElement(_material.Typography, {
232
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, null, /*#__PURE__*/_react.default.createElement(_svgs.RocketIcon, null)), /*#__PURE__*/_react.default.createElement(_material.Typography, {
231
233
  className: "!font-400 !text-[14px]",
232
234
  color: "#494A48"
233
- }, "Real-time")), /*#__PURE__*/React.createElement(_material.Box, {
235
+ }, "Real-time")), /*#__PURE__*/_react.default.createElement(_material.Box, {
234
236
  className: "flex space-x-1"
235
- }, !isStarted ? /*#__PURE__*/React.createElement(_material.Box, {
237
+ }, !isStarted ? /*#__PURE__*/_react.default.createElement(_material.Box, {
236
238
  className: "flex items-center space-x-1 cursor-pointer rounded-[5px] px-[9px] h-[32.4px] bg-white",
237
239
  sx: {
238
240
  '&:hover': {
@@ -241,10 +243,10 @@ const Recognition = _ref4 => {
241
243
  }
242
244
  },
243
245
  onClick: handleStartChange
244
- }, /*#__PURE__*/React.createElement(_material.Box, null, /*#__PURE__*/React.createElement(_svgs.StartIcon, null)), /*#__PURE__*/React.createElement(_material.Typography, {
246
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, null, /*#__PURE__*/_react.default.createElement(_svgs.StartIcon, null)), /*#__PURE__*/_react.default.createElement(_material.Typography, {
245
247
  className: "!font-400 !text-[14px]",
246
248
  color: "#494A48"
247
- }, "Start")) : /*#__PURE__*/React.createElement(_material.Box, {
249
+ }, "Start")) : /*#__PURE__*/_react.default.createElement(_material.Box, {
248
250
  className: "flex items-center justify-between space-x-4 cursor-pointer rounded-[5px] px-[9px] h-[32.4px] bg-white",
249
251
  sx: {
250
252
  border: "0.9px solid #F3151580",
@@ -253,26 +255,26 @@ const Recognition = _ref4 => {
253
255
  }
254
256
  },
255
257
  onClick: handleStartChange
256
- }, /*#__PURE__*/React.createElement(_material.Box, {
258
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, {
257
259
  className: "flex items-center space-x-1"
258
- }, /*#__PURE__*/React.createElement(_material.Box, null, /*#__PURE__*/React.createElement(_svgs.SmallPauseIcon, null)), /*#__PURE__*/React.createElement(_material.Typography, {
260
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, null, /*#__PURE__*/_react.default.createElement(_svgs.SmallPauseIcon, null)), /*#__PURE__*/_react.default.createElement(_material.Typography, {
259
261
  className: "!font-400 !text-[14px]",
260
262
  color: "#494A48"
261
- }, "Stop")), /*#__PURE__*/React.createElement(_material.Box, {
263
+ }, "Stop")), /*#__PURE__*/_react.default.createElement(_material.Box, {
262
264
  className: "flex items-baseline"
263
- }, /*#__PURE__*/React.createElement(_material.Typography, {
265
+ }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
264
266
  className: "!font-[600] !text-[20px]",
265
267
  color: "#494847",
266
268
  sx: {
267
269
  fontFamily: "Afacad !important"
268
270
  }
269
- }, recordTime), /*#__PURE__*/React.createElement(_material.Typography, {
271
+ }, recordTime), /*#__PURE__*/_react.default.createElement(_material.Typography, {
270
272
  className: "!font-400 !text-[16px]",
271
273
  color: "#797974",
272
274
  sx: {
273
275
  fontFamily: "Afacad !important"
274
276
  }
275
- }, "s"))), /*#__PURE__*/React.createElement(_material.Box, {
277
+ }, "s"))), /*#__PURE__*/_react.default.createElement(_material.Box, {
276
278
  className: "flex items-center space-x-1 cursor-pointer rounded-[5px] px-[9px] h-[32.4px] bg-white",
277
279
  sx: {
278
280
  '&:hover': {
@@ -281,59 +283,59 @@ const Recognition = _ref4 => {
281
283
  }
282
284
  },
283
285
  onClick: handleSetupChange
284
- }, /*#__PURE__*/React.createElement(_material.Box, null, /*#__PURE__*/React.createElement(_svgs.DarkSettingIcon, {
286
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, null, /*#__PURE__*/_react.default.createElement(_svgs.DarkSettingIcon, {
285
287
  fill: isStarted ? "#494A484D" : "#494A48"
286
- })), /*#__PURE__*/React.createElement(_material.Typography, {
288
+ })), /*#__PURE__*/_react.default.createElement(_material.Typography, {
287
289
  className: "!font-400 !text-[14px]",
288
290
  color: isStarted ? "#494A484D" : "#494A48"
289
- }, "Setup")))), !isSteup ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_material.Box, {
291
+ }, "Setup")))), !isSteup ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_material.Box, {
290
292
  className: "rounded-[5px] mt-1",
291
293
  sx: {
292
294
  border: '1px solid #D8DEE4'
293
295
  }
294
- }, /*#__PURE__*/React.createElement(_material.Box, {
296
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, {
295
297
  className: "flex items-center justify-between p-[4.5px]"
296
- }, /*#__PURE__*/React.createElement(_material.Typography, {
298
+ }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
297
299
  className: "px-[4.5px] py-[4px] !font-400 !text-[12px]",
298
300
  color: "#494A48"
299
- }, !isStarted ? '-' : result.length, " words"), /*#__PURE__*/React.createElement(_material.Box, {
301
+ }, !isStarted ? '-' : result.length, " words"), /*#__PURE__*/_react.default.createElement(_material.Box, {
300
302
  className: "flex items-center space-x-1 px-[9px]"
301
- }, /*#__PURE__*/React.createElement(_material.Box, null, !isStarted ? /*#__PURE__*/React.createElement(_svgs.StopIcon, null) : /*#__PURE__*/React.createElement(_svgs.RedStopIcon, null)), /*#__PURE__*/React.createElement(_material.Typography, {
303
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, null, !isStarted ? /*#__PURE__*/_react.default.createElement(_svgs.StopIcon, null) : /*#__PURE__*/_react.default.createElement(_svgs.RedStopIcon, null)), /*#__PURE__*/_react.default.createElement(_material.Typography, {
302
304
  className: "!font-[600] !text-[14px]",
303
305
  color: "#494A48"
304
- }, !isStarted ? 'Stop' : 'REC'))), isStarted && /*#__PURE__*/React.createElement(_material.Box, {
306
+ }, !isStarted ? 'Stop' : 'REC'))), isStarted && /*#__PURE__*/_react.default.createElement(_material.Box, {
305
307
  className: "flex items-center flex-wrap space-x-1 mt-1 p-[9px]",
306
308
  sx: {
307
309
  maxWidth: "387px",
308
310
  overflow: "hidden"
309
311
  }
310
312
  }, result.map((item, index) => {
311
- return /*#__PURE__*/React.createElement(_material.Box, {
313
+ return /*#__PURE__*/_react.default.createElement(_material.Box, {
312
314
  className: "flex items-center",
313
315
  key: index
314
- }, /*#__PURE__*/React.createElement(_material.Typography, {
316
+ }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
315
317
  className: "!font-400 !text-[16px]",
316
318
  color: "#494A48",
317
319
  sx: {
318
320
  fontFamily: "Space Grotesk !important"
319
321
  }
320
- }, item), index !== result.length - 1 && /*#__PURE__*/React.createElement(_material.Typography, {
322
+ }, item), index !== result.length - 1 && /*#__PURE__*/_react.default.createElement(_material.Typography, {
321
323
  className: "!font-400 !text-[16px]",
322
324
  color: "#494A4880",
323
325
  sx: {
324
326
  fontFamily: "Fira Sans !important"
325
327
  }
326
328
  }, ","));
327
- }))), /*#__PURE__*/React.createElement(_material.Box, {
329
+ }))), /*#__PURE__*/_react.default.createElement(_material.Box, {
328
330
  className: "mt-1"
329
- }, /*#__PURE__*/React.createElement(_material.Box, {
331
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, {
330
332
  className: "flex items-center justify-between py-[4.5px]"
331
- }, /*#__PURE__*/React.createElement(_material.Box, {
333
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, {
332
334
  className: "flex space-x-1"
333
- }, /*#__PURE__*/React.createElement(_material.Box, null, /*#__PURE__*/React.createElement(_svgs.HistoryIcon, null)), /*#__PURE__*/React.createElement(_material.Typography, {
335
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, null, /*#__PURE__*/_react.default.createElement(_svgs.HistoryIcon, null)), /*#__PURE__*/_react.default.createElement(_material.Typography, {
334
336
  className: "!font-400 !text-[14px]",
335
337
  color: "#494A48"
336
- }, "History")), /*#__PURE__*/React.createElement(_material.Button, {
338
+ }, "History")), /*#__PURE__*/_react.default.createElement(_material.Button, {
337
339
  disabled: isStarted,
338
340
  color: "#494A48",
339
341
  sx: {
@@ -345,40 +347,40 @@ const Recognition = _ref4 => {
345
347
  textTransform: "none"
346
348
  },
347
349
  onClick: handlePopoverOpen
348
- }, "02.July.2024")), /*#__PURE__*/React.createElement(_material.Box, {
350
+ }, "02.July.2024")), /*#__PURE__*/_react.default.createElement(_material.Box, {
349
351
  className: "flex flex-col scrollableBox mt-1",
350
352
  sx: {
351
353
  maxHeight: "160px"
352
354
  }
353
355
  }, historyList.map((history, index) => {
354
- return /*#__PURE__*/React.createElement(_RecognitionListItem.default, {
356
+ return /*#__PURE__*/_react.default.createElement(_RecognitionListItem.default, {
355
357
  data: history,
356
358
  key: index
357
359
  });
358
- })), /*#__PURE__*/React.createElement(_material.Box, {
360
+ })), /*#__PURE__*/_react.default.createElement(_material.Box, {
359
361
  className: "flex items-center justify-between rounded-[5px] bg-[#FBF3DE80] px-[5px] py-[8px] mt-1 cursor-pointer",
360
362
  sx: {
361
363
  border: '1px solid #FFB90080'
362
364
  },
363
365
  onClick: handleClickOpen
364
- }, /*#__PURE__*/React.createElement(_material.Box, {
366
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, {
365
367
  className: "flex items-center space-x-1"
366
- }, /*#__PURE__*/React.createElement(_material.Box, null, /*#__PURE__*/React.createElement(_svgs.BookIcon, null)), /*#__PURE__*/React.createElement(_material.Typography, {
368
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, null, /*#__PURE__*/_react.default.createElement(_svgs.BookIcon, null)), /*#__PURE__*/_react.default.createElement(_material.Typography, {
367
369
  className: "!font-[600] !text-[14px]",
368
370
  color: "#494A48"
369
- }, "Voice command instructions")), /*#__PURE__*/React.createElement(_material.Box, null, /*#__PURE__*/React.createElement(_svgs.RedirectIcon, null))))) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_material.Divider, null), /*#__PURE__*/React.createElement(_material.Box, {
371
+ }, "Voice command instructions")), /*#__PURE__*/_react.default.createElement(_material.Box, null, /*#__PURE__*/_react.default.createElement(_svgs.RedirectIcon, null))))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_material.Divider, null), /*#__PURE__*/_react.default.createElement(_material.Box, {
370
372
  className: "flex space-x-1 w-full mt-2"
371
- }, /*#__PURE__*/React.createElement(_material.Box, null, /*#__PURE__*/React.createElement(_svgs.MicIcon, {
373
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, null, /*#__PURE__*/_react.default.createElement(_svgs.MicIcon, {
372
374
  fill: "#494A48"
373
- })), /*#__PURE__*/React.createElement(_material.Box, {
375
+ })), /*#__PURE__*/_react.default.createElement(_material.Box, {
374
376
  className: "flex-1"
375
- }, /*#__PURE__*/React.createElement(_material.Typography, {
377
+ }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
376
378
  className: "!font-[600] !text-[16px]",
377
379
  color: "#494A48"
378
- }, "Voice"), /*#__PURE__*/React.createElement(_material.Typography, {
380
+ }, "Voice"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
379
381
  className: "!font-400 !text-[14px] pt-1",
380
382
  color: "#494A48"
381
- }, "Input device"), /*#__PURE__*/React.createElement(StyledSelect, {
383
+ }, "Input device"), /*#__PURE__*/_react.default.createElement(StyledSelect, {
382
384
  className: "mt-1",
383
385
  fullWidth: true,
384
386
  displayEmpty: true,
@@ -386,7 +388,7 @@ const Recognition = _ref4 => {
386
388
  onChange: handleVoiceChange,
387
389
  renderValue: selected => {
388
390
  if (selected === "") {
389
- return /*#__PURE__*/React.createElement("span", {
391
+ return /*#__PURE__*/_react.default.createElement("span", {
390
392
  style: {
391
393
  fontSize: '12.6px',
392
394
  fontWeight: '400',
@@ -395,7 +397,7 @@ const Recognition = _ref4 => {
395
397
  }
396
398
  }, "Auto-Detect");
397
399
  }
398
- return /*#__PURE__*/React.createElement("span", {
400
+ return /*#__PURE__*/_react.default.createElement("span", {
399
401
  style: {
400
402
  fontSize: '12.6px',
401
403
  fontWeight: '400',
@@ -425,23 +427,23 @@ const Recognition = _ref4 => {
425
427
  }
426
428
  }
427
429
  }, voiceList.map((device, index) => {
428
- return /*#__PURE__*/React.createElement(_material.MenuItem, {
430
+ return /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
429
431
  value: index,
430
432
  key: index
431
433
  }, device);
432
- })))), /*#__PURE__*/React.createElement(_material.Box, {
434
+ })))), /*#__PURE__*/_react.default.createElement(_material.Box, {
433
435
  className: "flex space-x-1 w-full mt-2"
434
- }, /*#__PURE__*/React.createElement(_material.Box, null, /*#__PURE__*/React.createElement(_svgs.LanguageIcon, {
436
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, null, /*#__PURE__*/_react.default.createElement(_svgs.LanguageIcon, {
435
437
  fill: "#494A48"
436
- })), /*#__PURE__*/React.createElement(_material.Box, {
438
+ })), /*#__PURE__*/_react.default.createElement(_material.Box, {
437
439
  className: "flex-1"
438
- }, /*#__PURE__*/React.createElement(_material.Typography, {
440
+ }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
439
441
  className: "!font-[600] !text-[16px]",
440
442
  color: "#494A48"
441
- }, "Language"), /*#__PURE__*/React.createElement(_material.Typography, {
443
+ }, "Language"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
442
444
  className: "!font-400 !text-[14px] pt-1",
443
445
  color: "#494A48"
444
- }, "Prefer language"), /*#__PURE__*/React.createElement(StyledSelect, {
446
+ }, "Prefer language"), /*#__PURE__*/_react.default.createElement(StyledSelect, {
445
447
  className: "mt-1",
446
448
  fullWidth: true,
447
449
  displayEmpty: true,
@@ -449,7 +451,7 @@ const Recognition = _ref4 => {
449
451
  onChange: handleLanguageChange,
450
452
  renderValue: selected => {
451
453
  if (selected === "") {
452
- return /*#__PURE__*/React.createElement("span", {
454
+ return /*#__PURE__*/_react.default.createElement("span", {
453
455
  style: {
454
456
  fontSize: '12.6px',
455
457
  fontWeight: '400',
@@ -458,7 +460,7 @@ const Recognition = _ref4 => {
458
460
  }
459
461
  }, "Auto-Detect");
460
462
  }
461
- return /*#__PURE__*/React.createElement("span", {
463
+ return /*#__PURE__*/_react.default.createElement("span", {
462
464
  style: {
463
465
  fontSize: '12.6px',
464
466
  fontWeight: '400',
@@ -487,200 +489,200 @@ const Recognition = _ref4 => {
487
489
  }
488
490
  }
489
491
  }
490
- }, /*#__PURE__*/React.createElement(_material.MenuItem, {
492
+ }, /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
491
493
  value: 0
492
- }, "Auto-Detect"), /*#__PURE__*/React.createElement(_material.MenuItem, {
494
+ }, "Auto-Detect"), /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
493
495
  value: 1
494
- }, "English"), /*#__PURE__*/React.createElement(_material.MenuItem, {
496
+ }, "English"), /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
495
497
  value: 2
496
- }, "Chinese (Simplified)"))))), /*#__PURE__*/React.createElement(StyledDialog, {
498
+ }, "Chinese (Simplified)"))))), /*#__PURE__*/_react.default.createElement(StyledDialog, {
497
499
  onClose: handleClose,
498
500
  "aria-labelledby": "customized-dialog-title",
499
501
  open: open
500
- }, /*#__PURE__*/React.createElement(_material.Box, {
502
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, {
501
503
  className: "flex items-center justify-between py-[8px]"
502
- }, /*#__PURE__*/React.createElement(_material.Box, {
504
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, {
503
505
  className: "flex items-center space-x-1"
504
- }, /*#__PURE__*/React.createElement(_material.Box, null, /*#__PURE__*/React.createElement(_svgs.BookIcon, null)), /*#__PURE__*/React.createElement(_material.Typography, {
506
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, null, /*#__PURE__*/_react.default.createElement(_svgs.BookIcon, null)), /*#__PURE__*/_react.default.createElement(_material.Typography, {
505
507
  className: "!font-[600] !text-[14px]",
506
508
  color: "#494A48"
507
- }, "Voice command instructions")), /*#__PURE__*/React.createElement(_material.Box, {
509
+ }, "Voice command instructions")), /*#__PURE__*/_react.default.createElement(_material.Box, {
508
510
  className: "cursor-pointer",
509
511
  onClick: handleClose
510
- }, /*#__PURE__*/React.createElement(_svgs.SmallCloseIcon, null))), /*#__PURE__*/React.createElement(_material.Box, {
512
+ }, /*#__PURE__*/_react.default.createElement(_svgs.SmallCloseIcon, null))), /*#__PURE__*/_react.default.createElement(_material.Box, {
511
513
  className: "py-[8px]"
512
- }, /*#__PURE__*/React.createElement(_material.Typography, {
514
+ }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
513
515
  className: "!font-[600] !text-[12px]",
514
516
  color: "#494A48"
515
- }, "Tooth position (FDI)"), /*#__PURE__*/React.createElement(_material.Box, {
517
+ }, "Tooth position (FDI)"), /*#__PURE__*/_react.default.createElement(_material.Box, {
516
518
  className: "flex items-center py-[5px]"
517
- }, /*#__PURE__*/React.createElement(StyledTypography, null, "Upper"), /*#__PURE__*/React.createElement(_material.Typography, {
519
+ }, /*#__PURE__*/_react.default.createElement(StyledTypography, null, "Upper"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
518
520
  className: "!font-400 !text-[12px]",
519
521
  color: "#494A48"
520
- }, "/"), /*#__PURE__*/React.createElement(StyledTypography, null, "Lower"), /*#__PURE__*/React.createElement(_material.Typography, {
522
+ }, "/"), /*#__PURE__*/_react.default.createElement(StyledTypography, null, "Lower"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
521
523
  className: "!font-400 !text-[14px]",
522
524
  color: "#494A48"
523
- }, "+"), /*#__PURE__*/React.createElement(StyledTypography, null, "Left"), /*#__PURE__*/React.createElement(_material.Typography, {
525
+ }, "+"), /*#__PURE__*/_react.default.createElement(StyledTypography, null, "Left"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
524
526
  className: "!font-400 !text-[12px]",
525
527
  color: "#494A48"
526
- }, "/"), /*#__PURE__*/React.createElement(StyledTypography, null, "Right"), /*#__PURE__*/React.createElement(_material.Typography, {
528
+ }, "/"), /*#__PURE__*/_react.default.createElement(StyledTypography, null, "Right"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
527
529
  className: "!font-400 !text-[14px]",
528
530
  color: "#494A48"
529
- }, "+"), /*#__PURE__*/React.createElement(StyledTypography, null, "number"), /*#__PURE__*/React.createElement(_material.Typography, {
531
+ }, "+"), /*#__PURE__*/_react.default.createElement(StyledTypography, null, "number"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
530
532
  className: "!font-400 !text-[12px] pl-2",
531
533
  color: "#494A48"
532
- }, "Tooth position (FDI)")), /*#__PURE__*/React.createElement(_material.Box, {
534
+ }, "Tooth position (FDI)")), /*#__PURE__*/_react.default.createElement(_material.Box, {
533
535
  className: "flex items-center pt-[5px]"
534
- }, /*#__PURE__*/React.createElement(StyledTypography, null, "Jump"), /*#__PURE__*/React.createElement(_material.Typography, {
536
+ }, /*#__PURE__*/_react.default.createElement(StyledTypography, null, "Jump"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
535
537
  className: "!font-400 !text-[14px]",
536
538
  color: "#494A48"
537
- }, "+"), /*#__PURE__*/React.createElement(StyledTypography, null, "number"), /*#__PURE__*/React.createElement(_material.Typography, {
539
+ }, "+"), /*#__PURE__*/_react.default.createElement(StyledTypography, null, "number"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
538
540
  className: "!font-400 !text-[12px] pl-2",
539
541
  color: "#494A48"
540
- }, "Jump to tooth(FDI)"))), /*#__PURE__*/React.createElement(_material.Box, {
542
+ }, "Jump to tooth(FDI)"))), /*#__PURE__*/_react.default.createElement(_material.Box, {
541
543
  className: "pb-[8px]"
542
- }, /*#__PURE__*/React.createElement(_material.Typography, {
544
+ }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
543
545
  className: "!font-[600] !text-[12px]",
544
546
  color: "#494A48"
545
- }, "Terminology"), /*#__PURE__*/React.createElement(_material.Box, {
547
+ }, "Terminology"), /*#__PURE__*/_react.default.createElement(_material.Box, {
546
548
  className: "flex items-center space-x-5 py-[5px]"
547
- }, /*#__PURE__*/React.createElement(_material.Box, {
549
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, {
548
550
  className: "flex items-center space-x-2"
549
- }, /*#__PURE__*/React.createElement(StyledTypography, null, "Mobility"), /*#__PURE__*/React.createElement(_material.Typography, {
551
+ }, /*#__PURE__*/_react.default.createElement(StyledTypography, null, "Mobility"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
550
552
  className: "!font-400 !text-[12px]",
551
553
  color: "#494A48"
552
- }, "Mobility")), /*#__PURE__*/React.createElement(_material.Box, {
554
+ }, "Mobility")), /*#__PURE__*/_react.default.createElement(_material.Box, {
553
555
  className: "flex items-center space-x-2"
554
- }, /*#__PURE__*/React.createElement(StyledTypography, null, "Furcation"), /*#__PURE__*/React.createElement(_material.Typography, {
556
+ }, /*#__PURE__*/_react.default.createElement(StyledTypography, null, "Furcation"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
555
557
  className: "!font-400 !text-[12px]",
556
558
  color: "#494A48"
557
- }, "Furcation"))), /*#__PURE__*/React.createElement(_material.Box, {
559
+ }, "Furcation"))), /*#__PURE__*/_react.default.createElement(_material.Box, {
558
560
  className: "flex items-center space-x-5 py-[5px]"
559
- }, /*#__PURE__*/React.createElement(_material.Box, {
561
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, {
560
562
  className: "flex items-center space-x-2"
561
- }, /*#__PURE__*/React.createElement(StyledTypography, null, "Bleeding"), /*#__PURE__*/React.createElement(_material.Typography, {
563
+ }, /*#__PURE__*/_react.default.createElement(StyledTypography, null, "Bleeding"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
562
564
  className: "!font-400 !text-[12px]",
563
565
  color: "#494A48"
564
- }, "Bleeding of point")), /*#__PURE__*/React.createElement(_material.Box, {
566
+ }, "Bleeding of point")), /*#__PURE__*/_react.default.createElement(_material.Box, {
565
567
  className: "flex items-center space-x-2"
566
- }, /*#__PURE__*/React.createElement(StyledTypography, null, "Plaque"), /*#__PURE__*/React.createElement(_material.Typography, {
568
+ }, /*#__PURE__*/_react.default.createElement(StyledTypography, null, "Plaque"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
567
569
  className: "!font-400 !text-[12px]",
568
570
  color: "#494A48"
569
- }, "Plaque of point"))), /*#__PURE__*/React.createElement(_material.Box, {
571
+ }, "Plaque of point"))), /*#__PURE__*/_react.default.createElement(_material.Box, {
570
572
  className: "flex items-center space-x-5 py-[5px]"
571
- }, /*#__PURE__*/React.createElement(_material.Box, {
573
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, {
572
574
  className: "flex items-center space-x-2"
573
- }, /*#__PURE__*/React.createElement(StyledTypography, null, "Buccal"), /*#__PURE__*/React.createElement(_material.Typography, {
575
+ }, /*#__PURE__*/_react.default.createElement(StyledTypography, null, "Buccal"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
574
576
  className: "!font-400 !text-[12px]",
575
577
  color: "#494A48"
576
- }, "Buccal")), /*#__PURE__*/React.createElement(_material.Box, {
578
+ }, "Buccal")), /*#__PURE__*/_react.default.createElement(_material.Box, {
577
579
  className: "flex items-center space-x-2"
578
- }, /*#__PURE__*/React.createElement(StyledTypography, null, "Lingual"), /*#__PURE__*/React.createElement(_material.Typography, {
580
+ }, /*#__PURE__*/_react.default.createElement(StyledTypography, null, "Lingual"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
579
581
  className: "!font-400 !text-[12px]",
580
582
  color: "#494A48"
581
- }, "Lingual")))), /*#__PURE__*/React.createElement(_material.Box, {
583
+ }, "Lingual")))), /*#__PURE__*/_react.default.createElement(_material.Box, {
582
584
  className: "pb-[8px]"
583
- }, /*#__PURE__*/React.createElement(_material.Typography, {
585
+ }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
584
586
  className: "!font-[600] !text-[12px]",
585
587
  color: "#494A48"
586
- }, "Scenario 1"), /*#__PURE__*/React.createElement(_material.Typography, {
588
+ }, "Scenario 1"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
587
589
  className: "!font-[600] !text-[12px] px-[10px] pt-[5px]",
588
590
  color: "#494A48"
589
- }, "Measure the full mouth pocket depth, then bleeding and plaque"), /*#__PURE__*/React.createElement(_material.Box, {
591
+ }, "Measure the full mouth pocket depth, then bleeding and plaque"), /*#__PURE__*/_react.default.createElement(_material.Box, {
590
592
  className: "flex items-center space-x-2 px-[10px] py-[5px]"
591
- }, /*#__PURE__*/React.createElement(_material.Box, {
593
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, {
592
594
  className: "flex items-center space-x-1"
593
- }, /*#__PURE__*/React.createElement(_material.Box, null, /*#__PURE__*/React.createElement(_svgs.CommandIcon, null)), /*#__PURE__*/React.createElement(_material.Typography, {
595
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, null, /*#__PURE__*/_react.default.createElement(_svgs.CommandIcon, null)), /*#__PURE__*/_react.default.createElement(_material.Typography, {
594
596
  className: "!font-400 !text-[12px]",
595
597
  color: "#494A48"
596
- }, "Command:")), /*#__PURE__*/React.createElement(_material.Box, {
598
+ }, "Command:")), /*#__PURE__*/_react.default.createElement(_material.Box, {
597
599
  className: "flex items-center"
598
- }, /*#__PURE__*/React.createElement(StyledTypography, null, "One"), /*#__PURE__*/React.createElement(_material.Typography, {
600
+ }, /*#__PURE__*/_react.default.createElement(StyledTypography, null, "One"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
599
601
  className: "!font-400 !text-[14px]",
600
602
  color: "#494A48"
601
- }, "+"), /*#__PURE__*/React.createElement(StyledTypography, null, "Bleeding"), /*#__PURE__*/React.createElement(_material.Typography, {
603
+ }, "+"), /*#__PURE__*/_react.default.createElement(StyledTypography, null, "Bleeding"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
602
604
  className: "!font-400 !text-[14px]",
603
605
  color: "#494A48"
604
- }, "+"), /*#__PURE__*/React.createElement(StyledTypography, null, "Plaque")))), /*#__PURE__*/React.createElement(_material.Box, {
606
+ }, "+"), /*#__PURE__*/_react.default.createElement(StyledTypography, null, "Plaque")))), /*#__PURE__*/_react.default.createElement(_material.Box, {
605
607
  className: "pb-[8px]"
606
- }, /*#__PURE__*/React.createElement(_material.Typography, {
608
+ }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
607
609
  className: "!font-[600] !text-[12px]",
608
610
  color: "#494A48"
609
- }, "Scenario 2"), /*#__PURE__*/React.createElement(_material.Typography, {
611
+ }, "Scenario 2"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
610
612
  className: "!font-[600] !text-[12px] px-[10px] pt-[5px]",
611
613
  color: "#494A48"
612
- }, "Jump to specific tooth position and check implant, crown, missing"), /*#__PURE__*/React.createElement(_material.Box, {
614
+ }, "Jump to specific tooth position and check implant, crown, missing"), /*#__PURE__*/_react.default.createElement(_material.Box, {
613
615
  className: "flex items-center space-x-2 px-[10px] py-[5px]"
614
- }, /*#__PURE__*/React.createElement(_material.Box, {
616
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, {
615
617
  className: "flex items-center space-x-1"
616
- }, /*#__PURE__*/React.createElement(_material.Box, null, /*#__PURE__*/React.createElement(_svgs.CommandIcon, null)), /*#__PURE__*/React.createElement(_material.Typography, {
618
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, null, /*#__PURE__*/_react.default.createElement(_svgs.CommandIcon, null)), /*#__PURE__*/_react.default.createElement(_material.Typography, {
617
619
  className: "!font-400 !text-[12px]",
618
620
  color: "#494A48"
619
- }, "Command:")), /*#__PURE__*/React.createElement(_material.Box, {
621
+ }, "Command:")), /*#__PURE__*/_react.default.createElement(_material.Box, {
620
622
  className: "flex items-center"
621
- }, /*#__PURE__*/React.createElement(StyledTypography, null, "Jump"), /*#__PURE__*/React.createElement(_material.Typography, {
623
+ }, /*#__PURE__*/_react.default.createElement(StyledTypography, null, "Jump"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
622
624
  className: "!font-400 !text-[14px]",
623
625
  color: "#494A48"
624
- }, "+"), /*#__PURE__*/React.createElement(StyledTypography, null, "Twenty-four"), /*#__PURE__*/React.createElement(_material.Typography, {
626
+ }, "+"), /*#__PURE__*/_react.default.createElement(StyledTypography, null, "Twenty-four"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
625
627
  className: "!font-400 !text-[14px]",
626
628
  color: "#494A48"
627
- }, "+"), /*#__PURE__*/React.createElement(StyledTypography, null, "Implant"), /*#__PURE__*/React.createElement(_material.Typography, {
629
+ }, "+"), /*#__PURE__*/_react.default.createElement(StyledTypography, null, "Implant"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
628
630
  className: "!font-400 !text-[12px]",
629
631
  color: "#494A48"
630
- }, "/"), /*#__PURE__*/React.createElement(StyledTypography, null, "Crown"), /*#__PURE__*/React.createElement(_material.Typography, {
632
+ }, "/"), /*#__PURE__*/_react.default.createElement(StyledTypography, null, "Crown"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
631
633
  className: "!font-400 !text-[12px]",
632
634
  color: "#494A48"
633
- }, "/"), /*#__PURE__*/React.createElement(StyledTypography, null, "Missing")))), /*#__PURE__*/React.createElement(_material.Box, {
635
+ }, "/"), /*#__PURE__*/_react.default.createElement(StyledTypography, null, "Missing")))), /*#__PURE__*/_react.default.createElement(_material.Box, {
634
636
  className: "pb-[8px]"
635
- }, /*#__PURE__*/React.createElement(_material.Typography, {
637
+ }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
636
638
  className: "!font-[600] !text-[12px]",
637
639
  color: "#494A48"
638
- }, "Scenario 3"), /*#__PURE__*/React.createElement(_material.Typography, {
640
+ }, "Scenario 3"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
639
641
  className: "!font-[600] !text-[12px] px-[10px] pt-[5px]",
640
642
  color: "#494A48"
641
- }, "Jump to specific tooth position and check buccal bleeding"), /*#__PURE__*/React.createElement(_material.Box, {
643
+ }, "Jump to specific tooth position and check buccal bleeding"), /*#__PURE__*/_react.default.createElement(_material.Box, {
642
644
  className: "flex items-center space-x-2 px-[10px] py-[5px]"
643
- }, /*#__PURE__*/React.createElement(_material.Box, {
645
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, {
644
646
  className: "flex items-center space-x-1"
645
- }, /*#__PURE__*/React.createElement(_material.Box, null, /*#__PURE__*/React.createElement(_svgs.CommandIcon, null)), /*#__PURE__*/React.createElement(_material.Typography, {
647
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, null, /*#__PURE__*/_react.default.createElement(_svgs.CommandIcon, null)), /*#__PURE__*/_react.default.createElement(_material.Typography, {
646
648
  className: "!font-400 !text-[12px]",
647
649
  color: "#494A48"
648
- }, "Command:")), /*#__PURE__*/React.createElement(_material.Box, {
650
+ }, "Command:")), /*#__PURE__*/_react.default.createElement(_material.Box, {
649
651
  className: "flex items-center"
650
- }, /*#__PURE__*/React.createElement(StyledTypography, null, "Jump"), /*#__PURE__*/React.createElement(_material.Typography, {
652
+ }, /*#__PURE__*/_react.default.createElement(StyledTypography, null, "Jump"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
651
653
  className: "!font-400 !text-[14px]",
652
654
  color: "#494A48"
653
- }, "+"), /*#__PURE__*/React.createElement(StyledTypography, null, "Seventeen"), /*#__PURE__*/React.createElement(_material.Typography, {
655
+ }, "+"), /*#__PURE__*/_react.default.createElement(StyledTypography, null, "Seventeen"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
654
656
  className: "!font-400 !text-[14px]",
655
657
  color: "#494A48"
656
- }, "+"), /*#__PURE__*/React.createElement(StyledTypography, null, "Buccal"), /*#__PURE__*/React.createElement(_material.Typography, {
658
+ }, "+"), /*#__PURE__*/_react.default.createElement(StyledTypography, null, "Buccal"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
657
659
  className: "!font-400 !text-[14px]",
658
660
  color: "#494A48"
659
- }, "+"), /*#__PURE__*/React.createElement(StyledTypography, null, "Bleeding"))), /*#__PURE__*/React.createElement(_material.Typography, {
661
+ }, "+"), /*#__PURE__*/_react.default.createElement(StyledTypography, null, "Bleeding"))), /*#__PURE__*/_react.default.createElement(_material.Typography, {
660
662
  className: "!font-[600] !text-[12px] px-[10px] pt-[5px]",
661
663
  color: "#494A48"
662
- }, "Jump to specific tooth position and check mobility II"), /*#__PURE__*/React.createElement(_material.Box, {
664
+ }, "Jump to specific tooth position and check mobility II"), /*#__PURE__*/_react.default.createElement(_material.Box, {
663
665
  className: "flex items-center space-x-2 px-[10px] py-[5px]"
664
- }, /*#__PURE__*/React.createElement(_material.Box, {
666
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, {
665
667
  className: "flex items-center space-x-1"
666
- }, /*#__PURE__*/React.createElement(_material.Box, null, /*#__PURE__*/React.createElement(_svgs.CommandIcon, null)), /*#__PURE__*/React.createElement(_material.Typography, {
668
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, null, /*#__PURE__*/_react.default.createElement(_svgs.CommandIcon, null)), /*#__PURE__*/_react.default.createElement(_material.Typography, {
667
669
  className: "!font-400 !text-[12px]",
668
670
  color: "#494A48"
669
- }, "Command:")), /*#__PURE__*/React.createElement(_material.Box, {
671
+ }, "Command:")), /*#__PURE__*/_react.default.createElement(_material.Box, {
670
672
  className: "flex items-center"
671
- }, /*#__PURE__*/React.createElement(StyledTypography, null, "Jump"), /*#__PURE__*/React.createElement(_material.Typography, {
673
+ }, /*#__PURE__*/_react.default.createElement(StyledTypography, null, "Jump"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
672
674
  className: "!font-400 !text-[14px]",
673
675
  color: "#494A48"
674
- }, "+"), /*#__PURE__*/React.createElement(StyledTypography, null, "Thirty-three"), /*#__PURE__*/React.createElement(_material.Typography, {
676
+ }, "+"), /*#__PURE__*/_react.default.createElement(StyledTypography, null, "Thirty-three"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
675
677
  className: "!font-400 !text-[14px]",
676
678
  color: "#494A48"
677
- }, "+"), /*#__PURE__*/React.createElement(StyledTypography, null, "Lingual"), /*#__PURE__*/React.createElement(_material.Typography, {
679
+ }, "+"), /*#__PURE__*/_react.default.createElement(StyledTypography, null, "Lingual"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
678
680
  className: "!font-400 !text-[14px]",
679
681
  color: "#494A48"
680
- }, "+"), /*#__PURE__*/React.createElement(StyledTypography, null, "Mobility"), /*#__PURE__*/React.createElement(_material.Typography, {
682
+ }, "+"), /*#__PURE__*/_react.default.createElement(StyledTypography, null, "Mobility"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
681
683
  className: "!font-400 !text-[14px]",
682
684
  color: "#494A48"
683
- }, "+"), /*#__PURE__*/React.createElement(StyledTypography, null, "Two"))))), /*#__PURE__*/React.createElement(_material.Popover, {
685
+ }, "+"), /*#__PURE__*/_react.default.createElement(StyledTypography, null, "Two"))))), /*#__PURE__*/_react.default.createElement(_material.Popover, {
684
686
  open: openAnchorEl,
685
687
  anchorEl: anchorEl,
686
688
  onClose: handlePopoverClose,
@@ -700,42 +702,42 @@ const Recognition = _ref4 => {
700
702
  marginTop: '5px'
701
703
  }
702
704
  }
703
- }, /*#__PURE__*/React.createElement(_material.Box, {
705
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, {
704
706
  className: "px-[5px] py-[2.5px] w-[200px]"
705
- }, /*#__PURE__*/React.createElement(_material.Box, {
707
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, {
706
708
  className: "flex items-center px-[10px] py-[3px]"
707
- }, /*#__PURE__*/React.createElement(_material.Typography, {
709
+ }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
708
710
  className: "!font-bold !text-[14px]",
709
711
  color: "#494A48B2"
710
- }, "Data")), /*#__PURE__*/React.createElement(_material.Box, {
712
+ }, "Data")), /*#__PURE__*/_react.default.createElement(_material.Box, {
711
713
  className: "flex items-center justify-between rounded-[5px] px-[10px] py-[3px] cursor-pointer",
712
714
  sx: {
713
715
  '&:hover': {
714
716
  background: '#F6F6F6'
715
717
  }
716
718
  }
717
- }, /*#__PURE__*/React.createElement(_material.Box, {
719
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, {
718
720
  className: "flex items-center space-x-1"
719
- }, /*#__PURE__*/React.createElement(_material.Typography, {
721
+ }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
720
722
  className: "!font-bold !text-[14px]",
721
723
  color: "#494A48"
722
- }, "7"), /*#__PURE__*/React.createElement(_material.Typography, {
724
+ }, "7"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
723
725
  className: "!font-400 !text-[12px]",
724
726
  color: "#494A48"
725
- }, "words")), /*#__PURE__*/React.createElement(_material.Typography, {
727
+ }, "words")), /*#__PURE__*/_react.default.createElement(_material.Typography, {
726
728
  className: "!font-400 !text-[14px]",
727
729
  color: "#494A48"
728
- }, "02.July.2024")), /*#__PURE__*/React.createElement(_material.Box, {
730
+ }, "02.July.2024")), /*#__PURE__*/_react.default.createElement(_material.Box, {
729
731
  className: "flex items-center justify-between px-[10px] py-[3px]"
730
- }, /*#__PURE__*/React.createElement(_material.Box, {
732
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, {
731
733
  className: "flex items-center space-x-1"
732
- }, /*#__PURE__*/React.createElement(_material.Typography, {
734
+ }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
733
735
  className: "!font-bold !text-[14px]",
734
736
  color: "#494A48"
735
- }, "7"), /*#__PURE__*/React.createElement(_material.Typography, {
737
+ }, "7"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
736
738
  className: "!font-400 !text-[12px]",
737
739
  color: "#494A48"
738
- }, "words")), /*#__PURE__*/React.createElement(_material.Typography, {
740
+ }, "words")), /*#__PURE__*/_react.default.createElement(_material.Typography, {
739
741
  className: "!font-400 !text-[14px]",
740
742
  color: "#494A48"
741
743
  }, "02.July.2024")))));