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/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__*/
|
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__*/
|
210
|
+
}, /*#__PURE__*/_react.default.createElement(_material.Box, {
|
209
211
|
className: "flex justify-between"
|
210
|
-
}, /*#__PURE__*/
|
212
|
+
}, /*#__PURE__*/_react.default.createElement(_material.Box, {
|
211
213
|
className: "flex items-center space-x-2"
|
212
|
-
}, /*#__PURE__*/
|
214
|
+
}, /*#__PURE__*/_react.default.createElement(_material.Typography, {
|
213
215
|
className: "!font-[600] !text-[24px]",
|
214
216
|
color: "#494A48"
|
215
|
-
}, "Voice assistant"), /*#__PURE__*/
|
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__*/
|
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__*/
|
226
|
+
}, "Recognition mode"))), /*#__PURE__*/_react.default.createElement(_material.Box, {
|
225
227
|
className: "px-[10px] py-[8px] cursor-pointer"
|
226
|
-
}, /*#__PURE__*/
|
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__*/
|
230
|
+
}, /*#__PURE__*/_react.default.createElement(_material.Box, {
|
229
231
|
className: "flex space-x-1"
|
230
|
-
}, /*#__PURE__*/
|
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__*/
|
235
|
+
}, "Real-time")), /*#__PURE__*/_react.default.createElement(_material.Box, {
|
234
236
|
className: "flex space-x-1"
|
235
|
-
}, !isStarted ? /*#__PURE__*/
|
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__*/
|
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__*/
|
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__*/
|
258
|
+
}, /*#__PURE__*/_react.default.createElement(_material.Box, {
|
257
259
|
className: "flex items-center space-x-1"
|
258
|
-
}, /*#__PURE__*/
|
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__*/
|
263
|
+
}, "Stop")), /*#__PURE__*/_react.default.createElement(_material.Box, {
|
262
264
|
className: "flex items-baseline"
|
263
|
-
}, /*#__PURE__*/
|
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__*/
|
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__*/
|
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__*/
|
286
|
+
}, /*#__PURE__*/_react.default.createElement(_material.Box, null, /*#__PURE__*/_react.default.createElement(_svgs.DarkSettingIcon, {
|
285
287
|
fill: isStarted ? "#494A484D" : "#494A48"
|
286
|
-
})), /*#__PURE__*/
|
288
|
+
})), /*#__PURE__*/_react.default.createElement(_material.Typography, {
|
287
289
|
className: "!font-400 !text-[14px]",
|
288
290
|
color: isStarted ? "#494A484D" : "#494A48"
|
289
|
-
}, "Setup")))), !isSteup ? /*#__PURE__*/
|
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__*/
|
296
|
+
}, /*#__PURE__*/_react.default.createElement(_material.Box, {
|
295
297
|
className: "flex items-center justify-between p-[4.5px]"
|
296
|
-
}, /*#__PURE__*/
|
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__*/
|
301
|
+
}, !isStarted ? '-' : result.length, " words"), /*#__PURE__*/_react.default.createElement(_material.Box, {
|
300
302
|
className: "flex items-center space-x-1 px-[9px]"
|
301
|
-
}, /*#__PURE__*/
|
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__*/
|
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__*/
|
313
|
+
return /*#__PURE__*/_react.default.createElement(_material.Box, {
|
312
314
|
className: "flex items-center",
|
313
315
|
key: index
|
314
|
-
}, /*#__PURE__*/
|
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__*/
|
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__*/
|
329
|
+
}))), /*#__PURE__*/_react.default.createElement(_material.Box, {
|
328
330
|
className: "mt-1"
|
329
|
-
}, /*#__PURE__*/
|
331
|
+
}, /*#__PURE__*/_react.default.createElement(_material.Box, {
|
330
332
|
className: "flex items-center justify-between py-[4.5px]"
|
331
|
-
}, /*#__PURE__*/
|
333
|
+
}, /*#__PURE__*/_react.default.createElement(_material.Box, {
|
332
334
|
className: "flex space-x-1"
|
333
|
-
}, /*#__PURE__*/
|
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__*/
|
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__*/
|
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__*/
|
356
|
+
return /*#__PURE__*/_react.default.createElement(_RecognitionListItem.default, {
|
355
357
|
data: history,
|
356
358
|
key: index
|
357
359
|
});
|
358
|
-
})), /*#__PURE__*/
|
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__*/
|
366
|
+
}, /*#__PURE__*/_react.default.createElement(_material.Box, {
|
365
367
|
className: "flex items-center space-x-1"
|
366
|
-
}, /*#__PURE__*/
|
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__*/
|
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__*/
|
373
|
+
}, /*#__PURE__*/_react.default.createElement(_material.Box, null, /*#__PURE__*/_react.default.createElement(_svgs.MicIcon, {
|
372
374
|
fill: "#494A48"
|
373
|
-
})), /*#__PURE__*/
|
375
|
+
})), /*#__PURE__*/_react.default.createElement(_material.Box, {
|
374
376
|
className: "flex-1"
|
375
|
-
}, /*#__PURE__*/
|
377
|
+
}, /*#__PURE__*/_react.default.createElement(_material.Typography, {
|
376
378
|
className: "!font-[600] !text-[16px]",
|
377
379
|
color: "#494A48"
|
378
|
-
}, "Voice"), /*#__PURE__*/
|
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__*/
|
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__*/
|
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__*/
|
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__*/
|
430
|
+
return /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
|
429
431
|
value: index,
|
430
432
|
key: index
|
431
433
|
}, device);
|
432
|
-
})))), /*#__PURE__*/
|
434
|
+
})))), /*#__PURE__*/_react.default.createElement(_material.Box, {
|
433
435
|
className: "flex space-x-1 w-full mt-2"
|
434
|
-
}, /*#__PURE__*/
|
436
|
+
}, /*#__PURE__*/_react.default.createElement(_material.Box, null, /*#__PURE__*/_react.default.createElement(_svgs.LanguageIcon, {
|
435
437
|
fill: "#494A48"
|
436
|
-
})), /*#__PURE__*/
|
438
|
+
})), /*#__PURE__*/_react.default.createElement(_material.Box, {
|
437
439
|
className: "flex-1"
|
438
|
-
}, /*#__PURE__*/
|
440
|
+
}, /*#__PURE__*/_react.default.createElement(_material.Typography, {
|
439
441
|
className: "!font-[600] !text-[16px]",
|
440
442
|
color: "#494A48"
|
441
|
-
}, "Language"), /*#__PURE__*/
|
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__*/
|
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__*/
|
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__*/
|
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__*/
|
492
|
+
}, /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
|
491
493
|
value: 0
|
492
|
-
}, "Auto-Detect"), /*#__PURE__*/
|
494
|
+
}, "Auto-Detect"), /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
|
493
495
|
value: 1
|
494
|
-
}, "English"), /*#__PURE__*/
|
496
|
+
}, "English"), /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
|
495
497
|
value: 2
|
496
|
-
}, "Chinese (Simplified)"))))), /*#__PURE__*/
|
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__*/
|
502
|
+
}, /*#__PURE__*/_react.default.createElement(_material.Box, {
|
501
503
|
className: "flex items-center justify-between py-[8px]"
|
502
|
-
}, /*#__PURE__*/
|
504
|
+
}, /*#__PURE__*/_react.default.createElement(_material.Box, {
|
503
505
|
className: "flex items-center space-x-1"
|
504
|
-
}, /*#__PURE__*/
|
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__*/
|
509
|
+
}, "Voice command instructions")), /*#__PURE__*/_react.default.createElement(_material.Box, {
|
508
510
|
className: "cursor-pointer",
|
509
511
|
onClick: handleClose
|
510
|
-
}, /*#__PURE__*/
|
512
|
+
}, /*#__PURE__*/_react.default.createElement(_svgs.SmallCloseIcon, null))), /*#__PURE__*/_react.default.createElement(_material.Box, {
|
511
513
|
className: "py-[8px]"
|
512
|
-
}, /*#__PURE__*/
|
514
|
+
}, /*#__PURE__*/_react.default.createElement(_material.Typography, {
|
513
515
|
className: "!font-[600] !text-[12px]",
|
514
516
|
color: "#494A48"
|
515
|
-
}, "Tooth position (FDI)"), /*#__PURE__*/
|
517
|
+
}, "Tooth position (FDI)"), /*#__PURE__*/_react.default.createElement(_material.Box, {
|
516
518
|
className: "flex items-center py-[5px]"
|
517
|
-
}, /*#__PURE__*/
|
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__*/
|
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__*/
|
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__*/
|
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__*/
|
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__*/
|
534
|
+
}, "Tooth position (FDI)")), /*#__PURE__*/_react.default.createElement(_material.Box, {
|
533
535
|
className: "flex items-center pt-[5px]"
|
534
|
-
}, /*#__PURE__*/
|
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__*/
|
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__*/
|
542
|
+
}, "Jump to tooth(FDI)"))), /*#__PURE__*/_react.default.createElement(_material.Box, {
|
541
543
|
className: "pb-[8px]"
|
542
|
-
}, /*#__PURE__*/
|
544
|
+
}, /*#__PURE__*/_react.default.createElement(_material.Typography, {
|
543
545
|
className: "!font-[600] !text-[12px]",
|
544
546
|
color: "#494A48"
|
545
|
-
}, "Terminology"), /*#__PURE__*/
|
547
|
+
}, "Terminology"), /*#__PURE__*/_react.default.createElement(_material.Box, {
|
546
548
|
className: "flex items-center space-x-5 py-[5px]"
|
547
|
-
}, /*#__PURE__*/
|
549
|
+
}, /*#__PURE__*/_react.default.createElement(_material.Box, {
|
548
550
|
className: "flex items-center space-x-2"
|
549
|
-
}, /*#__PURE__*/
|
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__*/
|
554
|
+
}, "Mobility")), /*#__PURE__*/_react.default.createElement(_material.Box, {
|
553
555
|
className: "flex items-center space-x-2"
|
554
|
-
}, /*#__PURE__*/
|
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__*/
|
559
|
+
}, "Furcation"))), /*#__PURE__*/_react.default.createElement(_material.Box, {
|
558
560
|
className: "flex items-center space-x-5 py-[5px]"
|
559
|
-
}, /*#__PURE__*/
|
561
|
+
}, /*#__PURE__*/_react.default.createElement(_material.Box, {
|
560
562
|
className: "flex items-center space-x-2"
|
561
|
-
}, /*#__PURE__*/
|
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__*/
|
566
|
+
}, "Bleeding of point")), /*#__PURE__*/_react.default.createElement(_material.Box, {
|
565
567
|
className: "flex items-center space-x-2"
|
566
|
-
}, /*#__PURE__*/
|
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__*/
|
571
|
+
}, "Plaque of point"))), /*#__PURE__*/_react.default.createElement(_material.Box, {
|
570
572
|
className: "flex items-center space-x-5 py-[5px]"
|
571
|
-
}, /*#__PURE__*/
|
573
|
+
}, /*#__PURE__*/_react.default.createElement(_material.Box, {
|
572
574
|
className: "flex items-center space-x-2"
|
573
|
-
}, /*#__PURE__*/
|
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__*/
|
578
|
+
}, "Buccal")), /*#__PURE__*/_react.default.createElement(_material.Box, {
|
577
579
|
className: "flex items-center space-x-2"
|
578
|
-
}, /*#__PURE__*/
|
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__*/
|
583
|
+
}, "Lingual")))), /*#__PURE__*/_react.default.createElement(_material.Box, {
|
582
584
|
className: "pb-[8px]"
|
583
|
-
}, /*#__PURE__*/
|
585
|
+
}, /*#__PURE__*/_react.default.createElement(_material.Typography, {
|
584
586
|
className: "!font-[600] !text-[12px]",
|
585
587
|
color: "#494A48"
|
586
|
-
}, "Scenario 1"), /*#__PURE__*/
|
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__*/
|
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__*/
|
593
|
+
}, /*#__PURE__*/_react.default.createElement(_material.Box, {
|
592
594
|
className: "flex items-center space-x-1"
|
593
|
-
}, /*#__PURE__*/
|
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__*/
|
598
|
+
}, "Command:")), /*#__PURE__*/_react.default.createElement(_material.Box, {
|
597
599
|
className: "flex items-center"
|
598
|
-
}, /*#__PURE__*/
|
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__*/
|
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__*/
|
606
|
+
}, "+"), /*#__PURE__*/_react.default.createElement(StyledTypography, null, "Plaque")))), /*#__PURE__*/_react.default.createElement(_material.Box, {
|
605
607
|
className: "pb-[8px]"
|
606
|
-
}, /*#__PURE__*/
|
608
|
+
}, /*#__PURE__*/_react.default.createElement(_material.Typography, {
|
607
609
|
className: "!font-[600] !text-[12px]",
|
608
610
|
color: "#494A48"
|
609
|
-
}, "Scenario 2"), /*#__PURE__*/
|
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__*/
|
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__*/
|
616
|
+
}, /*#__PURE__*/_react.default.createElement(_material.Box, {
|
615
617
|
className: "flex items-center space-x-1"
|
616
|
-
}, /*#__PURE__*/
|
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__*/
|
621
|
+
}, "Command:")), /*#__PURE__*/_react.default.createElement(_material.Box, {
|
620
622
|
className: "flex items-center"
|
621
|
-
}, /*#__PURE__*/
|
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__*/
|
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__*/
|
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__*/
|
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__*/
|
635
|
+
}, "/"), /*#__PURE__*/_react.default.createElement(StyledTypography, null, "Missing")))), /*#__PURE__*/_react.default.createElement(_material.Box, {
|
634
636
|
className: "pb-[8px]"
|
635
|
-
}, /*#__PURE__*/
|
637
|
+
}, /*#__PURE__*/_react.default.createElement(_material.Typography, {
|
636
638
|
className: "!font-[600] !text-[12px]",
|
637
639
|
color: "#494A48"
|
638
|
-
}, "Scenario 3"), /*#__PURE__*/
|
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__*/
|
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__*/
|
645
|
+
}, /*#__PURE__*/_react.default.createElement(_material.Box, {
|
644
646
|
className: "flex items-center space-x-1"
|
645
|
-
}, /*#__PURE__*/
|
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__*/
|
650
|
+
}, "Command:")), /*#__PURE__*/_react.default.createElement(_material.Box, {
|
649
651
|
className: "flex items-center"
|
650
|
-
}, /*#__PURE__*/
|
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__*/
|
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__*/
|
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__*/
|
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__*/
|
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__*/
|
666
|
+
}, /*#__PURE__*/_react.default.createElement(_material.Box, {
|
665
667
|
className: "flex items-center space-x-1"
|
666
|
-
}, /*#__PURE__*/
|
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__*/
|
671
|
+
}, "Command:")), /*#__PURE__*/_react.default.createElement(_material.Box, {
|
670
672
|
className: "flex items-center"
|
671
|
-
}, /*#__PURE__*/
|
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__*/
|
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__*/
|
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__*/
|
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__*/
|
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__*/
|
705
|
+
}, /*#__PURE__*/_react.default.createElement(_material.Box, {
|
704
706
|
className: "px-[5px] py-[2.5px] w-[200px]"
|
705
|
-
}, /*#__PURE__*/
|
707
|
+
}, /*#__PURE__*/_react.default.createElement(_material.Box, {
|
706
708
|
className: "flex items-center px-[10px] py-[3px]"
|
707
|
-
}, /*#__PURE__*/
|
709
|
+
}, /*#__PURE__*/_react.default.createElement(_material.Typography, {
|
708
710
|
className: "!font-bold !text-[14px]",
|
709
711
|
color: "#494A48B2"
|
710
|
-
}, "Data")), /*#__PURE__*/
|
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__*/
|
719
|
+
}, /*#__PURE__*/_react.default.createElement(_material.Box, {
|
718
720
|
className: "flex items-center space-x-1"
|
719
|
-
}, /*#__PURE__*/
|
721
|
+
}, /*#__PURE__*/_react.default.createElement(_material.Typography, {
|
720
722
|
className: "!font-bold !text-[14px]",
|
721
723
|
color: "#494A48"
|
722
|
-
}, "7"), /*#__PURE__*/
|
724
|
+
}, "7"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
|
723
725
|
className: "!font-400 !text-[12px]",
|
724
726
|
color: "#494A48"
|
725
|
-
}, "words")), /*#__PURE__*/
|
727
|
+
}, "words")), /*#__PURE__*/_react.default.createElement(_material.Typography, {
|
726
728
|
className: "!font-400 !text-[14px]",
|
727
729
|
color: "#494A48"
|
728
|
-
}, "02.July.2024")), /*#__PURE__*/
|
730
|
+
}, "02.July.2024")), /*#__PURE__*/_react.default.createElement(_material.Box, {
|
729
731
|
className: "flex items-center justify-between px-[10px] py-[3px]"
|
730
|
-
}, /*#__PURE__*/
|
732
|
+
}, /*#__PURE__*/_react.default.createElement(_material.Box, {
|
731
733
|
className: "flex items-center space-x-1"
|
732
|
-
}, /*#__PURE__*/
|
734
|
+
}, /*#__PURE__*/_react.default.createElement(_material.Typography, {
|
733
735
|
className: "!font-bold !text-[14px]",
|
734
736
|
color: "#494A48"
|
735
|
-
}, "7"), /*#__PURE__*/
|
737
|
+
}, "7"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
|
736
738
|
className: "!font-400 !text-[12px]",
|
737
739
|
color: "#494A48"
|
738
|
-
}, "words")), /*#__PURE__*/
|
740
|
+
}, "words")), /*#__PURE__*/_react.default.createElement(_material.Typography, {
|
739
741
|
className: "!font-400 !text-[14px]",
|
740
742
|
color: "#494A48"
|
741
743
|
}, "02.July.2024")))));
|