dmed-voice-assistant 1.2.10 → 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 +235 -123
  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,
@@ -719,6 +719,7 @@ const Recognition = _ref4 => {
719
719
  })]
720
720
  })]
721
721
  }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledDialog, {
722
+ className: "dmed-voice-assistant-class",
722
723
  onClose: handleClose,
723
724
  "aria-labelledby": "customized-dialog-title",
724
725
  open: open,
@@ -743,123 +744,86 @@ const Recognition = _ref4 => {
743
744
  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
744
745
  className: "!font-[600] !text-[12px]",
745
746
  color: "#494A48",
746
- children: "Tooth position (FDI)"
747
+ children: "Step 1: Checking the condition of all missing/implant/crown"
747
748
  }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
748
- className: "flex items-center py-[5px]",
749
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(StyledTypography, {
750
- children: "Upper"
751
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
752
- className: "!font-400 !text-[12px]",
753
- color: "#494A48",
754
- children: "/"
755
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledTypography, {
756
- children: "Lower"
757
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
758
- className: "!font-400 !text-[14px]",
759
- color: "#494A48",
760
- children: "+"
761
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledTypography, {
762
- children: "Left"
763
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
764
- className: "!font-400 !text-[12px]",
765
- color: "#494A48",
766
- children: "/"
767
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledTypography, {
768
- children: "Right"
769
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
770
- className: "!font-400 !text-[14px]",
771
- color: "#494A48",
772
- children: "+"
773
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledTypography, {
774
- children: "number"
775
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
776
- className: "!font-400 !text-[12px] pl-2",
777
- color: "#494A48",
778
- children: "Tooth position (FDI)"
779
- })]
780
- }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
781
- className: "flex items-center pt-[5px]",
782
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(StyledTypography, {
783
- children: "Jump"
784
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
785
- className: "!font-400 !text-[14px]",
786
- color: "#494A48",
787
- children: "+"
788
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledTypography, {
789
- children: "number"
790
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
791
- className: "!font-400 !text-[12px] pl-2",
792
- color: "#494A48",
793
- children: "Jump to tooth(FDI)"
794
- })]
795
- })]
796
- }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
797
- className: "pb-[8px]",
798
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
799
- className: "!font-[600] !text-[12px]",
800
- color: "#494A48",
801
- children: "Terminology"
802
- }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
803
- className: "flex items-center space-x-5 py-[5px]",
749
+ className: "flex items-center space-x-2 px-[10px] py-[5px]",
804
750
  children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
805
- className: "flex items-center space-x-2",
806
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(StyledTypography, {
807
- 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, {})
808
754
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
809
755
  className: "!font-400 !text-[12px]",
810
756
  color: "#494A48",
811
- children: "Mobility"
757
+ children: "Command:"
812
758
  })]
813
759
  }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
814
- className: "flex items-center space-x-2",
760
+ className: "flex items-center",
815
761
  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(StyledTypography, {
816
- 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"
817
769
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
818
770
  className: "!font-400 !text-[12px]",
819
771
  color: "#494A48",
820
- children: "Furcation"
772
+ children: "/"
773
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledTypography, {
774
+ children: "Implant"
775
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
776
+ className: "!font-400 !text-[12px]",
777
+ color: "#494A48",
778
+ children: "/"
779
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledTypography, {
780
+ children: "Crown"
821
781
  })]
822
782
  })]
823
783
  }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
824
- className: "flex items-center space-x-5 py-[5px]",
784
+ className: "flex items-center space-x-2 px-[10px] py-[5px]",
825
785
  children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
826
- className: "flex items-center space-x-2",
827
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(StyledTypography, {
828
- 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, {})
829
789
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
830
790
  className: "!font-400 !text-[12px]",
831
791
  color: "#494A48",
832
- children: "Bleeding of point"
792
+ children: "Scenario 1:"
833
793
  })]
834
794
  }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
835
- className: "flex items-center space-x-2",
795
+ className: "flex items-center",
836
796
  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(StyledTypography, {
837
- children: "Plaque"
797
+ children: "Forty-seven"
838
798
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
839
- className: "!font-400 !text-[12px]",
799
+ className: "!font-400 !text-[14px]",
840
800
  color: "#494A48",
841
- children: "Plaque of point"
801
+ children: "+"
802
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledTypography, {
803
+ children: "Missing"
842
804
  })]
843
805
  })]
844
806
  }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
845
- className: "flex items-center space-x-5 py-[5px]",
807
+ className: "flex items-center space-x-2 px-[10px] py-[5px]",
846
808
  children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
847
- className: "flex items-center space-x-2",
848
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(StyledTypography, {
849
- 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, {})
850
812
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
851
813
  className: "!font-400 !text-[12px]",
852
814
  color: "#494A48",
853
- children: "Buccal"
815
+ children: "Scenario 2:"
854
816
  })]
855
817
  }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
856
- className: "flex items-center space-x-2",
818
+ className: "flex items-center",
857
819
  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(StyledTypography, {
858
- children: "Lingual"
820
+ children: "Sixteen"
859
821
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
860
- className: "!font-400 !text-[12px]",
822
+ className: "!font-400 !text-[14px]",
861
823
  color: "#494A48",
862
- children: "Lingual"
824
+ children: "+"
825
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledTypography, {
826
+ children: "Implant"
863
827
  })]
864
828
  })]
865
829
  })]
@@ -868,11 +832,31 @@ const Recognition = _ref4 => {
868
832
  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
869
833
  className: "!font-[600] !text-[12px]",
870
834
  color: "#494A48",
871
- children: "Scenario 1"
872
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
873
- 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]",
874
858
  color: "#494A48",
875
- 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.)"
876
860
  }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
877
861
  className: "flex items-center space-x-2 px-[10px] py-[5px]",
878
862
  children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
@@ -884,22 +868,49 @@ const Recognition = _ref4 => {
884
868
  color: "#494A48",
885
869
  children: "Command:"
886
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
+ })]
887
888
  }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
888
889
  className: "flex items-center",
889
890
  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(StyledTypography, {
890
- children: "One"
891
+ children: "1"
891
892
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
892
- className: "!font-400 !text-[14px]",
893
+ className: "!font-600 !text-[12px]",
893
894
  color: "#494A48",
894
- children: "+"
895
+ children: ","
895
896
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledTypography, {
896
- children: "Bleeding"
897
+ children: "2"
898
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledTypography, {
899
+ children: "3"
897
900
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
898
- className: "!font-400 !text-[14px]",
901
+ className: "!font-600 !text-[12px]",
899
902
  color: "#494A48",
900
- 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: ","
901
912
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledTypography, {
902
- children: "Plaque"
913
+ children: "1"
903
914
  })]
904
915
  })]
905
916
  })]
@@ -908,11 +919,7 @@ const Recognition = _ref4 => {
908
919
  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
909
920
  className: "!font-[600] !text-[12px]",
910
921
  color: "#494A48",
911
- children: "Scenario 2"
912
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
913
- className: "!font-[600] !text-[12px] px-[10px] pt-[5px]",
914
- color: "#494A48",
915
- 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"
916
923
  }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
917
924
  className: "flex items-center space-x-2 px-[10px] py-[5px]",
918
925
  children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
@@ -933,25 +940,89 @@ const Recognition = _ref4 => {
933
940
  color: "#494A48",
934
941
  children: "+"
935
942
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledTypography, {
936
- children: "Twenty-four"
943
+ children: "Tooth number"
937
944
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
938
945
  className: "!font-400 !text-[14px]",
939
946
  color: "#494A48",
940
947
  children: "+"
941
948
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledTypography, {
942
- 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, {})
943
964
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
944
965
  className: "!font-400 !text-[12px]",
945
966
  color: "#494A48",
946
- 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: "+"
947
977
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledTypography, {
948
- 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, {})
949
999
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
950
1000
  className: "!font-400 !text-[12px]",
951
1001
  color: "#494A48",
952
- 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: "+"
953
1012
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledTypography, {
954
- 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"
955
1026
  })]
956
1027
  })]
957
1028
  })]
@@ -960,11 +1031,7 @@ const Recognition = _ref4 => {
960
1031
  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
961
1032
  className: "!font-[600] !text-[12px]",
962
1033
  color: "#494A48",
963
- children: "Scenario 3"
964
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
965
- className: "!font-[600] !text-[12px] px-[10px] pt-[5px]",
966
- color: "#494A48",
967
- 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"
968
1035
  }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
969
1036
  className: "flex items-center space-x-2 px-[10px] py-[5px]",
970
1037
  children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
@@ -985,35 +1052,31 @@ const Recognition = _ref4 => {
985
1052
  color: "#494A48",
986
1053
  children: "+"
987
1054
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledTypography, {
988
- children: "Seventeen"
1055
+ children: "Tooth number"
989
1056
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
990
1057
  className: "!font-400 !text-[14px]",
991
1058
  color: "#494A48",
992
1059
  children: "+"
993
1060
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledTypography, {
994
- children: "Buccal"
1061
+ children: "Cancel"
995
1062
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
996
1063
  className: "!font-400 !text-[14px]",
997
1064
  color: "#494A48",
998
1065
  children: "+"
999
1066
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledTypography, {
1000
- children: "Bleeding"
1067
+ children: "Clinical finding"
1001
1068
  })]
1002
1069
  })]
1003
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
1004
- className: "!font-[600] !text-[12px] px-[10px] pt-[5px]",
1005
- color: "#494A48",
1006
- children: "Jump to specific tooth position and check mobility II"
1007
1070
  }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
1008
1071
  className: "flex items-center space-x-2 px-[10px] py-[5px]",
1009
1072
  children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
1010
1073
  className: "flex items-center space-x-1",
1011
1074
  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
1012
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_svgs.CommandIcon, {})
1075
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_svgs.ScenarioIcon, {})
1013
1076
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
1014
1077
  className: "!font-400 !text-[12px]",
1015
1078
  color: "#494A48",
1016
- children: "Command:"
1079
+ children: "Scenario 1:"
1017
1080
  })]
1018
1081
  }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
1019
1082
  className: "flex items-center",
@@ -1024,28 +1087,77 @@ const Recognition = _ref4 => {
1024
1087
  color: "#494A48",
1025
1088
  children: "+"
1026
1089
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledTypography, {
1027
- children: "Thirty-three"
1090
+ children: "Twenty-one"
1028
1091
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
1029
1092
  className: "!font-400 !text-[14px]",
1030
1093
  color: "#494A48",
1031
1094
  children: "+"
1032
1095
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledTypography, {
1033
- children: "Lingual"
1096
+ children: "Cancel"
1034
1097
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
1035
1098
  className: "!font-400 !text-[14px]",
1036
1099
  color: "#494A48",
1037
1100
  children: "+"
1038
1101
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledTypography, {
1039
- 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"
1040
1126
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
1041
1127
  className: "!font-400 !text-[14px]",
1042
1128
  color: "#494A48",
1043
1129
  children: "+"
1044
1130
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledTypography, {
1045
- 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"
1046
1138
  })]
1047
1139
  })]
1048
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
+ })]
1049
1161
  })]
1050
1162
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Popover, {
1051
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.10",
3
+ "version": "1.2.11",
4
4
  "main": "dist/index.js",
5
5
  "files": [
6
6
  "dist"