dmed-voice-assistant 1.2.9 → 1.2.11

Sign up to get free protection for your applications and to get access to all the features.
Files changed (5) hide show
  1. package/dist/components/svgs.js +60 -2
  2. package/dist/index.js +3 -1
  3. package/dist/recognition.js +244 -125
  4. package/dist/recorder.js +2 -0
  5. package/package.json +1 -1
package/dist/components/svgs.js CHANGED
@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
4
4
  Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
- exports.ThreeDotsIcon = exports.StopIcon = exports.StartIcon = exports.SmallStartIcon = exports.SmallPauseIcon = exports.SmallCloseIcon = exports.SettingIcon = exports.RocketIcon = exports.RedirectIcon = exports.RedStopIcon = exports.RecognitionIcon = exports.PauseIcon = exports.MicIcon = exports.LanguageIcon = exports.HistoryIcon = exports.EditIcon = exports.DeleteIcon = exports.DarkSettingIcon = exports.CommandIcon = exports.CloseIcon = exports.BoxIcon = exports.BookIcon = exports.BigStartIcon = void 0;
7
+ exports.ThreeDotsIcon = exports.StopIcon = exports.StartIcon = exports.SmallStartIcon = exports.SmallPauseIcon = exports.SmallCloseIcon = exports.SettingIcon = exports.ScenarioIcon = exports.RocketIcon = exports.RedirectIcon = exports.RedStopIcon = exports.RecognitionIcon = exports.PauseIcon = exports.MicIcon = exports.LanguageIcon = exports.HistoryIcon = exports.FinishIcon = exports.EditIcon = exports.DeleteIcon = exports.DarkSettingIcon = exports.CommandIcon = exports.CloseIcon = exports.ClickIcon = exports.BoxIcon = exports.BookIcon = exports.BigStartIcon = void 0;
8
8
  var _react = _interopRequireDefault(require("react"));
9
9
  var _jsxRuntime = require("react/jsx-runtime");
10
10
  const MicIcon = _ref => {
@@ -378,4 +378,62 @@ const DeleteIcon = () => {
378
378
  })
379
379
  });
380
380
  };
381
- exports.DeleteIcon = DeleteIcon;
381
+ exports.DeleteIcon = DeleteIcon;
382
+ const ScenarioIcon = () => {
383
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
384
+ width: "16",
385
+ height: "17",
386
+ viewBox: "0 0 16 17",
387
+ fill: "none",
388
+ xmlns: "http://www.w3.org/2000/svg",
389
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
390
+ d: "M3.33333 11.2833C3.44444 11.25 3.55278 11.2222 3.65833 11.2C3.76389 11.1778 3.87778 11.1667 4 11.1667H4.66667V3.16666H4C3.81111 3.16666 3.65278 3.23055 3.525 3.35832C3.39722 3.4861 3.33333 3.64443 3.33333 3.83332V11.2833ZM4 15.1667C3.44444 15.1667 2.97222 14.9722 2.58333 14.5833C2.19444 14.1944 2 13.7222 2 13.1667V3.83332C2 3.27777 2.19444 2.80555 2.58333 2.41666C2.97222 2.02777 3.44444 1.83332 4 1.83332H8.66667V3.16666H6V11.1667H10V9.16666H11.3333V12.5H4C3.81111 12.5 3.65278 12.5639 3.525 12.6917C3.39722 12.8194 3.33333 12.9778 3.33333 13.1667C3.33333 13.3555 3.39722 13.5139 3.525 13.6417C3.65278 13.7694 3.81111 13.8333 4 13.8333H12.6667V8.49999H14V15.1667H4ZM11.6667 8.49999C11.6667 7.47777 12.0222 6.6111 12.7333 5.89999C13.4444 5.18888 14.3111 4.83332 15.3333 4.83332C14.3111 4.83332 13.4444 4.47777 12.7333 3.76666C12.0222 3.05555 11.6667 2.18888 11.6667 1.16666C11.6667 2.18888 11.3111 3.05555 10.6 3.76666C9.88889 4.47777 9.02222 4.83332 8 4.83332C9.02222 4.83332 9.88889 5.18888 10.6 5.89999C11.3111 6.6111 11.6667 7.47777 11.6667 8.49999Z",
391
+ fill: "#5F6368"
392
+ })
393
+ });
394
+ };
395
+ exports.ScenarioIcon = ScenarioIcon;
396
+ const ClickIcon = () => {
397
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
398
+ width: "16",
399
+ height: "16",
400
+ viewBox: "0 0 16 16",
401
+ fill: "none",
402
+ xmlns: "http://www.w3.org/2000/svg",
403
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
404
+ d: "M7.8 12C6.73333 11.9444 5.83333 11.5333 5.1 10.7667C4.36667 10 4 9.07778 4 8C4 6.88889 4.38889 5.94444 5.16667 5.16667C5.94444 4.38889 6.88889 4 8 4C9.07778 4 10 4.36667 10.7667 5.1C11.5333 5.83333 11.9444 6.73333 12 7.8L10.6 7.38333C10.4556 6.78333 10.1444 6.29167 9.66667 5.90833C9.18889 5.525 8.63333 5.33333 8 5.33333C7.26667 5.33333 6.63889 5.59444 6.11667 6.11667C5.59444 6.63889 5.33333 7.26667 5.33333 8C5.33333 8.63333 5.525 9.18889 5.90833 9.66667C6.29167 10.1444 6.78333 10.4556 7.38333 10.6L7.8 12ZM13.6833 15L10.8333 12.15L10 14.6667L8 8L14.6667 10L12.15 10.8333L15 13.6833L13.6833 15Z",
405
+ fill: "#5F6368"
406
+ })
407
+ });
408
+ };
409
+ exports.ClickIcon = ClickIcon;
410
+ const FinishIcon = () => {
411
+ return /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
412
+ width: "89",
413
+ height: "32",
414
+ viewBox: "0 0 89 32",
415
+ fill: "none",
416
+ xmlns: "http://www.w3.org/2000/svg",
417
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
418
+ x: "1",
419
+ y: "0.5",
420
+ width: "87",
421
+ height: "31",
422
+ rx: "4.5",
423
+ stroke: "#FFCD2A",
424
+ strokeOpacity: "0.5"
425
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
426
+ d: "M19.5 14L22.7581 16.4436C23.1766 16.7574 23.7662 16.6957 24.1107 16.3021L30.5 9",
427
+ stroke: "#FFC300",
428
+ strokeLinecap: "round"
429
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
430
+ d: "M31.5 16C31.5 17.8805 30.911 19.7137 29.8156 21.2423C28.7203 22.7709 27.1736 23.9179 25.393 24.5224C23.6123 25.1268 21.687 25.1583 19.8874 24.6125C18.0879 24.0666 16.5046 22.9707 15.3598 21.4789C14.215 19.987 13.5663 18.174 13.5048 16.2945C13.4433 14.415 13.972 12.5634 15.0168 10.9999C16.0615 9.4363 17.5698 8.23925 19.3297 7.57685C21.0897 6.91444 23.013 6.81996 24.8294 7.30667",
431
+ stroke: "#FFC300",
432
+ strokeLinecap: "round"
433
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
434
+ d: "M45.8159 11.576V13.22H42.3839V14.996H44.9519V16.592H42.3839V20H40.3319V11.576H45.8159ZM48.9464 11.576V20H46.8944V11.576H48.9464ZM57.9695 20H55.9175L52.4855 14.804V20H50.4335V11.576H52.4855L55.9175 16.796V11.576H57.9695V20ZM61.5089 11.576V20H59.4569V11.576H61.5089ZM66.044 20.084C65.428 20.084 64.876 19.984 64.388 19.784C63.9 19.584 63.508 19.288 63.212 18.896C62.924 18.504 62.772 18.032 62.756 17.48H64.94C64.972 17.792 65.08 18.032 65.264 18.2C65.448 18.36 65.688 18.44 65.984 18.44C66.288 18.44 66.528 18.372 66.704 18.236C66.88 18.092 66.968 17.896 66.968 17.648C66.968 17.44 66.896 17.268 66.752 17.132C66.616 16.996 66.444 16.884 66.236 16.796C66.036 16.708 65.748 16.608 65.372 16.496C64.828 16.328 64.384 16.16 64.04 15.992C63.696 15.824 63.4 15.576 63.152 15.248C62.904 14.92 62.78 14.492 62.78 13.964C62.78 13.18 63.064 12.568 63.632 12.128C64.2 11.68 64.94 11.456 65.852 11.456C66.78 11.456 67.528 11.68 68.096 12.128C68.664 12.568 68.968 13.184 69.008 13.976H66.788C66.772 13.704 66.672 13.492 66.488 13.34C66.304 13.18 66.068 13.1 65.78 13.1C65.532 13.1 65.332 13.168 65.18 13.304C65.028 13.432 64.952 13.62 64.952 13.868C64.952 14.14 65.08 14.352 65.336 14.504C65.592 14.656 65.992 14.82 66.536 14.996C67.08 15.18 67.52 15.356 67.856 15.524C68.2 15.692 68.496 15.936 68.744 16.256C68.992 16.576 69.116 16.988 69.116 17.492C69.116 17.972 68.992 18.408 68.744 18.8C68.504 19.192 68.152 19.504 67.688 19.736C67.224 19.968 66.676 20.084 66.044 20.084ZM77.6748 11.576V20H75.6228V16.532H72.4308V20H70.3788V11.576H72.4308V14.876H75.6228V11.576H77.6748Z",
435
+ fill: "#FFC300"
436
+ })]
437
+ });
438
+ };
439
+ exports.FinishIcon = FinishIcon;
package/dist/index.js CHANGED
@@ -17,6 +17,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
17
17
  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; }
18
18
  const VoiceAssistant = _ref => {
19
19
  let {
20
+ isOnlyRecorderMode = false,
20
21
  isOnlyRecognitionMode = false,
21
22
  recordListValue = [],
22
23
  recognitionListValue = [],
@@ -29,7 +30,7 @@ const VoiceAssistant = _ref => {
29
30
  onRecognitionStopEvent,
30
31
  onRealTimeRecognitionCommandEvent
31
32
  } = _ref;
32
- const [mode, setMode] = (0, _react.useState)(!isOnlyRecognitionMode ? "recorder" : "recognition");
33
+ const [mode, setMode] = (0, _react.useState)(isOnlyRecorderMode ? "recorder" : isOnlyRecognitionMode ? "recognition" : "recorder");
33
34
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
34
35
  className: "dmed-voice-assistant-class",
35
36
  children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_LocalizationProvider.LocalizationProvider, {
@@ -37,6 +38,7 @@ const VoiceAssistant = _ref => {
37
38
  children: [mode === 'recorder' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_recorder.default, {
38
39
  mode: mode,
39
40
  setMode: setMode,
41
+ isOnlyRecorderMode: isOnlyRecorderMode,
40
42
  recordHistoryList: recordListValue,
41
43
  onNewRecordEvent: onNewRecordEvent,
42
44
  onRecordDataChange: onRecordDataChange
package/dist/recognition.js CHANGED
@@ -69,7 +69,7 @@ const formatDate = date => {
69
69
  };
70
70
  const Recognition = _ref4 => {
71
71
  let {
72
- mode = 'recorder',
72
+ mode = 'recognition',
73
73
  isOnlyRecognitionMode,
74
74
  recognitionHistoryList,
75
75
  setMode,
@@ -90,6 +90,7 @@ const Recognition = _ref4 => {
90
90
  const languageList = ['Auto-Detect', 'English', 'Chinese (Simplified)'];
91
91
  const [selectedLanguage, setSelectedLanguage] = (0, _react.useState)(0);
92
92
  const recognitionBoxRef = (0, _react.useRef)(null);
93
+ const isClickedStopRef = (0, _react.useRef)(false);
93
94
  const recognitionRef = (0, _react.useRef)(null);
94
95
  const mediaRecorderRef = (0, _react.useRef)(null);
95
96
  const [result, setResult] = (0, _react.useState)([]);
@@ -166,6 +167,7 @@ const Recognition = _ref4 => {
166
167
  setRecordTime(prevCount => prevCount + 1);
167
168
  }, 1000);
168
169
  setIntervalId(id);
170
+ isClickedStopRef.current = false;
169
171
  recognitionRef.current.start();
170
172
  }
171
173
  } catch (error) {
@@ -174,6 +176,7 @@ const Recognition = _ref4 => {
174
176
  };
175
177
  const stopRecording = () => {
176
178
  if (recognitionRef.current && mediaRecorderRef.current) {
179
+ isClickedStopRef.current = true;
177
180
  recognitionRef.current.stop();
178
181
  if (onRecognitionStopEvent) {
179
182
  onRecognitionStopEvent();
@@ -249,8 +252,12 @@ const Recognition = _ref4 => {
249
252
  console.error('Speech recognition error:', event.error);
250
253
  };
251
254
  recognition.onend = () => {
252
- setIsStarted(false);
253
- clearInterval(intervalId);
255
+ if (!isClickedStopRef.current && recognitionRef.current) {
256
+ recognitionRef.current.start();
257
+ } else {
258
+ setIsStarted(false);
259
+ clearInterval(intervalId);
260
+ }
254
261
  console.log('Speech recognition ended');
255
262
  };
256
263
  recognitionRef.current = recognition;
@@ -712,6 +719,7 @@ const Recognition = _ref4 => {
712
719
  })]
713
720
  })]
714
721
  }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledDialog, {
722
+ className: "dmed-voice-assistant-class",
715
723
  onClose: handleClose,
716
724
  "aria-labelledby": "customized-dialog-title",
717
725
  open: open,
@@ -736,123 +744,86 @@ const Recognition = _ref4 => {
736
744
  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
737
745
  className: "!font-[600] !text-[12px]",
738
746
  color: "#494A48",
739
- children: "Tooth position (FDI)"
740
- }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
741
- className: "flex items-center py-[5px]",
742
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(StyledTypography, {
743
- children: "Upper"
744
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
745
- className: "!font-400 !text-[12px]",
746
- color: "#494A48",
747
- children: "/"
748
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledTypography, {
749
- children: "Lower"
750
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
751
- className: "!font-400 !text-[14px]",
752
- color: "#494A48",
753
- children: "+"
754
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledTypography, {
755
- children: "Left"
756
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
757
- className: "!font-400 !text-[12px]",
758
- color: "#494A48",
759
- children: "/"
760
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledTypography, {
761
- children: "Right"
762
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
763
- className: "!font-400 !text-[14px]",
764
- color: "#494A48",
765
- children: "+"
766
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledTypography, {
767
- children: "number"
768
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
769
- className: "!font-400 !text-[12px] pl-2",
770
- color: "#494A48",
771
- children: "Tooth position (FDI)"
772
- })]
773
- }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
774
- className: "flex items-center pt-[5px]",
775
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(StyledTypography, {
776
- children: "Jump"
777
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
778
- className: "!font-400 !text-[14px]",
779
- color: "#494A48",
780
- children: "+"
781
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledTypography, {
782
- children: "number"
783
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
784
- className: "!font-400 !text-[12px] pl-2",
785
- color: "#494A48",
786
- children: "Jump to tooth(FDI)"
787
- })]
788
- })]
789
- }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
790
- className: "pb-[8px]",
791
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
792
- className: "!font-[600] !text-[12px]",
793
- color: "#494A48",
794
- children: "Terminology"
747
+ children: "Step 1: Checking the condition of all missing/implant/crown"
795
748
  }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
796
- className: "flex items-center space-x-5 py-[5px]",
749
+ className: "flex items-center space-x-2 px-[10px] py-[5px]",
797
750
  children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
798
- className: "flex items-center space-x-2",
799
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(StyledTypography, {
800
- children: "Mobility"
751
+ className: "flex items-center space-x-1",
752
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
753
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_svgs.CommandIcon, {})
801
754
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
802
755
  className: "!font-400 !text-[12px]",
803
756
  color: "#494A48",
804
- children: "Mobility"
757
+ children: "Command:"
805
758
  })]
806
759
  }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
807
- className: "flex items-center space-x-2",
760
+ className: "flex items-center",
808
761
  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(StyledTypography, {
809
- children: "Furcation"
762
+ children: "Tooth number"
763
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
764
+ className: "!font-400 !text-[14px]",
765
+ color: "#494A48",
766
+ children: "+"
767
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledTypography, {
768
+ children: "Missing"
769
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
770
+ className: "!font-400 !text-[12px]",
771
+ color: "#494A48",
772
+ children: "/"
773
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledTypography, {
774
+ children: "Implant"
810
775
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
811
776
  className: "!font-400 !text-[12px]",
812
777
  color: "#494A48",
813
- children: "Furcation"
778
+ children: "/"
779
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledTypography, {
780
+ children: "Crown"
814
781
  })]
815
782
  })]
816
783
  }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
817
- className: "flex items-center space-x-5 py-[5px]",
784
+ className: "flex items-center space-x-2 px-[10px] py-[5px]",
818
785
  children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
819
- className: "flex items-center space-x-2",
820
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(StyledTypography, {
821
- children: "Bleeding"
786
+ className: "flex items-center space-x-1",
787
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
788
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_svgs.ScenarioIcon, {})
822
789
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
823
790
  className: "!font-400 !text-[12px]",
824
791
  color: "#494A48",
825
- children: "Bleeding of point"
792
+ children: "Scenario 1:"
826
793
  })]
827
794
  }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
828
- className: "flex items-center space-x-2",
795
+ className: "flex items-center",
829
796
  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(StyledTypography, {
830
- children: "Plaque"
797
+ children: "Forty-seven"
831
798
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
832
- className: "!font-400 !text-[12px]",
799
+ className: "!font-400 !text-[14px]",
833
800
  color: "#494A48",
834
- children: "Plaque of point"
801
+ children: "+"
802
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledTypography, {
803
+ children: "Missing"
835
804
  })]
836
805
  })]
837
806
  }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
838
- className: "flex items-center space-x-5 py-[5px]",
807
+ className: "flex items-center space-x-2 px-[10px] py-[5px]",
839
808
  children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
840
- className: "flex items-center space-x-2",
841
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(StyledTypography, {
842
- children: "Buccal"
809
+ className: "flex items-center space-x-1",
810
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
811
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_svgs.ScenarioIcon, {})
843
812
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
844
813
  className: "!font-400 !text-[12px]",
845
814
  color: "#494A48",
846
- children: "Buccal"
815
+ children: "Scenario 2:"
847
816
  })]
848
817
  }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
849
- className: "flex items-center space-x-2",
818
+ className: "flex items-center",
850
819
  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(StyledTypography, {
851
- children: "Lingual"
820
+ children: "Sixteen"
852
821
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
853
- className: "!font-400 !text-[12px]",
822
+ className: "!font-400 !text-[14px]",
854
823
  color: "#494A48",
855
- children: "Lingual"
824
+ children: "+"
825
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledTypography, {
826
+ children: "Implant"
856
827
  })]
857
828
  })]
858
829
  })]
@@ -861,11 +832,31 @@ const Recognition = _ref4 => {
861
832
  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
862
833
  className: "!font-[600] !text-[12px]",
863
834
  color: "#494A48",
864
- children: "Scenario 1"
865
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
866
- className: "!font-[600] !text-[12px] px-[10px] pt-[5px]",
835
+ children: "Step 2: Start charting pocket depth (PD)"
836
+ }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
837
+ className: "flex items-center space-x-2 px-[10px] py-[5px]",
838
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
839
+ className: "flex items-center space-x-1",
840
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
841
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_svgs.CommandIcon, {})
842
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
843
+ className: "!font-400 !text-[12px]",
844
+ color: "#494A48",
845
+ children: "Command:"
846
+ })]
847
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
848
+ className: "flex items-center",
849
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledTypography, {
850
+ children: "Start probing"
851
+ })
852
+ })]
853
+ })]
854
+ }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
855
+ className: "pb-[8px]",
856
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
857
+ className: "!font-[600] !text-[12px]",
867
858
  color: "#494A48",
868
- children: "Measure the full mouth pocket depth, then bleeding and plaque"
859
+ children: "Step 3: Charting (At this stage, you just need to continuously recite numbers.)"
869
860
  }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
870
861
  className: "flex items-center space-x-2 px-[10px] py-[5px]",
871
862
  children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
@@ -877,22 +868,49 @@ const Recognition = _ref4 => {
877
868
  color: "#494A48",
878
869
  children: "Command:"
879
870
  })]
871
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
872
+ className: "flex items-center",
873
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledTypography, {
874
+ children: "Pocket depth number"
875
+ })
876
+ })]
877
+ }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
878
+ className: "flex items-center space-x-2 px-[10px] py-[5px]",
879
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
880
+ className: "flex items-center space-x-1",
881
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
882
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_svgs.ScenarioIcon, {})
883
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
884
+ className: "!font-400 !text-[12px]",
885
+ color: "#494A48",
886
+ children: "Scenario 1:"
887
+ })]
880
888
  }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
881
889
  className: "flex items-center",
882
890
  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(StyledTypography, {
883
- children: "One"
891
+ children: "1"
884
892
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
885
- className: "!font-400 !text-[14px]",
893
+ className: "!font-600 !text-[12px]",
886
894
  color: "#494A48",
887
- children: "+"
895
+ children: ","
888
896
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledTypography, {
889
- children: "Bleeding"
897
+ children: "2"
898
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledTypography, {
899
+ children: "3"
890
900
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
891
- className: "!font-400 !text-[14px]",
901
+ className: "!font-600 !text-[12px]",
892
902
  color: "#494A48",
893
- children: "+"
903
+ children: ","
904
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledTypography, {
905
+ children: "3"
906
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledTypography, {
907
+ children: "2"
908
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
909
+ className: "!font-600 !text-[12px]",
910
+ color: "#494A48",
911
+ children: ","
894
912
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledTypography, {
895
- children: "Plaque"
913
+ children: "1"
896
914
  })]
897
915
  })]
898
916
  })]
@@ -901,11 +919,7 @@ const Recognition = _ref4 => {
901
919
  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
902
920
  className: "!font-[600] !text-[12px]",
903
921
  color: "#494A48",
904
- children: "Scenario 2"
905
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
906
- className: "!font-[600] !text-[12px] px-[10px] pt-[5px]",
907
- color: "#494A48",
908
- children: "Jump to specific tooth position and check implant, crown, missing"
922
+ children: "Step 4: \u201CChecking\u201D the condition of all bleeding/plaque/calculus/mobility/furcation"
909
923
  }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
910
924
  className: "flex items-center space-x-2 px-[10px] py-[5px]",
911
925
  children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
@@ -926,25 +940,89 @@ const Recognition = _ref4 => {
926
940
  color: "#494A48",
927
941
  children: "+"
928
942
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledTypography, {
929
- children: "Twenty-four"
943
+ children: "Tooth number"
930
944
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
931
945
  className: "!font-400 !text-[14px]",
932
946
  color: "#494A48",
933
947
  children: "+"
934
948
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledTypography, {
935
- children: "Implant"
949
+ children: "Tooth surface"
950
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
951
+ className: "!font-400 !text-[14px]",
952
+ color: "#494A48",
953
+ children: "+"
954
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledTypography, {
955
+ children: "Clinical finding"
956
+ })]
957
+ })]
958
+ }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
959
+ className: "flex items-center space-x-2 px-[10px] py-[5px]",
960
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
961
+ className: "flex items-center space-x-1",
962
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
963
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_svgs.ScenarioIcon, {})
936
964
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
937
965
  className: "!font-400 !text-[12px]",
938
966
  color: "#494A48",
939
- children: "/"
967
+ children: "Scenario 1:"
968
+ })]
969
+ }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
970
+ className: "flex items-center",
971
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(StyledTypography, {
972
+ children: "Jump"
973
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
974
+ className: "!font-400 !text-[14px]",
975
+ color: "#494A48",
976
+ children: "+"
940
977
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledTypography, {
941
- children: "Crown"
978
+ children: "Twenty-one"
979
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
980
+ className: "!font-400 !text-[14px]",
981
+ color: "#494A48",
982
+ children: "+"
983
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledTypography, {
984
+ children: "Buccal"
985
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
986
+ className: "!font-400 !text-[14px]",
987
+ color: "#494A48",
988
+ children: "+"
989
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledTypography, {
990
+ children: "Bleeding"
991
+ })]
992
+ })]
993
+ }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
994
+ className: "flex items-center space-x-2 px-[10px] py-[5px]",
995
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
996
+ className: "flex items-center space-x-1",
997
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
998
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_svgs.ScenarioIcon, {})
942
999
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
943
1000
  className: "!font-400 !text-[12px]",
944
1001
  color: "#494A48",
945
- children: "/"
1002
+ children: "Scenario 2:"
1003
+ })]
1004
+ }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
1005
+ className: "flex items-center",
1006
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(StyledTypography, {
1007
+ children: "Jump"
1008
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
1009
+ className: "!font-400 !text-[14px]",
1010
+ color: "#494A48",
1011
+ children: "+"
946
1012
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledTypography, {
947
- children: "Missing"
1013
+ children: "Thirty-four"
1014
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
1015
+ className: "!font-400 !text-[14px]",
1016
+ color: "#494A48",
1017
+ children: "+"
1018
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledTypography, {
1019
+ children: "Lingual"
1020
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
1021
+ className: "!font-400 !text-[14px]",
1022
+ color: "#494A48",
1023
+ children: "+"
1024
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledTypography, {
1025
+ children: "Calculus"
948
1026
  })]
949
1027
  })]
950
1028
  })]
@@ -953,11 +1031,7 @@ const Recognition = _ref4 => {
953
1031
  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
954
1032
  className: "!font-[600] !text-[12px]",
955
1033
  color: "#494A48",
956
- children: "Scenario 3"
957
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
958
- className: "!font-[600] !text-[12px] px-[10px] pt-[5px]",
959
- color: "#494A48",
960
- children: "Jump to specific tooth position and check buccal bleeding"
1034
+ children: "Step 4-1: Cancel the condition of all bleeding/plaque/calculus/mobility/furcation"
961
1035
  }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
962
1036
  className: "flex items-center space-x-2 px-[10px] py-[5px]",
963
1037
  children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
@@ -978,35 +1052,31 @@ const Recognition = _ref4 => {
978
1052
  color: "#494A48",
979
1053
  children: "+"
980
1054
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledTypography, {
981
- children: "Seventeen"
1055
+ children: "Tooth number"
982
1056
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
983
1057
  className: "!font-400 !text-[14px]",
984
1058
  color: "#494A48",
985
1059
  children: "+"
986
1060
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledTypography, {
987
- children: "Buccal"
1061
+ children: "Cancel"
988
1062
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
989
1063
  className: "!font-400 !text-[14px]",
990
1064
  color: "#494A48",
991
1065
  children: "+"
992
1066
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledTypography, {
993
- children: "Bleeding"
1067
+ children: "Clinical finding"
994
1068
  })]
995
1069
  })]
996
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
997
- className: "!font-[600] !text-[12px] px-[10px] pt-[5px]",
998
- color: "#494A48",
999
- children: "Jump to specific tooth position and check mobility II"
1000
1070
  }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
1001
1071
  className: "flex items-center space-x-2 px-[10px] py-[5px]",
1002
1072
  children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
1003
1073
  className: "flex items-center space-x-1",
1004
1074
  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
1005
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_svgs.CommandIcon, {})
1075
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_svgs.ScenarioIcon, {})
1006
1076
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
1007
1077
  className: "!font-400 !text-[12px]",
1008
1078
  color: "#494A48",
1009
- children: "Command:"
1079
+ children: "Scenario 1:"
1010
1080
  })]
1011
1081
  }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
1012
1082
  className: "flex items-center",
@@ -1017,28 +1087,77 @@ const Recognition = _ref4 => {
1017
1087
  color: "#494A48",
1018
1088
  children: "+"
1019
1089
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledTypography, {
1020
- children: "Thirty-three"
1090
+ children: "Twenty-one"
1021
1091
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
1022
1092
  className: "!font-400 !text-[14px]",
1023
1093
  color: "#494A48",
1024
1094
  children: "+"
1025
1095
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledTypography, {
1026
- children: "Lingual"
1096
+ children: "Cancel"
1027
1097
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
1028
1098
  className: "!font-400 !text-[14px]",
1029
1099
  color: "#494A48",
1030
1100
  children: "+"
1031
1101
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledTypography, {
1032
- children: "Mobility"
1102
+ children: "Bleeding"
1103
+ })]
1104
+ })]
1105
+ }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
1106
+ className: "flex items-center space-x-2 px-[10px] py-[5px]",
1107
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
1108
+ className: "flex items-center space-x-1",
1109
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
1110
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_svgs.ScenarioIcon, {})
1111
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
1112
+ className: "!font-400 !text-[12px]",
1113
+ color: "#494A48",
1114
+ children: "Scenario 2:"
1115
+ })]
1116
+ }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
1117
+ className: "flex items-center",
1118
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(StyledTypography, {
1119
+ children: "Jump"
1120
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
1121
+ className: "!font-400 !text-[14px]",
1122
+ color: "#494A48",
1123
+ children: "+"
1124
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledTypography, {
1125
+ children: "Thirty-four"
1033
1126
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
1034
1127
  className: "!font-400 !text-[14px]",
1035
1128
  color: "#494A48",
1036
1129
  children: "+"
1037
1130
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledTypography, {
1038
- children: "Two"
1131
+ children: "Cancel"
1132
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
1133
+ className: "!font-400 !text-[14px]",
1134
+ color: "#494A48",
1135
+ children: "+"
1136
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledTypography, {
1137
+ children: "Calculus"
1039
1138
  })]
1040
1139
  })]
1041
1140
  })]
1141
+ }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
1142
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
1143
+ className: "!font-[600] !text-[12px]",
1144
+ color: "#494A48",
1145
+ children: "Step 5: Finish charting"
1146
+ }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
1147
+ className: "flex items-center space-x-2 px-[10px] py-[5px]",
1148
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
1149
+ className: "flex items-center space-x-1",
1150
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
1151
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_svgs.ClickIcon, {})
1152
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
1153
+ className: "!font-400 !text-[12px]",
1154
+ color: "#494A48",
1155
+ children: "Click finish"
1156
+ })]
1157
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
1158
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_svgs.FinishIcon, {})
1159
+ })]
1160
+ })]
1042
1161
  })]
1043
1162
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Popover, {
1044
1163
  open: openAnchorEl,
package/dist/recorder.js CHANGED
@@ -47,6 +47,7 @@ const RecorderBox = _ref => {
47
47
  let {
48
48
  mode = 'recorder',
49
49
  recordHistoryList,
50
+ isOnlyRecorderMode,
50
51
  setMode,
51
52
  onNewRecordEvent,
52
53
  onRecordDataChange
@@ -132,6 +133,7 @@ const RecorderBox = _ref => {
132
133
  }
133
134
  };
134
135
  const handleModeChange = () => {
136
+ if (isOnlyRecorderMode) return;
135
137
  if (mode === "recorder") {
136
138
  setMode("recognition");
137
139
  } else if (mode === "recognition") {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "dmed-voice-assistant",
3
- "version": "1.2.9",
3
+ "version": "1.2.11",
4
4
  "main": "dist/index.js",
5
5
  "files": [
6
6
  "dist"